:root{--bg:#f7f7f8;--surface:#fff;--border:#e2e2e6;--text:#1b1b1f;--text-muted:#6b6b73;--accent:#2f5bea;--accent-hover:#2647bd;--danger:#d13b3b;--success:#1c8a4b;--warning:#b9740c;--radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;width:220px;padding:24px 16px}.sidebar h1{margin:0 0 24px;font-size:16px}.sidebar nav{flex-direction:column;gap:4px;display:flex}.sidebar nav a{color:var(--text);border-radius:var(--radius);padding:8px 10px;font-size:14px}.sidebar nav a:hover{background:var(--bg);text-decoration:none}.sidebar form{margin-top:24px}.main{flex:1;max-width:960px;padding:32px 40px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h2{margin:0;font-size:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:20px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn.secondary:hover{background:var(--bg)}.btn.danger{background:var(--danger)}.field{flex-direction:column;gap:4px;margin-bottom:14px;display:flex}.field label{color:var(--text-muted);font-size:13px;font-weight:600}input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);width:100%;padding:8px 10px}textarea{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.badge{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.gray{color:var(--text-muted);background:#eee}.badge.green{color:var(--success);background:#e4f5ea}.badge.red{color:var(--danger);background:#fbe6e6}.badge.yellow{color:var(--warning);background:#fdf1de}.badge.blue{color:var(--accent);background:#e8edfd}.error-text{color:var(--danger);font-size:13px}.muted{color:var(--text-muted);font-size:13px}.login-shell{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{width:320px}