:root{--bg: #0f172a;--panel: #1e293b;--panel-2: #273449;--text: #e2e8f0;--muted: #94a3b8;--accent: #3b82f6;--danger: #ef4444;--ok: #22c55e;--border: #334155}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);overflow-wrap:break-word}body.no-scroll{overflow:hidden}a{color:var(--accent);text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:var(--panel);padding:20px 14px;border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar nav{flex:1}.sidebar-footer{margin-top:24px}.sidebar h1{font-size:16px;margin:0 0 20px}.sidebar nav a{display:block;padding:10px 12px;border-radius:8px;color:var(--text);margin-bottom:4px}.sidebar nav a.active,.sidebar nav a:hover{background:var(--panel-2)}.content{flex:1;min-width:0;padding:28px;max-width:1100px}h2{margin-top:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:18px}.row{display:flex;gap:16px;flex-wrap:wrap}.stat{flex:1;min-width:140px;text-align:center}.stat .num{font-size:30px;font-weight:700}.stat .lbl{color:var(--muted);font-size:13px}label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}input,select,textarea{width:100%;padding:9px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}button{background:var(--accent);color:#fff;border:0;padding:9px 16px;border-radius:8px;cursor:pointer;font-size:14px}button.secondary{background:var(--panel-2)}button.danger{background:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}table{width:100%;border-collapse:collapse;font-size:14px}table.fixed{table-layout:fixed}.break{word-break:break-word;overflow-wrap:anywhere;white-space:normal}.badge.err{display:inline-block;max-width:100%;word-break:break-word;overflow-wrap:anywhere;white-space:normal}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:600}.badge{padding:2px 8px;border-radius:999px;font-size:12px}.badge.err{background:#ef444433;color:#fca5a5}.badge.ok{background:#22c55e33;color:#86efac}.badge.warn{background:#eab30833;color:#fde047}.muted{color:var(--muted)}.toast{position:fixed;bottom:20px;right:20px;background:var(--panel-2);border:1px solid var(--border);padding:12px 16px;border-radius:8px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:320px}.flex-between{display:flex;justify-content:space-between;align-items:center}.pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;flex-wrap:wrap}.pager .info{color:var(--muted);font-size:13px}.pager button{padding:6px 12px}.checkbox-row{display:flex;align-items:center;gap:8px;margin:8px 0}.checkbox-row input{width:auto}.autocomplete{position:absolute;z-index:10;left:0;right:0;top:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;margin-top:4px;max-height:260px;overflow-y:auto;box-shadow:0 8px 24px #0006}.autocomplete-item{padding:8px 10px;cursor:pointer}.autocomplete-item:hover{background:var(--accent)}.period-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.period-controls select{width:auto;padding:7px 10px}.period-controls button{padding:7px 14px}.chart-title{font-size:13px;color:var(--muted);margin:0 0 12px}.bars{display:flex;flex-direction:column;gap:8px}.bar-row{display:grid;grid-template-columns:160px 1fr 48px;align-items:center;gap:10px}.bar-label{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{background:var(--panel-2);border-radius:4px;height:18px}.bar-fill{height:18px;background:var(--accent);border-radius:0 4px 4px 0;min-width:2px}.bar-value{font-size:13px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.cols{display:flex;align-items:flex-end;gap:6px;height:170px;padding-top:4px}.col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%}.col-val{font-size:11px;color:var(--muted);min-height:14px;font-variant-numeric:tabular-nums}.col-bar{width:100%;max-width:26px;background:var(--accent);border-radius:4px 4px 0 0}.col-lbl{font-size:11px;color:var(--muted)}.topbar,.menu-overlay{display:none}.hamburger{background:transparent;border:1px solid var(--border);border-radius:10px;width:42px;height:42px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0}.hamburger span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.menu-open .hamburger span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-open .hamburger span:nth-child(2){opacity:0}.menu-open .hamburger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 900px){.layout{display:block;min-height:100dvh}.topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:40;background:var(--panel);border-bottom:1px solid var(--border);padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top))}.topbar-title{font-size:16px;font-weight:600}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:60;width:80vw;max-width:300px;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 40px #00000080}.menu-open .sidebar{transform:translate(0)}.menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .22s ease}.menu-open .menu-overlay{opacity:1;pointer-events:auto}.content{max-width:none;padding:18px 14px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px;padding:0 4px}.table-scroll table{min-width:560px}th,td{padding:8px 6px}input,select,textarea{font-size:16px;padding:11px 12px}button{min-height:42px;padding:10px 16px}.checkbox-row input{min-width:18px;min-height:18px}.flex-between{flex-wrap:wrap;gap:10px}.period-controls{width:100%}.period-controls select{flex:1;min-width:120px}.toast{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.login-card{width:100%;max-width:340px}.login-wrap{padding:20px}}@media (max-width: 620px){.bar-row{grid-template-columns:110px 1fr 40px}.card{padding:14px;border-radius:10px}h2{font-size:20px}h3{font-size:16px}.row>.stat{flex:1 1 calc(50% - 8px);min-width:0}.stat .num{font-size:24px}.cols{height:140px}.pager{justify-content:center}}