:root{--tr-midnight:#060c18;--tr-navy:#0a1628;--tr-navy-mid:#1e2d4a;--tr-navy-light:#2a3f6a;--tr-ice:#7ec8e3;--tr-steel:#4a9abe;--tr-frost:#b8e4f4;--tr-ice-white:#e8f6fb;--tr-success:#22a76a;--tr-success-bg:#e6f7f0;--tr-success-border:#9de3c5;--tr-warning:#d4860b;--tr-warning-bg:#fef3e0;--tr-warning-border:#f5c97a;--tr-danger:#d63d3d;--tr-danger-bg:#fceaea;--tr-danger-border:#f0a8a8;--tr-info:#1a6b8a;--tr-info-bg:#e8f6fb;--tr-info-border:#7ec8e3;--tr-bg:#fff;--tr-bg-surface:#f4fafd;--tr-bg-raised:#fff;--tr-bg-overlay:#e8f6fb;--tr-text:#0d1f3c;--tr-text-muted:#3a5a7a;--tr-text-subtle:#7aabb8;--tr-text-inverse:#e8f4fb;--tr-border:#1a6b8a26;--tr-border-mid:#1a6b8a40;--tr-border-strong:#1a6b8a66;--tr-accent:var(--tr-ice);--tr-accent-hover:var(--tr-steel);--tr-accent-text:#0a1628;--tr-accent-subtle:#7ec8e31f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-loose:1.8;--tracking-tight:-.03em;--tracking-snug:-.02em;--tracking-normal:0;--tracking-wide:.08em;--tracking-wider:.12em;--tracking-widest:.16em;--shadow-sm:0 1px 3px #060c1814;--shadow-md:0 4px 12px #060c181a;--shadow-lg:0 8px 24px #060c181f;--transition-fast:.1s ease;--transition-base:.18s ease;--transition-slow:.3s ease;--z-base:0;--z-raised:10;--z-dropdown:200;--z-sticky:300;--z-modal:400;--z-toast:500}[data-theme=dark],.theme-dark{--tr-bg:#060c18;--tr-bg-surface:#0a1628;--tr-bg-raised:#1e2d4a;--tr-bg-overlay:#2a3f6a;--tr-text:#e8f4fb;--tr-text-muted:#7ec8e3;--tr-text-subtle:#4a6a9a;--tr-text-inverse:#0d1f3c;--tr-border:#7ec8e31f;--tr-border-mid:#7ec8e333;--tr-border-strong:#7ec8e359;--tr-accent-text:#060c18;--tr-success-bg:#22a76a26;--tr-success-border:#22a76a4d;--tr-warning-bg:#d4860b26;--tr-warning-border:#d4860b4d;--tr-danger-bg:#d63d3d26;--tr-danger-border:#d63d3d4d;--tr-info-bg:#7ec8e31a;--tr-info-border:#7ec8e340}@media (prefers-color-scheme:dark){:root{--tr-bg:#060c18;--tr-bg-surface:#0a1628;--tr-bg-raised:#1e2d4a;--tr-bg-overlay:#2a3f6a;--tr-text:#e8f4fb;--tr-text-muted:#7ec8e3;--tr-text-subtle:#4a6a9a;--tr-text-inverse:#0d1f3c;--tr-border:#7ec8e31f;--tr-border-mid:#7ec8e333;--tr-border-strong:#7ec8e359;--tr-accent-text:#060c18;--tr-success-bg:#22a76a26;--tr-success-border:#22a76a4d;--tr-warning-bg:#d4860b26;--tr-warning-border:#d4860b4d;--tr-danger-bg:#d63d3d26;--tr-danger-border:#d63d3d4d;--tr-info-bg:#7ec8e31a;--tr-info-border:#7ec8e340}}[data-theme=warm-sand]{--tr-bg:#faf8f4;--tr-bg-surface:#f2ede4;--tr-bg-raised:#fff;--tr-bg-overlay:#ede5d8;--tr-text:#2c1f0e;--tr-text-muted:#6b4c2a;--tr-text-subtle:#a08060;--tr-border:#2c1f0e1f;--tr-border-mid:#2c1f0e38;--tr-border-strong:#2c1f0e59;--tr-accent:#c17a3a;--tr-accent-hover:#a86528;--tr-accent-text:#fff;--tr-accent-subtle:#c17a3a1a}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:var(--leading-normal);color:var(--tr-text);background:var(--tr-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tr-display{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);font-weight:500;line-height:var(--leading-tight);color:var(--tr-text)}.tr-h1{font-size:var(--text-2xl);letter-spacing:var(--tracking-snug);font-weight:500;line-height:var(--leading-tight);color:var(--tr-text)}.tr-h2{font-size:var(--text-xl);font-weight:500;line-height:var(--leading-snug);color:var(--tr-text)}.tr-h3{font-size:var(--text-lg);font-weight:500;line-height:var(--leading-snug);color:var(--tr-text)}.tr-h4{font-size:var(--text-md);color:var(--tr-text);font-weight:500}.tr-body-lg{font-size:var(--text-md);line-height:var(--leading-loose);color:var(--tr-text)}.tr-body{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--tr-text)}.tr-body-sm{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--tr-text-muted)}.tr-caption{font-size:var(--text-sm);color:var(--tr-text-subtle);line-height:var(--leading-snug)}.tr-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--tr-text-subtle);font-weight:500}.tr-overline{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--tr-text-subtle);font-weight:500}.tr-mono{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--tr-text-muted)}.tr-wordmark{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--tr-text);font-weight:600}.tr-wordmark .tr-wordmark-accent{color:var(--tr-accent)}.tr-wordmark-sm{font-size:15px}.tr-wordmark-md{font-size:20px}.tr-wordmark-lg{font-size:28px}.tr-wordmark-xl{font-size:36px}.tr-tagline{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--tr-text-subtle);margin-top:4px;font-weight:400}.tr-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:none;padding:10px 20px;font-weight:400;line-height:1;text-decoration:none;display:inline-flex}.tr-btn:active{transform:scale(.98)}.tr-btn:disabled{opacity:.45;cursor:not-allowed}.tr-btn-primary{background:var(--tr-accent);color:var(--tr-accent-text);border:none}.tr-btn-primary:hover{opacity:.88}.tr-btn-secondary{color:var(--tr-accent);border:1.5px solid var(--tr-accent);background:0 0}.tr-btn-secondary:hover{background:var(--tr-accent-subtle)}.tr-btn-ghost{color:var(--tr-text-muted);border:.5px solid var(--tr-border-mid);background:0 0}.tr-btn-ghost:hover{background:var(--tr-bg-surface)}.tr-btn-danger{color:var(--tr-danger);border:.5px solid var(--tr-danger-border);background:0 0}.tr-btn-danger:hover{background:var(--tr-danger-bg)}.tr-btn-sm{font-size:var(--text-sm);padding:6px 14px}.tr-btn-lg{font-size:var(--text-md);padding:14px 28px}.tr-btn-icon{width:36px;height:36px;padding:8px}.tr-badge{border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;gap:5px;padding:3px 10px;font-weight:500;line-height:1.4;display:inline-flex}.tr-badge-ice{background:var(--tr-accent-subtle);color:var(--tr-info);border:.5px solid var(--tr-info-border)}.tr-badge-success{background:var(--tr-success-bg);color:var(--tr-success);border:.5px solid var(--tr-success-border)}.tr-badge-warning{background:var(--tr-warning-bg);color:var(--tr-warning);border:.5px solid var(--tr-warning-border)}.tr-badge-danger{background:var(--tr-danger-bg);color:var(--tr-danger);border:.5px solid var(--tr-danger-border)}.tr-badge-neutral{background:var(--tr-bg-surface);color:var(--tr-text-muted);border:.5px solid var(--tr-border)}.tr-badge-dark{background:var(--tr-navy-mid);color:var(--tr-frost);border:.5px solid var(--tr-border-mid)}.tr-card{background:var(--tr-bg-raised);border:.5px solid var(--tr-border);border-radius:var(--radius-lg);padding:var(--space-5)}.tr-card-flat{background:var(--tr-bg-surface);border-radius:var(--radius-lg);padding:var(--space-5)}.tr-card-accent{background:var(--tr-bg-raised);border:.5px solid var(--tr-border);border-left:3px solid var(--tr-accent);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-4) var(--space-5)}.tr-card-dark{background:var(--tr-navy);border:.5px solid var(--tr-navy-mid);border-radius:var(--radius-lg);padding:var(--space-5)}.tr-form-group{gap:var(--space-1);flex-direction:column;display:flex}.tr-form-label{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--tr-text-muted);font-weight:500}.tr-input{width:100%;padding:10px var(--space-4);font-size:var(--text-base);font-family:var(--font-sans);color:var(--tr-text);background:var(--tr-bg);border:.5px solid var(--tr-border-mid);border-radius:var(--radius-md);transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none}.tr-input::placeholder{color:var(--tr-text-subtle)}.tr-input:hover{border-color:var(--tr-border-strong)}.tr-input:focus{border-color:var(--tr-accent);box-shadow:0 0 0 3px var(--tr-accent-subtle)}.tr-input-error{border-color:var(--tr-danger)!important}.tr-input-error:focus{box-shadow:0 0 0 3px var(--tr-danger-bg)!important}.tr-form-hint{font-size:var(--text-sm);color:var(--tr-text-subtle)}.tr-form-error{font-size:var(--text-sm);color:var(--tr-danger)}.tr-avatar{border-radius:var(--radius-full);background:var(--tr-accent-subtle);color:var(--tr-info);flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:flex}.tr-avatar-sm{width:28px;height:28px;font-size:11px}.tr-avatar-md{width:36px;height:36px;font-size:13px}.tr-avatar-lg{width:48px;height:48px;font-size:16px}.tr-avatar-xl{width:64px;height:64px;font-size:20px}.tr-avatar-dark{background:var(--tr-navy-mid);color:var(--tr-frost)}.tr-avatar-group{align-items:center;display:flex}.tr-avatar-group .tr-avatar{border:2px solid var(--tr-bg);margin-left:-8px}.tr-avatar-group .tr-avatar:first-child{margin-left:0}.tr-list{list-style:none}.tr-list-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:.5px solid var(--tr-border);display:flex}.tr-list-item:last-child{border-bottom:none}.tr-list-item-check{border-radius:var(--radius-full);border:1.5px solid var(--tr-border-mid);cursor:pointer;width:20px;height:20px;transition:border-color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tr-list-item-check:hover{border-color:var(--tr-accent)}.tr-list-item-check.checked{background:var(--tr-accent);border-color:var(--tr-accent);color:var(--tr-accent-text)}.tr-list-item-content{flex:1;min-width:0}.tr-list-item-title{font-size:var(--text-base);color:var(--tr-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tr-list-item-title.done{color:var(--tr-text-subtle);text-decoration:line-through}.tr-list-item-meta{font-size:var(--text-sm);color:var(--tr-text-subtle);margin-top:2px}.tr-nav{padding:0 var(--space-5);background:var(--tr-midnight);border-bottom:.5px solid var(--tr-navy-mid);align-items:center;height:56px;display:flex}.tr-nav-brand{letter-spacing:-.02em;color:var(--tr-ice-white);margin-right:auto;font-size:16px;font-weight:600;text-decoration:none}.tr-nav-brand .accent{color:var(--tr-accent)}.tr-nav-link{height:100%;padding:0 var(--space-4);font-size:var(--text-sm);color:var(--tr-text-subtle);transition:color var(--transition-fast), border-color var(--transition-fast);border-bottom:2px solid #0000;align-items:center;text-decoration:none;display:flex}.tr-nav-link:hover{color:var(--tr-frost)}.tr-nav-link.active{color:var(--tr-accent);border-bottom-color:var(--tr-accent)}.tr-divider{background:var(--tr-border);height:.5px;margin:var(--space-5) 0}.tr-metric{background:var(--tr-bg-surface);border-radius:var(--radius-md);padding:var(--space-4)}.tr-metric-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--tr-text-subtle);margin-bottom:var(--space-1);font-weight:500}.tr-metric-value{color:var(--tr-text);font-size:24px;font-weight:500}.tr-metric-sub{font-size:var(--text-sm);color:var(--tr-text-subtle);margin-top:2px}.tr-toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:.5px solid var(--tr-border);background:var(--tr-bg-raised);box-shadow:var(--shadow-lg);max-width:360px;display:flex}.tr-toast-success{border-left:3px solid var(--tr-success)}.tr-toast-warning{border-left:3px solid var(--tr-warning)}.tr-toast-danger{border-left:3px solid var(--tr-danger)}.tr-toast-info{border-left:3px solid var(--tr-accent)}.tr-empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--tr-text-subtle);flex-direction:column;justify-content:center;align-items:center;display:flex}.tr-empty-icon{margin-bottom:var(--space-4);color:var(--tr-border-strong);font-size:40px}.tr-empty-title{font-size:var(--text-md);color:var(--tr-text-muted);margin-bottom:var(--space-2);font-weight:500}.tr-empty-desc{font-size:var(--text-sm);color:var(--tr-text-subtle);max-width:280px}.tr-container{width:100%;max-width:1120px;padding:0 var(--space-6);margin:0 auto}.tr-stack{flex-direction:column;display:flex}.tr-stack-2{gap:var(--space-2)}.tr-stack-3{gap:var(--space-3)}.tr-stack-4{gap:var(--space-4)}.tr-stack-6{gap:var(--space-6)}.tr-row{align-items:center;display:flex}.tr-row-2{gap:var(--space-2)}.tr-row-3{gap:var(--space-3)}.tr-row-4{gap:var(--space-4)}.tr-grid-2{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tr-grid-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tr-grid-4{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=640px){.tr-grid-2,.tr-grid-3,.tr-grid-4{grid-template-columns:1fr}}:root{--sidebar-width:240px;--header-height:56px;--widget-min-height:120px;--widget-max-width:400px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--tr-text);background:var(--tr-bg);-webkit-font-smoothing:antialiased}*,:before,:after{transition:background-color var(--transition-slow), border-color var(--transition-slow), color var(--transition-slow)}button,input,select,textarea,a,[role=button]{transition:background var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.py-1{padding-block:var(--space-1)}.py-2{padding-block:var(--space-2)}.py-3{padding-block:var(--space-3)}.py-4{padding-block:var(--space-4)}.py-5{padding-block:var(--space-5)}.py-6{padding-block:var(--space-6)}.py-8{padding-block:var(--space-8)}.py-10{padding-block:var(--space-10)}.py-12{padding-block:var(--space-12)}.py-16{padding-block:var(--space-16)}.px-2{padding-inline:var(--space-2)}.px-3{padding-inline:var(--space-3)}.px-4{padding-inline:var(--space-4)}.px-5{padding-inline:var(--space-5)}.px-6{padding-inline:var(--space-6)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.min-h-0{min-height:0}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.relative{position:relative}.absolute{position:absolute}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.list-disc{list-style:inside}.grid-auto-2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.grid-auto-3{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.text-muted{color:var(--tr-text-muted)}.text-subtle{color:var(--tr-text-subtle)}.text-accent{color:var(--tr-accent)}.min-h-screen{min-height:100vh}.mx-auto{margin-left:auto;margin-right:auto}.max-w-lg{max-width:640px}.max-w-xl{max-width:760px}.max-w-4xl{max-width:960px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.pulse-dot{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.6s ease-out both fade-in-up}.fade-in-up-delay-1{animation-delay:80ms}.fade-in-up-delay-2{animation-delay:.16s}.fade-in-up-delay-3{animation-delay:.24s}.hover-lift{transition:transform var(--transition-base), border-color var(--transition-base)}.hover-lift:hover{border-color:var(--tr-border-strong);transform:translateY(-3px)}.reveal{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translateY(28px)}.reveal-visible{opacity:1;transform:translateY(0)}.color-swatch{border-radius:var(--radius-md);background:var(--swatch-color);width:100%;height:56px}.text-stroke-accent{color:#0000;-webkit-text-stroke:1.5px var(--tr-accent)}.hero-atmosphere{pointer-events:none;position:absolute;inset:0}.hero-atmosphere:before{content:"";background-image:linear-gradient(var(--tr-accent-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--tr-accent-subtle) 1px, transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 55% at 50% 38%,#000 0%,#0000 100%);mask-image:radial-gradient(70% 55% at 50% 38%,#000 0%,#0000 100%)}.hero-atmosphere:after{content:"";background:radial-gradient(ellipse, var(--tr-accent-subtle) 0%, transparent 70%);width:min(800px,140vw);height:800px;position:absolute;top:-15%;left:50%;transform:translate(-50%)}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.bounce-down{animation:2s ease-in-out infinite bounce-down}.spotlight{position:relative;overflow:hidden}.spotlight:after{content:"";border-radius:inherit;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), var(--tr-accent-subtle), transparent 60%);transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.spotlight:hover:after{opacity:1}