:root{--bg: #0f1115;--surface: #171a21;--surface-hover: #1e222b;--border: #262b36;--text: #e8eaed;--text-dim: #9aa1ac;--accent: #ff5a5f;--accent-dim: #ff5a5f33;--good: #4ade80;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text)}#root{min-height:100vh;display:flex;flex-direction:column}.app-nav{display:flex;align-items:center;gap:4px;padding:0 24px;height:56px;border-bottom:1px solid var(--border);background:var(--surface)}.app-nav .brand{font-weight:700;letter-spacing:-.02em;margin-right:24px;color:var(--text)}.app-nav a{color:var(--text-dim);text-decoration:none;padding:8px 12px;border-radius:6px;font-size:14px}.app-nav a:hover{background:var(--surface-hover);color:var(--text)}.app-nav a.active{color:var(--text);background:var(--accent-dim)}.app-nav .spacer{flex:1}.app-nav a{white-space:nowrap}.app-subnav{display:flex;gap:4px;padding:8px 24px;border-bottom:1px solid var(--border);background:var(--bg)}.app-subnav a{color:var(--text-dim);text-decoration:none;padding:6px 10px;border-radius:6px;font-size:13px}.app-subnav a:hover{color:var(--text)}.app-subnav a.active{color:var(--text);background:var(--surface)}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.rtl-field{direction:rtl;text-align:right;unicode-bidi:isolate}.filter-bar select,.filter-bar input{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:6px;font-size:13px;font-family:inherit}.app-nav .signout{cursor:pointer;color:var(--text-dim);font-size:13px;background:none;border:none;font-family:inherit}main{flex:1;padding:24px;max-width:1200px;width:100%;margin:0 auto}h1{font-size:20px;margin:0 0 20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.card .label{font-size:13px;color:var(--text-dim);margin-bottom:6px}.card .value{font-size:28px;font-weight:600}.card .sub{font-size:12px;color:var(--text-dim);margin-top:4px}.card .sub.trend-up{color:var(--good)}.card .sub.trend-down{color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:24px}.panel h2{font-size:14px;margin:0;padding:14px 18px;border-bottom:1px solid var(--border);color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.04em}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 18px;border-bottom:1px solid var(--border)}th{color:var(--text-dim);font-weight:500;font-size:12px;text-transform:uppercase}tr:last-child td{border-bottom:none}a.link{color:var(--text)}.site-tabs{display:flex;gap:8px;margin-bottom:20px}.site-tabs button{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);padding:8px 14px;border-radius:8px;font-size:13px;cursor:pointer;font-family:inherit}.site-tabs button.active{color:var(--text);border-color:var(--accent);background:var(--accent-dim)}.state-msg{color:var(--text-dim);font-size:14px;padding:12px 0}.state-msg.error{color:var(--accent)}.login-screen{flex:1;display:flex;align-items:center;justify-content:center}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px;width:320px}.login-box h1{text-align:center}.login-box input{width:100%;padding:10px 12px;margin-bottom:12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px}.login-box button{width:100%;padding:10px 12px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;font-size:14px}