:root { color-scheme: dark; --bg:#0c111d; --panel:#151b2d; --panel2:#1d263d; --text:#eef3ff; --muted:#9aa8c7; --line:#2d3958; --accent:#8bd5ff; --danger:#ff8b8b; }
* { box-sizing:border-box; }
body { margin:0; font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:radial-gradient(circle at top, #1d2a48 0, var(--bg) 45%); color:var(--text); }
a { color:var(--accent); text-decoration:none; }
.topbar { display:flex; align-items:center; justify-content:space-between; padding:18px 24px; border-bottom:1px solid var(--line); background:rgba(12,17,29,.9); position:sticky; top:0; backdrop-filter:blur(12px); }
.brand { color:var(--text); font-weight:800; font-size:20px; }
nav { display:flex; gap:16px; align-items:center; }
.container { width:min(1100px, calc(100% - 32px)); margin:36px auto; }
.hero, .card { background:rgba(21,27,45,.88); border:1px solid var(--line); border-radius:22px; padding:28px; box-shadow:0 20px 80px rgba(0,0,0,.24); }
.hero h1 { margin:0 0 12px; font-size:42px; line-height:1.05; }
.muted { color:var(--muted); }
.button, button { display:inline-flex; border:0; border-radius:14px; padding:12px 18px; background:var(--accent); color:#08101d; font-weight:800; cursor:pointer; }
.button.secondary { background:var(--panel2); color:var(--text); border:1px solid var(--line); }
.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); gap:18px; margin-top:18px; }
table { width:100%; border-collapse:collapse; overflow:hidden; border-radius:16px; }
th, td { padding:12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
th { color:var(--muted); font-size:13px; text-transform:uppercase; letter-spacing:.05em; }
.badge { display:inline-flex; padding:4px 8px; border-radius:999px; background:var(--panel2); border:1px solid var(--line); margin:2px; font-size:12px; }
input[type="checkbox"] { transform:translateY(2px); }
.notice { padding:14px 16px; border:1px solid var(--line); border-radius:14px; background:var(--panel2); margin-bottom:18px; }
.footer { color:var(--muted); text-align:center; padding:36px 16px; }

.page-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.grid{display:grid;gap:1rem}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.profile-card h2{margin-top:0}.narrow{max-width:680px}.form-stack{display:grid;gap:1rem}.form-stack label{display:grid;gap:.4rem;font-weight:600}.form-stack input,.form-stack select{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:.75rem;background:rgba(255,255,255,.06);color:inherit}.form-actions{display:flex;gap:.75rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.7rem 1rem;background:#d6b25e;color:#17140d;text-decoration:none;font-weight:700;cursor:pointer}.button.secondary{background:rgba(255,255,255,.10);color:inherit}.button.danger{background:#b94b4b;color:#fff}.alert{border-radius:12px;padding:.8rem 1rem;margin-bottom:1rem}.alert.error{background:rgba(185,75,75,.16);border:1px solid rgba(185,75,75,.45)}.checkbox-label{display:flex!important;grid-template-columns:none!important;align-items:center;gap:.55rem}.checkbox-label input{width:auto!important}.danger-zone{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12)}.empty-state{text-align:center}.small{font-size:.85rem}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.8rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.12);vertical-align:top}.table th{font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.65)}
@media (max-width:720px){.page-title-row{display:block}.table{display:block;overflow-x:auto}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-select-form{display:flex;align-items:center;gap:.45rem;padding:.25rem .35rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06)}.profile-select-form select{max-width:170px;border:0;background:transparent;color:var(--text);font-weight:700;outline:none}.profile-select-form select option{background:#151b2d;color:#eef3ff}.profile-select-link{padding:.45rem .8rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.profile-select-avatar-wrap{display:inline-flex;width:30px;height:30px;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.18);flex:0 0 auto}.profile-select-avatar{width:100%;height:100%;object-fit:cover}.profile-card-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.profile-avatar{width:72px;height:72px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.24)}.profile-avatar.large{width:96px;height:96px;border-radius:22px}.profile-avatar.tiny{width:34px;height:34px;border-radius:10px}.badge.accent{background:rgba(139,213,255,.14);border-color:rgba(139,213,255,.35);color:var(--accent)}.active-profile-panel{display:flex;align-items:center;gap:1rem;margin:.75rem 0 1.25rem}.active-profile-panel h3{margin:.1rem 0}.admin-rsn-cell{display:inline-flex;align-items:center;gap:.55rem;font-weight:700}
@media (max-width:720px){.topbar{align-items:flex-start;gap:1rem;flex-wrap:wrap}nav{flex-wrap:wrap}.profile-select-form{order:5;width:100%}.profile-select-form select{max-width:none;width:100%}}

.profile-hero-card{display:flex;align-items:center;gap:1.2rem;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1rem 0}.stat-card{background:rgba(21,27,45,.88);border:1px solid var(--line);border-radius:18px;padding:1rem}.stat-card span{display:block;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.stat-card strong{display:block;margin-top:.35rem;font-size:1.45rem}.two-col-grid{grid-template-columns:1.25fr .75fr;align-items:start}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.65rem}.skill-row{display:grid;grid-template-columns:1fr auto;gap:.15rem .65rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.045)}.skill-row small{grid-column:1 / -1;color:var(--muted)}.compact-table th,.compact-table td{padding:.55rem .7rem}.alert.small{font-size:.85rem;margin:.5rem 0 0}.notice{white-space:normal}
@media (max-width:860px){.two-col-grid{grid-template-columns:1fr}.profile-hero-card{align-items:flex-start}}

.skill-row.is-virtual{border-color:rgba(124,240,166,.36);background:rgba(124,240,166,.07)}.skill-row strong{display:flex;align-items:center;gap:.4rem}.skill-row strong em{font-size:.62rem;font-style:normal;text-transform:uppercase;letter-spacing:.05em;color:#9ff6bd;border:1px solid rgba(124,240,166,.35);border-radius:999px;padding:.12rem .38rem;background:rgba(124,240,166,.09)}