:root{color-scheme:dark;--background:#08111f;--background-soft:#0d1729;--surface:rgba(11,20,37,0.78);--surface-strong:rgba(16,28,50,0.88);--surface-solid:#101c31;--foreground:#eef3ff;--muted:#9db0d2;--muted-strong:#c5d4ee;--border:rgba(197,212,238,0.12);--border-strong:rgba(197,212,238,0.22);--primary:#8b5cf6;--primary-strong:#7c3aed;--accent:#38bdf8;--accent-soft:rgba(56,189,248,0.18);--secondary:#22c55e;--danger:#ef4444;--shadow:0 28px 70px rgba(2,8,23,0.42);--shadow-soft:0 16px 32px rgba(2,8,23,0.2);--radius-xl:34px;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--transition:180ms ease}html[data-theme=light]{color-scheme:light;--background:#f4f7fb;--background-soft:#edf2f8;--surface:rgba(255,255,255,0.86);--surface-strong:rgba(255,255,255,0.94);--surface-solid:#ffffff;--foreground:#142033;--muted:#5f6f88;--muted-strong:#33435c;--border:rgba(20,32,51,0.1);--border-strong:rgba(20,32,51,0.18);--primary:#7c3aed;--primary-strong:#6d28d9;--accent:#0284c7;--accent-soft:rgba(2,132,199,0.14);--secondary:#0f766e;--danger:#dc2626;--shadow:0 24px 60px rgba(15,23,42,0.12);--shadow-soft:0 14px 28px rgba(15,23,42,0.08)}*{box-sizing:border-box}body,html{min-height:100%}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 0,color-mix(in srgb,var(--primary) 28%,transparent),transparent 28%),radial-gradient(circle at 100% 0,color-mix(in srgb,var(--accent) 20%,transparent),transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--background) 74%,#020617) 0,var(--background) 45%,color-mix(in srgb,var(--background-soft) 76%,#020617) 100%);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.background-orb{position:fixed;width:28rem;height:28rem;border-radius:999px;filter:blur(72px);pointer-events:none;opacity:.38;z-index:0;animation:float-orb 12s ease-in-out infinite}.orb-one{top:-8rem;left:-6rem;background:rgba(124,58,237,.26)}.orb-two{top:12rem;right:-8rem;background:rgba(56,189,248,.18);animation-delay:-4s}.orb-three{bottom:-8rem;left:20%;background:rgba(34,197,94,.1);animation-delay:-8s}.site-shell{position:relative;z-index:1;width:min(1280px,calc(100% - 48px));margin:0 auto;padding:30px 0 72px}.metric-tile,.mini-card,.panel,.session-pill,.showcase-panel,.signal-pill,.site-header,.task-card,.timeline-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding:22px 24px;margin-bottom:34px;border-radius:var(--radius-xl);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 92%,transparent),color-mix(in srgb,var(--surface) 100%,transparent));box-shadow:var(--shadow)}.brand-block{max-width:38rem}.current-area-pill{display:inline-grid;gap:2px;margin-top:14px;padding:10px 14px;border-radius:16px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 78%,transparent)}.current-area-pill strong{font-size:.95rem}.current-area-pill span{color:var(--muted);font-size:.82rem}.brand{display:inline-block;font-size:1.55rem;font-weight:800;letter-spacing:-.04em}.field-error,.field-success,.form-hint,.hero-copy,.metric-tile small,.mini-card span,.panel p,.section-copy,.showcase-panel span,.signal-pill,.site-tagline,.task-card span{color:var(--muted);line-height:1.68}.actions,.header-tools,.signal-row,.site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.area-switcher-shell{display:grid;grid-gap:6px;gap:6px}.area-switcher-label{font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.header-tools{justify-content:flex-end;gap:14px}.header-tools-structured{align-items:center}.premium-nav{padding:8px;border-radius:999px;border:1px solid rgba(197,212,238,.08);background:rgba(255,255,255,.03)}.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:999px;color:var(--muted-strong);font-weight:600;transition:background-color var(--transition),color var(--transition),transform var(--transition)}.button:hover,.nav-link:hover,.text-link:hover{transform:translateY(-1px)}.nav-link:hover{color:var(--foreground);background:rgba(255,255,255,.06)}.session-pill{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:color-mix(in srgb,var(--primary) 14%,transparent);color:color-mix(in srgb,var(--foreground) 90%,white);font-size:.92rem;font-weight:700}.session-pill-muted{background:rgba(56,189,248,.12);color:#d8f1ff}.list-stack,.stack-lg,.stack-md,.stack-sm,.stack-xl,.timeline-stack{display:flex;flex-direction:column}.stack-xl{gap:40px}.stack-lg{gap:28px}.stack-md{gap:18px}.stack-sm{gap:10px}.list-stack{gap:16px}.timeline-stack{gap:14px}.dashboard-columns,.feature-grid-premium,.field-row,.hero,.hero-metrics,.service-grid,.showcase-mini-grid{display:grid;grid-gap:22px;gap:22px}.dashboard-columns,.hero{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)}.dashboard-columns-asymmetric{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid-premium,.service-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.showcase-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-tile,.panel,.showcase-card,.task-card,.timeline-card{border-radius:var(--radius-lg);background:var(--surface)}.panel,.showcase-card,.task-card,.timeline-card{padding:28px}.panel-highlight,.panel-strong,.premium-surface{background:linear-gradient(180deg,rgba(139,92,246,.16),rgba(12,22,40,.94))}.metric-tile,.mini-card,.panel-elevated,.showcase-panel,.task-card,.timeline-card{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(8,15,29,.68))}.section-band{padding:8px 0 0}.compact-header,.dashboard-hero-top,.section-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.compact-header,.dashboard-hero-top,.section-header-tight{align-items:flex-start}.eyebrow,.section-kicker{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:6px 12px;border-radius:999px;background:rgba(139,92,246,.16);color:#dfd1ff;font-size:.79rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.section-kicker{margin-bottom:8px}dl,h1,h2,h3,ol,p,ul{margin:0}h1{font-size:clamp(2.5rem,5vw,5.1rem);line-height:.98;letter-spacing:-.05em;max-width:11ch}h2{font-size:clamp(1.32rem,2vw,1.64rem);letter-spacing:-.03em}h3{font-size:1.12rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:transform var(--transition),background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}.button:hover{box-shadow:0 12px 24px rgba(124,58,237,.2)}.button-primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:white}.button-secondary{border-color:color-mix(in srgb,var(--foreground) 12%,transparent);background:color-mix(in srgb,var(--surface-solid) 70%,transparent);color:var(--foreground)}.button-compact{min-height:40px;padding:0 14px}.button-danger{background:var(--danger);color:white}.hero-copy-wide{max-width:62ch}.dashboard-hero,.hero-balanced{align-items:stretch}.hero-copy-frame{max-width:44rem}.actions-prominent{gap:14px}.signal-row-soft{gap:10px}.signal-pill{padding:12px 16px;border-radius:999px;background:color-mix(in srgb,var(--surface-solid) 72%,transparent);transition:transform var(--transition),border-color var(--transition),background-color var(--transition)}.metric-tile:hover,.mini-card:hover,.panel-elevated:hover,.showcase-panel:hover,.signal-pill:hover,.task-card:hover,.timeline-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.showcase-board,.showcase-window{display:grid;grid-gap:18px;gap:18px}.showcase-topbar{display:flex;gap:8px}.showcase-dot{width:10px;height:10px;border-radius:999px;background:rgba(197,212,238,.35)}.showcase-panel{border-radius:var(--radius-md);padding:20px}.showcase-panel-main{min-height:196px}.hero-metrics-balanced{align-items:stretch}.metric-tile{padding:20px;border-radius:var(--radius-md);display:grid;grid-gap:8px;gap:8px;position:relative;overflow:hidden}.metric-glow:before{content:"";position:absolute;inset:auto -2rem -2rem auto;width:8rem;height:8rem;border-radius:999px;background:radial-gradient(circle,rgba(139,92,246,.35),transparent 70%)}.metric-label{color:var(--muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.metric-tile strong{font-size:clamp(1.7rem,3vw,2.1rem);letter-spacing:-.05em}.premium-list-item,.task-card,.timeline-card{display:flex;gap:14px;align-items:flex-start;transition:transform var(--transition),border-color var(--transition),background-color var(--transition)}.rank-pill{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:14px;background:rgba(139,92,246,.16);color:#efe6ff;font-weight:800}.premium-list-copy{flex:1 1}.list-stack-relaxed{gap:18px}.mini-card,.task-card,.timeline-card{border-radius:var(--radius-md)}.task-card-advanced{flex-direction:column;gap:18px}.task-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.task-status-column{display:grid;grid-gap:16px;gap:16px;padding:18px;border-radius:var(--radius-md);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 82%,transparent)}.task-status-column-todo{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.task-status-column-progress{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 24%,transparent)}.task-status-column-done{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--secondary) 22%,transparent)}.task-status-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.task-status-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--foreground) 8%,transparent);color:var(--muted-strong);font-weight:800}.task-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.priority-badge,.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;font-size:.82rem;font-weight:800}.priority-low{background:color-mix(in srgb,#94a3b8 18%,transparent);color:color-mix(in srgb,#cbd5e1 84%,var(--foreground))}.priority-medium{background:color-mix(in srgb,#38bdf8 16%,transparent);color:color-mix(in srgb,#38bdf8 74%,var(--foreground))}.priority-high{background:color-mix(in srgb,#f59e0b 16%,transparent);color:color-mix(in srgb,#fbbf24 78%,var(--foreground))}.priority-critical{background:color-mix(in srgb,#f43f5e 16%,transparent);color:color-mix(in srgb,#fb7185 82%,var(--foreground))}.status-todo{background:color-mix(in srgb,var(--accent) 16%,transparent);color:color-mix(in srgb,var(--accent) 76%,var(--foreground))}.status-progress{background:color-mix(in srgb,var(--primary) 16%,transparent);color:color-mix(in srgb,var(--primary) 76%,var(--foreground))}.status-archived,.status-done{background:color-mix(in srgb,var(--secondary) 16%,transparent);color:color-mix(in srgb,var(--secondary) 80%,var(--foreground))}.task-card-todo{border-color:color-mix(in srgb,var(--accent) 16%,var(--border))}.task-card-progress{border-color:color-mix(in srgb,var(--primary) 18%,var(--border))}.task-card-done{border-color:color-mix(in srgb,var(--secondary) 18%,var(--border));background:color-mix(in srgb,var(--surface-solid) 80%,transparent)}.task-title-done{text-decoration:line-through;text-decoration-thickness:2px;color:color-mix(in srgb,var(--foreground) 74%,var(--muted))}.task-copy-done{color:color-mix(in srgb,var(--muted) 92%,var(--foreground))}.task-actions-wrap{align-items:center;justify-content:flex-start}.task-editor{width:100%;padding-top:8px;border-top:1px solid var(--border)}.archived-task-card{opacity:.92}.user-menu-shell{position:relative}.user-menu-trigger{padding:0;border:0;background:transparent;cursor:pointer}.user-name-pill{min-width:-moz-fit-content;min-width:fit-content}.user-menu-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;padding:12px;z-index:20}.user-menu-link{justify-content:flex-start}.user-signout{width:100%}.theme-toggle{min-width:118px}.area-switcher-shell select{min-width:190px}.timeline-line{width:3px;min-height:54px;border-radius:999px;background:linear-gradient(180deg,var(--accent),transparent)}.mini-card{padding:18px}.mini-card-rich{min-height:144px}.agenda-grid,.planner-day-grid{display:grid;grid-gap:18px;gap:18px}.agenda-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.planner-day-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.agenda-block,.planner-day-card{display:grid;grid-gap:12px;gap:12px;padding:18px;border-radius:var(--radius-md);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-solid) 84%,transparent)}.planner-day-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.compact-stack{gap:10px}.account-summary-card,.agenda-card{min-height:unset}.planner-event-line{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--foreground) 5%,transparent)}.user-row-card{gap:16px}.user-badges,.user-row-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.user-badges{justify-content:flex-end}.field-group-toggle .button{width:100%}.service-grid-compact{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.auth-layout{max-width:760px}.auth-form{gap:18px}.field-group{display:grid;grid-gap:8px;gap:8px}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}label{font-weight:700}input,select,textarea{width:100%;padding:14px 16px;border:1px solid rgba(197,212,238,.14);border-radius:var(--radius-sm);background:rgba(255,255,255,.04);color:var(--foreground);transition:border-color var(--transition),transform var(--transition),background-color var(--transition)}textarea{min-height:130px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid rgba(139,92,246,.22);outline-offset:1px;border-color:rgba(139,92,246,.42);background:rgba(255,255,255,.06)}.field-success{color:color-mix(in srgb,var(--secondary) 82%,var(--foreground))}.text-link{color:color-mix(in srgb,var(--accent) 72%,var(--foreground));font-weight:700}html[data-theme=light] .panel-highlight,html[data-theme=light] .panel-strong,html[data-theme=light] .premium-surface{background:linear-gradient(180deg,rgba(124,58,237,.09),rgba(255,255,255,.92))}html[data-theme=light] .metric-tile,html[data-theme=light] .mini-card,html[data-theme=light] .panel-elevated,html[data-theme=light] .showcase-panel,html[data-theme=light] .task-card,html[data-theme=light] .timeline-card{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,247,251,.92))}html[data-theme=light] .premium-nav{background:rgba(255,255,255,.78)}html[data-theme=light] .showcase-dot{background:rgba(20,32,51,.18)}html[data-theme=light] .background-orb{opacity:.24}@keyframes float-orb{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,18px,0)}}@media (max-width:1180px){.site-shell{width:min(1120px,calc(100% - 32px))}.agenda-grid,.dashboard-columns,.dashboard-columns-asymmetric,.hero,.task-status-grid{grid-template-columns:1fr}h1{max-width:13ch}}@media (max-width:840px){.site-shell{width:min(100%,calc(100% - 24px));padding-top:20px}.compact-header,.dashboard-hero-top,.feature-grid-premium,.field-row,.hero-metrics,.section-header,.service-grid,.service-grid-compact,.showcase-mini-grid,.site-header,.task-status-header{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.site-header{padding:18px;gap:20px}.header-tools,.premium-nav{width:100%;justify-content:flex-start}.theme-toggle,.user-menu-shell{width:100%}.user-menu-panel{position:static;min-width:0;width:100%}.button-compact,.nav-link{flex:1 1 auto}h1{font-size:clamp(2.2rem,11vw,3.35rem);line-height:1.02;max-width:none}.panel,.showcase-card,.task-card,.timeline-card{padding:22px}}@media (max-width:560px){.site-shell{width:calc(100% - 18px);padding-bottom:48px}.site-header{border-radius:26px}.session-pill,.signal-pill{width:100%;justify-content:center}.actions,.actions .button,.actions-prominent,.task-actions-wrap .button{width:100%}.metric-tile,.mini-card,.panel,.showcase-card,.task-card,.timeline-card{border-radius:20px}.metric-tile{padding:18px}.rank-pill{min-width:40px;height:40px}}