:root{--brand-from:#0052FF;--brand-via:#0284C7;--brand-to:#06B6D4;--brand-gradient:linear-gradient(135deg,var(--brand-from) 0%,var(--brand-via) 50%,var(--brand-to) 100%);--brand-gradient-hover:linear-gradient(135deg,#1A62FF,#039BE5 50%,#22D3EE);--brand-glow:rgba(2,132,199,0.35);--bg-primary:#F8FAFC;--bg-secondary:#F1F5F9;--bg-surface:#FFFFFF;--bg-card:#FFFFFF;--bg-card-hover:#FFFFFF;--border-subtle:#E2E8F0;--border-card:#E2E8F0;--border-accent:rgba(2,132,199,0.3);--text-main:#0F172A;--text-muted:#475569;--text-subtle:#64748B;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 16px -2px rgba(15,23,42,0.06),0 2px 6px -1px rgba(15,23,42,0.04);--shadow-lg:0 12px 32px -4px rgba(15,23,42,0.08),0 4px 12px -2px rgba(15,23,42,0.03);--shadow-glow:0 0 24px -2px rgba(2,132,199,0.15)}html.dark{--bg-primary:#070A12;--bg-secondary:#0B101B;--bg-surface:#0F172A;--bg-card:rgba(15,23,42,0.65);--bg-card-hover:rgba(20,30,52,0.85);--border-subtle:rgba(30,41,59,0.7);--border-card:rgba(51,65,85,0.5);--border-accent:rgba(6,182,212,0.35);--text-main:#F8FAFC;--text-muted:#94A3B8;--text-subtle:#64748B;--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 6px 20px -2px rgba(0,0,0,0.45);--shadow-lg:0 16px 40px -4px rgba(0,0,0,0.65);--shadow-glow:0 0 30px 2px rgba(2,132,199,0.25)}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:#94A3B8 transparent}html.dark *{scrollbar-color:#334155 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#CBD5E1;border-radius:999px}html.dark ::-webkit-scrollbar-thumb{background:#334155}::-webkit-scrollbar-track{background:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-main);background-color:var(--bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.font-heading,h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,-apple-system,sans-serif;letter-spacing:-.025em}code,kbd,pre{font-family:JetBrains Mono,monospace}.brand-gradient{background:var(--brand-gradient)}.brand-gradient-hover:hover{background:var(--brand-gradient-hover)}.brand-gradient-text{background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.glass{background:var(--bg-card);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--border-card)}.glass-header{background:rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.glass-header,html.dark .glass-header{border-bottom:1px solid var(--border-subtle)}html.dark .glass-header{background:rgba(15,23,42,.75)}.glass-modal{background:#FFFFFF;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);border:1px solid #cbd5e1;box-shadow:0 25px 50px -12px rgba(15,23,42,.15),0 0 20px rgba(2,132,199,.1)}html.dark .glass-modal{background:rgba(11,16,27,.92);border:1px solid rgba(6,182,212,.25);box-shadow:0 25px 50px -12px rgba(0,0,0,.75),0 0 30px rgba(2,132,199,.2)}.glow-card{position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.glow-card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(0,82,255,.15),rgba(6,182,212,.25));opacity:0;transition:opacity .25s ease;z-index:-1}.glow-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px -2px rgba(2,132,199,.2)}.glow-card:hover:after{opacity:1}.nav-link{position:relative;transition:all .2s ease;color:#64748B}.nav-link:hover{background-color:#F1F5F9;color:#0284C7}.nav-link.active{background:linear-gradient(90deg,rgba(0,82,255,.08),rgba(6,182,212,.05))!important;color:#0284C7!important;border-left:3px solid #0052ff!important;font-weight:700}html.dark .nav-link{color:#94A3B8}html.dark .nav-link:hover{background-color:rgba(30,41,59,.5);color:#F8FAFC}html.dark .nav-link.active{background:linear-gradient(90deg,rgba(0,82,255,.15),rgba(6,182,212,.1))!important;color:#38BDF8!important;border-left:3px solid #0052ff!important}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(6,182,212,.6),0 0 20px 4px rgba(2,132,199,.35)}50%{box-shadow:0 0 0 8px rgba(6,182,212,0),0 0 35px 8px rgba(2,132,199,.45)}}.animate-pulse-glow{animation:pulse-glow 2.8s ease-in-out infinite}#sidebar{transition:width .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.4,0,.2,1);background-color:#FFFFFF;border-right:1px solid #e2e8f0}html.dark #sidebar{background-color:#0B101B;border-right:1px solid rgba(30,41,59,.7)}#sidebar.collapsed .sidebar-text{display:none!important}#sidebar.collapsed{width:72px!important}#copilot-drawer{transition:transform .35s cubic-bezier(.16,1,.3,1);background-color:#FFFFFF;border-left:1px solid #e2e8f0}html.dark #copilot-drawer{background-color:#070A12;border-left:1px solid rgba(51,65,85,.8)}#copilot-drawer.closed{transform:translateX(105%)}.role-menu-admin,.role-menu-manager,.role-menu-sales,.role-user-admin,.role-user-manager,.role-user-sales,html:not([lang=vi]) [data-i18n-vi],html[lang=vi] [data-i18n-en]{display:none!important}html[data-role=sales] .role-menu-sales{display:block!important}html[data-role=sales] .role-user-sales{display:flex!important}html[data-role=manager] .role-menu-manager{display:block!important}html[data-role=manager] .role-user-manager{display:flex!important}html[data-role=admin] .role-menu-admin{display:block!important}html[data-role=admin] .role-user-admin{display:flex!important}.confidence-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;transition:all .2s ease}.confidence-high{background:rgba(16,185,129,.15);color:#059669;border:1px solid rgba(16,185,129,.3)}html.dark .confidence-high{color:#10B981}.confidence-medium{background:rgba(245,158,11,.15);color:#D97706;border:1px solid rgba(245,158,11,.3)}html.dark .confidence-medium{color:#F59E0B}#toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{pointer-events:auto;transition:all .3s cubic-bezier(.16,1,.3,1);transform:translateY(100%);opacity:0;background-color:#FFFFFF;color:#0F172A;border:1px solid #e2e8f0;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05)}html.dark .toast{background-color:rgba(15,23,42,.95);color:#F8FAFC;border-color:rgba(51,65,85,.8);box-shadow:0 10px 25px -5px rgba(0,0,0,.5)}.toast.show{transform:translateY(0);opacity:1}@keyframes countdown-bar{0%{width:100%}to{width:0}}.undo-progress{animation:countdown-bar 5s linear forwards}html.light,html:not(.dark){color-scheme:light}html.light body,html:not(.dark) body{background-color:#F8FAFC!important;color:#0F172A!important}html.light .bg-slate-950,html:not(.dark) .bg-slate-950{background-color:#F8FAFC!important}html.light .bg-slate-900,html.light [class*="bg-slate-900/"],html:not(.dark) .bg-slate-900,html:not(.dark) [class*="bg-slate-900/"]{background-color:#FFFFFF!important}html.light [class*="bg-slate-950/"],html:not(.dark) [class*="bg-slate-950/"]{background-color:#F1F5F9!important}html.light .bg-\[\#070A12\],html:not(.dark) .bg-\[\#070A12\]{background-color:#F8FAFC!important}html.light [class*="bg-\[\#0B101B\]"],html:not(.dark) [class*="bg-\[\#0B101B\]"]{background-color:#FFFFFF!important}html.light .glass,html:not(.dark) .glass{background:#FFFFFF!important;border-color:#E2E8F0!important;box-shadow:0 4px 16px -2px rgba(15,23,42,.05)!important}html.light .bg-gradient-to-r.from-slate-900\/90,html:not(.dark) .bg-gradient-to-r.from-slate-900\/90{background:linear-gradient(90deg,#FFFFFF,#F0F7FF,#FFFFFF)!important}html.light .bg-gradient-to-r.from-rose-950\/40,html:not(.dark) .bg-gradient-to-r.from-rose-950\/40{background:linear-gradient(90deg,#FFF1F2,#FFFFFF,#FFFFFF)!important}html.light .bg-gradient-to-br.from-sky-950\/30,html:not(.dark) .bg-gradient-to-br.from-sky-950\/30{background:linear-gradient(135deg,#F0F9FF,#FFFFFF)!important}html.light .bg-rose-950\/20,html:not(.dark) .bg-rose-950\/20{background-color:#FFF1F2!important}html.light .bg-sky-950\/20,html:not(.dark) .bg-sky-950\/20{background-color:#F0F9FF!important}html.light .bg-indigo-950\/30,html:not(.dark) .bg-indigo-950\/30{background-color:#EEF2FF!important}html.light .text-slate-100,html:not(.dark) .text-slate-100{color:#0F172A!important}html.light .text-slate-200,html:not(.dark) .text-slate-200{color:#1E293B!important}html.light .text-slate-300,html:not(.dark) .text-slate-300{color:#334155!important}html.light .text-slate-400,html:not(.dark) .text-slate-400{color:#475569!important}html.light .text-slate-500,html:not(.dark) .text-slate-500{color:#64748B!important}html.light .text-emerald-300,html.light .text-emerald-400,html:not(.dark) .text-emerald-300,html:not(.dark) .text-emerald-400{color:#047857!important}html.light .text-rose-300,html.light .text-rose-400,html:not(.dark) .text-rose-300,html:not(.dark) .text-rose-400{color:#BE123C!important}html.light .text-amber-300,html.light .text-amber-400,html:not(.dark) .text-amber-300,html:not(.dark) .text-amber-400{color:#B45309!important}html.light .text-sky-300,html.light .text-sky-400,html:not(.dark) .text-sky-300,html:not(.dark) .text-sky-400{color:#0284C7!important}html.light .text-cyan-300,html.light .text-cyan-400,html:not(.dark) .text-cyan-300,html:not(.dark) .text-cyan-400{color:#0E7490!important}html.light .text-purple-300,html.light .text-purple-400,html:not(.dark) .text-purple-300,html:not(.dark) .text-purple-400{color:#7E22CE!important}html.light .text-indigo-300,html.light .text-indigo-400,html:not(.dark) .text-indigo-300,html:not(.dark) .text-indigo-400{color:#4338CA!important}html.light [class*=border-slate-800],html:not(.dark) [class*=border-slate-800]{border-color:#E2E8F0!important}html.light [class*=border-slate-700],html:not(.dark) [class*=border-slate-700]{border-color:#CBD5E1!important}html.light [class*=divide-slate-800]>:not([hidden])~:not([hidden]),html:not(.dark) [class*=divide-slate-800]>:not([hidden])~:not([hidden]){border-color:#E2E8F0!important}html.light input,html.light select,html:not(.dark) input,html:not(.dark) select{background-color:#FFFFFF!important;color:#0F172A!important;border-color:#CBD5E1!important}html.light input::-moz-placeholder,html:not(.dark) input::-moz-placeholder{color:#94A3B8!important}html.light input::placeholder,html:not(.dark) input::placeholder{color:#94A3B8!important}html.light kbd,html:not(.dark) kbd{background-color:#F1F5F9!important;color:#475569!important;border-color:#CBD5E1!important}html.light .bg-slate-800,html:not(.dark) .bg-slate-800{background-color:#F1F5F9!important;color:#1E293B!important;border-color:#E2E8F0!important}html.light .bg-slate-800:hover,html:not(.dark) .bg-slate-800:hover{background-color:#E2E8F0!important}html.light [class*="hover:bg-slate-800"]:hover,html:not(.dark) [class*="hover:bg-slate-800"]:hover{background-color:#F1F5F9!important}html.light [class*="hover:bg-slate-900"]:hover,html:not(.dark) [class*="hover:bg-slate-900"]:hover{background-color:#F8FAFC!important}html.light [class*="hover:bg-slate-700"]:hover,html:not(.dark) [class*="hover:bg-slate-700"]:hover{background-color:#CBD5E1!important}html.light [data-role-btn],html:not(.dark) [data-role-btn]{color:#64748B!important}html.light [data-role-btn].bg-\[\#0052FF\],html:not(.dark) [data-role-btn].bg-\[\#0052FF\]{color:#FFFFFF!important}html.light thead tr,html:not(.dark) thead tr{background-color:#F1F5F9!important;color:#475569!important}html.light tbody tr:hover,html:not(.dark) tbody tr:hover{background-color:#F8FAFC!important}@media print{#copilot-drawer,#sidebar,#toast-container,.no-print,header{display:none!important}body{background:white!important;color:black!important}}html:not([data-role=admin]) .role-min-admin,html:not([data-role=admin]) .role-only-admin,html[data-role=sales] .role-min-manager,html[data-role=sales] .role-only-manager{display:none!important}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0284C7;outline-offset:2px}.progress-ring{transform:rotate(-90deg)}.progress-ring circle{transition:stroke-dashoffset .4s ease}html.light textarea,html:not(.dark) textarea{background-color:#FFFFFF!important;color:#0F172A!important;border-color:#CBD5E1!important}@media (max-width:1023.98px){#sidebar{position:fixed!important;top:0;left:0;bottom:0;width:16rem!important;transform:translateX(-100%);z-index:40}#sidebar.mobile-open{transform:translateX(0);box-shadow:var(--shadow-lg)}#sidebar.collapsed .sidebar-text{display:revert!important}}html[data-role=admin] .role-only-sales,html[data-role=manager] .role-only-sales{display:none!important}@media (max-width:639.98px){header>div:first-child{min-width:0;flex:1 1 auto}header [data-cmdk-trigger]{min-width:0;max-width:100%}header [data-cmdk-trigger] kbd,header [data-copilot-trigger] kbd{display:none!important}header>div:last-child{flex-shrink:0;gap:.375rem}}.cbx-wrap{position:relative}.cbx-wrap .cbx-native{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.cbx-input{cursor:pointer;padding-right:2rem!important;text-overflow:ellipsis}.cbx-input:focus{cursor:text}.cbx-wrap.is-disabled .cbx-input{opacity:.55;cursor:not-allowed}.cbx-chevron{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;display:flex}.cbx-panel{position:fixed;z-index:90;overflow-y:auto;overscroll-behavior:contain;border-radius:.75rem;border:1px solid #1e293b;background:#0f172a;color:#e2e8f0;box-shadow:0 16px 40px -8px rgba(0,0,0,.55);font-size:.75rem;padding:.25rem}.cbx-opt{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;text-align:left;padding:.5rem .625rem;border-radius:.5rem;background:transparent;color:inherit;border:0;cursor:pointer;font:inherit}.cbx-opt.is-active{background:rgba(148,163,184,.16)}.cbx-opt.is-selected{color:#38bdf8;font-weight:600;background:rgba(2,132,199,.16)}.cbx-opt.is-disabled{opacity:.4;cursor:not-allowed}.cbx-opt-check{display:flex;flex:0 0 auto;color:#38bdf8}.cbx-group{padding:.5rem .625rem .25rem;font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-weight:700}.cbx-empty{padding:.75rem;text-align:center;color:#94a3b8}.cbx-fade{position:sticky;bottom:-.25rem;height:1.75rem;margin:0 -.25rem -.25rem;pointer-events:none;opacity:0;transition:opacity .15s;background:linear-gradient(0deg,#0f172a,rgba(15,23,42,0));display:flex;align-items:flex-end;justify-content:center;color:#94a3b8;font-size:.6rem}.cbx-fade:after{content:"⌄";line-height:1;margin-bottom:1px}.cbx-fade.is-on{opacity:1}html.light .cbx-panel,html:not(.dark) .cbx-panel{background:#ffffff;color:#0f172a;border-color:#e2e8f0;box-shadow:0 16px 40px -10px rgba(15,23,42,.25)}html.light .cbx-opt.is-active,html:not(.dark) .cbx-opt.is-active{background:#f1f5f9}html.light .cbx-opt.is-selected,html:not(.dark) .cbx-opt.is-selected{color:#0284c7;background:#e0f2fe}html.light .cbx-opt-check,html:not(.dark) .cbx-opt-check{color:#0284c7}html.light .cbx-fade,html:not(.dark) .cbx-fade{background:linear-gradient(0deg,#ffffff,rgba(255,255,255,0))}html.light .cbx-chevron,html:not(.dark) .cbx-chevron{color:#64748b}html.light .bg-slate-800\/80,html:not(.dark) .bg-slate-800\/80{background-color:#F1F5F9!important;color:#1E293B!important;border-color:#E2E8F0!important}html.light .bg-slate-800\/80:hover,html:not(.dark) .bg-slate-800\/80:hover{background-color:#E2E8F0!important}.brand-logo-light,html.light .brand-logo-dark{display:none}html.light .brand-logo-light{display:block}.brand-mark-collapsed{display:none}#sidebar.collapsed .brand-mark-collapsed{display:block}.text-\[10px\],.text-\[11px\],.text-\[9px\]{font-size:12px!important;line-height:1.4!important}aside button,header button,main [role=button],main button,main select,main summary{min-height:32px}main input:not([type=checkbox]):not([type=radio]),main select,main textarea{min-height:36px}@media (pointer:coarse){aside button,header button,main [role=button],main a.syn-btn-main,main button,main select,main summary{min-height:44px}main input:not([type=checkbox]):not([type=radio]),main select,main textarea{min-height:44px;font-size:16px}#sidebar a.nav-link{min-height:44px}}:focus-visible{outline:2px solid #38bdf8;outline-offset:2px;border-radius:6px}.syn-skip{position:absolute;left:-9999px;top:8px;z-index:200;background:#0ea5e9;color:#fff;padding:8px 12px;border-radius:8px}.syn-skip:focus{left:8px}body.synapse-loading [class*=role-user-],body.synapse-loading [data-role-btn],body.synapse-loading main>*{visibility:hidden}body.synapse-loading main{position:relative;min-height:60vh}body.synapse-loading main:before{top:24px;height:220px;background:linear-gradient(90deg,rgba(148,163,184,.12) 25%,rgba(148,163,184,.24) 37%,rgba(148,163,184,.12) 63%);background-size:400% 100%}body.synapse-loading main:after,body.synapse-loading main:before{content:"";position:absolute;left:16px;right:16px;border-radius:16px;animation:syn-shimmer 1.3s ease infinite}body.synapse-loading main:after{top:264px;height:140px;background:linear-gradient(90deg,rgba(148,163,184,.08) 25%,rgba(148,163,184,.18) 37%,rgba(148,163,184,.08) 63%);background-size:400% 100%}@keyframes syn-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){body.synapse-loading main:after,body.synapse-loading main:before{animation:none}}.syn-dialog-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,6,23,.7);backdrop-filter:blur(4px)}.syn-dialog{width:100%;max-width:420px;border-radius:16px;padding:22px;background:var(--bg-surface,#0f172a);color:var(--text-main,#e2e8f0);border:1px solid var(--border-card,#1e293b);box-shadow:0 24px 60px -12px rgba(0,0,0,.5)}.syn-dialog h3{font-size:15px;font-weight:700;margin:0}.syn-dialog p{font-size:13px;color:var(--text-muted,#94a3b8);margin:8px 0 0}.syn-dialog-input{width:100%;margin-top:12px;padding:9px 12px;border-radius:10px;border:1px solid var(--border-card,#334155);background:transparent;color:inherit;font-size:14px}.syn-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.syn-btn-ghost,.syn-btn-main{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;border:0;text-decoration:none}.syn-btn-main{background:var(--brand-gradient);color:#fff}.syn-btn-main.syn-danger{background:#e11d48}.syn-btn-ghost{background:rgba(148,163,184,.18);color:inherit}.syn-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:28px 16px;color:var(--text-muted,#94a3b8)}.syn-empty i{opacity:.7}.syn-empty-t{font-size:14px;font-weight:700;color:var(--text-main,#e2e8f0)}.syn-empty-h{font-size:13px;max-width:420px}.syn-sections{position:sticky;top:0;z-index:20;display:flex;gap:6px;overflow-x:auto;padding:8px 0;margin:0 0 10px;background:var(--bg-primary,#0b1220);scrollbar-width:thin}.syn-sections a{flex:0 0 auto;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;text-decoration:none;background:rgba(148,163,184,.16);color:inherit}.syn-sections a[aria-current=true]{background:var(--brand-gradient);color:#fff}.syn-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;cursor:pointer;border:1px solid rgba(245,158,11,.5);background:rgba(245,158,11,.14);color:#fbbf24}.syn-pop{position:absolute;right:12px;top:56px;z-index:110;width:min(380px,calc(100vw - 24px));padding:14px;border-radius:14px;background:var(--bg-surface,#0f172a);color:var(--text-main,#e2e8f0);border:1px solid var(--border-card,#1e293b);box-shadow:0 18px 48px -12px rgba(0,0,0,.5);font-size:13px}.syn-pop li{margin:6px 0}abbr[data-syn-term]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:3px;cursor:help}@media (max-width:860px){.syn-chip-l{display:none}}#sidebar.collapsed>div:first-child{flex-direction:column;justify-content:center;gap:6px;height:auto;padding:12px 0 8px}#sidebar.collapsed>div:first-child>a{overflow:visible;justify-content:center}#sidebar.collapsed>div:first-child>button{margin:0}#sidebar.collapsed a.nav-link{justify-content:center;padding-left:0;padding-right:0;position:relative}#sidebar.collapsed a.nav-link>span.rounded-full{position:absolute;top:2px;right:6px;min-width:8px;height:8px;padding:0;font-size:0!important;background:#0ea5e9}#onduty-main{padding:16px}@media (min-width:1024px){#onduty-main{padding:24px}}main.overflow-y-auto>div[class*=max-w-]{margin-left:auto;margin-right:auto;width:100%}@media (min-width:1280px){main.overflow-y-auto>div.max-w-3xl{max-width:52rem}}:root{--syn-link:#38bdf8;--ds-r-ctl:12px;--ds-r-seg:10px;--ds-h:36px;--ds-h-touch:44px}:is(main,[role=dialog],.syn-dialog,.glass-modal) :is(button,a)[class*=px-][class*=py-][class*=rounded-]:not([class*=rounded-full]):not(.scope-tab):not(.seg-btn):not(.chip):not(.nav-link):not([data-role-btn]):not(.text-left):not([class*=w-full][class*=text-left]){display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;vertical-align:middle;border-radius:var(--ds-r-ctl);padding:8px 14px;min-height:var(--ds-h);font-size:13px;font-weight:600;line-height:1.25}:is(main,[role=dialog]) :is(button,a)[class*=rounded-]>*{line-height:inherit}main div[class*=rounded-full][class*=px-]:not([class*=w-]),main span[class*=rounded-full][class*=px-]{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;min-height:26px;font-size:12.5px;font-weight:600;line-height:1.3;border-radius:999px;white-space:nowrap}main .chip,main :is(button,a)[class*=rounded-full][class*=px-]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;min-height:36px;font-size:13px;font-weight:600;line-height:1.25;border-radius:999px}main :is(button,a)[class*=rounded-full][class*="py-0.5"]{min-height:26px!important;padding:3px 10px;font-size:12.5px;font-weight:600;position:relative}main :is(button,a)[class*=rounded-full][class*="py-0.5"]:after{content:"";position:absolute;inset:-9px -4px}main button[class*="px-2.5"][class*=py-1]{white-space:nowrap}main .scope-tab,main .seg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--ds-r-seg);padding:8px 14px;min-height:40px;font-size:13px;font-weight:600;line-height:1.25}main input:not([type=checkbox]):not([type=radio]):not([type=range]),main select,main textarea{border-radius:var(--ds-r-ctl);font-size:14px}main input[type=date],main input[type=datetime-local],main input[type=time]{min-width:0;max-width:100%}main select{text-overflow:ellipsis}main label>span:first-child:not([class]){font-weight:600}header :is(button,a):not([data-copilot-trigger]){border-radius:var(--ds-r-ctl)}header #syn-help{box-shadow:none!important;padding:0 12px;border:1px solid #1e293b!important;background:rgba(15,23,42,.8)!important;color:#cbd5e1!important;border-radius:var(--ds-r-ctl);font-size:14px;font-weight:700;min-height:36px}html.light header #syn-help,html:not(.dark) header #syn-help{border-color:#e2e8f0!important;background:#fff!important;color:#334155!important}header [data-copilot-trigger]{box-shadow:none;animation:none}@media (max-width:640px){main .text-xs{font-size:14px;line-height:1.5}main .text-sm{font-size:15px;line-height:1.5}main .text-xs.uppercase,main .uppercase{font-size:12px;letter-spacing:.04em;line-height:1.4}main .text-lg{font-size:18px}main .text-xl{font-size:20px}main .text-2xl{font-size:24px;line-height:1.25}html:not(.light) main .text-slate-500{color:#9aa8bd}html:not(.light) main .text-slate-400{color:#b3bfd0}:is(main,[role=dialog],.syn-dialog) :is(button,a)[class*=px-][class*=py-][class*=rounded-]:not([class*=rounded-full]):not(.scope-tab):not(.seg-btn):not(.chip):not(.nav-link):not([data-role-btn]):not(.text-left){padding:10px 16px;min-height:var(--ds-h-touch);font-size:14px}main div:has(>:is(button,a)[class*=px-][class*=py-][class*=rounded-]:not([class*=rounded-full])){flex-wrap:wrap}main div[class*=flex]:has(>:is(button,a)[class*=px-][class*=py-][class*=rounded-]:not([class*=rounded-full])):not(:has(>:is(select,input,textarea,label,span,p)))>:is(button,a)[class*=px-][class*=py-][class*=rounded-]:not([class*=rounded-full]){flex:1 1 calc(50% - 8px)}main .chip,main .scope-tab,main .seg-btn,main :is(button,a)[class*=rounded-full][class*=px-]{white-space:nowrap}main [class*=overflow-x-auto]:has(>:is(.chip,button[class*=rounded-full])){-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}main .chip,main :is(button,a)[class*=rounded-full][class*=px-]{min-height:40px;font-size:14px}main span[class*=rounded-full][class*=px-]{font-size:13px}main .scope-tab,main .seg-btn{min-height:44px;font-size:14px}main input:not([type=checkbox]):not([type=radio]):not([type=range]),main select,main textarea{font-size:16px;padding-top:10px;padding-bottom:10px}main form[class*=grid]>*{grid-column:1/-1!important}main form[class*=grid]{grid-template-columns:1fr!important}main form[class*=flex]:not([class*=flex-col]){flex-wrap:wrap}main form>:is(input,select,textarea){width:100%}header{padding-left:8px;padding-right:8px;gap:4px}header>div{gap:4px!important;min-width:0}header>div:first-child>:not(button){display:none!important}header [data-cmdk-trigger]{width:40px;min-width:40px;padding:0;justify-content:center}header [data-cmdk-trigger] kbd,header [data-cmdk-trigger]>span{display:none}header :is(button,a){min-width:40px;min-height:44px;justify-content:center}header>div{gap:2px!important}header #sys-chip{padding:0;width:40px;border-radius:var(--ds-r-ctl);font-size:14px}header #sys-chip .syn-chip-l{display:none}header [data-lang-toggle]{padding:0 8px}header #syn-help{padding:0;width:40px}header #syn-help .syn-chip-l,header [data-copilot-trigger] kbd{display:none}main div.flex.items-start:has(>div:first-child[class*=w-10][class*=h-10]+div>h1){display:grid;grid-template-columns:40px 1fr;-moz-column-gap:12px;column-gap:12px;row-gap:8px;align-items:center}main div.flex.items-start:has(>div:first-child[class*=w-10][class*=h-10]+div>h1)>div:nth-child(2){display:contents}main div.flex.items-start:has(>div:first-child[class*=w-10][class*=h-10]+div>h1)>div:nth-child(2)>p{grid-column:1/-1;margin-top:0}main div.flex.items-start:has(>div:first-child[class*=w-10][class*=h-10]+div>h1)>div:nth-child(2)>button{grid-column:1/-1;justify-self:start}main div[class*=justify-between]:has(>h2):has(>:is(button,a)){flex-wrap:wrap;row-gap:8px}main div[class*=justify-between]:has(>h2)>:is(button,a){white-space:nowrap}main .syn-stack>:is(button,a){flex:1 1 100%!important;justify-content:flex-start!important;text-align:left;white-space:normal!important;max-width:100%}#board{scroll-snap-type:x mandatory;scroll-padding-left:16px}#board [data-col]{scroll-snap-align:start}}@media (pointer:coarse){:is(main,aside,header) :is(button,a)[class*=p-2]:not([class*=px-]),:is(main,aside,header,[role=dialog]) :is(button,a)[class*="p-1.5"]:not([class*=px-]){min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}main a:has(>i[data-lucide=arrow-left]),main a:has(>i[data-lucide=chevron-left]){min-height:44px;display:inline-flex;align-items:center}}html:not(.dark){--syn-link:#0369a1}html:not(.dark) main :is(h1,h2,h3,h4)[class*=text-white]:not(.brand-gradient *):not([class*=brand-gradient]){color:#0f172a}html:not(.dark) main :is(h1,h2,h3,h4)>span[class*=text-white]{color:inherit}@media (max-width:1023px){main [class*=overflow-x-auto]:not(:has(table)):not(#board),main [role=tablist]{-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}}.syn-sections a{display:inline-flex;align-items:center;min-height:40px}@media (pointer:coarse){.syn-sections a{min-height:44px}}html:not(.dark) main :is([class*=text-amber-200],[class*=text-amber-300]){color:#92400e}html:not(.dark) main :is([class*=text-rose-200],[class*=text-rose-300]){color:#9f1239}html:not(.dark) main :is([class*=text-emerald-200],[class*=text-emerald-300]){color:#065f46}html:not(.dark) main :is([class*=text-sky-200],[class*=text-sky-300]){color:#075985}html:not(.dark) main :is([class*=text-purple-200],[class*=text-purple-300]){color:#6b21a8}html:not(.dark) main :is([class*=text-cyan-200],[class*=text-cyan-300]){color:#0e7490}html.dark main .text-slate-600{color:#8696ad}@media (pointer:coarse){main button:not([class*=px-]):not([class*=w-full]){min-width:44px}}#board>div{align-items:flex-start}.syn-fold-sum{display:flex;align-items:center;justify-content:space-between;min-height:24px}.syn-fold-sum:after{content:"▾";font-size:14px;opacity:.7;transition:transform .15s}details[open]>.syn-fold-sum:after{transform:rotate(180deg)}details[open]>.syn-fold-sum{margin-bottom:8px}