:root{--sans:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;--heading:var(--sans);--mono:ui-monospace, "SF Mono", Consolas, monospace;--background:#f8f7f4;--foreground:#263746;--card:#fff;--card-foreground:#263746;--popover:#fff;--popover-foreground:#263746;--primary:#496b82;--primary-foreground:#fff;--primary-strong:#3b5567;--secondary:#f1eee8;--secondary-foreground:#263746;--muted:#f1eee8;--muted-foreground:#6e7b85;--accent:#eaf1f5;--accent-foreground:#315c78;--accent-strong:#3b5567;--destructive:#d86f68;--success:#35a98c;--warning:#d5a72f;--info:#5e91b1;--progress:#de8552;--input:#e7e2da;--ring:#496b82;--border:#e7e2da;--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(60% .2 280);--chart-3:oklch(50% .15 300);--chart-4:oklch(45% .18 260);--chart-5:oklch(35% .12 280);--radius:.375rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:var(--radius);--radius-xl:.5rem;--radius-2xl:.5rem;--radius-3xl:.5rem;--radius-4xl:.5rem;--sidebar:#fff;--sidebar-foreground:#5b6470;--sidebar-primary:var(--brand-soft);--sidebar-primary-foreground:var(--brand-strong);--sidebar-accent:#f4f1ec;--sidebar-accent-foreground:#22313b;--sidebar-border:#ece7df;--sidebar-ring:color-mix(in oklab, var(--brand) 45%, transparent);--sidebar-muted:#8a929c;--card-shadow:0 1px 2px #2637460d;--shadow-sm:0 1px 2px #2637460f;--shadow-md:0 4px 12px #2637461a;--shadow-lg:0 12px 28px #26374624;--surface-2:#f1eee8;--warning-soft:#fef5d5;--info-soft:#eef5fa;--success-soft:#e7f7f2;--progress-soft:#fff0e7;--brand:#f7a21b;--brand-strong:#c26a00;--brand-soft:#fef1dd;--text-form:#344554;--text-helper:#7b858c}*{box-sizing:border-box}html{font-family:var(--sans);scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font:16px/1.5 var(--sans);letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit;text-decoration:none}code{font-family:var(--mono);background:var(--muted);color:var(--foreground);border-radius:6px;padding:2px 6px;font-size:13px}.text-ellipsis,.mono-ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;display:block;overflow:hidden}.mono-ellipsis{font-family:var(--mono);font-size:13px}.text-clamp-2,.text-clamp-3{-webkit-box-orient:vertical;min-width:0;max-width:100%;display:-webkit-box;overflow:hidden}.text-clamp-2{-webkit-line-clamp:2}.text-clamp-3{-webkit-line-clamp:3}.bounded-text{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}*{scrollbar-width:thin;scrollbar-color:color-mix(in oklab, var(--muted-foreground) 30%, transparent) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in oklab, var(--muted-foreground) 28%, transparent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab, var(--muted-foreground) 50%, transparent);background-clip:padding-box}::-webkit-scrollbar-track{background:0 0}.layout{min-height:100vh;display:flex}.sidebar{flex:none;height:100vh;display:flex;position:sticky;top:0}.nav-rail{background:var(--sidebar);width:72px;color:var(--sidebar-foreground);border-right:1px solid var(--sidebar-border);flex-direction:column;flex:none;display:flex}.nav-rail-brand{flex:none;justify-content:center;align-items:center;height:58px;display:flex}.nav-rail-body{flex-direction:column;flex:1;min-height:0;display:flex}.nav-rail-brand img{border-radius:8px;width:32px;height:32px;display:block}.nav-rail-list{flex-direction:column;flex:1;gap:2px;margin:0;padding:2px 8px 8px;list-style:none;display:flex;overflow:hidden auto}.nav-rail-pinned{border-top:1px solid var(--sidebar-border);flex-direction:column;flex:none;gap:2px;margin:0;padding:6px 8px 10px;list-style:none;display:flex}.nav-rail-item{border-radius:var(--radius-md);width:100%;color:var(--sidebar-foreground);cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-family:inherit;font-size:13px;line-height:1.2;transition:background .15s,color .15s;display:flex;position:relative}.nav-rail-item svg{flex:none;width:20px;height:20px;transition:transform .15s,color .15s}.nav-rail-item:hover svg{color:color-mix(in oklab, var(--brand) 70%, var(--brand-strong));transform:translateY(-3px)scale(1.1)}@media (prefers-reduced-motion:reduce){.nav-rail .nav-rail-item:hover svg{transform:none}}.nav-rail-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.nav-rail-item:hover{background:var(--sidebar-accent)}.nav-rail-item.active{background:var(--sidebar-primary);color:var(--sidebar-primary-foreground);font-weight:600}.nav-rail-item.active:before{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.nav-panel{z-index:85;background:var(--card);border-right:1px solid var(--border);width:216px;height:100vh;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;flex-direction:column;flex:none;transition:transform .18s,opacity .18s;display:flex;position:fixed;top:0;left:72px;transform:translate(-100%)}.nav-panel.open{opacity:1;pointer-events:auto;transform:translate(0)}.nav-panel-list{flex-direction:column;flex:1;gap:2px;margin:0;padding:12px 8px;list-style:none;display:flex;overflow:hidden auto}.nav-panel-group-label{height:32px;color:var(--muted-foreground);white-space:nowrap;align-items:center;margin-top:8px;padding:0 16px;font-size:12px;font-weight:600;display:flex}.nav-panel-group-label:first-child{margin-top:0}.nav-link{border-radius:var(--radius-md);width:100%;height:40px;color:var(--text-form);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 16px;font-family:inherit;font-size:14px;line-height:1.25;transition:background .15s,color .15s;display:flex}.nav-link svg{opacity:.85;flex:none;width:16px;height:16px}.nav-link:hover{background:var(--accent);color:var(--accent-foreground)}.nav-link.active{background:var(--accent);color:var(--accent-foreground);font-weight:600}.nav-link.active svg{color:var(--primary);opacity:1}.nav-link span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border);flex:none;padding:8px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:30;background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{flex-direction:column;gap:4px;min-width:0;line-height:1.2;display:flex}.topbar-title b{font-size:22px;font-weight:600;font-family:var(--heading);color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-title-back{all:unset;cursor:pointer;min-width:0;display:block}.topbar-title-back:hover b{text-decoration:underline}.topbar-title small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:400;overflow:hidden}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-notify{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);width:34px;height:32px;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.topbar-notify:hover{background:var(--muted);border-color:color-mix(in oklab, var(--primary) 36%, var(--border))}.topbar-notify:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 40%, transparent);outline:none}.topbar-notify svg{width:16px;height:16px}.topbar-notify-dot{border:2px solid var(--card);background:var(--destructive);border-radius:999px;width:7px;height:7px;position:absolute;top:6px;right:7px}.content{width:100%;max-width:none;padding:32px clamp(24px,2.2vw,44px) 120px}.section{margin-bottom:56px;padding-top:8px;scroll-margin-top:84px}.section-head{margin-bottom:18px}.section-head h2{font-family:var(--heading);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:600;overflow:hidden}.section-head p{color:var(--muted-foreground);max-width:72ch;margin-top:6px;font-size:14px}.section-divider{background:var(--border);border:0;height:1px;margin:0 0 28px}.demo{background:var(--card);color:var(--card-foreground);border-radius:var(--radius-md);box-shadow:0 0 0 1px var(--border), var(--card-shadow);margin-top:16px;padding:24px}.demo+.demo{margin-top:18px}.demo-title{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin-bottom:16px;font-size:13px;font-weight:600;overflow:hidden}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.col{flex-direction:column;gap:12px;display:flex}.grid{gap:14px;display:grid}.label-line{color:var(--muted-foreground);margin-bottom:8px;font-size:13px}.swatches{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.swatch{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);overflow:hidden}.swatch-chip{height:64px}.swatch-meta{padding:10px 12px}.swatch-name{font-size:13px;font-weight:600}.swatch-val{color:var(--muted-foreground);font-size:11px;font-family:var(--mono);word-break:break-all;margin-top:3px}.swatch.bordered .swatch-chip{box-shadow:inset 0 0 0 1px var(--border)}.text-levels>div{border-bottom:1px dashed var(--border);padding:8px 0}.text-levels>div:last-child{border-bottom:0}.t-fg{color:var(--foreground)}.t-secondary{color:var(--secondary-foreground)}.t-muted{color:var(--muted-foreground)}.t-primary{color:var(--primary)}.t-destructive{color:var(--destructive)}.type-row{border-bottom:1px dashed var(--border);align-items:baseline;gap:18px;padding:12px 0;display:flex}.type-row:last-child{border-bottom:0}.type-row .tag{font-size:11px;font-family:var(--mono);color:var(--muted-foreground);flex:none;width:120px}.t-h1{letter-spacing:0;font-size:28px;font-weight:600;font-family:var(--heading)}.t-h2{letter-spacing:0;font-size:22px;font-weight:600;font-family:var(--heading)}.t-h3{font-size:18px;font-weight:600}.t-base{font-size:16px}.t-sm{font-size:14px}.t-xs{font-size:12px}.radius-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;display:grid}.radius-item{text-align:center}.radius-box{background:var(--muted);border:1px solid var(--border);height:72px}.radius-item small{color:var(--muted-foreground);font-size:12px;font-family:var(--mono);margin-top:8px;display:block}.space-item{align-items:center;gap:14px;padding:6px 0;display:flex}.space-item .bar{background:var(--primary);border-radius:4px;height:16px}.space-item small{color:var(--muted-foreground);font-size:12px;font-family:var(--mono);width:120px}.shadow-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}.shadow-box{border-radius:var(--radius-md);background:var(--card);height:96px;color:var(--muted-foreground);justify-content:center;align-items:flex-end;padding:10px;font-size:12px;display:flex}.btn{white-space:nowrap;cursor:pointer;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;text-overflow:ellipsis;background-clip:padding-box;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:6px;max-width:100%;height:32px;padding:0 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex;overflow:hidden}.btn:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent)}.btn:active{transform:translateY(1px)}.btn:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-default{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-default:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-soft{background:var(--muted);color:var(--foreground)}.btn-soft:hover{background:color-mix(in oklab, var(--muted) 80%, var(--background))}.btn-outline{border-color:var(--border);background:var(--card)}.btn-outline:hover{background:var(--card);border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.btn-secondary{background:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background:color-mix(in oklab, var(--secondary) 80%, var(--background))}.btn-ghost{background:0 0}.btn-ghost:hover{background:var(--muted)}.btn-destructive{background:color-mix(in oklab, var(--destructive) 10%, transparent);color:var(--destructive)}.btn-destructive:hover{background:color-mix(in oklab, var(--destructive) 20%, transparent)}.btn-destructive-solid{background:var(--destructive);color:#fff}.btn-destructive-solid:hover{background:color-mix(in oklab, var(--destructive) 90%, black)}.btn-link{color:var(--primary-strong);background:0 0;padding:0 2px;font-weight:500}.btn-link:hover{text-underline-offset:4px;text-decoration:underline}.chip-warn-link{color:var(--warning-foreground,#b45309);border-bottom:1px dashed}.chip-warn-link:hover{border-bottom-style:solid}.btn-xs{border-radius:var(--radius-md);height:24px;padding:0 8px;font-size:12px}.btn-sm{border-radius:var(--radius-md);height:28px;padding:0 10px;font-size:13px}.btn-lg{height:36px;padding:0 16px;font-size:14px}.btn-icon{width:32px;height:32px;padding:0}.btn-icon.btn-sm{width:28px;height:28px}.spinner{border:2px solid;border-right-color:#0000;border-radius:999px;flex:none;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.btn .spinner{border-width:2px;width:14px;height:14px}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:6px;max-width:340px;display:flex}.field.field-wide{max-width:none}.field-label{color:var(--foreground);font-size:14px;font-weight:500}.input{border-radius:var(--radius-md);border:1px solid var(--input);background:var(--card);width:100%;height:32px;color:var(--text-form);outline:none;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--muted-foreground)}.input:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 18%, transparent)}.input.sm{height:32px;padding:0 12px}.input.xs{height:28px;padding:0 10px;font-size:12px}.input.invalid{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in oklab, var(--destructive) 20%, transparent)}.input:disabled{opacity:.5;cursor:not-allowed}.input-wrap{position:relative}.input-wrap svg{width:16px;height:16px;color:var(--muted-foreground);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrap .input{padding-left:36px}.date-picker{width:fit-content;position:relative}.date-trigger{border:1px solid var(--input);border-radius:var(--radius-lg);background:var(--background);width:min(360px,100vw - 56px);height:32px;color:var(--text-form);cursor:pointer;font:inherit;text-align:left;outline:none;align-items:center;gap:8px;padding:0 10px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.date-trigger.sm{width:220px}.date-trigger:focus-visible,.date-picker.open .date-trigger{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 18%, transparent)}.date-trigger svg{width:16px;height:16px;color:var(--muted-foreground);flex:none}.date-trigger span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.date-trigger .muted{color:var(--muted-foreground)}.date-popover{z-index:60;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--popover);width:min(720px,100vw - 32px);max-height:min(640px,100vh - 88px);color:var(--popover-foreground);box-shadow:var(--shadow-md);padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:0;overflow:auto}.date-picker.open .date-popover{animation:.1s ease-out pop;display:block}.date-popover.single{width:320px}.date-popover.range{width:min(720px,100vw - 32px)}.date-popover.time{width:280px}.date-popover.datetime{width:360px}.date-popover-head{justify-content:space-between;align-items:center;height:36px;padding:0 4px;font-size:14px;font-weight:500;display:flex}.date-month-title{text-align:center;flex:1;min-width:0}.date-nav{border-radius:var(--radius-md);width:28px;height:28px;color:var(--foreground);cursor:pointer;font:inherit;background:0 0;border:0;place-items:center;font-size:18px;line-height:1;display:grid}.date-nav:hover{background:var(--accent);color:var(--accent-foreground)}.date-picker-body{gap:10px;display:flex}.date-presets{border-right:1px solid var(--border);flex-direction:column;gap:2px;min-width:68px;padding-right:8px;display:flex}.date-presets button{border-radius:var(--radius-md);height:28px;color:var(--foreground);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0 8px;font-size:13px}.date-presets button:hover,.date-presets button.active{background:var(--accent);color:var(--accent-foreground)}.date-calendars{flex:1;grid-template-columns:repeat(2,minmax(240px,1fr));gap:10px;display:grid}.date-calendar{min-width:0}.date-weekdays,.date-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-weekdays span{height:26px;color:var(--muted-foreground);place-items:center;font-size:12px;display:grid}.date-day{border-radius:var(--radius-md);min-width:0;height:32px;color:var(--foreground);cursor:pointer;font:inherit;background:0 0;border:0;place-items:center;font-size:13px;display:grid}.date-day:hover{background:var(--accent);color:var(--accent-foreground)}.date-day:disabled:hover{color:color-mix(in oklab, var(--muted-foreground) 60%, transparent);background:0 0}.date-day.muted{color:color-mix(in oklab, var(--muted-foreground) 60%, transparent)}.date-day:disabled{cursor:default;opacity:.45}.date-day.in-range{background:color-mix(in oklab, var(--accent) 72%, transparent)}.date-day.active,.date-day.range-edge{background:var(--primary);color:var(--primary-foreground)}.time-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.time-field{flex-direction:column;gap:6px;display:flex}.time-field label{color:var(--muted-foreground);font-size:12px}.date-time-divider{border:0;border-top:1px solid var(--border);margin:10px 0}.date-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:10px;padding-top:10px;display:flex}.list-search-panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--card);box-shadow:var(--card-shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.list-search-panel .input,.list-search-panel .select-trigger,.list-search-panel .date-trigger,.list-search-panel .ms-trigger{height:40px}[data-joined-table]{border-radius:var(--radius-xl);box-shadow:var(--card-shadow)}[data-joined-table]>.list-search-panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:none}[data-joined-table]>.table-wrap{border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:0}.list-search-left,.list-search-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.textarea{border-radius:var(--radius-2xl);border:1px solid var(--input);width:100%;min-height:80px;color:var(--text-form);resize:vertical;background:0 0;outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.textarea:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 18%, transparent)}.select{width:fit-content;min-width:160px;position:relative}.select-trigger{border-radius:var(--radius-md);border:1px solid var(--input);background:var(--card);width:100%;height:32px;color:var(--text-form);cursor:pointer;outline:none;justify-content:space-between;align-items:center;gap:6px;padding:0 8px 0 10px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.select-trigger:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 18%, transparent)}.select-trigger svg{width:16px;height:16px;color:var(--muted-foreground);transition:transform .2s}.select.open .select-trigger svg{transform:rotate(180deg)}.select-menu{z-index:40;background:var(--popover);min-width:100%;color:var(--popover-foreground);border-radius:var(--radius-lg);box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent), var(--shadow-md);padding:4px;display:none;position:absolute;top:calc(100% + 4px);left:0}.select.open .select-menu{animation:.1s ease-out pop;display:block}@keyframes pop{0%{opacity:0;transform:scale(.97)translateY(-4px)}to{opacity:1;transform:none}}.select-item{border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;font-size:14px;display:flex}.select-item:hover{background:var(--accent);color:var(--accent-foreground)}.select-item .check{opacity:0;width:16px;height:16px}.select-item.selected .check{opacity:1}.ms-select{width:100%;max-width:320px;position:relative}.ms-trigger{border:1px solid var(--input);width:100%;height:36px;color:var(--text-form);border-radius:var(--radius-md);cursor:pointer;background:0 0;outline:none;align-items:center;gap:8px;padding:0 12px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.ms-trigger:focus-visible,.ms-select.open .ms-trigger{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 18%, transparent)}.ms-badge{border:1px solid var(--input);border-radius:var(--radius-md);background:var(--background);width:24px;height:24px;color:var(--foreground);flex:none;place-items:center;display:inline-grid;overflow:hidden}.ms-badge svg{width:16px;height:16px}.ms-badge.lg{width:36px;height:36px}.ms-badge.lg svg{width:22px;height:22px}.ms-trigger .ms-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-right:84px;overflow:hidden}.ms-trailing{color:var(--muted-foreground);pointer-events:none;white-space:nowrap;font-size:12px;position:absolute;top:50%;right:32px;transform:translateY(-50%)}.ms-chevron{width:16px;height:16px;color:var(--muted-foreground);pointer-events:none;transition:transform .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ms-select.open .ms-chevron{transform:translateY(-50%)rotate(180deg)}.ms-menu{z-index:40;background:var(--popover);min-width:100%;max-height:320px;color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:4px;display:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.ms-select.open .ms-menu{animation:.1s ease-out pop;display:block}.ms-item{cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 32px 6px 8px;transition:background .15s,color .15s;display:flex;position:relative}.ms-item:hover,.ms-item.selected{background:var(--accent);color:var(--accent-foreground)}.ms-text{flex-direction:column;flex:1;min-width:0;display:flex}.ms-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.ms-desc{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.ms-points{max-width:80px;color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:12px;overflow:hidden}.ms-check{opacity:0;width:16px;height:16px;position:absolute;right:8px}.ms-item.selected .ms-check{opacity:1}.switch{background:var(--input);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;width:36px;height:20px;padding:0;transition:background .2s;display:inline-flex;position:relative}.switch.sm{width:28px;height:16px}.switch[data-checked=true]{background:var(--primary)}.switch .thumb{background:var(--background);border-radius:999px;width:16px;height:16px;transition:transform .2s;position:absolute;left:2px}.switch.sm .thumb{width:12px;height:12px}.switch[data-checked=true] .thumb{transform:translate(calc(100% - 2px))}.switch:disabled{opacity:.5;cursor:not-allowed}.segmented{background:var(--surface-2);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:0;padding:2px;display:inline-flex}.segmented button{cursor:pointer;color:var(--muted-foreground);background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;height:26px;padding:0 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.segmented button svg{width:15px;height:15px}.segmented button:hover{color:var(--foreground)}.segmented button.active{background:var(--card);color:var(--primary-strong);box-shadow:var(--shadow-sm);font-weight:600}.badge{text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;min-width:0;max-width:100%;height:22px;padding:0 8px;font-size:13px;font-weight:500;display:inline-flex;overflow:hidden}.badge svg{width:12px;height:12px}.badge-default{background:var(--accent);color:var(--primary-strong)}.badge-secondary{background:var(--secondary);color:var(--secondary-foreground)}.badge-destructive{background:color-mix(in oklab, var(--destructive) 10%, transparent);color:var(--destructive)}.badge-outline{border-color:var(--border);color:var(--foreground)}.badge-ghost{color:var(--muted-foreground)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-accent{background:var(--accent);color:var(--primary-strong);height:24px;padding:0 10px;font-size:12px;font-weight:600}.badge-warning{background:var(--warning-soft);color:var(--warning)}.status-dot{border:1px solid var(--border);background:var(--background);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.status-dot .dot{border-radius:999px;width:8px;height:8px}.dot-run{background:var(--success)}.dot-fail{background:var(--destructive)}.dot-wait{background:var(--warning)}.dot-off{background:var(--muted-foreground)}.card{border-radius:var(--radius-xl);background:var(--card);color:var(--card-foreground);box-shadow:0 0 0 1px var(--border), var(--card-shadow);flex-direction:column;gap:16px;max-width:360px;padding:16px 0;font-size:14px;display:flex;overflow:hidden}.card-header{flex-direction:column;gap:4px;min-width:0;padding:0 16px;display:flex}.card-title{font-family:var(--heading);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;line-height:1.35;overflow:hidden}.card-desc{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.card-body{color:var(--muted-foreground);overflow-wrap:anywhere;min-width:0;padding:0 16px}.card-footer{border-top:1px solid var(--border);background:color-mix(in oklab, var(--muted) 50%, transparent);align-items:center;gap:8px;margin-bottom:-16px;padding:16px;display:flex}.card.card-block{width:100%;max-width:none}.card-block .card-body{color:var(--foreground)}.block-title{color:var(--foreground);font-size:16px;font-weight:600;line-height:1.4}.block-subtitle{color:var(--foreground);font-size:13px;font-weight:600;line-height:1.4}.action-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;display:grid}.action-card{--action-accent:var(--border);--action-accent-soft:color-mix(in oklab, var(--action-accent) 10%, transparent);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);min-width:0;min-height:0;color:var(--card-foreground);box-shadow:var(--card-shadow);flex-direction:column;gap:14px;padding:16px;display:flex;position:relative;overflow:hidden}.action-card:before{content:"";background:var(--action-accent);height:3px;position:absolute;inset:0 0 auto}.action-card.accent-danger{--action-accent:var(--destructive)}.action-card.accent-warning{--action-accent:var(--warning)}.action-card.accent-info{--action-accent:var(--info)}.action-card.accent-success{--action-accent:var(--success)}.action-card.accent-neutral{--action-accent:var(--muted-foreground)}.action-card-head{grid-template-columns:auto 1fr auto;align-items:start;gap:10px;display:grid}.action-card-icon{background:var(--action-accent-soft);width:28px;height:28px;color:var(--action-accent);border-radius:999px;place-items:center;display:grid}.action-card-icon svg{width:16px;height:16px}.action-card-title{flex-direction:column;gap:2px;min-width:0;display:flex}.action-card-title b{text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);font-size:15px;font-weight:600;overflow:hidden}.action-card-title small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);font-family:var(--mono);font-size:11px;overflow:hidden}.action-card-text{color:var(--muted-foreground);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.action-card-body{flex-direction:column;flex:1;gap:10px;display:flex}.action-card-surface{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in oklab, var(--muted) 34%, transparent);padding:12px}.action-card-list{gap:8px;display:grid}.action-card-list-row{color:var(--foreground);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;font-size:13px;display:grid}.action-card-list-row small{color:var(--muted-foreground)}.action-card-metrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.action-card-metric{flex-direction:column;gap:4px;min-width:0;display:flex}.action-card-metric small{color:var(--muted-foreground);font-size:11px}.action-card-metric b{color:var(--foreground);font-size:18px;font-weight:600}.action-card-trend{color:var(--success);font-size:12px}.action-card-trend.down{color:var(--destructive)}.action-card-log{border-radius:var(--radius-md);background:color-mix(in oklab, var(--foreground) 10%, var(--muted));color:var(--foreground);font-family:var(--mono);padding:10px;font-size:12px;line-height:1.6;display:block;overflow:auto}.action-card-quote{border-left:3px solid var(--action-accent);color:var(--muted-foreground);padding-left:10px;font-size:13px;line-height:1.7}.action-card-footer{justify-content:flex-end;margin-top:auto;display:flex}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);overflow:hidden}table.tbl{border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%;font-size:13px}table.tbl thead th{text-align:left;height:40px;color:var(--muted-foreground);border-bottom:1px solid var(--border);background:var(--muted);padding:0 12px;font-size:12px;font-weight:600}table.tbl tbody td{border-bottom:1px solid var(--border);padding:10px 12px}table.tbl th,table.tbl td{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:1px;overflow:hidden}table.tbl tbody tr:last-child td{border-bottom:0}table.tbl tbody tr{transition:background .15s}.col-resizer{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;width:9px;height:100%;position:absolute;top:0;right:0}.col-resizer:after{content:"";background:var(--border);width:1px;position:absolute;top:8px;bottom:8px;right:4px}.col-resizer:hover:after{background:var(--primary);width:2px;top:0;bottom:0}@media (width<=640px){.col-resizer{display:none}}table.tbl tbody tr:hover{background:color-mix(in srgb, var(--accent) 60%, transparent)}.progress{background:var(--muted);border-radius:999px;width:100%;max-width:360px;height:6px;overflow:hidden}.progress>i{background:var(--primary);border-radius:999px;height:100%;display:block}.skeleton{background:var(--muted);border-radius:var(--radius-md);animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.page-loading{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in oklab, var(--card) 92%, transparent), color-mix(in oklab, var(--muted) 36%, transparent));justify-content:center;align-items:center;min-height:280px;padding:32px;display:flex}.loading-card{border-radius:var(--radius-md);background:color-mix(in oklab, var(--card) 94%, transparent);min-width:220px;box-shadow:0 0 0 1px var(--border), var(--shadow-sm);text-align:center;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex}.loading-card .spinner{width:28px;height:28px;color:var(--primary);border-width:3px}.loading-card strong{color:var(--foreground);font-size:15px;font-weight:600}.loading-card p{max-width:320px;margin:0;font-size:13px;line-height:1.6}.loading-overlay{z-index:20;background:color-mix(in oklab, var(--background) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.loading-overlay .loading-card{min-width:180px;padding:20px}.panel-loading{min-height:220px;position:relative;overflow:hidden}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-lg);background:color-mix(in oklab, var(--muted) 28%, transparent);text-align:center;min-height:180px;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px;display:flex}.empty-state .state-icon{border-radius:var(--radius-md);background:var(--background);width:40px;height:40px;color:var(--muted-foreground);box-shadow:0 0 0 1px var(--border);justify-content:center;align-items:center;display:inline-flex}.empty-state .state-icon svg{width:20px;height:20px}.empty-state strong{color:var(--foreground);font-size:15px;font-weight:600}.empty-state p{max-width:360px;margin:0;font-size:13px;line-height:1.6}.empty-state.error{background:color-mix(in oklab, var(--destructive) 8%, var(--card));border-style:solid}.empty-state.error .state-icon{color:var(--destructive);background:color-mix(in oklab, var(--destructive) 10%, var(--background))}.avatar{background:var(--muted);width:40px;height:40px;color:var(--muted-foreground);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex;overflow:hidden}.avatar.sq{border-radius:var(--radius-md)}.avatar.lg{width:56px;height:56px}.avatar.sm{width:28px;height:28px;font-size:12px}.divider{background:var(--border);width:100%;height:1px}.divider.v{width:1px;height:24px}.tip{display:inline-flex;position:relative}.tip-bubble{border-radius:var(--radius-md);background:var(--foreground);color:var(--background);align-items:center;padding:6px 12px;font-size:12px;display:inline-flex;position:relative}.tip-bubble:after{content:"";background:var(--foreground);border-radius:2px;width:9px;height:9px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.tt{display:inline-flex;position:relative}.tt-pop{z-index:40;white-space:nowrap;pointer-events:none;background:var(--foreground);color:var(--background);border-radius:var(--radius-md);opacity:0;box-shadow:var(--shadow-md);padding:6px 12px;font-size:12px;line-height:1.4;transition:opacity .12s ease-out,transform .12s ease-out;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)scale(.96)}.tt-pop:after{content:"";background:var(--foreground);border-radius:2px;width:9px;height:9px;margin-top:-5px;margin-left:-4.5px;position:absolute;top:100%;left:50%;transform:rotate(45deg)}.tt:hover .tt-pop,.tt:focus-within .tt-pop{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.tt-pop.bottom{top:calc(100% + 8px);bottom:auto;transform:translate(-50%)translateY(-4px)scale(.96)}.tt-pop.bottom:after{margin-top:0;margin-bottom:-5px;top:auto;bottom:100%}.tt:hover .tt-pop.bottom,.tt:focus-within .tt-pop.bottom{transform:translate(-50%)translateY(0)scale(1)}.tt-pop.right{top:50%;bottom:auto;left:calc(100% + 8px);transform:translate(-4px)translateY(-50%)scale(.96)}.tt-pop.right:after{margin-top:-4.5px;margin-left:-4.5px;top:50%;left:0}.tt:hover .tt-pop.right,.tt:focus-within .tt-pop.right{transform:translate(0)translateY(-50%)scale(1)}.overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.overlay.open{animation:.12s ease-out fade;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}.dialog{background:var(--popover);width:100%;max-width:520px;color:var(--popover-foreground);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;max-height:100%;animation:.12s ease-out dialogIn;display:flex;position:relative;overflow:hidden}@keyframes dialogIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.dialog-header{border-bottom:1px solid var(--border);align-items:center;gap:4px;padding:12px 24px;display:flex}.dialog-title{font-family:var(--heading);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:500;overflow:hidden}.dialog-body{color:var(--muted-foreground);overflow-wrap:anywhere;min-width:0;min-height:0;padding:20px 24px;font-size:14px;overflow-y:auto}.dialog-footer{border-top:1px solid var(--border);background:color-mix(in oklab, var(--muted) 30%, transparent);justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;display:flex}.dialog-close{background:color-mix(in oklab, var(--muted) 70%, transparent);width:28px;height:28px;color:var(--foreground);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:12px;right:12px}.dialog-close:hover{background:var(--muted)}.dialog-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.toaster{z-index:60;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--radius-lg);min-width:280px;max-width:380px;box-shadow:var(--shadow-md);border:1px solid var(--border);background:var(--popover);color:var(--foreground);align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:500;animation:.2s ease-out toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.toast svg{flex:none;width:18px;height:18px}.toast.success{background:color-mix(in oklab, var(--success) 14%, var(--popover));border-color:color-mix(in oklab, var(--success) 40%, transparent);color:color-mix(in oklab, var(--success) 60%, var(--foreground))}.toast.error{background:color-mix(in oklab, var(--destructive) 12%, var(--popover));border-color:color-mix(in oklab, var(--destructive) 40%, transparent);color:var(--destructive)}.toast.warning{background:color-mix(in oklab, var(--warning) 16%, var(--popover));border-color:color-mix(in oklab, var(--warning) 45%, transparent);color:color-mix(in oklab, var(--warning) 60%, var(--foreground))}.toast.info{background:color-mix(in oklab, var(--info) 12%, var(--popover));border-color:color-mix(in oklab, var(--info) 40%, transparent);color:color-mix(in oklab, var(--info) 70%, var(--foreground))}.pagination{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pg-info{color:var(--muted-foreground);font-size:14px}.pg-btn{border:1px solid var(--border);background:var(--background);min-width:32px;height:32px;color:var(--foreground);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;padding:0 8px;font-size:14px;transition:all .15s;display:inline-flex}.pg-btn:hover:not(:disabled){background:var(--muted)}.pg-btn:disabled{opacity:.5;cursor:not-allowed}.pg-btn.active{border-color:var(--primary);background:var(--accent);color:var(--accent-foreground)}.pg-btn svg{width:16px;height:16px}.ds-foot{border-top:1px solid color-mix(in oklab, var(--sidebar-border) 60%, transparent);padding:8px;position:relative}.ds-profile{cursor:pointer;width:100%;color:inherit;text-align:left;border-radius:var(--radius-md);background:0 0;border:0;align-items:center;gap:8px;padding:8px;font-family:inherit;transition:background .15s;display:flex}.ds-profile:hover,.ds-foot.open .ds-profile{background:var(--sidebar-accent)}.ds-profile .avatar{background:var(--sidebar-primary);width:32px;height:32px;color:var(--sidebar-primary-foreground);border-radius:999px}.ds-profile .pm{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.ds-profile .pm b{font-size:14px;font-weight:600}.ds-profile .pm small{color:var(--sidebar-muted);font-size:12px}.ds-profile .chev{width:16px;height:16px;color:var(--muted-foreground);margin-left:auto;transition:transform .2s}.ds-foot.open .ds-profile .chev{transform:rotate(180deg)}.ds-menu{z-index:25;background:var(--popover);width:224px;color:var(--popover-foreground);border-radius:var(--radius-lg);box-shadow:0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent), var(--shadow-md);padding:4px;display:none;position:absolute;bottom:calc(100% + 6px);left:8px}.ds-foot.open .ds-menu{animation:.12s ease-out pop;display:block}.ds-menu-label{align-items:center;gap:12px;padding:12px;display:flex}.ds-menu-label .avatar{border-radius:8px;width:36px;height:36px}.ds-menu-label .ml{flex-direction:column;min-width:0;line-height:1.3;display:flex}.ds-menu-label .ml b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.ds-menu-label .ml small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ds-sep{background:var(--border);height:1px;margin:4px 0}.ds-menu-item{border-radius:var(--radius-md);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;align-items:center;gap:12px;min-width:0;padding:8px 12px;font-size:14px;transition:background .15s,color .15s;display:flex;overflow:hidden}.ds-menu-item svg{flex:none;width:16px;height:16px}.ds-menu-item:hover{background:var(--accent);color:var(--accent-foreground)}.ds-menu-item.danger{color:var(--destructive)}.ds-menu-item.danger:hover{background:color-mix(in oklab, var(--destructive) 10%, transparent);color:var(--destructive)}.mini-sidebar{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--sidebar);width:220px;overflow:hidden}.mini-sidebar .mh{align-items:center;gap:8px;padding:12px;display:flex}.mini-sidebar .mh .brand-logo{border-radius:var(--radius-md);width:32px;height:32px}.mini-sidebar .mh .brand-logo svg{width:18px;height:18px}.mini-list{flex-direction:column;gap:2px;margin:0;padding:4px 8px 12px;list-style:none;display:flex}.mini-glabel{color:var(--foreground);padding:6px 8px;font-size:12px;font-weight:700}.mini-item{border-radius:var(--radius-md);color:var(--sidebar-foreground);align-items:center;gap:8px;padding:7px 8px;font-size:13px;display:flex}.mini-item svg{opacity:.85;width:15px;height:15px}.mini-item.active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);font-weight:500}.mini-item:hover:not(.active){background:var(--sidebar-accent)}.note{color:var(--muted-foreground);margin-top:10px;font-size:13px}.kbd-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.module-reference-grid{grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr));align-items:start;gap:18px;display:grid}.module-preview{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);min-width:0;box-shadow:var(--shadow-sm);overflow:hidden}.module-preview.full{grid-column:1/-1}.module-content{flex-direction:column;gap:18px;padding:24px;display:flex}.module-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--card-shadow);flex-direction:column;gap:8px;min-width:0;padding:16px;display:flex}.metric-card small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.metric-card strong{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:600;overflow:hidden}.metric-tile{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--border);align-items:center;gap:12px;min-width:0;padding:16px;transition:border-color .15s;display:flex}.metric-tile:hover{border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.metric-tile-icon{border-radius:var(--radius-md);width:38px;height:38px;color:var(--primary-strong);background:var(--accent);flex:none;place-items:center;display:grid}.metric-tile-icon svg{width:20px;height:20px}.metric-tile strong{white-space:nowrap;letter-spacing:-.03em;color:var(--foreground);font-size:1.18rem;font-weight:700;display:block}.card-accent{position:relative}.card-accent:before{content:"";height:0;position:absolute;inset:0 0 auto}.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.login-preview{background:var(--background);place-items:center;min-height:100svh;padding:clamp(20px,5vw,72px);display:grid}.module-preview .login-preview{min-height:clamp(560px,72svh,760px)}.login-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);width:min(100%,420px);box-shadow:var(--shadow-md);flex-direction:column;gap:18px;padding:24px;display:flex}.login-brand{align-items:center;gap:12px;display:flex}.brand-logo{background:var(--brand);color:#17191c;border-radius:9px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.brand-logo img{width:100%;height:100%;display:block}.brand-logo svg{width:22px;height:22px}.login-title{flex-direction:column;line-height:1.2;display:flex}.login-title b{font-size:22px;font-weight:700}.login-title small{color:var(--muted-foreground);font-size:13px}.qr-box{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.qr-demo{width:74%;height:74%;box-shadow:0 0 0 1px var(--border);background:linear-gradient(90deg,#111 10px,#0000 10px) 0 0/22px 22px,linear-gradient(#111 10px,#0000 10px) 0 0/22px 22px,linear-gradient(90deg,#0000 12px,#111 12px 18px,#0000 18px) 0 0/28px 28px,linear-gradient(#0000 12px,#111 12px 18px,#0000 18px) 0 0/28px 28px,#fff;border:12px solid #fff}.qr-overlay{background:color-mix(in oklab, var(--background) 82%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.login-actions{align-items:center;gap:10px;display:flex}.login-actions .btn{flex:1}.login-patterns{background:linear-gradient(color-mix(in oklab, var(--border) 52%, transparent) 1px, transparent 1px) 0 0/28px 28px, linear-gradient(90deg, color-mix(in oklab, var(--border) 52%, transparent) 1px, transparent 1px) 0 0/28px 28px, color-mix(in oklab, var(--muted) 42%, var(--background));min-height:clamp(620px,78svh,820px)}.login-panel.wide{width:min(100%,460px)}.login-brand.center{text-align:center;justify-content:center}.brand-logo.tile{border-radius:var(--radius-lg);width:48px;height:48px}.login-tabs{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--muted);grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;display:grid}.login-tabs button{border-radius:var(--radius-md);min-width:0;height:34px;color:var(--muted-foreground);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;font-size:13px}.login-tabs button.active{background:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm);font-weight:600}.login-pattern-panel{flex-direction:column;gap:14px;display:none}.login-pattern-panel.active{display:flex}.login-helper-row{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.login-qr{align-self:center;width:min(260px,100%)}.auth-provider-btn{justify-content:center}.login-status{border-radius:var(--radius-md);min-height:20px;color:var(--muted-foreground);text-align:center;font-size:13px;line-height:20px}.login-status.success{color:var(--success)}.login-status.error{color:var(--destructive)}.code-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.native-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 17px) 15px,calc(100% - 12px) 15px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;width:100%;min-width:0;height:36px;padding-right:34px}.list-module{flex-direction:column;gap:14px;display:flex}.list-module .list-search-panel{box-shadow:none}.bulk-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.bulk-selected{color:var(--muted-foreground);white-space:nowrap;font-size:14px}.cost-chip{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);height:34px;color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:6px;padding:0 12px;font-size:14px;display:inline-flex}.cost-chip b{color:var(--destructive);font-weight:600}.form-module{grid-template-columns:minmax(0,1fr) 280px;gap:16px;display:grid}.form-panel,.setting-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);overflow:hidden}.form-panel-head,.setting-card-head{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--muted) 38%, transparent);padding:12px 14px;font-weight:600}.form-panel-body,.setting-card-body{padding:14px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.field-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.field-required:before{content:"*";color:var(--destructive);margin-right:6px}.field-count{color:var(--muted-foreground);white-space:nowrap;font-size:13px}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.choice-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--background);min-height:48px;color:var(--foreground);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:10px 12px;display:flex}.choice-card.active{border-color:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground)}.choice-card span{flex-direction:column;min-width:0;line-height:1.35;display:flex}.choice-card small{color:var(--muted-foreground)}.choice-icon{border-radius:var(--radius-md);background:var(--muted);width:28px;height:28px;color:var(--muted-foreground);flex:none;place-items:center;display:grid}.choice-icon svg{width:16px;height:16px}.check-list{gap:10px;display:grid}.check-option{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);min-width:0;color:var(--foreground);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.check-option input{width:16px;height:16px;accent-color:var(--primary)}.check-option span{min-width:0}.upload-zone{border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--background);width:100%;min-height:148px;color:var(--muted-foreground);cursor:pointer;font:inherit;text-align:center;place-items:center;padding:18px;display:grid}.upload-zone strong{color:var(--foreground);margin-top:8px;font-weight:600;display:block}.upload-zone svg{width:30px;height:30px}.setting-stack{flex-direction:column;gap:16px;display:flex}.setting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.wide-table{min-width:720px}.dashboard-pattern{background:linear-gradient(color-mix(in oklab, var(--border) 46%, transparent) 1px, transparent 1px) 0 0/28px 28px, linear-gradient(90deg, color-mix(in oklab, var(--border) 46%, transparent) 1px, transparent 1px) 0 0/28px 28px, color-mix(in oklab, var(--muted) 24%, var(--background));flex-direction:column;gap:18px;display:flex}.dashboard-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.dashboard-kicker{color:var(--warning);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.dashboard-title{letter-spacing:0;margin-top:0;font-size:16px;font-weight:600}.dashboard-subtitle{max-width:760px;color:var(--muted-foreground);margin-top:2px;font-size:13px;line-height:1.6}.dashboard-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dashboard-actions .btn.active{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.dashboard-grid{gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;display:grid}.dashboard-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card.hero{background:color-mix(in oklab, var(--primary) 16%, var(--card));justify-content:space-between;min-height:160px}.metric-card.good{border-left:3px solid var(--success)}.metric-card.warn{border-left:3px solid var(--warning)}.metric-card.bad{border-left:3px solid var(--destructive)}.metric-delta{border-radius:var(--radius-md);background:color-mix(in oklab, var(--success) 14%, transparent);width:fit-content;color:var(--success);align-items:center;gap:4px;padding:3px 8px;font-size:12px;display:inline-flex}.metric-delta.bad{background:color-mix(in oklab, var(--destructive) 13%, transparent);color:var(--destructive)}.sparkline{height:42px;position:relative;overflow:hidden}.sparkline:before{content:"";background:linear-gradient(var(--primary), var(--primary)) 0% 100% / 9% 35% no-repeat, linear-gradient(var(--primary), var(--primary)) 14.3% 100% / 9% 55% no-repeat, linear-gradient(var(--primary), var(--primary)) 28.6% 100% / 9% 45% no-repeat, linear-gradient(var(--primary), var(--primary)) 42.9% 100% / 9% 70% no-repeat, linear-gradient(var(--primary), var(--primary)) 57.1% 100% / 9% 60% no-repeat, linear-gradient(var(--primary), var(--primary)) 71.4% 100% / 9% 85% no-repeat, linear-gradient(var(--primary), var(--primary)) 85.7% 100% / 9% 75% no-repeat, linear-gradient(var(--primary), var(--primary)) 100% 100% / 9% 100% no-repeat;opacity:.35;position:absolute;inset:6px 0 0}.chart-card,.insight-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--card-shadow);overflow:hidden}.chart-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:flex}.chart-legend{color:var(--muted-foreground);flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.chart-legend span,.chart-legend button{align-items:center;gap:5px;display:inline-flex}.chart-legend button{border-radius:var(--radius-md);height:24px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;padding:0 8px}.chart-legend button.active{border-color:var(--border);background:var(--muted);color:var(--foreground)}.legend-dot{background:var(--chart-1);border-radius:99px;width:8px;height:8px}.chart-area{background:linear-gradient(var(--border) 1px, transparent 1px) 0 0/100% 52px, linear-gradient(90deg, var(--border) 1px, transparent 1px) 0 0/14.28% 100%;min-height:260px;padding:20px;position:relative}.chart-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.chart-control-preview .module-content{padding:18px}.trend-card{grid-column:1/-1;width:100%}.trend-chart{width:100%;padding:0;position:relative}.echarts-trend-chart{gap:10px;display:grid}.echarts-chart{width:100%;height:min(560px,max(420px,48vw));min-height:420px}.echarts-plot-area{background:0 0;min-height:320px;padding:0}.echarts-compact-chart{height:320px;min-height:320px}.echarts-dashboard-trend-chart{height:360px;min-height:360px}.echarts-unavailable{min-height:240px;color:var(--muted-foreground);text-align:center;place-items:center;padding:24px;display:grid}.echarts-unavailable[hidden]{display:none}.echarts-datazoom-label{min-width:0;color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;padding:0 56px 14px;font-size:12px;overflow:hidden}.chart-readout{border-top:1px solid var(--border);color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.chart-readout b{color:var(--foreground)}.insight-card{padding:16px}.insight-list{gap:12px;display:grid}.insight-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.insight-row:last-child{border-bottom:0}.rank-table td:first-child{color:var(--warning);font-weight:700}.calculator-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;display:grid}.slider-list{gap:18px;display:grid}.slider-line{color:var(--muted-foreground);grid-template-columns:140px minmax(0,1fr) 64px;align-items:center;gap:12px;font-size:13px;display:grid}.slider-track{background:var(--border);border-radius:99px;height:4px;position:relative}.slider-track:before{content:"";width:var(--value);border-radius:inherit;background:var(--warning);position:absolute;inset:0 auto 0 0}.slider-track:after{content:"";left:var(--value);background:var(--background);border:1px solid var(--border);width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-input{width:100%;accent-color:var(--warning)}.module-status{min-height:20px;color:var(--muted-foreground);font-size:13px}.module-status.success{color:var(--success)}.module-status.error{color:var(--destructive)}.module-submit-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.summary-list{color:var(--muted-foreground);gap:10px;font-size:13px;display:grid}.summary-list div{justify-content:space-between;align-items:center;gap:12px;display:flex}.summary-list b{min-width:0;color:var(--foreground)}.upload-zone.is-active{border-color:var(--primary);background:color-mix(in oklab, var(--primary) 7%, var(--background))}.list-row-title{max-width:360px}@media (width<=920px){.sidebar{z-index:80;box-shadow:var(--shadow-lg);transition:left .2s;position:fixed;left:-72px}.sidebar.show{left:0}.topbar{padding:0 18px}.topbar>:first-child{flex:1;min-width:0}.topbar-right{flex:none}.content{padding:24px 18px 100px}.module-reference-grid{grid-template-columns:1fr}.login-preview{min-height:100svh;padding:20px}.module-preview .login-preview{min-height:560px}.login-panel{width:100%;padding:20px}.login-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-head{flex-direction:column;align-items:flex-start}.dashboard-actions{justify-content:flex-start}.dashboard-grid.cols-4,.dashboard-grid.cols-3,.dashboard-grid.cols-2,.calculator-grid,.chart-control-grid,.grid-3,.slider-line{grid-template-columns:1fr}.date-popover,.date-popover.single,.date-popover.time,.date-popover.datetime{width:auto;max-height:calc(100svh - 32px);position:fixed;inset:auto 16px 16px;overflow:auto}.date-picker-body,.date-calendars{flex-direction:column;grid-template-columns:1fr}.date-presets{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;padding:0 0 8px;overflow-x:auto}.list-search-panel{align-items:stretch}.list-search-left,.list-search-actions{width:100%}.form-module{grid-template-columns:1fr}}@media (width<=640px){.date-picker,.date-trigger,.date-trigger.sm{width:100%;max-width:100%}.list-search-left,.list-search-actions{min-width:0;max-width:100%}.list-search-left .segmented{width:100%;max-width:100%;display:flex;overflow-x:auto}.list-search-left .segmented button{flex:none}#tooltip .row{position:relative;gap:16px!important}#tooltip .tt{position:static}#tooltip .tt-pop,#tooltip .tt-pop.right{white-space:normal;width:max-content;max-width:calc(100% - 24px);top:auto;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)scale(.96)}#tooltip .tt-pop.bottom{top:calc(100% + 8px);bottom:auto;transform:translate(-50%)translateY(-4px)scale(.96)}#tooltip .tt-pop.right:after{margin-top:-5px;margin-left:-4.5px;top:100%;left:50%}#tooltip .tt:hover .tt-pop.right,#tooltip .tt:focus-within .tt-pop.right{transform:translate(-50%)translateY(0)scale(1)}#pager,.pager-controls,.pager-pages,.pager-jump{min-width:0;max-width:100%}.pager-controls{width:100%;justify-content:flex-start!important}.pager-pages{flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}}.btn-success{background:color-mix(in oklab, var(--success) 10%, transparent);color:var(--success)}.btn-success:hover{background:color-mix(in oklab, var(--success) 20%, transparent)}.btn-info{background:color-mix(in oklab, var(--info) 10%, transparent);color:var(--info)}.btn-info:hover{background:color-mix(in oklab, var(--info) 20%, transparent)}.btn-warning{background:color-mix(in oklab, var(--warning) 14%, transparent);color:color-mix(in oklab, var(--warning) 70%, var(--foreground))}.btn-warning:hover{background:color-mix(in oklab, var(--warning) 24%, transparent)}.checkbox,.radio{appearance:none;border:1px solid var(--input);background:var(--card);cursor:pointer;flex:none;place-content:center;width:16px;height:16px;transition:all .15s;display:inline-grid}.checkbox{border-radius:var(--radius-sm)}.radio{border-radius:999px}.checkbox:checked,.checkbox:indeterminate,.radio:checked{background:var(--primary);border-color:var(--primary)}.checkbox:checked:after{content:"";border-left:2px solid var(--primary-foreground);border-bottom:2px solid var(--primary-foreground);width:9px;height:5px;transform:rotate(-45deg)translate(1px,-1px)}.checkbox:indeterminate:after{content:"";background:var(--primary-foreground);width:9px;height:2px}.radio:checked:after{content:"";background:var(--primary-foreground);border-radius:999px;width:6px;height:6px}.checkbox:focus-visible,.radio:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.checkbox:disabled,.radio:disabled{opacity:.5;cursor:not-allowed}.action-menu{display:inline-flex;position:relative}.action-menu-list{z-index:40;background:var(--popover);min-width:168px;color:var(--popover-foreground);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-direction:column;gap:2px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.action-menu-item{border-radius:var(--radius-sm);height:32px;color:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;font-size:13px;display:flex}.action-menu-item:hover:not(:disabled){background:var(--muted)}.action-menu-item:disabled{opacity:.45;cursor:not-allowed}.action-menu-item.danger{color:var(--destructive)}.action-menu-sep{background:var(--border);height:1px;margin:4px 0}.filter-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-pill{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);height:28px;color:var(--muted-foreground);white-space:nowrap;cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:13px;transition:all .15s;display:inline-flex}.filter-pill:hover{background:var(--muted);color:var(--foreground)}.filter-pill.active{background:var(--accent);border-color:color-mix(in srgb, var(--primary) 45%, var(--border));color:var(--primary-strong);font-weight:600}.filter-pills.filter-tabs{border-bottom:1px solid var(--border);gap:4px}.filter-tabs .filter-pill{background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;height:38px;margin-bottom:-1px;padding:0 12px;font-size:14px}.filter-tabs .filter-pill:hover{color:var(--foreground);background:0 0}.filter-tabs .filter-pill.active{border-bottom-color:var(--primary);color:var(--primary-strong);background:0 0}.filter-pill-count{font-variant-numeric:tabular-nums;opacity:.7}.topbar.topbar-tabs{gap:12px;height:48px;padding:0 16px 0 0}.page-tabs{scrollbar-width:none;flex:1;align-self:stretch;align-items:flex-end;gap:2px;min-width:0;display:flex;overflow:auto hidden}.page-tab{max-width:200px;height:40px;color:var(--muted-foreground);border-bottom:2px solid #0000;flex:none;align-items:center;transition:background .15s,color .15s;display:inline-flex}.page-tab:hover{background:var(--muted);color:var(--foreground)}.page-tab.active{border-bottom-color:var(--brand);background:var(--brand-soft);color:var(--brand-strong)}.page-tab-btn{min-width:0;height:100%;color:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:13px;display:inline-flex}.page-tab.active .page-tab-btn{font-weight:600}.page-tab-btn svg{flex:none;width:14px;height:14px}.page-tab-label{text-overflow:ellipsis;overflow:hidden}.page-tab-btn+.page-tab-close{margin:0 8px 0 -8px}.page-tab-close{border-radius:var(--radius-sm);width:18px;height:18px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.page-tab-close:hover{background:color-mix(in oklab, var(--foreground) 10%, transparent);color:var(--foreground)}.page-tab-close svg{width:12px;height:12px}.topbar .ds-foot{border-top:0;padding:0}.topbar .ds-profile{width:auto;padding:4px 8px}.topbar .ds-profile:hover,.topbar .ds-foot.open .ds-profile{background:var(--muted)}.topbar .ds-profile .pm small{color:var(--muted-foreground)}.topbar .ds-profile .avatar{background:var(--accent);color:var(--primary-strong)}.topbar .ds-profile .chev{transform:rotate(-90deg)}.topbar .ds-foot.open .ds-profile .chev{transform:rotate(90deg)}.topbar .ds-menu{inset:calc(100% + 6px) 0 auto auto}.oauth-login-shell{width:100%}.oauth-login-host{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.oauth-qr-region{flex-direction:column;align-items:center;gap:12px;display:flex}.oauth-state-stack{flex-direction:column;gap:12px;display:flex}.app-shell{height:100vh;overflow:hidden}.app-main{min-height:0}.app-content{flex-direction:column;flex:1;min-height:0;padding:20px 28px 34px;display:flex;overflow:hidden}.page-tab-panes{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.page-tab-pane{flex-direction:column;flex:1;min-height:0;display:flex}.page-tab-pane.is-hidden{visibility:hidden;pointer-events:none;position:absolute;inset:0}.page-frame{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.page-frame-head{flex:none}.page-frame-body{flex-direction:column;flex:1;min-height:0;display:flex}[data-bounded-columns]{flex:1;grid-template-rows:minmax(0,1fr);min-height:0}@media (width<=920px){[data-bounded-columns]{flex:none;grid-template-rows:none}}.page-table-scroll{flex:1;min-height:0;overflow-y:auto}.page-table-scroll thead th{z-index:2;position:sticky;top:0}.page-frame-foot{flex:none}.page-scroll{flex:1;min-height:0;padding:0 1px;overflow-y:auto}.page-section{flex-direction:column;flex:1;gap:12px;min-height:0;padding:0 1px;display:flex;overflow-y:auto}.page-section>*,.auth-dialog-body>*,.param-form>*,.oauth-state-stack>*,.route-boot>*{flex:none}.page-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-section-title{align-items:center;gap:10px;display:flex}.account-identity-row{align-items:center;gap:14px;display:flex}.account-identity-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.auth-dialog-body{flex-direction:column;gap:16px;max-height:60vh;display:flex;overflow-y:auto}.auth-dialog-section{flex-direction:column;gap:8px;display:flex}.auth-dialog-section-title{align-items:center;gap:8px;display:flex}.auth-dialog-endpoint{display:block}.department-tree-cell{align-items:center;gap:8px;min-width:0;display:flex}.department-tree-cell svg,.identity-cell svg{flex:none;width:16px;height:16px}.table-actions{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.identity-cell{align-items:center;gap:10px;min-width:0;display:flex}.identity-cell-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.identity-cell-sub{align-items:center;gap:6px;min-width:0;display:flex}.page-toolbar-left{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.page-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.block-head{margin-bottom:12px}.block-head-split{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px;display:flex}.block-note{margin:10px 0 12px}.block-head-sm{margin:4px 0 8px}.stack-sm{flex-direction:column;gap:8px;display:flex}.block-note-top{margin-top:10px}.block-tabs{margin:12px 0}.block-section{padding-top:12px}.block-subhead{margin:18px 0 8px}.block-subhead-tight{margin-bottom:4px}.block-gap-bottom{margin-bottom:12px}.stack-start{flex-direction:column;align-items:flex-start;display:flex}.stack-md{flex-direction:column;gap:12px;display:flex}.inline-check{align-items:center;gap:6px;display:flex}.plain-list{margin:0;padding-left:18px}.route-boot{flex-direction:column;gap:12px;padding:24px;display:flex}.auth-dialog-department-list{flex-wrap:wrap;gap:6px;display:flex}.param-form{flex-direction:column;gap:14px;display:flex}[data-wide-table] .page-table-scroll{overflow-x:auto}[data-wide-table] .page-table-scroll table th,[data-wide-table] .page-table-scroll table td{max-width:none}[data-wide-table] .page-table-scroll [data-sticky-col]{z-index:1;position:sticky}[data-wide-table] .page-table-scroll thead th[data-sticky-col]{z-index:3}[data-col-resized] table th,[data-col-resized] table td{max-width:none}[data-col-resized]{overflow-x:auto}[data-wide-table] .page-table-scroll [data-sticky-end]{z-index:1;position:sticky;right:0}[data-wide-table] .page-table-scroll thead th[data-sticky-end]{z-index:3}@media (width<=640px){[data-wide-table] .page-table-scroll [data-sticky-col],[data-wide-table] .page-table-scroll [data-sticky-end]{position:static}}[data-wide-table] .page-table-scroll table{min-width:var(--wide-table-min,1164px)}.cell-flag{flex:none}.row-clickable{cursor:pointer}.cell-flags{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}[data-fit-table] [data-table-wrap]{scrollbar-width:auto;padding-bottom:2px;overflow-x:auto}[data-fit-table] [data-table-wrap] table{table-layout:auto;width:max-content;min-width:100%}[data-fit-table] [data-table-wrap] table th,[data-fit-table] [data-table-wrap] table td{text-overflow:clip;max-width:none;overflow:visible}.cross-factory-row{flex-direction:column;gap:6px;display:flex}.cross-factory-row+.cross-factory-row{margin-top:10px}.label-status-trigger{cursor:pointer}.missing-chips{flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0;display:flex}.missing-chip{cursor:pointer;white-space:nowrap}.factory-assign-grid{flex-direction:column;gap:14px;margin-block:12px 10px;display:flex}.factory-assign-row{grid-template-columns:minmax(0,1fr) minmax(0,240px) 96px;align-items:start;gap:8px 12px;display:grid}.factory-assign-cell{flex-direction:column;gap:6px;min-width:0;display:flex}.factory-assign-action{flex-wrap:wrap;align-items:center;gap:6px;display:flex}@media (width<=560px){.factory-assign-row{grid-template-columns:minmax(0,1fr)}.factory-assign-head{display:none}}.review-scroll,.batch-detail-scroll,.fba-list-scroll,.shipment-summary-scroll,.owms-list-scroll,.payment-approval-scroll,.shipment-submit-scroll,.ship-center-scroll{padding:0 1px;overflow-y:auto}.review-scroll>*,.batch-detail-scroll>*,.fba-list-scroll>*,.shipment-summary-scroll>*,.owms-list-scroll>*,.payment-approval-scroll>*,.shipment-submit-scroll>*,.ship-center-scroll>*{flex:none}.fba-metrics,.owms-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}@media (width<=1180px){.fba-metrics,.owms-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.fba-metrics,.owms-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.fba-metrics,.owms-metrics{grid-template-columns:1fr}}@media (width<=820px){.app-content{padding:14px 14px 26px}}.review-progress-lines{white-space:normal;overflow-wrap:anywhere;flex-direction:column;gap:2px;min-width:0;display:flex}.review-return-reason{white-space:pre-wrap;overflow-wrap:anywhere}.column-picker-group{flex-direction:column;gap:8px;margin-top:14px;display:flex}.column-picker-options{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 12px;display:grid}.sticky-x-scrollbar{z-index:3;height:14px;position:fixed;bottom:0;overflow:auto hidden}.sticky-x-scrollbar>div{height:1px}.quote-view,.quote-target,.quote-send{flex-direction:column;gap:10px;display:flex}.quote-send label,.quote-target__tags{align-items:center;gap:8px;display:flex}.quote-target__tags{flex-wrap:wrap}.quote-target__stack{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.quote-detail__url{white-space:normal;word-break:break-all}.quote-create__tablewrap,.quote-target__tablewrap{flex-direction:column;max-height:60vh;display:flex}.quote-detail__tablewrap{flex-direction:column;display:flex}.quote-create,.quote-tax,.quote-tax__form,.quote-tax__imported{flex-direction:column;gap:10px;display:flex}.quote-tax__imported p{margin:0}.quote-tax__actions{align-items:center;gap:6px;display:flex}.quote-tax__field{flex-direction:column;gap:6px;display:flex}.quote-reason{flex-direction:column;gap:10px;display:flex}.quote-reason__desc p{margin:0 0 6px}.quote-public{flex-direction:column;gap:16px;display:flex}.track-public{padding:24px 32px}.quote-public__bar{align-items:center;gap:12px;display:flex}.quote-public__brandtext{flex-direction:column;flex:1;min-width:0;display:flex}.quote-public__cellstack{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.quote-public__range{align-items:center;gap:6px;display:flex}.quote-public__range input{flex:1;min-width:0}.quote-public__tablewrap input:not([type=checkbox]),.quote-public__tablewrap [data-select]{width:100%}.quote-public__tablewrap td{vertical-align:middle}.quote-public__inlinecheck,.quote-public__unitcell{align-items:center;gap:6px;display:flex}.quote-public__unitcell small{white-space:nowrap}.quote-public__intro{flex-direction:column;gap:4px;display:flex}[data-subrow]>td{white-space:normal;max-width:none;padding:0}.quote-public__linespanel{padding:8px 12px 12px}.quote-public__lines{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.quote-public__linecell{align-items:center;gap:6px;width:100%;min-height:40px;display:flex}.quote-public__head{align-items:center;gap:4px;display:inline-flex;position:relative}.quote-public__hint{align-items:center;display:inline-flex}.quote-public__hint svg{width:14px;height:14px}.quote-public__bulkbox{flex-direction:column;gap:8px;min-width:240px;padding:10px;display:flex}.quote-public__bulkfoot{align-items:center;gap:6px;display:flex}.quote-public__bulkfoot small{flex:1}.quote-public__filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.quote-public__intro p{margin:0}.quote-public__tablewrap{flex-direction:column;width:100%;max-height:70vh;display:flex}.quote-public__actions{align-items:center;gap:12px;display:flex}.container-view,.container-pool,.container-boxes,.container-groups,.container-pile,.container-card,.container-unit,.container-pile__foot,.container-groups__edit{flex-direction:column;gap:10px;display:flex}.container-pile,.container-card,.container-pool__blocked,.container-groups__edit,.container-pile__foot{padding:12px 14px}.container-summary{flex-direction:column;gap:6px;max-width:none;padding:12px 14px;display:flex}.container-summary h2{margin:0}.container-summary__row{flex-wrap:wrap;align-items:baseline;gap:4px 10px;line-height:1.6;display:flex}.container-summary__row[data-summary=all]{border-top:1px solid var(--border);padding-top:6px}.container-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 24px;display:flex}.container-head__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.container-view__tip{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.container-split,.container-dest{flex-direction:column;gap:12px;display:flex}.container-dest__head{flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding-top:6px;display:flex}.container-dest__head h2{margin:0}.container-pile__spacer{flex-grow:1}.container-bar{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 12px;display:flex;position:sticky;bottom:0}.container-card{overflow:clip}.container-bar__actions{flex-wrap:wrap;gap:8px;display:flex}.container-archive-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;max-width:none;padding:12px 14px;display:flex}.container-archived{flex-direction:column;gap:12px;display:flex}.container-archived__batch{max-width:none;padding:4px 0 8px}.container-archived__head{flex-wrap:wrap;gap:8px;padding:8px 14px}.container-archived__box{border-top:1px solid var(--border);padding:8px 14px 4px}.container-archived__box h3{margin:0 0 6px}.container-guide{flex-direction:column;gap:4px;margin:0;padding:12px 14px 12px 34px;display:flex}.container-pile{overflow:visible}.container-pile__foot{z-index:2;position:sticky;bottom:0}.container-pile,.container-card,.container-pool__blocked,.container-groups__edit,.container-guide,.container-pile__foot,.cg-booking{max-width:none}.container-pool__bar,.container-pile__head,.container-pile__actions,.container-pool__opt,.container-unit__head,.container-line,.container-groups__picks{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.container-pile__head h2{margin:0}.container-unit__lines{flex-direction:column;gap:4px;padding-left:26px;display:flex}.container-line__sku{min-width:120px}.container-line__num{white-space:nowrap;margin-left:auto}.container-pool__blocked ul,.container-card__lines,.container-groups__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.container-view__error,.container-view__notice,.container-card__warning,.container-card__notice{margin:4px 0}.plan-batch-head{align-items:center;gap:4px;display:inline-flex}.plan-batch-cols{gap:4px;display:flex}.plan-batch-col{min-width:120px;max-height:260px;overflow-y:auto}.plan-batch-foot{white-space:normal;justify-content:flex-end;align-items:center;gap:8px;padding:8px 4px 2px;display:flex}.center-frame{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.center-frame-head{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.center-frame-body{flex-direction:column;flex:1;min-height:0;display:flex}.ship-flow{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.ship-flow-step{align-items:center;gap:4px;display:inline-flex}.ship-center-acts{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.iv-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0 0 6px;display:flex}.iv-week{margin:0}.iv-stats{flex-wrap:wrap;align-items:stretch;gap:8px;margin:0 0 6px;display:flex}.iv-stat{padding:4px 12px}.iv-tabs{flex-wrap:wrap;gap:6px;margin:0 0 8px;display:flex}.iv-tab{padding:3px 12px}.iv-inv{margin-bottom:6px;overflow:hidden}.iv-head{flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 12px;display:flex}.iv-chev{padding:0 2px}.iv-no{min-width:118px}.iv-tag,.iv-mv{white-space:nowrap}.iv-sp{flex:1}.iv-scroll{overflow-x:auto}.iv-table{border-collapse:collapse;width:100%}.iv-table th,.iv-table td{white-space:nowrap;padding:4px 10px}.iv-sel{z-index:40;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;max-height:50vh;padding:12px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.iv-m,.iv-red,.iv-blue,.iv-ok,.iv-n{white-space:nowrap}.iv-body{overflow:hidden}.iv-mv-out,.iv-mv-in,.iv-mv-left{white-space:nowrap}.form-two-col{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 20px;display:grid}.form-two-col>:is(div,p),.form-two-col>div>:is(div,p){max-width:none}.form-two-col>.span-2{grid-column:1/-1}.form-title{margin:0 0 12px}.form-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}@media (width<=640px){.form-two-col{grid-template-columns:minmax(0,1fr)}}.customs-detail h4{margin:20px 0 8px}[data-customs-pricing]>h4,[data-customs-doc]>h4{margin:16px 0 8px}[data-customs-pricing]>div,[data-customs-doc]>div{margin:8px 0 12px}[data-customs-pricing]>details,[data-customs-doc]>details{margin:12px 0}[data-customs-pricing]>p,[data-customs-doc]>p{margin:4px 0 8px}.split-wh-view,.split-wh-form{flex-direction:column;gap:12px;display:flex}.split-wh-view>*{flex:none}.split-wh-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;display:flex}.split-wh-head h1,.split-wh-head p{margin:0}.split-wh-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.split-wh-alert{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;display:flex}.split-wh-alert-text{flex:1;min-width:200px}.split-wh-search{align-items:flex-end;gap:8px;display:flex}.split-wh-search>:first-child{flex:1;min-width:0}.split-wh-urgent{flex-wrap:wrap;align-items:flex-end;gap:8px 24px;display:flex}.split-wh-compare-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.split-wh-pick{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.split-wh-pick li{justify-content:space-between;align-items:center;gap:12px;display:flex}.split-wh-set-tabs{flex-wrap:wrap;gap:8px;display:flex}.split-wh-set-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.split-wh-pick{gap:8px;margin-top:8px;display:grid}.split-wh-pick-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.split-wh-transit-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.split-wh-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.page-table-scroll table.tbl tbody tr:last-child td{border-bottom:1px solid var(--border)}.page-table-scroll table.tbl tbody td[data-sticky-col],.page-table-scroll table.tbl tbody td[data-sticky-end]{background:var(--card)}.badge-success{color:#18765f}.btn-destructive{color:#b4322c}.container-bar{background:var(--card);border-top:1px solid var(--border)}