@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=Noto+Sans+TC:wght@400;500;700&display=swap";.hp{--hp-green:#3b82f6;--hp-green-deep:#2563eb;--hp-green-dark:#1d4ed8;--hp-mint:#dbeafe;--hp-ink:#0f172a;--hp-ink-soft:#1e3a5f;--hp-soft:#f1f6ff;--hp-white:#fff;--hp-line:#0f172a1a;--hp-muted:#64748b;--hp-sea:var(--hp-green-deep);--hp-sea-soft:#3b82f629;min-height:100vh;color:var(--hp-ink);background:var(--hp-soft);font-family:DM Sans,Noto Sans TC,system-ui,sans-serif}[data-appearance=dark] .hp{--hp-soft:#0b1220;--hp-white:#111827;--hp-ink:#e8eefc;--hp-ink-soft:#bfdbfe;--hp-muted:#94a3b8;--hp-line:#bfdbfe1f;color:var(--hp-ink);background:#0a101c}.hp-wrap{width:min(1160px,100% - 40px);margin:0 auto}.hp-nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--hp-soft) 82%, transparent);border-bottom:1px solid var(--hp-line);position:sticky;top:0}.hp-nav-inner{justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex}.hp-brand{color:inherit;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.hp-logo{background:var(--hp-green);width:38px;height:38px;color:var(--hp-ink);border-radius:12px;place-items:center;font-weight:800;display:grid;box-shadow:0 8px 20px #3b82f659}.hp-brand-name{letter-spacing:-.04em;color:var(--hp-ink);font-size:1.12rem;font-weight:800}.hp-jump{flex-wrap:wrap;flex:1;justify-content:center;gap:4px 18px;display:flex}.hp-jump a{color:var(--hp-muted);font-size:.9rem;font-weight:600;text-decoration:none}.hp-jump a:hover{color:var(--hp-ink)}.hp-nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.hp-langs{border:1px solid var(--hp-line);background:var(--hp-white);border-radius:999px;gap:2px;padding:3px;display:flex}.hp-lang{color:var(--hp-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 9px;font-size:.75rem;font-weight:700}.hp-lang.active{background:var(--hp-mint);color:var(--hp-ink)}.hp-btn-ghost{border:1px solid var(--hp-line);background:var(--hp-white);color:var(--hp-ink);cursor:pointer;border-radius:999px;padding:10px 16px;font-size:.88rem;font-weight:700}.hp-login-btn,.hp-hero-login{background:var(--hp-green);color:var(--hp-ink);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-weight:800;transition:transform .2s,filter .2s;display:inline-flex;box-shadow:0 10px 28px #3b82f659}.hp-login-btn:hover,.hp-hero-login:hover{filter:brightness(1.03);transform:translateY(-1px)}.hp-hero-login-dark{background:var(--hp-ink);color:var(--hp-green);box-shadow:0 12px 32px #0f172a47}[data-appearance=dark] .hp-hero-login-dark{background:var(--hp-green);color:#0f172a}.hp-hero-bleed{background:linear-gradient(180deg, var(--hp-mint) 0%, var(--hp-soft) 62%, var(--hp-soft) 100%);padding:36px 0 56px;position:relative;overflow:hidden}.hp-hero-bg{opacity:.28;pointer-events:none;mix-blend-mode:multiply;background-position:top;background-size:cover;position:absolute;inset:0}[data-appearance=dark] .hp-hero-bg{opacity:.18;mix-blend-mode:screen}.hp-decor{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hp-decor-hero .hp-blob{filter:blur(2px);position:absolute}.hp-blob-a{width:min(52vw,560px);animation:14s ease-in-out infinite alternate hp-drift;top:-6%;right:-8%}.hp-blob-b{width:min(36vw,380px);animation:18s ease-in-out infinite alternate-reverse hp-drift;bottom:8%;left:-6%}.hp-float-orb{z-index:3;filter:drop-shadow(0 12px 24px #0f172a24);animation:5.5s ease-in-out infinite hp-float;position:absolute}.hp-float-orb-1{animation-delay:0s;top:18%;right:8%}.hp-float-orb-2{animation-delay:.8s;bottom:22%;right:28%}.hp-float-orb-3{animation-delay:1.4s;top:24%;left:46%}@keyframes hp-drift{0%{transform:translate(0,0)rotate(0)}to{transform:translate(18px,-22px)rotate(4deg)}}@keyframes hp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hp-hero{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:36px;display:grid;position:relative}.hp-kicker{color:var(--hp-green-dark);background:#ffffffb8;border:1px solid #3b82f659;border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.hp-hero h1{flex-direction:column;gap:10px;margin:16px 0 14px;display:flex}.hp-brand-hero{letter-spacing:-.06em;color:var(--hp-ink);font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800;line-height:.95}.hp-hero-line{letter-spacing:-.03em;color:var(--hp-ink-soft);max-width:22ch;font-size:clamp(1.25rem,2.6vw,1.85rem);font-weight:700;line-height:1.3}.hp-hero-lead{color:var(--hp-muted);max-width:36rem;margin:0 0 24px;font-size:1.05rem;line-height:1.7}.hp-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hp-hero-demo{cursor:pointer;border:1.5px solid var(--hp-ink);color:var(--hp-ink);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}.hp-scroll-hint{color:var(--hp-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:22px;font-size:.84rem;font-weight:650;animation:2.2s ease-in-out infinite hp-bounce;display:inline-flex}@keyframes hp-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.hp-hero-visual{min-height:420px;position:relative}@keyframes hp-art-in{0%{opacity:0;transform:translateY(28px)}to{opacity:.92;transform:none}}.hp-hero-art{opacity:.92;filter:drop-shadow(0 24px 48px #0f172a1f);z-index:1;pointer-events:none;width:min(100%,420px);height:auto;animation:.9s cubic-bezier(.22,1,.36,1) both hp-art-in;position:absolute;top:-8%;right:-4%}.hp-hero-device{z-index:2;transform-origin:100%;margin-top:48px;animation:1s cubic-bezier(.22,1,.36,1) .12s both hp-device-in;position:relative;transform:perspective(1200px)rotateY(-6deg)rotateX(4deg)}@keyframes hp-device-in{0%{opacity:0;transform:perspective(1200px)rotateY(-6deg)rotateX(4deg)translateY(28px)}to{opacity:1;transform:perspective(1200px)rotateY(-6deg)rotateX(4deg)}}.hp-hero-device .hp-device{box-shadow:0 28px 70px #0f172a2e}.hp-reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.hp-reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.hp-reveal,.hp-hero-art,.hp-hero-device,.hp-scroll-hint,.hp-float-orb,.hp-blob-a,.hp-blob-b{opacity:1;transition:none;animation:none!important;transform:none!important}}.hp-trust{text-align:center;padding:28px 0 8px}.hp-trust-label{color:var(--hp-muted);margin:0 0 14px;font-size:.9rem;font-weight:600}.hp-trust-pills{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hp-trust-pills span{background:var(--hp-white);border:1px solid var(--hp-line);color:var(--hp-ink);border-radius:999px;padding:10px 16px;font-size:.86rem;font-weight:700;box-shadow:0 6px 16px #0f172a0a}.hp-band{color:#fff;background:linear-gradient(120deg,#0f172a 0%,#1d4ed8 55%,#3b82f6 100%);margin:36px 0 8px;padding:48px 0;position:relative;overflow:hidden}.hp-decor-band{opacity:.55}.hp-decor-band svg{width:100%;height:100%;position:absolute;inset:0}.hp-band-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:28px;display:grid;position:relative}.hp-band-copy h2{letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.2rem)}.hp-band-copy p{opacity:.9;max-width:34rem;margin:0 0 20px;line-height:1.65}.hp-band-art{border-radius:24px;justify-self:end;width:100%;max-width:480px;box-shadow:0 24px 60px #00000040}.hp-section{padding:56px 0 8px}.hp-section h2{letter-spacing:-.035em;color:var(--hp-ink);margin:0 0 8px;font-size:clamp(1.55rem,3vw,2.1rem)}.hp-section-lead{color:var(--hp-muted);max-width:46rem;margin:0 0 22px;line-height:1.65}.hp-inline-note{color:var(--hp-muted);margin:-8px 0 20px;font-size:.9rem}.hp-split{grid-template-columns:1fr 1.05fr;align-items:center;gap:28px;display:grid}.hp-split-art{background:var(--hp-mint);border-radius:24px;width:100%;box-shadow:0 20px 50px #0f172a1a}.hp-stats{grid-template-columns:repeat(4,1fr);gap:14px;padding:36px 0 8px;display:grid}.hp-stat{background:var(--hp-white);border:1px solid var(--hp-line);border-radius:20px;padding:18px 20px;box-shadow:0 10px 28px #0f172a0d}.hp-stat strong{letter-spacing:-.03em;color:var(--hp-ink);margin-top:6px;font-size:1.4rem;display:block}.hp-stat span{color:var(--hp-muted);font-size:.8rem;font-weight:700}.hp-features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.hp-feature{background:var(--hp-white);border:1px solid var(--hp-line);border-radius:22px;padding:20px;transition:transform .25s,box-shadow .25s;box-shadow:0 10px 28px #0f172a0a}.hp-feature:hover{transform:translateY(-4px);box-shadow:0 18px 40px #3b82f61f}.hp-feature-icon{background:var(--hp-mint);width:44px;height:44px;color:var(--hp-green-dark);border-radius:14px;place-items:center;margin-bottom:14px;display:grid}.hp-feature h3{margin:0 0 6px;font-size:1.05rem}.hp-feature p{color:var(--hp-muted);margin:0;font-size:.92rem;line-height:1.6}.hp-module-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.hp-module-group{border:1px solid var(--hp-line);background:var(--hp-white);border-radius:22px;overflow:hidden;box-shadow:0 12px 32px #0f172a0d}.hp-module-group header{border-bottom:1px solid var(--hp-line);padding:18px 18px 12px}.hp-module-group h3{margin:0 0 4px;font-size:1.08rem}.hp-module-group header p{color:var(--hp-muted);margin:0;font-size:.86rem;line-height:1.5}.hp-module-group ul{grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:10px 12px 14px;list-style:none;display:grid}.hp-module-group li{color:var(--tone,var(--hp-green-dark));border-radius:12px;align-items:center;gap:8px;padding:9px 10px;font-size:.86rem;font-weight:650;display:flex}.hp-tone-acct{--tone:#7c3aed;--tone-soft:#7c3aed1f}.hp-tone-sales{--tone:#2563eb;--tone-soft:#2563eb1f}.hp-tone-purchase{--tone:#ea580c;--tone-soft:#ea580c1f}.hp-tone-stock{--tone:#0284c7;--tone-soft:#0284c71f}.hp-tone-wa{--tone:#38bdf8;--tone-soft:#38bdf829}.hp-zone-head{margin-bottom:8px}.hp-zone-tag{letter-spacing:.02em;background:var(--tone-soft,var(--hp-mint));color:var(--tone,var(--hp-green-dark));border-radius:999px;margin-bottom:10px;padding:5px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.hp-zone-acct,.hp-module-group.hp-tone-acct{--tone:#7c3aed;--tone-soft:#7c3aed1f}.hp-zone-sales{--tone:#2563eb;--tone-soft:#2563eb1f}.hp-zone-purchase,.hp-module-group.hp-tone-purchase{--tone:#ea580c;--tone-soft:#ea580c1f}.hp-zone-stock,.hp-module-group.hp-tone-stock{--tone:#0284c7;--tone-soft:#0284c71f}.hp-zone-wa{--tone:#0284c7;--tone-soft:#38bdf829}.hp-zone-ai{--tone:#7c3aed;--tone-soft:#7c3aed1f}.hp-zone-notify{--tone:#db2777;--tone-soft:#db27771a}.hp-zone-chart{--tone:#2563eb;--tone-soft:#2563eb1a}.hp-zone-wa .hp-wa-cap,.hp-zone-wa .hp-batch-panel{border-color:#38bdf859}.hp-zone-wa .hp-feature-icon{color:#0284c7;background:#38bdf829}.hp-auto-badge{color:#1d4ed8;white-space:nowrap;background:#2563eb1f;border-radius:999px;align-items:center;padding:3px 8px;font-size:.68rem;font-style:normal;font-weight:800;display:inline-flex}.hp-auto-badge-float{position:absolute;top:12px;right:12px}.hp-mini-btn{border:1px solid var(--hp-line);background:var(--hp-white);color:var(--hp-ink);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700}.hp-icon-btn{color:var(--hp-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.hp-demo-appbar{border:1px solid var(--hp-line);background:var(--hp-white);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:grid;box-shadow:0 12px 32px #0f172a0f}.hp-demo-brand{align-items:center;gap:8px;font-size:.92rem;font-weight:800;display:inline-flex}.hp-demo-brand span{color:#fff;background:#7c3aed;border-radius:10px;place-items:center;width:34px;height:34px;font-size:.68rem;font-weight:800;display:grid}.hp-demo-search{background:#f3f4f6;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;min-width:0;padding:10px 14px;display:flex}.hp-demo-search.is-auto{border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb14}.hp-demo-search input{min-width:0;font:inherit;color:var(--hp-ink);background:0 0;border:0;outline:none;flex:1}.hp-demo-appbar-side{align-items:center;gap:10px;display:flex}.hp-demo-ai-pill{color:#6d28d9;background:#7c3aed1f;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.hp-demo-bell,.hp-notify-bell{border:1px solid var(--hp-line);background:var(--hp-white);width:36px;height:36px;color:var(--hp-ink);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:relative}.hp-demo-bell i,.hp-notify-bell i{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-style:normal;font-weight:800;display:grid;position:absolute;top:-2px;right:-2px}.hp-search-layout,.hp-insights-grid{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.hp-search-results,.hp-search-target,.hp-chart-card{border:1px solid var(--hp-line);background:var(--hp-white);border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #0f172a0d}.hp-search-hit{border:0;border-bottom:1px solid var(--hp-line);text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;display:grid}.hp-search-hit:hover,.hp-search-hit.active{background:var(--tone-soft)}.hp-search-hit-icon{background:var(--tone-soft);width:34px;height:34px;color:var(--tone);border-radius:10px;place-items:center;display:grid}.hp-search-hit strong{font-size:.9rem;display:block}.hp-search-hit small{color:var(--hp-muted);margin-top:2px;font-size:.75rem;display:block}.hp-search-hit em{color:var(--tone);font-size:.7rem;font-style:normal;font-weight:800}.hp-target-card{background:var(--tone-soft);border:1px solid color-mix(in srgb, var(--tone) 28%, transparent);border-radius:16px;margin:16px;padding:18px}.hp-target-card h3{margin:0 0 6px}.hp-target-card p{color:var(--hp-muted);margin:0}.hp-target-hint{font-size:.82rem;font-weight:700;color:var(--tone)!important;margin-top:12px!important}.hp-empty-soft{color:var(--hp-muted);text-align:center;padding:28px 16px;font-size:.9rem}.hp-ai-panel{background:var(--hp-white);border:1px solid #7c3aed38;border-radius:22px;overflow:hidden;box-shadow:0 18px 48px #7c3aed1f}.hp-ai-head{border-bottom:1px solid var(--hp-line);background:linear-gradient(135deg,#7c3aed1f,#2563eb0f);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.hp-ai-head strong{font-size:1.05rem;display:block}.hp-ai-head small{color:var(--hp-muted);font-size:.8rem}.hp-ai-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.hp-ai-tools>button:not(.hp-mini-btn){border:1px solid var(--hp-line);background:var(--hp-white);cursor:pointer;color:var(--hp-ink);border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:800}.hp-ai-tools>button.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.hp-ai-speak{width:30px;height:30px;color:var(--hp-muted);background:var(--hp-white);border:1px solid var(--hp-line);border-radius:999px;place-items:center;display:grid}.hp-ai-speak.on{color:#7c3aed;background:#7c3aed1f;animation:1s ease-in-out infinite hp-pulse}@keyframes hp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hp-ai-body{background:#faf8ff;flex-direction:column;gap:10px;min-height:220px;padding:16px 18px;display:flex;position:relative}[data-appearance=dark] .hp-ai-body{background:#151022}.hp-ai-bubble{border-radius:14px;max-width:88%;padding:10px 12px;font-size:.9rem;line-height:1.55}.hp-ai-bubble.ai{border:1px solid var(--hp-line);background:#fff;align-self:flex-start}.hp-ai-bubble.user{color:#fff;background:#7c3aed;align-self:flex-end}.hp-ai-reading{color:#7c3aed;margin-left:8px;font-size:.72rem;font-weight:800;display:inline-block}.hp-ai-chips{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.hp-ai-chips button{color:#6d28d9;cursor:pointer;background:#fff;border:1px solid #7c3aed40;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:700}.hp-ai-input{border-top:1px solid var(--hp-line);align-items:center;gap:8px;padding:12px 14px;display:flex}.hp-ai-input input{border:1px solid var(--hp-line);font:inherit;background:#f8fafc;border-radius:999px;flex:1;padding:11px 14px}.hp-ai-mic,.hp-ai-send{cursor:pointer;border:0;border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.hp-ai-mic{color:var(--hp-ink);background:#f3f4f6}.hp-ai-mic.on{color:#dc2626;background:#ef44441f;animation:.9s ease-in-out infinite hp-pulse}.hp-ai-send{color:#fff;background:#7c3aed}.hp-ai-footnote{color:var(--hp-muted);margin:0;padding:0 16px 14px;font-size:.8rem}.hp-notify-demo{background:var(--tone-soft);border:1px solid color-mix(in srgb, var(--tone) 22%, transparent);border-radius:20px;min-height:280px;padding:18px;position:relative}.hp-notify-panel{background:var(--hp-white);border:1px solid var(--hp-line);border-radius:16px;margin-top:14px;overflow:hidden;box-shadow:0 16px 40px #0f172a1a}.hp-notify-item{border-bottom:1px solid var(--hp-line);border-left:3px solid var(--tone);padding:12px 14px}.hp-notify-item:last-child{border-bottom:0}.hp-notify-item strong{font-size:.88rem;display:block}.hp-notify-item p{color:var(--hp-muted);margin:4px 0 0;font-size:.8rem}.hp-notify-item small{color:var(--hp-muted);font-size:.72rem}.hp-chart-modes{gap:4px;display:flex}.hp-chart-modes button{color:var(--hp-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700}.hp-chart-modes button.active{color:#fff;background:#7c3aed}.hp-pie-wrap{grid-template-columns:160px 1fr;align-items:center;gap:16px;padding:18px;display:grid}.hp-pie{border-radius:50%;width:150px;height:150px;box-shadow:inset 0 0 0 18px #fff}.hp-chart-legend,.hp-top-list{margin:0;padding:0;list-style:none}.hp-chart-legend li,.hp-top-list li{grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:5px 0;font-size:.8rem;display:grid}.hp-chart-legend i,.hp-top-list i{border-radius:3px;width:10px;height:10px}.hp-bars{align-items:flex-end;gap:8px;height:160px;padding:18px 18px 8px;display:flex}.hp-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.hp-bar{border-radius:8px 8px 4px 4px;width:100%;min-height:8px}.hp-bar-col span{color:var(--hp-muted);font-size:.68rem;font-weight:700}.hp-line-chart{width:100%;height:160px;padding:12px 18px}.hp-panel-bar-soft{background:#f8fafc}.hp-top-list{padding:8px 14px 14px}@media (width<=980px){.hp-search-layout,.hp-insights-grid,.hp-pie-wrap,.hp-demo-appbar{grid-template-columns:1fr}.hp-demo-appbar-side{justify-content:flex-end}}.hp-module-group.hp-tone-acct header,.hp-module-group.hp-tone-sales header,.hp-module-group.hp-tone-purchase header,.hp-module-group.hp-tone-stock header{background:var(--tone-soft)}.hp-device-tabs{border:1px solid var(--hp-line);background:var(--hp-white);border-radius:999px;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.hp-device-tabs button{color:var(--hp-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 16px;font-size:.84rem;font-weight:700}.hp-device-tabs button.active{background:var(--hp-green);color:var(--hp-ink)}.hp-device-stage{background:radial-gradient(circle at 20% 20%, #3b82f62e, transparent 40%), radial-gradient(circle at 80% 80%, #c7fce6e6, transparent 45%), var(--hp-mint);border-radius:28px;justify-content:center;min-height:420px;padding:12px;display:flex}.hp-device{border:1px solid var(--hp-line);background:var(--hp-white);border-radius:18px;width:100%;max-width:980px;transition:max-width .45s,border-radius .45s;overflow:hidden;box-shadow:0 28px 70px #0f172a24}.hp-device-tablet{border-radius:22px;max-width:720px}.hp-device-mobile{border-radius:28px;max-width:360px}.hp-device-chrome{border-bottom:1px solid var(--hp-line);background:#f7fbf8;align-items:center;gap:6px;padding:10px 14px;display:flex}[data-appearance=dark] .hp-device-chrome{background:#1a2a22}.hp-device-chrome span{background:#cbd5e1;border-radius:50%;width:8px;height:8px}.hp-device-chrome span:first-child{background:#f87171}.hp-device-chrome span:nth-child(2){background:#fbbf24}.hp-device-chrome span:nth-child(3){background:#3b82f6}.hp-device-chrome em{color:var(--hp-muted);text-transform:uppercase;letter-spacing:.06em;margin-left:auto;font-size:.72rem;font-style:normal;font-weight:700}.hp-shell{background:#f7fbf8;grid-template-columns:200px minmax(0,1fr);min-height:380px;display:grid}[data-appearance=dark] .hp-shell{background:#101a15}.hp-shell-compact{grid-template-columns:56px minmax(0,1fr)}.hp-device-mobile .hp-shell{grid-template-columns:1fr;min-height:460px}.hp-shell-nav{border-right:1px solid var(--hp-line);background:var(--hp-white);max-height:480px;padding:10px 8px 14px;overflow:auto}.hp-shell-brand{align-items:center;gap:8px;padding:6px 8px 12px;font-size:.82rem;font-weight:800;display:flex}.hp-shell-brand span{background:var(--hp-green);width:26px;height:26px;color:var(--hp-ink);border-radius:8px;place-items:center;font-size:.75rem;display:grid}.hp-shell-dash,.hp-shell-item{width:100%;color:var(--hp-ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 8px;font-size:.74rem;font-weight:650;display:flex}.hp-shell-dash{background:var(--hp-mint);margin-bottom:8px}.hp-shell-group{margin-top:8px}.hp-shell-group-title{letter-spacing:.04em;text-transform:uppercase;color:var(--tone,var(--hp-muted));padding:6px 8px 4px;font-size:.66rem;font-weight:800}.hp-shell-item.active{background:var(--tone-soft,var(--hp-mint));color:var(--tone,var(--hp-green-dark))}.hp-shell-main{background:var(--hp-white);flex-direction:column;min-width:0;display:flex}.hp-shell-top{border-bottom:1px solid var(--hp-line);justify-content:space-between;gap:12px;padding:12px 14px;font-size:.84rem;display:flex}.hp-shell-top span{color:var(--hp-muted);font-size:.75rem}.hp-shell-table{padding:8px 0}.hp-shell-table-head,.hp-shell-table-row{grid-template-columns:.9fr 1.2fr .8fr;gap:8px;padding:8px 14px;font-size:.78rem;display:grid}.hp-shell-table-head{color:var(--hp-muted);font-weight:700}.hp-shell-table-row{border-top:1px solid var(--hp-line)}.hp-shell-wa{flex:1;grid-template-columns:140px 1fr;min-height:0;display:grid}.hp-device-mobile .hp-shell-wa{grid-template-columns:1fr}.hp-device-mobile .hp-shell-wa-list{display:none}.hp-shell-wa-list{border-right:1px solid var(--hp-line);padding:8px}.hp-shell-wa-list>div{border-radius:10px;margin-bottom:4px;padding:8px}.hp-shell-wa-list>div.active{background:#3b82f629}.hp-shell-wa-list b{font-size:.8rem;display:block}.hp-shell-wa-list small{color:var(--hp-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;display:block;overflow:hidden}.hp-shell-wa-pane{flex-direction:column;gap:8px;min-height:280px;padding:12px;display:flex}.hp-shell-composer{border-top:1px solid var(--hp-line);align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.hp-shell-composer span{border:1px solid var(--hp-line);color:var(--hp-muted);border-radius:10px;flex:1;padding:8px 10px;font-size:.78rem}.hp-shell-composer button{background:var(--hp-green);color:var(--hp-ink);border:0;border-radius:999px;padding:8px 12px;font-size:.75rem;font-weight:800}.hp-shell-dash-grid{grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.hp-shell-tile{border:1px solid var(--hp-line);background:var(--hp-soft);border-radius:12px;padding:12px}.hp-shell-tile.wide{grid-column:1/-1}.hp-shell-tile span{color:var(--hp-muted);font-size:.72rem;font-weight:650}.hp-shell-tile strong{margin-top:4px;font-size:1.1rem;display:block}.hp-shell-line{justify-content:space-between;margin-top:8px;font-size:.78rem;display:flex}.hp-shell-line em{color:var(--hp-muted);font-style:normal}.hp-wa-layout{gap:18px;display:grid}.hp-wa-caps{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.hp-wa-cap{background:var(--hp-white);border:1px solid var(--hp-line);border-radius:20px;padding:18px;box-shadow:0 10px 28px #0f172a0a}.hp-wa-cap h3{margin:0 0 6px;font-size:.98rem}.hp-wa-cap p{color:var(--hp-muted);margin:0;font-size:.88rem;line-height:1.55}.hp-wa-visual{grid-template-columns:1.2fr .8fr;align-items:stretch;gap:14px;display:grid}.hp-batch-panel{border:1px solid var(--hp-line);background:var(--hp-white);border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #0f172a0f}.hp-batch-list{margin:0;padding:8px 0;list-style:none}.hp-batch-list li{border-bottom:1px solid var(--hp-line);justify-content:space-between;gap:10px;padding:10px 14px;font-size:.86rem;display:flex}.hp-batch-list li:last-child{border-bottom:0}.hp-batch-list em{color:var(--hp-green-dark);font-size:.75rem;font-style:normal;font-weight:700}.hp-wa-thread-extra{border-top:1px solid var(--hp-line);padding:12px 14px 16px}.hp-dash-designer{grid-template-columns:240px minmax(0,1fr);gap:14px;min-height:360px;display:grid}.hp-dash-palette,.hp-dash-canvas{border:1px solid var(--hp-line);background:var(--hp-white);border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #0f172a0d}.hp-dash-canvas.is-target{outline:2px dashed var(--hp-green);outline-offset:-4px}.hp-panel-bar{border-bottom:1px solid var(--hp-line);background:var(--hp-mint);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.hp-panel-bar strong{align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.hp-float-label{color:var(--hp-muted);font-size:.75rem;font-weight:650}.hp-dash-icons{flex-direction:column;gap:8px;padding:12px;display:flex}.hp-dash-chip{border:1px dashed color-mix(in srgb, var(--hp-green) 55%, var(--hp-line));width:100%;color:var(--hp-ink);cursor:grab;text-align:left;background:#3b82f61a;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:.86rem;font-weight:700;display:flex}.hp-dash-chip:active{cursor:grabbing}.hp-dash-grip{color:var(--hp-muted)}.hp-dash-empty{color:var(--hp-muted);margin:8px;font-size:.86rem}.hp-dash-grid{background:radial-gradient(circle at 90% 10%, #3b82f61a, transparent 40%), var(--hp-soft);grid-template-columns:repeat(3,1fr);gap:12px;min-height:280px;padding:14px;display:grid}.hp-dash-tile{border:1px solid var(--hp-line);background:var(--hp-white);cursor:grab;border-radius:16px;padding:12px;box-shadow:0 8px 20px #0f172a0d}.hp-dash-tile-top{color:var(--hp-green-dark);justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hp-dash-tile-top button{color:var(--hp-muted);cursor:pointer;background:0 0;border:0;padding:2px}.hp-dash-tile strong{margin-bottom:10px;font-size:.9rem;display:block}.hp-dash-placeholder{background:linear-gradient(90deg, transparent, #3b82f640, transparent), var(--hp-mint);border-radius:10px;height:54px;display:block}.hp-demo-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.hp-demo-badge{color:#b45309;background:#f59e0b24;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:.75rem;font-weight:700}.hp-demo-grid{grid-template-columns:1.15fr .85fr;gap:14px;display:grid}.hp-panel{background:var(--hp-white);border:1px solid var(--hp-line);border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #0f172a0f}.hp-table{border-collapse:collapse;width:100%}.hp-table th,.hp-table td{text-align:left;border-bottom:1px solid var(--hp-line);padding:11px 14px;font-size:.86rem}.hp-table th{color:var(--hp-muted);font-weight:650}.hp-table tr:last-child td{border-bottom:0}.hp-status{border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.hp-status-confirmed{color:var(--hp-green-dark);background:#3b82f62e}.hp-status-draft{color:#4b5563;background:#6b728024}.hp-status-invoiced{color:var(--hp-ink);background:#0f172a1a}.hp-side-stack{flex-direction:column;gap:14px;display:flex}.hp-invoice{padding:16px}.hp-invoice-row{justify-content:space-between;gap:12px;padding:7px 0;font-size:.88rem;display:flex}.hp-invoice-total{border-top:1px dashed var(--hp-line);margin-top:8px;padding-top:10px;font-weight:750}.hp-wa{background:linear-gradient(180deg, #3b82f61a, transparent 40%), var(--hp-white);padding:14px}.hp-wa-thread{flex-direction:column;gap:8px;display:flex}.hp-bubble{border-radius:14px;max-width:86%;padding:9px 12px;font-size:.86rem;line-height:1.5}.hp-bubble-customer{border:1px solid var(--hp-line);background:#f3f4f6;align-self:flex-start}.hp-bubble-staff{color:#1e3a8a;background:#dbeafe;align-self:flex-end}[data-appearance=dark] .hp-bubble-customer{background:#1a2a22}[data-appearance=dark] .hp-bubble-staff{color:#ecfccb;background:#1e3a8a}.hp-cta-bleed{background:linear-gradient(135deg, var(--hp-mint) 0%, #eff6ff 45%, var(--hp-green) 140%);margin-top:48px;padding:64px 0;position:relative;overflow:hidden}.hp-decor-cta svg{opacity:.55;width:100%;height:100%;position:absolute;inset:0}.hp-cta{z-index:1;text-align:center;position:relative}.hp-cta h2{letter-spacing:-.04em;color:var(--hp-ink);margin:0 0 10px;font-size:clamp(1.7rem,3.4vw,2.4rem)}.hp-cta p{color:var(--hp-ink-soft);margin:0 0 22px;font-size:1.05rem}.hp-note{border-top:1px solid var(--hp-line);margin:28px 0 12px;padding:18px 4px}.hp-note p{color:var(--hp-muted);margin:6px 0 0}.hp-footer{color:var(--hp-muted);padding:28px 0 48px;font-size:.84rem}@media (width<=980px){.hp-jump,.hp-btn-ghost{display:none}.hp-hero,.hp-band-inner,.hp-split,.hp-module-grid,.hp-wa-caps,.hp-wa-visual,.hp-dash-designer,.hp-demo-grid,.hp-features,.hp-stats,.hp-module-group ul{grid-template-columns:1fr}.hp-dash-grid{grid-template-columns:1fr 1fr}.hp-hero-visual{min-height:0}.hp-hero-art{width:min(100%,360px);margin:0 auto 12px;display:block;position:relative;top:auto;right:auto}.hp-hero-device{margin-top:0;transform:none}.hp-float-orb{display:none}.hp-band-art{justify-self:center}}@media (width<=900px){.hp-login-label{display:none}.hp-login-btn{padding:10px 12px}.hp-brand-hero{font-size:clamp(2.1rem,10vw,3rem)}}*,:before,:after{box-sizing:border-box}:root{--font:"Inter", system-ui, -apple-system, sans-serif;--font-scale:1;--sidebar-width:240px;--mini-sidebar-width:100px;--mini-sidebar-icon-width:72px;--header-height:56px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow:0 8px 32px #0f172a14;--success:#14b8a6;--warning:#f59e0b;--danger:#ef4444;--blue:#3b82f6}[data-theme=violet][data-appearance=light]{--accent:#635bff;--accent-soft:#635bff1f;--accent-gradient:linear-gradient(135deg, #635bff 0%, #8b5cf6 100%);--bg:#f3f4f8;--panel:#fff;--panel-muted:#f8f9fc;--border:#e8ebf3;--text:#111827;--text-muted:#6b7280;--sidebar:#fff;--list-hover:#f5f6fb;--list-active:var(--accent-gradient);--list-active-text:#fff;--chip-bg:#eef2ff;--input-bg:#fff}[data-theme=violet][data-appearance=dark]{--accent:#635bff;--accent-soft:#635bff2e;--accent-gradient:linear-gradient(135deg, #635bff 0%, #8b5cf6 100%);--bg:#0f1117;--panel:#171923;--panel-muted:#1d2030;--border:#2a2f42;--text:#f3f4f6;--text-muted:#9ca3af;--sidebar:#12141d;--list-hover:#1f2433;--list-active:var(--accent-gradient);--list-active-text:#fff;--chip-bg:#635bff2e;--input-bg:#12141d;--shadow:0 8px 32px #00000059}[data-theme=ocean][data-appearance=light]{--accent:#0284c7;--accent-soft:#0284c71f;--accent-gradient:linear-gradient(135deg, #0284c7 0%, #06b6d4 100%);--bg:#eef6fb;--panel:#fff;--panel-muted:#f3f9fd;--border:#d7e8f3;--text:#0f172a;--text-muted:#64748b;--sidebar:#fff;--list-hover:#edf6fc;--list-active:var(--accent-gradient);--list-active-text:#fff;--chip-bg:#e0f2fe;--input-bg:#fff}[data-theme=ocean][data-appearance=dark]{--accent:#38bdf8;--accent-soft:#38bdf829;--accent-gradient:linear-gradient(135deg, #0369a1 0%, #0891b2 100%);--bg:#0b1220;--panel:#111827;--panel-muted:#172033;--border:#243247;--text:#e2e8f0;--text-muted:#94a3b8;--sidebar:#0f172a;--list-hover:#1a2438;--list-active:var(--accent-gradient);--list-active-text:#fff;--chip-bg:#38bdf824;--input-bg:#0f172a;--shadow:0 8px 32px #00000059}[data-theme=forest][data-appearance=light]{--accent:#059669;--accent-soft:#0596691f;--accent-gradient:linear-gradient(135deg, #047857 0%, #10b981 100%);--bg:#eef7f2;--panel:#fff;--panel-muted:#f4fbf7;--border:#d8ebe1;--text:#102019;--text-muted:#5f7368;--sidebar:#fff;--list-hover:#edf7f1;--list-active:var(--accent-gradient);--list-active-text:#fff;--chip-bg:#dcfce7;--input-bg:#fff}[data-theme=forest][data-appearance=dark]{--accent:#34d399;--accent-soft:#34d39929;--accent-gradient:linear-gradient(135deg, #047857 0%, #059669 100%);--bg:#0d1411;--panel:#121c18;--panel-muted:#18241f;--border:#24342c;--text:#e7f5ef;--text-muted:#94a89d;--sidebar:#101915;--list-hover:#1a2922;--list-active:var(--accent-gradient);--list-active-text:#fff;--chip-bg:#34d39924;--input-bg:#101915;--shadow:0 8px 32px #00000059}[data-theme=spectrum][data-appearance=light]{--accent:#635bff;--accent-soft:#635bff1f;--accent-gradient:linear-gradient(135deg, #635bff 0%, #8b5cf6 100%);--bg:#f3f4f8;--panel:#fff;--panel-muted:#f8f9fc;--border:#e8ebf3;--text:#111827;--text-muted:#6b7280;--sidebar:#fff;--list-hover:#f5f6fb;--list-active:var(--accent-gradient);--list-active-text:#fff;--chip-bg:#eef2ff;--input-bg:#fff}[data-theme=spectrum][data-appearance=dark]{--accent:#635bff;--accent-soft:#635bff2e;--accent-gradient:linear-gradient(135deg, #635bff 0%, #8b5cf6 100%);--bg:#0f1117;--panel:#171923;--panel-muted:#1d2030;--border:#2a2f42;--text:#f3f4f6;--text-muted:#9ca3af;--sidebar:#12141d;--list-hover:#1f2433;--list-active:var(--accent-gradient);--list-active-text:#fff;--chip-bg:#635bff2e;--input-bg:#12141d;--shadow:0 8px 32px #00000059}[data-theme=smarttech]{font-size:calc(14px * var(--font-scale))}[data-theme=smarttech][data-appearance=light]{--accent:#00d4ff;--accent-soft:#00d4ff24;--accent-gradient:linear-gradient(135deg, #00d4ff 0%, #6366f1 35%, #ec4899 70%, #22d3ee 100%);--bg:#eef4ff;--panel:#ffffffe0;--panel-muted:#f8faffeb;--border:#6366f12e;--text:#0b1220;--text-muted:#5b6478;--sidebar:#ffffffeb;--list-hover:#00d4ff14;--list-active:var(--accent-gradient);--list-active-text:#fff;--chip-bg:#6366f11f;--input-bg:#fffffff2;--shadow:0 10px 40px #6366f11f, 0 0 0 1px #ffffffa6 inset}[data-theme=smarttech][data-appearance=dark]{--accent:#22d3ee;--accent-soft:#22d3ee29;--accent-gradient:linear-gradient(135deg, #06b6d4 0%, #818cf8 40%, #f472b6 75%, #34d399 100%);--bg:#070b14;--panel:#0f172ad1;--panel-muted:#111827e0;--border:#38bdf838;--text:#eef2ff;--text-muted:#94a3b8;--sidebar:#0a0f1cf0;--list-hover:#22d3ee1a;--list-active:var(--accent-gradient);--list-active-text:#fff;--chip-bg:#818cf82e;--input-bg:#0a0f1cf2;--shadow:0 12px 48px #00000073, 0 0 24px #22d3ee14}[data-theme=smarttech][data-appearance=light] body,[data-theme=smarttech][data-appearance=light] .app-shell{background:radial-gradient(circle at 10% 10%, #00d4ff1f, transparent 42%), radial-gradient(circle at 90% 20%, #ec48991a, transparent 40%), radial-gradient(circle at 50% 100%, #6366f11a, transparent 45%), var(--bg)}[data-theme=smarttech] .sidebar,[data-theme=smarttech] .settings-card,[data-theme=smarttech] .dashboard-card,[data-theme=smarttech] .stat-card,[data-theme=smarttech] .app-header,[data-theme=smarttech] .mobile-topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}[data-theme=smarttech] .sidebar-module-btn.active,[data-theme=smarttech] .settings-theme-card.active,[data-theme=smarttech] .settings-language-btn.active{box-shadow:0 0 18px #22d3ee47}[data-theme=smarttech] .shell-chrome-widget-floating{background:var(--panel);border:1px solid #22d3ee47;box-shadow:0 8px 32px #6366f12e,0 0 20px #22d3ee1f}[data-theme=smarttech] .settings-theme-preview-shine{background-size:200% 200%;animation:4s linear infinite smarttech-shine}@keyframes smarttech-shine{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}[data-theme=smarttech] .stat-card[data-module=so],[data-theme=spectrum] .stat-card[data-module=so]{background:#2563eb1a;border-color:#2563eb38}[data-theme=spectrum] .total-card[data-module=customers],[data-theme=spectrum] .dashboard-card[data-module=customers]{background:#0284c71a;border-color:#0284c738}[data-theme=spectrum] .stat-card[data-module=sales]{background:#0891b21a;border-color:#0891b238}[data-theme=spectrum] .stat-card[data-module=po]{background:#ea580c1a;border-color:#ea580c38}[data-theme=spectrum] .stat-card[data-module=purchase]{background:#dc26261a;border-color:#dc262638}[data-theme=spectrum] .total-card[data-module=customers]{background:#0284c71a;border-color:#0284c738}[data-theme=spectrum] .total-card[data-module=suppliers]{background:#d977061a;border-color:#d9770638}[data-theme=spectrum] .total-card[data-module=products],[data-theme=spectrum] .dashboard-card[data-module=products]:not([data-card=low-stock]){background:#0596691a;border-color:#05966938}[data-theme=spectrum] .dashboard-card[data-card=low-stock]{background:#f59e0b1a;border-color:#f59e0b40}[data-theme=spectrum] .stat-card[data-module=so] .stat-card-top,[data-theme=spectrum] .kpi-metric-card[data-module=so] .kpi-metric-top,[data-theme=spectrum] .stat-card[data-module=so] .stat-card-top svg,[data-theme=spectrum] .kpi-metric-card[data-module=so] .kpi-metric-icon{color:#2563eb}[data-theme=spectrum] .stat-card[data-module=sales] .stat-card-top,[data-theme=spectrum] .kpi-metric-card[data-module=sales] .kpi-metric-top,[data-theme=spectrum] .stat-card[data-module=sales] .stat-card-top svg,[data-theme=spectrum] .kpi-metric-card[data-module=sales] .kpi-metric-icon{color:#0891b2}[data-theme=spectrum] .stat-card[data-module=po] .stat-card-top,[data-theme=spectrum] .kpi-metric-card[data-module=po] .kpi-metric-top,[data-theme=spectrum] .stat-card[data-module=po] .stat-card-top svg,[data-theme=spectrum] .kpi-metric-card[data-module=po] .kpi-metric-icon{color:#ea580c}[data-theme=spectrum] .stat-card[data-module=purchase] .stat-card-top,[data-theme=spectrum] .kpi-metric-card[data-module=purchase] .kpi-metric-top,[data-theme=spectrum] .stat-card[data-module=purchase] .stat-card-top svg,[data-theme=spectrum] .kpi-metric-card[data-module=purchase] .kpi-metric-icon{color:#dc2626}[data-theme=spectrum] .total-card[data-module=customers],[data-theme=spectrum] .total-card[data-module=customers] svg{color:#0284c7}[data-theme=spectrum] .total-card[data-module=suppliers],[data-theme=spectrum] .total-card[data-module=suppliers] svg{color:#d97706}[data-theme=spectrum] .total-card[data-module=products],[data-theme=spectrum] .total-card[data-module=products] svg{color:#059669}[data-theme=spectrum] .dashboard-card[data-module=customers] h2{color:#0284c7}[data-theme=spectrum] .dashboard-card[data-module=products]:not([data-card=low-stock]) h2{color:#059669}[data-theme=spectrum] .dashboard-card[data-card=low-stock] h2{color:#d97706}[data-theme=spectrum] .dashboard-card[data-card=low-stock] h2 svg{color:#f59e0b}[data-theme=spectrum][data-appearance=dark] .stat-card[data-module=so]{background:#2563eb29;border-color:#2563eb4d}[data-theme=spectrum][data-appearance=dark] .total-card[data-module=customers],[data-theme=spectrum][data-appearance=dark] .dashboard-card[data-module=customers]{background:#0284c729;border-color:#0284c74d}[data-theme=spectrum][data-appearance=dark] .stat-card[data-module=sales]{background:#0891b229;border-color:#0891b24d}[data-theme=spectrum][data-appearance=dark] .stat-card[data-module=po]{background:#ea580c29;border-color:#ea580c4d}[data-theme=spectrum][data-appearance=dark] .stat-card[data-module=purchase]{background:#dc262629;border-color:#dc26264d}[data-theme=spectrum][data-appearance=dark] .total-card[data-module=suppliers]{background:#d9770629;border-color:#d977064d}[data-theme=spectrum][data-appearance=dark] .total-card[data-module=products],[data-theme=spectrum][data-appearance=dark] .dashboard-card[data-module=products]:not([data-card=low-stock]){background:#05966929;border-color:#0596694d}[data-theme=spectrum][data-appearance=dark] .dashboard-card[data-card=low-stock]{background:#f59e0b24;border-color:#f59e0b52}[data-theme=spectrum][data-appearance=dark] .stat-card[data-module=so] .stat-card-top,[data-theme=spectrum][data-appearance=dark] .stat-card[data-module=so] .stat-card-top svg{color:#60a5fa}[data-theme=spectrum][data-appearance=dark] .stat-card[data-module=sales] .stat-card-top,[data-theme=spectrum][data-appearance=dark] .stat-card[data-module=sales] .stat-card-top svg{color:#22d3ee}[data-theme=spectrum][data-appearance=dark] .stat-card[data-module=po] .stat-card-top,[data-theme=spectrum][data-appearance=dark] .stat-card[data-module=po] .stat-card-top svg{color:#fb923c}[data-theme=spectrum][data-appearance=dark] .stat-card[data-module=purchase] .stat-card-top,[data-theme=spectrum][data-appearance=dark] .stat-card[data-module=purchase] .stat-card-top svg{color:#f87171}[data-theme=spectrum][data-appearance=dark] .total-card[data-module=customers],[data-theme=spectrum][data-appearance=dark] .total-card[data-module=customers] svg{color:#38bdf8}[data-theme=spectrum][data-appearance=dark] .total-card[data-module=suppliers],[data-theme=spectrum][data-appearance=dark] .total-card[data-module=suppliers] svg{color:#fbbf24}[data-theme=spectrum][data-appearance=dark] .total-card[data-module=products],[data-theme=spectrum][data-appearance=dark] .total-card[data-module=products] svg{color:#34d399}[data-theme=spectrum][data-appearance=dark] .dashboard-card[data-module=customers] h2{color:#38bdf8}[data-theme=spectrum][data-appearance=dark] .dashboard-card[data-module=products]:not([data-card=low-stock]) h2{color:#34d399}[data-theme=spectrum][data-appearance=dark] .dashboard-card[data-card=low-stock] h2{color:#fbbf24}html:not([data-theme]){--accent:#635bff;--accent-soft:#635bff1f;--accent-gradient:linear-gradient(135deg, #635bff 0%, #8b5cf6 100%);--bg:#f3f4f8;--panel:#fff;--panel-muted:#f8f9fc;--border:#e8ebf3;--text:#111827;--text-muted:#6b7280;--sidebar:#fff;--list-hover:#f5f6fb;--list-active:var(--accent-gradient);--list-active-text:#fff;--chip-bg:#eef2ff;--input-bg:#fff}html,body,#root{height:100%}html{font-size:calc(16px * var(--font-scale))}body{font-family:var(--font);background:var(--bg);color:var(--text);margin:0;font-size:1rem}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-layout{flex-direction:column;height:100vh;min-height:100dvh;display:flex}.app-header{height:var(--header-height);min-height:var(--header-height);background:var(--panel);border-bottom:1px solid var(--border);z-index:200;flex-shrink:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:0 16px;display:grid}.app-header-start,.app-header-end{align-items:center;gap:8px;min-width:0;display:flex}.app-header-end{justify-content:flex-end}.app-header-search-end{width:min(420px,32vw);min-width:0}.app-header-search-end .global-search-box-header{width:100%}.app-header-center{justify-content:center;min-width:0;display:flex}.app-header-brand{align-items:center;gap:10px;min-width:0;display:flex}.app-header-logo-mark{background:var(--accent-gradient);color:#fff;letter-spacing:.06em;border-radius:8px;flex-shrink:0;place-items:center;height:28px;padding:0 8px;font-size:.72rem;font-weight:800;display:grid}.app-header-logo-text{letter-spacing:-.03em;white-space:nowrap;font-size:1.05rem;font-weight:700}.header-icon-btn{width:40px;height:40px;color:var(--text);background:0 0;border:none;border-radius:999px;place-items:center;padding:0;display:grid;position:relative}.header-icon-btn:hover{background:var(--list-hover)}.header-chat-btn{position:relative}.header-company{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;color:var(--text);padding:0 8px;font-weight:600;overflow:hidden}.app-header-start .header-datetime{text-align:left;padding:0 0 0 4px}.app-header-start .user-menu-panel-bottom,.app-header-start .shell-chat-widget-header .chat-panel{left:0;right:auto}.header-notify{position:relative}.header-notify-badge{color:#fff;background:#c00;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.62rem;font-weight:700;line-height:1;display:grid;position:absolute;top:4px;right:2px}.header-notify-panel,.user-menu-panel-bottom{top:calc(100% + 8px);bottom:auto;right:0}.header-notify-panel{background:var(--panel);border:1px solid var(--border);width:min(360px,100vw - 24px);box-shadow:var(--shadow);z-index:220;border-radius:12px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.header-notify-title{padding:14px 16px 10px;font-size:.95rem;font-weight:700}.header-notify-empty{color:var(--text-muted);padding:20px 16px;font-size:.88rem}.header-notify-list{max-height:min(52vh,360px);margin:0;padding:0;list-style:none;overflow:auto}.header-notify-item{width:100%;color:var(--text);text-align:left;background:0 0;border:none;flex-direction:column;gap:4px;padding:10px 16px;display:flex}.header-notify-item:hover{background:var(--list-hover)}.header-notify-item-main{flex-direction:column;gap:2px;min-width:0;display:flex}.header-notify-item-main span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.header-notify-item-meta{color:var(--text-muted);justify-content:space-between;gap:8px;font-size:.72rem;display:flex}.header-notify-all{border:none;border-top:1px solid var(--border);width:100%;color:var(--accent);background:0 0;padding:12px;font-weight:600}.header-notify-all:hover{background:var(--list-hover)}.user-menu-trigger-avatar{background:0 0;border:none;border-radius:999px;padding:0}.user-menu-trigger-avatar:hover{background:0 0}.user-menu-trigger-avatar .user-menu-avatar{width:34px;height:34px}.app-header .header-datetime{text-align:right;white-space:nowrap;width:auto;padding:0 4px 0 0;line-height:1.15}.app-header .header-datetime .app-datetime-date{font-size:.68rem;font-weight:600}.app-header .header-datetime .app-datetime-time{margin-top:0;font-size:.82rem;font-weight:700}.app-header .user-menu-trigger{background:0 0;border:none;max-width:min(280px,36vw);padding:4px 10px 4px 4px}.app-header .user-menu-trigger:hover{background:var(--list-hover)}.user-menu-labels{text-align:left;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.2;display:flex}.user-menu-company{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:.68rem;font-weight:500;overflow:hidden}.app-header .user-menu-name{max-width:12rem}.app-shell{grid-template-columns:72px var(--module-list-width,340px) 1fr;background:var(--bg);gap:0;height:100vh;display:grid}.app-layout>.app-shell{flex:1;height:auto;min-height:0}.app-layout>.app-shell:has(>.wa-chat-page){flex:1 1 0;grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;align-items:center;gap:8px;padding:12px 0;display:flex;overflow:hidden}.sidebar-logo{background:var(--accent-gradient);color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;margin-bottom:18px;font-weight:700;display:grid}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar-btn,.icon-btn{width:44px;height:44px;color:var(--text-muted);background:0 0;border:none;border-radius:14px;place-items:center;transition:all .2s;display:grid}.sidebar-btn:hover,.icon-btn:hover{background:var(--list-hover);color:var(--text)}.icon-btn-sm{border-radius:10px;width:32px;min-width:32px;height:32px}.icon-btn-loading{cursor:wait}.icon-btn-loading .loading-spinner-sm{box-shadow:none}.icon-btn-excel{color:#0000}.icon-btn-excel:hover:not(:disabled){background:color-mix(in srgb, #217346 14%, var(--list-hover))}.icon-btn-excel .excel-icon{flex-shrink:0;display:block}.list-add-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;width:32px;min-width:32px;height:32px;box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 28%, transparent);border:none;border-radius:10px;place-items:center;padding:0;transition:filter .15s,transform .15s;display:grid}.list-add-btn:hover{filter:brightness(1.06)}.list-add-btn:active{transform:scale(.96)}.order-list-panel-folded{width:52px;min-width:52px;max-width:52px;overflow:hidden}.order-list-fold-rail{box-sizing:border-box;flex-direction:column;align-items:center;gap:10px;width:100%;height:100%;min-height:0;padding:12px 6px;display:flex}.order-list-fold-rail .icon-btn-sm,.order-list-fold-rail .list-add-btn{width:28px;min-width:28px;height:28px}.order-list-fold-rail .list-add-btn{box-shadow:none;border-radius:8px}.order-list-panel-folded:has(+.detail-panel){display:none}.app-shell:has(.order-list-panel-folded+.detail-panel){grid-template-columns:72px 1fr}.app-shell-wide:has(.order-list-panel-folded+.detail-panel){grid-template-columns:var(--sidebar-width) 1fr}.app-shell-wide.sidebar-folded:has(.order-list-panel-folded+.detail-panel){grid-template-columns:var(--mini-sidebar-width) 1fr}.app-shell:has(.order-list-panel-folded):not(:has(.order-list-panel-folded+.detail-panel)){grid-template-columns:72px 52px 1fr}.app-shell-wide:has(.order-list-panel-folded):not(:has(.order-list-panel-folded+.detail-panel)){grid-template-columns:var(--sidebar-width) 52px 1fr}.app-shell:has(.order-list-panel-unfold):has(.order-list-panel-folded):not(:has(.order-list-panel-folded+.detail-panel)){grid-template-columns:72px 52px 1fr}.app-shell-wide:has(.order-list-panel-unfold):has(.order-list-panel-folded):not(:has(.order-list-panel-folded+.detail-panel)){grid-template-columns:var(--sidebar-width) 52px 1fr}.sidebar-btn.active{background:var(--accent-soft);color:var(--accent)}.sidebar-footer{flex-direction:column;align-items:center;gap:8px;display:flex}.order-list-panel{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.module-panel-splitter{z-index:12;cursor:col-resize;touch-action:none;background:0 0;width:8px;height:100%;position:absolute;top:0;left:-4px}.module-panel-splitter:after{content:"";pointer-events:none;background:0 0;border-radius:2px;width:2px;transition:background .15s,box-shadow .15s;position:absolute;top:0;bottom:0;left:3px}.module-panel-splitter:hover:after,.module-panel-splitter:focus-visible:after,body.is-panel-splitting .module-panel-splitter:after{background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.module-panel-splitter-controls{z-index:240;pointer-events:none;flex-direction:row;align-items:center;gap:3px;display:flex;position:fixed;transform:translate(-50%,-50%)}.module-panel-splitter-btn-stack{pointer-events:auto;flex-direction:column;gap:3px;display:flex}.module-panel-splitter-btn{z-index:240;border:1px solid var(--border);background:var(--panel);width:14px;height:26px;color:var(--text-muted);cursor:pointer;box-shadow:0 1px 4px color-mix(in srgb, var(--text) 10%, transparent);pointer-events:auto;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-flex;position:relative}.module-panel-splitter-btn:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent-soft) 70%, var(--panel))}.module-panel-splitter-btn.is-expand-panel,.module-panel-splitter-btn.is-expand-list{color:var(--accent)}.module-panel-splitter-btn.is-fold-panel,.module-panel-splitter-btn.is-fold-list{color:var(--text-muted)}.module-panel-splitter-btn.is-sidebar{color:#fff;background:color-mix(in srgb, #3b82f6 88%, var(--panel));border-color:color-mix(in srgb, #3b82f6 70%, var(--border));width:14px;height:30px;box-shadow:0 1px 6px #3b82f659}.module-panel-splitter-btn.is-sidebar:hover{color:#fff;background:#3b82f6;border-color:#2563eb}.module-panel-splitter-folded{cursor:default;width:18px;left:0}.module-panel-splitter-folded:after{width:2px;left:0}body.is-panel-splitting{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.is-panel-splitting *{cursor:col-resize!important}body.is-panel-splitting .module-panel-splitter-controls{opacity:.35;pointer-events:none}.order-list-header{justify-content:space-between;align-items:center;gap:12px;padding:24px 20px 16px;display:flex}.order-list-title{font-size:1.05rem;font-weight:600}.order-list-actions{align-items:center;gap:8px;display:flex}.search-box{margin:0 20px 16px;position:relative}.list-search-row{align-items:center;gap:10px;min-width:0;margin:0 20px 16px;display:flex}.list-search-row .search-box{flex:1;min-width:0;margin:0}.list-search-row .list-view-toggle{flex-shrink:0}.search-box input{border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);border-radius:999px;outline:none;padding:10px 14px 10px 38px}.search-box svg{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.order-cards{flex-direction:column;flex:1;gap:8px;min-height:0;padding:0 12px 12px;display:flex;position:relative;overflow:auto}.list-pagination{border-top:1px solid var(--border);background:var(--panel);flex-direction:column;flex-shrink:0;gap:6px;padding:8px 10px 10px;display:flex}.list-pagination-row{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.list-pagination-meta-row{justify-content:space-between}.list-pagination-meta{color:var(--text-muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.list-pagination-total{white-space:nowrap;color:var(--text-muted);font-size:.78rem}.page-size-select{white-space:nowrap;color:var(--text-muted);flex-shrink:0;align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.page-size-select span{white-space:nowrap}.page-size-select select{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:8px;min-width:52px;padding:2px 6px;font-size:.78rem}.pager{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.pager-page{white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;min-width:2.8rem}.pager-btn{width:26px;min-width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;place-items:center;padding:0;transition:all .15s;display:grid}.pager-btn:hover:not(:disabled){background:var(--list-hover);color:var(--text)}.pager-btn:disabled{opacity:.35;cursor:not-allowed}.doc-dashboard{background:var(--bg);flex:1;min-height:0;padding:24px 28px 28px;position:relative;overflow:auto}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.dashboard-header-actions{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.dashboard-design-toggle{border:1px solid var(--border);background:var(--panel-muted);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:5px 11px;font-size:.8rem;font-weight:600;line-height:1.25;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.dashboard-design-toggle:hover{background:var(--list-hover);color:var(--text)}.dashboard-design-toggle.active{background:var(--accent-gradient);color:#fff;border-color:#0000}.dashboard-design-panel{border:1px dashed color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--accent-soft);border-radius:14px;margin-bottom:16px;padding:14px 16px}.dashboard-design-panel-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:.78rem;font-weight:700}.dashboard-design-palette{flex-wrap:wrap;gap:8px;display:flex}.dashboard-design-palette-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.dashboard-design-palette-btn:hover{border-color:var(--accent);color:var(--accent)}.dashboard-design-hint,.dashboard-design-empty{color:var(--text-muted);margin-top:10px;font-size:.78rem}.dashboard-widget-stack{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:stretch;gap:16px;display:grid}.dashboard-widget-shell--full{grid-column:1/-1}.dashboard-widget-shell--compact{min-width:0}.dashboard-widget-shell{border-radius:var(--radius-md);position:relative}.dashboard-widget-shell[data-module] .dashboard-widget-body{height:100%}.dashboard-widget-shell[data-module] .stat-card,.dashboard-widget-shell[data-module] .total-card,.dashboard-widget-shell[data-module] .kpi-metric-card{box-sizing:border-box;height:100%}.dashboard-design-mode .dashboard-widget-shell{border:1px dashed var(--border);background:color-mix(in srgb, var(--panel) 92%, var(--accent-soft));border-radius:16px;padding:8px}.dashboard-design-mode .dashboard-widget-shell[draggable=true]{cursor:grab}.dashboard-design-mode .dashboard-widget-shell[draggable=true]:active{cursor:grabbing}.dashboard-widget-toolbar{align-items:center;gap:8px;margin-bottom:8px;padding:4px 6px;display:flex}.dashboard-widget-drag{color:var(--text-muted);display:inline-flex}.dashboard-widget-label{color:var(--text-muted);flex:1;font-size:.78rem;font-weight:700}.dashboard-widget-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;display:inline-flex}.dashboard-widget-remove:hover{color:#ef4444;background:#ef44441f}.dashboard-widget-body>.dashboard-grid{margin-bottom:0}.dashboard-design-empty-layout{margin-top:12px}.doc-dashboard-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.doc-dashboard-header h1{margin:0 0 6px;font-size:1.25rem;font-weight:600;line-height:1.25}.doc-dashboard-header p{color:var(--text-muted);margin:0}.doc-stats-grid{grid-template-columns:minmax(0,280px)}.master-stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.doc-status-section{margin-top:16px}.status-group{margin-bottom:24px}.status-group:last-child{margin-bottom:0}.status-group-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.status-group-count{color:var(--text-muted);font-size:.88rem}.dashboard-status-pagination{border-top:1px solid var(--border);background:color-mix(in srgb, var(--panel-muted) 45%, transparent);border-radius:0 0 12px 12px;margin-top:10px}.doc-status-table .doc-status-row{cursor:pointer}.doc-status-table .doc-status-row:hover td{background:var(--list-hover)}.detail-tab:disabled{opacity:.45;cursor:not-allowed}.order-card{background:var(--panel-muted);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;grid-template-columns:36px 1fr auto;align-items:start;gap:10px;padding:10px 12px;transition:all .2s;display:grid}.order-card:hover{background:var(--list-hover)}.order-card.active{background:var(--list-active);color:var(--list-active-text);box-shadow:var(--shadow)}.order-card.active .order-card-meta,.order-card.active .order-card-status,.order-card.active .order-card-id{color:#ffffffd1}.avatar{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:50%;place-items:center;font-size:.85rem;font-weight:600;display:grid;overflow:hidden}.avatar-sm{width:36px;height:36px;font-size:.75rem}.order-card.active .avatar{color:#fff;background:#ffffff2e}.order-card-no-icon{grid-template-columns:1fr auto}.order-card-disabled{background:color-mix(in srgb, var(--panel-muted) 75%, var(--text-muted));color:var(--text-muted)}.order-card-disabled .order-card-name,.order-card-disabled .order-card-id{color:var(--text-muted)}.order-card-disabled.active{background:color-mix(in srgb, var(--list-active) 82%, var(--text-muted))}.order-card-stop-icon{color:#94a3b8;flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:inline-flex}.order-card.active .order-card-stop-icon{color:#ffffffbf}.order-card-body{min-width:0}.order-card-name{text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.order-card-foot{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.order-card-foot-left{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.order-card-meta,.order-card-status{color:var(--text-muted);font-size:.78rem}.order-card-right{text-align:right}.order-card-amount{white-space:nowrap;flex-shrink:0;font-size:.88rem;font-weight:700}.order-card-id{opacity:.85;white-space:nowrap;font-size:.78rem}.order-card-related{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.order-card-related-btn{text-overflow:ellipsis;white-space:nowrap;background:color-mix(in srgb, var(--accent,#2563eb) 12%, transparent);max-width:100%;color:var(--accent,#2563eb);cursor:pointer;border:0;border-radius:999px;padding:1px 7px;font-size:.7rem;font-weight:600;overflow:hidden}.order-card-related-btn:hover{background:color-mix(in srgb, var(--accent,#2563eb) 22%, transparent)}.detail-panel{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.detail-toolbar{justify-content:space-between;align-items:center;padding:18px 28px 0;display:flex}.detail-toolbar-leading{align-items:center;gap:12px;min-width:0;display:flex}.detail-list-panel-controls{flex-shrink:0;align-items:center;gap:8px;padding-bottom:10px;display:flex}.detail-panel>.detail-list-panel-controls{padding:14px 28px 0}.detail-tabs{align-items:center;gap:28px;display:flex}.detail-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 0 14px;font-weight:600;display:inline-flex}.detail-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.detail-tab-label,.detail-tab-detail{display:none}.detail-tab-dashboard{padding:6px 8px 12px}.detail-record-nav{flex-direction:row;flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.detail-record-nav-btn{flex-shrink:0;width:32px;height:32px}.detail-actions{align-items:center;gap:8px;display:flex}.detail-transfer-btn{border:1px solid color-mix(in srgb, var(--accent,#16a34a) 28%, transparent);background:var(--panel,#fff);height:36px;color:var(--text,#111);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.82rem;font-weight:600;display:inline-flex}.detail-transfer-btn:hover:not(:disabled){background:var(--list-hover)}.detail-transfer-btn-primary{background:var(--accent,#16a34a);border-color:var(--accent,#16a34a);color:#fff}.detail-transfer-btn:disabled{opacity:.6;cursor:not-allowed}.primary-btn,.secondary-btn,.danger-btn{border:none;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-weight:600;display:inline-flex}.primary-btn{background:var(--accent-gradient);color:#fff}.secondary-btn{background:var(--panel);color:var(--text);border:1px solid var(--border)}.danger-btn{color:var(--danger);background:#ef44441f}.danger-btn-solid{background:var(--danger);color:#fff}.danger-btn-solid:hover:not(:disabled){filter:brightness(1.05)}.confirm-overlay{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(400px,100%);box-shadow:var(--shadow);text-align:center;padding:24px 24px 20px;animation:.18s confirm-in}.confirm-dialog-danger .confirm-dialog-icon{color:var(--danger);background:#ef44441f}.confirm-dialog-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.confirm-dialog-title{margin:0 0 8px;font-size:1.1rem;font-weight:700}.confirm-dialog-message{color:var(--text-muted);white-space:pre-line;margin:0 0 20px;font-size:.92rem;line-height:1.5}.confirm-dialog-actions{justify-content:center;align-items:center;gap:10px;display:flex}.confirm-dialog-actions .secondary-btn,.confirm-dialog-actions .primary-btn,.confirm-dialog-actions .danger-btn-solid{justify-content:center;min-width:96px}@keyframes confirm-in{0%{opacity:0;transform:scale(.96)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.detail-content{padding:24px 28px 28px;overflow:auto}.detail-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px 24px}.detail-card-editing{padding-bottom:12px}.detail-inline-form{flex-direction:column;gap:0;min-width:0;display:flex}.detail-inline-form-title{color:var(--text);margin-bottom:12px;font-size:1.05rem;font-weight:700}.detail-inline-form-body{padding:0!important}.detail-inline-form-footer{border-top:1px solid var(--border);background:0 0;justify-content:flex-end;gap:10px;margin-top:16px;padding:16px 0 0;display:flex}.detail-inline-editing-label{color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:600}.product-detail-form{flex-direction:column;gap:10px;display:flex}.product-form-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding-bottom:8px;display:flex}.product-form-tabs-design{gap:8px;padding-bottom:6px}.product-form-tab{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--panel-muted) 70%, var(--panel));color:var(--text-muted);border-bottom:1px solid color-mix(in srgb, var(--border) 80%, transparent);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.88rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.product-form-tab:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent-soft) 45%, var(--panel))}.product-form-tab.active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent-soft) 85%, var(--panel));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 10%, transparent)}.product-form-tabs-design .product-form-tab{box-shadow:none;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:0 0 8px}.product-form-tabs-design .product-form-tab:hover{color:var(--text);background:0 0}.product-form-tabs-design .product-form-tab.active{color:var(--accent);border-bottom-color:var(--accent);box-shadow:none;background:0 0}.product-form-tab-edit{align-items:center;gap:2px;display:inline-flex}.product-form-tab-edit.active .product-form-tab{color:var(--accent);border-bottom-color:var(--accent)}.product-form-tab-name-input{border:1px solid var(--accent);background:var(--panel);min-width:72px;max-width:140px;color:var(--text);border-radius:6px;padding:2px 8px;font-size:.85rem;font-weight:600}.product-form-tab-icon{width:22px;height:22px;color:var(--text-muted);padding:0}.product-form-tab-add{color:var(--accent);border-bottom:none}.product-form-tab-count{background:color-mix(in srgb, var(--panel) 80%, transparent);min-width:18px;height:18px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.product-form-tab.active .product-form-tab-count{background:color-mix(in srgb, var(--accent) 18%, var(--panel));color:var(--accent)}.product-form-tabs-design .product-form-tab-count{background:color-mix(in srgb, var(--panel-muted) 80%, transparent)}.product-form-tabs-design .product-form-tab.active .product-form-tab-count{background:var(--accent-soft);color:var(--accent)}.product-layout-header-rows{color:var(--text-muted);align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:inline-flex}.product-layout-header-rows select{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:4px 8px}.product-layout-design-note{color:var(--text-muted);margin-top:-4px;font-size:.8rem}.product-layout-header-rows-1{min-height:42px}.product-layout-header-rows-2{min-height:84px}.product-layout-header-rows-3{min-height:126px}.product-layout-header-rows-4{min-height:168px}.product-layout-grid.product-layout-12,.product-layout-design-grid.product-layout-12{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:6px 10px;display:grid}.product-detail-form .form-field.product-layout-field{gap:3px}.product-detail-form .form-field.product-layout-field label{letter-spacing:.02em;font-size:.72rem;line-height:1.2}.product-detail-form .form-field.product-layout-field input,.product-detail-form .form-field.product-layout-field select,.product-detail-form .form-field.product-layout-field textarea{border-radius:8px;min-height:30px;padding:5px 9px;font-size:.9rem;line-height:1.25}.product-detail-form .form-field.product-layout-field textarea{min-height:52px;padding-top:6px;padding-bottom:6px}.product-layout-w-3{grid-column:span 3}.product-layout-w-4{grid-column:span 4}.product-layout-w-6{grid-column:span 6}.product-layout-w-8{grid-column:span 8}.product-layout-w-9{grid-column:span 9}.product-layout-w-12{grid-column:span 12}.product-layout-h-1{grid-row:span 1}.product-layout-h-2{grid-row:span 2;min-height:88px}.product-layout-h-3{grid-row:span 3;min-height:132px}.product-layout-h-4{grid-row:span 4;min-height:176px}.product-layout-h-2 .product-layout-readonly,.product-layout-h-3 .product-layout-readonly,.product-layout-h-4 .product-layout-readonly,.product-layout-h-2 input,.product-layout-h-3 input,.product-layout-h-4 input,.product-layout-h-2 select,.product-layout-h-3 select,.product-layout-h-4 select,.product-layout-h-2 textarea,.product-layout-h-3 textarea,.product-layout-h-4 textarea{align-items:flex-start;height:100%;min-height:100%}.product-layout-photo-slot{min-width:0}.product-layout-span-2,.form-field.product-layout-span-2{grid-column:1/-1}.product-layout-readonly{background:color-mix(in srgb, var(--panel-muted) 70%, transparent);min-height:30px;color:var(--text);word-break:break-word;border:1px solid #0000;border-radius:8px;align-items:center;padding:5px 9px;font-size:.9rem;line-height:1.25;display:flex}.product-layout-readonly-multiline{white-space:pre-wrap;align-items:flex-start;min-height:4.5rem}.product-layout-widget-slot{min-width:0}.product-layout-widget-slot .card-detail-section,.product-layout-widget-slot .billing-card{margin-top:0}.product-layout-empty-tab{color:var(--text-muted);grid-column:1/-1;padding:18px 12px;font-size:.85rem}.product-layout-tab-select{border:1px solid var(--border);background:var(--panel);width:72px;max-width:72px;color:var(--text-muted);border-radius:6px;flex:0 0 72px;height:22px;padding:2px 4px;font-size:.68rem;font-weight:600}.product-layout-designer{flex-direction:column;gap:16px;display:flex}.product-layout-designer-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.product-layout-designer-toolbar h3{margin:0 0 4px;font-size:1.05rem}.product-layout-designer-toolbar p{color:var(--text-muted);margin:0;font-size:.85rem}.product-layout-designer-actions{flex-wrap:wrap;gap:8px;display:flex}.product-detail-form-loading{place-items:center;min-height:220px;padding:24px;display:grid}.product-layout-available-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.product-layout-available-header .dashboard-design-panel-title{margin:0}.product-layout-available-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.product-layout-source-tabs{margin-right:4px}.product-layout-palette-shell{flex-direction:column;gap:0;margin-bottom:8px;display:flex}.product-layout-palette-splitter{cursor:row-resize;touch-action:none;height:8px;margin:2px 0 0;position:relative}.product-layout-palette-splitter:after{content:"";background:color-mix(in srgb, var(--accent) 55%, var(--border));border-radius:999px;width:48px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.product-layout-filter-tabs{background:color-mix(in srgb, var(--panel-muted) 80%, transparent);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);border-radius:999px;gap:4px;padding:3px;display:inline-flex}.product-layout-filter-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 10px;font-size:.75rem;font-weight:700}.product-layout-filter-tabs button.active{background:var(--panel);color:var(--accent);box-shadow:0 1px 2px color-mix(in srgb, var(--text) 8%, transparent)}.product-layout-field-search{box-sizing:border-box;border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);border-radius:10px;margin-bottom:10px;padding:8px 12px;font-size:.85rem}.product-layout-field-search:focus{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.product-layout-batch-bar{background:color-mix(in srgb, var(--accent-soft) 55%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border));border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;display:flex}.product-layout-batch-count{color:var(--accent);font-size:.78rem;font-weight:700}.product-layout-batch-move{color:var(--text-muted);align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:inline-flex}.product-layout-batch-move select{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:4px 8px;font-size:.78rem}.product-layout-palette{max-height:180px;padding-right:2px;overflow:auto}.product-layout-palette-chip{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--accent-soft) 70%, var(--panel));color:var(--accent);border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:3px 4px 3px 8px;font-size:.78rem;font-weight:600;display:inline-flex}.product-layout-palette-chip.is-used{background:color-mix(in srgb, #94a3b8 18%, var(--panel));border-color:color-mix(in srgb, #64748b 35%, var(--border));color:color-mix(in srgb, #475569 70%, var(--text))}.product-layout-palette-chip.is-selected{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:1px;background:color-mix(in srgb, var(--accent-soft) 90%, var(--panel));border-color:color-mix(in srgb, var(--accent) 45%, var(--border));color:var(--accent)}.product-layout-palette-select{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:0;min-width:0;padding:2px 4px;display:inline-flex}.product-layout-palette-label{font-size:.78rem;font-weight:700;line-height:1.1}.product-layout-palette-zone{opacity:.75;font-size:.65rem;font-weight:600;line-height:1.1}.product-layout-palette-tab{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:var(--panel);color:var(--text);border-radius:999px;flex:0 0 72px;width:72px;max-width:72px;padding:2px 4px;font-size:.68rem;font-weight:600}.product-layout-palette-group{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.product-layout-palette-group:last-child{margin-bottom:0}.product-layout-palette-group-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:700}.product-layout-palette-group-items{flex-wrap:wrap;gap:6px;display:flex}.product-layout-palette-remove{width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.product-layout-palette-remove:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.product-layout-palette-row{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.product-layout-palette select{min-width:220px}.product-layout-design-card{border:1px dashed color-mix(in srgb, var(--border) 90%, var(--accent));background:color-mix(in srgb, var(--panel-muted) 55%, transparent);border-radius:12px;flex-direction:column;justify-content:center;gap:0;min-width:0;min-height:42px;padding:6px 22px 6px 8px;display:flex;position:relative;container:design-card/inline-size}.product-layout-design-card.span-2{grid-column:1/-1}.product-layout-design-card.dragging{opacity:.55}.product-layout-design-card.resizing{border-style:solid;border-color:var(--accent);z-index:2}.product-layout-design-remove{z-index:4;width:20px;height:20px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:2px;right:2px}.product-layout-design-remove:hover{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.product-layout-design-card-body{flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0;padding-right:2px;display:flex}.product-layout-design-card-main{flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.product-layout-design-card-main strong{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:9rem;font-size:.78rem;overflow:hidden}.product-layout-design-card-head{display:none}.product-layout-drag-handle{color:var(--text-muted);cursor:grab;flex:none;display:inline-flex}.product-layout-size-controls{display:none}.product-layout-span-toggle{flex-wrap:nowrap;flex:0 auto;justify-content:flex-start;align-items:center;gap:1px;min-width:0;margin-left:auto;display:inline-flex}@container design-card (width<=220px){.product-layout-span-toggle{flex-basis:100%;margin-left:22px}.product-layout-design-card-body{row-gap:0}.product-layout-span-toggle button{width:18px;height:16px}}.product-layout-design-card.product-layout-w-3 .product-layout-span-toggle,.product-layout-design-card.product-layout-w-4 .product-layout-span-toggle{flex-basis:100%;margin-left:22px}.product-layout-span-toggle button{color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;width:20px;height:18px;padding:1px;display:inline-flex}.product-layout-span-toggle button:hover{border-color:var(--border);background:var(--panel)}.product-layout-span-toggle button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.product-layout-header-zone{margin-bottom:4px}.document-items-tab-footer{border-top:1px solid var(--border-subtle,#00000014);margin-top:12px;padding-top:12px}.document-items-editor-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.items-table-editable input{width:100%;min-width:0}.items-table-actions-col{text-align:center;width:40px}.layout-tab-content{flex-direction:column;gap:0;display:flex}.detail-panel:has(.detail-content-document){min-height:0;overflow:hidden}.detail-content-document,.detail-card-document{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.product-detail-form-document{flex:1;gap:0;min-height:0}.product-detail-form-document-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.product-detail-form-document .product-detail-form-main{flex-direction:column;flex:0 auto;gap:10px;min-height:0;display:flex;overflow:auto}.product-detail-form-document-body.is-split .product-detail-form-main{flex-shrink:0;overflow:auto}.product-detail-form-document .layout-tab-body{flex:0 auto;min-height:0;overflow:visible}.document-items-splitter{cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;height:8px;margin:2px 0;position:relative}.document-items-splitter:after{content:"";background:var(--border);border-radius:999px;height:2px;transition:background .15s,box-shadow .15s;position:absolute;top:3px;left:0;right:0}.document-items-splitter:hover:after,.document-items-splitter:focus-visible:after,body.is-document-splitting .document-items-splitter:after{background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}body.is-document-splitting{cursor:row-resize;-webkit-user-select:none;user-select:none}.document-items-dock{border-top:none;flex-direction:column;flex:1;gap:8px;min-height:128px;margin-top:0;padding-top:8px;display:flex;overflow:hidden}.document-items-dock-fields{flex-shrink:0}.document-items-dock-header{color:var(--text-muted);flex-shrink:0;font-size:.88rem}.document-items-dock-scroll{flex:1;min-height:96px;overflow:auto}.product-layout-header-rows,.product-layout-resize-hint{display:none}.product-layout-resize-handle{z-index:3;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.product-layout-resize-e{cursor:ew-resize;width:10px;top:10px;bottom:10px;right:-5px}.product-layout-resize-e:after{content:"";background:color-mix(in srgb, var(--accent) 55%, var(--border));border-radius:999px;width:3px;height:28px;margin-top:-14px;position:absolute;top:50%;left:3px}.product-layout-resize-s{cursor:ns-resize;height:10px;bottom:-5px;left:10px;right:10px}.product-layout-resize-s:after{content:"";background:color-mix(in srgb, var(--accent) 55%, var(--border));border-radius:999px;width:28px;height:3px;margin-left:-14px;position:absolute;top:3px;left:50%}.product-layout-design-card.height-resizable .product-layout-resize-e{bottom:14px}@media (width<=900px){.product-layout-grid.product-layout-12,.product-layout-design-grid.product-layout-12{grid-template-columns:repeat(6,minmax(0,1fr))}.product-layout-w-3,.product-layout-w-4,.product-layout-w-6,.product-layout-w-8,.product-layout-w-9,.product-layout-w-12{grid-column:span 6}}@media (width<=720px){.product-layout-grid.product-layout-12,.product-layout-design-grid.product-layout-12{grid-template-columns:1fr}.product-layout-w-3,.product-layout-w-4,.product-layout-w-6,.product-layout-w-8,.product-layout-w-9,.product-layout-w-12,.product-layout-design-card.span-2{grid-column:auto}.product-layout-h-2,.product-layout-h-3,.product-layout-h-4{grid-row:auto;min-height:0}}.detail-header{grid-template-columns:1fr auto;align-items:start;gap:16px;margin-bottom:16px;display:grid}.detail-header-main{min-width:0}.detail-title-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.detail-title{margin:0;font-size:1.35rem;font-weight:700}.detail-meta-line{align-items:center;gap:8px;min-width:0;font-size:.88rem;line-height:1.4;display:flex}.detail-meta-date{color:var(--text-muted);white-space:nowrap;flex-shrink:0}.detail-meta-sep{color:var(--text-muted);flex-shrink:0}.detail-meta-party{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.status-badge{letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.status-badge.gray{color:#6b7280;background:#6b728026}.status-badge.blue{color:#3b82f6;background:#3b82f626}.status-badge.amber{color:#f59e0b;background:#f59e0b26}.status-badge.green{color:#14b8a6;background:#14b8a626}.status-badge.red{color:#ef4444;background:#ef444426}.status-badge.purple{color:#8b5cf6;background:#8b5cf626}.status-badge.teal{color:#0d9488;background:#14b8a626}.status-badge-sm{letter-spacing:.02em;white-space:nowrap;gap:0;padding:3px 8px;font-size:.68rem;font-weight:700}.order-card-status-badge{flex-shrink:0}.detail-dates{gap:28px;display:flex}.date-block-label{letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:.72rem}.date-block-value{font-weight:600}.billing-card{background:var(--panel-muted);border-radius:var(--radius-md);padding:18px}.billing-card-compact{text-align:right;min-width:120px;padding:10px 14px}.billing-label{letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;font-size:.72rem}.billing-card-compact .billing-label{margin-bottom:4px}.billing-name{margin-bottom:8px;font-weight:700}.billing-amount{white-space:nowrap;font-size:1.15rem;font-weight:700;line-height:1.2}.billing-address{color:var(--text-muted);white-space:pre-line;line-height:1.5}.items-table{border-collapse:separate;border-spacing:0 10px;width:100%}.items-table-compact{border-spacing:0 4px}.items-table th{text-align:left;letter-spacing:.08em;color:var(--text-muted);padding:0 12px 8px;font-size:.72rem}.items-table-compact th{padding:0 10px 4px}.items-table th:not(:first-child),.items-table td:not(:first-child){text-align:center}.items-table th:last-child,.items-table td:last-child,.items-table th:nth-last-child(2),.items-table td:nth-last-child(2){text-align:right}.item-row td{background:var(--panel-muted);vertical-align:middle;padding:16px 12px}.items-table-compact .item-row td{padding:8px 10px}.item-row td:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.item-row td:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.item-cell{align-items:center;gap:14px;display:flex}.items-table-compact .item-cell{gap:10px}.item-thumb{color:#5b21b6;background:linear-gradient(135deg,#ddd6fe,#c4b5fd);border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;font-weight:700;display:grid}.item-thumb-sm{border-radius:8px;width:32px;height:32px;font-size:.72rem}.item-thumb-md{border-radius:12px;width:48px;height:48px;font-size:.9rem}.item-thumb-lg{border-radius:16px;width:96px;height:96px;font-size:1.1rem}.product-thumb{object-fit:cover;background:linear-gradient(135deg,#ddd6fe,#c4b5fd);border-radius:8px;flex-shrink:0}.product-thumb-sm{width:32px;height:32px}.product-thumb-md{border-radius:12px;width:48px;height:48px}.product-thumb-lg{border-radius:16px;width:96px;height:96px}.product-photo-panel{border:1px solid var(--border);background:var(--panel-muted);border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.product-photo-preview-btn{cursor:zoom-in;background:0 0;border:none;border-radius:16px;padding:0}.product-photo-preview-btn:hover .product-thumb,.product-photo-preview-btn:hover .item-thumb{box-shadow:0 8px 24px #0000001f}.product-photo-actions{flex-direction:column;gap:8px;min-width:180px;display:flex}.product-photo-action-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.86rem;font-weight:600;display:inline-flex}.product-photo-action-btn:hover:not(:disabled){background:var(--list-hover);color:var(--accent)}.product-photo-action-btn:disabled{opacity:.6;cursor:not-allowed}.product-photo-uploading{color:var(--text-muted);align-items:center;gap:8px;font-size:.78rem;display:inline-flex}.product-photo-uploading-idle{opacity:.85}.product-photo-error{width:100%;color:var(--danger,#ef4444);font-size:.82rem}.image-lightbox-backdrop{z-index:2000;background:#0f1117b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-lightbox-panel{max-width:min(92vw,960px);max-height:92vh;position:relative}.image-lightbox-image{background:var(--panel);border-radius:16px;max-width:min(92vw,960px);max-height:92vh;display:block;box-shadow:0 24px 64px #00000059}.image-lightbox-close{background:var(--panel);width:36px;height:36px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border:none;border-radius:999px;place-items:center;display:grid;position:absolute;top:-12px;right:-12px}.image-lightbox-empty{background:var(--panel);min-width:240px;min-height:160px;color:var(--text-muted);border-radius:16px;place-items:center;padding:24px;display:grid}.module-list-table .photo-col,.module-list-table th.photo-col,.module-list-table td.photo-col{text-align:center;vertical-align:middle;width:48px;padding-inline:4px}.product-list-image-wrap{flex-shrink:0;place-items:center;width:36px;height:36px;margin:0 auto;display:grid}.product-list-image-wrap .product-thumb,.product-list-image-wrap .item-thumb{width:32px;max-width:100%;height:32px;max-height:100%}.product-list-image-wrap-md{width:72px;height:72px}.product-list-image-wrap-md .product-thumb,.product-list-image-wrap-md .item-thumb{border-radius:12px;width:64px;height:64px}.list-view-toggle{border:1px solid var(--border);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.list-view-toggle .icon-btn{border:none;border-radius:0}.list-view-toggle .icon-btn.active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.order-cards-product-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-content:start;gap:10px;display:grid}.product-grid-card{border:1px solid var(--border);background:var(--panel);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 10px;display:flex;position:relative}.product-grid-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.product-grid-card.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--panel))}.product-grid-card-disabled{opacity:.72}.product-grid-card-disabled .product-grid-card-name,.product-grid-card-disabled .product-grid-card-code{color:var(--text-muted)}.product-grid-card-fallback{color:#5b21b6;background:linear-gradient(135deg,#ddd6fe,#c4b5fd);border-radius:12px;place-items:center;width:64px;height:64px;font-size:1rem;font-weight:700;display:grid}.product-grid-card-avatar{border-radius:12px;width:64px;height:64px;font-size:1rem}.product-grid-card-body{width:100%;min-width:0}.product-grid-card-name{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.product-grid-card-code{color:var(--text-muted);margin-top:4px;font-size:.72rem}.item-name{margin-bottom:4px;font-weight:600}.items-table-compact .item-name{margin-bottom:2px;font-size:.92rem;line-height:1.25}.item-sku{color:var(--text-muted);font-size:.82rem}.items-table-compact .item-sku{font-size:.75rem;line-height:1.2}.status-dot{border-radius:50%;place-items:center;width:28px;height:28px;margin:0 auto;display:inline-grid}.status-dot.done{color:var(--success);background:#14b8a626}.status-dot.pending{color:var(--warning);background:#f59e0b26}.empty-state,.loading-state,.error-state{height:100%;min-height:120px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 24px;display:flex}.loading-state-compact{gap:10px;min-height:0;padding:16px}.loading-state-label{letter-spacing:.01em;color:var(--text-muted);font-size:.9rem;font-weight:500;animation:1.6s ease-in-out infinite loading-label-pulse}.loading-spinner-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.loading-spinner-wrap:before{content:"";background:var(--accent-soft);opacity:.45;border-radius:50%;animation:1.5s ease-out infinite loading-pulse-ring;position:absolute;inset:-8px}.loading-state-compact .loading-spinner-wrap:before{inset:-5px}.loading-spinner{z-index:1;border:3px solid var(--accent-soft);border-top-color:var(--accent);border-right-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%;animation:.72s cubic-bezier(.45,.08,.35,.95) infinite loading-spin;display:inline-block;position:relative}.loading-spinner-sm{width:15px;height:15px;box-shadow:none;border-width:2px}.loading-spinner-md{width:38px;height:38px}.loading-spinner-lg{border-width:4px;width:52px;height:52px}.loading-overlay{z-index:12;background:color-mix(in srgb, var(--panel) 82%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:inherit;place-items:center;display:grid;position:absolute;inset:0}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-pulse-ring{0%{opacity:.55;transform:scale(.82)}70%{opacity:0;transform:scale(1.18)}to{opacity:0;transform:scale(1.18)}}@keyframes loading-label-pulse{0%,to{opacity:.55}50%{opacity:1}}.modal-overlay{z-index:100;background:#0f11178c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-overlay-static,.modal-overlay-static .modal{pointer-events:auto}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(920px,100%);min-height:min(72vh,720px);max-height:min(92vh,960px);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.modal-document-form .modal-body{min-height:360px}.modal-document-form .line-items-editor{max-height:min(42vh,420px);padding-right:4px;overflow:auto}.modal-header,.modal-footer{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.modal-footer{border-bottom:none;border-top:1px solid var(--border);justify-content:flex-end}.modal-body{flex-direction:column;flex:1;gap:20px;min-height:0;padding:24px;display:flex;overflow:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-field{flex-direction:column;gap:8px;display:flex}.form-field.full{grid-column:1/-1}.form-field label{color:var(--text-muted);font-size:.85rem;font-weight:600}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:12px;outline:none;padding:10px 12px}.form-field textarea{resize:vertical;min-height:80px}.line-items-editor{flex-direction:column;gap:12px;display:flex;overflow:visible}.line-item-row{grid-template-columns:1.2fr 1.5fr 100px 120px 40px;align-items:center;gap:10px;display:grid}.line-item-row input{border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:12px;padding:10px 12px}.lookup-dropdown{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);z-index:40;border-radius:12px;max-height:180px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.lookup-wrap:focus-within{z-index:35}.line-item-row .lookup-wrap{z-index:1;position:relative}.line-item-row .lookup-wrap:focus-within,.form-field.lookup-wrap:focus-within{z-index:35}.lookup-item{cursor:pointer;padding:10px 12px}.lookup-item:hover,.lookup-item.active{background:var(--list-hover)}.lookup-item.active{background:var(--accent-soft);color:var(--accent)}.lookup-wrap{position:relative}.sidebar-wide{width:var(--sidebar-width);scrollbar-width:none;-ms-overflow-style:none;align-items:stretch;padding:12px 12px 16px;overflow:visible}.sidebar-nav-wide{scrollbar-width:none;-ms-overflow-style:none;gap:0;width:100%;overflow:hidden auto}.sidebar-nav-wide::-webkit-scrollbar{width:0;height:0;display:none}.sidebar::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-wide::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-nav-group{margin-top:6px}.sidebar-group-divider{background:var(--border);height:1px;margin:8px 12px}.dashboard-widget-shell[data-module=so],.stat-card[data-module=so]{background:#2563eb1a;border:1px solid #2563eb33}.dashboard-widget-shell[data-module=sales],.stat-card[data-module=sales]{background:#0891b21a;border:1px solid #0891b233}.dashboard-widget-shell[data-module=po],.stat-card[data-module=po]{background:#ea580c1a;border:1px solid #ea580c33}.dashboard-widget-shell[data-module=purchase],.dashboard-widget-shell[data-module=purchases],.stat-card[data-module=purchase]{background:#dc26261a;border:1px solid #dc262633}.dashboard-widget-shell[data-module=customers],.total-card[data-module=customers],.stat-card[data-module=customers]{background:#0284c71a;border:1px solid #0284c733}.dashboard-widget-shell[data-module=suppliers],.total-card[data-module=suppliers],.stat-card[data-module=suppliers]{background:#d977061a;border:1px solid #d9770633}.dashboard-widget-shell[data-module=products],.total-card[data-module=products],.stat-card[data-module=products]{background:#0596691a;border:1px solid #05966933}.dashboard-widget-shell[data-module=warning],.stat-card[data-module=warning]{background:#f59e0b1f;border:1px solid #f59e0b3d}.dashboard-widget-shell[data-module=danger],.stat-card[data-module=danger]{background:#ef44441a;border:1px solid #ef444438}.dashboard-widget-shell[data-module=success],.stat-card[data-module=success]{background:#10b9811a;border:1px solid #10b98138}.dashboard-widget-shell[data-module=violet],.stat-card[data-module=violet]{background:#7c3aed1a;border:1px solid #7c3aed38}.dashboard-widget-shell[data-module=coa],.stat-card[data-module=coa]{background:#4338ca1a;border:1px solid #4338ca38}.dashboard-widget-shell[data-module=voucher],.stat-card[data-module=voucher],.dashboard-widget-shell[data-module=quotations],.stat-card[data-module=quotations]{background:#7c3aed1a;border:1px solid #7c3aed38}.dashboard-widget-shell[data-module=dn],.stat-card[data-module=dn]{background:#0d94881a;border:1px solid #0d948838}.dashboard-widget-shell[data-module=gr],.stat-card[data-module=gr]{background:#65a30d1a;border:1px solid #65a30d38}.dashboard-widget-shell[data-module=users],.stat-card[data-module=users]{background:#4755691a;border:1px solid #47556938}.dashboard-widget-shell[data-module] .stat-card,.dashboard-widget-shell[data-module] .total-card{box-shadow:none;background:0 0;border:none}.dashboard-widget-shell[data-module=so] .stat-card-top,.stat-card[data-module=so] .stat-card-top{color:#2563eb}.dashboard-widget-shell[data-module=sales] .stat-card-top,.stat-card[data-module=sales] .stat-card-top{color:#0891b2}.dashboard-widget-shell[data-module=po] .stat-card-top,.stat-card[data-module=po] .stat-card-top{color:#ea580c}.dashboard-widget-shell[data-module=purchase] .stat-card-top,.dashboard-widget-shell[data-module=purchases] .stat-card-top,.stat-card[data-module=purchase] .stat-card-top{color:#dc2626}.dashboard-widget-shell[data-module=customers] .stat-card-top,.stat-card[data-module=customers] .stat-card-top,.total-card[data-module=customers]{color:#0284c7}.dashboard-widget-shell[data-module=suppliers] .stat-card-top,.stat-card[data-module=suppliers] .stat-card-top,.total-card[data-module=suppliers]{color:#d97706}.dashboard-widget-shell[data-module=products] .stat-card-top,.stat-card[data-module=products] .stat-card-top,.total-card[data-module=products]{color:#059669}.dashboard-widget-shell[data-module=warning] .stat-card-top,.stat-card[data-module=warning] .stat-card-top{color:#d97706}.dashboard-widget-shell[data-module=danger] .stat-card-top,.stat-card[data-module=danger] .stat-card-top{color:#dc2626}.dashboard-widget-shell[data-module=success] .stat-card-top,.stat-card[data-module=success] .stat-card-top{color:#059669}.dashboard-widget-shell[data-module=violet] .stat-card-top,.stat-card[data-module=violet] .stat-card-top{color:#7c3aed}[data-appearance=dark] .dashboard-widget-shell[data-module=so],[data-appearance=dark] .stat-card[data-module=so]{background:#2563eb29;border-color:#2563eb52}[data-appearance=dark] .dashboard-widget-shell[data-module=sales],[data-appearance=dark] .stat-card[data-module=sales]{background:#0891b229;border-color:#0891b252}[data-appearance=dark] .dashboard-widget-shell[data-module=customers],[data-appearance=dark] .stat-card[data-module=customers]{background:#0284c729;border-color:#0284c752}[data-appearance=dark] .dashboard-widget-shell[data-module=products],[data-appearance=dark] .stat-card[data-module=products]{background:#05966929;border-color:#05966952}.dashboard-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.dashboard-widget-shell--full>.dashboard-widget-body>.dashboard-card,.dashboard-widget-shell--full>.dashboard-widget-body>section.dashboard-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:16px}@media (width<=720px){.dashboard-widget-stack{grid-template-columns:1fr}.dashboard-widget-shell--compact{grid-column:1/-1}}.sidebar-group-header{background:var(--group-bg,color-mix(in srgb, var(--text) 6%, transparent));width:100%;color:var(--group-accent,var(--text));letter-spacing:.02em;text-transform:none;cursor:pointer;box-shadow:none;text-align:left;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:.78rem;font-weight:700;transition:background .15s,filter .15s;display:flex}.sidebar-nav-wide .sidebar-group-header:before{content:"";background:var(--group-accent,currentColor);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--group-accent,currentColor) 18%, transparent);border-radius:999px;flex-shrink:0}.sidebar-group-header svg{color:var(--group-accent,var(--text-muted));opacity:.8;flex-shrink:0}.sidebar-nav-wide .sidebar-group-header>span{flex:1;min-width:0}.sidebar-nav-wide .sidebar-group-header svg{margin-left:auto}.sidebar-group-header:hover{background:var(--group-bg,var(--list-hover));filter:brightness(.97);border-color:#0000}.sidebar-group-header.expanded{background:var(--group-bg,transparent);color:var(--group-accent,var(--text));box-shadow:none;border-color:#0000}.sidebar-group-header.expanded:hover{filter:brightness(.97);background:var(--group-bg,var(--list-hover))}.sidebar-group-items{border-left:none;flex-direction:column;gap:0;margin:0;padding:2px 0 4px;display:flex}.voucher-group-select{flex-direction:column;gap:6px;margin:0 20px 10px;display:flex}.voucher-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding-left:2px;font-size:.72rem;font-weight:700}.voucher-group-select select{box-sizing:border-box;border:1px solid var(--border);background:var(--input-bg);width:100%;color:var(--text);border-radius:999px;outline:none;padding:10px 14px;font-size:.88rem}.voucher-group-error{margin:0;padding:0 2px;font-size:.82rem}.voucher-dashboard-list{flex-direction:column;gap:14px;display:flex}.voucher-dashboard-card{border:1px solid var(--border);background:var(--panel);border-radius:14px;overflow:hidden}.voucher-dashboard-card-header{background:var(--panel-muted);width:100%;color:var(--text);text-align:left;cursor:pointer;border:0;justify-content:flex-start;align-items:center;gap:12px;padding:12px 14px;display:flex}.voucher-dashboard-card-header:hover{background:var(--list-hover)}.voucher-dashboard-title{font-weight:700}.voucher-dashboard-meta{color:var(--text-muted);margin-top:4px;font-size:.82rem}.voucher-dashboard-total{white-space:nowrap;font-weight:700}.voucher-dashboard-card .voucher-items-table{margin:0}.voucher-items-table .voucher-ref-cell{min-width:140px;color:var(--text-muted);font-size:.78rem}.voucher-items-table th:first-child,.voucher-items-table td:first-child{text-align:left;min-width:2.5rem;padding-left:18px;padding-right:8px}.sidebar-module-btn{width:100%;min-height:40px;color:var(--text);background:0 0;border:none;border-radius:10px;align-items:center;gap:24px;padding:0 12px;font-size:.875rem;font-weight:400;transition:background .15s,color .15s;display:flex}.sidebar-module-btn span{text-align:left;min-width:0;line-height:1.25}.sidebar-module-btn svg{flex-shrink:0;width:24px;height:24px}.sidebar-module-btn-long-label span{letter-spacing:-.01em;font-size:.8125rem;line-height:1.2}.sidebar-module-btn:hover{background:var(--list-hover);color:var(--text)}.sidebar-module-btn.active{background:var(--list-hover);color:var(--text);font-weight:500}[data-theme=spectrum] .sidebar-module-btn:hover,[data-theme=spectrum] .sidebar-module-btn.active,[data-theme=smarttech] .sidebar-module-btn:hover,[data-theme=smarttech] .sidebar-module-btn.active{background:var(--module-accent-soft);color:var(--module-accent)}[data-theme=spectrum] .sidebar-module-btn:hover svg,[data-theme=spectrum] .sidebar-module-btn.active svg{color:var(--module-accent)}.app-shell-wide{grid-template-columns:var(--sidebar-width) var(--module-list-width,340px) 1fr}.app-shell-wide.sidebar-folded{grid-template-columns:var(--mini-sidebar-width) var(--module-list-width,340px) 1fr}.app-shell-wide.sidebar-folded:has(.order-list-panel-unfold){grid-template-columns:var(--mini-sidebar-width) var(--module-list-width,560px) 1fr}.sidebar-top-row{justify-content:flex-end;padding:0 4px 10px;display:flex}.sidebar-fold-btn{border:1px solid var(--border);background:var(--panel-muted);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:10px;place-items:center;padding:0;display:grid}.sidebar-fold-btn:hover{background:var(--list-hover);color:var(--accent)}.sidebar-wide.sidebar-folded{width:var(--mini-sidebar-width);padding:12px 12px 16px;overflow:visible}.sidebar-folded .sidebar-nav-wide{scrollbar-width:none;-ms-overflow-style:none;gap:0;overflow:hidden auto}.sidebar-folded .sidebar-nav-group{margin-top:6px}.sidebar-folded .sidebar-group-header{background:var(--group-bg,color-mix(in srgb, var(--text) 6%, transparent));color:#0000;pointer-events:none;height:auto;min-height:0;box-shadow:none;filter:none;opacity:1;border-radius:8px;margin:0;padding:6px 10px;overflow:hidden}.sidebar-folded .sidebar-group-header:before{display:none}.sidebar-folded .sidebar-group-header span,.sidebar-folded .sidebar-group-header svg{visibility:hidden;white-space:nowrap}.sidebar-folded .sidebar-nav-wide>.sidebar-group-divider{background:var(--border);height:1px;margin:8px 12px;display:block}.sidebar-folded .sidebar-group-items{gap:0;margin:0;padding:2px 0 4px}.sidebar-folded .sidebar-module-btn{border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:24px;height:auto;min-height:40px;padding:0 12px;position:relative;overflow:visible}.sidebar-folded .sidebar-module-label,.sidebar-folded .sidebar-module-btn-long-label .sidebar-module-label{display:none}.sidebar-folded .sidebar-module-flyout{z-index:220;border:1px solid var(--border);background:var(--panel);min-height:40px;color:var(--text);white-space:nowrap;pointer-events:none;border-radius:10px;align-items:center;gap:10px;padding:0 14px 0 10px;display:none;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%);box-shadow:4px 6px 20px #0f172a1f}.sidebar-folded .sidebar-module-flyout span{font-size:.875rem;font-weight:500;line-height:1.25;display:inline}.sidebar-folded .sidebar-module-flyout svg{flex-shrink:0;width:18px;height:18px}@media (hover:hover) and (pointer:fine){.sidebar-folded .sidebar-module-btn:hover .sidebar-module-flyout,.sidebar-folded .sidebar-module-btn:focus-visible .sidebar-module-flyout{display:inline-flex}}.sidebar-folded .sidebar-footer-wide{align-items:center;padding-inline:0}html[data-sidebar-mini=icon]{--mini-sidebar-width:var(--mini-sidebar-icon-width)}.sidebar-folded[data-mini-style=icon] .sidebar-module-btn,.sidebar-folded[data-mini-style=icon-name] .sidebar-module-btn{gap:24px;min-height:40px;padding:0 12px}.sidebar-folded[data-mini-style=icon] .sidebar-module-label,.sidebar-folded[data-mini-style=icon-name] .sidebar-module-label{display:none}.sidebar-wide:not(.sidebar-folded)[data-expand-style=name] .sidebar-module-btn{justify-content:flex-start;gap:0}.sidebar-display{width:100%;position:relative}.sidebar-display-btn{width:100%}.sidebar-display-pop{z-index:40;border:1px solid var(--border);background:var(--panel,var(--sidebar));min-width:220px;box-shadow:var(--shadow);border-radius:12px;padding:10px;position:absolute}.sidebar-wide:not(.sidebar-folded) .sidebar-display-pop{bottom:calc(100% + 8px);left:0;right:0}.sidebar-folded .sidebar-display-pop{bottom:0;left:calc(100% + 8px)}.sidebar-display-label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin:6px 0;font-size:.72rem;font-weight:700}.sidebar-display-label:first-child{margin-top:0}.sidebar-display-choices{flex-direction:column;gap:4px;display:flex}.sidebar-display-choices button{border:1px solid var(--border);background:var(--panel-muted);color:var(--text);text-align:left;cursor:pointer;border-radius:8px;padding:6px 8px;font-size:.8rem;font-weight:600}.sidebar-display-choices button:hover{background:var(--list-hover)}.sidebar-display-choices button.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.app-shell:has(.order-list-panel-unfold){grid-template-columns:72px var(--module-list-width,560px) 1fr}.app-shell-wide:has(.order-list-panel-unfold){grid-template-columns:var(--sidebar-width) var(--module-list-width,560px) 1fr}.form-field>div{border:1px solid var(--border);background:var(--panel-muted);border-radius:12px;min-height:42px;padding:10px 12px}@media (width<=1100px) and (width>=901px){.detail-header{grid-template-columns:1fr}}@media (width<=900px){.shell-chrome-widget .global-search-box{display:none}.shell-chrome-sidebar-offset{left:max(12px, env(safe-area-inset-left))!important}html,body,#root{overflow-x:hidden}:is(.app-shell,.app-shell-wide,.app-shell-dashboard,.app-shell:has(.order-list-panel-folded),.app-shell-wide:has(.order-list-panel-folded),.app-shell:has(.order-list-panel-unfold),.app-shell-wide:has(.order-list-panel-unfold),.app-shell:has(.order-list-panel-unfold):has(.order-list-panel-folded),.app-shell-wide:has(.order-list-panel-unfold):has(.order-list-panel-folded)){grid-template-columns:unset;grid-template-rows:unset;width:100%;height:auto;min-height:calc(100dvh - var(--header-height));flex-direction:column;display:flex;overflow-x:hidden}.app-shell-wide>.dashboard-panel,.app-shell-wide>.settings-page,.app-shell-dashboard>.dashboard-panel,.app-shell-wide>.action-log-page,.app-shell-wide>.stock-page,.app-shell-wide>.sales-report-page{flex:1;width:100%;min-width:0}}.login-page{background:radial-gradient(circle at top right, #635bff2e, transparent 30%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-page-stack{flex-direction:column;align-items:flex-start;width:min(420px,100%);display:flex}.login-back{color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:16px;font-weight:600;display:inline-flex}.login-back:hover{color:var(--text)}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(420px,100%);box-shadow:var(--shadow);padding:32px}.login-brand{align-items:center;gap:16px;margin-bottom:28px;display:flex}.login-brand h1{margin:0 0 4px;font-size:1.5rem}.login-brand p{color:var(--text-muted);margin:0;font-size:.92rem}.login-form{flex-direction:column;gap:12px;display:flex}.login-field{border:1.5px solid color-mix(in srgb, var(--text) 28%, var(--border));background:var(--panel);cursor:text;border-radius:999px;align-items:center;gap:10px;min-height:42px;padding:0 14px;display:flex}.login-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-field-icon{color:var(--text-muted);flex:none;display:inline-flex}.login-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:auto;padding:10px 0;font-size:.92rem;line-height:1.2}.login-field input::placeholder{color:color-mix(in srgb, var(--text-muted) 85%, transparent)}.login-field-action{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.login-field-action:hover{color:var(--text);background:color-mix(in srgb, var(--panel-muted) 70%, transparent)}.login-remember-row{align-items:center;gap:10px;min-height:28px;margin-top:2px;display:flex}.login-remember-switch{background:color-mix(in srgb, var(--text-muted) 35%, var(--border));cursor:pointer;border:0;border-radius:999px;flex:none;width:42px;height:24px;padding:2px;transition:background .18s;position:relative}.login-remember-switch.on{background:var(--accent)}.login-remember-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;display:block;transform:translate(0);box-shadow:0 1px 3px #0f172a40}.login-remember-switch.on .login-remember-knob{transform:translate(18px)}.login-remember-label{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem}.login-remember-label:hover{color:var(--text)}.login-submit{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;justify-content:center;width:100%;min-height:44px;margin-top:4px}.login-remember{display:none}.sidebar-footer-wide{z-index:2;justify-content:center;width:100%;padding-inline:8px;display:flex;position:relative;overflow:visible}.sidebar-user{color:var(--text-muted);text-align:center;word-break:break-word;margin-bottom:8px;font-size:.78rem}.app-shell-dashboard{grid-template-columns:var(--sidebar-width) 1fr}.app-shell-dashboard.sidebar-folded{grid-template-columns:var(--mini-sidebar-width) 1fr}.dashboard-panel{background:var(--bg);padding:28px;position:relative;overflow:auto}.dashboard-panel.dashboard-busy,.doc-dashboard.dashboard-busy{pointer-events:none}.dashboard-panel.dashboard-busy>:not(.dashboard-busy-indicator),.doc-dashboard.dashboard-busy>:not(.dashboard-busy-indicator){opacity:.55}.dashboard-busy-indicator{z-index:5;background:var(--panel);border:1px solid var(--border);color:var(--accent);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:.82rem;font-weight:600;display:inline-flex;position:absolute;top:16px;right:16px}.dashboard-error-banner{color:var(--danger);border-radius:var(--radius-sm);background:#ef44441f;border:1px solid #ef444440;margin-bottom:12px;padding:10px 14px;font-size:.88rem;font-weight:600}.sales-history-card{margin-bottom:16px}.sales-history-header{margin-bottom:12px}.chart-type-tabs{flex-wrap:wrap;gap:6px;display:flex}.chart-type-btn{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--panel-muted) 70%, transparent);color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.78rem;font-weight:600;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.chart-type-btn:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));color:var(--text)}.chart-type-btn.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 55%, var(--border));color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.chart-type-btn svg{width:1em;height:1em}.sales-chart-beauty{gap:14px;display:grid}.sales-chart-recharts{width:100%;height:200px}.dash-spark-area{width:100%;min-width:0}.dash-spark-area.is-spark{margin:0 -4px -6px}.kpi-metric-card{box-sizing:border-box;flex-direction:column;gap:8px;min-height:100%;padding:18px 18px 10px;display:flex}.kpi-metric-top{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.kpi-metric-title{font-size:.88rem;font-weight:600}.kpi-metric-icon{color:inherit;opacity:.9;display:inline-flex}.kpi-metric-value{letter-spacing:-.02em;color:var(--text);font-size:2rem;font-weight:700;line-height:1.05}.kpi-metric-card.risk-high .kpi-metric-value{color:#059669}.kpi-metric-card.risk-medium .kpi-metric-value{color:#d97706}.kpi-metric-card.risk-low .kpi-metric-value{color:#dc2626}[data-appearance=dark] .kpi-metric-card.risk-high .kpi-metric-value{color:#34d399}[data-appearance=dark] .kpi-metric-card.risk-medium .kpi-metric-value{color:#fbbf24}[data-appearance=dark] .kpi-metric-card.risk-low .kpi-metric-value{color:#f87171}.kpi-metric-sub{color:var(--text-muted);font-size:.9rem;font-weight:600}.kpi-metric-progress{gap:6px;margin-top:4px;display:grid}.kpi-metric-progress-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;display:flex}.kpi-metric-progress-meta strong{color:var(--text);font-weight:700}.kpi-metric-progress-track{background:color-mix(in srgb, var(--border) 70%, transparent);border-radius:999px;height:6px;overflow:hidden}.kpi-metric-progress-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 75%, transparent), var(--accent));height:100%;display:block}.kpi-metric-card.risk-high .kpi-metric-progress-fill{background:linear-gradient(90deg,#34d399,#059669)}.kpi-metric-card.risk-medium .kpi-metric-progress-fill{background:linear-gradient(90deg,#fbbf24,#d97706)}.kpi-metric-card.risk-low .kpi-metric-progress-fill{background:linear-gradient(90deg,#f87171,#dc2626)}.kpi-metric-spark{margin-top:auto;padding-top:4px}.dashboard-widget-shell[data-module] .kpi-metric-card{box-shadow:none;background:0 0;border:0}.sales-chart-wrap{background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 62%), color-mix(in srgb, var(--panel-muted) 55%, transparent);border-radius:18px;place-items:center;width:100%;min-height:210px;padding:8px 4px 4px;display:grid;position:relative}.sales-chart-wrap-pie{min-height:240px}.sales-chart-svg{width:100%;height:200px;display:block;overflow:visible}.sales-chart-grid{stroke:color-mix(in srgb, var(--border) 70%, transparent);stroke-width:.35px;stroke-dasharray:1.2 1.6;vector-effect:non-scaling-stroke}.sales-chart-bar,.sales-chart-dot,.sales-chart-slice{cursor:pointer;transition:opacity .16s}.sales-chart-line{filter:drop-shadow(0 4px 8px color-mix(in srgb, var(--accent) 28%, transparent))}.sales-chart-area{pointer-events:none}.sales-chart-pie-stage{aspect-ratio:1;place-items:center;width:min(220px,100%);display:grid;position:relative}.sales-chart-pie{width:100%;height:auto;filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--text) 8%, transparent));display:block;overflow:visible}.sales-chart-pie-center{text-align:center;pointer-events:none;place-content:center;gap:2px;padding:18%;display:grid;position:absolute;inset:0}.sales-chart-pie-center strong{letter-spacing:-.03em;color:var(--text);font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:800;line-height:1.1}.sales-chart-pie-center span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;justify-self:center;max-width:9ch;font-size:.72rem;font-weight:600;overflow:hidden}.sales-chart-tip{z-index:2;background:color-mix(in srgb, var(--panel) 92%, transparent);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);box-shadow:0 10px 24px color-mix(in srgb, var(--text) 10%, transparent);pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;display:inline-flex;position:absolute;top:12px;right:12px}.sales-chart-tip-swatch{border-radius:3px;flex-shrink:0;width:8px;height:8px}.sales-chart-tip-label{color:var(--text-muted)}.sales-chart-tip strong{color:var(--text);font-weight:700}.sales-chart-legend{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 10px;display:grid}.sales-chart-legend-item{text-align:left;background:color-mix(in srgb, var(--panel-muted) 40%, transparent);min-width:0;color:inherit;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:.82rem;transition:background .16s,border-color .16s,box-shadow .16s;display:flex}.sales-chart-legend-item:hover,.sales-chart-legend-item.is-active{background:var(--panel);border-color:color-mix(in srgb, var(--border) 80%, transparent);box-shadow:0 6px 16px color-mix(in srgb, var(--text) 6%, transparent)}.sales-chart-swatch{border-radius:4px;flex-shrink:0;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000014}.sales-chart-legend-label{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sales-chart-legend-value{white-space:nowrap;color:var(--text);font-weight:700}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.dashboard-header h1{margin:0 0 6px;font-size:1.25rem;font-weight:600;line-height:1.25}.dashboard-header p{color:var(--text-muted);margin:0}.period-tabs{background:var(--panel);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:flex}.period-tab{color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:5px 11px;font-size:.8rem;font-weight:600;line-height:1.25}.period-tab.active{background:var(--accent-gradient);color:#fff}.period-tabs-wrap{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.period-range-label{color:var(--text-muted);font-size:.62rem;line-height:1.2}.list-filters{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:0 16px 12px;display:flex}.list-filter-block{flex-direction:column;gap:6px;display:flex}.list-filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.mini-period-tabs{flex-wrap:wrap;gap:6px;display:flex}.mini-period-tab{border:1px solid var(--border);background:var(--panel-muted);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:600}.mini-period-tab.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.list-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.list-filter-field{color:var(--text-muted);flex-direction:column;gap:4px;font-size:.78rem;display:flex}.list-filter-field span{text-transform:uppercase;letter-spacing:.04em;font-weight:600}.list-filter-field input,.list-filter-field select{border:1px solid var(--border);background:var(--panel-muted);width:100%;color:var(--text);border-radius:10px;padding:8px 10px;font-size:.85rem}.list-filter-clear{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.78rem;font-weight:600}.list-filter-summary{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 12px;display:flex}.list-filter-toggle{border:1px solid var(--border);background:var(--panel-muted);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.list-filter-chips{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.list-filter-chip{border:1px solid var(--border);background:var(--accent-soft);color:var(--accent);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100%;padding:5px 10px;font-size:.78rem;font-weight:600;overflow:hidden}.list-filter-chip.clear{color:var(--text-muted);background:0 0}.list-group-bulk-toggle{border:1px solid var(--border);background:var(--panel-muted);border-radius:999px;align-items:stretch;display:inline-flex;overflow:hidden}.list-group-bulk-toggle .list-group-bulk-btn{color:var(--text-muted);box-shadow:none;background:0 0;border:none;border-radius:0}.list-group-bulk-toggle .list-group-bulk-btn+.list-group-bulk-btn{border-left:1px solid var(--border)}.list-group-bulk-toggle .list-group-bulk-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:inset 0 2px 4px #0000002e}.list-group-bulk-toggle .list-group-bulk-btn:not(.active):hover{background:var(--list-hover);color:var(--text)}.list-filter-actions{justify-content:flex-end;gap:6px;padding-top:4px;display:flex}.list-filter-actions .primary-btn,.list-filter-actions .secondary-btn{min-height:0;padding:6px 12px;font-size:.78rem;font-weight:600}.list-group{flex-direction:column;gap:8px;display:flex}.list-group-header{z-index:1;border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));background:var(--accent-soft);width:100%;color:var(--text);letter-spacing:.04em;cursor:pointer;text-align:left;box-shadow:inset 3px 0 0 var(--accent);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:8px 12px 8px 10px;font-size:.82rem;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:flex;position:sticky;top:0}.list-group-header:hover{background:color-mix(in srgb, var(--accent-soft) 72%, var(--list-hover));border-color:color-mix(in srgb, var(--accent) 38%, var(--border))}.list-group-header-leading{flex:1;align-items:center;gap:6px;min-width:0;display:inline-flex}.list-group-header-label{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;overflow:hidden}.list-group-header-count{opacity:.8;flex-shrink:0;font-size:.72rem;font-weight:600}.list-group-collapsed .list-group-header{margin-bottom:0}.doc-dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard-grid{gap:16px;margin-bottom:16px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.totals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-col-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.total-card,.dashboard-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.stat-card{padding:20px}.stat-card-top{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-card-value{margin-bottom:8px;font-size:2rem;font-weight:700;line-height:1}.stat-card-sub{color:var(--text-muted);font-weight:600}.total-card{color:var(--accent);align-items:center;gap:14px;padding:18px 20px;display:flex}.total-card-label{color:var(--text-muted);font-size:.85rem}.total-card-value{color:var(--text);font-size:1.6rem;font-weight:700}.dashboard-card{padding:20px}.dashboard-card h2{align-items:center;gap:8px;margin:0 0 16px;font-size:1.05rem;display:flex}.dashboard-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.dashboard-card-header h2{margin:0}.dashboard-table{border-collapse:collapse;width:100%}.dashboard-table th,.dashboard-table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 8px;font-size:.92rem}.dashboard-table th{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem}.dashboard-table td:last-child,.dashboard-table th:last-child{text-align:right}.empty-cell{color:var(--text-muted);text-align:center!important;padding:24px!important}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col-grid{grid-template-columns:1fr}}@media (width<=700px){.stats-grid,.totals-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column}}.success-state{color:var(--success);background:#14b8a61f;border-radius:12px;padding:12px}.shell-chrome{pointer-events:none;z-index:1100;position:fixed;inset:0}.shell-chrome-corner{pointer-events:none;flex-direction:column;gap:12px;max-width:min(360px,100vw - 24px);display:flex;position:absolute}.shell-chrome-widget-shell{z-index:1;isolation:isolate;position:relative}.shell-chrome-widget-shell:hover,.shell-chrome-widget-shell:focus-within,.shell-chrome-widget-shell.revealed{z-index:6}.shell-chrome-widget-body{transform-origin:50%;min-width:0;transition:transform .22s cubic-bezier(.22,1,.36,1)}.shell-chrome-widget-shell.revealed .shell-chrome-widget-body{transform:scale(1.06)}.shell-chrome-widget-controls{pointer-events:none;z-index:2;justify-content:flex-end;display:flex;position:absolute;top:0;right:0}.shell-chrome-widget-shell-top-left .shell-chrome-widget-controls,.shell-chrome-widget-shell-bottom-left .shell-chrome-widget-controls{justify-content:flex-start;left:0;right:auto}.shell-chrome-widget-shell-bottom-left .shell-chrome-widget-controls,.shell-chrome-widget-shell-bottom-right .shell-chrome-widget-controls{top:auto;bottom:0}.shell-chrome-widget-controls.visible{pointer-events:auto}.shell-corner-move-btn{border:1px solid var(--border);background:var(--panel);width:24px;height:24px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:8px;place-items:center;padding:0;transition:opacity .2s,transform .22s cubic-bezier(.22,1,.36,1),background .15s,color .15s;display:grid;transform:scale(.35)}.shell-chrome-widget-controls.visible .shell-corner-move-btn{opacity:1;pointer-events:auto;transform:scale(1)}.shell-corner-move-btn:hover{background:var(--list-hover);color:var(--accent)}.shell-corner-picker{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);z-index:20;opacity:0;transform-origin:100% 0;border-radius:10px;padding:6px;animation:.18s forwards shell-corner-picker-in;position:absolute;top:calc(100% + 4px);right:0;transform:scale(.85)}@keyframes shell-corner-picker-in{to{opacity:1;transform:scale(1)}}.shell-chrome-widget-shell-top-left .shell-corner-picker,.shell-chrome-widget-shell-bottom-left .shell-corner-picker{transform-origin:0 0;left:0;right:auto}.shell-chrome-widget-shell-bottom-left .shell-corner-picker,.shell-chrome-widget-shell-bottom-right .shell-corner-picker{transform-origin:100% 100%;top:auto;bottom:calc(100% + 4px)}.shell-chrome-widget-shell-bottom-left .shell-corner-picker{transform-origin:0 100%}.shell-corner-picker-btn{border:1px solid var(--border);background:var(--panel-muted);cursor:pointer;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:grid}.shell-corner-picker-btn:hover{background:var(--list-hover)}.shell-corner-picker-btn.active{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--accent-soft)}.shell-corner-picker-dot{background:var(--text-muted);border-radius:999px;width:8px;height:8px}.shell-corner-picker-btn.active .shell-corner-picker-dot{background:var(--accent)}.shell-chrome-top-left{top:calc(var(--header-height) + 12px);left:max(12px, env(safe-area-inset-left));align-items:flex-start}.shell-chrome-top-right{top:calc(var(--header-height) + 12px);right:max(12px, env(safe-area-inset-right));align-items:flex-end;gap:10px}.shell-chrome-bottom-left{bottom:max(16px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));align-items:flex-start}.shell-chrome-bottom-right{bottom:max(16px, env(safe-area-inset-bottom));right:max(12px, env(safe-area-inset-right));align-items:flex-end}.shell-chrome-sidebar-offset{left:calc(var(--sidebar-width) + 16px)!important}.shell-chrome-sidebar-offset.shell-chrome-sidebar-compact{left:calc(var(--mini-sidebar-width) + 16px)!important}.shell-chrome-widget .global-search-box{position:relative}.shell-chrome-bottom-left .global-search-panel,.shell-chrome-bottom-right .global-search-panel{top:auto;bottom:calc(100% + 8px)}.shell-chat-widget-header{position:relative}.shell-chat-widget-header .chat-panel{width:min(760px,100vw - 24px);height:min(520px, calc(100vh - var(--header-height) - 24px));z-index:230}.shell-chat-widget .chat-panel{z-index:40;width:min(760px,100vw - 32px);height:min(560px,100vh - 120px);position:absolute}.shell-chat-widget-top-left .chat-panel,.shell-chat-widget-top-right .chat-panel{top:calc(100% + 12px);bottom:auto}.shell-chat-widget-top-right .chat-panel,.shell-chat-widget-bottom-right .chat-panel{left:auto;right:0}.shell-chat-widget-top-left .chat-panel,.shell-chat-widget-bottom-left .chat-panel{left:0;right:auto}.shell-chat-widget-bottom-left .chat-panel,.shell-chat-widget-bottom-right .chat-panel{top:auto;bottom:calc(100% + 12px)}.shell-chrome-widget{pointer-events:auto;min-width:0}.shell-chrome-widget-floating{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:8px 12px}.shell-chrome-datetime{width:auto;padding:0}.shell-chrome-company{color:var(--text-muted);word-break:break-word;max-width:min(320px,100vw - 280px);font-weight:600;line-height:1.35}.shell-chrome-widget-floating .shell-chrome-company{color:var(--text)}.shell-company-font-sm{font-size:.68rem}.shell-company-font-md{font-size:.82rem}.shell-company-font-lg{font-size:1rem}.shell-chrome-top-left .user-menu,.shell-chrome-top-right .user-menu,.shell-chrome-bottom-left .user-menu,.shell-chrome-bottom-right .user-menu{width:auto}.shell-chrome-top-left .user-menu-panel,.shell-chrome-top-right .user-menu-panel{top:calc(100% + 8px);bottom:auto}.shell-chrome-top-right .user-menu-panel,.shell-chrome-bottom-right .user-menu-panel{left:auto;right:0}.shell-chrome-top-left .user-menu-panel,.shell-chrome-bottom-left .user-menu-panel{left:0;right:auto}.shell-chrome-bottom-left .user-menu-panel,.shell-chrome-bottom-right .user-menu-panel{top:auto;bottom:calc(100% + 8px)}@media (width>=901px){.shell-chrome-top-left,.shell-chrome-top-right{top:max(62px, env(safe-area-inset-top))}.shell-chrome-bottom-left{left:calc(var(--sidebar-width) + 16px);bottom:max(16px, env(safe-area-inset-bottom))}.shell-chrome-top-left{left:max(12px, env(safe-area-inset-left));max-width:196px}}@media (width<=900px){.shell-chrome-top-left,.shell-chrome-top-right{top:calc(62px + max(8px, env(safe-area-inset-top)))}}.global-search-shell{z-index:1200;pointer-events:none;width:auto;position:fixed}.global-search-shell-top-left{top:max(62px, env(safe-area-inset-top));left:calc(var(--sidebar-width) + 16px);transform:none}.global-search-shell-top-left.sidebar-compact{left:88px}.global-search-shell-top-right{top:max(62px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));left:auto;transform:none}.global-search-shell-bottom-left{bottom:max(16px, env(safe-area-inset-bottom));left:calc(var(--sidebar-width) + 16px);top:auto;transform:none}.global-search-shell-bottom-left.sidebar-compact{left:88px}.global-search-shell-bottom-right{bottom:max(16px, env(safe-area-inset-bottom));right:max(16px, env(safe-area-inset-right));top:auto;left:auto;transform:none}.global-search-shell .global-search-box{pointer-events:auto}.global-search-box{position:relative}.global-search-box-header{width:min(640px,100%)}.global-search-box-header .global-search-input-wrap{width:100%;min-height:40px;box-shadow:none;background:var(--input-bg);border-radius:40px;padding:0 0 0 16px;overflow:hidden}.global-search-box-header.expanded .global-search-input-wrap{width:100%;padding:0 0 0 16px}.global-search-box-header .global-search-input-wrap input{opacity:1;width:auto;padding:10px 8px 10px 0}.global-search-submit{border:none;border-left:1px solid var(--border);background:var(--panel-muted);width:64px;min-height:40px;color:var(--text);cursor:pointer;border-radius:0;flex-shrink:0;place-items:center;display:grid}.global-search-submit:hover{background:var(--list-hover)}.global-search-box-header .global-search-panel{width:auto;left:0;right:0}.global-search-input-wrap{width:40px;min-height:40px;box-shadow:none;background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:0;transition:width .24s cubic-bezier(.22,1,.36,1),padding .24s cubic-bezier(.22,1,.36,1),box-shadow .2s,background .2s,border-color .2s;display:flex;overflow:hidden}.global-search-box.expanded .global-search-input-wrap,.global-search-box-mobile .global-search-input-wrap{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(360px,100vw - 48px);padding:0 12px;box-shadow:0 8px 24px #00000014}.global-search-box-header .global-search-input-wrap,.global-search-box-header.expanded .global-search-input-wrap{width:100%;box-shadow:none;border-radius:40px;padding:0 0 0 16px}.global-search-icon-btn{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;margin:0;padding:0;display:grid}.global-search-icon-btn:hover{background:var(--list-hover);color:var(--accent)}.global-search-input-wrap svg{color:var(--text-muted);flex-shrink:0}.global-search-input-wrap input{color:var(--text);opacity:0;background:0 0;border:none;outline:none;flex:1;width:0;min-width:0;padding:0;font-size:.92rem;transition:opacity .18s}.global-search-box.expanded .global-search-input-wrap input,.global-search-box-mobile .global-search-input-wrap input{opacity:1;width:auto;padding:10px 0}.global-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;place-items:center;padding:0;display:grid}.global-search-panel{border:1px solid var(--border);background:var(--panel);border-radius:14px;max-height:min(60vh,420px);position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 16px 40px #00000024}.global-search-status{color:var(--text-muted);align-items:center;gap:8px;padding:14px 16px;font-size:.88rem;display:flex}.global-search-error{color:var(--danger,#dc2626)}.global-search-summary{color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 14px;font-size:.78rem}.global-search-results{margin:0;padding:6px;list-style:none}.global-search-result{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:10px;padding:10px 12px}.global-search-result:hover{background:var(--list-hover)}.global-search-result-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.global-search-module{color:var(--accent);font-size:.74rem;font-weight:700}.global-search-source{color:var(--text-muted);font-size:.72rem}.global-search-result-main{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.global-search-result-main strong{font-size:.92rem}.global-search-subtitle{color:var(--text-muted);font-size:.82rem}.global-search-match{color:var(--text-muted);flex-wrap:wrap;gap:8px;margin-top:4px;font-size:.78rem;display:flex}.global-search-match-value{color:var(--text);font-weight:600}.global-search-date{color:var(--text-muted);margin-top:4px;font-size:.74rem}.global-search-box-mobile .global-search-input-wrap{min-height:36px;box-shadow:none}.mobile-topbar,.sidebar-backdrop{display:none}.sidebar-brand-row{align-items:center;gap:12px;padding:0 8px 16px;display:flex}.sidebar-top-row{flex-direction:column;gap:6px;width:100%;padding:0 8px 14px;display:flex}.sidebar-company-name{color:var(--text-muted);word-break:break-word;padding:0 4px;font-size:.78rem;line-height:1.35}.app-datetime{width:100%;padding:0 8px 12px;line-height:1.25}.sidebar-datetime{border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px}.app-datetime-date{color:var(--text-muted);font-size:.72rem;font-weight:600}.app-datetime-time{font-variant-numeric:tabular-nums;color:var(--text);margin-top:2px;font-size:.92rem;font-weight:700}.mobile-datetime{min-width:0;margin-right:4px;padding:0;display:none}.mobile-datetime .app-datetime-date{white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.mobile-datetime .app-datetime-time{margin-top:0;font-size:.78rem}.sidebar-top-row .user-menu{width:100%}.sidebar-top-row .user-menu-trigger{justify-content:flex-start;width:100%}.sidebar-brand-row-compact{padding-top:0;padding-bottom:14px}.sidebar-brand-text{flex-direction:column;gap:2px;min-width:0;display:flex}.sidebar-brand-text strong{font-size:1rem}.sidebar-brand-text span{color:var(--text-muted);font-size:.82rem}.sidebar-brand-row .sidebar-logo{font-size:1rem}.user-menu{position:relative}.user-menu-trigger{border:1px solid var(--border);background:var(--panel-muted);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;max-width:100%;padding:6px 10px 6px 6px;display:inline-flex}.user-menu-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.user-menu-name{white-space:nowrap;text-overflow:ellipsis;max-width:7.5rem;font-size:.85rem;font-weight:600;overflow:hidden}.user-menu-trigger svg,.user-menu-panel svg{flex-shrink:0;width:1em;height:1em}.user-menu-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);min-width:260px;box-shadow:var(--shadow);z-index:120;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden}.user-menu-panel-bottom{top:calc(100% + 8px);bottom:auto}.mobile-topbar .user-menu-panel{inset:calc(100% + 8px) 0 auto auto}.sidebar-footer-wide .user-menu{width:100%}.sidebar-top-row .user-menu-name{text-align:left;flex:1;max-width:none}.sidebar-top-row .user-menu-panel{z-index:150;width:max(100%,240px);min-width:100%;max-width:min(280px,100vw - 24px);max-height:min(70vh,100vh - 24px);inset:calc(100% + 8px) auto auto 0;overflow-y:auto}.sidebar-footer-wide .user-menu-panel{z-index:150;width:max(100%,240px);min-width:100%;max-width:min(280px,100vw - 24px);max-height:min(70vh,100vh - 24px);bottom:calc(100% + 8px);left:0;right:auto;overflow-y:auto}@media (width>=901px){.sidebar-footer-wide .user-menu-panel{width:260px;min-width:260px;max-width:min(280px,100vw - 260px);max-height:calc(100vh - 24px);inset:auto auto 0 calc(100% + 10px)}}.user-menu-section{border-bottom:1px solid var(--border);padding:12px 14px}.user-menu-section:last-child{border-bottom:none}.user-menu-title{margin-bottom:4px;font-weight:700}.user-menu-meta{color:var(--text-muted);font-size:.82rem}.user-menu-actions{flex-direction:column;gap:6px;display:flex}.user-menu-actions button,.user-menu-logout{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 8px;display:inline-flex}.user-menu-actions button:hover,.user-menu-logout:hover{background:var(--list-hover)}.user-menu-font{justify-content:space-between;align-items:center;gap:12px;display:flex}.user-menu-font-controls{align-items:center;gap:8px;display:inline-flex}.user-menu-font-controls button{border:1px solid var(--border);background:var(--panel-muted);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:8px}.user-menu-logout{color:var(--danger)}.action-log-page .action-log-search{max-width:520px;margin:0 0 16px}.table-scroll{overflow:auto}.action-log-table td{white-space:nowrap}.mobile-back-btn{display:none}.module-workspace-shell{display:contents}@media (width<=900px){.period-tabs-wrap{align-items:stretch;width:100%}.period-tabs{flex-wrap:wrap;justify-content:center}.period-range-label{text-align:center}.list-filter-grid{grid-template-columns:1fr}.mobile-topbar{display:none}.app-header{gap:6px;padding:0 8px;position:relative}.app-header-brand,.app-header-logo-text,.app-header .header-datetime .app-datetime-date,.app-header .user-menu-company,.app-header .header-company{display:none}.app-header .user-menu-trigger{max-width:min(120px,28vw)}.app-header .user-menu-name{max-width:4.5em}.global-search-box-header{width:auto}.global-search-box-header:not(.expanded){width:40px}.global-search-box-header.expanded{z-index:40;width:auto;position:absolute;left:48px;right:8px}.global-search-box-header.expanded .global-search-input-wrap{background:var(--panel);border:1px solid var(--border);width:100%;min-height:40px;box-shadow:0 8px 24px color-mix(in srgb, var(--text) 12%, transparent);border-radius:999px;padding:0 10px}.global-search-box-header.expanded .global-search-input-wrap input{opacity:1;width:100%;padding:8px 6px}.global-search-box-header .global-search-panel{left:0;right:0}.app-header-center,.app-header-search-end{flex:none;width:auto;min-width:40px;position:relative}.app-header-search-end{width:auto}.global-search-submit{width:48px}.global-search-shell{display:none}.detail-toolbar{flex-wrap:nowrap;align-items:center;gap:8px;padding:12px 12px 0}.detail-toolbar-leading{flex:auto;align-items:center;gap:6px;min-width:0}.detail-tabs{align-items:center;gap:4px}.detail-tab{border-bottom:none;border-radius:8px;padding:6px}.detail-tab.active{background:color-mix(in srgb, var(--accent-soft) 80%, transparent);border-bottom:none}.detail-tab-label,.detail-tab-detail{display:none}.detail-actions{flex-shrink:0;gap:4px}.mobile-back-btn{border-radius:8px;justify-content:center;width:36px;height:36px;margin-right:0;padding:0}.mobile-back-btn span,.mobile-back-btn .mobile-back-label,.detail-list-panel-controls{display:none}.mobile-topbar-search{flex:1;min-width:0}.mobile-topbar-search .global-search-panel{left:-56px;right:-12px}.mobile-datetime{flex:0 auto;max-width:28vw;display:block}.mobile-topbar-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.88rem;font-weight:700;overflow:hidden}.chat-panel{width:calc(100vw - 24px);height:min(560px,100dvh - 108px)}.chat-shell-bottom-right,.chat-shell-bottom-left{bottom:max(12px, env(safe-area-inset-bottom))}.chat-shell-bottom-right.chat-shell-stack-1,.chat-shell-bottom-left.chat-shell-stack-1{bottom:calc(64px + env(safe-area-inset-bottom))}.mobile-menu-btn{background:var(--panel-muted);color:var(--text);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;display:grid}.mobile-menu-btn svg{width:1.35em;height:1.35em}.mobile-topbar .user-menu{flex-shrink:0}.mobile-topbar .user-menu-name{display:none}.sidebar-backdrop{top:var(--header-height);z-index:180;background:#0f111773;border:none;display:block;position:fixed;bottom:0;left:0;right:0}.app-shell-wide,.app-shell-dashboard{min-height:calc(100dvh - var(--header-height))}.sidebar-wide{top:var(--header-height);z-index:190;width:min(240px,88vw);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;padding:12px;transition:transform .22s;position:fixed;bottom:0;left:0;overflow:auto;transform:translate(-105%)}.sidebar-open .sidebar-wide,.sidebar-open .sidebar-wide.sidebar-folded{width:min(240px,88vw);padding:12px;transform:translate(0)}.sidebar-open .sidebar-folded .sidebar-module-btn{flex-direction:row;justify-content:flex-start;align-items:center;gap:24px;height:40px;min-height:40px;padding:0 12px}.sidebar-open .sidebar-folded .sidebar-module-label{text-align:left;white-space:nowrap;font-size:.875rem;font-weight:400;display:inline}.sidebar-open .sidebar-folded .sidebar-module-flyout{display:none!important}.sidebar-open .sidebar-folded .sidebar-group-divider{display:none}.sidebar-open .sidebar-folded .sidebar-group-header{background:var(--group-bg,transparent);height:auto;min-height:0;color:var(--group-accent,var(--text));pointer-events:auto;opacity:1;filter:none;border-radius:8px;margin:0;padding:6px 10px;display:flex;overflow:visible}.sidebar-open .sidebar-folded .sidebar-group-header:before{display:block}.sidebar-open .sidebar-folded .sidebar-group-header span,.sidebar-open .sidebar-folded .sidebar-group-header svg{display:initial}.sidebar-brand-text{display:flex}.sidebar-module-btn span{display:inline}.sidebar-module-btn{justify-content:flex-start}.sidebar-footer-wide{flex-direction:column;align-items:stretch;margin-top:auto}.sidebar-footer-wide .user-menu-trigger{justify-content:flex-start;width:100%}.sidebar-footer-wide .user-menu-trigger .user-menu-name{max-width:none;display:inline}.desktop-only-theme{display:none}.app-shell-wide:not(.app-shell-dashboard){min-height:calc(100dvh - var(--header-height))}.module-workspace-shell{width:100%;min-width:0;min-height:calc(100dvh - var(--header-height));flex-direction:column;flex:1;display:flex}.order-list-panel,.order-list-panel-unfold,.order-list-panel-folded{width:100%!important;min-width:0!important;max-width:none!important}.order-list-panel{border-right:none;border-bottom:1px solid var(--border);flex:none;min-height:0;max-height:none}.order-list-panel-folded{flex:none;min-height:auto}.order-list-fold-rail{flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;height:auto;min-height:auto;padding:10px 12px}.module-workspace-shell:not(.module-workspace-mobile-detail):not(.module-workspace-mobile-list) .order-list-panel:not(.order-list-panel-folded){max-height:52dvh}.module-workspace-shell:not(.module-workspace-mobile-detail):not(.module-workspace-mobile-list) .detail-panel{flex:1;width:100%;min-height:0}.detail-panel{width:100%;min-height:0}.sidebar-datetime{display:none}.dashboard-panel,.doc-dashboard{width:100%;padding:16px}.line-item-row,.form-grid{grid-template-columns:1fr}.module-workspace-mobile-list .order-list-panel{border-bottom:none;height:auto;min-height:0;overflow:auto;flex:auto!important;max-height:none!important}.module-workspace-mobile-list .detail-panel,.module-workspace-mobile-detail .order-list-panel{display:none!important}.module-workspace-mobile-detail .detail-panel{min-height:calc(100dvh - var(--header-height));flex:1;width:100%}.mobile-list-dashboard-btn{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent-soft) 70%, var(--panel));color:var(--accent);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.detail-record-nav{align-items:center;gap:2px;margin-right:4px;display:inline-flex}.detail-record-nav-btn{width:32px;height:32px}.detail-header{grid-template-columns:1fr}.mobile-back-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:0;width:36px;height:36px;margin-right:0;padding:0;font-weight:600;display:inline-flex}.module-panel-splitter{display:none!important}}@media (width>=901px){.mobile-topbar,.mobile-list-dashboard-btn{display:none!important}.sidebar-footer-wide .user-menu-trigger .user-menu-name{max-width:140px}}@media (width<=900px){.sidebar{flex-direction:column;justify-content:flex-start}.sidebar-nav{flex-direction:column}}.settings-page{flex:1;min-height:0;padding:24px;overflow:auto}.settings-header h1{margin:0 0 6px;font-size:2rem}.settings-header p{color:var(--text-muted);margin:0 0 20px}.settings-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}.settings-card h2{margin:0 0 16px;font-size:1.05rem}.settings-section-head{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.settings-section-head h2{margin:0 0 4px}.settings-section-head p{color:var(--text-muted);margin:0;font-size:.88rem}.settings-row{border-top:1px solid var(--border);align-items:center;gap:14px;padding:14px 0;display:flex}.settings-row:first-of-type{border-top:none;padding-top:0}.settings-row-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.settings-row-body{flex:1;min-width:0}.settings-row-title{margin-bottom:4px;font-weight:700}.settings-row-desc{color:var(--text-muted);font-size:.86rem;line-height:1.4}.settings-toggle,.yn-toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:999px;flex-shrink:0;width:36px;height:20px;padding:0;transition:background .2s;position:relative}[data-appearance=dark] .settings-toggle,[data-appearance=dark] .yn-toggle{background:#475569}.settings-toggle.on,.yn-toggle.on{background:#22c55e}.settings-toggle-knob,.yn-toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000002e}.settings-toggle.on .settings-toggle-knob,.yn-toggle.on .yn-toggle-knob{transform:translate(16px)}.settings-toggle-label{display:none}.yn-toggle-compact{width:32px;height:18px}.yn-toggle-compact .yn-toggle-knob{width:14px;height:14px;top:2px;left:2px}.yn-toggle-compact.on .yn-toggle-knob{transform:translate(14px)}.settings-toggle:disabled,.yn-toggle-readonly{opacity:.88;cursor:default}.settings-language-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.settings-language-btn{border:1px solid var(--border);background:var(--panel-muted);color:var(--text);cursor:pointer;border-radius:12px;padding:12px 14px;font-weight:600}.settings-language-btn.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.settings-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.settings-theme-card{border:2px solid var(--border);background:var(--panel-muted);color:var(--text);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;padding:12px;font-weight:600;display:flex}.settings-theme-card.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.settings-theme-preview{border-radius:10px;height:56px;box-shadow:inset 0 0 0 1px #ffffff26}.settings-number-row{align-items:center;gap:16px;padding-top:4px;display:flex}.settings-range{accent-color:var(--accent);flex:1}.settings-number-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--input-bg);width:72px;color:var(--text);font:inherit;text-align:center;padding:8px 10px}.settings-number-input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.settings-appearance-grid,.settings-fontsize-grid,.settings-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-appearance-btn,.settings-fontsize-btn{border:1px solid var(--border);background:var(--panel-muted);color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-weight:600;display:inline-flex}.settings-fontsize-btn:disabled{opacity:.45;cursor:not-allowed}.settings-fontsize-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-appearance-btn.active,.settings-fontsize-btn.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.settings-layout-block{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.settings-layout-block:first-of-type{border-top:none;margin-top:8px;padding-top:0}.settings-layout-head h3{margin:0 0 4px;font-size:1rem}.settings-layout-head p{color:var(--text-muted);margin:0;font-size:.86rem}.settings-subfield{margin-top:14px}.settings-subfield-label{color:var(--text-muted);margin-bottom:8px;font-size:.82rem;font-weight:700}.corner-position-grid-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.corner-position-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.corner-position-grid-md{border:1px solid var(--border);background:var(--panel-muted);border-radius:12px;width:108px;padding:8px}.corner-position-grid-sm{gap:4px}.corner-position-btn{aspect-ratio:1;border:1px solid var(--border);background:var(--panel);cursor:pointer;border-radius:8px;place-items:center;min-height:0;padding:0;display:grid}.corner-position-grid-md .corner-position-btn{width:44px;height:44px}.corner-position-grid-sm .corner-position-btn{border-radius:6px;width:28px;height:28px}.corner-position-btn:hover{background:var(--list-hover)}.corner-position-btn.active{background:var(--accent-soft);border-color:var(--accent)}.corner-position-dot{background:var(--text-muted);border-radius:999px;width:8px;height:8px}.corner-position-grid-sm .corner-position-dot{width:6px;height:6px}.corner-position-btn.active .corner-position-dot{background:var(--accent)}.corner-position-hidden-btn{border:1px solid var(--border);background:var(--panel-muted);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 14px;font-size:.78rem;font-weight:600}.corner-position-hidden-btn.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.settings-order-input{border:1px solid var(--border);background:var(--panel-muted);width:88px;color:var(--text);border-radius:10px;padding:8px 10px}.settings-subfield-hint{color:var(--text-muted);margin:6px 0 0;font-size:.78rem}.settings-position-grid{display:none}.settings-theme-preview-shine{background-size:200% 200%}@media (width<=900px){.settings-page{padding:16px}.settings-language-grid,.settings-theme-grid{grid-template-columns:1fr}.settings-position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-position-btn:last-child{grid-column:1/-1}}.modal-card-form{width:min(1080px,100%)}.report-template-designer{width:min(560px,100%)}.report-template-designer-hint{color:var(--text-muted);margin:0 0 12px;font-size:.88rem;line-height:1.45}.report-template-designer-meta{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, var(--accent-soft));border-radius:10px;gap:6px;margin-bottom:14px;padding:10px 12px;font-size:.88rem;display:grid}.report-template-designer-actions{flex-wrap:wrap;gap:8px;display:flex}.report-template-designer-actions .primary-btn,.report-template-designer-actions .secondary-btn{align-items:center;gap:6px;display:inline-flex}.card-form-tabs{flex-wrap:wrap;gap:8px;display:flex}.card-form-tab{border:1px solid var(--border);background:var(--panel-soft,var(--panel));color:var(--text-muted);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:600}.card-form-tab.active{color:var(--text);border-color:var(--accent,#6366f1);background:var(--accent-soft,#6366f11f)}.users-whatsapp-section{flex-direction:column;gap:10px;margin-top:8px;display:flex}.users-whatsapp-section>h3{color:var(--text-muted);margin:0;font-size:.85rem;font-weight:600}.whatsapp-bind-panel{z-index:0;flex-direction:column;gap:16px;display:flex;position:relative}.whatsapp-diag{border:1px solid var(--border,#e8ebf3);background:var(--panel-muted,#f8f9fc);color:var(--text-muted,#6b7280);border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.whatsapp-diag-title{color:var(--text,#111827);font-weight:600}.whatsapp-diag-error{color:var(--text,#111827);background:#ef444414;border-color:#ef444473}.whatsapp-diag-fail{color:var(--danger,#ef4444);font-weight:600}.whatsapp-bind-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;display:grid}.whatsapp-bind-actions{align-items:end;padding-bottom:2px;display:flex}.wa-chat-page.module-workspace-shell{min-width:0;min-height:0;height:calc(100dvh - var(--header-height));max-height:calc(100dvh - var(--header-height));grid-column:2/-1;grid-template-rows:minmax(0,1fr);grid-template-columns:340px minmax(0,1fr);align-self:stretch;display:grid;overflow:hidden}.wa-chat-page.module-workspace-list-unfold{grid-template-columns:minmax(560px,52vw) minmax(0,1fr)}.wa-chat-page.list-panel-folded{grid-template-columns:minmax(0,1fr)}.wa-chat-page.list-panel-folded .order-list-panel{display:none}.app-shell:has(>.wa-chat-page){grid-template-rows:minmax(0,1fr);grid-template-columns:72px minmax(0,1fr);min-height:0;overflow:hidden}:is(.app-shell-wide:has(>.wa-chat-page),.app-shell-wide:has(>.wa-chat-page):has(.order-list-panel-unfold),.app-shell-wide:has(>.wa-chat-page):has(.order-list-panel-folded+.detail-panel)){grid-template-columns:var(--sidebar-width) minmax(0, 1fr);overflow:hidden}:is(.app-shell-wide.sidebar-folded:has(>.wa-chat-page),.app-shell-wide.sidebar-folded:has(>.wa-chat-page):has(.order-list-panel-unfold),.app-shell-wide.sidebar-folded:has(>.wa-chat-page):has(.order-list-panel-folded+.detail-panel)){grid-template-columns:var(--mini-sidebar-width) minmax(0, 1fr)}.wa-chat-page .order-list-header{flex-shrink:0}.wa-chat-page .order-list-panel,.wa-chat-page .detail-panel{flex-direction:column;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.wa-chat-page .detail-panel{position:relative}.wa-chat-page .detail-list-panel-controls{flex-shrink:0}.wa-chat-page .search-box{flex-shrink:0;margin:0 12px 8px}.wa-chat-thread-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px 12px 16px;display:flex;overflow:auto}.wa-chat-thread{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.wa-chat-thread strong{font-size:.92rem}.wa-chat-thread span,.wa-chat-thread em{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.78rem;font-style:normal;overflow:hidden}.wa-chat-thread.active{background:var(--accent-soft,#16a34a1f);border-color:color-mix(in srgb, var(--accent,#16a34a) 28%, var(--border))}.wa-chat-detail{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.wa-chat-detail .detail-toolbar,.wa-chat-detail .error-state,.wa-chat-detail .wa-chat-notice{flex-shrink:0}.wa-chat-messages-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.wa-chat-messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 18px 16px;display:flex;overflow:hidden scroll}.wa-chat-messages::-webkit-scrollbar{width:10px}.wa-chat-messages::-webkit-scrollbar-track{background:0 0}.wa-chat-messages::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted) 45%, transparent);border-radius:999px}.wa-chat-jump{z-index:3;border:1px solid var(--border);background:var(--panel,#fff);width:40px;height:40px;color:var(--text);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;bottom:16px;right:22px}.wa-chat-jump:hover{background:var(--accent-soft,#16a34a1f);color:var(--accent,#16a34a)}.wa-chat-bubble{border-radius:16px;flex-direction:column;gap:6px;max-width:min(72%,560px);padding:8px 12px;line-height:1.45;display:flex}.wa-chat-bubble.in{background:var(--panel-muted,#f3f4f6);align-self:flex-start}.wa-chat-bubble.out{background:var(--accent-soft,#16a34a29);align-self:flex-end}.wa-chat-meta{color:var(--text-muted);font-size:.72rem}.wa-chat-body{white-space:pre-wrap;word-break:break-word;font-size:.92rem}.wa-chat-sono{color:var(--accent,#16a34a);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:700;text-decoration:underline;display:inline}.wa-chat-actions{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.wa-chat-action{border:1px solid color-mix(in srgb, var(--accent,#16a34a) 35%, transparent);background:var(--panel,#fff);color:var(--text,#111);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;line-height:1.2;display:inline-flex}.wa-chat-action-primary{background:var(--accent,#16a34a);border-color:var(--accent,#16a34a);color:#fff}.wa-chat-notice{background:color-mix(in srgb, var(--accent,#16a34a) 12%, transparent);color:var(--accent,#16a34a);border-radius:10px;margin:0 16px 8px;padding:8px 12px;font-size:.85rem}.wa-chat-media{object-fit:contain;background:#fff;border-radius:10px;max-width:240px;max-height:240px}.wa-chat-composer{padding:12px 16px max(16px, env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--panel,#fff);z-index:2;flex-shrink:0;gap:8px;display:flex}.wa-chat-composer input{border:1px solid var(--border);background:var(--panel);min-width:0;color:var(--text);border-radius:10px;flex:1;padding:10px 12px}.wa-chat-composer .primary-btn{align-items:center;gap:6px;display:inline-flex}@media (width<=900px){.app-shell:has(>.wa-chat-page){grid-template-columns:minmax(0,1fr)}.app-shell-wide:has(>.wa-chat-page){grid-template-columns:minmax(0,1fr)}.app-shell-wide.sidebar-folded:has(>.wa-chat-page){grid-template-columns:minmax(0,1fr)}.wa-chat-page.module-workspace-shell,.wa-chat-page.module-workspace-list-unfold,.wa-chat-page.list-panel-folded{grid-column:auto;grid-template-rows:unset;height:auto;max-height:none;min-height:calc(100dvh - var(--header-height));flex-direction:column;display:flex}.app-layout>.app-shell:has(>.wa-chat-page){grid-template-rows:unset;flex:auto;height:auto;overflow:hidden visible}.app-shell:has(>.wa-chat-page){grid-template-rows:unset;flex:auto;height:auto;overflow:hidden visible}.wa-chat-page .order-list-panel,.wa-chat-page .detail-panel{height:auto;max-height:none}.wa-chat-page:not(.module-workspace-mobile-detail) .order-list-panel:not(.order-list-panel-folded){max-height:36dvh}.wa-chat-page .detail-panel{min-height:52dvh}.wa-chat-messages-wrap{min-height:36dvh}}.card-sub-table-wrap{flex-direction:column;gap:12px;display:flex}.card-sub-table-toolbar{justify-content:flex-end;display:flex}.secondary-btn-sm{padding:8px 12px;font-size:.85rem}.card-sub-table-scroll{overflow:auto}.card-sub-table input,.card-sub-table textarea{border:1px solid var(--border);background:var(--input-bg);width:100%;min-width:120px;color:var(--text);font:inherit;border-radius:8px;padding:8px 10px}.card-sub-table-wide{min-width:220px}.card-sub-table-empty{padding:24px}.card-detail-view{flex-direction:column;gap:24px;display:flex}.card-detail-section h3{margin:0 0 12px;font-size:.95rem}.card-detail-grid .form-field>div{white-space:pre-wrap}.card-erp-layout{flex-direction:column;gap:20px;display:flex}.card-erp-header{grid-template-columns:140px minmax(0,1fr) minmax(0,1fr) 120px;align-items:end;gap:16px;display:grid}.card-erp-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;display:grid}.card-erp-address-panel{flex-direction:column;gap:16px;display:flex}.card-erp-address-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.card-erp-address-row .card-erp-field{min-width:0}.card-erp-enabled-field{justify-content:flex-end}.card-erp-enabled-field .settings-toggle{align-self:flex-start}.order-cards-table{padding-inline:8px}.customer-list-scroll{min-width:0;overflow:auto}.customer-list-table{border-collapse:collapse;width:100%;font-size:.82rem}.customer-list-table th,.customer-list-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}.customer-list-table th{z-index:1;background:var(--panel);letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;font-size:.72rem;position:sticky;top:0}.customer-list-table th.num,.customer-list-table td.num{text-align:right;white-space:nowrap}.customer-list-table .status-col{width:28px;padding-inline:6px}.customer-list-row{cursor:pointer;transition:background .15s}.customer-list-row:hover{background:var(--list-hover)}.customer-list-row.active{background:var(--list-active);color:var(--list-active-text)}.customer-list-row.disabled{background:color-mix(in srgb, var(--panel-muted) 75%, var(--text-muted));color:var(--text-muted)}.customer-list-row.disabled.active{background:color-mix(in srgb, var(--list-active) 82%, var(--text-muted))}.customer-list-name{min-width:120px;font-weight:600}.customer-list-address{white-space:normal;min-width:160px;max-width:220px;line-height:1.35}.module-list-scroll{min-width:0;overflow:auto}.module-list-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.82rem}.module-list-table-sortable th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.module-list-table-sortable th{position:relative;overflow:hidden}.module-list-table-sortable th .th-label{align-items:center;gap:4px;max-width:calc(100% - 8px);display:inline-flex}.module-list-table-sortable th .th-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.module-list-table-sortable th .sort-indicator{opacity:.35;flex-shrink:0;font-size:.62rem;line-height:1}.module-list-table-sortable th.sorted-asc .sort-indicator,.module-list-table-sortable th.sorted-desc .sort-indicator{opacity:1;color:var(--accent)}.module-list-table-sortable .col-resizer{cursor:col-resize;touch-action:none;width:8px;height:100%;position:absolute;top:0;right:0}.module-list-table-sortable .col-resizer:hover{background:color-mix(in srgb, var(--accent) 18%, transparent)}body.module-list-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.module-list-resizing *{cursor:col-resize!important}.module-list-table th,.module-list-table td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.module-list-table td.module-list-wrap,.module-list-table th.module-list-wrap{white-space:normal}.module-list-table th,.module-list-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}.module-list-table th{z-index:1;background:var(--panel);letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;font-size:.72rem;position:sticky;top:0}.module-list-table th.num,.module-list-table td.num{text-align:right;white-space:nowrap}.module-list-table .status-col{width:28px;padding-inline:6px}.module-list-row{cursor:pointer;transition:background .15s}.module-list-row:hover{background:var(--list-hover)}.module-list-row.active{background:var(--list-active);color:var(--list-active-text)}.module-list-row.disabled{background:color-mix(in srgb, var(--panel-muted) 75%, var(--text-muted));color:var(--text-muted)}.module-list-row.disabled.active{background:color-mix(in srgb, var(--list-active) 82%, var(--text-muted))}.module-list-primary{min-width:120px;font-weight:600}.module-list-wrap{white-space:normal;min-width:160px;max-width:220px;line-height:1.35}.yn-toggle-readonly{pointer-events:none}.card-erp-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;display:grid}.card-erp-col{flex-direction:column;gap:12px;display:flex}.card-erp-field{flex-direction:column;gap:6px;display:flex}.card-erp-field-full{grid-column:1/-1}.card-erp-field label,.card-erp-summary label,.card-detail-section label{letter-spacing:.04em;color:var(--text-muted);font-size:.78rem;font-weight:700}.card-erp-field input,.card-erp-field select,.card-erp-field textarea,.card-erp-textblock{border:1px solid var(--border);background:var(--input-bg);color:var(--text);font:inherit;border-radius:10px;padding:10px 12px}.card-erp-textblock{white-space:pre-wrap;min-height:96px}.card-erp-terms{max-width:720px}.doc-address-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.doc-address-panel{background:var(--panel-muted);border-radius:var(--radius-md);min-width:0;padding:16px 18px}.doc-address-panel-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:.78rem;font-weight:700}.doc-address-panel-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}.doc-address-panel-body .card-erp-field-full{grid-column:1/-1}.sales-items-scroll{margin:0 -4px;padding-bottom:4px;overflow-x:auto}.sales-items-table{min-width:1200px}.sales-items-table th.num,.sales-items-table td.num{text-align:right;white-space:nowrap}.sales-items-table th,.sales-items-table td{white-space:nowrap}.sales-items-table th:nth-child(5),.sales-items-table td:nth-child(5),.sales-items-table th:nth-child(6),.sales-items-table td:nth-child(6),.sales-items-table th:nth-child(13),.sales-items-table td:nth-child(13){white-space:normal;min-width:120px}.sales-items-total-row td{border-top:2px solid var(--border);background:var(--panel-muted);font-weight:700}@media (width<=900px){.doc-address-row{grid-template-columns:1fr}}.toast-stack{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:200;pointer-events:none;flex-direction:column;gap:10px;width:min(360px,100vw - 32px);display:flex;position:fixed}.toast{pointer-events:auto;box-shadow:var(--shadow);border:1px solid var(--border);background:var(--panel);color:var(--text);white-space:pre-line;border-radius:14px;padding:14px 16px;font-size:.88rem;line-height:1.45;animation:.22s toast-in}.toast-success{background:color-mix(in srgb, var(--panel) 92%, #22c55e);border-color:#22c55e59}.toast-warning{background:color-mix(in srgb, var(--panel) 92%, #f59e0b);border-color:#f59e0b59}.toast-error{background:color-mix(in srgb, var(--panel) 92%, #ef4444);border-color:#ef444459}.toast-info{background:color-mix(in srgb, var(--panel) 92%, #3b82f6);border-color:#3b82f659}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.customer-list-filters{flex-direction:column;gap:10px;margin:0 20px 12px;display:flex}.customer-enabled-tabs{flex-wrap:wrap}.customer-filter-check{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.customer-filter-check input{accent-color:var(--accent)}.action-log-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.action-log-toolbar .action-log-search{flex:1;min-width:220px;margin:0}.action-log-toolbar .list-filter-chip.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.action-log-action{background:var(--panel-muted);letter-spacing:.03em;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:700;display:inline-block}.stock-page .stock-toolbar,.sales-report-page .sales-report-filters,.financial-reports-page .sales-report-filters{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:14px;display:flex}.financial-report-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.financial-report-tab{border:1px solid var(--border);background:var(--panel-muted);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.financial-report-tab.active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, var(--border))}.financial-report-subtitle{color:var(--text-muted);margin-bottom:10px;font-size:.92rem;font-weight:700}.financial-reports-page .dashboard-table .num{text-align:right;white-space:nowrap}.financial-reports-page .report-group-row td{font-weight:700}.financial-reports-page .report-opening-row td,.financial-reports-page .report-total-row td{background:var(--panel-muted);font-weight:700}.bank-recon-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px;display:grid}.bank-recon-summary-card{border:1px solid var(--border);background:var(--panel-muted);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.bank-recon-summary-label{color:var(--text-muted);font-size:.78rem}.bank-recon-summary-value{font-size:.95rem}.bank-recon-checkbox input{width:auto}.financial-reports-page .bank-recon-unreconciled-row td{background:color-mix(in srgb, var(--warning,#f59e0b) 8%, transparent)}.stock-search{flex:240px;min-width:min(100%,320px)}.stock-list-card,.stock-movement-card{margin-bottom:14px}.stock-table tr.selected{background:var(--accent-soft)}.stock-movement-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.stock-movement-header h2{margin:0;font-size:1rem}.stock-balance-pill{background:var(--panel-muted);border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.stock-select-hint{margin-top:8px}.stock-pager,.sales-report-page .pager{justify-content:flex-end;align-items:center;gap:8px;padding-top:12px;display:flex}.sales-report-page .dashboard-header{align-items:center}.sales-report-field{color:var(--text-muted);flex-direction:column;gap:4px;font-size:.75rem;display:flex}.sales-report-field input{min-width:140px}.chat-shell{z-index:1180;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed}.chat-shell-bottom-right{bottom:max(16px, env(safe-area-inset-bottom));right:max(12px, env(safe-area-inset-right));align-items:flex-end}.chat-shell-bottom-left{bottom:max(16px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));align-items:flex-start}.chat-shell-top-right{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));flex-direction:column-reverse;align-items:flex-end}.chat-shell-top-left{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));flex-direction:column-reverse;align-items:flex-start}.chat-shell-bottom-right.chat-shell-stack-1{bottom:calc(68px + env(safe-area-inset-bottom))}.chat-shell-bottom-right.chat-shell-stack-2{bottom:calc(120px + env(safe-area-inset-bottom))}.chat-shell-bottom-right.chat-shell-stack-3{bottom:calc(172px + env(safe-area-inset-bottom))}.chat-shell-bottom-left.chat-shell-stack-1{bottom:calc(68px + env(safe-area-inset-bottom))}.chat-shell-bottom-left.chat-shell-stack-2{bottom:calc(120px + env(safe-area-inset-bottom))}.chat-shell-bottom-left.chat-shell-stack-3{bottom:calc(172px + env(safe-area-inset-bottom))}.chat-shell-top-right.chat-shell-stack-1{top:calc(68px + env(safe-area-inset-top))}.chat-shell-top-right.chat-shell-stack-2{top:calc(120px + env(safe-area-inset-top))}.chat-shell-top-right.chat-shell-stack-3{top:calc(172px + env(safe-area-inset-top))}.chat-shell-top-left.chat-shell-stack-1{top:calc(68px + env(safe-area-inset-top))}.chat-shell-top-left.chat-shell-stack-2{top:calc(120px + env(safe-area-inset-top))}.chat-shell-top-left.chat-shell-stack-3{top:calc(172px + env(safe-area-inset-top))}.chat-shell .chat-fab,.chat-shell .chat-panel{pointer-events:auto}.chat-fab{width:40px;height:40px;color:var(--text);box-shadow:none;cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:relative}.chat-fab:hover{background:var(--list-hover);color:var(--accent)}.chat-fab-badge{color:#fff;border:2px solid var(--bg);background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:700;display:inline-flex;position:absolute;top:0;right:0}.chat-panel{background:var(--panel);border:1px solid var(--border);border-radius:18px;flex-direction:column;width:min(760px,100vw - 32px);height:min(560px,100vh - 120px);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 48px #0000002e}.chat-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.chat-panel-title{font-size:1rem;font-weight:700}.chat-panel-subtitle{color:var(--text-muted);margin-top:2px;font-size:.75rem}.chat-panel-body{flex:1;grid-template-columns:240px 1fr;min-height:0;display:grid}.chat-contacts{border-right:1px solid var(--border);background:var(--panel-muted);flex-direction:column;min-height:0;display:flex;overflow:auto}.chat-search{border:1px solid var(--border);background:var(--panel);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;margin:12px;padding:8px 10px;display:flex}.chat-search input{color:var(--text);background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.chat-contact-section{padding:0 8px 10px}.chat-contact-section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:8px 10px 6px;font-size:.68rem;font-weight:700}.chat-contact-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-size:.84rem;display:flex}.chat-contact-item:hover,.chat-contact-item.active,.chat-contact-item.checked{background:var(--list-hover)}.chat-contact-public{width:calc(100% - 16px);margin:0 8px 8px;font-weight:600}.chat-contact-selectable{cursor:default}.chat-contact-selectable input{flex-shrink:0}.chat-contact-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.chat-contact-userid{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.chat-contact-status{color:var(--text-muted);padding:8px 12px;font-size:.78rem}.chat-contact-status-error{color:var(--danger,#ef4444)}.chat-contact-item.self{opacity:.72}.chat-contact-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-contact-unread{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;display:inline-flex}.chat-contact-open{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.72rem;font-weight:600}.chat-start-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:999px;margin:8px 12px 12px;padding:10px 14px;font-size:.78rem;font-weight:600}.chat-conversation{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-conversation-header{border-bottom:1px solid var(--border);padding:14px 16px 10px}.chat-conversation-title{font-size:.95rem;font-weight:700}.chat-conversation-meta{color:var(--text-muted);margin-top:2px;font-size:.72rem}.chat-messages{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 16px;display:flex;overflow:auto}.chat-message{align-self:flex-start;max-width:82%}.chat-message.mine{align-self:flex-end}.chat-message-meta{color:var(--text-muted);gap:8px;margin-bottom:4px;font-size:.68rem;display:flex}.chat-message.mine .chat-message-meta{justify-content:flex-end}.chat-message-body{background:var(--panel-muted);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:14px;padding:10px 12px;font-size:.86rem}.chat-message.mine .chat-message-body{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 25%, var(--border))}.chat-compose{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:10px;padding:12px 16px 16px;display:grid}.chat-compose textarea{resize:none;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font:inherit;border-radius:14px;outline:none;padding:10px 12px}.chat-send-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-empty-panel,.chat-error{padding:16px}.chat-empty-panel{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.ai-panel{width:min(420px,100vw - 24px);height:min(560px,100vh - 120px)}.ai-panel .chat-panel-header{flex-wrap:wrap;align-items:center}.ai-panel-body{flex-direction:column;flex:1;min-height:0;display:flex}.ai-messages{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 16px;display:flex;overflow:auto}.ai-typing{color:var(--text-muted);font-size:.78rem}.ai-suggestions{flex-wrap:wrap;gap:8px;padding:0 16px 10px;display:flex}.ai-chip{border:1px solid var(--border);background:var(--panel-muted);color:var(--text);cursor:pointer;border-radius:999px;padding:6px 10px;font-size:.75rem}.ai-chip:hover{background:var(--list-hover)}.ai-results{flex-direction:column;gap:6px;margin-top:8px;display:flex}.ai-result-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.ai-result-btn span{color:var(--text-muted);font-size:.72rem}.ai-result-btn:hover{background:var(--list-hover)}.ai-voice-langs{gap:4px;margin-left:auto;display:flex}.ai-lang-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;min-width:32px;height:28px;padding:0 8px;font-size:.72rem;font-weight:700}.ai-lang-btn.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.ai-read-aloud-btn{justify-content:center;align-items:center;width:32px;padding:0;display:inline-flex}.ai-read-aloud-btn.active{background:var(--accent-soft);color:var(--accent);border-color:#0000}.ai-compose{border-top:1px solid var(--border);grid-template-columns:1fr auto auto;gap:8px;padding:12px 16px 6px;display:grid}.ai-compose textarea{resize:none;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font:inherit;border-radius:14px;outline:none;padding:10px 12px}.ai-mic-btn{width:42px;height:42px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.header-ai-btn,.ai-fab{color:var(--accent)}.header-ai-btn{background:var(--accent-soft);width:auto;height:36px;color:var(--accent);letter-spacing:.04em;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-weight:800;display:inline-flex;position:relative}.header-ai-label{font-size:.78rem;line-height:1}.header-ai-btn:hover,.ai-fab:hover{color:var(--accent);background:var(--accent-soft);filter:brightness(.96)}.ai-mic-btn.listening{background:color-mix(in srgb, #ef4444 16%, var(--panel));color:#ef4444}.ai-compose-hint{color:var(--text-muted);align-items:center;gap:6px;padding:0 16px 12px;font-size:.68rem;display:flex}.header-ai-btn{display:inline-flex}@media (width<=720px){.ai-panel,.chat-panel{width:calc(100vw - 24px);height:calc(100vh - 108px)}.chat-panel-body{grid-template-columns:1fr}.chat-contacts{border-right:none;border-bottom:1px solid var(--border);max-height:180px}}.detail-actions-inline{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.access-group-items-panel{flex-direction:column;gap:12px;display:flex}.access-group-items-toolbar{justify-content:flex-start;align-items:center;display:flex}.content-nav-group-list{flex-direction:column;gap:10px;display:flex}.content-nav-group{margin-top:0}.content-group-header-row{align-items:stretch;gap:8px;display:flex}.content-group-header{flex:1;min-width:0}.content-group-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.content-group-count{opacity:.85;flex-shrink:0;margin-left:auto;font-size:.72rem;font-weight:600}.content-group-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.content-group-body{margin-left:4px}.content-group-body .access-group-items-table{margin-top:0}.access-group-bulk-btn{white-space:nowrap;padding:.28rem .55rem;font-size:.72rem}.access-group-global-actions{gap:8px;margin:0 0 12px;display:flex}.access-group-form-header{margin-bottom:8px}.access-group-items-table{width:100%}.live-monitor{flex-direction:column;gap:16px;min-height:100%;display:flex}.live-monitor-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.live-monitor-head h1{margin:0 0 6px;font-size:1.25rem;font-weight:600;line-height:1.25}.live-monitor-head p{color:var(--text-muted);margin:0}.live-monitor-live{border:1px solid var(--border);background:var(--panel-muted);color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.live-monitor-live.on{color:#059669;background:#0596691a;border-color:#05966947}.live-monitor-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.live-monitor-kpis article{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;min-width:0;padding:14px 16px;display:flex}.live-monitor-kpis article svg{color:var(--accent,#0d9488)}.live-monitor-kpis strong{font-size:1.25rem;font-weight:700;line-height:1.2}.live-monitor-kpis span{color:var(--text-muted);font-size:.78rem}.live-monitor-meta{color:var(--text-muted);flex-wrap:wrap;gap:8px 16px;font-size:.85rem;display:flex}.live-monitor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.live-monitor-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;padding:14px 16px}.live-monitor-card h2{margin:0 0 10px;font-size:.92rem;font-weight:700}.live-monitor-table-wrap{max-height:280px;overflow:auto}.live-monitor-requests{max-height:420px}.live-monitor-card table{border-collapse:collapse;width:100%}.live-monitor-card th,.live-monitor-card td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:8px 6px;font-size:.85rem}.live-monitor-card th{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;background:var(--panel);font-size:.72rem;position:sticky;top:0}.live-monitor-path{text-overflow:ellipsis;max-width:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;overflow:hidden}.live-monitor-muted{color:var(--text-muted);font-size:.75rem}.live-monitor-slow{color:#dc2626;font-weight:700}.live-monitor-bar{background:var(--panel-muted,#e5e7eb);border-radius:999px;width:88px;height:8px;overflow:hidden}.live-monitor-bar span{background:var(--accent,#0d9488);height:100%;display:block}@media (width<=960px){.live-monitor-grid{grid-template-columns:1fr}}