:root{--surface-canvas: #f9fafb;--surface-card: #ffffff;--surface-raised: #f1f3f4;--border: #e5e7eb;--border-strong: #d1d5db;--text: #111827;--text-muted: #6b7280;--text-subtle: #9ca3af;--brand: #76ca99;--brand-strong: #51bc7e;--brand-soft: #a8dfc0;--brand-tint: rgba(118, 202, 153, .08);--danger: #ef4444;--danger-tint: rgba(239, 68, 68, .07);--danger-fg: #b91c1c;--warning: #f59e0b;--warning-tint: rgba(245, 158, 11, .1);--warning-fg: #b45309;--success: #22c55e;--success-tint: rgba(34, 197, 94, .1);--success-fg: #15803d;--info: #3b82f6;--info-tint: rgba(59, 130, 246, .08);--info-fg: #1d4ed8;--status-draft: #6366f1;--status-draft-tint: rgba(99, 102, 241, .1);--status-draft-fg: #4338ca;--accent-vip: #7c3aed;--density-btn-pad-md: .625rem 1.25rem;--density-btn-font-md: .875rem;--density-btn-pad-sm: .5rem 1rem;--density-btn-font-sm: .75rem;--density-btn-pad-xs: .375rem .75rem;--density-btn-font-xs: .75rem;--density-btn-pad-lg: .75rem 1.5rem;--density-btn-font-lg: 1rem;--density-btn-radius: .5rem;--density-btn-height-md: auto;--density-btn-height-sm: auto;--density-btn-height-xs: auto;--density-btn-gap: .5rem;--density-btn-icon-pad: .5rem;--density-pill-pad: .25rem .625rem;--density-pill-font: .75rem;--density-pill-radius: 9999px;--density-pill-height: auto;--density-pill-weight: 500;--density-pill-tracking: normal}:root{--ar-radius: 10px;--ar-cell-py: 12px;--ar-bg: #f7f8fa;--ar-surface: #ffffff;--ar-surface-2: #f1f3f4;--ar-border: #e5e7eb;--ar-border-strong: #d1d5db;--ar-fg-1: #111827;--ar-fg-2: #374151;--ar-fg-3: #6b7280;--ar-fg-4: #9ca3af;--ar-stripe: rgba(0, 0, 0, .015);--ar-thead-bg: #fbfbfc;--ar-soft-tint: rgba(118, 202, 153, .08);--ar-warning-tint: rgba(245, 158, 11, .1)}:root.dark{--surface-canvas: #111827;--surface-card: #1f2937;--surface-raised: #374151;--border: #374151;--border-strong: #4b5563;--text: #ffffff;--text-muted: rgba(255, 255, 255, .6);--text-subtle: rgba(255, 255, 255, .35);--brand-tint: rgba(118, 202, 153, .12);--danger-tint: rgba(239, 68, 68, .14);--danger-fg: #fca5a5;--warning-tint: rgba(245, 158, 11, .16);--warning-fg: #fcd34d;--success-tint: rgba(34, 197, 94, .18);--success-fg: #86efac;--info-tint: rgba(59, 130, 246, .16);--info-fg: #93c5fd;--status-draft-tint: rgba(99, 102, 241, .18);--status-draft-fg: #c7d2fe}:root.dark{--ar-bg: #0a1320;--ar-surface: #111a2b;--ar-surface-2: #182236;--ar-border: #1f2c44;--ar-border-strong: #2a3650;--ar-fg-1: #f6f7fb;--ar-fg-2: rgba(255, 255, 255, .8);--ar-fg-3: rgba(255, 255, 255, .55);--ar-fg-4: rgba(255, 255, 255, .35);--ar-stripe: rgba(255, 255, 255, .025);--ar-thead-bg: rgba(22, 32, 52, .2);--ar-soft-tint: rgba(118, 202, 153, .12);--ar-warning-tint: rgba(245, 158, 11, .16)}:root.dark[data-theme=admin]{--surface-canvas: #0a1320;--surface-card: #111a2b;--surface-raised: #182236;--border: #1f2c44;--border-strong: #2a3650;--text: #f6f7fb;--text-muted: rgba(255, 255, 255, .55);--text-subtle: rgba(255, 255, 255, .35);--btn-secondary-bg: #111a2b;--btn-secondary-fg: rgba(255, 255, 255, .8);--btn-secondary-border: #1f2c44;--btn-secondary-hover-bg: #182236;--btn-secondary-hover-border: #2a3650;--btn-ghost-fg: rgba(255, 255, 255, .55);--btn-ghost-hover-bg: #182236}.u-density-compact,.AdminShell{--density-btn-pad-md: 0 14px;--density-btn-height-md: 34px;--density-btn-font-md: 13px;--density-btn-gap: 6px;--density-btn-pad-sm: 0 10px;--density-btn-height-sm: 28px;--density-btn-font-sm: 12px;--density-btn-pad-xs: 5px 9px;--density-btn-height-xs: 26px;--density-btn-font-xs: 11px;--density-btn-icon-pad: 0 8px;--density-pill-pad: 0 8px;--density-pill-height: 22px;--density-pill-font: 11px;--density-pill-weight: 600;--density-pill-tracking: .01em}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;color:#111827;background-color:#f9fafb}:root.dark body{background-color:#111827}body.body--app{background-color:#f1f3f4}:root.dark body.body--app{background-color:#1f2937}body.body--admin{background-color:#f7f8fa}:root.dark body.body--admin{background-color:#0a1320}body.body--landing{background-color:#0a2540}:root.dark body.body--landing{background-color:#0a2540}:root{--surface-content-bg: #f9fafb;--surface-card-bg: #ffffff;--surface-card-border: #e5e7eb;--surface-text: #111827;--surface-text-muted: #6b7280}:root.dark{--surface-content-bg: #111827;--surface-card-bg: #1f2937;--surface-card-border: #374151;--surface-text: #ffffff;--surface-text-muted: rgba(255, 255, 255, .6)}:root{--card-hover-border: rgba(118, 202, 153, .5);--card-hover-lift: -2px}:root{--focus-ring-color: #76ca99;--focus-ring-bg: rgba(118, 202, 153, .12)}:root{--btn-secondary-bg: #ffffff;--btn-secondary-fg: #374151;--btn-secondary-border: #d1d5db;--btn-secondary-hover-bg: #f1f3f4;--btn-secondary-hover-border: #9ca3af;--btn-ghost-fg: #4b5563;--btn-ghost-hover-bg: #f1f3f4}:root.dark{--btn-secondary-bg: var(--surface-card-bg);--btn-secondary-fg: var(--surface-text);--btn-secondary-border: var(--surface-card-border);--btn-secondary-hover-bg: var(--surface-content-bg);--btn-secondary-hover-border: #6b7280;--btn-ghost-fg: rgba(255, 255, 255, .7);--btn-ghost-hover-bg: rgba(255, 255, 255, .08)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;color:#111827}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}p:last-child{margin-bottom:0}a{color:#51bc7e;text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid #76ca99;outline-offset:2px}::selection{background-color:#a8dfc0;color:#111827}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--density-btn-gap, .5rem);min-height:var(--density-btn-height-md, auto);padding:var(--density-btn-pad-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--density-btn-font-md);font-weight:500;line-height:1;border-radius:var(--density-btn-radius);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--density-btn-gap, .5rem);min-height:var(--density-btn-height-md, auto);padding:var(--density-btn-pad-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--density-btn-font-md);font-weight:500;line-height:1;border-radius:var(--density-btn-radius);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:#76ca99;color:#fff}.btn--primary:hover:not(:disabled){background-color:#51bc7e}.btn--primary:focus{outline:2px solid #76ca99;outline-offset:2px}.btn--secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--density-btn-gap, .5rem);min-height:var(--density-btn-height-md, auto);padding:var(--density-btn-pad-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--density-btn-font-md);font-weight:500;line-height:1;border-radius:var(--density-btn-radius);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--secondary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-fg);border:1px solid var(--btn-secondary-border)}.btn--secondary:hover:not(:disabled){background-color:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-hover-border)}.btn--secondary:focus{outline:2px solid #76ca99;outline-offset:2px}.btn--ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--density-btn-gap, .5rem);min-height:var(--density-btn-height-md, auto);padding:var(--density-btn-pad-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--density-btn-font-md);font-weight:500;line-height:1;border-radius:var(--density-btn-radius);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--ghost:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background-color:transparent;color:var(--btn-ghost-fg)}.btn--ghost:hover:not(:disabled){background-color:var(--btn-ghost-hover-bg)}.btn--lg{padding:var(--density-btn-pad-lg);font-size:var(--density-btn-font-lg)}.btn--sm{padding:var(--density-btn-pad-sm);min-height:var(--density-btn-height-sm, auto);font-size:var(--density-btn-font-sm)}.btn--icon{padding:var(--density-btn-icon-pad, .5rem)}.btn--icon.btn--lg{padding:.75rem}.btn--danger{background-color:transparent;color:var(--danger);border:1px solid var(--border)}.btn--danger:hover:not(:disabled){background-color:var(--danger-tint);border-color:var(--danger)}.btn--xs{padding:var(--density-btn-pad-xs);min-height:var(--density-btn-height-xs, auto);font-size:var(--density-btn-font-xs)}.btn--block{width:100%;justify-content:center}@media (max-width: 576px){.btn--full-mobile{width:100%;justify-content:center}}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:box-shadow .2s ease;background-color:var(--surface-card);border-color:var(--border)}.card--interactive{transition:border-color .2s ease,transform .2s ease}.card--interactive:hover{border-color:var(--card-hover-border);transform:translateY(var(--card-hover-lift))}.card--interactive{cursor:pointer}.card--flush{padding:0;overflow-x:auto}.card__header{margin-bottom:1rem}.card__title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.card__subtitle{font-size:.875rem;color:var(--text-muted)}.card__body{flex:1}.card__footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.input{width:100%;padding:.625rem .875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:#9ca3af}.input:focus{outline:none;border-color:var(--focus-ring-color);box-shadow:0 0 0 3px var(--focus-ring-bg)}.form-group{margin-bottom:1rem}.form-group__label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.badge{display:inline-flex;align-items:center;min-height:var(--density-pill-height, auto);padding:var(--density-pill-pad);font-size:var(--density-pill-font);font-weight:var(--density-pill-weight, 500);letter-spacing:var(--density-pill-tracking, normal);border-radius:var(--density-pill-radius);background-color:#f1f3f4;color:#374151}.badge--primary{background-color:#76ca991a;color:#51bc7e}.badge--success{background-color:#22c55e1a;color:#22c55e}.badge--warning{background-color:#f59e0b1a;color:#f59e0b}.badge--danger{background-color:var(--danger-tint);color:var(--danger-fg)}.badge--info{background-color:var(--info-tint);color:var(--info-fg)}.badge--draft{background-color:var(--status-draft-tint);color:var(--status-draft-fg)}.badge--status-active,.badge--status-live{background-color:var(--success-tint);color:var(--success-fg)}.badge--status-active .badge__dot,.badge--status-live .badge__dot{background:var(--success)}.badge--status-suspended{background-color:var(--danger-tint);color:var(--danger-fg)}.badge--status-suspended .badge__dot{background:var(--danger)}.badge--status-waitlist{background-color:var(--warning-tint);color:var(--warning-fg)}.badge--status-waitlist .badge__dot{background:var(--warning)}.badge--status-pending,.badge--status-draft{background-color:var(--status-draft-tint);color:var(--status-draft-fg)}.badge--status-pending .badge__dot,.badge--status-draft .badge__dot{background:var(--status-draft)}.badge--status-admin{background-color:var(--brand-tint);color:var(--brand-strong)}.badge--status-admin .badge__dot{background:var(--brand)}.badge--status-user-role{background-color:var(--surface-raised);color:var(--text-muted)}.badge--with-dot{gap:5px}.badge__dot{width:6px;height:6px;border-radius:999px;flex-shrink:0}.avatar{width:2rem;height:2rem;border-radius:9999px;background-color:#76ca99;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500}.avatar--sm{width:1.5rem;height:1.5rem;font-size:.75rem}.avatar--lg{width:2.5rem;height:2.5rem;font-size:1rem}.grid{display:grid;gap:1.5rem}.grid--2{grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.grid--2{grid-template-columns:repeat(2,1fr)}}.grid--3{grid-template-columns:repeat(1,1fr)}@media (min-width: 576px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.grid--3{grid-template-columns:repeat(3,1fr)}}.grid--4{grid-template-columns:repeat(1,1fr)}@media (min-width: 576px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid--4{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.grid--4{grid-template-columns:repeat(4,1fr)}}.section{padding:3rem 0}.section--dark{background-color:#0a2540;color:#fff}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4,.section--dark h5,.section--dark h6{color:#fff}.section__header{margin-bottom:2rem}.section__title{font-size:1.75rem;margin-bottom:.5rem}.section__subtitle{color:#6b7280}:root{--dashboard-bg: #f9fafb}:root.dark{--dashboard-bg: #111827}.page{min-height:100vh;display:flex;flex-direction:column;background:var(--dashboard-bg);transition:background-color .2s ease}.page__content{flex:1;padding:2rem 0}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:1100;animation:slideUp .3s ease-out}.toast--success{border-left:4px solid #22c55e}.toast--success svg{color:#22c55e}.toast--error{border-left:4px solid #ef4444}.toast--error svg{color:#ef4444}.toast--warning{border-left:4px solid #f59e0b}.toast--warning svg{color:#f59e0b}.toast--info{border-left:4px solid #76ca99}.toast--info svg{color:#76ca99}.toast__message{font-size:.875rem;color:#374151}.toast__close{background:none;border:none;padding:.25rem;cursor:pointer;color:#9ca3af;transition:color .2s}.toast__close:hover{color:#4b5563}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:2rem;color:#76ca99}.loading-spinner--fullscreen{min-height:100vh}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-fallback{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}.error-fallback__card{max-width:400px;text-align:center}.error-fallback__icon{color:#ef4444;margin-bottom:1rem}.error-fallback__title{font-size:1.25rem;color:#ef4444;margin-bottom:.5rem}.error-fallback__message{color:#6b7280;margin-bottom:1.5rem}.whiteboard-wrapper{height:100%;display:flex;flex-direction:column;flex-grow:1}.whiteboard-container{flex-grow:1;min-height:0}.whiteboard-container>div{height:100%!important;width:100%!important}