.tab{color:#fff;background:#000;min-height:100vh;font-family:Oswald,Arial Narrow,Impact,sans-serif}.tab-col{text-align:center;max-width:480px;margin:0 auto;padding:32px 22px 28px}.tab-mark{justify-content:center;align-items:center;gap:2px;display:flex}.tab-t{margin:0 -26px 0 6px;font-size:64px;font-weight:700;line-height:1;transform:skew(-8deg)}.tab-word{letter-spacing:1px;margin-top:6px;font-size:36px;font-weight:700}.tab-tag,.tab-or{color:#fff;letter-spacing:4px;justify-content:center;align-items:center;gap:14px;font-size:15px;display:flex}.tab-tag i,.tab-or i{background:#ff9500;flex:1;max-width:140px;height:1px}.tab-tag i{max-width:40px}.tab-h1{letter-spacing:-.5px;margin:28px 0 26px;font-size:clamp(56px,17vw,88px);font-weight:700;line-height:.98}.tab-h1 span{color:#ff9500;font-size:1.18em}.tab-btn{letter-spacing:.5px;border-radius:10px;justify-content:center;align-items:center;gap:16px;font-weight:500;text-decoration:none;display:flex}.tab-primary{color:#fff;background:#ff8a00;padding:14px;font-size:30px}.tab-primary:hover{background:#ff9500}.tab-outline{color:#fff;border:1.5px solid #fff;padding:12px;font-size:24px}.tab-outline:hover{background:#111}.tab-or{color:#ff9500;letter-spacing:1px;margin:18px 0;font-size:20px}.tab-or i{max-width:none}.tab-steps{grid-template-columns:repeat(3,1fr);margin-top:30px;scroll-margin-top:20px;display:grid}.tab-steps>div{flex-direction:column;align-items:center;gap:4px;padding:0 6px;display:flex}.tab-steps>div+div{border-left:1px solid #444}.tab-steps b{color:#ff9500;font-size:20px;font-weight:700}.tab-steps p{margin:0;font-family:system-ui,sans-serif;font-size:14px;line-height:1.35}.tab-how{color:#ddd;margin-top:26px;font-family:system-ui,sans-serif;font-size:15px;line-height:1.5}.tab-how q{color:#ff9500}.tab-num{color:#ff9500;letter-spacing:1px;font-family:Oswald,sans-serif}.tab-foot{margin-top:22px}.tab-foot .tab-or{margin:0 0 14px}.tab-foot p{letter-spacing:2.5px;margin:0;font-size:15px}.tab-foot span{color:#ff9500}*{box-sizing:border-box}body{color:#1c1917;background:#f5f5f4;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:760px;margin:0 auto;padding:12px 16px 48px}h1{margin:0;font-size:1.4rem}h2{margin:24px 0 8px;font-size:1.1rem}.nav{background:#1c1917;gap:16px;padding:10px 16px;display:flex;overflow-x:auto}.nav a{color:#fafaf9;white-space:nowrap;font-size:.9rem;text-decoration:none}.topbar{border-bottom:2px solid #1c1917;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.muted{color:#78716c}.error{color:#b91c1c;margin-top:6px}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.card{color:inherit;background:#fff;border-left:6px solid #a8a29e;border-radius:12px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;display:flex;box-shadow:0 1px 2px #0000000f}.badge{background:#e7e5e4;border-radius:999px;width:fit-content;padding:2px 8px;font-size:.8rem;display:inline-block}.status-free{border-color:#16a34a}.status-with_client{border-color:#dc2626}.status-break{border-color:#d97706}.status-off{border-color:#a8a29e}.badge.status-free,.status-free .badge{background:#dcfce7}.badge.status-with_client,.status-with_client .badge{background:#fee2e2}.badge.status-break,.status-break .badge{background:#fef3c7}.count{color:#fff;background:#dc2626;border-radius:999px;padding:0 8px;font-size:.8rem}.msg{background:#fff;border-radius:10px;margin-bottom:10px;padding:12px}.msg p{margin:6px 0}.reply{flex-wrap:wrap;gap:6px;display:flex}.reply input{flex:1;min-width:160px}input,select{border:1px solid #d6d3d1;border-radius:8px;padding:10px;font-size:1rem}label input{width:100%;margin-top:4px;display:block}button{color:#fff;cursor:pointer;background:#1c1917;border:0;border-radius:8px;padding:10px 14px;font-size:1rem}button.secondary{color:#1c1917;background:#e7e5e4}button.small{padding:4px 10px;font-size:.85rem}.list{margin:0;padding:0;list-style:none}.list li{background:#fff;border-radius:8px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;display:flex}.list li>span:nth-child(2){flex:1}.list li.cancelled{opacity:.5;text-decoration:line-through}.list li.open{background:#fafaf9;border:1px dashed #d6d3d1}.time{font-variant-numeric:tabular-nums;min-width:72px;font-weight:600}.status-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}button.big{color:#1c1917;background:#fff;border:3px solid;padding:18px 8px;font-size:1.05rem}button.big.active.status-free{color:#fff;background:#16a34a}button.big.active.status-with_client{color:#fff;background:#dc2626}button.big.active.status-break{color:#fff;background:#d97706}.phone{background:#fff;border-radius:16px;flex-direction:column;gap:8px;min-height:300px;max-height:60vh;margin:12px 0;padding:12px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;border-radius:16px;max-width:80%;padding:8px 12px}.bubble.in{color:#fff;background:#2563eb;align-self:flex-end}.bubble.out{background:#e7e5e4;align-self:flex-start}
