:root{--bg:#0f1117;--bg-surface:#1a1d27;--bg-card:#1e2130;--border:#2a2d3e;--text:#e8eaf0;--text-muted:#8b8fa8;--primary:#4f6ef7;--primary-hover:#3d5ae0;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--radius:8px;--shadow:0 2px 8px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border-radius:var(--radius);border:none;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.badge{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-success{color:var(--success);background:#22c55e26}.badge-warning{color:var(--warning);background:#f59e0b26}.badge-danger{color:var(--danger);background:#ef444426}.badge-muted{color:var(--text-muted);background:#8b8fa826}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);padding:10px 12px}tr:last-child td{border-bottom:none}tr:hover td{background:#4f6ef70a}input,select,textarea{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}.page{max-width:1200px;margin:0 auto;padding:24px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{font-size:20px;font-weight:600}.grid-stats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.stat-label{color:var(--text-muted);margin-bottom:6px;font-size:12px}.stat-value{font-size:26px;font-weight:700}.stat-value.primary{color:var(--primary)}.stat-value.danger{color:var(--danger)}.stat-value.success{color:var(--success)}.loading{text-align:center;color:var(--text-muted);padding:60px}.error-msg{color:var(--danger);border-radius:var(--radius);background:#ef44441a;margin-bottom:16px;padding:12px}.success-msg{color:var(--success);border-radius:var(--radius);background:#22c55e1a;margin-bottom:16px;padding:12px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:24px;height:24px;animation:.6s linear infinite spin}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--border) 50%, var(--bg-surface) 75%);background-size:200% 100%;border-radius:4px;animation:1.4s infinite shimmer}.grid-tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);min-height:168px;box-shadow:var(--shadow);text-align:left;color:inherit;flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}a.tile:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-2px)}a.tile:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tile--dim{opacity:.45;cursor:default}.tile-glyph{border-radius:var(--radius);width:34px;height:34px;color:var(--primary);background:#4f6ef71f;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.tile--dim .tile-glyph{color:var(--text-muted);background:#8b8fa81f}.tile-name{font-size:15px;font-weight:700}.tile-desc{color:var(--text-muted);flex:1;font-size:12.5px}.tile-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tile-hint{color:var(--text-muted);font-size:11.5px}.topbar{background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex}.topbar-brand{align-items:center;gap:10px;font-weight:700;display:flex}.topbar-logo{width:auto;height:28px;display:block}.topbar-user{align-items:center;gap:12px;min-width:0;display:flex}.topbar-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:12.5px;overflow:hidden}.role-chips{flex-wrap:wrap;gap:5px;display:flex}.splash{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.splash-logo{width:auto;height:44px;margin-bottom:16px;display:block}