:root{--bg: #eef2f8;--panel: #ffffff;--panel-2: #f3f6fb;--border: #dde5f0;--text: #16233d;--muted: #6b7a90;--accent: #0d9488;--accent-hover: #0b7c72;--accent-2: #15a34a;--danger: #dc2626;--warn: #b45309;--sidebar-bg: #122048;--sidebar-bg-2: #1b2d5e;--sidebar-text: #dbe4f6;--sidebar-muted: #93a2c4;--shadow: 0 1px 2px rgba(16, 34, 72, .06), 0 4px 16px rgba(16, 34, 72, .06);--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--sidebar-bg);color:var(--sidebar-text);padding:18px 12px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.nav{flex:1;overflow-y:auto}.sidebar-footer{margin-top:auto;padding-top:12px}.sidebar-footer .muted{color:var(--sidebar-muted)}.brand{padding:2px 2px 16px}.brand-logo{background:#fff;border-radius:12px;padding:12px 14px;display:block;box-shadow:0 2px 8px #00000026}.brand-logo img{width:100%;height:auto;display:block}.brand-tag{color:var(--sidebar-muted);font-size:10.5px;text-align:center;margin-top:8px;letter-spacing:.03em}.nav a{display:block;padding:9px 12px;border-radius:9px;color:var(--sidebar-text);margin-bottom:2px;transition:background .12s ease}.nav a:hover{background:var(--sidebar-bg-2)}.nav a.active{background:var(--accent);color:#fff;font-weight:600}.sidebar select{background:var(--sidebar-bg-2);border:1px solid #2b3f70;color:var(--sidebar-text)}.main{flex:1;padding:24px 28px;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h1{font-size:21px;margin:0;font-weight:700}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.card .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.card .value{font-size:28px;font-weight:700;margin-top:6px;color:var(--text)}table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;background:var(--panel-2)}tbody tr:hover{background:#f8fafd}tr:last-child td{border-bottom:none}.badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;display:inline-block}.badge.green{background:#e3f6ec;color:#12813f}.badge.red{background:#fde8e8;color:#c02626}.badge.gray{background:#eef1f6;color:#566173}.badge.amber{background:#fdf0dd;color:#9a5b09}.btn{background:var(--accent);color:#fff;border:none;padding:8px 14px;border-radius:9px;cursor:pointer;font-size:13px;font-weight:600;transition:background .12s ease}.btn:hover{background:var(--accent-hover)}.btn.secondary{background:#fff;color:var(--text);border:1px solid var(--border)}.btn.secondary:hover{background:var(--panel-2)}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.5;cursor:default}input,select{background:#fff;border:1px solid var(--border);color:var(--text);padding:8px 11px;border-radius:9px;font-size:13px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0d948826}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(135deg,#eef2f8,#dde6f4)}.login-box{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px;width:360px;box-shadow:0 10px 40px #1022481f}.login-logo{display:flex;justify-content:center;margin-bottom:14px}.login-logo img{max-width:210px;width:100%;height:auto}.login-box h2{margin-top:0;color:var(--text)}.login-box input{width:100%;margin-bottom:12px}.login-box .btn{width:100%;padding:10px}.error{color:var(--danger);margin-bottom:10px}.muted{color:var(--muted)}.menu-wrap{position:relative;display:inline-block}.menu{position:fixed;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);z-index:50;min-width:200px;overflow:hidden;padding:4px}.menu button{display:block;width:100%;text-align:left;background:none;border:none;padding:9px 12px;cursor:pointer;font-size:13px;color:var(--text);border-radius:7px}.menu button:hover{background:var(--panel-2)}.menu button.danger{color:var(--danger)}.menu .sep{height:1px;background:var(--border);margin:4px 0}.menu .menu-label{padding:6px 12px 2px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.nav-toggle{display:none;position:fixed;top:12px;left:12px;z-index:80;width:42px;height:42px;border:none;border-radius:10px;cursor:pointer;background:var(--sidebar-bg);color:#fff;font-size:18px;box-shadow:var(--shadow)}.nav-backdrop{display:none}@media (min-width: 1600px){.main>*{max-width:1500px}}@media (max-width: 900px){.nav-toggle{display:flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;left:0;z-index:75;width:250px;transform:translate(-100%);transition:transform .22s ease}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000040}.nav-backdrop.open{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a142873;z-index:70}.main{padding:62px 16px 24px}.topbar{flex-wrap:wrap;gap:10px}.topbar h1{font-size:18px}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}@media (max-width: 480px){.main{padding:60px 12px 20px}.login-box{width:100%;max-width:340px;padding:24px}.card{padding:14px}.cards{grid-template-columns:1fr 1fr}}