:root{--font-display-accent: "Inter", "Manrope", "Segoe UI", sans-serif;--font-mono-accent: "JetBrains Mono", "Consolas", "Courier New", monospace;--bg-main: #edf2f8;--bg-surface: rgba(255, 255, 255, .94);--bg-surface-strong: #ffffff;--bg-secondary: #f4f7fb;--bg-page-gradient: radial-gradient(circle at 6% 10%, rgba(59, 130, 246, .12), transparent 34%), radial-gradient(circle at 94% 6%, rgba(14, 116, 144, .1), transparent 34%), linear-gradient(180deg, #f7f9fd 0%, #edf2f8 52%, #eaf0f7 100%);--bg-page-gradient-mobile: radial-gradient(circle at 12% 6%, rgba(59, 130, 246, .15), transparent 36%), linear-gradient(180deg, #f7f9fd 0%, #edf2f8 100%);--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #475569;--line-soft: rgba(148, 163, 184, .3);--accent-primary: #1d4ed8;--accent-secondary: #0f766e;--primary-color: #3b82f6;--success-bg: #dcfce7;--success-color: #16a34a;--error-bg: #fee2e2;--error-color: #dc2626;--warning-bg: #fef3c7;--warning-color: #d97706;--surface-card: rgba(255, 255, 255, .95);--surface-card-strong: #ffffff;--surface-card-subtle: #f8fafc;--surface-header-grad-from: #0d1a30;--surface-header-grad-mid: #1e3f73;--surface-header-grad-to: #15526b;--surface-border: rgba(148, 163, 184, .22);--border-color: #e2e8f0;--surface-shadow: 0 12px 28px rgba(15, 23, 42, .08);--input-bg: #ffffff;--input-border: #cbd5e1;--input-text: #0f172a;--toggle-bg: rgba(255, 255, 255, .88);--toggle-text: #0f172a;--toggle-border: rgba(148, 163, 184, .35);--toggle-shadow: 0 10px 22px rgba(15, 23, 42, .14);--toggle-hover-bg: #ffffff;--dashboard-ink: #000000;--dashboard-text-body: #666d79;--dashboard-on-dark: #ffffff;--dashboard-ink-dark: #010120;--dashboard-hairline: #ebebeb;--dashboard-surface-dark-soft: #26263a;--dashboard-accent-orange: #fc4c02;--dashboard-accent-magenta: #ef2cc1;--dashboard-accent-periwinkle: #bdbbff;--dashboard-accent-mint: #c8f6f9;--admin-radius-card: 18px;--admin-surface-glass: rgba(255, 255, 255, .84);--admin-surface-muted: rgba(248, 250, 252, .88);--admin-border-soft: rgba(148, 163, 184, .22);--admin-shadow-soft: 0 18px 42px rgba(15, 23, 42, .08);--admin-status-success: #16a34a;--admin-status-warning: #d97706;--admin-status-danger: #dc2626;--admin-status-info: #2563eb;font-family:var(--font-display-accent);line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--font-display-accent: "Inter", "Manrope", "Segoe UI", sans-serif;--font-mono-accent: "JetBrains Mono", "Consolas", "Courier New", monospace;--bg-main: #141414;--bg-surface: rgba(24, 24, 24, .92);--bg-surface-strong: #1a1a1a;--bg-secondary: #202020;--bg-page-gradient: radial-gradient(circle at 10% 10%, rgba(255, 255, 255, .04), transparent 34%), radial-gradient(circle at 88% 10%, rgba(255, 255, 255, .03), transparent 30%), linear-gradient(180deg, #171717 0%, #131313 58%, #101010 100%);--bg-page-gradient-mobile: radial-gradient(circle at 12% 8%, rgba(255, 255, 255, .04), transparent 34%), linear-gradient(180deg, #171717 0%, #111111 100%);--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--text-muted: #9a9a9a;--line-soft: rgba(255, 255, 255, .08);--surface-card: rgba(26, 26, 26, .92);--surface-card-strong: #1d1d1d;--surface-card-subtle: #232323;--surface-header-grad-from: #171717;--surface-header-grad-mid: #1c1c1c;--surface-header-grad-to: #222222;--surface-border: rgba(255, 255, 255, .1);--border-color: rgba(255, 255, 255, .12);--surface-shadow: 0 16px 30px rgba(0, 0, 0, .38);--input-bg: #1b1b1b;--input-border: rgba(255, 255, 255, .12);--input-text: #f0f0f0;--toggle-bg: rgba(28, 28, 28, .92);--toggle-text: #f8fafc;--toggle-border: rgba(255, 255, 255, .12);--toggle-shadow: 0 10px 24px rgba(0, 0, 0, .4);--toggle-hover-bg: #242424;--primary-color: #3b82f6;--success-bg: rgba(34, 197, 94, .15);--success-color: #4ade80;--error-bg: rgba(239, 68, 68, .15);--error-color: #f87171;--warning-bg: rgba(234, 179, 8, .15);--warning-color: #fbbf24;--dashboard-ink: #f8fafc;--dashboard-text-body: #a6a6a6;--dashboard-on-dark: #ffffff;--dashboard-ink-dark: #151515;--dashboard-hairline: rgba(255, 255, 255, .1);--dashboard-surface-dark-soft: #222222;--dashboard-accent-orange: #fc6a2f;--dashboard-accent-magenta: #f15ad0;--dashboard-accent-periwinkle: #c9c7ff;--dashboard-accent-mint: #9fe9ef;--admin-surface-glass: rgba(255, 255, 255, .045);--admin-surface-muted: rgba(255, 255, 255, .035);--admin-border-soft: rgba(255, 255, 255, .12);--admin-shadow-soft: 0 18px 42px rgba(0, 0, 0, .28);--admin-status-success: #4ade80;--admin-status-warning: #fbbf24;--admin-status-danger: #f87171;--admin-status-info: #93c5fd;color-scheme:dark}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;color:var(--text-primary);background:var(--bg-page-gradient);overflow-x:hidden;transition:background .25s ease,color .2s ease}::selection{background:#1d4ed83d;color:var(--text-primary)}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea,button{font:inherit}input,select,textarea{background:var(--input-bg);color:var(--input-text);border-color:var(--input-border)}::placeholder{color:color-mix(in srgb,var(--text-muted) 82%,transparent)}img,svg{max-width:100%;display:block}#root{width:100%;min-height:100vh}.theme-toggle{position:fixed;top:14px;right:14px;z-index:120;border:1px solid var(--toggle-border);border-radius:999px;padding:.52rem .92rem;background:var(--toggle-bg);color:var(--toggle-text);display:inline-flex;align-items:center;gap:.48rem;font-weight:700;font-size:.86rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;box-shadow:var(--toggle-shadow);transition:transform .2s ease,background .2s ease,border-color .2s ease}.theme-toggle:hover{transform:translateY(-1px);background:var(--toggle-hover-bg)}.app-shell,.main,.auth-card,.panel,.resident-hero,.resident-panel,.resident-card,.porter-hero,.porter-panel,.porter-card{color:var(--text-primary)}:root[data-theme=dark] .app-shell,:root[data-theme=dark] .main{background:transparent}:root[data-theme=dark] .auth-card,:root[data-theme=dark] .panel,:root[data-theme=dark] .resident-hero,:root[data-theme=dark] .resident-panel,:root[data-theme=dark] .resident-card,:root[data-theme=dark] .porter-hero,:root[data-theme=dark] .porter-panel,:root[data-theme=dark] .porter-card{background:var(--surface-card);border-color:var(--surface-border);box-shadow:var(--surface-shadow)}:root[data-theme=dark] .resident-header,:root[data-theme=dark] .porter-header{background:radial-gradient(circle at top right,rgba(255,255,255,.05),transparent 36%),linear-gradient(128deg,var(--surface-header-grad-from),var(--surface-header-grad-mid) 55%,var(--surface-header-grad-to))}:root[data-theme=dark] .resident-shell,:root[data-theme=dark] .porter-shell,:root[data-theme=dark] .auth-shell{background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.035),transparent 34%),radial-gradient(circle at 90% 12%,rgba(255,255,255,.025),transparent 32%)}:root[data-theme=dark] .resident-button,:root[data-theme=dark] .porter-button{background:#202020;color:#f8fafc;border-color:#ffffff1f}:root[data-theme=dark] .resident-button--ghost,:root[data-theme=dark] .porter-button--ghost{background:#ffffff0a}:root[data-theme=dark] .resident-empty,:root[data-theme=dark] .porter-empty,:root[data-theme=dark] .resident-inline-note,:root[data-theme=dark] .porter-inline-note{background:var(--surface-card-subtle);color:var(--text-muted);border-color:var(--surface-border)}:root[data-theme=dark] :where(.resident-shell,.porter-shell,.auth-shell) :where(h1,h2,h3,h4,h5,h6,strong,th,td,legend,label){color:var(--text-primary)!important}:root[data-theme=dark] :where(.resident-shell,.porter-shell,.auth-shell) :where(p,small,li,dt,dd,.subtitle,.description){color:var(--text-muted)!important}:root[data-theme=dark] :where(.resident-shell,.porter-shell,.auth-shell) :where(button,a,[class*=badge],[class*=pill],[class*=chip],[class*=tab]){color:inherit}@media(max-width:640px){body{background:var(--bg-page-gradient-mobile)}.theme-toggle{top:10px;right:10px;padding:.46rem .78rem;font-size:.8rem}}