:root{color-scheme:light;--brand-50: #fef5f6;--brand-100: #fbe9ec;--brand-200: #f4c4cb;--brand-300: #ec98a3;--brand-400: #e0697a;--brand-500: #d5364a;--brand-600: #c01d2f;--brand-700: #991825;--brand-800: #74121c;--brand-900: #4d0c13;--neutral-0: #ffffff;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--success-50: #f0fdf4;--success-100: #dcfce7;--success-500: #22c55e;--success-600: #15803d;--success-700: #166534;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #b45309;--warning-700: #92400e;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-500: #ef4444;--danger-600: #b91c1c;--danger-700: #991b1b;--info-50: #eff6ff;--info-100: #dbeafe;--info-500: #3b82f6;--info-600: #1d4ed8;--info-700: #1e40af;--surface-app: var(--neutral-50);--surface-card: var(--neutral-0);--surface-raised: var(--neutral-0);--surface-sunken: var(--neutral-100);--surface-overlay: rgba(15, 23, 42, .5);--surface-inverse: var(--neutral-900);--surface-brand-subtle: var(--brand-50);--surface-brand-soft: var(--brand-100);--border-subtle: var(--neutral-200);--border-default: var(--neutral-300);--border-strong: var(--neutral-400);--border-focus: var(--brand-600);--border-brand: var(--brand-200);--border-danger: var(--danger-500);--border-success: var(--success-500);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-700);--text-muted: var(--neutral-500);--text-disabled: var(--neutral-400);--text-inverse: var(--neutral-0);--text-on-brand: var(--neutral-0);--text-accent: var(--brand-700);--text-link: var(--brand-700);--text-success: var(--success-700);--text-warning: var(--warning-700);--text-danger: var(--danger-700);--focus-ring: 0 0 0 3px rgba(192, 29, 47, .3);--focus-ring-offset: 2px;--selection-bg: var(--brand-100);--selection-fg: var(--brand-900);--font-sans: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", "Cascadia Mono", Menlo, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-eyebrow: .16em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px rgba(15, 23, 42, .07), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 20px rgba(15, 23, 42, .08), 0 3px 6px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 40px rgba(15, 23, 42, .12), 0 8px 16px rgba(15, 23, 42, .06);--shadow-brand: 0 12px 28px rgba(192, 29, 47, .18);--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-dropdown: 30;--z-drawer: 40;--z-modal: 50;--z-toast: 60;--z-tooltip: 70;--shell-sidebar-width: 16rem;--shell-sidebar-width-lg: 17.5rem;--shell-header-height: 4rem;--shell-content-max: 80rem;--shell-content-pad-x: var(--space-6);--shell-content-pad-y: var(--space-6);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .32s;--easing-standard: cubic-bezier(.4, 0, .2, 1);--easing-entrance: cubic-bezier(0, 0, .2, 1);--easing-exit: cubic-bezier(.4, 0, 1, 1);--bg-elevated: var(--surface-card);--bg-elevated-strong: var(--surface-raised);--line: var(--border-subtle);--line-strong: var(--brand-300);--text: var(--text-primary);--text-soft: var(--text-muted);--accent: var(--brand-600);--accent-strong: var(--brand-700);--accent-soft: var(--brand-100);--accent-glow: rgba(192, 29, 47, .18);--success: var(--success-600);--warning: var(--warning-600);--danger: var(--danger-600);--shadow: var(--shadow-md)}[data-theme=dark]{color-scheme:dark;--surface-app: #0b0d12;--surface-card: #151821;--surface-raised: #1b1f2a;--surface-sunken: #0f121a;--surface-overlay: rgba(0, 0, 0, .6);--surface-inverse: var(--neutral-50);--surface-brand-subtle: rgba(192, 29, 47, .08);--surface-brand-soft: rgba(192, 29, 47, .16);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-brand: rgba(192, 29, 47, .45);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-disabled: #475569;--text-inverse: var(--neutral-900);--text-accent: #f4c4cb;--text-link: #f4c4cb;--text-success: #4ade80;--text-warning: #fbbf24;--text-danger: #fca5a5;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .5), 0 3px 6px rgba(0, 0, 0, .35);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .4);--shadow-brand: 0 12px 28px rgba(192, 29, 47, .4);--selection-bg: rgba(192, 29, 47, .35);--selection-fg: var(--neutral-0);--bg-elevated: var(--surface-card);--bg-elevated-strong: var(--surface-raised);--line: var(--border-subtle);--line-strong: var(--border-brand);--text: var(--text-primary);--text-soft: var(--text-muted);--accent: var(--brand-600);--accent-strong: var(--brand-500);--accent-soft: rgba(192, 29, 47, .14);--accent-glow: rgba(192, 29, 47, .32)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}::selection{background-color:var(--selection-bg);color:var(--selection-fg)}html{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--surface-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background-color:var(--surface-app);color:var(--text-primary);font-size:var(--text-md);line-height:var(--leading-normal)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.eyebrow{margin:0 0 var(--space-2);color:var(--text-accent);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.shell{display:grid;min-height:100dvh;grid-template-columns:minmax(15rem,17.5rem) 1fr;background-color:var(--surface-app);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.shell__backdrop{display:none}.shell__sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:var(--space-6);height:100dvh;padding:var(--space-6);padding-left:calc(var(--space-6) + var(--safe-left));overflow-y:auto;border-right:1px solid var(--border-subtle);background-color:var(--surface-card)}.shell__hamburger{display:none}.brand-card,.panel-card,.auth-card,.hero-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--surface-card);box-shadow:var(--shadow-sm)}.brand-card{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;padding:var(--space-4) var(--space-5);background-color:var(--surface-card)}.brand-card>div{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.brand-card h1{font-size:var(--text-lg);line-height:var(--leading-snug)}.brand-card__logo{width:clamp(8rem,70%,11rem);height:auto;object-fit:contain}.brand-card h1,.shell__header h2,.auth-card h1,.hero-card h2{margin:0;color:var(--text-primary);font-weight:var(--fw-semibold)}.shell__nav{display:grid;gap:var(--space-2)}.nav-link{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-secondary);transition:background-color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.nav-link:hover,.nav-link:focus-visible{background-color:var(--surface-sunken);color:var(--text-primary)}.nav-link--active{background-color:var(--surface-brand-subtle);border-color:var(--border-brand);color:var(--text-accent)}.nav-link__label{font-weight:var(--fw-semibold);font-size:var(--text-sm)}.nav-link__meta{color:var(--text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.shell__sidebar-footer{margin-top:auto}.shell__main{display:flex;flex-direction:column;min-width:0;background-color:var(--surface-app)}.shell__header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;padding:var(--space-5) calc(var(--space-8) + var(--safe-right)) var(--space-4) var(--space-8);border-bottom:1px solid var(--border-subtle);background-color:var(--surface-card)}.shell__header-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;justify-content:flex-end}.shell__content{padding:var(--space-6) var(--space-8) var(--space-8)}.language-switcher{display:inline-flex;padding:var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-full);background-color:var(--surface-sunken)}.language-switcher__button{border:0;border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);background-color:transparent;color:var(--text-secondary);font-weight:var(--fw-medium);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.language-switcher__button--active{background-color:var(--brand-600);color:var(--text-on-brand);font-weight:var(--fw-bold)}.user-chip{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-full);background-color:var(--surface-card);color:var(--text-primary)}.user-chip p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--text-xs)}.user-chip__avatar{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:var(--radius-full);background-color:var(--brand-600);color:var(--text-on-brand);font-weight:var(--fw-bold);font-size:var(--text-sm)}.page-grid{display:grid;gap:var(--space-5)}.hero-card{padding:var(--space-6);overflow:hidden;background-color:var(--surface-card)}.hero-card p{max-width:60ch;color:var(--text-secondary)}.hero-card__metrics,.card-grid,.status-grid,.roadmap-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.panel-card{padding:var(--space-5)}.panel-card p,.panel-card li{color:var(--text-secondary)}.metric-card{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--surface-card);color:var(--text-secondary)}.metric-card span{font-size:var(--text-xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}.metric-card strong{display:block;margin-top:var(--space-2);font-size:var(--text-xl);font-weight:var(--fw-semibold);color:var(--text-primary)}.auth-layout{display:grid;min-height:100dvh;align-items:stretch;grid-template-columns:minmax(0,1.1fr) minmax(20rem,32rem);background-color:var(--surface-app)}.auth-hero{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);padding:var(--space-12);background-color:var(--brand-700);color:var(--text-on-brand)}.auth-hero .eyebrow{color:var(--brand-200)}.auth-hero h1,.auth-hero p,.auth-hero strong,.auth-hero span{color:var(--text-on-brand)}.auth-hero__logo{width:min(20rem,100%);height:auto;margin-bottom:var(--space-2);object-fit:contain}.auth-card{align-self:center;width:100%;max-width:30rem;margin:var(--space-6);padding:var(--space-8);background-color:var(--surface-card);box-shadow:var(--shadow-md);border-radius:var(--radius-lg)}.auth-card p,.helper-text{color:var(--text-secondary)}.field{display:grid;gap:var(--space-2)}.field label{font-weight:var(--fw-semibold);font-size:var(--text-sm);color:var(--text-secondary)}.field input,.field select,.field textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:var(--surface-card);color:var(--text-primary);font-size:var(--text-md);transition:border-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.field input::placeholder,.field textarea::placeholder{color:var(--text-muted)}.field textarea{min-height:7rem;resize:vertical}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--border-strong)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:var(--focus-ring)}.field input:disabled,.field select:disabled,.field textarea:disabled{background-color:var(--surface-sunken);color:var(--text-disabled);cursor:not-allowed}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.75rem;padding:var(--space-3) var(--space-5);border:1px solid transparent;border-radius:var(--radius-sm);font-weight:var(--fw-semibold);font-size:var(--text-sm);letter-spacing:0;transition:background-color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{background-color:var(--brand-600);border-color:var(--brand-600);color:var(--text-on-brand)}.button--primary:hover:not(:disabled),.button--primary:focus-visible:not(:disabled){background-color:var(--brand-700);border-color:var(--brand-700)}.button--secondary{background-color:var(--surface-card);border-color:var(--border-default);color:var(--text-primary)}.button--secondary:hover:not(:disabled),.button--secondary:focus-visible:not(:disabled){background-color:var(--surface-sunken);border-color:var(--border-strong)}.button--danger{background-color:var(--danger-600);border-color:var(--danger-600);color:var(--text-on-brand)}.button--danger:hover:not(:disabled),.button--danger:focus-visible:not(:disabled){background-color:var(--danger-700);border-color:var(--danger-700)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);width:fit-content;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);border:1px solid transparent}.status-badge:before{width:.5rem;height:.5rem;border-radius:var(--radius-full);content:""}.status-badge--success{background-color:var(--success-100);border-color:var(--success-500);color:var(--success-700)}.status-badge--success:before{background-color:var(--success-600)}.status-badge--warning{background-color:var(--warning-100);border-color:var(--warning-500);color:var(--warning-700)}.status-badge--warning:before{background-color:var(--warning-600)}.status-badge--danger{background-color:var(--danger-100);border-color:var(--danger-500);color:var(--danger-700)}.status-badge--danger:before{background-color:var(--danger-600)}.status-badge--info{background-color:var(--info-100);border-color:var(--info-500);color:var(--info-700)}.status-badge--info:before{background-color:var(--info-600)}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background-color:#00000080;animation:modal-fade-in var(--duration-fast) var(--easing-entrance)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.modal{width:100%;max-height:calc(100dvh - var(--space-8));overflow-y:auto;border-radius:var(--radius-lg);background-color:var(--surface-card);box-shadow:var(--shadow-xl);animation:modal-slide-up var(--duration-normal) var(--easing-entrance)}.modal--sm{max-width:24rem}.modal--md{max-width:36rem}.modal--lg{max-width:52rem}.modal__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle)}.modal__title{margin:0;font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.modal__close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:var(--radius-sm);background-color:transparent;color:var(--text-muted);font-size:var(--text-lg);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.modal__close:hover,.modal__close:focus-visible{background-color:var(--surface-sunken);color:var(--text-primary)}.modal__body{padding:var(--space-6)}.toast-container{position:fixed;bottom:calc(var(--space-6) + var(--safe-bottom));right:calc(var(--space-6) + var(--safe-right));z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:min(24rem,calc(100vw - var(--space-8)));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;background-color:var(--surface-card);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-slide-in var(--duration-normal) var(--easing-entrance)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.toast__icon{flex-shrink:0;font-size:var(--text-md);line-height:1.4}.toast__message{flex:1;font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal)}.toast__dismiss{flex-shrink:0;padding:0;border:none;background:none;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;line-height:1.4}.toast__dismiss:hover{color:var(--text-primary)}.toast--success{border-color:var(--success-500)}.toast--success .toast__icon{color:var(--success-600)}.toast--error{border-color:var(--danger-500)}.toast--error .toast__icon{color:var(--danger-600)}.toast--warning{border-color:var(--warning-500)}.toast--warning .toast__icon{color:var(--warning-600)}.toast--info{border-color:var(--info-500)}.toast--info .toast__icon{color:var(--info-600)}.field--error input,.field--error select,.field--error textarea{border-color:var(--danger-500)}.field--error input:focus-visible,.field--error select:focus-visible,.field--error textarea:focus-visible{border-color:var(--danger-500);box-shadow:0 0 0 3px #dc262633}.field__error{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--danger-600)}.field--success input,.field--success select,.field--success textarea{border-color:var(--success-500)}.stack{display:grid;gap:var(--space-4)}.list{display:grid;gap:var(--space-3);padding:0;margin:0;list-style:none}.list-item{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:var(--surface-card);color:var(--text-primary)}.list-item--stacked{display:grid}.list-item__topline{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.muted{color:var(--text-muted)}.empty-state{padding:var(--space-4);border:1px dashed var(--border-default);border-radius:var(--radius-md);background-color:var(--surface-sunken);color:var(--text-muted)}.form-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid__actions{display:flex;align-items:end}.form-grid__full{grid-column:1 / -1}.member-list,.team-grid,.approval-grid{display:grid;gap:var(--space-4)}.member-card,.approval-card{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--surface-card);box-shadow:var(--shadow-sm)}.member-card__header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.member-card h3,.approval-card h3{margin:0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--fw-semibold)}.member-card p,.approval-card p{margin:var(--space-1) 0 0;color:var(--text-secondary)}.detail-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-pair{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:var(--surface-sunken)}.detail-pair--full{grid-column:1 / -1}.detail-pair dt{margin:0 0 var(--space-1);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.detail-pair dd{margin:0;color:var(--text-primary);font-size:var(--text-sm)}.tab-row,.chip-row,.button-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.tab-button{border:1px solid var(--border-default);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);background-color:var(--surface-card);color:var(--text-secondary);font-weight:var(--fw-medium);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.tab-button:hover,.tab-button:focus-visible{background-color:var(--surface-sunken);color:var(--text-primary)}.tab-button--active{background-color:var(--brand-600);border-color:var(--brand-600);color:var(--text-on-brand)}.info-chip{display:inline-flex;padding:var(--space-1) var(--space-3);border:1px solid var(--border-brand);border-radius:var(--radius-full);background-color:var(--surface-brand-subtle);color:var(--text-accent);font-size:var(--text-xs);font-weight:var(--fw-medium)}.section-split,.activity-grid,.announcement-grid,.report-grid,.attendance-grid{display:grid;gap:var(--space-4)}.activity-card,.announcement-card,.report-card{display:grid;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--surface-card);color:var(--text-primary);text-align:left;box-shadow:var(--shadow-xs)}.activity-card p,.announcement-card p,.report-card p{margin:0;color:var(--text-secondary)}.activity-card--active{border-color:var(--brand-600);box-shadow:var(--shadow-md)}.activity-card__meta,.announcement-card__meta,.report-card__stats{display:flex;gap:var(--space-3);flex-wrap:wrap;color:var(--text-muted);font-size:var(--text-xs)}.attendance-row{display:grid;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background-color:var(--surface-card)}.attendance-row .field{gap:var(--space-1)}@media(min-width:60rem){.section-split{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);align-items:start}.attendance-row{grid-template-columns:minmax(0,1fr) minmax(12rem,15rem) auto;align-items:center}}@media(max-width:60rem){.shell,.auth-layout{grid-template-columns:1fr}.shell__backdrop{display:block;position:fixed;inset:0;z-index:var(--z-drawer);background-color:#0006;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--easing-standard)}.shell__backdrop--visible{opacity:1;pointer-events:auto}.shell__sidebar{position:fixed;top:0;left:0;z-index:calc(var(--z-drawer) + 1);width:min(20rem,85vw);height:100dvh;border-right:1px solid var(--border-subtle);border-bottom:0;transform:translate(-100%);transition:transform var(--duration-normal) var(--easing-standard);box-shadow:var(--shadow-xl)}.shell__sidebar--open{transform:translate(0)}.shell__hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-sm);background-color:transparent;cursor:pointer;flex-shrink:0;transition:background-color var(--duration-fast) var(--easing-standard)}.shell__hamburger:hover,.shell__hamburger:focus-visible{background-color:var(--surface-sunken)}.shell__hamburger-bar{display:block;width:100%;height:2px;border-radius:1px;background-color:var(--text-primary)}.shell__header{padding:var(--space-3) calc(var(--space-4) + var(--safe-right)) var(--space-3) calc(var(--space-4) + var(--safe-left))}.shell__header-title{flex:1;min-width:0}.shell__header-title .eyebrow{font-size:var(--text-2xs)}.shell__header-title h2{font-size:var(--text-md)}.user-chip>div{display:none}.shell__content{padding:var(--space-4) calc(var(--space-4) + var(--safe-right)) var(--space-6) calc(var(--space-4) + var(--safe-left))}.auth-hero{padding:var(--space-8) var(--space-5);text-align:left}.auth-card{margin:var(--space-5);padding:var(--space-6)}.member-card__header,.list-item__topline{grid-template-columns:1fr;display:grid}}