:root{--bg:#111827;--panel:#1F2937;--sidebar:#151A22;--text:#E5E7EB;--text-muted:#9CA3AF;--border:#313B4A;--accent:#F59E0B;--btn-dark:#232B3A;--btn-border:#374151;--surface-hover:#1B2230}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif}.container{max-width:1200px;margin:0 auto;padding:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.btn{background:var(--btn-dark);border:1px solid var(--btn-border);color:var(--text);padding:10px 14px;border-radius:10px;cursor:pointer}.btn:hover{background:var(--surface-hover)}.input{background:#0f141c;border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:10px;width:100%}.label{color:var(--text-muted);font-size:12px;margin-bottom:6px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:1fr 1fr}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);width:240px;min-height:100vh;padding:16px}.link{color:var(--text);text-decoration:none}.link.active{color:var(--accent)}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}