.App{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-base);color:var(--fg-1)}:root{--red-50: #FCF3F2;--red-100: #F9E2E0;--red-200: #F2C5C1;--red-300: #E89D97;--red-400: #DC7169;--red-500: #D14E46;--red-600: #B93B34;--red-700: #982E29;--red-800: #732420;--red-900: #4E1815;--red-950: #330E0C;--gold-50: #FCF7EC;--gold-100: #F8ECD2;--gold-200: #F0D9A3;--gold-300: #E7C071;--gold-400: #DFA84A;--gold-500: #D28E2C;--gold-600: #B37421;--gold-700: #8D5A1C;--gold-800: #684118;--gold-900: #452A12;--green-50: #F2F8EF;--green-100: #E1EFDA;--green-200: #C3DFB6;--green-300: #9CC88A;--green-400: #74AE60;--green-500: #55923F;--green-600: #427634;--green-700: #345C2A;--green-800: #274420;--green-900: #1A2D16;--blue-50: #F0F5FA;--blue-100: #DCE8F2;--blue-200: #B9D0E4;--blue-300: #8FB2D0;--blue-400: #6996BB;--blue-500: #4A7BA6;--blue-600: #3A6289;--blue-700: #2E4C6A;--blue-800: #23394F;--blue-900: #172635;--clay-50: #FBF8F3;--clay-100: #F4EFE7;--clay-200: #E9E1D4;--clay-300: #D6CBB9;--clay-400: #B0A28D;--clay-500: #8A7C68;--clay-600: #6E6150;--clay-700: #55493C;--clay-800: #3C332B;--clay-850: #2F2820;--clay-900: #251F19;--clay-950: #181310}:root,[data-theme=light]{--bg-base: var(--clay-50);--bg-surface: #FFFEFB;--bg-elevated: #FFFFFF;--bg-subtle: var(--clay-100);--bg-overlay: rgba(24, 19, 16, .45);--fg-1: var(--clay-950);--fg-2: var(--clay-600);--fg-3: var(--clay-400);--fg-inverse: #FFFEFB;--color-primary: var(--red-500);--color-primary-hover: var(--red-600);--color-primary-fg: #FFFEFB;--color-primary-subtle: var(--red-50);--color-accent: var(--gold-500);--color-accent-hover: var(--gold-600);--color-accent-fg: var(--clay-950);--color-accent-subtle: var(--gold-50);--color-danger: var(--red-700);--color-danger-hover: var(--red-800);--color-danger-fg: #FFFEFB;--color-danger-subtle: var(--red-100);--color-success: var(--green-500);--color-success-hover: var(--green-600);--color-success-fg: #FFFEFB;--color-success-subtle: var(--green-50);--color-info: var(--blue-500);--color-info-hover: var(--blue-600);--color-info-fg: #FFFEFB;--color-info-subtle: var(--blue-50);--border: var(--clay-200);--border-strong: var(--clay-300);--border-focus: var(--red-500);--shadow-sm: 0 1px 2px rgba(60, 45, 30, .06);--shadow-md: 0 1px 3px rgba(60, 45, 30, .08), 0 4px 16px rgba(60, 45, 30, .07);--shadow-lg: 0 4px 6px rgba(60, 45, 30, .06), 0 12px 40px rgba(60, 45, 30, .12);--shadow-xl: 0 20px 60px rgba(60, 45, 30, .16);--surface-tint: rgba(255, 254, 251, .85);--cal-grid: var(--border);--cal-grid-half: var(--clay-200);--cal-today-tint: rgba(209, 78, 70, .045);--cal-now: var(--color-info);--cal-past-fg: var(--fg-3);--cal-past-bg: var(--bg-subtle);--role-1: #0F8C7E;--role-2: #C05B3B;--role-3: #5661A6;--role-4: #B0498A;--role-5: #4F8A45;--role-6: #8A5DAE;--role-7: #A9772F;--role-8: #2A75AC}[data-theme=dark]{--bg-base: var(--clay-950);--bg-surface: var(--clay-900);--bg-elevated: var(--clay-850);--bg-subtle: #211B15;--bg-overlay: rgba(0, 0, 0, .6);--fg-1: var(--clay-100);--fg-2: var(--clay-400);--fg-3: var(--clay-600);--fg-inverse: var(--clay-950);--color-primary: var(--red-400);--color-primary-hover: var(--red-300);--color-primary-fg: var(--clay-950);--color-primary-subtle: rgba(220, 113, 105, .14);--color-accent: var(--gold-400);--color-accent-hover: var(--gold-300);--color-accent-fg: var(--clay-950);--color-accent-subtle: rgba(223, 168, 74, .14);--color-danger: var(--red-300);--color-danger-hover: var(--red-200);--color-danger-fg: var(--clay-950);--color-danger-subtle: rgba(232, 157, 151, .14);--color-success: var(--green-400);--color-success-hover: var(--green-300);--color-success-fg: var(--clay-950);--color-success-subtle: rgba(116, 174, 96, .14);--color-info: var(--blue-400);--color-info-hover: var(--blue-300);--color-info-fg: var(--clay-950);--color-info-subtle: rgba(105, 150, 187, .14);--border: rgba(244, 239, 231, .08);--border-strong: rgba(244, 239, 231, .16);--border-focus: var(--red-400);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 1px 3px rgba(0,0,0,.4), 0 4px 24px rgba(0,0,0,.3);--shadow-lg: 0 4px 6px rgba(0,0,0,.4), 0 12px 40px rgba(0,0,0,.35);--shadow-xl: 0 20px 60px rgba(0,0,0,.6);--surface-tint: rgba(244, 239, 231, .03);--cal-grid: var(--border);--cal-grid-half: rgba(244, 239, 231, .06);--cal-today-tint: rgba(220, 113, 105, .06);--cal-now: var(--color-info);--cal-past-fg: var(--fg-3);--cal-past-bg: var(--bg-subtle);--role-1: #33A99B;--role-2: #D6774F;--role-3: #767FCC;--role-4: #CC6CA6;--role-5: #5FA653;--role-6: #A274C4;--role-7: #BB8838;--role-8: #4F93C4}:root{--font-display: "Bricolage Grotesque", "Helvetica Neue", sans-serif;--font-body: "Inter", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--text-4xl: 64px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-heavy: 800;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-wider: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--navbar-height: 60px;--z-below: -1;--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-punch: cubic-bezier(.34, 1.4, .64, 1);--ease-out: ease-out;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-micro: .1s;--dur-fast: .18s;--dur-base: .28s;--dur-slow: .45s}.h1,h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-heavy);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1)}.h2,h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1)}.h3,h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--fg-1)}.h4,h4{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--fg-1)}.body-lg{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);color:var(--fg-1)}.body,p{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--fg-1)}.label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-snug);color:var(--fg-1)}.label-sm{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-2)}.caption{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--fg-3)}.code,code{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-regular);background:var(--bg-subtle);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-primary)}.time-display{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--fg-1);font-variant-numeric:tabular-nums}.time-sm{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-2);font-variant-numeric:tabular-nums}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--fg-1);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-content{flex:1;max-width:900px;margin:0 auto;width:100%;padding:var(--space-6)}.page-content-wide{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:var(--space-6)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-3) var(--space-6);border-top:1px solid var(--border);background:var(--bg-subtle)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);height:38px;border-radius:var(--radius-full);border:none;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),transform var(--dur-micro) var(--ease-punch),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.96)}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.btn-sm{height:30px;padding:0 var(--space-4);font-size:var(--text-xs)}.btn-lg{height:46px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-primary{background:var(--color-primary);color:var(--color-primary-fg)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:transparent;color:var(--fg-1);border:1.5px solid var(--border-strong)}.btn-secondary:hover{border-color:var(--fg-2)}.btn-subtle{background:var(--color-primary-subtle);color:var(--color-primary-hover)}.btn-subtle:hover{background:color-mix(in srgb,var(--color-primary) 20%,transparent)}[data-theme=dark] .btn-subtle{color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover{background:var(--bg-subtle);color:var(--fg-1)}.btn-danger{background:var(--color-danger);color:var(--color-danger-fg)}.btn-danger:hover{background:var(--color-danger-hover)}.btn-text{background:transparent;color:var(--color-primary);padding:0 var(--space-2);border:none}.btn-text:hover{background:var(--color-primary-subtle)}.btn-icon{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-subtle);border:1px solid var(--border);color:var(--fg-2);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.btn-icon:hover{background:var(--border);color:var(--fg-1)}.btn-icon.btn-sm{width:30px;height:30px}.input{width:100%;height:38px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg-1);font-family:var(--font-body);font-size:var(--text-sm);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);box-shadow:var(--shadow-sm)}.input::placeholder{color:var(--fg-3)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.input-error{border-color:var(--color-danger)!important}.input-error:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 15%,transparent)!important}.textarea{height:auto;min-height:80px;padding:var(--space-3);resize:vertical}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--fg-1)}.form-hint{font-size:var(--text-xs);color:var(--fg-3)}.form-hint-error{color:var(--color-danger)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:currentColor}.badge-success{background:var(--color-success-subtle);color:var(--color-success-hover)}.badge-danger{background:var(--color-danger-subtle);color:var(--color-danger)}.badge-accent{background:var(--color-accent-subtle);color:var(--gold-700)}.badge-primary{background:var(--color-primary-subtle);color:var(--color-primary-hover)}.badge-neutral{background:var(--bg-subtle);color:var(--fg-2);border:1px solid var(--border)}[data-theme=dark] .badge-accent{color:var(--gold-300)}[data-theme=dark] .badge-success{color:var(--color-success)}[data-theme=dark] .badge-primary{color:var(--color-primary)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--weight-semibold);flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar-sm{width:28px;height:28px;font-size:var(--text-xs)}.avatar-md{width:40px;height:40px;font-size:var(--text-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--text-base)}.avatar-xl{width:80px;height:80px;font-size:var(--text-lg)}.navbar{height:var(--navbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-sticky)}.navbar-inner{height:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.navbar-brand{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--fg-1);flex-shrink:0}.navbar-wordmark{font-family:var(--font-display);font-weight:var(--weight-heavy);font-size:20px;letter-spacing:var(--tracking-tight);color:var(--fg-1);line-height:1}.navbar-links{display:flex;gap:var(--space-1);align-items:center;flex:1;justify-content:center}.navbar-link{color:var(--fg-2);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--dur-fast),color var(--dur-fast)}.navbar-link:hover{background:var(--bg-subtle);color:var(--fg-1)}.navbar-link.active{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--weight-semibold)}.navbar-link{position:relative}.navbar-link-badge{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:var(--radius-full, 50%);background:var(--color-primary);border:1px solid var(--bg-surface)}.dropdown-item{display:flex;align-items:center;width:100%;padding:var(--space-3) var(--space-4);color:var(--fg-1);background:transparent;border:none;border-radius:0;font-family:var(--font-body);font-size:var(--text-sm);text-decoration:none;cursor:pointer;transition:background var(--dur-fast);text-align:left}.dropdown-item:hover{background:var(--bg-subtle)}.dropdown-item-danger{color:var(--color-danger)}.overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.modal{width:min(720px,95%);max-height:calc(100vh - var(--space-8));background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-body{padding:var(--space-6);overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-2);background:var(--bg-subtle);flex-shrink:0}.chat-bubble-me{background:var(--color-primary);color:var(--color-primary-fg);border-radius:16px 4px 16px 16px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);max-width:70%}.chat-bubble-other{background:var(--bg-surface);color:var(--fg-1);border:1px solid var(--border);border-radius:4px 16px 16px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);max-width:70%}.chat-divider{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-4) 0}.chat-divider-line{flex:1;height:1px;background:var(--border)}.chat-divider-label{font-size:var(--text-xs);color:var(--fg-3);background:var(--bg-subtle);padding:2px var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.text-muted{color:var(--fg-2)}.text-faint{color:var(--fg-3)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-accent{color:var(--color-accent)}.divider{height:1px;background:var(--border)}.empty-state{display:flex;align-items:center;justify-content:center;padding:var(--space-12);color:var(--fg-3);font-size:var(--text-sm)}.row{display:flex;gap:var(--space-4);align-items:center}.admin-layout{display:flex;align-items:flex-start;gap:0;flex:1;max-width:1200px;margin:0 auto;width:100%;padding:var(--space-6);min-height:calc(100vh - var(--navbar-height))}.admin-sidebar{width:200px;flex-shrink:0;padding-right:var(--space-5);border-right:1px solid var(--border);position:sticky;top:calc(var(--navbar-height) + var(--space-6))}.admin-sidebar-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--fg-3);text-transform:uppercase;letter-spacing:.07em;padding:0 var(--space-3);margin-bottom:var(--space-2)}.admin-nav-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--fg-2);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.admin-nav-item:hover{background:var(--bg-subtle);color:var(--fg-1)}.admin-nav-item.active{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:var(--weight-semibold)}.admin-content{flex:1;min-width:0;padding-left:var(--space-8)}@media(max-width:800px){.navbar-links{display:none}.page-content{padding:var(--space-4)}}html,body,#root{height:100%;margin:0}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}