:root{--bg:#f4f7f6;--surface:#fff;--ink:#122b27;--ink-muted:#5e7370;--ink-faint:#8ca09d;--teal-900:#0b3833;--teal-800:#0e4640;--teal-700:#12584f;--teal-500:#1d8779;--teal-300:#5fb3a3;--teal-100:#e2f1ec;--teal-050:#eff6f3;--red-600:#ab3b2c;--red-100:#f8e1dc;--border:#dce7e3;--border-soft:#e8f0ed;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--teal-900);color:#dceae6;flex-direction:column;flex:none;width:236px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{color:#fff;padding:6px 10px 2px;font-size:18px;font-weight:700}.brand-sub{color:#8fb0aa;padding:0 10px 16px;font-size:11px}.nav-label{color:#6e9490;letter-spacing:.04em;padding:14px 12px 6px;font-size:10.5px;font-weight:600}.nav-btn{text-align:left;color:#cfe3de;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-btn:hover{background:#ffffff0f}.nav-btn.active{background:var(--teal-500);color:#fff}.nav-ico{text-align:center;width:18px;font-size:15px}.userbox{border-top:1px solid #ffffff1a;margin-top:auto;padding:12px}.userbox b{color:#fff;font-size:13px;display:block}.userbox span{color:#8fb0aa;font-size:11.5px}.userbox button{color:#dceae6;background:#ffffff14;border:none;border-radius:7px;width:100%;margin-top:8px;padding:7px;font-size:12px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;align-items:center;gap:16px;padding:14px 26px;display:flex;position:sticky;top:0}.topbar h1{flex:1;margin:0;font-size:18px;font-weight:600}.menu-toggle{color:var(--ink);background:0 0;border:none;padding:4px 6px;font-size:20px;line-height:1;display:none}.sidebar-backdrop{display:none}.content{width:100%;max-width:1280px;margin:0 auto;padding:24px 26px 60px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px}.btn{background:var(--teal-100);color:var(--teal-900);border:none;border-radius:9px;padding:9px 15px;font-size:13.5px;font-weight:600}.btn-primary{background:var(--teal-700);color:#fff}.btn-primary:hover{background:var(--teal-800)}.btn:disabled{opacity:.6;cursor:not-allowed}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);padding:0 10px 10px;font-size:11.5px;font-weight:600}.table td{border-bottom:1px solid var(--border-soft);padding:10px}.table tbody tr:last-child td{border-bottom:none}.badge{border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-block}.badge-ok{background:var(--teal-100);color:var(--teal-800)}.badge-off{background:var(--red-100);color:var(--red-600)}.login-wrap{background:var(--teal-900);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:18px;width:100%;max-width:380px;padding:30px 28px}.field{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.field label{color:var(--ink-muted);font-size:12px;font-weight:600}.field input{border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:8px;padding:9px 10px}.error-text{color:var(--red-600);margin:6px 0 0;font-size:12.5px}.hint{color:var(--ink-faint);margin-top:14px;font-size:12px;line-height:1.5}@media (width<=640px){.menu-toggle{display:inline-flex}.sidebar{display:none}.app-shell.menu-open .sidebar{z-index:21;display:flex;position:fixed;inset:0 auto 0 0}.app-shell.menu-open .sidebar-backdrop{z-index:20;background:#08141273;display:block;position:fixed;inset:0}}