:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0b111a;color:#e9eef7;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:#101925;border-right:1px solid #233044;padding:26px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:10px;align-items:center;font-size:19px;font-weight:800;letter-spacing:.05em;margin:5px 6px 55px}.brand-muted{color:#47d5c4}.brand small{display:block;font-size:9px;color:#8291a5;font-weight:600;letter-spacing:.24em;margin-top:4px}.logo{background:#39b9ab;color:#07131b;font-size:25px;font-weight:800;border-radius:10px;padding:5px 9px}.side-label{font-size:10px;color:#718399;letter-spacing:.14em;font-weight:700;margin:0 15px 14px}.nav-link{display:flex;gap:14px;padding:14px;border-radius:10px;color:#a7b7cc;margin-bottom:6px;font-weight:600}.nav-link:hover{background:#18283a;color:#fff}.side-footer{margin-top:auto;color:#a6b7cc;background:#152435;border:1px solid #263c4d;padding:15px;border-radius:12px;line-height:1.7;font-size:12px}.side-footer small{color:#798da3}.online,.green{color:#37d5ae!important}.logout{background:none;color:#7fbfc8;border:0;cursor:pointer;margin-top:13px;padding:0}.main{flex:1;max-width:1700px;padding:48px 48px 70px;min-width:0}.top{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:35px}.eyebrow{color:#46c9ba;letter-spacing:.18em;font-size:10px;font-weight:750}.top h1,h1{font-size:32px;letter-spacing:-.04em;margin:11px 0 8px}.muted,p.muted{color:#93a5bc}.top p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #35465c;background:#1b2b3d;color:#d8e3ef;border-radius:8px;padding:11px 16px;cursor:pointer;font-weight:650;white-space:nowrap}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.primary{color:#071a1f;border-color:#52d8c2;background:#4cdbbd}.btn.danger{color:#f6a9b1;border-color:#644251;background:#38232c}.btn.tiny{font-size:12px;padding:7px 9px}.wide{width:100%}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:39px}.stat{background:#141f2c;border:1px solid #233449;border-radius:14px;padding:23px}.stat span{font-size:10px;color:#93a9bf;letter-spacing:.12em;font-weight:800}.stat strong{display:block;font-size:37px;letter-spacing:-.05em;margin:13px 0 4px}.stat small{color:#7f90a5}.section-head{display:flex;justify-content:space-between;align-items:center;margin:29px 0 16px}.section-head h2,h2{font-size:19px;letter-spacing:-.02em;margin:0 0 6px}.section-head p,.hint{color:#7f94aa;margin:0;font-size:12px}.panel{border:1px solid #253549;background:#141f2c;border-radius:14px;padding:25px}.table-wrap{overflow-x:auto;padding:0}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:17px 16px;border-bottom:1px solid #263548;white-space:nowrap}th{font-size:10px;font-weight:750;color:#8195aa;letter-spacing:.08em}td{color:#c0cede}td strong,td small{display:block}td strong{color:#e8eff6;margin-bottom:4px}td small{color:#7389a1;font-size:11px}.actions{display:flex;gap:6px}.pill{padding:5px 9px;border-radius:50px;font-size:11px;font-weight:700}.pill.on{background:#173f39;color:#6ddcb3}.pill.off{background:#473034;color:#f5a3a8}.empty{text-align:center;padding:35px;color:#9aa9bc}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel-title{font-weight:750;margin-bottom:22px}.customer{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #29374a}.customer strong,.customer small{display:block}.customer small{margin-top:4px;color:#8396aa}.notice{background:#1d383a;border:1px solid #387b73;color:#b0f5e3;border-radius:9px;padding:14px 18px;margin:0 0 22px;overflow-wrap:anywhere}.login-wrap{max-width:560px;margin:13vh auto}.login-wrap h1{font-size:42px}.login-card{margin-top:36px}.login-card .btn{margin-top:15px}label{display:block;color:#b7c9db;font-size:12px;font-weight:650;margin-bottom:19px}input,select{display:block;margin-top:9px;width:100%;padding:12px;background:#0e1824;border:1px solid #35485c;color:#eff6fb;border-radius:8px;outline:none}input:focus,select:focus{border-color:#39cbb4;box-shadow:0 0 0 2px #2bc1ad2e}.error{color:#f4a7ab}.form-panel{max-width:880px}.form-panel h2{border-bottom:1px solid #27394c;padding-bottom:14px;margin:12px 0 22px}.form-panel h2:not(:first-child){margin-top:37px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.switch-row{display:flex;align-items:center;gap:14px;border:1px solid #294157;padding:15px;border-radius:10px}.switch-row input{width:18px;height:18px;margin:0}.switch-row span small{display:block;color:#8fa7bd;font-weight:400;margin-top:6px}.form-panel .hint{margin:20px 0}.form-panel>.btn{margin-top:20px}@media(max-width:1100px){.main{padding:35px 23px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:730px){.app{display:block}.sidebar{width:auto;height:auto;position:static}.brand{margin-bottom:15px}.side-label,.side-footer{display:none}.main{padding:24px 14px}.top{align-items:flex-start;flex-direction:column}.two-col,.form-grid{grid-template-columns:1fr}.stats{gap:9px}.stat{padding:15px}}
