@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #0b0b0b;--surface: #121212;--surface-soft: #171717;--surface-muted: #1f1f1f;--panel: rgba(18, 18, 18, .92);--border: #2e2e2e;--border-strong: #474747;--text: #f5f5f5;--text-muted: #b6b6b6;--text-soft: #8f8f8f;--white: #ffffff;--shadow: 0 24px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:IBM Plex Sans,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,255,255,.06),transparent 24%),radial-gradient(circle at bottom right,rgba(255,255,255,.04),transparent 28%),linear-gradient(180deg,#0a0a0a,#101010)}button,input{font:inherit}button{position:relative;overflow:hidden;border:1px solid var(--border-strong);border-radius:12px;padding:.82rem 1rem;cursor:pointer;transform:translateY(0);transition:transform .22s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}button:disabled{opacity:.6;cursor:not-allowed}button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.18),transparent 55%);transform:translate(-130%);transition:transform .55s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 28px #00000047}button:hover:not(:disabled):after{transform:translate(130%)}input{width:100%;border:1px solid var(--border);border-radius:12px;padding:.85rem .95rem;background:#090909;color:var(--text)}input::placeholder{color:var(--text-soft)}input:focus{outline:none;border-color:#7a7a7a;box-shadow:0 0 0 3px #ffffff0f}.app-shell{position:relative;isolation:isolate;width:min(1280px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 2rem}.app-shell:before,.app-shell:after{content:"";position:fixed;inset:auto;z-index:-1;pointer-events:none;border-radius:999px;filter:blur(80px);opacity:.42}.app-shell:before{top:6rem;right:6rem;width:15rem;height:15rem;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 68%)}.app-shell:after{bottom:4rem;left:4rem;width:18rem;height:18rem;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%)}.topbar{position:sticky;top:1rem;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:18px;background:#0a0a0ad1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.brand-kicker,.metric-label,.muted-label,.row-caption{margin:0;font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.brand-kicker,.muted-label,.row-caption{color:var(--text-soft);font-size:.74rem}.brand-block h1,.metric-card h3,.section-heading h3,.toolbar h3{margin:0}.brand-block h1{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.05}.topbar-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.panel{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--panel);box-shadow:var(--shadow);transform:translateY(0);transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease,background-color .26s ease}.panel:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);opacity:.75}.panel:hover{transform:translateY(-4px);border-color:#555;box-shadow:0 28px 70px #0000006b}.primary{background:var(--white);color:#0c0c0c}.primary:hover:not(:disabled){background:#dedede}.secondary{background:transparent;color:var(--text)}.secondary:hover:not(:disabled),.active-button{background:var(--surface-muted);border-color:#656565}.danger{background:#1b1b1b;color:#f2f2f2}.danger:hover:not(:disabled){background:#2a2a2a}.section-heading p,.metric-meta,.muted-copy,.profile-email,.limited-copy,.info-item p{margin:0;color:var(--text-muted);line-height:1.6}.overview-grid{display:grid;gap:1rem}.metric-card{padding:1.25rem;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 45%),var(--panel)}.metric-label{color:var(--text-soft);font-size:.72rem}.metric-card h3{margin-top:.9rem;margin-bottom:.55rem;font-size:clamp(1.45rem,2vw,1.9rem)}.auth-layout,.dashboard-grid{display:grid;gap:1.5rem}.auth-layout{grid-template-columns:minmax(320px,560px);justify-content:center}.dashboard-grid{grid-template-columns:360px 1fr}.narrative-panel,.auth-panel,.profile-panel,.policy-panel,.create-panel,.limited-panel,.directory-panel,.modal-panel{padding:1.35rem}.form-stack,.info-list,.dashboard-sidebar{display:grid;gap:1rem}.auth-card{background:radial-gradient(circle at top right,rgba(255,255,255,.08),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 55%),var(--panel)}.section-heading{display:grid;gap:.35rem;margin-bottom:1rem}label{display:grid;gap:.45rem;color:var(--text-muted);font-size:.95rem}.info-item{padding:1rem;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}.info-item h4,.profile-name{margin:0 0 .4rem}.profile-card{padding:1rem;border:1px solid var(--border);border-radius:16px;background:#0d0d0d;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}.profile-card:hover{transform:translateY(-2px);border-color:#5b5b5b;box-shadow:0 16px 34px #00000047}.profile-name{font-size:1.15rem;font-weight:600}.profile-meta{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin-top:.95rem}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.5rem}.toolbar{display:flex;align-items:start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.status{min-height:1.2rem;margin:0;color:var(--text-soft);transition:color .18s ease,opacity .18s ease}.status.success{color:#d5d5d5}.status.error{color:#fff}.table-shell{overflow-x:auto;border:1px solid var(--border);border-radius:16px;background:#0d0d0d;transition:border-color .24s ease,box-shadow .24s ease}.table-shell:hover{border-color:#5a5a5a;box-shadow:inset 0 1px #ffffff0d}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}tbody tr{transition:background-color .18s ease,transform .18s ease}tbody tr:hover{background:#ffffff09}th{color:var(--text-soft);font-family:IBM Plex Mono,monospace;font-size:.78rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}.cell-stack{display:grid;gap:.3rem}.table-actions{display:flex;gap:.6rem;flex-wrap:wrap}.role-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.3rem .7rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-muted);color:var(--text);font-size:.82rem;font-weight:600;transition:transform .2s ease,border-color .2s ease,background-color .2s ease}.role-pill:hover{transform:translateY(-1px);border-color:#707070}.role-pill.admin{background:#f2f2f2;color:#111}.empty-state{padding:2.5rem 1.25rem;border:1px dashed var(--border-strong);border-radius:16px;text-align:center;color:var(--text-muted);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 75%)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1rem;background:#000000b8;animation:backdropFade .22s ease}.modal-panel{width:min(560px,100%)}.reveal{opacity:0;animation:fadeRise .72s cubic-bezier(.22,1,.36,1) forwards}.rise-1{animation-delay:.05s}.rise-2{animation-delay:.14s}.rise-3{animation-delay:.22s}.rise-4{animation-delay:.3s}.reveal-pop{animation:modalPop .26s cubic-bezier(.22,1,.36,1)}.stagger-group>*{opacity:0;animation:fadeRise .72s cubic-bezier(.22,1,.36,1) forwards}.stagger-group>*:nth-child(1){animation-delay:.18s}.stagger-group>*:nth-child(2){animation-delay:.28s}.stagger-group>*:nth-child(3){animation-delay:.38s}@keyframes fadeRise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes modalPop{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width: 1080px){.auth-layout,.dashboard-grid,.overview-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{width:min(100% - 1rem,1280px);padding-top:.75rem}.topbar{align-items:start;padding:1rem;position:static}.topbar,.topbar-actions{flex-direction:column}.topbar-actions,.topbar-actions button{width:100%}}