@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c0e12;--panel:#141820;--panel2:#191f29;--line:#29313d;--text:#f3f5f7;--muted:#929baa;--gold:#d4af37;--gold2:#f2d15a;--red:#c62839;--green:#38b879}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}.layout{display:flex;min-height:100vh}.sidebar{width:245px;background:#10141b;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 36px}.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--gold2),#9c7922);color:#111;display:grid;place-items:center;font-weight:900;font-size:16px;box-shadow:0 6px 22px #d4af3730}.brand b{display:block;letter-spacing:2px;font-size:14px}.brand small{font-size:10px;color:var(--gold);letter-spacing:2px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{padding:13px 14px;border-radius:10px;text-decoration:none;color:#9ba4b2;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover{background:#252a31;color:var(--gold2)}.sidebar-bottom{margin-top:auto;color:#9ba4b2;font-size:12px;padding:15px 8px}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:8px}.logout{background:none;border:0;color:#a9b0bb;padding:18px 0 0;cursor:pointer}.main{flex:1;padding:34px 42px;max-width:1600px;margin:0 auto;width:100%}.topbar,.section-head,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:800;margin:0 0 8px}.topbar h1{font-size:27px;margin:0}.top-actions{display:flex;align-items:center;gap:16px}.admin-chip{font-size:12px;color:#aab2bf}.admin-chip:first-letter{color:var(--green)}.btn{border:1px solid transparent;border-radius:9px;padding:11px 16px;font:600 13px 'DM Sans';cursor:pointer;transition:.15s}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#171717}.ghost{background:#222833;color:#dbe0e7;border-color:#343d4a}.danger-outline{background:transparent;border-color:#80313b;color:#ff8c98}.full{width:100%;margin-top:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0 42px}.stat-card{background:linear-gradient(145deg,#171d26,#12171f);border:1px solid var(--line);border-radius:14px;padding:20px 22px}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:30px;margin:8px 0 2px}.section-head{margin-bottom:18px}.section-head h2{font-size:21px;margin:0 0 5px}.muted{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.search-wrap input{width:240px}.client-list{display:grid;gap:12px}.client-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:17px 19px}.client-main{display:flex;align-items:center;gap:14px;min-width:0}.client-avatar{width:42px;height:42px;border-radius:12px;background:#302a19;color:var(--gold2);display:grid;place-items:center;font-weight:800}.client-name{font-weight:700;font-size:14px}.client-meta{font-size:11px;color:var(--muted);margin-top:4px}.client-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-pill{border-radius:30px;padding:7px 10px;font-size:11px;font-weight:700;white-space:nowrap}.status-pill.on{color:#75e0ae;background:#17392d}.status-pill.off{color:#ff9ba4;background:#3b2026}.btn.sm{padding:8px 11px;font-size:11px;background:#252d38;color:#e5e8ec;border-color:#35404e}.empty{padding:36px;text-align:center;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}footer{font-size:11px;color:#606b7a;padding:34px 0 12px}.modal-backdrop{position:fixed;inset:0;background:#05070bd9;z-index:20;display:grid;place-items:center;padding:20px;overflow:auto}.hidden{display:none!important}.modal{width:min(520px,100%);background:#171d26;border:1px solid #343d49;border-radius:17px;padding:25px;box-shadow:0 24px 80px #0009}.modal.wide{width:min(850px,100%)}.modal h2{font-size:21px;margin:0 0 5px}.icon-btn{border:0;background:#252c37;color:#d8dde4;border-radius:8px;width:34px;height:34px;cursor:pointer}.modal form{display:grid;gap:13px;margin-top:18px}label{display:grid;gap:7px;font-size:12px;color:#c6ccd5;font-weight:600}label small{display:inline;color:#8993a2;font-weight:400}input,select{width:100%;background:#0e131a;border:1px solid #303a47;border-radius:8px;color:#f1f3f6;padding:11px 12px;font:13px 'DM Sans';outline:none}input:focus,select:focus{border-color:var(--gold)}.notice{background:#252316;border:1px solid #5e5127;color:#d7c77d;padding:12px;border-radius:9px;font-size:12px;line-height:1.5;margin:15px 0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:5px}.error{color:#ff929b;font-size:12px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-top:20px;overflow:auto}.tab{background:none;border:0;color:#9ca6b4;padding:12px 14px;cursor:pointer;white-space:nowrap;font:600 12px 'DM Sans';border-bottom:2px solid transparent}.tab.active{color:var(--gold2);border-color:var(--gold)}.tab-panel{padding:20px 2px 3px}.tab-panel h3{font-size:16px;margin:0 0 8px}.wa-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.qr-panel,.info-panel{background:#111720;border:1px solid var(--line);border-radius:13px;padding:20px}.qr-area{min-height:260px;display:grid;place-items:center;background:white;border-radius:10px;padding:10px}.qr-area img{max-width:240px;width:100%;height:auto}.qr-placeholder{color:#5f6977;font-size:12px}.center{text-align:center;margin:12px 0}.button-row{display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap}.info-panel ol{padding-left:20px;color:#c0c7d1;font-size:13px;line-height:2}.small{font-size:11px;margin-top:15px}.manual-grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px;margin-top:22px}.settings-block{padding:16px;background:#111720;border:1px solid var(--line);border-radius:10px;margin:14px 0}.days,.checks{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.days label,.checks label{display:flex;align-items:center;gap:6px}.days input,.checks input{width:auto;accent-color:var(--gold)}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.success-text{color:#68d9a0;font-size:12px;margin-left:12px}.logs-list{display:grid;gap:8px;margin-top:15px}.log-item{background:#111720;border:1px solid var(--line);border-radius:9px;padding:11px 13px}.log-item b{font-size:12px}.log-item p{font-size:12px;color:#b1bac6;margin:5px 0}.log-item small{font-size:10px;color:#778292}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 0%,#332a13 0,#0c0e12 50%)}.login-card{width:min(390px,100%);padding:35px;background:#151b24;border:1px solid var(--line);border-radius:17px;text-align:center;box-shadow:0 25px 90px #0008}.login-card .brand-mark{margin:0 auto 18px}.login-card h1{margin:0 0 8px}.login-card form{text-align:left;display:grid;gap:15px;margin-top:25px}.footnote{color:#737e8e;font-size:10px;margin:22px 0 0}
@media(max-width:850px){.sidebar{width:70px;padding:22px 10px}.brand{padding:0 3px 30px}.brand>div:last-child,.sidebar nav span,.sidebar-bottom{display:none}.sidebar nav a{text-align:center;font-size:0}.sidebar nav a:first-letter{font-size:18px}.main{padding:25px 18px}.topbar{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end}.stats{gap:9px}.stat-card{padding:15px}.stat-card strong{font-size:24px}.client-card{align-items:flex-start;flex-direction:column}.wa-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.manual-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.search-wrap,.search-wrap input{width:100%}}