:root{--bg:#09090b;--panel:#18181b;--panel-2:#232327;--border:#27272a;--text:#fafafa;--muted:#a1a1aa;--primary:#c99e67;--primary-hover:#d4ad7c;--primary-contrast:#fff;--up:#4ade80;--down:#f87171;--sidebar-bg:#101013;--sidebar-text:#a1a1aa;--sidebar-active:#232327;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}.logo{letter-spacing:-.01em;white-space:nowrap;font-size:20px;font-weight:600}.logo-cat{color:#d4d4d8}.logo-sep{color:var(--primary);margin:0 2px;font-weight:500}.logo-group{color:var(--primary)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:220px;color:var(--sidebar-text);border-right:1px solid var(--border);flex-shrink:0;padding:20px 12px}.brand{padding:8px 12px 24px}.sidebar nav{flex-direction:column;gap:2px;display:flex}.nav-link{color:var(--sidebar-text);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:14px;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-label{align-items:center;gap:11px;min-width:0;display:inline-flex}.nav-icon{flex-shrink:0;width:18px;height:18px}.nav-badge{text-align:center;background:var(--sidebar-active);min-width:22px;color:var(--sidebar-text);border-radius:999px;padding:1px 7px;font-size:12px}.nav-link.active .nav-badge{color:var(--primary);background:#c99e672e}.nav-link:hover{color:var(--text);background:#ffffff0a}.nav-link.active,.nav-link.active:hover{color:var(--primary);background:#c99e671f;font-weight:600}.content{flex:1;padding:32px 40px;overflow-x:auto}.lang-switch{gap:6px;margin-top:24px;padding:0 12px;display:flex}.lang-switch .lang{color:var(--sidebar-text);border:1px solid var(--sidebar-active);background:0 0;border-radius:8px;flex:1;padding:6px 0;font-size:13px}.lang-switch .lang.active{background:var(--primary);border-color:var(--primary);color:#fff}.topbar,.sidebar-backdrop{display:none}@media (width<=768px){.topbar{background:var(--sidebar-bg);color:#fff;z-index:30;align-items:center;gap:12px;height:52px;padding:0 12px;display:flex;position:fixed;top:0;left:0;right:0}.hamburger{color:#fff;background:0 0;border:none;padding:6px 10px;font-size:20px}.brand-inline{font-weight:700}.sidebar{z-index:30;transition:transform .2s;position:fixed;top:52px;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar .brand{display:none}.sidebar-backdrop{z-index:20;background:#0006;display:block;position:fixed;inset:52px 0 0}.content{padding:72px 16px 24px}}h1{letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:600}h2{margin:0 0 16px;font-size:16px}.muted{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;max-width:640px;margin-top:20px;padding:20px;box-shadow:0 1px 3px #0006}.kv{margin:0;padding:0;list-style:none}.kv li{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;display:flex}.kv li:last-child{border-bottom:none}.kv li span:first-child{color:var(--muted)}.status-up{color:var(--up);font-weight:600}.status-down{color:var(--down);font-weight:600}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex:1;min-width:180px;padding:16px 18px;box-shadow:0 1px 3px #0006}.sparkline{color:var(--primary);margin-top:10px;display:block}.month-bars{color:var(--primary)}.toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}table.data{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0006}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--border);padding:10px 14px;font-size:14px}table.data th{background:var(--panel-2);color:var(--muted);font-weight:600}table.data tbody tr:hover td{background:#ffffff05}table.data tr:last-child td{border-bottom:none}button,.btn{font:inherit;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;transition:background .12s,border-color .12s}button:hover,.btn:hover{background:#2a2a2e;border-color:#3f3f46}button.primary,.btn.primary{background:var(--primary);color:var(--primary-contrast);border-color:var(--primary);font-weight:600}button.primary:hover,.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button.danger{color:var(--down);background:0 0;border-color:#f8717166}button.danger:hover{border-color:var(--down);background:#f871711a}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font:inherit;border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff08;border-radius:8px;padding:8px 10px}input::placeholder,textarea::placeholder{color:#52525b}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #c99e6733}:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.field{margin-bottom:12px}.field label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.form-error{color:var(--down);margin:8px 0;font-size:13px}dialog.modal{border:1px solid var(--border);background:var(--panel);width:420px;max-width:90vw;color:var(--text);border-radius:12px;padding:24px;box-shadow:0 20px 50px #0009}dialog.modal::backdrop{background:#0009}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.login-shell{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:32px;display:flex}.login-card h1{text-align:center;margin:0 0 8px}.login-card label{color:var(--muted);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.login-card input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-size:1rem}.account{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.account-name{color:var(--sidebar-text);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.logout{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px}.logout:hover{border-color:var(--primary);color:var(--primary)}