.showcase-page{--showcase-navy: #07111f;--showcase-navy-soft: #0d1b2f;--showcase-blue: var(--color-primary);min-height:100vh;overflow:hidden;color:var(--color-text);background:var(--color-background)}.showcase-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.showcase-skip{position:fixed;top:12px;left:12px;z-index:100;padding:10px 16px;border-radius:var(--radius-sm);color:#fff;background:var(--color-primary);transform:translateY(-160%);transition:transform var(--transition-fast)}.showcase-skip:focus{transform:translateY(0)}.showcase-nav{position:absolute;inset:0 0 auto;z-index:10;height:76px;display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 48px));margin-inline:auto;color:#fff}.showcase-brand{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.showcase-brand-mark{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgb(147 197 253 / 24%);border-radius:var(--radius-md);color:#fff;background:linear-gradient(145deg,#3b82f6,#1d4ed8);box-shadow:0 8px 22px #2563eb42}.showcase-brand>span:last-child{display:grid}.showcase-brand strong{font-size:.9rem;letter-spacing:-.01em}.showcase-brand small{color:#cbd5e1b3;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.showcase-nav nav{display:flex;gap:30px}.showcase-nav nav a{color:#e2e8f0b8;font-size:.82rem;font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.showcase-nav nav a:hover{color:#fff}.showcase-nav-demo{min-height:38px;padding:0 16px;border:1px solid rgb(147 197 253 / 22%);border-radius:var(--radius-full);color:#fff;background:#ffffff14;font-size:.78rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.showcase-nav-demo:hover:not(:disabled){border-color:#93c5fd7f;background:#ffffff21}.showcase-hero{position:relative;min-height:780px;display:grid;align-items:center;padding:128px 0 96px;color:#fff;background:radial-gradient(circle at 71% 35%,rgb(37 99 235 / 24%),transparent 28%),radial-gradient(circle at 20% 85%,rgb(14 165 233 / 12%),transparent 24%),var(--showcase-navy)}.showcase-hero:before{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background-image:linear-gradient(rgb(148 163 184 / 9%) 1px,transparent 1px),linear-gradient(90deg,rgb(148 163 184 / 9%) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 92%);mask-image:linear-gradient(to bottom,#000,transparent 92%);content:""}.showcase-hero-glow{position:absolute;top:15%;right:7%;width:400px;height:400px;border-radius:50%;background:#2563eb29;filter:blur(100px)}.showcase-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);align-items:center;gap:clamp(48px,7vw,90px)}.showcase-hero-copy{animation:showcase-rise .7s var(--ease-enterprise) both}.showcase-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;color:#bfdbfe;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.showcase-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 5px #22c55e1c}.showcase-hero h1{margin:0;color:#fff;font-size:clamp(3rem,5.1vw,5.15rem);line-height:.98;letter-spacing:-.062em}.showcase-hero h1 em{color:#60a5fa;font-style:normal}.showcase-hero-copy>p{max-width:600px;margin:26px 0 30px;color:#cbd5e1c7;font-size:1.05rem;line-height:1.75}.showcase-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.showcase-hero-actions a,.showcase-hero-actions button{min-height:48px;padding:0 19px;border-radius:var(--radius-md);font-size:.84rem;font-weight:700;text-decoration:none}.showcase-primary-action{border:1px solid var(--color-primary);color:#fff;background:var(--color-primary);box-shadow:0 12px 28px #2563eb4d}.showcase-primary-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #2563eb61}.showcase-secondary-action,.showcase-tertiary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgb(148 163 184 / 25%);color:#e2e8f0;background:#ffffff0f;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.showcase-secondary-action:hover,.showcase-tertiary-action:hover{border-color:#94a3b88c;background:#ffffff1a;transform:translateY(-2px)}.showcase-proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px;color:#cbd5e1a6;font-size:.69rem}.showcase-proof span{display:inline-flex;align-items:center;gap:6px}.showcase-proof svg{color:#4ade80}.showcase-command-center{min-width:0;overflow:hidden;border:1px solid rgb(148 163 184 / 18%);border-radius:18px;background:#0b1627;box-shadow:0 34px 80px #0000005c,0 0 0 8px #ffffff05;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);animation:showcase-window .8s .12s var(--ease-enterprise) both}.showcase-window-bar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgb(148 163 184 / 11%);color:#64748b;background:#0a1423}.showcase-window-bar>span{display:flex;gap:5px}.showcase-window-bar i{width:7px;height:7px;display:block;border-radius:50%;background:#334155}.showcase-window-bar small{font-size:.56rem;letter-spacing:.04em}.showcase-window-bar b{padding:3px 7px;border-radius:999px;color:#86efac;background:#22c55e1f;font-size:.48rem;letter-spacing:.12em}.showcase-window-body{min-height:390px;display:grid;grid-template-columns:54px 1fr}.showcase-window-body>aside{display:flex;align-items:center;flex-direction:column;gap:16px;padding-top:14px;border-right:1px solid rgb(148 163 184 / 11%);background:#091321}.showcase-window-body>aside .showcase-brand-mark{width:27px;height:27px;border-radius:8px}.showcase-window-body>aside svg{width:15px}.showcase-window-body>aside>i{width:19px;height:5px;border-radius:999px;background:#26354a}.showcase-window-body>aside>i.active{height:19px;background:#2563eb7f;box-shadow:inset 2px 0 #60a5fa}.showcase-window-main>header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid rgb(148 163 184 / 10%);color:#94a3b8;font-size:.58rem}.showcase-window-main>header div{display:flex;gap:8px}.showcase-window-main>header i{width:22px;height:22px;border:1px solid #223149;border-radius:7px}.showcase-window-main{min-width:0}.showcase-window-main>div:not(.showcase-window-welcome){margin-inline:17px}.showcase-window-welcome{display:flex;align-items:center;justify-content:space-between;padding:17px}.showcase-window-welcome div{display:grid;gap:2px}.showcase-window-welcome small{color:#3b82f6;font-size:.48rem;font-weight:700;letter-spacing:.12em}.showcase-window-welcome strong{color:#f8fafc;font-size:.85rem}.showcase-window-welcome>span{color:#64748b;font-size:.48rem}.showcase-window-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.showcase-window-kpis article{display:grid;gap:5px;padding:12px;border:1px solid #1c2a40;border-radius:10px;background:#0e1b2e}.showcase-window-kpis span{color:#7f8da1;font-size:.5rem}.showcase-window-kpis strong{color:#f8fafc;font-size:1.15rem}.showcase-window-kpis small{color:#4ade80;font-size:.48rem}.showcase-window-panels{display:grid;grid-template-columns:1.65fr 1fr;gap:9px;margin-top:9px}.showcase-window-panels>article{height:168px;padding:12px;border:1px solid #1c2a40;border-radius:10px;background:#0e1b2e}.showcase-window-panels article>header{display:flex;justify-content:space-between;color:#e2e8f0;font-size:.54rem}.showcase-window-panels article>header span{color:#64748b}.showcase-bars{height:112px;display:flex;align-items:flex-end;gap:5px;padding-top:14px}.showcase-bars i{flex:1;min-width:3px;border-radius:4px 4px 1px 1px;background:linear-gradient(#3b82f6,#1e40af);opacity:.85}.showcase-activity{display:flex;align-items:center;gap:7px;padding:12px 0;border-bottom:1px solid #1c2a40}.showcase-activity>i{width:18px;height:18px;border-radius:6px;background:#2563eb40}.showcase-activity>span{display:grid;flex:1;gap:4px}.showcase-activity b{width:68%;height:4px;border-radius:9px;background:#40516a}.showcase-activity small{width:45%;height:3px;border-radius:9px;background:#26354a}.showcase-scroll-cue{position:absolute;bottom:28px;left:50%;display:inline-flex;align-items:center;gap:7px;color:#94a3b899;font-size:.65rem;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transform:translate(-50%)}.showcase-section{padding:110px 0}.showcase-section-heading{max-width:610px;margin-bottom:48px}.showcase-section-heading.centered{margin-inline:auto;text-align:center}.showcase-section-heading>span,.showcase-stat-intro>span,.showcase-cta span{display:block;margin-bottom:10px;color:var(--color-primary);font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.showcase-section-heading h2{margin:0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em}.showcase-section-heading p{margin:16px 0 0;color:var(--color-text-secondary);line-height:1.75}.showcase-highlight-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.showcase-highlight-grid article{min-height:190px;padding:22px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);animation:showcase-rise .55s var(--delay) var(--ease-enterprise) both}.showcase-highlight-grid article:hover{border-color:#bfdbfe;box-shadow:var(--shadow-md);transform:translateY(-5px)}.showcase-highlight-grid article>span{width:38px;height:38px;display:grid;place-items:center;margin-bottom:26px;border-radius:10px;color:var(--color-primary);background:var(--color-primary-soft)}.showcase-highlight-grid h3{font-size:.95rem}.showcase-highlight-grid p{margin:9px 0 0;color:var(--color-text-secondary);font-size:.76rem;line-height:1.65}.showcase-stack{color:#e2e8f0;background:var(--showcase-navy)}.showcase-stack-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px}.showcase-stack .showcase-section-heading{margin:0}.showcase-stack .showcase-section-heading h2{color:#fff}.showcase-stack .showcase-section-heading p{color:#8290a4}.showcase-stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.showcase-stack-grid article{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgb(148 163 184 / 13%);border-radius:var(--radius-md);background:#ffffff08;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.showcase-stack-grid article:hover{border-color:#60a5fa61;background:#2563eb17;transform:translateY(-2px)}.showcase-stack-grid article>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#60a5fa;background:#2563eb24}.showcase-stack-grid article>div{display:grid}.showcase-stack-grid strong{color:#f8fafc;font-size:.78rem}.showcase-stack-grid small{color:#64748b;font-size:.62rem}.showcase-architecture{background:#fff}.showcase-architecture-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center}.showcase-architecture-step{display:contents}.showcase-architecture-step article{position:relative;min-width:0;padding:28px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);box-shadow:var(--shadow-sm)}.showcase-architecture-step article>span{width:44px;height:44px;display:grid;place-items:center;margin-bottom:28px;border-radius:var(--radius-md);color:#fff;background:var(--color-primary);box-shadow:0 9px 22px #2563eb38}.showcase-architecture-step article>small{position:absolute;top:18px;right:20px;color:#cbd5e1;font-size:.68rem;font-weight:800}.showcase-architecture-step article strong{display:block;font-size:1rem}.showcase-architecture-step article p{margin:5px 0 0;color:var(--color-text-secondary);font-size:.7rem}.showcase-flow-arrow{margin:0 11px;color:#94a3b8}.showcase-architecture-note{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;color:var(--color-text-secondary);font-size:.72rem}.showcase-architecture-note svg{color:var(--color-primary)}.showcase-architecture-note i{width:1px;height:16px;margin:0 8px;background:var(--color-border)}.showcase-timeline{background:var(--color-background)}.showcase-release-track{position:relative;display:grid;grid-template-columns:repeat(10,1fr);margin:0;padding:0;list-style:none}.showcase-release-track:before{position:absolute;top:17px;right:4%;left:4%;height:1px;background:var(--color-border);content:""}.showcase-release-track li{position:relative;display:grid;justify-items:center;gap:12px;text-align:center}.showcase-release-track li>span{z-index:1;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:50%;color:#94a3b8;background:#fff;font-size:.62rem;font-weight:800}.showcase-release-track li.current>span{border-color:var(--color-primary);color:#fff;background:var(--color-primary);box-shadow:0 0 0 6px var(--color-primary-soft)}.showcase-release-track li div{display:grid;gap:3px}.showcase-release-track strong{font-size:.72rem}.showcase-release-track small{color:var(--color-text-secondary);font-size:.57rem}.showcase-stat-band{padding:38px 0;color:#fff;background:var(--color-primary)}.showcase-stat-band .showcase-container{display:grid;grid-template-columns:1.4fr repeat(7,1fr);align-items:center;gap:18px}.showcase-stat-intro>span{margin:0 0 3px;color:#bfdbfe;font-size:.55rem}.showcase-stat-intro>strong{font-size:1.25rem;letter-spacing:-.03em}.showcase-stat{min-height:48px;display:grid;justify-items:center;align-content:center;border-left:1px solid rgb(255 255 255 / 20%);text-align:center}.showcase-stat strong{min-height:23px;display:grid;place-items:center;font-size:1.25rem}.showcase-stat span{margin-top:3px;color:#dbeafe;font-size:.58rem}.showcase-screenshots{background:#fff}.showcase-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.showcase-preview-grid>article{min-width:0;padding:16px;border:1px solid var(--color-border);border-radius:20px;background:var(--color-background);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.showcase-preview-grid>article:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.showcase-preview-grid>article>header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 14px}.showcase-preview-grid>article>header div{display:flex;align-items:center;gap:10px}.showcase-preview-grid>article>header span{color:var(--color-primary);font-size:.58rem;font-weight:800}.showcase-preview-grid>article>header h3{margin:0;font-size:.82rem}.showcase-preview-grid>article>header small{color:#94a3b8;font-size:.58rem}.showcase-product-preview{position:relative;height:300px;display:grid;grid-template-columns:64px 1fr;overflow:hidden;border:1px solid #1e293b;border-radius:13px;background:#f8fafc}.showcase-product-preview>.preview-sidebar{display:flex;align-items:center;flex-direction:column;gap:13px;padding-top:18px;background:#0f172a}.showcase-product-preview>.preview-sidebar>span{width:24px;height:24px;border-radius:7px;background:#2563eb}.showcase-product-preview>.preview-sidebar>i{width:28px;height:5px;border-radius:9px;background:#334155}.preview-app{min-width:0}.preview-app>header{height:36px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 12px;border-bottom:1px solid #e2e8f0;background:#fff}.preview-app>header i{width:18px;height:18px;border-radius:6px;background:#eff6ff}.preview-app>header span{width:72px;height:7px;margin-right:auto;border-radius:8px;background:#cbd5e1}.preview-app>header b{width:22px;height:22px;border-radius:7px;background:#2563eb}.preview-body{padding:17px}.preview-title{display:grid;gap:6px;margin-bottom:14px}.preview-title b{width:110px;height:11px;border-radius:9px;background:#0f172a}.preview-title span{width:165px;height:5px;border-radius:9px;background:#cbd5e1}.preview-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-kpis i{height:52px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;box-shadow:0 2px 5px #0f172a0a}.preview-chart{height:115px;display:flex;align-items:flex-end;gap:10px;margin-top:9px;padding:15px 18px;border:1px solid #e2e8f0;border-radius:9px;background:#fff}.preview-chart span{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(#60a5fa,#2563eb)}.preview-chart span:nth-child(1){height:36%}.preview-chart span:nth-child(2){height:64%}.preview-chart span:nth-child(3){height:48%}.preview-chart span:nth-child(4){height:82%}.preview-chart span:nth-child(5){height:70%}.preview-toolbar{height:34px;display:flex;justify-content:space-between;margin-bottom:9px;padding:7px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.preview-toolbar span{width:45%;border-radius:5px;background:#f1f5f9}.preview-toolbar b{width:22%;border-radius:5px;background:#2563eb}.preview-table{overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.preview-table:before{height:24px;display:block;background:#f1f5f9;content:""}.preview-table i{height:35px;display:block;border-top:1px solid #e2e8f0;background:linear-gradient(90deg,transparent 4%,#dbeafe 4% 11%,transparent 11% 16%,#cbd5e1 16% 38%,transparent 38% 46%,#cbd5e1 46% 60%,transparent 60% 68%,#dcfce7 68% 78%,transparent 78%)}.preview-ticket-filters{display:flex;gap:7px;margin-bottom:8px}.preview-ticket-filters i{width:52px;height:23px;border-radius:999px;background:#e2e8f0}.preview-ticket-filters i:first-child{background:#dbeafe}.preview-tickets{display:grid;gap:7px}.preview-tickets>span{height:51px;display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.preview-tickets b{width:8px;height:28px;border-radius:5px;background:#f59e0b}.preview-tickets i{width:60%;height:6px;border-radius:8px;background:#cbd5e1}.preview-report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.preview-report-grid i{height:62px;border:1px solid #e2e8f0;border-radius:9px;background:linear-gradient(145deg,#fff,#eff6ff)}.preview-report-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:12px}.preview-report-actions span{width:40%;height:25px;margin-right:auto;border-radius:6px;background:#fff}.preview-report-actions b{width:48px;height:25px;border-radius:6px;background:#dbeafe}.preview-report-actions b:last-child{background:#2563eb}.preview-audit{position:relative;display:grid;gap:8px;padding-left:12px}.preview-audit:before{position:absolute;top:8px;bottom:8px;left:4px;width:1px;background:#cbd5e1;content:""}.preview-audit>span{height:41px;display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.preview-audit i{width:20px;height:20px;border-radius:50%;background:#dbeafe;box-shadow:0 0 0 3px #fff}.preview-audit b{width:55%;height:6px;border-radius:8px;background:#cbd5e1}.showcase-product-preview.is-login{display:grid;grid-template-columns:1.15fr .85fr;background:#f8fafc}.preview-login-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 40%,#2563eb,transparent 42%),linear-gradient(145deg,#0f172a,#1e3a8a)}.preview-login-visual:before{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.24;background-image:linear-gradient(rgb(255 255 255 / 20%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 20%) 1px,transparent 1px);background-size:24px 24px;content:""}.preview-cloud{position:absolute;top:70px;left:45px;width:54px;height:32px;border-radius:25px;background:#93c5fd;box-shadow:18px 10px #60a5fa}.preview-device{position:absolute;display:block;border:5px solid #bfdbfe;border-radius:8px;background:#eff6ff;box-shadow:0 12px 20px #0003}.preview-device.large{top:95px;left:105px;width:115px;height:82px}.preview-device.small{top:150px;left:65px;width:65px;height:48px}.preview-login-card{align-self:center;width:72%;display:grid;gap:13px;margin-inline:auto;padding:22px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 14px 28px #0f172a1a}.preview-login-card>i:first-child{width:38%;height:7px;border-radius:8px;background:#2563eb}.preview-login-card b{width:62%;height:13px;border-radius:8px;background:#0f172a}.preview-login-card span{height:29px;border:1px solid #e2e8f0;border-radius:6px}.preview-login-card .preview-login-submit{width:100%;height:29px;border-radius:6px;background:#2563eb}.showcase-cta{padding:80px 0;color:#fff;background:linear-gradient(120deg,#1d4ed8,#2563eb 60%,#0ea5e9)}.showcase-cta .showcase-container{display:flex;align-items:center;justify-content:space-between;gap:40px}.showcase-cta span{color:#dbeafe}.showcase-cta h2{margin:0;color:#fff;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em}.showcase-cta p{margin:12px 0 0;color:#eff6ffc7}.showcase-cta button{min-height:50px;flex:0 0 auto;padding:0 22px;border:1px solid #fff;border-radius:var(--radius-md);color:var(--color-primary);background:#fff;box-shadow:0 12px 26px #0f172a2e}.showcase-cta button:hover:not(:disabled){color:var(--color-primary-hover);background:#eff6ff;transform:translateY(-2px)}.showcase-footer{padding:34px 0;color:#e2e8f0;background:#050c16}.showcase-footer .showcase-container{display:flex;align-items:center;justify-content:space-between}.showcase-footer>div>div{display:flex;align-items:center;gap:22px;color:#64748b;font-size:.7rem}.showcase-footer a{color:#94a3b8}.showcase-footer>div>div a{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.showcase-footer>div>div a:hover{color:#fff}@keyframes showcase-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes showcase-window{0%{opacity:0;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg) translateY(24px) scale(.98)}}@media(max-width:1080px){.showcase-hero-grid{grid-template-columns:1fr}.showcase-hero-copy{max-width:760px}.showcase-command-center{width:min(760px,100%);margin-inline:auto;transform:none}.showcase-highlight-grid{grid-template-columns:repeat(3,1fr)}.showcase-stack-layout{grid-template-columns:1fr;gap:48px}.showcase-stack .showcase-section-heading{max-width:650px}.showcase-architecture-flow{grid-template-columns:repeat(2,1fr);gap:14px}.showcase-architecture-step{display:block}.showcase-flow-arrow{display:none}.showcase-stat-band .showcase-container{grid-template-columns:repeat(4,1fr)}.showcase-stat-intro{grid-column:1 / -1;margin-bottom:10px;text-align:center}}@media(max-width:760px){.showcase-container,.showcase-nav{width:min(100% - 32px,1180px)}.showcase-nav{height:66px}.showcase-nav nav{display:none}.showcase-nav-demo{padding-inline:13px}.showcase-hero{min-height:auto;padding:116px 0 84px}.showcase-hero h1{font-size:clamp(2.75rem,13vw,4rem)}.showcase-hero-copy>p{font-size:.92rem}.showcase-command-center{transform:none}.showcase-window-body{min-height:300px;grid-template-columns:42px 1fr}.showcase-window-kpis article{padding:9px}.showcase-window-kpis strong{font-size:.85rem}.showcase-window-panels{grid-template-columns:1fr}.showcase-window-panels>article:last-child{display:none}.showcase-window-panels>article{height:125px}.showcase-bars{height:78px}.showcase-scroll-cue{display:none}.showcase-section{padding:78px 0}.showcase-section-heading{margin-bottom:34px}.showcase-highlight-grid,.showcase-stack-grid{grid-template-columns:repeat(2,1fr)}.showcase-release-track{display:flex;overflow-x:auto;padding:0 8px 16px;scroll-snap-type:x mandatory}.showcase-release-track:before{right:50px;left:50px}.showcase-release-track li{min-width:105px;scroll-snap-align:start}.showcase-stat-band .showcase-container{grid-template-columns:repeat(2,1fr)}.showcase-preview-grid{grid-template-columns:1fr}.showcase-product-preview{height:270px}.showcase-cta .showcase-container{align-items:flex-start;flex-direction:column}.showcase-footer .showcase-container{align-items:flex-start;flex-direction:column;gap:24px}}@media(max-width:480px){.showcase-brand small{display:none}.showcase-brand>span:last-child strong{font-size:.76rem}.showcase-nav-demo svg{display:none}.showcase-eyebrow{font-size:.58rem}.showcase-hero-actions{display:grid;grid-template-columns:1fr 1fr}.showcase-primary-action{grid-column:1 / -1}.showcase-proof{display:grid;gap:9px}.showcase-window-body{grid-template-columns:35px 1fr}.showcase-window-body>aside>i{width:15px}.showcase-window-main>div:not(.showcase-window-welcome){margin-inline:10px}.showcase-window-welcome{padding:13px 10px}.showcase-highlight-grid{grid-template-columns:1fr}.showcase-highlight-grid article{min-height:0}.showcase-stack-grid,.showcase-architecture-flow{grid-template-columns:1fr}.showcase-architecture-note{align-items:flex-start;flex-direction:column}.showcase-architecture-note i{width:100%;height:1px;margin:4px 0}.showcase-product-preview{height:230px;grid-template-columns:45px 1fr}.showcase-product-preview.is-login{grid-template-columns:1fr 1fr}.preview-body{padding:11px}.preview-chart{height:85px}.preview-login-card{width:84%;padding:13px}.showcase-footer>div>div{align-items:flex-start;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){.showcase-hero-copy,.showcase-command-center,.showcase-highlight-grid article{animation:none}.showcase-page *{scroll-behavior:auto}}.app-shell{--sidebar-width: 256px;--topbar-height: 72px;min-height:100vh;background:var(--color-background);color:var(--color-text)}.app-shell.is-dark{color-scheme:dark;--color-background: #0b1120;--color-card: #111827;--color-border: #263244;--color-text: #f8fafc;--color-text-secondary: #94a3b8;--color-surface-muted: #182235;--color-primary-soft: #172554;--color-info-soft: #172554;--color-info-text: #bfdbfe;--color-success-soft: #123524;--color-success-text: #bbf7d0;--color-warning-soft: #422f12;--color-warning-text: #fde68a;--color-danger-soft: #451a1a;--color-danger-strong: #fecaca;--color-neutral-soft: #1e293b;--color-neutral-text: #cbd5e1;--shadow-sm: 0 1px 2px rgb(0 0 0 / 22%);--shadow-md: 0 6px 18px rgb(0 0 0 / 28%);--shadow-lg: 0 18px 40px rgb(0 0 0 / 34%)}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--sidebar-width);display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 10% 0%,rgb(37 99 235 / 20%),transparent 26%),var(--color-sidebar);color:#e2e8f0;transition:width var(--transition-base),transform var(--transition-base)}.sidebar-brand{height:var(--topbar-height);display:flex;align-items:center;gap:var(--space-3);flex:0 0 var(--topbar-height);padding:0 var(--space-6);border-bottom:1px solid rgb(255 255 255 / 8%);white-space:nowrap}.sidebar-brand-mark{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid rgb(255 255 255 / 18%);border-radius:var(--radius-md);background:linear-gradient(145deg,#3b82f6,var(--color-primary-hover));box-shadow:0 8px 20px #2563eb47}.sidebar-brand-mark svg{width:23px;height:23px;fill:#ffffff1a;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar-brand-copy{min-width:0}.sidebar-brand-copy strong,.sidebar-brand-copy small{display:block}.sidebar-brand-copy strong{color:#fff;font-size:.9375rem}.sidebar-brand-copy small{margin-top:1px;color:#94a3b8;font-size:var(--font-size-caption);letter-spacing:.06em;text-transform:uppercase}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-3);scrollbar-width:thin;scrollbar-color:rgb(148 163 184 / 28%) transparent}.sidebar-group+.sidebar-group{margin-top:var(--space-4)}.sidebar-group-label{margin:0 0 var(--space-2);padding:0 var(--space-3);color:#64748b;font-size:.6875rem;font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.sidebar-link,.sidebar-collapse{width:100%;min-height:44px;justify-content:flex-start;gap:var(--space-3);padding:0 var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:#94a3b8;font-size:.875rem;font-weight:var(--font-weight-medium);white-space:nowrap}.sidebar-link:hover:not(:disabled),.sidebar-collapse:hover:not(:disabled){background:#ffffff12;color:#fff}.sidebar-link.is-active{background:linear-gradient(90deg,#2563eb59,#2563eb24);color:#fff;box-shadow:inset 3px 0 #60a5fa}.shell-icon{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-footer{padding:var(--space-3);border-top:1px solid rgb(255 255 255 / 8%)}.sidebar-version{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);color:#64748b;font-size:var(--font-size-caption);white-space:nowrap}.sidebar-status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 3px #22c55e1f}.app-shell.is-collapsed{--sidebar-width: 80px}.app-shell.is-collapsed .sidebar-brand,.app-shell.is-collapsed .sidebar-link,.app-shell.is-collapsed .sidebar-collapse{justify-content:center;padding-inline:0}.app-shell.is-collapsed .sidebar-brand-copy,.app-shell.is-collapsed .sidebar-group-label,.app-shell.is-collapsed .sidebar-link span,.app-shell.is-collapsed .sidebar-version span:not(.sidebar-status-dot),.app-shell.is-collapsed .sidebar-collapse span{display:none}.app-shell.is-collapsed .sidebar-version{justify-content:center;padding-inline:0}.app-shell.is-collapsed .sidebar-collapse .shell-icon{transform:rotate(180deg)}.app-topbar{position:fixed;inset:0 0 auto var(--sidebar-width);z-index:30;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-card) 92%,transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:left var(--transition-base),background-color var(--transition-base)}.topbar-title-wrap,.topbar-actions,.profile-trigger,.profile-popover-user,.popover-heading{display:flex;align-items:center}.topbar-title-wrap{min-width:170px;gap:var(--space-3)}.topbar-menu-button{display:none}.topbar-title span,.topbar-title h1{display:block;margin:0}.topbar-title span{color:var(--color-text-secondary);font-size:.6875rem;font-weight:var(--font-weight-semibold);letter-spacing:.07em;line-height:1.1;text-transform:uppercase}.topbar-title h1{margin-top:3px;font-size:1.125rem;letter-spacing:-.015em}.topbar-actions{justify-content:flex-end;gap:var(--space-2);min-width:0}.topbar-search{position:relative;width:clamp(220px,26vw,360px)}.topbar-search>.shell-icon{position:absolute;top:50%;left:var(--space-3);z-index:1;color:var(--color-text-secondary);transform:translateY(-50%);pointer-events:none}.topbar-search input[type=search]{height:42px;padding:0 54px 0 40px;border-radius:var(--radius-md);background:var(--color-background);font-size:.875rem}.topbar-search kbd{position:absolute;top:50%;right:var(--space-2);padding:2px 6px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-card);color:var(--color-text-secondary);font-family:inherit;font-size:.6875rem;transform:translateY(-50%)}.topbar-search-results{position:absolute;top:calc(100% + var(--space-2));right:0;left:0;overflow:hidden;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-lg)}.topbar-search-results button{width:100%;min-height:42px;justify-content:flex-start;gap:var(--space-3);padding:0 var(--space-3);background:transparent;color:var(--color-text);font-weight:var(--font-weight-medium)}.topbar-search-results button:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary)}.topbar-search-results button small{margin-left:auto;color:var(--color-text-secondary)}.topbar-search-results p{margin:0;padding:var(--space-3);color:var(--color-text-secondary);font-size:.8125rem;text-align:center}.topbar-icon-button,.topbar-menu-button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-text-secondary)}.topbar-icon-button:hover:not(:disabled),.topbar-menu-button:hover:not(:disabled){border-color:#cbd5e1;background:var(--color-surface-muted);color:var(--color-primary)}.notification-trigger{position:relative}.notification-trigger.has-unread{border-color:#bfdbfe;color:var(--color-primary)}.notification-count{position:absolute;top:-5px;right:-5px;display:grid;min-width:18px;height:18px;place-items:center;padding:0 5px;border:2px solid var(--color-card);border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:.625rem;font-weight:var(--font-weight-bold);line-height:1;box-shadow:0 2px 7px #ef444447}.topbar-popover-wrap{position:relative}.topbar-popover{position:absolute;top:calc(100% + var(--space-3));right:0;width:320px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-lg)}.popover-heading{justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.popover-heading>div{min-width:0}.popover-heading>div strong,.popover-heading>div span{display:block}.popover-heading>div span{margin-top:2px}.popover-heading>button{min-height:30px;padding:4px 8px;background:transparent;color:var(--color-primary);font-size:var(--font-size-caption)}.popover-heading>button:hover:not(:disabled){background:var(--color-primary-soft)}.popover-heading span{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.notification-empty{padding:var(--space-8) var(--space-4);text-align:center}.notification-empty>span{width:44px;height:44px;display:grid;place-items:center;margin:0 auto var(--space-3);border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary)}.notification-empty strong{display:block;font-size:.875rem}.notification-empty p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-caption)}.notification-list{max-height:390px;overflow-y:auto}.notification-item{position:relative;width:100%;min-height:84px;justify-content:flex-start;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:var(--color-card);color:var(--color-text);text-align:left;white-space:normal}.notification-item:hover:not(:disabled){background:var(--color-background)}.notification-item.is-unread{background:color-mix(in srgb,var(--color-primary-soft) 70%,var(--color-card))}.notification-item.is-unread:hover:not(:disabled){background:var(--color-primary-soft)}.notification-item-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:var(--color-primary-soft);color:var(--color-primary)}.notification-item-icon .shell-icon{width:18px;height:18px}.notification-item-icon.priority-high{color:#b45309;background:#fffbeb}.notification-item-icon.priority-critical{color:#dc2626;background:#fef2f2}.notification-item-icon.priority-low{color:#64748b;background:#f1f5f9}[data-theme=dark] .notification-item-icon.priority-high{background:#f59e0b22}[data-theme=dark] .notification-item-icon.priority-critical{background:#ef444422}[data-theme=dark] .notification-item-icon.priority-low{background:#64748b22}.notification-item-copy{min-width:0;flex:1}.notification-item-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.notification-item-meta strong{color:var(--color-primary);font-size:.6875rem}.notification-item-meta time{color:var(--color-text-secondary);font-size:.625rem;font-weight:var(--font-weight-regular);white-space:nowrap}.notification-item-copy b,.notification-item-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-copy b{margin-top:3px;color:var(--color-text);font-size:.8125rem}.notification-item-copy small{margin-top:3px;color:var(--color-text-secondary);font-size:.6875rem;font-weight:var(--font-weight-regular)}.notification-unread-dot{position:absolute;top:50%;right:8px;width:6px;height:6px;border-radius:50%;background:var(--color-primary);transform:translateY(-50%)}.notification-view-all{width:100%;min-height:42px;border:0;border-radius:0;background:var(--color-card);color:var(--color-primary);font-size:.75rem}.notification-view-all:hover:not(:disabled){background:var(--color-primary-soft)}.notification-loading{padding:var(--space-3) var(--space-4)}.notification-loading span{position:relative;display:block;height:58px;overflow:hidden;margin-bottom:var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.notification-loading span:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 70%),transparent);content:"";transform:translate(-100%);animation:notification-shimmer 1.25s infinite}.notification-loading span:last-child{margin-bottom:0}@keyframes notification-shimmer{to{transform:translate(100%)}}.profile-trigger{min-height:46px;gap:var(--space-2);padding:3px var(--space-2) 3px 4px;border:1px solid transparent;background:transparent;color:var(--color-text)}.profile-trigger:hover:not(:disabled){border-color:var(--color-border);background:var(--color-surface-muted)}.profile-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--color-primary),#60a5fa);color:#fff;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:.03em}.profile-copy{max-width:140px;text-align:left}.profile-copy strong,.profile-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy strong{font-size:.8125rem}.profile-copy small{margin-top:1px;color:var(--color-text-secondary);font-size:.6875rem;font-weight:var(--font-weight-regular)}.profile-trigger>.shell-icon{width:16px;height:16px}.profile-popover{width:290px;padding:var(--space-3)}.profile-popover-user{gap:var(--space-3);min-width:0;padding:var(--space-1)}.profile-avatar-large{width:42px;height:42px;flex-basis:42px}.profile-popover-user>span:last-child{min-width:0}.profile-popover-user strong,.profile-popover-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-popover-user strong{font-size:.875rem}.profile-popover-user small{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.profile-role{margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-info-text);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.profile-logout{width:100%;justify-content:flex-start;gap:var(--space-2);background:transparent;color:var(--color-danger-strong)}.profile-logout:hover:not(:disabled){background:var(--color-danger-soft)}.app-main{min-height:100vh;margin-left:var(--sidebar-width);padding:calc(var(--topbar-height) + var(--space-6)) var(--space-6) var(--space-6);transition:margin-left var(--transition-base)}.app-page-card{width:min(100%,1440px);min-height:calc(100vh - var(--topbar-height) - 48px);margin:0 auto}.sidebar-backdrop{display:none}@media(max-width:1100px){.profile-copy,.profile-trigger>.shell-icon{display:none}.profile-trigger{padding-right:4px}}@media(max-width:820px){.app-shell,.app-shell.is-collapsed{--sidebar-width: 0px}.app-sidebar{width:272px;transform:translate(-100%);box-shadow:var(--shadow-lg)}.app-sidebar.is-mobile-open{transform:translate(0)}.sidebar-brand-copy,.sidebar-group-label,.sidebar-link span,.sidebar-version span:not(.sidebar-status-dot),.sidebar-collapse span{display:initial!important}.sidebar-brand,.sidebar-link,.sidebar-collapse{justify-content:flex-start!important;padding-inline:var(--space-3)!important}.sidebar-brand{padding-inline:var(--space-6)!important}.sidebar-version{justify-content:flex-start!important;padding-inline:var(--space-3)!important}.sidebar-collapse{display:none}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#0f172a85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.app-shell button.sidebar-backdrop:hover:not(:disabled){background:#0f172a85}.topbar-menu-button{display:inline-flex}.app-topbar{left:0;padding-inline:var(--space-4)}.app-main{margin-left:0;padding:calc(var(--topbar-height) + var(--space-4)) var(--space-4) var(--space-4)}.app-page-card{min-height:calc(100vh - var(--topbar-height) - 32px)}}@media(max-width:640px){.app-topbar{gap:var(--space-2)}.topbar-title-wrap{min-width:0}.topbar-title span{display:none}.topbar-title h1{max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-search{width:42px}.topbar-search input[type=search]{width:42px;padding:0;color:transparent;cursor:pointer}.topbar-search input[type=search]::placeholder,.topbar-search kbd{color:transparent;border-color:transparent;background:transparent}.topbar-search:focus-within{position:fixed;top:var(--space-3);right:var(--space-4);left:var(--space-4);z-index:50;width:auto}.topbar-search:focus-within input[type=search]{width:100%;padding:0 44px 0 40px;color:var(--color-text);box-shadow:var(--shadow-lg);cursor:text}.topbar-search:focus-within input[type=search]::placeholder{color:var(--color-text-secondary)}.topbar-search:focus-within kbd{color:var(--color-text-secondary);border-color:var(--color-border);background:var(--color-card)}.topbar-search-results{position:fixed;top:calc(var(--topbar-height) - 8px);right:var(--space-4);left:var(--space-4)}.profile-trigger{min-width:42px;width:42px}.profile-avatar{width:34px;height:34px;flex-basis:34px}.topbar-icon-button,.topbar-menu-button,.profile-trigger,.topbar-search,.topbar-search input[type=search]{width:40px;min-width:40px;height:40px;min-height:40px}.topbar-actions{gap:var(--space-1)}.notification-popover,.profile-popover{position:fixed;top:calc(var(--topbar-height) - 2px);right:var(--space-3);left:var(--space-3);width:auto}.app-page-card{padding:var(--space-4)}}@media(max-width:430px){.topbar-title{display:none}.topbar-actions{margin-left:auto}}:root{color-scheme:light;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-background: #f8fafc;--color-sidebar: #0f172a;--color-card: #ffffff;--color-border: #e2e8f0;--color-text: #0f172a;--color-text-secondary: #64748b;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #2563eb;--color-primary-soft: #eff6ff;--color-surface-muted: #f1f5f9;--color-success-soft: #dcfce7;--color-success-text: #166534;--color-warning-soft: #fef3c7;--color-warning-text: #92400e;--color-danger-soft: #fee2e2;--color-danger-hover: #dc2626;--color-danger-strong: #b91c1c;--color-info-soft: #dbeafe;--color-info-text: #1e40af;--color-neutral-soft: #f1f5f9;--color-neutral-text: #475569;--color-accent-soft: #ede9fe;--color-accent-text: #6d28d9;--color-focus-ring: rgb(37 99 235 / 24%);--color-overlay: rgb(15 23 42 / 45%);--font-family-sans: "Inter", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--font-size-h1: 2.125rem;--font-size-h2: 1.625rem;--font-size-h3: 1.1875rem;--font-size-body: 1.0625rem;--font-size-caption: .8125rem;--line-height-heading: 1.25;--line-height-body: 1.65;--line-height-caption: 1.55;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgb(15 23 42 / 6%);--shadow-md: 0 4px 12px rgb(15 23 42 / 10%);--shadow-lg: 0 12px 28px rgb(15 23 42 / 14%);--control-height: 2.5rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--ease-enterprise: cubic-bezier(.2, 0, 0, 1)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-family-sans);background:var(--color-background);color:var(--color-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{margin:0;font-family:inherit;font-size:var(--font-size-body);line-height:var(--line-height-body);background:var(--color-background);color:var(--color-text);overflow-x:hidden}button,input,select,textarea{accent-color:var(--color-primary)}button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}::selection{background:var(--color-info-soft);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}h1,.text-h1{margin-block:0 var(--space-4);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:-.02em}h2,.text-h2{margin-block:0 var(--space-3);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);letter-spacing:-.015em}h3,.text-h3{margin-block:0 var(--space-2);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-heading)}p,.text-body{font-size:var(--font-size-body);line-height:var(--line-height-body)}.text-caption{font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary)}.text-secondary{color:var(--color-text-secondary)}button,.btn{min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-size:.875rem;font-weight:var(--font-weight-semibold);line-height:1.25rem;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-primary);color:#fff;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}button:hover:not(:disabled),.btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-primary-hover);box-shadow:0 4px 12px #2563eb29}button:active:not(:disabled),.btn:active:not(:disabled):not([aria-disabled=true]){transform:translateY(1px)}.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary,button.secondary{border-color:var(--color-border);background:var(--color-surface-muted);color:var(--color-text)}.btn-secondary:hover:not(:disabled),button.secondary:hover:not(:disabled){border-color:#cbd5e1;background:var(--color-border)}.btn-danger,button.danger-solid{background:var(--color-danger);color:var(--color-text)}.btn-danger:hover:not(:disabled),button.danger-solid:hover:not(:disabled){background:var(--color-danger-hover);color:#fff}.btn-ghost,button.link,button.danger{min-height:auto;padding:var(--space-1) var(--space-2);border-color:transparent;background:transparent;color:var(--color-primary)}.btn-ghost:hover:not(:disabled),button.link:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary-hover)}button.danger,button.danger:hover:not(:disabled){background:transparent;color:var(--color-danger-strong)}.btn-outline{border-color:var(--color-primary);background:transparent;color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary-soft)}button:disabled,.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-loading,.btn[aria-busy=true]{cursor:wait;pointer-events:none}.btn-loading:before,.btn[aria-busy=true]:before{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;content:"";animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.badge{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:1;white-space:nowrap}.badge-success{background:var(--color-success-soft);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-soft);color:var(--color-danger-strong)}.badge-info{background:var(--color-info-soft);color:var(--color-info-text)}.card{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);box-shadow:var(--shadow-sm)}.card-hover,.card-interactive{transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.card-hover:hover,.card-interactive:hover{border-color:#cbd5e1;box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}label{display:block;margin:var(--space-3) 0 var(--space-1);color:var(--color-text);font-size:.875rem;font-weight:var(--font-weight-semibold)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=date],input[type=number],select,textarea,.input{width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);color:var(--color-text);font:inherit;font-size:.9375rem;line-height:1.5;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}textarea{min-height:6rem;resize:vertical}select{cursor:pointer}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:1}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled),.input:hover:not(:disabled){border-color:#cbd5e1}input:focus,select:focus,textarea:focus,.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-focus-ring)}input.invalid,select.invalid,textarea.invalid,.input-invalid{border-color:var(--color-danger)}input:disabled,select:disabled,textarea:disabled{background:var(--color-surface-muted);color:var(--color-text-secondary);cursor:not-allowed;opacity:.75}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);transition:opacity var(--transition-fast)}table,.table{width:100%;border-collapse:collapse;color:var(--color-text);font-size:.875rem}th,td,.table th,.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}th,.table th{background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.02em;text-transform:uppercase}tbody tr,.table-row{transition:background-color var(--transition-fast)}tbody tr:hover,.table-row:hover{background:var(--color-background)}tbody tr.is-selected,.table-row.is-selected,.table-row[aria-selected=true]{background:var(--color-primary-soft)}tbody tr:last-child td{border-bottom:0}@media(forced-colors:active){button,.btn,.card,input,select,textarea{forced-color-adjust:auto}.badge{border:1px solid currentColor}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.875rem}.pagination-actions{display:inline-flex;align-items:center;gap:var(--space-2)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:#fff;background:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-160%);transition:transform var(--transition-fast) var(--ease-enterprise)}.skip-link:focus{transform:translateY(0)}.app-boot{display:grid;min-height:100vh;place-items:center;align-content:center;gap:var(--space-2);color:var(--color-text);background:radial-gradient(circle at 50% 35%,var(--color-primary-soft),transparent 34%),var(--color-background)}.app-boot-mark{width:48px;height:48px;margin-bottom:var(--space-2);border:1px solid rgb(255 255 255 / 25%);border-radius:var(--radius-md);background:linear-gradient(145deg,#3b82f6,var(--color-primary-hover));box-shadow:0 10px 24px #2563eb3d}.app-boot strong{font-size:1rem}.app-boot small{color:var(--color-text-secondary)}.app-boot-progress{width:150px;height:3px;overflow:hidden;margin-top:var(--space-3);border-radius:var(--radius-full);background:var(--color-border)}.app-boot-progress i{display:block;width:45%;height:100%;border-radius:inherit;background:var(--color-primary);animation:app-boot-progress 1.1s var(--ease-enterprise) infinite alternate}.app-page-content{min-width:0;animation:page-enter var(--transition-slow) var(--ease-enterprise)}.page-loading{display:grid;gap:var(--space-4);width:100%;min-height:320px;padding:var(--space-4) 0}.page-loading-title{width:min(320px,60%);height:42px;border-radius:var(--radius-md)}.page-loading-card{width:100%;height:260px;border-radius:var(--radius-lg)}@keyframes app-boot-progress{to{transform:translate(125%)}}@keyframes page-enter{0%{opacity:0;transform:translateY(5px)}}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:var(--radius-full);background:#cbd5e1;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:padding-box}.container{max-width:480px;margin:var(--space-12) auto;padding:0 var(--space-4)}.container.wide{max-width:1040px}.row{display:flex;gap:var(--space-2);align-items:center}.row.end{justify-content:flex-end}.row .grow{flex:1}.between{display:flex;justify-content:space-between;align-items:center}.mt{margin-top:var(--space-4)}.muted{color:var(--color-text-secondary);font-size:14px}.error{color:var(--color-danger-strong);font-size:14px;margin-top:8px}.field-error{color:var(--color-danger-strong);font-size:13px;margin:4px 0 0}.link{font-weight:var(--font-weight-regular)}.table-wrap.is-refreshing{opacity:.5;pointer-events:none}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--color-text)}.sort-arrow{color:var(--color-primary)}.table-wrap thead th{position:sticky;top:0;z-index:1}.toolbar{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between}.search-input{max-width:360px}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3) var(--space-4)}.filter-field{display:flex;flex-direction:column;gap:var(--space-1);min-width:160px;flex:1 1 160px}.filter-field label{margin:0;font-size:13px;color:var(--color-text-secondary)}.filter-field:first-child{flex:2 1 240px}.filter-actions{display:flex;gap:var(--space-2);align-items:center;margin-left:auto;flex-wrap:wrap}@media(max-width:600px){.filter-bar{flex-direction:column;align-items:stretch}.filter-field,.filter-field:first-child{min-width:0;flex:1 1 auto}.filter-actions{margin-left:0;justify-content:space-between}}.columns-picker{position:relative}.columns-panel{position:absolute;right:0;top:calc(100% + 6px);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);box-shadow:var(--shadow-md);z-index:20;display:flex;flex-direction:column;gap:var(--space-2);min-width:170px}.columns-panel-item{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;margin:0;white-space:nowrap}.columns-panel-item input{width:auto}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md)}.empty-state h3{margin:0 0 6px;font-size:17px}.empty-state button{margin-top:16px}.delete-summary{background:var(--color-background);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4)}.delete-summary-tag{font-weight:700;font-size:15px}.delete-summary-name{color:var(--color-text-secondary);font-size:14px;margin-top:2px}.badge-available,.badge-returned,.badge-return,.badge-ticket-resolved,.badge-audit-return,.badge-audit-resolve{background:var(--color-success-soft);color:var(--color-success-text)}.badge-repair,.badge-warranty-soon,.badge-damaged,.badge-ticket-in_progress,.badge-priority-high,.badge-audit-update,.badge-audit-start-progress{background:var(--color-warning-soft);color:var(--color-warning-text)}.badge-warranty-expired,.badge-lost,.badge-priority-critical,.badge-audit-delete{background:var(--color-danger-soft);color:var(--color-danger-strong)}.badge-in_use,.badge-assigned,.badge-assignment,.badge-ticket-open,.badge-priority-medium,.badge-audit-create,.badge-audit-assign,.badge-audit-open,.badge-audit-login{background:var(--color-info-soft);color:var(--color-info-text)}.badge-disposed,.badge-ticket-on_hold,.badge-ticket-closed,.badge-priority-low,.badge-audit-on-hold,.badge-audit-close{background:var(--color-neutral-soft);color:var(--color-neutral-text)}.badge-new-asset,.badge-audit-export-report{background:var(--color-accent-soft);color:var(--color-accent-text)}.badge-warranty-expired,.badge-warranty-soon{margin-left:6px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:overlay-enter var(--transition-fast) var(--ease-enterprise)}.modal{max-width:520px;width:100%;max-height:90vh;overflow-y:auto;animation:modal-enter var(--transition-base) var(--ease-enterprise)}@keyframes overlay-enter{0%{opacity:0}}@keyframes modal-enter{0%{opacity:0;transform:translateY(8px) scale(.985)}}[data-theme=dark] *{scrollbar-color:#475569 transparent}[data-theme=dark] *::-webkit-scrollbar-thumb{background:#475569;background-clip:padding-box}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.tab{background:none;color:var(--color-text-secondary);font-weight:600;font-size:14px;padding:10px 14px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:2px solid transparent}.tab:hover{background:var(--color-background);color:var(--color-text)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.section-title{font-size:17px;margin:0}.form-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin:20px 0 4px;padding-top:14px;border-top:1px solid var(--color-border)}.form-section-title:first-child{margin-top:0;padding-top:0;border-top:none}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin:16px 0 4px}.checkbox-row input{width:auto}.empty-dropdown{border:1px dashed var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;text-align:center}.empty-dropdown p{margin:0 0 4px}.dashboard-section{margin-top:28px}.dashboard-section:first-child{margin-top:0}.dashboard-section h3{font-size:15px;margin:0 0 12px}.stat-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media(max-width:900px){.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.stat-cards{grid-template-columns:1fr}}.stat-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px}.stat-card-label{color:var(--color-text-secondary);font-size:13px;margin:0 0 6px}.stat-card-value{font-size:24px;font-weight:700;line-height:1.2}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:900px){.charts-grid{grid-template-columns:1fr}}.bar-chart{display:flex;flex-direction:column;gap:10px}.bar-chart-row{display:flex;align-items:center;gap:10px}.bar-chart-label{width:40%;flex-shrink:0;font-size:13px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-chart-track{flex:1;background:var(--color-border);border-radius:var(--space-1);height:10px;overflow:hidden}.bar-chart-fill{height:100%;background:var(--color-primary);border-radius:var(--space-1)}.bar-chart-value{width:36px;flex-shrink:0;text-align:right;font-size:13px;font-weight:600}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border);font-size:14px}.activity-item:last-child{border-bottom:none}.activity-time{color:var(--color-text-secondary);font-size:12px;white-space:nowrap}.report-card{text-align:left;cursor:pointer;font:inherit;color:inherit;display:block;width:100%;min-width:0;border:1px solid transparent;white-space:normal;overflow-wrap:anywhere;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.report-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.report-card h3{margin:0 0 6px;font-size:15px}.report-card p{margin:0}.audit-detail-modal{max-width:720px}.audit-detail-meta{display:flex;flex-direction:column;gap:4px;font-size:14px}.audit-detail-json{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audit-detail-json h3{margin:0 0 6px;font-size:14px}@media(max-width:600px){.audit-detail-json{grid-template-columns:1fr}}.json-viewer{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;line-height:1.5;overflow-x:auto;white-space:pre;margin:0}:root{--font-size-h1: 2.125rem;--font-size-h2: 1.625rem;--font-size-h3: 1.1875rem;--font-size-body: 1.0625rem;--font-size-caption: .8125rem;--line-height-body: 1.65;--line-height-caption: 1.55}body{font-size:var(--font-size-body);line-height:var(--line-height-body)}.app-shell :where(button,input,select,textarea){font-size:.9375rem!important}.app-shell :where(p,.muted,.error){font-size:.9375rem!important;line-height:1.65!important}.app-shell :where(small,time,code,.text-caption,.field-error){font-size:.8125rem!important;line-height:1.55!important}.app-shell :where(label,.filter-field label){font-size:.875rem!important;line-height:1.5!important}.app-shell :where(table th){font-size:.8125rem!important;line-height:1.45!important}.app-shell :where(table td){font-size:.875rem!important;line-height:1.55!important}.app-shell :where(.badge,[class*=-badge],[class*=-chip],[class*=-eyebrow]){font-size:.8125rem!important;line-height:1.4!important}.app-shell .app-main h1{font-size:clamp(2rem,3vw,2.375rem)!important}.app-shell .app-main h2{font-size:1.375rem!important}.app-shell .app-main h3{font-size:1.0625rem!important;line-height:1.45!important}.app-shell :where(.sidebar-nav button,.sidebar-footer button){font-size:.9375rem!important}.app-shell :where(.sidebar-group-label,.topbar-context,.topbar-profile-role,.sidebar-version){font-size:.8125rem!important;line-height:1.45!important}.app-shell :where(.topbar-title,.topbar-profile-name){font-size:.9375rem!important}.app-shell :where(.assets-table-meta span,.assets-bulk-bar span,.assets-tag-cell small,.assets-mono,.assets-pagination>span,.assignment-status-card em,.holder-copy span,.current-holder-item time,.assignment-timeline strong,.assignment-timeline time,.assignment-refreshing,.assignment-asset-cell small,.assignment-holder-cell small,.assignment-pagination>span,.hd-panel-head>span,.hd-details,.hd-assignee strong,.hd-pagination>div span,.hd-timeline strong,.reports-intro>span,.reports-card-footer,.reports-card-footer b,.report-section-head>b,.report-bar span,.report-bar strong,.report-pagination>span,.report-pagination b,.audit-toolbar b,.audit-quick>span,.audit-quick button b,.audit-panel-head>span,.audit-time strong,.audit-action,.audit-entity,.audit-actor strong,.audit-pagination>span,.audit-pagination b,.audit-diff-title span,.audit-diff-title b,.audit-diff-title code,.audit-diff-row>strong,.audit-diff-footer>span,.master-hero>div:first-child>span,.master-pagination>span,.master-pagination b){font-size:.8125rem!important;line-height:1.5!important}.app-shell :where(.assets-tag-cell strong,.holder-copy strong,.assignment-asset-cell strong,.assignment-holder-cell strong,.hd-ticket-meta>strong,.hd-assignee strong){font-size:.875rem!important;line-height:1.45!important}.app-shell :where(.holder-avatar,.holder-avatar span,.assignment-holder-cell>span){font-size:.8125rem!important;line-height:1!important}.login-page :where(p,label,input,button),.register-page :where(p,label,input,button){font-size:.9375rem!important;line-height:1.6!important}.login-page :where(small,.login-welcome,.login-eyebrow,.login-version,.login-mobile-version),.register-page :where(small,.register-heading>span){font-size:.8125rem!important;line-height:1.5!important}.showcase-page :where(.showcase-nav a,.showcase-nav button,.showcase-hero-actions a,.showcase-hero-actions button){font-size:.875rem!important}.showcase-page :where(.showcase-section-heading p,.showcase-highlight-grid p,.showcase-cta p){font-size:.9375rem!important;line-height:1.7!important}.showcase-page :where(.showcase-stack-grid strong,.showcase-architecture-step strong){font-size:.9375rem!important}.showcase-page :where(.showcase-stack-grid small,.showcase-architecture-step p,.showcase-release-track strong,.showcase-release-track small,.showcase-stat span,.showcase-footer){font-size:.8125rem!important;line-height:1.5!important}@media(max-width:600px){.app-shell .app-main h1{font-size:1.875rem!important}.app-shell .app-main h2{font-size:1.25rem!important}.app-shell :where(button,input,select,textarea){font-size:1rem!important}.login-page :where(input,button),.register-page :where(input,button),.showcase-page :where(a,button){font-size:1rem!important}}