:root{--bg: #0b0d12;--surface: #12151c;--surface-2: #1a1e28;--border: #262b38;--text: #e6e9f0;--text-dim: #9aa3b5;--accent: #5b8cff;--accent-dim: #2a3a63;--danger: #ff6b6b;--success: #4ade80;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}#root{min-height:100vh}a{color:var(--accent)}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1.25rem 1rem}.sidebar h1{font-size:1rem;margin:0 0 1.5rem}.sidebar nav{display:flex;flex-direction:column;gap:.25rem}.sidebar nav a{color:var(--text-dim);text-decoration:none;padding:.5rem .6rem;border-radius:6px;font-size:.9rem}.sidebar nav a:hover,.sidebar nav a.active{background:var(--surface-2);color:var(--text)}.main{padding:2rem;max-width:960px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-header h2{margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem;margin-bottom:1rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--text-dim);font-weight:500}tr:hover td{background:var(--surface-2)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;background:var(--accent-dim);color:var(--accent)}.badge.status-active{background:#1c3a2a;color:var(--success)}form{display:flex;flex-direction:column;gap:.75rem}label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-dim)}input,textarea,select{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem;color:var(--text);font-size:.9rem}textarea{min-height:5rem;resize:vertical}button{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.55rem 1rem;font-size:.9rem;cursor:pointer;width:fit-content}button:hover{opacity:.9}button.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.error-text{color:var(--danger);font-size:.85rem}.empty-state{color:var(--text-dim);padding:2rem;text-align:center;border:1px dashed var(--border);border-radius:10px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:320px}