*{box-sizing:border-box}:root{--bg-main: #0f172a;--bg-sidebar: #020617;--bg-card: #111827;--bg-card-soft: #1e293b;--bg-input: #0b1220;--border-color: #334155;--border-soft: #1f2a3d;--text-main: #f8fafc;--text-muted: #94a3b8;--text-soft: #cbd5e1;--primary: #38bdf8;--primary-dark: #0284c7;--primary-soft: rgba(56, 189, 248, .14);--success: #22c55e;--success-soft: rgba(34, 197, 94, .14);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .16);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .14);--shadow-card: 0 20px 44px rgba(0, 0, 0, .28)}body{background:var(--bg-main);color:var(--text-main);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}h1{font-size:24px;line-height:1.2;margin:0}h2{font-size:18px;line-height:1.2;margin:0}button,input,select{font:inherit}button{align-items:center;background:var(--bg-card-soft);border:1px solid var(--border-color);border-radius:6px;color:var(--text-main);cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:40px;padding:8px 14px;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}button:hover:not(:disabled){background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}button:disabled{background:#1f2937;color:#64748b;cursor:not-allowed;opacity:.6}button.secondary{color:var(--text-soft)}button.danger{background:var(--danger-soft);border-color:#ef444473;color:#fca5a5}button.small{min-height:34px;padding:6px 10px}input,select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-main);min-height:42px;padding:8px 11px;width:100%}input::placeholder{color:var(--text-muted)}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #38bdf829;outline:none}label{color:var(--text-soft);display:block;font-size:13px;font-weight:600}label input,label select{display:block;font-weight:400;margin-top:6px}.page{display:grid;gap:24px}.simple-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-card);display:grid;gap:16px;padding:20px}.message{background:var(--primary-soft);border:1px solid rgba(56,189,248,.35);border-radius:8px;color:#bae6fd;margin:0;padding:12px 14px}.success{background:var(--success-soft);border-color:#22c55e59;color:#86efac}.error{background:var(--danger-soft);border-color:#ef444459;color:#fca5a5}.table-wrap{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow-x:auto;width:100%}table{border-collapse:collapse;min-width:600px;width:100%}th,td{border-bottom:1px solid var(--border-soft);padding:14px 18px;text-align:left;vertical-align:middle}th{background:var(--bg-card-soft);color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}td{color:var(--text-soft);font-size:14px}tbody tr:hover{background:#38bdf80f}tr:last-child td{border-bottom:0}.page-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.page-kicker{color:var(--text-muted);font-size:13px;font-weight:700;margin:7px 0 0}.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-card)}.panel-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:14px;justify-content:space-between;padding:18px 20px}.panel-body{padding:20px}.button-row{display:flex;flex-wrap:wrap;gap:8px}.primary-button{background:var(--primary-dark);border-color:var(--primary-dark);color:#f0f9ff}.primary-button:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#082f49}.name-cell{align-items:center;display:flex;gap:10px;min-width:180px}.mini-avatar{align-items:center;background:var(--primary-soft);border-radius:50%;color:var(--primary);display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:800;height:34px;justify-content:center;width:34px}.muted{color:var(--text-muted)}@media(max-width:700px){h1{font-size:22px}.simple-form{padding:16px}button{min-height:44px}.page-header,.panel-header{align-items:stretch;flex-direction:column}th,td{padding:12px}}