:root{--bg: #f0f4f8;--bg-2: #e1e7ef;--card: #ffffff;--text: #1a1a1a;--muted: #596b80;--accent: #003366;--accent-text: #ffffff;--accent-2: #ffb81c;--accent-2-text: #1a1a1a;--border: #ccd6e0;--elev-shadow: 0 4px 12px rgba(0, 51, 102, .08);--input-bg: #ffffff;--input-border: #94a3b8;--focus-ring: rgba(255, 184, 28, .6);--badge-bg: #e6efff;--badge-text: #003366;--badge-admin-bg: #fff4e5;--badge-admin-text: #b36b00;--badge-beta-bg: #f3e5f5;--badge-beta-text: #6a1b9a}html[data-theme=dark]{--bg: #0f172a;--bg-2: #1e293b;--card: #1e293b;--text: #f1f5f9;--muted: #94a3b8;--accent: #334155;--accent-text: #ffffff;--accent-2: #ffb81c;--accent-2-text: #000000;--border: #334155;--elev-shadow: 0 10px 25px rgba(0, 0, 0, .3);--input-bg: #0f172a;--input-border: #475569;--focus-ring: rgba(255, 184, 28, .8);--badge-bg: rgba(56, 189, 248, .15);--badge-text: #7dd3fc;--badge-admin-bg: rgba(251, 191, 36, .15);--badge-admin-text: #fcd34d;--badge-beta-bg: rgba(216, 180, 254, .15);--badge-beta-text: #e879f9}html[data-hc=on]{--bg: #ffffff !important;--bg-2: #ffffff !important;--card: #ffffff !important;--text: #000000 !important;--muted: #000000 !important;--accent: #000000 !important;--accent-text: #ffffff !important;--accent-2: #FFD400 !important;--accent-2-text: #000000 !important;--border: #000000 !important;--elev-shadow: none !important;--input-bg: #ffffff !important;--input-border: #000000 !important;--focus-ring: #000000 !important;--badge-bg: #ffffff !important;--badge-text: #000000 !important;--badge-admin-bg: #ffffff !important;--badge-admin-text: #000000 !important;--badge-beta-bg: #ffffff !important;--badge-beta-text: #000000 !important}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;position:sticky;top:0;z-index:100;background:var(--accent);color:var(--accent-text);border-bottom:4px solid var(--accent-2);box-shadow:0 2px 10px #0000001a}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:.5px}.brand .tag{background:var(--accent-2);color:var(--accent-2-text);font-weight:700;font-size:.75rem;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap}.search-container{flex:1;display:flex;justify-content:center;padding:0 20px}.user{display:flex;align-items:center;gap:12px;color:inherit}.btn{border:none;background:var(--accent-2);color:var(--accent-2-text);padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.9rem;transition:filter .2s}.btn:hover{filter:brightness(.92)}.btn:active{transform:translateY(1px)}.icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:inherit;cursor:pointer;transition:background .2s}.icon-btn:hover{background:#ffffff26}html[data-hc=on] .btn,html[data-hc=on] .icon-btn{border:2px solid #000!important;background:#fff!important;color:#000!important;font-weight:900!important}html[data-hc=on] .brand .tag{border:2px solid #000;background:#fff;color:#000}.container{padding:40px 24px;max-width:1200px;margin:0 auto}.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.error-banner{background:#fde8e8;border:1px solid #f8b4b4;color:#9b1c1c;padding:16px;margin:20px auto 0;max-width:1200px;border-radius:8px;text-align:center;font-weight:500}html[data-theme=dark] .error-banner{background:#451a1a;border-color:#771d1d;color:#fca5a5}.card{display:flex;flex-direction:column;gap:16px;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);box-shadow:0 2px 4px #00000005;transition:all .2s ease-in-out;position:relative;overflow:hidden;align-items:flex-start;text-align:left}.card:hover{transform:translateY(-4px);box-shadow:var(--elev-shadow);border-color:var(--accent)}html[data-hc=on] .card{border:3px solid #000!important;box-shadow:none!important}html[data-hc=on] .card:hover{text-decoration:underline}.title-row{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%}.name{font-weight:700;font-size:1.1rem}.card .icon{width:56px;height:56px;border-radius:12px;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:24px}html[data-hc=on] .card .icon{border:2px solid #000!important;background:transparent!important}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 10px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.3px;background:var(--badge-bg);color:var(--badge-text)}.badge--admin{background:var(--badge-admin-bg);color:var(--badge-admin-text)}.badge--beta{background:var(--badge-beta-bg);color:var(--badge-beta-text)}html[data-hc=on] .badge{border:1px solid #000!important;background:#fff!important;color:#000!important}.search{width:100%;max-width:600px;border:1px solid var(--input-border);background:var(--input-bg);padding:12px 16px;border-radius:8px;font-size:1rem;color:var(--text);transition:border-color .2s}.search:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px var(--focus-ring)}html[data-hc=on] .search{border:2px solid #000!important}.spacer{height:32px}.footer{text-align:center;color:var(--muted);padding:32px;font-size:.9rem;border-top:1px solid var(--border);margin-top:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.identity{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;text-align:right;font-size:.9rem}.id-username{font-weight:700}.id-fullname,.id-email{font-size:.8rem;opacity:.9}@media (max-width: 900px){.topbar{flex-wrap:wrap;padding:12px 16px;gap:12px}.brand{order:1;flex:1 1 auto}.user{order:2;flex:0 0 auto}.search-container{order:3;flex:1 1 100%;padding:0}.identity{display:none}}