:root{--color-bg:#f8fafc;--color-bg-elevated:#fff;--color-surface:#ffffffeb;--color-surface-strong:#fff;--color-sidebar:#fff;--color-sidebar-border:#0f172a0f;--color-text:#0f172a;--color-text-muted:#475569;--color-text-soft:#64748b;--color-border:#0f172a14;--color-border-strong:#0f172a1f;--color-primary:#475569;--color-primary-hover:#334155;--color-primary-soft:#4755691f;--color-accent:#64748b;--color-accent-soft:#64748b24;--color-cta-bg:#475569;--color-cta-bg-hover:#334155;--color-cta-text:#fff;--color-focus-ring:#64748b;--color-required:#475569;--color-success:#15803d;--color-success-soft:#15803d1f;--color-danger:#b91c1c;--color-danger-soft:#b91c1c1f;--gradient-card:linear-gradient(180deg,#fffffff5,#ffffffe0)}@media (prefers-color-scheme:dark){:root{--color-bg:#0f172a;--color-bg-elevated:#1e293b;--color-surface:#1e293beb;--color-surface-strong:#1e293b;--color-sidebar:#1e293b;--color-sidebar-border:#f8fafc0f;--color-text:#f8fafc;--color-text-muted:#cbd5e1;--color-text-soft:#94a3b8;--color-border:#f8fafc14;--color-border-strong:#f8fafc1f;--color-primary:#94a3b8;--color-primary-hover:#cbd5e1;--color-primary-soft:#94a3b82e;--color-accent:#cbd5e1;--color-accent-soft:#94a3b833;--color-cta-bg:#64748b;--color-cta-bg-hover:#94a3b8;--color-cta-text:#f8fafc;--color-focus-ring:#94a3b8;--color-required:#94a3b8;--color-success:#4ade80;--color-success-soft:#4ade802e;--color-danger:#f87171;--color-danger-soft:#f871712e;--gradient-card:linear-gradient(180deg,#1e293bfa,#1e293beb)}}html[data-theme=light]{--color-bg:#f8fafc;--color-bg-elevated:#fff;--color-surface:#ffffffeb;--color-surface-strong:#fff;--color-sidebar:#fff;--color-sidebar-border:#0f172a0f;--color-text:#0f172a;--color-text-muted:#475569;--color-text-soft:#64748b;--color-border:#0f172a14;--color-border-strong:#0f172a1f;--color-primary:#475569;--color-primary-hover:#334155;--color-primary-soft:#4755691f;--color-accent:#64748b;--color-accent-soft:#64748b24;--color-cta-bg:#475569;--color-cta-bg-hover:#334155;--color-cta-text:#fff;--color-focus-ring:#64748b;--color-required:#475569;--color-success:#15803d;--color-success-soft:#15803d1f;--color-danger:#b91c1c;--color-danger-soft:#b91c1c1f;--gradient-card:linear-gradient(180deg,#fffffff5,#ffffffe0)}html[data-theme=dark]{--color-bg:#0f172a;--color-bg-elevated:#1e293b;--color-surface:#1e293beb;--color-surface-strong:#1e293b;--color-sidebar:#1e293b;--color-sidebar-border:#f8fafc0f;--color-text:#f8fafc;--color-text-muted:#cbd5e1;--color-text-soft:#94a3b8;--color-border:#f8fafc14;--color-border-strong:#f8fafc1f;--color-primary:#94a3b8;--color-primary-hover:#cbd5e1;--color-primary-soft:#94a3b82e;--color-accent:#cbd5e1;--color-accent-soft:#94a3b833;--color-cta-bg:#64748b;--color-cta-bg-hover:#94a3b8;--color-cta-text:#f8fafc;--color-focus-ring:#94a3b8;--color-required:#94a3b8;--color-success:#4ade80;--color-success-soft:#4ade802e;--color-danger:#f87171;--color-danger-soft:#f871712e;--gradient-card:linear-gradient(180deg,#1e293bfa,#1e293beb)}:root{--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--shadow-sm:0 1px 2px #1c19170a;--shadow-md:0 4px 12px #1c19170f,0 2px 4px #1c19170a;--shadow-lg:0 12px 40px #1c191714,0 4px 12px #1c19170a;--shadow-focus:0 0 0 3px #64748b59}@media (prefers-color-scheme:dark){:root{--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #00000040,0 2px 4px #00000026;--shadow-lg:0 12px 40px #0000004d,0 4px 12px #0003;--shadow-focus:0 0 0 3px #94a3b866}}html[data-theme=dark]{--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #00000040,0 2px 4px #00000026;--shadow-lg:0 12px 40px #0000004d,0 4px 12px #0003;--shadow-focus:0 0 0 3px #94a3b866}:root{--header-block-height:3.5rem;--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.6;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--transition-fast:150ms ease;--transition-base:220ms ease;--transition-slow:320ms ease}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-base:0ms;--transition-slow:0ms}}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}.dashboard,body{min-height:100vh}.dashboard{display:flex;overflow-x:hidden}.sidebar-overlay{background:#1c191766;display:none;inset:0;opacity:0;position:fixed;transition:opacity var(--transition-base);z-index:40}.dashboard.sidebar-open .sidebar-overlay{display:block;opacity:1}@media (prefers-color-scheme:dark){.sidebar-overlay{background:#00000080}}html[data-theme=dark] .sidebar-overlay{background:#00000080}.dashboard__sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-sidebar-border);display:flex;flex-direction:column;height:100vh;left:0;max-width:16rem;min-width:16rem;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:transform var(--transition-base);width:16rem;z-index:50}.dashboard__sidebar-brand{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;height:var(--header-block-height);min-height:var(--header-block-height);padding:0 var(--space-lg)}.dashboard__sidebar-brand a{align-items:center;color:var(--color-text);display:inline-flex;font-size:var(--font-size-lg);font-weight:700;gap:var(--space-sm);letter-spacing:-.02em;text-decoration:none;transition:color var(--transition-fast)}.dashboard__sidebar-brand a:hover{color:var(--color-primary)}.dashboard__sidebar-brand .logo-img{border-radius:var(--radius-md);display:block;height:1.75rem;object-fit:contain;width:1.75rem}.dashboard__sidebar-brand .logo-text{display:inline-block}.dashboard__nav{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow-x:hidden;overflow-y:auto;padding:var(--space-md) 0}.dashboard__nav-section{margin-bottom:var(--space-lg)}.dashboard__nav-section:first-child{flex:1 1;min-height:0}.dashboard__nav-section:last-child{margin-bottom:0}.dashboard__nav-section-title{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;margin:0 0 var(--space-xs);padding:0 var(--space-lg);text-transform:uppercase}.dashboard__nav-list{list-style:none;margin:0;padding:0}.dashboard__nav-item a{align-items:center;border-left:3px solid #0000;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-sm);margin-left:var(--space-lg);min-width:0;padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.dashboard__nav-item a:hover{background:var(--color-primary-soft);color:var(--color-text)}.dashboard__nav-item a[aria-current=page]{background:var(--color-primary-soft);border-left-color:var(--color-primary);color:var(--color-primary)}.dashboard__nav-item .nav-icon{align-items:center;display:flex;flex-shrink:0;height:1.25rem;justify-content:center;width:1.25rem}.dashboard__nav-item .nav-icon svg{height:100%;width:100%}.dashboard__sidebar-footer{border-top:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-md);padding:var(--space-lg)}.sidebar-logout{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-sm);justify-content:center;padding:var(--space-sm) var(--space-md);transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);width:100%}.sidebar-logout:hover{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.sidebar-logout:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dashboard__user{align-items:center;display:flex;gap:var(--space-sm)}.dashboard__user-avatar{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-cta-text);display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;height:2.25rem;justify-content:center;width:2.25rem}.dashboard__user-info{min-width:0}.dashboard__user-name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard__user-role{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.dashboard__main{display:flex;flex:1 1;flex-direction:column;margin-left:16rem;min-height:100vh;min-width:0}.dashboard__header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);height:var(--header-block-height);min-height:var(--header-block-height);padding:0 var(--space-xl);position:-webkit-sticky;position:sticky;top:0;z-index:30}.sidebar-toggle{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;display:none;height:2.5rem;justify-content:center;padding:0;transition:background var(--transition-fast),border-color var(--transition-fast);width:2.5rem}.sidebar-toggle:hover{background:var(--color-primary-soft)}.sidebar-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.sidebar-toggle svg{height:1.25rem;width:1.25rem}.dashboard__header-title{color:var(--color-text);flex:1 1;font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.02em;margin:0}.dashboard__header-actions{align-items:center;display:flex;gap:var(--space-sm)}.dashboard__content{flex:1 1;padding:var(--space-xl)}.stat-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));margin-bottom:var(--space-xl)}.overview-grid{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:1fr}@media (min-width:64rem){.overview-grid{grid-template-columns:1.2fr 1fr}}.mt-2{margin-top:var(--space-xl)}@media (max-width:63.9375rem){.dashboard__sidebar{transform:translateX(-100%)}.dashboard.sidebar-open .dashboard__sidebar{transform:translateX(0)}.dashboard__main{margin-left:0}.sidebar-toggle{display:inline-flex}}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-sm);justify-content:center;line-height:1.25;padding:.625rem 1.25rem;text-align:center;text-decoration:none;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn--sm{font-size:var(--font-size-xs);padding:.375rem .875rem}.btn--primary{background:var(--color-cta-bg);border-color:#0000;box-shadow:var(--shadow-sm);color:var(--color-cta-text)}.btn--primary:hover{background:var(--color-cta-bg-hover);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--color-bg-elevated);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.btn--ghost{background:#0000;color:var(--color-text-muted)}.btn--ghost:hover{background:var(--color-primary-soft);color:var(--color-primary)}.btn--danger{background:var(--color-danger);border-color:#0000;color:var(--color-cta-text)}.btn--danger:hover{background:var(--color-primary-hover)}.theme-toggle{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:inline-flex;height:2.25rem;justify-content:center;padding:0;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);width:2.25rem}.theme-toggle:hover{background:var(--color-primary-soft);border-color:var(--color-border);color:var(--color-text)}.theme-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.theme-toggle svg{height:1.125rem;width:1.125rem}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,html[data-theme=dark] .theme-toggle .icon-sun{display:block}html[data-theme=dark] .theme-toggle .icon-moon{display:none}@media (prefers-color-scheme:dark){html:not([data-theme]) .theme-toggle .icon-sun{display:block}html:not([data-theme]) .theme-toggle .icon-moon{display:none}}.stat-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.stat-card--accent{background:linear-gradient(180deg,#fffffffa,#f1f5f9f2);border-color:var(--color-primary-soft)}@media (prefers-color-scheme:dark){.stat-card--accent{background:linear-gradient(180deg,#1e293bfa,#33415566)}}html[data-theme=dark] .stat-card--accent{background:linear-gradient(180deg,#1e293bfa,#33415566)}.stat-card__label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.04em;margin:0 0 var(--space-xs);text-transform:uppercase}.stat-card__value{color:var(--color-text);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.03em;line-height:var(--line-height-tight);margin:0 0 var(--space-xs)}.stat-card__trend{color:var(--color-text-soft);font-size:var(--font-size-xs)}.stat-card__trend--up{color:var(--color-success)}.value-hero{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);padding:var(--space-xl)}.value-hero__title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.02em;line-height:var(--line-height-tight);margin:0 0 var(--space-md)}.value-hero__badge{background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-cta-text);display:inline-block;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;margin-bottom:var(--space-sm);padding:.2rem .5rem;text-transform:uppercase}.value-hero__comparison,.value-hero__message{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-sm)}.value-hero__comparison:last-of-type,.value-hero__message:last-of-type{margin-bottom:0}.value-hero__highlight{color:var(--color-primary);font-weight:600}.value-hero__comparison strong{color:var(--color-text)}.card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.card--elevated{box-shadow:var(--shadow-md)}.card:hover{border-color:var(--color-border-strong)}.card__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;padding:var(--space-lg) var(--space-xl)}.card__title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.02em;margin:0}.card__body{padding:var(--space-xl)}.card__body:empty{padding:0}.page-content{margin:0 auto;max-width:56rem}.page-content .page-section{margin-bottom:var(--space-xl)}.page-content .page-section:last-child{margin-bottom:0}.page-section__title{color:var(--color-text);font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--space-md)}.page-section__subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0 0 var(--space-md)}.list-minimal{list-style:none;margin:0;padding:0}.list-minimal li{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-sm) 0}.list-minimal li:last-child{border-bottom:none}.list-minimal .list-minimal__meta{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-top:var(--space-xs)}.input-search{background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);max-width:20rem;padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast);width:100%}.input-search:focus{border-color:var(--color-focus-ring);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.badge{background:var(--color-primary-soft);border-radius:var(--radius-full);color:var(--color-text-muted);font-weight:500;padding:var(--space-xs) var(--space-sm)}.reach-chart{align-items:flex-end;display:flex;gap:var(--space-md);min-height:12rem;padding:var(--space-md) 0}.reach-chart__bar-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-xs);min-width:0}.reach-chart__value{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;order:1}.reach-chart__bar{background:var(--color-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;max-width:3rem;min-height:2rem;order:2;transition:height var(--transition-base);width:100%}.reach-chart__label{color:var(--color-text-soft);font-size:var(--font-size-xs);order:3}.reach-chart__legend{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:var(--space-md) 0 0;text-align:center}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.table td,.table th{border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-lg);text-align:left}.table th{background:var(--color-surface);color:var(--color-text-muted);font-weight:600}.table tbody tr:hover{background:var(--color-primary-soft)}.table tbody tr:last-child td{border-bottom:none}.cell--muted{color:var(--color-text-muted)}.badges{display:inline-flex;flex-wrap:wrap;gap:var(--space-xs)}.badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:600;line-height:1.25;padding:.2rem .5rem;white-space:nowrap}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--primary{background:var(--color-primary);color:var(--color-cta-text)}.activity-list{list-style:none;margin:0;padding:0}.activity-list__item{border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);padding:var(--space-md) 0}.activity-list__item:last-child{border-bottom:none;padding-bottom:0}.activity-list__item:first-child{padding-top:0}.activity-list__icon{align-items:center;background:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary);display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.activity-list__icon svg{height:1.25rem;width:1.25rem}.activity-list__content{min-width:0}.activity-list__title{color:var(--color-text);font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--space-xs)}.activity-list__meta{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.tabs{border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.tabs__item{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);font-weight:500;padding:var(--space-sm) var(--space-md);transition:color var(--transition-fast),background var(--transition-fast)}.tabs__item:hover{background:var(--color-primary-soft);color:var(--color-text)}.tabs__item.is-active{background:var(--color-primary-soft);color:var(--color-primary)}.tabs__item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.form-group{margin-bottom:var(--space-lg)}.form-group:last-child{margin-bottom:0}.form-label{color:var(--color-text);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-xs)}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea,.form-input{background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);padding:.625rem 1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-group textarea::placeholder,.form-input::placeholder{color:var(--color-text-soft)}.form-group input:hover,.form-group textarea:hover,.form-input:hover{border-color:var(--color-text-soft)}.form-group input:focus,.form-group textarea:focus,.form-input:focus{border-color:var(--color-focus-ring);box-shadow:var(--shadow-focus);outline:none}.form-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.4;margin:var(--space-xs) 0 0}.form-group textarea{min-height:6rem;resize:vertical}.form-group input[type=checkbox]{accent-color:var(--color-primary);width:auto}.form-group label[style*="display: flex"],.form-row-checkbox{align-items:center;cursor:pointer;display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.form-row-checkbox input[type=checkbox]{flex-shrink:0}.text-muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.text-success{color:var(--color-success)}.link-subtle{color:var(--color-text-soft);font-size:inherit;text-decoration:none;transition:color var(--transition-fast)}.link-subtle:hover{color:var(--color-primary)}.link-subtle:focus-visible{border-radius:2px;outline:2px solid var(--color-focus-ring);outline-offset:2px}.mb-2{margin-bottom:var(--space-md)}.subs-two-col{grid-gap:var(--space-lg);align-items:stretch;display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr;margin-bottom:var(--space-xl)}@media (max-width:52rem){.subs-two-col{grid-template-columns:1fr}}.subs-col{display:flex;flex-direction:column;min-height:0}.subs-col__header{flex-wrap:wrap;gap:var(--space-sm)!important}.subs-col__title{min-width:0;overflow-wrap:break-word;word-break:break-word}.subs-col__body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:var(--space-lg)!important}.subs-col__logo-arold{border-radius:var(--radius-sm);flex-shrink:0;height:1.625rem;object-fit:contain;transition:transform .25s ease-out;width:1.625rem}.subs-col__logo-arold--pulse{animation:logo-pulse .7s ease-out 1}@keyframes logo-pulse{0%{opacity:1;transform:scale(1)}25%{opacity:.95;transform:scale(1.35)}50%{opacity:1;transform:scale(1.1)}75%{opacity:1;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.infobulle-wrap{display:inline-flex;position:relative;vertical-align:middle}.infobulle{align-items:center;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:help;display:inline-flex;flex-shrink:0;height:1.25rem;justify-content:center;transition:color var(--transition-fast);width:1.25rem}.infobulle-wrap:hover .infobulle{color:var(--color-primary)}.infobulle-tooltip{background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text);font-size:var(--font-size-xs);left:50%;line-height:1.5;max-width:90vw;padding:var(--space-md);pointer-events:none;position:absolute;text-align:left;top:calc(100% + .5rem);transform:translateX(-50%);width:18rem;z-index:100}.infobulle-tooltip p{font-size:inherit;line-height:inherit;margin:0}@media (max-width:52rem){.card__header,.subs-col__header{flex-wrap:wrap}.card__title,.subs-col__title{max-width:100%;width:100%}}.subs-list{list-style:none;margin:0;max-height:22rem;overflow-y:auto;padding:0}.subs-row{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--space-sm);padding:.5rem .375rem;transition:background var(--transition-fast)}.subs-row:hover{background:var(--color-primary-soft)}.subs-row__name{color:var(--color-text);flex:1 1;font-size:var(--font-size-sm);font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subs-row__pill{align-items:center;border-radius:var(--radius-full);display:inline-flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;gap:.25rem;padding:.2rem .6rem;white-space:nowrap}.subs-row__pill--followed{background:var(--color-success-soft);color:var(--color-success)}.subs-row__action-btn{flex-shrink:0;white-space:nowrap}.subs-row__remove-btn{color:var(--color-text-muted);flex-shrink:0;opacity:0;padding:.25rem .375rem!important;transition:opacity var(--transition-fast),color var(--transition-fast)}.subs-row:hover .subs-row__remove-btn{opacity:1}.subs-row__remove-btn:hover{background:var(--color-danger-soft)!important;color:var(--color-danger)!important}.debrief-summary{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.debrief-summary__count{color:var(--color-text);font-weight:600}.debrief-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));list-style:none;margin:0;padding:0}.debrief-card{margin:0}.debrief-card__link{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);text-decoration:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.debrief-card__link:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.debrief-card__channel{align-items:center;display:flex;gap:var(--space-sm);min-width:0}.debrief-card__channel-img{object-fit:cover}.debrief-card__channel-img,.debrief-card__channel-initial{border-radius:50%;flex-shrink:0;height:1.75rem;width:1.75rem}.debrief-card__channel-initial{align-items:center;background:var(--color-primary-soft);color:var(--color-primary);display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center}.debrief-card__channel-name{color:var(--color-text);font-size:var(--font-size-xs);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debrief-card__video{display:flex;gap:var(--space-sm);min-width:0}.debrief-card__video-img{border-radius:var(--radius-sm);height:2.75rem;min-width:5rem;object-fit:cover;width:5rem}.debrief-card__video-info{flex:1 1;min-width:0}.debrief-card__video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text);display:-webkit-box;font-size:var(--font-size-xs);font-weight:500;line-height:1.35;overflow:hidden}.debrief-card__video-date{color:var(--color-text-muted);display:block;font-size:.65rem;margin-top:.2rem}.card .card__body ul:not([class]),.page-section ul.list-muted{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.7;margin:0;padding-left:1.25rem}.card .card__body ul:not([class]) li,.page-section ul.list-muted li{margin-bottom:var(--space-xs)}.loading-screen{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-base);justify-content:center;min-height:100vh;padding:var(--space-xl)}.auth-landing{--color-bg:#fefafa;--color-bg-elevated:#fff;--color-surface:#ffffffc7;--color-surface-strong:#fff;--color-text:#1c1917;--color-text-muted:#57534e;--color-text-soft:#78716c;--color-border:#1c191714;--color-border-strong:#1c19171f;--color-primary:#b91c1c;--color-primary-hover:#991b1b;--color-primary-soft:#b91c1c1a;--color-cta-bg:#b91c1c;--color-cta-bg-hover:#991b1b;--color-cta-text:#fef2f2;--color-focus-ring:#dc2626;--color-required:#b91c1c;--gradient-card:linear-gradient(180deg,#ffffffe0,#ffffffb8);--shadow-sm:0 1px 2px #1c19170a;--shadow-md:0 4px 12px #1c19170f,0 2px 4px #1c19170a;--shadow-lg:0 12px 40px #1c191714,0 4px 12px #1c19170a;--shadow-focus:0 0 0 3px #dc262659;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-2xl:1.25rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--transition-fast:150ms ease;--transition-base:220ms ease;--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html[data-theme=dark] .auth-landing{--color-bg:#1c1917;--color-bg-elevated:#292524;--color-surface:#292524c7;--color-text:#fafaf9;--color-text-muted:#d6d3d1;--color-text-soft:#a8a29e;--color-border:#fafaf914;--color-border-strong:#fafaf91f;--color-primary:#f87171;--color-primary-hover:#fca5a5;--color-primary-soft:#f8717126;--color-cta-bg:#fef2f2;--color-cta-bg-hover:#fee2e2;--color-cta-text:#1c1917;--color-focus-ring:#f87171;--gradient-card:linear-gradient(180deg,#292524e6,#292524c7)}.auth-landing{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);min-height:100vh;position:relative}.auth-landing .site-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:50}.auth-landing .header-inner{flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;margin:0 auto;max-width:72rem;padding:var(--space-md) var(--space-lg)}.auth-landing .header-inner,.auth-landing .nav-main{align-items:center;display:flex}.auth-landing .nav-main ul{display:flex;gap:var(--space-lg);list-style:none;margin:0;padding:0}.auth-landing .nav-main a{border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.9375rem;font-weight:500;padding:var(--space-xs) var(--space-sm);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast)}.auth-landing .nav-main a:hover{background:var(--color-primary-soft);color:var(--color-text)}.auth-landing .nav-main a[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary)}.auth-landing .header-controls{align-items:center;display:flex;flex-shrink:0;gap:var(--space-xs);margin-left:var(--space-sm)}.auth-landing .cta-header{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:9999px;color:var(--color-text-muted);display:inline-flex;font-size:.875rem;font-weight:500;height:2.25rem;justify-content:center;padding:0 .75rem;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.auth-landing .cta-header:hover{background:var(--color-primary-soft);border-color:var(--color-border);color:var(--color-text)}.auth-landing .cta-header:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.auth-landing .cta-header[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary)}.auth-landing .theme-toggle{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:9999px;color:var(--color-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;height:2.25rem;justify-content:center;margin:0;padding:0;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);width:2.25rem}.auth-landing .theme-toggle:hover{background:var(--color-primary-soft);border-color:var(--color-border);color:var(--color-text)}.auth-landing .theme-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.auth-landing .theme-toggle svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:1.125rem;width:1.125rem}.auth-landing .theme-toggle .icon-sun{display:none}.auth-landing .theme-toggle .icon-moon,html[data-theme=dark] .auth-landing .theme-toggle .icon-sun{display:block}html[data-theme=dark] .auth-landing .theme-toggle .icon-moon{display:none}@media (max-width:47.9375rem){.auth-landing .nav-main ul{border-top:1px solid var(--color-border);flex-direction:column;gap:0;margin-top:var(--space-sm);padding:var(--space-md) 0}.auth-landing .nav-main a{display:block;padding:var(--space-md) 0}}.auth-landing .logo{align-items:center;color:var(--color-text);display:inline-flex;font-size:1.25rem;font-weight:700;gap:var(--space-sm);letter-spacing:-.02em;text-decoration:none;transition:color var(--transition-fast)}.auth-landing .logo:hover{color:var(--color-primary)}.auth-landing .logo-img{border-radius:var(--radius-md);display:block;flex-shrink:0;height:2rem;object-fit:contain;width:2rem}.auth-landing .main--auth{align-items:flex-start;display:flex;justify-content:center;margin-left:auto;margin-right:auto;max-width:28rem;min-height:calc(100vh - 12rem);padding:var(--space-md) var(--space-lg);position:relative;z-index:1}.auth-landing .auth-page{width:100%}.auth-landing .auth-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:var(--space-lg);position:relative}.auth-landing .auth-title{color:var(--color-text);font-size:clamp(1.25rem,3.5vw,1.5rem);font-weight:700;letter-spacing:-.03em;margin:0 0 .125rem;text-align:center}.auth-landing .auth-subtitle{color:var(--color-text-muted);font-size:.875rem;margin:0 0 var(--space-md);text-align:center}.auth-landing .auth-role-switch{background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);display:flex;gap:0;margin-bottom:var(--space-md);padding:var(--space-xs);width:100%}.auth-landing .auth-role-btn{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;flex:1 1;font-family:inherit;font-size:.875rem;font-weight:600;padding:.625rem .75rem;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.auth-landing .auth-role-btn:hover{color:var(--color-text)}.auth-landing .auth-role-btn[aria-pressed=true]{background:var(--color-primary);border:1px solid var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-cta-text)}.auth-landing .auth-panel{display:none}.auth-landing .auth-panel[aria-hidden=false]{display:block}.auth-landing .auth-panel-desc{color:var(--color-text-muted);font-size:.9375rem;line-height:1.55;margin:0 0 var(--space-lg)}.auth-landing .auth-form .form-group{margin-bottom:var(--space-md)}.auth-landing .auth-form .form-group:last-of-type{margin-bottom:var(--space-lg)}.auth-landing .auth-password-row{position:relative}.auth-landing .auth-forgot{color:var(--color-primary);display:block;font-size:.8125rem;font-weight:500;margin-top:var(--space-xs);text-decoration:none}.auth-landing .auth-forgot:hover{text-decoration:underline}.auth-landing .auth-submit{font-size:.9375rem;padding:.75rem 1rem;width:100%}.auth-landing .auth-divider{color:var(--color-text-soft);font-size:.8125rem;margin:var(--space-md) 0;text-align:center}.auth-landing .auth-divider span{padding:0 var(--space-sm)}.auth-landing .auth-social{display:flex;flex-direction:column;gap:var(--space-sm)}.auth-landing .auth-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:var(--space-sm);justify-content:center;padding:.625rem 1rem;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.auth-landing .auth-btn:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary)}.auth-landing .auth-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.auth-landing .auth-btn:disabled{cursor:default;opacity:.85}.auth-landing .auth-btn-icon{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.auth-landing .auth-btn-google .auth-btn-icon{color:#ea4335}.auth-landing .auth-trust{align-items:flex-start;border-top:1px solid var(--color-border);color:var(--color-text-soft);display:flex;font-size:.75rem;gap:var(--space-sm);line-height:1.4;margin:var(--space-md) 0 0;padding-top:var(--space-md)}.auth-landing .auth-trust-icon{color:var(--color-primary);flex-shrink:0;margin-top:.125rem}.auth-landing .auth-trust a{color:var(--color-primary);font-weight:500;text-decoration:none}.auth-landing .auth-trust a:hover{text-decoration:underline}.auth-landing .form-group label{color:var(--color-text);display:block;font-size:.9375rem;font-weight:600;margin-bottom:var(--space-xs)}.auth-landing .form-group input{background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.auth-landing .form-group input::placeholder{color:var(--color-text-soft)}.auth-landing .form-group input:focus{border-color:var(--color-focus-ring);box-shadow:var(--shadow-focus);outline:none}.auth-landing .cta-primary{background:var(--color-cta-bg);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-cta-text);cursor:pointer;font-weight:600;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.auth-landing .cta-primary:hover{background:var(--color-cta-bg-hover);box-shadow:var(--shadow-lg)}.auth-landing .required{color:var(--color-required)}.auth-landing .skip-link{background:var(--color-bg-elevated);border-radius:var(--radius-md);color:var(--color-text);font-weight:600;left:-9999px;padding:var(--space-sm) var(--space-md);position:absolute;text-decoration:none;z-index:100}.auth-landing .skip-link:focus{left:var(--space-md);outline:2px solid var(--color-focus-ring);outline-offset:2px;top:var(--space-md)}.auth-landing .site-footer{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto;padding:var(--space-2xl) var(--space-lg);position:relative;z-index:1}.auth-landing .footer-inner{margin:0 auto;max-width:72rem;text-align:center}.auth-landing .footer-nav ul{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;list-style:none;margin:0 0 var(--space-md);padding:0}.auth-landing .footer-nav a{color:var(--color-text-muted);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.auth-landing .footer-nav a:hover{color:var(--color-primary)}.auth-landing .footer-legal{color:var(--color-text-soft);font-size:.875rem;margin:0 0 var(--space-xs)}.auth-landing .footer-legal a{color:var(--color-text-soft);text-decoration:none;transition:color var(--transition-fast)}.auth-landing .footer-legal a:hover{color:var(--color-primary)}.auth-landing .footer-copy{color:var(--color-text-soft);font-size:.8125rem;margin:0}.auth-landing .footer-dev{color:var(--color-text-soft);font-size:.8125rem;margin:var(--space-xs) 0 0}.auth-landing .footer-dev a{color:var(--color-text-soft);text-decoration:none;transition:color var(--transition-fast)}.auth-landing .footer-dev a:hover{color:var(--color-primary)}.auth-landing .bg-constellation{--constellation-nucleus:#b91c1c80;--constellation-nucleus-glow:#dc262640;--constellation-play-icon:#ffffffe6;--constellation-electron:#dc262673;--constellation-electron-glow:#dc262633}html[data-theme=dark] .auth-landing .bg-constellation{--constellation-nucleus:#f8717173;--constellation-nucleus-glow:#fca5a533;--constellation-electron:#fca5a580;--constellation-electron-glow:#f8717140}.auth-landing .bg-constellation{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.auth-landing .bg-constellation .nucleus-system{height:0;left:50%;left:var(--sys-x,50%);position:absolute;top:50%;top:var(--sys-y,50%);transform:translate(-50%,-50%);width:0}.auth-landing .bg-constellation .nucleus{align-items:center;background:var(--constellation-nucleus);border-radius:3px;box-shadow:0 0 16px var(--constellation-nucleus-glow);display:flex;height:16px;height:var(--nucleus-height,16px);justify-content:center;left:50%;margin-left:-13px;margin-left:calc(var(--nucleus-width, 26px)/-2);margin-top:-8px;margin-top:calc(var(--nucleus-height, 16px)/-2);position:absolute;top:50%;width:26px;width:var(--nucleus-width,26px)}.auth-landing .bg-constellation .nucleus-play{border-color:#0000 #0000 #0000 var(--constellation-play-icon);border-style:solid;border-width:5px 0 5px 8px;height:0;margin-left:2px;width:0}.auth-landing .bg-constellation .orbit{animation:auth-constellation-orbit 25s linear infinite;animation:auth-constellation-orbit var(--orbit-duration,25s) linear infinite;animation-delay:0s;animation-delay:var(--orbit-delay,0s);height:0;left:50%;position:absolute;top:50%;transform-origin:center center;width:0}.auth-landing .bg-constellation .orbit--reverse{animation-direction:reverse}.auth-landing .bg-constellation .notification-line{animation:auth-constellation-notify 4s ease-in-out infinite;animation:auth-constellation-notify var(--notify-duration,4s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--notify-delay,0s);background-image:linear-gradient(90deg,#0000 0,#0000 8%,var(--constellation-nucleus) 12%,var(--constellation-electron) 60%,#0000 100%),linear-gradient(90deg,#0000 0,var(--constellation-electron) 45%,var(--constellation-electron) 55%,#0000 100%);background-position:0 0,-28% 0;background-repeat:no-repeat;background-size:100% 100%,28% 100%;height:1px;left:0;margin-top:-.5px;opacity:.35;position:absolute;top:50%;transform-origin:0 50%;width:40vmin;width:var(--orbit-radius,40vmin)}.auth-landing .bg-constellation .electron{animation:auth-constellation-electron-star 4s ease-in-out infinite;animation:auth-constellation-electron-star var(--notify-duration,4s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--notify-delay,0s);background:var(--constellation-electron);border-radius:50%;box-shadow:0 0 8px var(--constellation-electron-glow);height:6px;height:var(--electron-size,6px);left:0;margin-left:-3px;margin-left:calc(var(--electron-size, 6px)/-2);margin-top:-3px;margin-top:calc(var(--electron-size, 6px)/-2);position:absolute;top:50%;transform:translateX(40vmin);transform:translateX(var(--orbit-radius,40vmin));transform-origin:50% 50%;width:6px;width:var(--electron-size,6px)}@keyframes auth-constellation-orbit{to{transform:rotate(1turn)}}@keyframes auth-constellation-notify{0%{background-position:0 0,-28% 0}to{background-position:0 0,128% 0}}@keyframes auth-constellation-electron-star{0%,65%,to{box-shadow:0 0 8px var(--constellation-electron-glow);transform:translateX(40vmin) scale(1);transform:translateX(var(--orbit-radius,40vmin)) scale(1)}72%,82%{box-shadow:0 0 20px var(--constellation-electron-glow),0 0 40px var(--constellation-electron-glow);transform:translateX(40vmin) scale(1.5);transform:translateX(var(--orbit-radius,40vmin)) scale(1.5)}}@media (prefers-reduced-motion:reduce){.auth-landing .bg-constellation .orbit{animation:none}.auth-landing .bg-constellation .notification-line{animation:none;opacity:.3}.auth-landing .bg-constellation .electron{animation:none}}
/*# sourceMappingURL=main.7532c304.css.map*/