*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#17222b;background:#f4f8fa}a{color:#147ca8;text-decoration:none}body{min-height:100vh}.topbar{height:70px;background:#0d2633;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-weight:700}.logo{height:42px;max-width:180px;object-fit:contain}.container{max-width:1180px;margin:0 auto;padding:26px 18px 90px}.client-shell{max-width:760px;margin:0 auto;padding:24px 16px 90px}.hero{background:linear-gradient(135deg,#0d2633,#197fa8);color:#fff;border-radius:28px;padding:28px;margin-bottom:20px;box-shadow:0 18px 50px #14384b24}.hero h1{margin:0 0 8px;font-size:clamp(28px,5vw,44px)}.card{background:#fff;border:1px solid #dce9ee;border-radius:22px;padding:20px;box-shadow:0 10px 30px #0d26330d;margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.kpi strong{display:block;font-size:30px;color:#0d657f}.muted{color:#677883}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer;background:#e8f1f4;color:#17303d}.btn.primary{background:#148bb2;color:#fff}.btn.dark{background:#0d2633;color:#fff}.btn.danger{background:#fff1f1;color:#a73030}.btn.small{padding:8px 11px;border-radius:11px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #cfe0e6;background:#fff;border-radius:13px;padding:12px 13px;font:inherit;color:#17222b}textarea{min-height:100px;resize:vertical}label{display:block;font-size:13px;font-weight:700;color:#425461;margin-bottom:12px}label input,label select,label textarea{margin-top:6px;font-weight:400}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.full{grid-column:1/-1}.alert{border-radius:14px;padding:13px 15px;margin:12px 0;background:#eaf8ff;color:#1a5970}.alert.danger{background:#fff0f0;color:#8c2e2e}.alert.success{background:#edf9f2;color:#226942}.login-bg{display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#d7f5ff,#f7fafb 55%)}.auth-card{width:min(440px,100%);background:#fff;border-radius:28px;padding:30px;box-shadow:0 28px 80px #0d263329}.auth-card.wide{width:min(760px,100%)}.auth-card h1{margin-top:0}.lang{display:flex;justify-content:flex-end;gap:8px;font-size:13px}.nav{display:flex;gap:7px;flex-wrap:wrap;padding:10px 18px;background:#fff;border-bottom:1px solid #dce9ee}.nav a{padding:9px 12px;border-radius:12px;color:#435661;font-size:14px;font-weight:700}.nav a.active{background:#dff4fb;color:#0d698a}.table-wrap{overflow:auto;border-radius:16px;border:1px solid #e0eaee}table{width:100%;border-collapse:collapse;background:#fff;min-width:720px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e8eff2;font-size:14px;vertical-align:top}th{background:#f3f8fa;color:#50616c}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-weight:800;font-size:12px;background:#e8f4f8;color:#22586b}.badge.ok{background:#e8f8ef;color:#246842}.badge.off{background:#f0f1f2;color:#65717a}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.cal-head{text-align:center;font-size:12px;font-weight:800;color:#667781;padding:6px}.day{min-height:95px;background:#fff;border:1px solid #dbe8ed;border-radius:14px;padding:9px;position:relative}.day.disabled{background:#eef2f3;color:#a2abb0}.day.available{border-color:#8bcfe0;cursor:pointer}.day.selected{outline:3px solid #0e8eb7}.day-num{font-weight:900}.dots{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}.dot{width:11px;height:11px;border-radius:50%}.day small{display:block;margin-top:8px;color:#6b7b84}.booking-box{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.footer{padding:30px;text-align:center;color:#71818b;font-size:13px}.client-logo{height:55px;max-width:220px;object-fit:contain;margin-bottom:16px}.presence{padding:16px;border-radius:15px;background:#fff6e9;border:1px solid #f2d6ab}.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.right{margin-left:auto}.zone-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;background:#f3f6f7;font-size:12px}.zone-chip i{width:10px;height:10px;border-radius:50%;display:inline-block}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 14px}.section-title h2{margin:0}.danger-zone{border-color:#f0caca}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:15px}.tabs a{white-space:nowrap}.flash{position:fixed;right:20px;bottom:20px;max-width:420px;z-index:20}.notice{font-size:12px;color:#71818b}@media(max-width:720px){.grid2,.grid3{grid-template-columns:1fr}.topbar{padding:0 14px;height:64px}.container{padding:16px 12px 80px}.client-shell{padding:16px 12px 80px}.hero{padding:22px;border-radius:22px}.card{border-radius:18px;padding:16px}.calendar{gap:4px}.day{min-height:70px;padding:6px;border-radius:10px}.day small{display:none}.nav{overflow:auto;flex-wrap:nowrap}.nav a{white-space:nowrap}.booking-box{align-items:flex-start}.auth-card{padding:22px;border-radius:22px}}