@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1419;--bg-elevated:#171d24;--bg-soft:#1e262f;--border:#2a3440;--text:#e8eef4;--muted:#8b9aab;--accent:#3d9c8f;--accent-hover:#4db3a5;--danger:#d46a6a;--radius:10px;--sidebar:240px;--font:"IBM Plex Sans", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%, #1a2733 0%, transparent 55%), var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.muted{color:var(--muted)}.shell{grid-template-columns:var(--sidebar) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#0f1419eb;flex-direction:column;gap:24px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand strong{letter-spacing:.02em;font-size:15px;display:block}.brand small{color:var(--muted);font-size:12px}.brand-mark{width:36px;height:36px;font-weight:700;font-family:var(--mono);background:linear-gradient(145deg,#3d9c8f,#2a6f68);border-radius:10px;place-items:center;display:grid}.nav{flex-direction:column;gap:4px;display:flex;overflow:auto}.nav-link{color:var(--muted);border-radius:8px;padding:9px 12px;font-size:14px}.nav-link:hover{background:var(--bg-soft);color:var(--text)}.nav-link.active{color:#d7f3ee;background:#3d9c8f29;font-weight:600}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#0f1419bf;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-meta{align-items:center;gap:10px;display:flex}.chip{font-family:var(--mono);letter-spacing:.04em;background:var(--bg-soft);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:11px}.content{padding:28px}.page-header{margin-bottom:20px}.page-header h1{letter-spacing:-.02em;margin:0 0 6px;font-size:28px}.page-header p{margin:0}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.panel.empty{color:var(--muted);place-items:center;min-height:180px;display:grid}.period-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.period-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.period-card-head h2{margin:0 0 4px;font-size:18px}.period-card-head p{margin:0;font-size:12px}.period-revenue{font-family:var(--mono);letter-spacing:-.03em;color:#d7f3ee;margin:0;font-size:28px}.period-lines{flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.period-lines li{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.period-lines .mono,.mono{font-family:var(--mono);color:var(--muted);white-space:nowrap}.period-note{color:var(--muted);margin:0;font-size:12px}.period-counts{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:4px 0 0;padding-top:12px;display:grid}.period-counts div{justify-content:space-between;gap:8px;font-size:12px;display:flex}.period-counts dt{color:var(--muted);margin:0}.period-counts dd{font-family:var(--mono);margin:0}.toolbar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.toolbar input{background:var(--bg-elevated);border:1px solid var(--border);min-width:0;color:var(--text);border-radius:8px;flex:240px;padding:10px 12px}.toolbar input:focus{border-color:var(--accent);outline:2px solid #3d9c8f59}.table-panel{overflow:auto}.table-meta{margin-bottom:12px;font-size:13px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 8px}.data-table th{color:var(--muted);font-size:12px;font-weight:500}.table-link{color:#d7f3ee}.table-link:hover{color:var(--accent-hover)}.badge{font-family:var(--mono);border:1px solid var(--border);background:var(--bg-soft);border-radius:999px;padding:2px 7px;font-size:11px;display:inline-block}.badge.danger{color:#f0c0c0;background:#d46a6a1f;border-color:#d46a6a73}.detail-stack{flex-direction:column;gap:16px;display:flex}.panel h2{margin:0 0 14px;font-size:16px}.kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:0;display:grid}.kv div{gap:4px;display:grid}.kv dt{color:var(--muted);margin:0;font-size:12px}.kv dd{margin:0}.wrap{overflow-wrap:anywhere}.device-line+.device-line{margin-top:4px}.crumb{margin:0 0 8px;font-size:13px}.crumb a{color:var(--accent-hover)}.actions-row{flex-wrap:wrap;gap:10px;display:flex}.notice{color:#d7f3ee;margin:0}.toolbar select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px}.log-list{flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.tariff-form{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:center;gap:10px;display:grid}.tariff-form input,.inline-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px}.inline-input{width:110px}.check{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.btn{border:1px solid var(--border);background:var(--bg-soft);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px}.btn:hover{border-color:#3d4b5a}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);color:#04120f;border-color:#0000;font-weight:600}.btn.primary:hover{background:var(--accent-hover)}.btn.ghost{background:0 0}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;width:min(400px,100%);padding:28px;display:flex;box-shadow:0 24px 60px #00000059}.login-brand{margin-bottom:8px}.login-card label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.login-card input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px}.login-card input:focus{border-color:var(--accent);outline:2px solid #3d9c8f59}.form-error{color:var(--danger);margin:0;font-size:13px}.support-thread{flex-direction:column;gap:10px;margin-top:12px;display:flex}.support-bubble{border:1px solid var(--border);background:var(--bg);border-radius:10px;max-width:min(640px,100%);padding:10px 12px}.support-bubble.admin{background:#3d9c8f14;border-color:#3d9c8f73;align-self:flex-end}.support-bubble.client{align-self:flex-start}.support-meta{margin-bottom:6px;font-size:12px}.support-body{white-space:pre-wrap;word-break:break-word;font-size:14px}.tariff-form textarea{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}.check-row{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.day-bars{flex-direction:column;gap:8px;margin-top:12px;display:flex}.day-bar-row{grid-template-columns:110px 1fr minmax(120px,auto);align-items:center;gap:10px;font-size:13px;display:grid}.day-bar-track{background:var(--bg);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.day-bar-fill{background:var(--accent);border-radius:999px;height:100%}.day-bar-label,.day-bar-value{color:var(--muted)}@media (width<=700px){.day-bar-row{grid-template-columns:1fr;gap:4px}}@media (width<=1100px){.period-grid,.kv{grid-template-columns:1fr}}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}.nav{flex-flow:wrap}}