.workflow-dialog{width:min(960px,94vw);max-height:90vh;color:var(--ink,#16283e);border:0;border-radius:18px;padding:24px;overflow:auto;box-shadow:0 24px 90px #10203055}.workflow-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10203099}.workflow-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.workflow-form{gap:16px;display:grid}.workflow-form label{gap:6px;font-size:13px;font-weight:600;display:grid}.workflow-form input:not([type=checkbox]),.workflow-form select,.workflow-form textarea{color:#17263b;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d9e0e9;border-radius:8px;padding:10px 12px}.workflow-form input[type=checkbox]{width:18px;height:18px}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.workflow-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.workflow-error{color:#a12c20;overflow-wrap:anywhere;background:#fff0ed;border-radius:8px;padding:12px}.workflow-note{background:#edf5ff;border-radius:8px;padding:12px;font-size:13px;line-height:1.6}.workflow-lines{gap:10px;display:grid}.workflow-line{grid-template-columns:minmax(0,1fr) 110px auto;align-items:end;gap:8px;display:grid}.workflow-signature{overflow-wrap:anywhere;border:1px solid #dae2e9;border-radius:10px;margin:10px 0;padding:14px}.workflow-row-button{text-align:left;color:#1e59a3;cursor:pointer;background:0 0;border:0;font-weight:600}.workflow-notifications{position:relative}.workflow-notifications .notif-pop{width:min(390px,90vw);max-height:70vh;right:0;overflow:auto}.workflow-notifications .alert-item{text-align:left;cursor:pointer;background:#fff;border:0;width:100%}.workflow-notifications .unread{background:#edf5ff}.workflow-metrics{flex-wrap:wrap;gap:28px;padding:20px;display:flex}.workflow-metrics strong{font-size:26px;display:block}.workflow-dim{color:#637389;font-size:13px}.workflow-form .workflow-check{align-items:flex-start;gap:12px;display:flex}.workflow-card{padding:20px}.workflow-live{color:#205b42;background:#e8f5ef;padding:10px 24px;font-size:13px}@media (width<=650px){.workflow-grid{grid-template-columns:1fr}.workflow-dialog{padding:16px}.workflow-line{grid-template-columns:1fr 80px auto}.workflow-heading h2{font-size:19px}}.workflow-note{color:#173b62}.workflow-notifications .alert-item{color:#17263b}.workflow-notifications .alert-item small{color:#52627a}.workflow-notifications .notif-pop{max-width:calc(100vw - 32px)}.workflow-notifications .alert-item{overflow-wrap:anywhere;border-bottom:1px solid #d7e2ec;padding:12px 14px;display:block}.workflow-notifications .alert-item p{color:#364c66}.workflow-notifications .alert-item strong{font-size:13px}.workflow-row-button{color:#83b9ff}.workflow-dim{color:var(--muted,#637389)}.notification-permission{color:var(--ink,#17263b);border-bottom:1px solid #d7e2ec;padding:14px}.notification-permission p{margin:6px 0 12px;font-size:13px;line-height:1.5}.notification-permission .btn{margin:4px 8px 4px 0}.notification-permission-prompt{z-index:100}.workflow-notifications .notification-read-state{color:var(--muted,#52627a);margin-left:8px;font-size:11px;font-weight:600;display:inline-block}.workflow-notifications .alert-item.unread{border-left:3px solid var(--accent,#5ebeb1)}.workflow-notifications .notification-confirmation{color:var(--ink,#17263b);padding:10px 14px;font-size:13px}.inventory-disclosure>summary{cursor:pointer;padding-block:4px;font-size:1rem;font-weight:600}.inventory-disclosure>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.inventory-disclosure[open]>summary{margin-bottom:16px}.intake-form,.intake-form fieldset,.intake-items,.intake-item{min-width:0;max-width:100%}.intake-form fieldset{margin:0}.intake-items{gap:16px;margin-block:16px;display:grid}.intake-item{border:1px solid var(--border,#d9e0e9);border-radius:12px;padding:16px}.intake-item h4{overflow-wrap:anywhere;margin:0 0 14px}.intake-item h4 span{color:var(--muted,#637389);margin-left:8px;font-size:12px;font-weight:400}.intake-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;display:grid}.intake-fields>*{min-width:0}.intake-fields .intake-description{grid-column:span 2}.intake-fields dt{color:var(--muted,#637389);margin-bottom:4px;font-size:12px}.intake-fields dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.intake-item .workflow-actions{margin-bottom:0}.intake-form .btn{white-space:normal;max-width:100%}@media (width<=650px){.intake-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.intake-item{padding:12px}}@media (width<=400px){.intake-fields{grid-template-columns:minmax(0,1fr)}.intake-fields .intake-description{grid-column:auto}}.intake-top-actions{margin:0}.login-shell{background:#fff;grid-template-columns:minmax(0,1.07fr) minmax(460px,.93fr);height:100vh;max-height:100vh;display:grid;overflow:hidden}.login-visual{isolation:isolate;color:#fff;background-color:#091d42;background-position:bottom;background-size:cover;flex-direction:column;justify-content:space-between;min-height:100svh;padding:35px 42px 31px;display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";z-index:-1;background:linear-gradient(#04132b2e,#0000 42%,#04132b24);position:absolute;inset:0}.login-visual:after{content:"";background:var(--magenta);width:5px;height:100%;position:absolute;top:0;right:0}.login-visual-top,.login-visual-bottom{font:800 10px var(--font-mono);color:#cfddf2;justify-content:space-between;align-items:center;gap:16px;display:flex}.login-visual-top{border-bottom:1px solid #ffffff3b;padding-bottom:17px}.login-visual-bottom{border-top:1px solid #ffffff3b;padding-top:17px}.login-visual-copy{margin:-12vh 0 auto;padding-top:clamp(100px,18vh,215px)}.login-overline{font:800 10px var(--font-mono);color:#c6d9f2;align-items:center;gap:10px;display:inline-flex}.login-overline:before{content:"";background:#ef297f;width:22px;height:2px;display:block}.login-visual h1{max-width:590px;font:700 clamp(46px,5vw,76px)/1.06 var(--font-display);text-wrap:balance;margin:19px 0 25px}.login-visual-line{background:#e20a69;width:88px;height:4px}.login-panel{flex-direction:column;justify-content:space-between;min-width:0;padding:36px clamp(32px,5vw,92px) 27px;display:flex}.login-panel-inner{width:min(100%,430px);margin:auto;padding:25px 0 36px}.login-logo{width:205px;height:auto;margin:0 0 47px -6px;display:block}.login-heading>span{color:var(--magenta);font:800 10px var(--font-mono);display:block}.login-heading h2{color:#0b2858;margin:12px 0 9px;font-size:37px;font-weight:700;line-height:1.1}.login-heading p{color:#65748a;margin:0 0 32px;font-size:13px}.login-panel form{gap:0;display:grid}.login-input,.login-select{color:#6e7d90;background:#fff;border:1px solid #d7e0eb;border-radius:6px;align-items:center;gap:10px;width:100%;height:48px;margin-bottom:20px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:flex}.login-input:focus-within,.login-select:focus-within{border-color:#0d54aa;box-shadow:0 0 0 3px #0d54aa1f}.login-input input,.login-select select{color:#14223a;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:13px}.login-eye{color:#77869a;background:0 0;border:0;place-items:center;width:27px;height:30px;padding:0;display:grid}.login-select select{appearance:auto;cursor:pointer}.login-options{justify-content:space-between;align-items:center;margin:-1px 0 22px;display:flex}.login-remember{color:#5d6c80;cursor:pointer;align-items:center;gap:8px;font-size:11px;font-weight:650;display:inline-flex}.login-remember input{accent-color:#0d54aa;width:15px;height:15px;margin:0}.login-error{color:#a32045;margin:-6px 0 15px;font-size:11px;font-weight:700}.login-submit{color:#fff;background:#0b3979;border:1px solid #0b3979;border-radius:6px;justify-content:space-between;align-items:center;width:100%;height:51px;padding:0 17px 0 20px;font-size:13px;font-weight:800;transition:background .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:0 9px 22px #0b397929}.login-submit:hover{background:#0d54aa;box-shadow:0 10px 23px #0b39793d}.login-submit:active{transform:translateY(1px)}.login-demo{color:#0d54aa;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;width:100%;margin:17px 0 0;padding:6px;font-size:11px;font-weight:800;display:flex}.login-demo:hover{color:#d50064}.login-preview-note{text-align:center;color:#536278;margin:23px 0 0;font-size:10px;line-height:1.5}.login-footer{color:#536278;justify-content:space-between;align-items:center;gap:15px;font-size:10px;display:flex}@media (width<=1100px){.login-shell{grid-template-columns:minmax(0,.94fr) minmax(410px,1.06fr)}.login-visual{padding:30px}.login-panel{padding-inline:43px}.login-visual h1{font-size:52px}}@media (width<=760px){.login-shell{flex-direction:column;height:100vh;max-height:100vh;display:flex;overflow:hidden}.login-visual{background-position:50% 67%;height:190px;min-height:190px;padding:18px 24px}.login-visual-top,.login-visual-bottom{font-size:8px}.login-visual-top{border:0;padding:0}.login-visual-bottom{display:none}.login-visual-copy{margin:auto 0 2px;padding:0}.login-overline{display:none}.login-visual h1{margin:0;font-size:33px;line-height:1.05}.login-visual-line{display:none}.login-panel{justify-content:flex-start;height:calc(100svh - 190px);min-height:calc(100svh - 190px);padding:20px 26px 22px;overflow:hidden}.login-panel-inner{width:min(100%,420px);margin:0 auto;padding:14px 0 28px}.login-logo{width:166px;margin-bottom:25px}.login-heading h2{font-size:31px}.login-heading p{margin-bottom:26px}}@media (width<=420px){.login-visual{height:156px;min-height:156px;padding:16px 18px}.login-visual h1{font-size:27px}.login-panel{min-height:calc(100svh - 156px);padding:12px 18px 20px}.login-logo{width:150px;margin-bottom:20px}.login-heading h2{font-size:29px}.login-input,.login-select{height:45px;margin-bottom:15px}.login-footer{text-align:center;flex-wrap:wrap;justify-content:center}}@media (prefers-reduced-motion:reduce){.login-submit,.login-input,.login-select{transition:none}}:root{--font-ui:"Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Bricolage Grotesque", var(--font-ui);--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;--navy:#091d42;--navy2:#0b2858;--ink:#14223a;--muted:#66748a;--faint:#536278;--line:#e3e8f0;--line-soft:#edf0f5;--card:#fff;--canvas:#f2f5f9;--accent:#0d54aa;--accent-deep:#0b3979;--accent-soft:#e8f1fc;--magenta:#d50064;--teal:#0d7a6f;--teal-soft:#e3f4f1;--danger:#c03535;--danger-soft:#fcebeb;--warning:#9a6a12;--warning-soft:#fdf3df;--success:#16784c;--success-soft:#e6f6ed;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px #101b2d0a, 0 8px 28px -6px #101b2d14;--shadow-lift:0 2px 4px #101b2d0d, 0 18px 44px -10px #101b2d29;--shadow-pop:0 32px 90px -12px #050c1a66;font-family:var(--font-ui);color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(1200px 500px at 103% -5%,#0d54aa16,#0000 52%),radial-gradient(900px 380px at -8% 120%,#0d7a6f0e,#0000 60%),linear-gradient(#f7f9fc 0%,#f1f4f8 100%);min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline-offset:2px;outline:2px solid #105cc4cc}h1,h2,h3{font-family:var(--font-display)}::selection{background:#2456e629}::-webkit-scrollbar-thumb:hover{background:#a9b5c6 padding-box content-box;border:2px solid #0000}.sidebar ::-webkit-scrollbar-thumb{background:#ffffff29 padding-box content-box}@keyframes rise{0%{opacity:0;transform:translateY(9px)}}@keyframes rowIn{0%{opacity:0;transform:translateY(5px)}}@keyframes navIn{0%{opacity:0;transform:translate(-8px)}}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)scale(.985)}}@keyframes fadeIn{0%{opacity:0}}@keyframes drawIn{to{stroke-dashoffset:0}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes toastbar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes pulse{50%{box-shadow:0 0 0 7px #43dd850d}}.app-shell{--sidebar-width:292px;min-height:100vh;display:flex}.app-shell.sidebar-collapsed{--sidebar-width:76px}.sidebar{width:var(--sidebar-width);color:#dce8f7;z-index:30;background:radial-gradient(280px 240px at -65px -65px,#3a75b940,#0000 76%),linear-gradient(165deg,#102c55 0%,#0a2144 44%,#081a36 100%);border-right:1px solid #ffffff1f;flex-direction:column;transition:width .2s,transform .22s;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:12px 0 38px #07193712}.sidebar-scrim{display:none}.brand{background:#fff;border-bottom:3px solid #d50064;justify-content:center;align-items:center;height:90px;padding:0 14px;display:flex;position:relative;box-shadow:0 8px 22px #000a1e24}.brand-lockup{align-items:center;gap:7px;width:100%;max-width:251px;height:42px;display:flex}.brand-emblem,.brand-wordmark{background:#fff;flex:none;display:block;position:relative;overflow:hidden}.brand-emblem{width:64px;height:35px}.brand-wordmark{width:180px;height:28px}.brand-emblem img,.brand-wordmark img{max-width:none;height:auto;display:block;position:absolute}.brand-emblem img{width:102px;top:0;left:-17px}.brand-wordmark img{width:180px;top:-64px;left:0}.brand-compact{color:#123562;font:800 23px var(--font-display);display:none}.brand-compact span{color:#ed1c74}.sidebar-collapse,.mobile-close{color:#24466f;background:#fff;border:1px solid #dce5f0;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;padding:0;transition:background .18s,color .18s,border-color .18s;display:grid;position:absolute;bottom:-15px;right:13px;box-shadow:0 2px 8px #0f2b4e2e}.brand-mark{color:#fff;background:linear-gradient(145deg,#0d54aa,#4aa7ea);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 20px #2f6cf06b,inset 0 1px #ffffff59}.brand strong,.brand small{display:block}.brand strong{font-size:15px;font-family:var(--font-display);letter-spacing:.1px;font-weight:600}.brand small{color:#8398b4;letter-spacing:.04em;margin-top:2px;font-size:10.5px}.mobile-close{display:none}.sidebar-workspace{background:linear-gradient(145deg,#ffffff17,#ffffff09);border:1px solid #bfd7f924;border-radius:13px;margin:24px 13px 5px;padding:15px 15px 14px;box-shadow:inset 0 1px #ffffff12}.sidebar-workspace-label{color:#a4c4e9;text-transform:uppercase;letter-spacing:.1em;font:800 9px var(--font-ui);align-items:center;gap:8px;display:flex}.sidebar-led{background:#f04989;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f049891f}.sidebar-workspace strong,.sidebar-workspace small{display:block}.sidebar-workspace strong{color:#fff;font:750 13px var(--font-ui);margin-top:10px;line-height:1.25}.sidebar-workspace small{color:#91a9c8;margin-top:3px;font-size:10px}.sidebar-role{background:#03132a59;border:1px solid #ffffff1f;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;height:36px;margin-top:14px;padding:0 10px;display:flex}.sidebar-role span{color:#98b1d0;flex:none;font-size:10px}.sidebar-role select{color:#fff;cursor:pointer;background:0 0;border:0;outline:0;min-width:0;max-width:130px;font-size:10px;font-weight:800}.sidebar-role:focus-within{border-color:#75a9e8}.sidebar nav{flex-direction:column;flex:1;min-height:0;padding:12px 12px 18px;display:flex;overflow:hidden auto}.nav-group{flex-direction:column;gap:3px;padding-top:16px;display:flex}.nav-group:first-child{padding-top:0}.nav-group>small{color:#91afd2;text-transform:uppercase;letter-spacing:.11em;padding:0 11px 7px;font-size:9px;font-weight:800}.sidebar nav a{color:#b5c9e3;min-height:39px;animation:.38s cubic-bezier(.2,.7,.2,1) both navIn;animation-delay:calc(var(--i,0) * 15ms);border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:background .16s,color .16s,border-color .16s,transform .16s;display:flex;position:relative}.sidebar nav a svg{color:#93afd0;flex:none}.sidebar nav a:hover{color:#fff;background:#ffffff17;transform:translate(2px)}.sidebar nav a:hover svg{color:#fff}.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,#4079c252,#4574b121);border-color:#8ab8f02e;font-weight:800;box-shadow:inset 0 1px #ffffff12}.sidebar nav a.active:before{content:"";background:#f35a98;border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;left:0;box-shadow:0 0 12px #f35a9880}.nav-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.nav-count{color:#ffb1d1;font:800 10px var(--font-mono);background:#e81b7436;border-radius:5px;margin-left:auto;padding:2px 6px}.sidebar-bottom{background:#020c1d47;border-top:1px solid #ffffff1c;margin-top:auto;padding:14px 13px 12px}.sidebar-account{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 2px 12px;display:grid}.sidebar-account-avatar{color:#fff;background:linear-gradient(145deg,#df2a78,#a80e5e);border-radius:10px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:850;display:grid;box-shadow:0 5px 14px #07091833,inset 0 1px #ffffff42}.sidebar-account-details{min-width:0}.sidebar-account-details strong,.sidebar-account-details small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-account-details strong{color:#f3f7fe;text-transform:capitalize;font-size:11.5px}.sidebar-account-details small{color:#92aac9;margin-top:2px;font-size:9.5px}.sidebar-session{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:62px;padding:7px 10px 7px 13px;display:flex}.sidebar-session-copy strong,.sidebar-session-copy small{display:block}.sidebar-session-copy strong{color:#f8fafd;font-size:11.5px}.sidebar-session-copy small{color:#97afce;margin-top:2px;font-size:9.5px}.sidebar-account-signout{color:#e00013;background:radial-gradient(circle at 40% 30%,#fff 45%,#e8edf3 100%);border:5px solid #e50012;border-radius:50%;flex:none;place-items:center;width:43px;height:43px;margin-left:auto;padding:0;transition:transform .17s,box-shadow .17s,filter .17s;display:grid;box-shadow:0 0 0 1px #ffffff8c,0 5px 12px #00000042,inset 0 2px 3px #0c18261a}.sidebar-account-signout:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 0 0 2px #ffffffbf,0 8px 18px #e500124a,inset 0 2px 3px #0c18261a}.sidebar-account-signout:active{transform:translateY(0)scale(.96)}.sidebar-account-signout:focus-visible,.sidebar nav a:focus-visible,.sidebar-collapse:focus-visible,.mobile-close:focus-visible{outline-offset:3px;outline:2px solid #fff}.side-version{color:#7893b6;font:700 9px var(--font-ui);letter-spacing:.02em;margin:11px 2px 0}.main-shell{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));background:linear-gradient(#ffffff47 0%,#f7f9fcc2 100%);flex-direction:column;min-width:0;min-height:calc(100vh - 44px);transition:margin-left .2s,width .2s;display:flex}.main-shell>main{flex:1}.app-footer{color:#4b5a70cc;letter-spacing:.09em;text-transform:none;-webkit-backdrop-filter:blur(8px);background:#ffffff42;border-top:1px solid #c8d3e1b3;justify-content:center;align-items:center;margin-top:auto;padding:11px 16px 15px;font-size:10px;font-weight:700;display:flex}@media (width>=981px){.sidebar-collapsed .brand{flex-direction:column;justify-content:flex-start;gap:3px;height:96px;padding:17px 5px 5px}.sidebar-collapsed .brand-lockup{display:none}.sidebar-collapsed .brand-compact{display:block}.sidebar-collapsed .sidebar-collapse{color:#55749b;width:25px;height:25px;box-shadow:none;background:0 0;border-color:#0000;bottom:5px;right:25px}.sidebar-collapsed .sidebar-workspace,.sidebar-collapsed .nav-group>small,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-count,.sidebar-collapsed .sidebar-account-details,.sidebar-collapsed .sidebar-session-copy,.sidebar-collapsed .side-version{display:none}.sidebar-collapsed .sidebar nav{align-items:center;padding:13px 8px}.sidebar-collapsed .nav-group{align-items:center;width:100%;padding-top:8px}.sidebar-collapsed .nav-group:first-child{padding-top:0}.sidebar-collapsed .sidebar nav a{justify-content:center;width:46px;height:42px;padding:0}.sidebar-collapsed .sidebar nav a.active:before{top:10px;bottom:10px}.sidebar-collapsed .sidebar-bottom{padding:12px 8px 14px}.sidebar-collapsed .sidebar-account{justify-content:center;padding:0 0 13px;display:flex}.sidebar-collapsed .sidebar-session{background:0 0;border:0;border-top:1px solid #ffffff1f;border-radius:0;justify-content:center;min-height:0;padding:8px 0 0}}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);background:#f7f9fccc;border-bottom:1px solid #d2dbe7d9;align-items:center;gap:22px;height:78px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #ffffffb3}.top-title{flex:auto;min-width:0}.top-title span,.top-title small{display:block}.top-title span{font-size:14.5px;font-weight:700;font-family:var(--font-display);letter-spacing:-.01em}.top-title small{color:var(--faint);letter-spacing:.05em;text-transform:uppercase;margin-top:3px;font-size:10px}.global-search{color:#8794a6;text-align:left;background:#ffffffe6;border:1px solid #dfe6f0;border-radius:12px;align-items:center;gap:10px;width:min(440px,38vw);height:40px;margin:auto;padding:0 12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;box-shadow:0 5px 18px -10px #0f1e3633,inset 0 1px #fffc}.global-search:hover{border-color:#c7d1df;box-shadow:0 8px 20px -10px #0f1e363d,inset 0 1px #ffffffe6}.global-search:focus-visible{border-color:#4c78d9cc;box-shadow:0 0 0 3px #6d8edd2e}.global-search span{flex:1;font-size:12.5px}.global-search kbd{font-family:var(--font-mono);color:#7a8798;background:linear-gradient(#f9fbff,#edf2f8);border:1px solid #dde3eb;border-bottom-width:2px;border-radius:5px;padding:3px 6px;font-size:9.5px}.top-actions{align-items:center;gap:9px;display:flex;position:relative}.icon-btn{color:#526175;width:38px;height:38px;box-shadow:var(--shadow);background:#fffc;border:1px solid #dbe2ec;border-radius:10px;place-items:center;transition:border-color .15s,color .15s,transform .1s,box-shadow .15s;display:grid;position:relative}.icon-btn:hover{color:var(--ink);border-color:#c3cfe0;box-shadow:0 8px 18px -12px #101b2d4d}.icon-btn:active{transform:scale(.96)}.notification-dot{background:#ef4444;border:1.5px solid #fff;border-radius:100%;width:7px;height:7px;animation:2.2s ease-in-out infinite pulse;position:absolute;top:7px;right:7px}.role-switch select,.select{color:#445268;height:38px;box-shadow:var(--shadow);background:#fff;border:1px solid #dbe2ec;border-radius:10px;outline:none;padding:0 10px;font-size:12px;font-weight:600}.select:focus,.role-switch select:focus{border-color:#9db4ee}.avatar{color:#fff;letter-spacing:.03em;background:linear-gradient(145deg,#17233a,#0d1728);border-radius:10px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid;box-shadow:0 6px 14px #101b2d38}.mobile-menu{display:none}.notif-pop{border:1px solid var(--line);border-radius:var(--radius);width:min(340px,100vw - 24px);box-shadow:var(--shadow-pop);z-index:60;background:#fff;animation:.16s cubic-bezier(.2,.9,.3,1.2) popIn;position:absolute;top:48px;right:0;overflow:hidden}.notif-pop .notif-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:13px 15px;font-size:12.5px;font-weight:800;display:flex}.notif-pop .notif-head small{color:var(--faint);font-size:10px;font-weight:700}.page{max-width:1760px;margin:0 auto;padding:28px 30px 18px}.page>*{animation:.45s cubic-bezier(.2,.7,.2,1) both rise}.page>:nth-child(2){animation-delay:50ms}.page>:nth-child(3){animation-delay:.1s}.page>:nth-child(4){animation-delay:.15s}.page>:nth-child(5){animation-delay:.2s}.page>:nth-child(6){animation-delay:.25s}.page>:nth-child(7){animation-delay:.3s}.page-header{justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 24px;display:flex}.page-header h1{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:600;line-height:1.15}.page-header p{color:var(--muted);max-width:62ch;margin:7px 0 0;font-size:13px;line-height:1.5}.page-actions{gap:8px;display:flex}.btn{letter-spacing:.01em;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn.primary{color:#fff;background:linear-gradient(#0c4c9b,#0a397b);box-shadow:0 6px 16px #0a397b33,inset 0 1px #ffffff17}.btn.primary:hover{background:linear-gradient(#1260b9,#0b428b)}.btn.secondary{color:#45536a;box-shadow:var(--shadow);background:#fff;border-color:#d8e0eb}.btn.secondary:hover{color:var(--ink);border-color:#bccadb}.btn.sm{border-radius:8px;gap:5px;height:30px;padding:0 11px;font-size:10.5px}.btn.sm svg{width:13px}.card{border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:0 10px 26px -18px #101b2d38, var(--shadow);background:linear-gradient(#fffffffa,#f9fbfdfa);transition:box-shadow .18s,transform .18s,border-color .18s}.card:hover{box-shadow:0 14px 30px -20px #101b2d4d, var(--shadow-lift);border-color:#d8e1ec}.kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:16px;display:grid}.kpi-card{padding:16px 17px 15px;transition:box-shadow .2s,transform .2s,border-color .2s;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-lift);border-color:#d3dcec;transform:translateY(-2px)}.kpi-card:after{content:"";background:linear-gradient(90deg, var(--kb,#3b70f0), transparent 78%);opacity:.85;width:100%;height:3px;position:absolute;inset:0 auto auto 0}.kpi-top{color:#778599;letter-spacing:.03em;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.kpi-value{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:10px;font-size:26px;font-weight:700}.kpi-value small{color:var(--faint);letter-spacing:0;margin-left:3px;font-size:12px;font-weight:600}.kpi-foot{color:#536278;align-items:center;gap:7px;min-height:20px;margin-top:9px;font-size:10.5px;font-weight:600;display:flex}.delta-chip{height:20px;font-size:9.5px;font-weight:800;font-family:var(--font-mono);border-radius:99px;align-items:center;gap:2px;padding:0 7px;display:inline-flex}.delta-chip.positive{background:var(--success-soft);color:#1d6f47}.delta-chip.negative{background:var(--danger-soft);color:#b93b3b}.kpi-target{background:#edf0f5;border-radius:99px;flex:0 64px;height:4px;overflow:hidden}.kpi-target i{background:var(--kb,var(--accent));border-radius:99px;height:100%;display:block}.spark{color:var(--kb,var(--accent));margin-top:9px;display:block;overflow:visible}.spark-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:.9s cubic-bezier(.3,.6,.3,1) .25s forwards drawIn}.spark-area{opacity:0;animation:.5s .6s forwards fadeIn}.skeleton{background:linear-gradient(90deg,#eaeef4 25%,#f6f8fc 45%,#eaeef4 65%) 0 0/200% 100%;border-radius:7px;animation:1.15s linear infinite shimmer;display:block}.table-sk{gap:16px;padding:18px 16px;display:grid}.table-sk-row{grid-template-columns:repeat(var(--cols,6), 1fr);align-items:center;gap:14px;display:grid}.icon-tile{border-radius:10px;flex:none;justify-content:center;align-items:center;line-height:0;transition:transform .18s cubic-bezier(.2,.8,.2,1);display:flex}.icon-tile svg{width:46%;height:46%;margin:auto;display:block}.tile-blue{color:#0d54aa;background:linear-gradient(135deg,#e8f1fc,#f5f9fe);box-shadow:inset 0 0 0 1px #0d54aa24}.tile-teal{color:#0d7a6f;background:linear-gradient(135deg,#dcf3ef,#f0fbf8);box-shadow:inset 0 0 0 1px #0d7a6f26}.tile-navy{color:#33445f;background:linear-gradient(135deg,#e2e8f2,#f3f6fb);box-shadow:inset 0 0 0 1px #33445f26}.tile-danger{color:#c03535;background:linear-gradient(135deg,#fde5e5,#fff6f6);box-shadow:inset 0 0 0 1px #c0353526}.tile-warning{color:#9a6a12;background:linear-gradient(135deg,#fcefd6,#fffaef);box-shadow:inset 0 0 0 1px #9a6a122b}.tile-success{color:#16784c;background:linear-gradient(135deg,#def4e8,#f2fcf6);box-shadow:inset 0 0 0 1px #16784c29}.card:hover .icon-tile,.action-card:hover .icon-tile{transform:scale(1.08)rotate(-3deg)}.grid-2{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:15px;margin:15px 0;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:15px 0;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.span-2{grid-column:span 2}.chart-card{padding:18px}.section-header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.section-header h3{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.chart-wrap{height:268px;color:var(--accent)}.recharts-text{fill:#8a95a4;font-size:10px;font-family:var(--font-mono)}.recharts-tooltip-wrapper{outline:none}.chart-tip{color:#e6edf8;box-shadow:var(--shadow-pop);background:#0d1728;border:1px solid #ffffff14;border-radius:10px;padding:9px 12px;font-size:10.5px;animation:.15s popIn}.chart-tip strong{text-transform:uppercase;letter-spacing:.08em;color:#93a4bb;margin-bottom:5px;font-size:9.5px;display:block}.chart-tip .row{font-family:var(--font-mono);align-items:center;gap:7px;padding:1.5px 0;font-size:10.5px;display:flex}.chart-tip .row i{border-radius:2px;width:8px;height:8px;display:inline-block}.segmented{background:#eef1f6;border-radius:8px;gap:1px;padding:3px;display:flex}.segmented button{color:#536278;background:0 0;border:0;border-radius:6px;padding:5px 9px;font-size:9.5px;font-weight:700}.segmented button.active{color:#24314a;background:#fff;box-shadow:0 1px 3px #00000014}.tab-slider{background:#eef1f6;border-radius:11px;width:max-content;padding:3px;display:flex;position:relative;box-shadow:inset 0 1px 3px #101b2d0f}.tab-slider button{z-index:1;color:#536278;background:0 0;border:0;border-radius:9px;min-width:170px;padding:8px 24px;font-size:11px;font-weight:800;transition:color .25s;position:relative}.tab-slider button.active{color:#24314a}.tab-glider{background:#fff;border-radius:9px;width:calc(50% - 3px);transition:transform .3s cubic-bezier(.25,.8,.25,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 5px #101b2d1f}.tab-slider.shift .tab-glider{transform:translate(100%)}.tab-pane{animation:.35s cubic-bezier(.2,.7,.2,1) both rise}.link-btn{color:var(--accent);background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:10.5px;font-weight:800;display:inline-flex}.link-btn:hover{color:var(--accent-deep)}.link-btn svg{transition:transform .15s}.link-btn:hover svg{transform:translate(2px)}.count-pill{background:var(--danger-soft);color:#bd3e3e;min-width:22px;height:22px;font-size:10px;font-weight:800;font-family:var(--font-mono);border-radius:99px;place-items:center;display:grid}.table-wrap{max-width:100%;overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:700px}.table-wrap th{text-align:left;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;color:#536278;white-space:nowrap;z-index:2;background:#fafbfd;padding:11px 14px;font-size:9px;font-weight:800;position:sticky;top:0}.table-wrap td{border-bottom:1px solid var(--line-soft);color:#506077;vertical-align:middle;padding:12px 14px;font-size:11.5px}.table-wrap tbody tr{transition:background .12s;animation:.32s cubic-bezier(.2,.7,.2,1) both rowIn}.table-wrap tbody tr:first-child{animation-delay:30ms}.table-wrap tbody tr:nth-child(2){animation-delay:60ms}.table-wrap tbody tr:nth-child(3){animation-delay:90ms}.table-wrap tbody tr:nth-child(4){animation-delay:.12s}.table-wrap tbody tr:nth-child(5){animation-delay:.15s}.table-wrap tbody tr:nth-child(6){animation-delay:.18s}.table-wrap tbody tr:nth-child(7){animation-delay:.21s}.table-wrap tbody tr:nth-child(8){animation-delay:.24s}.table-wrap tbody tr:nth-child(n+9){animation-delay:.27s}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td strong{color:#233149;font-size:11.5px;font-weight:700}.table-wrap td div>strong{display:block}.block{color:#536278;margin-top:3px;font-size:9.5px;display:block}.mono{font-family:var(--font-mono);letter-spacing:-.01em;font-size:.94em}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--accent)}th.sortable .sort-ind{opacity:.7;margin-left:4px;font-size:8px}.stock-bar{background:#edf0f5;border-radius:99px;width:118px;height:5px;margin-top:6px;display:flex;overflow:hidden}.stock-bar i{border-radius:99px;height:100%;display:block}.status{white-space:nowrap;letter-spacing:.02em;border-radius:99px;align-items:center;gap:5px;height:23px;padding:0 9px;font-size:9.5px;font-weight:800;display:inline-flex}.status:before{content:"";opacity:.85;background:currentColor;border-radius:99px;width:5px;height:5px}.status-success{background:var(--success-soft);color:#1d6f47}.status-warning{background:var(--warning-soft);color:#94651b}.status-danger{background:var(--danger-soft);color:#b93b3b}.status-info{background:var(--accent-soft);color:#3564bf}.alert-list{padding:2px 16px 10px}.alert-item{border-bottom:1px solid var(--line-soft);grid-template-columns:34px 1fr;gap:11px;padding:12px 0;display:grid}.alert-item:last-child{border-bottom:0}.alert-item .icon-tile{border-radius:9px;width:32px;height:32px}.alert-item strong{font-size:11px}.alert-item p{color:#7c8898;margin:3px 0;font-size:10px;line-height:1.5}.alert-item small{color:#536278;letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.alert-item{animation:.35s both rowIn}.alert-item:first-child{animation-delay:50ms}.alert-item:nth-child(2){animation-delay:.12s}.alert-item:nth-child(3){animation-delay:.19s}.alert-item:nth-child(4){animation-delay:.26s}.mini-panels{margin-top:15px}.mini-stat{grid-template-rows:auto auto auto;grid-template-columns:36px 1fr;column-gap:11px;padding:15px 16px;transition:box-shadow .2s,transform .2s;display:grid}.mini-stat:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.mini-stat .icon-tile{grid-row:1/4;width:34px;height:34px}.mini-stat span{color:#536278;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:700}.mini-stat strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:18px}.mini-stat small{color:#536278;font-size:9.5px;font-weight:600}.toolbar{align-items:center;gap:8px;margin-bottom:14px;display:flex}.toolbar.inner{border-bottom:1px solid var(--line);margin:0;padding:13px 14px}.search-box{color:#7f8c9d;min-width:320px;height:38px;box-shadow:var(--shadow);background:#fff;border:1px solid #dbe2ec;border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 12px;transition:border-color .15s;display:flex}.search-box:focus-within{border-color:#9db4ee}.search-box input{color:#29364b;background:0 0;border:0;outline:0;width:100%;font-size:12px}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#69778b;background:#fff;border:1px solid #dde4ee;border-radius:99px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .16s cubic-bezier(.2,.8,.2,1)}.chip:hover{color:var(--ink);border-color:#b9c7de;transform:translateY(-1px)}.chip:active{transform:scale(.96)}.chip.active{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 4px 10px #07101e38}.chip .chip-count{font-family:var(--font-mono);opacity:.65;margin-left:4px;font-size:9px}.product-cell,.compat{align-items:center;gap:10px;display:flex}.product-thumb{color:#4a74cd;background:linear-gradient(145deg,#eef3fc,#f9fbfe);border:1px solid #e2eaf6;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.product-cell small,.compat small{color:#536278;margin-top:3px;font-size:9px;display:block}.location-list{padding:2px 16px 12px}.location-list>div{border-bottom:1px solid var(--line-soft);grid-template-columns:30px 1fr auto;align-items:center;gap:11px;padding:11px 0;display:grid}.location-list>div:last-child{border:0}.location-list .icon-tile{border-radius:9px;width:29px;height:29px}.location-list strong,.location-list small{display:block}.location-list strong{font-size:11px}.location-list small{color:#536278;margin-top:2px;font-size:9.3px}.location-bar{background:#eef1f6;border-radius:99px;grid-column:1/4;height:4px;overflow:hidden}.location-bar i{transform-origin:0;background:linear-gradient(90deg,#0d54aa,#58a8df);border-radius:99px;height:100%;animation:.9s cubic-bezier(.2,.8,.2,1) both growX;display:block}@keyframes growX{0%{transform:scaleX(0)}}.timeline{padding:2px 16px 12px}.timeline-row{grid-template-columns:17px 1fr auto;gap:9px;padding:10px 0;display:grid;position:relative}.timeline-row:before{content:"";background:#e1e6ed;width:1px;position:absolute;top:24px;bottom:-8px;left:7px}.timeline-row:last-child:before{display:none}.timeline-dot{z-index:1;background:#fff;border:3.5px solid #5f7fd0;border-radius:100%;width:15px;height:15px;margin-top:2px}.timeline-row strong{letter-spacing:.02em;font-size:10px}.timeline-row p{color:#59687e;margin:2px 0;font-size:10px}.timeline-row small{color:#536278;font-size:8.8px;font-family:var(--font-mono)}.workflow-strip{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:9px;margin-bottom:14px;padding:13px 18px;display:flex}.workflow-step{color:#536278;letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:10.5px;font-weight:800;transition:color .2s,background .2s,border-color .2s,transform .2s;display:flex}.workflow-step:hover{transform:translateY(-1px)}.workflow-step.active{color:#243b5a;border-color:#0d54aa1f}.workflow-step.stage-approved{color:#2563eb;background:#3b82f61f;border-color:#3b82f62e}.workflow-step.stage-picking{color:#7c3aed;background:#8b5cf61f;border-color:#8b5cf62e}.workflow-step.stage-intransit{color:#b45309;background:#f59e0b1f;border-color:#f59e0b33}.workflow-step.stage-receiving{color:#0f766e;background:#14b8a61f;border-color:#14b8a62e}.workflow-step.stage-complete{color:#15803d;background:#22c55e1f;border-color:#22c55e2e}.workflow-strip>span{background:linear-gradient(90deg,#cdd6e2,#e6ebf2);flex:1;max-width:96px;height:1px}.workflow-strip svg{width:17px}.transfer-detail{margin-top:15px;padding:20px}.transfer-detail>div:first-child small{color:#7d8a9d;letter-spacing:.08em;font-size:9px;font-weight:800}.transfer-detail h2{letter-spacing:-.02em;margin:4px 0;font-size:19px}.transfer-detail p{color:#798698;margin:0;font-size:11px}.receive-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin:16px 0;display:grid}.receive-grid>div{background:#fcfdfe;border:1px solid #e6eaf0;border-radius:12px;align-content:start;gap:5px;padding:13px;transition:border-color .15s,box-shadow .15s;display:grid}.receive-grid>div:hover{box-shadow:var(--shadow);border-color:#c9d6ea}.receive-grid span{font-size:11px;font-weight:700}.receive-grid small{color:#536278;font-size:9px;font-family:var(--font-mono)}.receive-grid strong,.receive-grid b{font-size:11px}.transfer-footer{align-items:center;gap:9px;display:flex}.state-panel{border:1px solid #0000;border-radius:11px;flex:1;align-items:flex-start;gap:11px;padding:12px 14px;font-size:10.8px;font-weight:600;line-height:1.5;display:flex}.state-panel .icon-tile{border-radius:9px;width:30px;height:30px}.state-warning{background:var(--warning-soft);color:#8d651d;border-color:#f0dcae}.state-success{background:var(--success-soft);color:#1d6f47;border-color:#c2e8d3}.state-danger{background:var(--danger-soft);color:#a33030;border-color:#f3cccc}.state-info{background:var(--accent-soft);color:#2c50b0;border-color:#ccdcf8}.pos-layout{grid-template-columns:minmax(0,1.65fr) minmax(340px,.72fr);align-items:start;gap:15px;display:grid}.catalog{min-height:680px;padding:16px}.pos-search{height:48px;box-shadow:var(--shadow);background:#fff;border:1px solid #dbe2ec;border-radius:12px;align-items:center;gap:10px;padding:0 13px;transition:border-color .15s;display:flex}.pos-search:focus-within{border-color:#9db4ee}.pos-search>svg{color:#778599}.pos-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12.5px}.pos-search button{height:30px;color:var(--accent);background:0 0;border:0;border-left:1px solid #e4e9f0;align-items:center;gap:6px;padding-left:13px;font-size:10px;font-weight:800;display:flex}.category-chips{flex-wrap:wrap;gap:6px;margin:13px 0;display:flex}.category-chips button{color:#69778b;background:#fff;border:1px solid #e1e6ed;border-radius:99px;padding:7px 13px;font-size:9.5px;font-weight:700;transition:all .16s cubic-bezier(.2,.8,.2,1)}.category-chips button:hover{color:var(--ink);border-color:#b9c7de;transform:translateY(-1px)}.category-chips button.active{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 4px 10px #07101e38}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;display:grid}.pos-product{text-align:left;min-height:158px;animation:.35s both rowIn;animation-delay:calc(var(--i,0) * 35ms);background:#fff;border:1px solid #e3e8ee;border-radius:13px;flex-direction:column;gap:8px;padding:11px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.pos-product:hover{box-shadow:var(--shadow-lift);border-color:#b0c4e8;transform:translateY(-3px)}.pos-product:active{transform:translateY(-1px)scale(.99)}.pos-product:disabled{opacity:.45;cursor:not-allowed}.product-art{color:#7a8eb8;background:linear-gradient(145deg,#eef3fb,#fbfdff);border:1px solid #e6edf7;border-radius:10px;place-items:center;height:56px;display:grid;overflow:hidden}.product-art svg{transition:transform .25s cubic-bezier(.2,.8,.2,1)}.pos-product:hover .product-art svg{transform:scale(1.12)rotate(-4deg)}.pos-product small,.pos-product span{display:block}.pos-product small{color:#536278;font-size:9.5px;font-family:var(--font-mono)}.pos-product strong{font-size:11px;line-height:1.3}.pos-product span{color:#536278;margin-top:3px;font-size:9.5px}.product-bottom{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-bottom>span:first-child{font-family:var(--font-display);color:#26364e;font-size:15px;font-weight:700}.cart{padding:16px;position:sticky;top:94px}.cart-title{justify-content:space-between;align-items:center;display:flex}.cart-title>div{align-items:center;gap:9px;display:flex}.cart-title strong,.cart-title small{display:block}.cart-title strong{font-size:12.5px;font-family:var(--font-display)}.cart-title small{color:#536278;margin-top:2px;font-size:9.5px}.customer-select{text-align:left;color:#526078;background:#f9fbfd;border:1px dashed #cfd9e6;border-radius:11px;grid-template-columns:30px 1fr 18px;align-items:center;gap:9px;width:100%;margin:14px 0;padding:10px;transition:border-color .15s,background .15s;display:grid}.customer-select svg{color:var(--accent)}.customer-select strong,.customer-select small{display:block}.customer-select strong{font-size:10.5px}.customer-select small{color:#536278;margin-top:2px;font-size:9.5px}.cart-lines{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.cart-line{border-bottom:1px dashed var(--line-soft);grid-template-columns:1fr auto;gap:4px;padding:11px 0;animation:.3s both rowIn;display:grid}.cart-line:last-child{border-bottom:0}.cart-line strong,.cart-line small{display:block}.cart-line strong{font-size:10.5px}.cart-line small{color:#536278;font-size:9.5px;font-family:var(--font-mono)}.qty{grid-column:1/3;align-items:center;gap:9px;display:flex}.qty button{color:#526175;background:#fff;border:1px solid #e1e6ec;border-radius:8px;place-items:center;width:25px;height:25px;transition:all .12s;display:grid}.qty button:hover:not(:disabled){color:var(--accent);border-color:#b0c4e8}.qty button:disabled{opacity:.4;cursor:not-allowed}.qty svg{width:11px}.qty span{font-family:var(--font-mono);font-size:10.5px;font-weight:700}.cart-empty{text-align:center;color:#536278;padding:30px 0 26px;font-size:10.5px;animation:.3s both fadeIn}.cart-empty .icon-tile{border-radius:12px;width:42px;height:42px;margin:0 auto 10px}.cart-summary{padding:11px 0}.cart-summary>div{color:#6e7c90;justify-content:space-between;padding:4px 0;font-size:10.5px;display:flex}.cart-summary .num{color:#3c4c63}.cart-summary .grand{font-family:var(--font-display);color:#213149;border-top:1px solid var(--line-soft);margin-top:6px;padding-top:10px;font-size:17px;font-weight:700}.payment-methods{grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 11px;display:grid}.payment-methods button{color:#6f7c8e;background:#fff;border:1px solid #e1e6ed;border-radius:9px;justify-content:center;align-items:center;gap:4px;height:40px;font-size:9px;font-weight:700;transition:all .13s;display:flex}.payment-methods button:hover{border-color:#b0c4e8}.payment-methods button.active{background:var(--accent-soft);color:var(--accent-deep);border-color:#77a5d9;box-shadow:0 3px 8px #0d54aa1f}.payment-methods svg{width:13px}.checkout{width:100%;height:50px;background:linear-gradient(#1d2d4d,#131f36)!important;font-size:12.5px!important;box-shadow:0 8px 20px #131f364d!important}.checkout:hover{background:linear-gradient(#23365c,#17243f)!important}.live-pill{background:var(--success-soft);color:#2a7551;letter-spacing:.04em;border:1px solid #c8e9d6;border-radius:99px;align-items:center;gap:7px;padding:8px 12px;font-size:9.5px;font-weight:800;display:flex}.live-pill span{background:#31a76a;border-radius:100%;width:7px;height:7px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #31a76a1f}.reconciliation{padding:17px}.reconciliation>div:not(.section-header){border-bottom:1px solid var(--line-soft);grid-template-columns:1fr auto;gap:3px;padding:11px 0;display:grid}.reconciliation>div:not(.section-header):last-child{border:0}.reconciliation>div:not(.section-header) span:first-child{color:#758397;font-size:10px;font-weight:600}.reconciliation>div:not(.section-header) strong{font-size:11.5px;font-family:var(--font-mono)}.reconciliation .status{grid-column:1/3;justify-self:start;margin-top:2px}.finance-links .card{padding:17px;transition:box-shadow .2s,transform .2s,border-color .2s}.finance-links .card:hover{box-shadow:var(--shadow-lift);border-color:#d3dcec;transform:translateY(-2px)}.finance-links .icon-tile{width:34px;height:34px;margin-bottom:2px}.finance-links strong{font-size:12px;font-family:var(--font-display);margin:11px 0 4px;display:block}.finance-links p{color:#7d8999;margin:0 0 10px;font-size:10px;line-height:1.55}.ageing-strip{box-shadow:var(--shadow);background:#e4e9f0;border:1px solid #e4e9f0;border-radius:13px;grid-template-columns:repeat(5,1fr);gap:1px;margin-bottom:15px;display:grid;overflow:hidden}.ageing-strip>div{background:#fff;padding:15px 16px;transition:background .2s}.ageing-strip>div:hover{background:#fafcfe}.ageing-strip span,.ageing-strip strong{display:block}.ageing-strip span{color:#536278;text-transform:uppercase;letter-spacing:.05em;font-size:9.5px;font-weight:700}.ageing-strip strong{font-family:var(--font-display);letter-spacing:-.02em;margin-top:4px;font-size:18px}.ageing-strip .danger-tint{background:linear-gradient(#fff6f6,#fffdfd)}.action-grid,.report-grid,.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.action-card,.settings-grid .card{padding:18px}.action-card{animation:.4s both rowIn;animation-delay:calc(var(--i,0) * 45ms);flex-direction:column;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex}.action-card:hover{box-shadow:var(--shadow-lift);border-color:#d3dcec;transform:translateY(-3px)}.action-card .icon-tile{border-radius:11px;width:36px;height:36px}.action-card h3{letter-spacing:-.01em;margin:12px 0 5px;font-size:12.5px;line-height:1.45}.action-card p{color:#7d899a;margin:0 0 12px;font-size:10px;line-height:1.55}.settings-grid .card h3{margin:0 0 6px;font-size:12.5px}.report-card{text-align:left;border:1px solid var(--line);min-height:174px;animation:.4s both rowIn;animation-delay:calc(var(--i,0) * 35ms);border-radius:18px;flex-direction:column;align-items:flex-start;padding:18px 18px 16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.report-card:hover{box-shadow:var(--shadow-lift);border-color:#b0c4e8;transform:translateY(-3px)}.report-card .icon-tile{border-radius:11px;width:36px;height:36px;margin-bottom:13px}.report-card strong{font-size:12px;font-family:var(--font-display);line-height:1.35;display:block}.report-card p{color:#536278;margin:6px 0 10px;font-size:9.5px;line-height:1.55}.report-card span{color:var(--accent);align-items:center;gap:3px;margin-top:auto;font-size:9.5px;font-weight:800;display:inline-flex}.report-card span svg{transition:transform .18s}.report-card:hover span svg{transform:translate(3px)}.set-row{border-bottom:1px dashed var(--line-soft);justify-content:space-between;align-items:center;gap:14px;padding:11px 0;display:flex}.set-row:last-child{border-bottom:0}.set-row .set-info strong{font-size:11px;display:block}.set-row .set-info small{color:#536278;margin-top:2px;font-size:9.5px;display:block}.switch{background:#d7dee9;border:0;border-radius:99px;flex:none;width:40px;height:22px;transition:background .2s;position:relative}.switch i{background:#fff;border-radius:99px;width:18px;height:18px;transition:transform .22s cubic-bezier(.2,.8,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000047}.switch.on{background:var(--accent);box-shadow:0 2px 8px #2456e64d}.switch.on i{transform:translate(18px)}.settings-grid input.input,.input{color:#29364b;background:#fff;border:1px solid #dbe2ec;border-radius:9px;outline:none;height:36px;padding:0 11px;font-size:11.5px;transition:border-color .15s}.input:focus{border-color:#9db4ee}.settings-grid .select{box-shadow:none;height:36px;font-size:11.5px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#050c1680;justify-content:center;align-items:flex-start;padding-top:13vh;animation:.14s fadeIn;display:flex;position:fixed;inset:0}.command-modal{width:min(640px,92vw);box-shadow:var(--shadow-pop);background:#fff;border:1px solid #ffffff80;border-radius:16px;animation:.18s cubic-bezier(.2,.9,.3,1.15) popIn;overflow:hidden}.command-input{color:#778599;border-bottom:1px solid #e5e9ef;align-items:center;gap:11px;height:58px;padding:0 16px;display:flex}.command-input input{background:0 0;border:0;outline:0;flex:1;font-size:13px}.command-input button{font-family:var(--font-mono);color:#718094;background:#f8fafc;border:1px solid #e0e5eb;border-bottom-width:2px;border-radius:6px;padding:4px 7px;font-size:8.5px}.command-group{max-height:380px;padding:12px;overflow:auto}.command-group>small{color:#8c98a7;letter-spacing:.1em;padding:0 9px 6px;font-size:8.5px;font-weight:800;display:block}.command-group a{color:#45546a;cursor:pointer;animation:.28s both rowIn;animation-delay:calc(var(--i,0) * 18ms);border-radius:10px;align-items:center;gap:11px;padding:10px 9px;font-size:11.5px;display:flex}.command-group a .cmd-sub{color:#98a2b0;font-size:9px;font-family:var(--font-mono);margin-left:auto}.command-group a.active,.command-group a:hover{background:var(--accent-soft);color:var(--accent-deep)}.command-empty{text-align:center;color:#8d98a6;padding:28px;font-size:11px}.toast-stack{z-index:200;flex-direction:column;gap:9px;display:flex;position:fixed;bottom:22px;right:22px}.toast{color:#e8eef8;min-width:280px;max-width:380px;box-shadow:var(--shadow-pop);background:#0d1728;border:1px solid #ffffff17;border-radius:12px;align-items:flex-start;gap:11px;padding:12px 15px 17px;font-size:12px;font-weight:600;animation:.28s cubic-bezier(.2,.9,.3,1.2) toastIn;display:flex;position:relative;overflow:hidden}.toast.out{animation:.25s forwards toastOut}.toast .toast-ico{border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.toast.success .toast-ico{color:#5ee89f;background:#43dd8529}.toast.info .toast-ico{color:#8db1ff;background:#6f9bff29}.toast.warning .toast-ico{color:#f5c169;background:#f0b43c29}.toast small{color:#93a4bb;margin-top:1px;font-size:10px;font-weight:500;display:block}.toast-bar{transform-origin:0;background:#ffffff3d;border-radius:2px;height:2px;animation:3.4s linear forwards toastbar;position:absolute;bottom:7px;left:14px;right:14px}.empty-state{text-align:center;background:#fbfcfe;border:1.5px dashed #d5dde9;border-radius:12px;margin:10px;padding:38px 22px;animation:.35s both fadeIn}.empty-state .empty-ico{border-radius:13px;width:46px;height:46px;margin:0 auto 13px}.empty-state h3{margin:0 0 5px;font-size:13.5px}.empty-state p{color:#8d98a6;margin:0 0 14px;font-size:10.5px}.empty-state .btn{margin:0 auto}@media (width<=1300px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.grid-3:not(.finance-links){grid-template-columns:1fr 1fr}.span-2{grid-column:span 1}.report-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=980px){.sidebar{width:min(300px,100vw - 40px);transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);box-shadow:0 0 60px #0006}.sidebar-scrim{z-index:29;cursor:default;background:#04102494;border:0;display:block;position:fixed;inset:0}.mobile-close,.mobile-menu{display:grid}.sidebar-collapse{display:none}.main-shell{width:100%;margin-left:0}.topbar{padding:0 14px}.global-search{display:none}.page{padding:18px}.grid-2,.grid-3,.grid-4,.kpi-grid,.kpi-grid.four,.action-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{grid-template-columns:minmax(0,1fr)}.cart{position:static}.receive-grid{grid-template-columns:1fr}.transfer-footer{flex-wrap:wrap}.state-panel{flex-basis:100%}}@media (width<=650px){.top-title small,.role-switch{display:none}.page{padding:14px}.page-header{flex-direction:column;align-items:stretch}.page-actions{width:100%}.page-actions .btn{flex:1}.grid-2,.grid-3,.grid-4,.kpi-grid,.kpi-grid.four,.action-grid,.report-grid,.settings-grid,.ageing-strip{grid-template-columns:minmax(0,1fr)}.mini-panels{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.search-box{width:100%;min-width:0}.product-grid{grid-template-columns:1fr 1fr}.workflow-strip{justify-content:flex-start;overflow:auto}.workflow-strip>span{min-width:35px}.topbar{height:66px}.catalog{min-height:auto}.payment-methods{grid-template-columns:repeat(2,1fr)}.chart-wrap{height:230px}.tab-slider{width:100%}.tab-slider button{flex:1;min-width:0;padding:8px 10px}.topbar{gap:12px}.top-title span{overflow-wrap:anywhere;line-height:1.2}.page-actions{flex-wrap:wrap}.page-actions .btn{white-space:normal;text-align:center;min-width:0}.toolbar .btn{flex:auto}.toast-stack{bottom:12px;left:12px;right:12px}.toast{min-width:0;max-width:none}}@media (width<=430px){.product-grid,.mini-panels{grid-template-columns:1fr}.avatar{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sales-documents{max-width:1500px}.doc-tabs{border-bottom:1px solid var(--line);gap:22px;margin:-3px 0 18px;display:flex}.doc-tabs button{height:42px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:0 3px;font-size:12px;font-weight:750;display:inline-flex}.doc-tabs button.active{color:var(--accent-deep);border-bottom-color:var(--magenta)}.doc-tabs button span{background:var(--line-soft);font:700 10px var(--font-mono);border-radius:4px;padding:2px 6px}.doc-list{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.doc-list-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:48px;padding:0 20px;font-size:13px;font-weight:800;display:flex}.doc-list-head small{color:var(--muted);font-size:10px;font-weight:650}.doc-row{border:0;border-bottom:1px solid var(--line-soft);text-align:left;width:100%;color:var(--ink);background:#fff;grid-template-columns:40px minmax(0,1fr) 75px 120px 17px;align-items:center;gap:15px;padding:15px 20px;display:grid}.doc-row:last-child{border-bottom:0}.doc-row-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:6px;place-items:center;display:grid}.doc-row-main{min-width:0}.doc-row-main strong,.doc-row-main small{overflow-wrap:anywhere;display:block}.doc-row-main strong{font-size:12px}.doc-row-main small{color:var(--muted);margin-top:4px;font-size:10px}.doc-row-total{font:750 12px var(--font-mono);justify-self:end}.doc-row>svg{color:var(--muted)}.doc-status{min-width:60px;font:750 10px var(--font-ui);border-radius:4px;justify-content:center;padding:5px 8px;display:inline-flex}.doc-status.issued{color:#16784c;background:#e6f6ed}.doc-list-empty{min-height:310px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.doc-list-empty>svg{color:var(--accent);margin-bottom:10px}.doc-list-empty strong{color:var(--ink);font-size:15px}.doc-list-empty p{margin:6px 0 18px;font-size:12px}.doc-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.doc-back{color:var(--accent);background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:11px;font-weight:800;display:inline-flex}.doc-toolbar-number{font:750 12px var(--font-mono);color:var(--ink)}.doc-toolbar-actions{flex-wrap:wrap;gap:7px;margin-left:auto;display:flex}.doc-workspace{grid-template-columns:minmax(430px,.87fr) minmax(550px,1.13fr);align-items:start;gap:20px;display:grid}.doc-editor{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:0;overflow:hidden}.doc-editor-section{border-bottom:1px solid var(--line);padding:19px 20px 22px}.doc-editor-section:last-child{border-bottom:0}.doc-editor h2{font:750 13px var(--font-ui);color:var(--ink);margin:0 0 15px}.doc-section-head{justify-content:space-between;align-items:baseline;display:flex}.doc-section-head span{color:var(--muted);font-size:10px}.doc-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.doc-fields label,.doc-line label{min-width:0;color:var(--muted);gap:5px;font-size:10px;font-weight:750;display:grid}.doc-fields label.wide{grid-column:1/-1}.doc-fields input,.doc-line input,.doc-editor textarea,.doc-add-line select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #d8e1ec;border-radius:5px;outline:none;padding:9px 10px;font-size:12px}.doc-editor textarea{resize:vertical}.doc-line-editor{gap:9px;display:grid}.doc-line{border:1px solid var(--line-soft);background:#f7f9fc;border-radius:5px;grid-template-columns:20px minmax(130px,1.5fr) minmax(85px,.65fr) 58px 88px 24px;align-items:end;gap:7px;padding:11px;display:grid}.doc-line-index{font:700 10px var(--font-mono);color:var(--faint);align-self:center}.doc-line input{height:35px;padding:7px}.doc-line-remove{height:35px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid}.doc-line-remove:hover{color:var(--danger)}.doc-add-line{gap:8px;margin-top:12px;display:flex}.doc-add-line select{flex:1;height:34px;padding:5px 8px}.doc-preview-wrap{min-width:0}.doc-preview-caption{color:var(--muted);font:750 9px var(--font-mono);letter-spacing:.06em;justify-content:space-between;margin:2px 0 9px;display:flex}.doc-paper{color:#19273e;background:#fff;border:1px solid #dfe5ed;min-height:760px;padding:34px 38px 24px;font-size:11px;box-shadow:0 8px 38px #12223d17}.paper-brand{justify-content:space-between;align-items:center;gap:25px;display:flex}.paper-brand img{object-fit:contain;width:205px;max-width:48%;height:auto}.paper-brand div{text-align:right;gap:5px;display:grid}.paper-brand strong{font:800 22px var(--font-display);color:#0b3979}.paper-brand span{font:700 11px var(--font-mono);color:#68768a}.paper-rule{background:linear-gradient(90deg,#d50064 0 22%,#0d54aa 22% 100%);height:4px;margin:22px 0 25px}.paper-top{grid-template-columns:1fr 1fr;gap:32px;display:grid}.paper-top>div{flex-direction:column;min-width:0;display:flex}.paper-top small,.paper-meta small{color:#748195;letter-spacing:.1em;margin-bottom:7px;font-size:8px;font-weight:850;display:block}.paper-top strong{color:#142e5a;margin-bottom:7px;font-size:12px}.paper-top span{color:#546277;overflow-wrap:anywhere;line-height:1.6}.paper-meta{background:#f5f8fc;border-left:3px solid #d50064;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:27px 0;padding:14px;display:grid}.paper-meta strong{overflow-wrap:anywhere;font-size:10px}.paper-source{color:#647389;margin-top:-13px;font-size:10px}.paper-table-wrap{overflow-x:auto}.paper-table{border-collapse:collapse;width:100%;min-width:480px;font-size:10px}.paper-table th{text-align:right;color:#fff;letter-spacing:.06em;background:#0b3979;padding:10px 7px;font-size:8px}.paper-table th:first-child{text-align:left;width:44%}.paper-table td{text-align:right;vertical-align:top;white-space:nowrap;border-bottom:1px solid #e8edf4;padding:13px 7px}.paper-table td:first-child{text-align:left;white-space:normal}.paper-table td strong,.paper-table td small{display:block}.paper-table td strong{font-weight:750}.paper-table td small{color:#7a8798;margin-top:5px}.paper-table .paper-empty{text-align:center;color:var(--muted);padding:25px}.paper-totals{width:min(250px,100%);margin:19px 0 31px auto}.paper-totals>div{color:#56657b;justify-content:space-between;gap:15px;padding:8px 0;display:flex}.paper-totals strong{color:#1b2b44;font-weight:800}.paper-totals .paper-grand{color:#0b3979;border-top:2px solid #0b3979;padding-top:13px;font-size:13px;font-weight:800}.paper-totals .paper-grand strong{color:#0b3979}.paper-bottom{border-top:1px solid #dce4ee;grid-template-columns:1fr 1fr;gap:28px;padding-top:18px;display:grid}.paper-bottom h3{font:800 10px var(--font-ui);color:#0b3979;margin:0 0 7px}.paper-bottom p{color:#526176;overflow-wrap:anywhere;margin:0;line-height:1.65}.paper-notes{white-space:pre-wrap;color:#596a7e;border-left:2px solid #d50064;margin:20px 0;padding-left:10px;font-size:10px}.paper-footer{color:#8490a1;border-top:1px solid #e7ecf3;justify-content:space-between;gap:15px;margin-top:30px;padding-top:10px;font-size:9px;display:flex}@media (width<=1200px){.doc-workspace{grid-template-columns:minmax(0,1fr)}.doc-paper{max-width:800px;margin:auto}}@media (width<=700px){.doc-row{grid-template-columns:36px minmax(0,1fr) 60px;gap:10px;padding:13px}.doc-row-total,.doc-row>svg{display:none}.doc-toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-left:0;display:grid}.doc-toolbar-actions .btn{white-space:normal;min-width:0;height:35px;line-height:1.1}.doc-editor-section{padding:16px}.doc-line{grid-template-columns:20px minmax(0,1fr) 24px}.doc-line-desc,.doc-line label:not(.doc-line-desc){grid-column:2}.doc-line-remove{grid-area:1/3/5;align-self:start}.doc-paper{min-height:0;padding:22px 18px}.paper-brand strong{font-size:16px}.paper-top{gap:15px}.paper-meta{grid-template-columns:repeat(2,1fr)}}@media print{@page{size:A4;margin:0}html,body,#root{background:#fff!important;margin:0!important;padding:0!important}.sidebar,.topbar,.page-header,.doc-tabs,.doc-toolbar,.doc-editor,.doc-preview-caption,.toast-container{display:none!important}.app-shell,.main-shell,.main-shell main,.sales-documents,.doc-workspace,.doc-preview-wrap{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.doc-paper{box-shadow:none;border:0;width:100%;min-height:0;padding:16mm 15mm}.paper-table tr,.paper-bottom,.paper-totals{break-inside:avoid}}:root{--font-ui:"Inter", "Segoe UI", system-ui, sans-serif;--font-display:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"Inter", "Segoe UI", system-ui, sans-serif;--font-eyebrow:"JetBrains Mono", ui-monospace, monospace;--font-date:"Manrope", "Segoe UI", system-ui, sans-serif;--canvas:#071b1e;--card:#daf1ef16;--ink:#f4f8f8;--muted:#c1d0d0;--faint:#a6babb;--line:#effffd30;--line-soft:#effffd1b;--accent:#a4e3e1;--accent-deep:#d5fbf8;--accent-soft:#9be2e029;--success:#9be4b8;--success-soft:#4cbf7d30;--warning:#ffcf8b;--warning-soft:#ebaf5030;--danger:#ff9ca3;--danger-soft:#ec697230;--navy:#243b40;--navy2:#2e5358;--glass-bg-primary:#18292c6b;--glass-bg-secondary:#2d414494;--glass-bg-elevated:#27393ce8;--glass-border:#f5fffd3d;--glass-highlight:#ffffff2e;--glass-shadow:0 26px 70px #000b0f4d, inset 0 1px 0 #ffffff21;--glass-blur:5px;--glass-saturation:125%;--glass-radius:28px;--spatial-shadow:0 40px 110px #000b0e66;--environment-overlay:#03121533;--radius:20px;--radius-sm:12px;--shadow:0 15px 38px #000c1029, inset 0 1px 0 #ffffff14;--shadow-lift:0 24px 48px #000c1045, inset 0 1px 0 #ffffff26;--shadow-pop:0 34px 90px #00080c7a;color:var(--ink);background:var(--canvas);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--canvas);color:var(--ink)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#e4f7f53d padding-box content-box;border:2px solid #0000;border-radius:20px}::-webkit-scrollbar-track{background:0 0}::selection{color:#fff;background:#70c7c357}.app-shell{--sidebar-width:292px;isolation:isolate;padding:22px;position:relative}.scene-background{z-index:-2;pointer-events:none;background:var(--canvas);position:fixed;inset:0;overflow:hidden}.scene-background-image{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity 1.6s ease-in-out;position:absolute;inset:0}.scene-background-image.is-active{opacity:1}.app-shell:before{content:"";z-index:-2;pointer-events:none;background:var(--scene-image) center / cover no-repeat;position:fixed;inset:0}.app-shell:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 14% 19%, #0a4d4e33, transparent 48%), linear-gradient(115deg, #0218196e, #0614174d 48%, #0b161869), var(--environment-overlay);position:fixed;inset:0}.app-shell[data-role=warehouse]{--glass-bg-primary:#142a3070}.app-shell[data-role=shop]{--glass-bg-primary:#2b2d296b}.sidebar{border:1px solid var(--glass-border);border-radius:var(--glass-radius);-webkit-backdrop-filter:blur(6px)saturate(125%);backdrop-filter:blur(6px)saturate(125%);box-shadow:var(--glass-shadow);background:linear-gradient(148deg,#374f4fcf,#1f3639db 55%,#15292de8);top:22px;bottom:22px;left:22px;overflow:hidden}.main-shell{margin-left:calc(var(--sidebar-width) + 16px);width:calc(100% - var(--sidebar-width) - 16px);border:1px solid var(--glass-border);background:radial-gradient(ellipse at 10% 5%, #e5fff916, transparent 44%), radial-gradient(ellipse at 91% 88%, #d0ebe30b, transparent 43%), var(--glass-bg-primary);min-height:calc(100vh - 44px);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));box-shadow:var(--spatial-shadow), inset 0 1px 0 var(--glass-highlight);border-radius:30px;position:relative;overflow:clip}.app-footer{color:#b8cdcc;border-top-color:var(--line-soft);background:#12272a8c}.brand{border-bottom:1px solid var(--line-soft);height:121px;box-shadow:none;background:0 0;padding:11px 14px 25px}.brand-lockup{background:linear-gradient(150deg,#ffffff1f,#ffffff0e);border:1px solid #ffffff42;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;max-width:none;height:82px;display:flex;overflow:hidden;box-shadow:0 9px 24px #00121829,inset 0 1px #ffffff2e}.brand-lockup strong{color:#fff;font-family:var(--font-display);letter-spacing:-.035em;font-size:22px;font-weight:800;line-height:1}.brand-lockup span{color:#c6e9e3;font-family:var(--font-ui);letter-spacing:.28em;font-size:12px;font-weight:650;line-height:1.2}.sidebar-collapse,.mobile-close{color:#edf8f8;border-color:var(--glass-border);background:#ffffff26;bottom:-10px;box-shadow:0 5px 16px #000f1333}.sidebar-collapse:hover,.mobile-close:hover{color:#fff;background:#ffffff40;border-color:#ffffff73}.sidebar-collapsed .brand-compact{color:#fff}.sidebar-workspace{border-color:var(--line);box-shadow:inset 0 1px 0 var(--glass-highlight);background:#e2f8f613}.sidebar-workspace-label,.sidebar-workspace small,.sidebar-role span{color:#bbcece}.sidebar-role{border-color:var(--line);background:#03161a47;border-radius:10px}.sidebar-role select{color:#fff}.sidebar-role select option{color:#fff;background:#20383c}.nav-group>small{color:#a6c1bf}.sidebar nav a{color:#d7e5e5;border-radius:13px;min-height:42px;font-size:12.5px}.sidebar nav a svg{color:#c4d8d8}.sidebar nav a:hover{background:#ffffff1f}.sidebar nav a.active{background:linear-gradient(100deg,#f5fffd42,#f5fffd24);border-color:#ffffff47;box-shadow:inset 0 1px #fff3,0 8px 20px #0013181c}.sidebar nav a.active:before{display:none}.sidebar nav a.active svg{color:#fff}.sidebar-bottom{border-color:var(--line-soft);background:#05191d33}.sidebar-account-details small,.sidebar-session-copy small,.side-version{color:#b5caca}.sidebar-session{border-color:var(--line);background:#ffffff17}.sidebar-account-signout{box-shadow:0 0 0 1px #ffffff80,0 8px 18px #00000040}.topbar{border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#15282b8a;grid-template-columns:minmax(160px,1fr) minmax(220px,440px) minmax(90px,1fr);gap:18px;height:80px;display:grid}.top-title{min-width:0}.global-search{width:100%;margin:0}.top-actions{justify-self:end}.top-title span{color:var(--ink);font-size:16px}.top-title small{color:var(--faint);font-family:var(--font-date)}.global-search,.icon-btn,.select,.role-switch select,.search-box,.pos-search,.input,.settings-grid input.input,.login-input,.login-select{color:var(--ink);border:1px solid var(--line);background:#ffffff17;border-radius:13px;box-shadow:inset 0 1px #ffffff0f}.global-search{color:#b9cdcd;border-radius:999px;height:44px}.global-search span{font-size:12px}.global-search kbd{color:#dceaea;border-color:var(--line);background:#ffffff17}.global-search:hover,.icon-btn:hover,.search-box:hover,.pos-search:hover{color:#fff;background:#ffffff26;border-color:#ffffff5c}.icon-btn{color:#e1eeee;border-radius:13px}.avatar{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#beede747,#619e994a);border-radius:13px}.page{padding:clamp(18px,2.4vw,34px)}.page-header{align-items:center;margin:0 0 24px}.page-header>div:first-child{min-width:0}.page-header h1{color:#fff;font-size:clamp(29px,2.5vw,39px);font-weight:700;line-height:1.12}.page-header p{color:var(--muted);font-size:13px;line-height:1.5}.page-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;align-items:center}.section-header h3{color:var(--ink);font-size:17px;font-weight:700}.btn{border-radius:12px;min-height:40px;font-size:12px;transition:transform .17s cubic-bezier(.22,1,.36,1),background .17s,box-shadow .17s,border-color .17s}.btn.primary,.checkout,.checkout:hover{border:1px solid #ffffffa3;color:#17383b!important;background:linear-gradient(145deg,#e0f7ee,#9bd3ce)!important;box-shadow:0 9px 22px #02101333,inset 0 1px #ffffffa6!important}.btn.primary:hover{transform:translateY(-1px);background:linear-gradient(145deg,#f0fff7,#b1e4df)!important}.btn.secondary,.btn.ghost{color:#eff8f7;border:1px solid var(--line);background:#ffffff18;box-shadow:inset 0 1px #ffffff14}.btn.secondary:hover,.btn.ghost:hover{color:#fff;background:#ffffff2b;border-color:#ffffff5e}.btn.sm{min-height:32px}.btn:focus-visible,.icon-btn:focus-visible,.chip:focus-visible,.tab-slider button:focus-visible,.segmented button:focus-visible,.sidebar nav a:focus-visible,.doc-tabs button:focus-visible,.doc-row:focus-visible{outline-offset:3px;outline:2px solid #d0fff7}button:disabled{cursor:not-allowed;opacity:.52}input,select,textarea{color:var(--ink)}input::placeholder,textarea::placeholder{color:#9fb4b4;opacity:1}select option{color:#fff;background:#20383c}.input:focus,.select:focus,.search-box:focus-within,.pos-search:focus-within,.global-search:focus-visible,.login-input:focus-within,.login-select:focus-within{border-color:#b9f0e8;box-shadow:0 0 0 3px #99e5dc26}.search-box{color:#c2d4d4;border-radius:999px;min-width:min(320px,100%)}.search-box input,.pos-search input,.command-input input{color:var(--ink)}.card,.pos-product,.receive-grid>div,.workflow-strip,.ageing-strip,.empty-state,.report-card,.doc-list,.doc-editor,.customer-select{border:1px solid var(--glass-border);color:var(--ink);box-shadow:var(--shadow);background:linear-gradient(145deg,#314849d1,#192b2fde);border-radius:20px}.doc-row,.doc-line{border:1px solid var(--glass-border);color:var(--ink);background:#ffffff0b}.card:hover,.action-card:hover,.report-card:hover,.pos-product:hover,.finance-links .card:hover{box-shadow:var(--shadow-lift);border-color:#ffffff5e}.kpi-card{padding:20px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.kpi-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3.accounting-overview{grid-template-columns:minmax(0,2.1fr) minmax(260px,.8fr)}.accounting-overview>.span-2{grid-column:auto}.kpi-card:after{background:linear-gradient(90deg,#ffffff8c,#0000 82%);height:1px}.kpi-top,.kpi-foot,.mini-stat span,.cart-title small,.cart-line small,.reconciliation>div:not(.section-header) span:first-child{color:var(--muted)}.kpi-top{font-size:12px}.kpi-value{color:#fff;font-size:clamp(25px,2vw,33px)}.kpi-foot{font-size:11px}.positive{color:#a7ecc3!important}.negative{color:#ffadb4!important}.delta-chip.positive,.status-success,.state-success{background:var(--success-soft);color:#a9efc6}.delta-chip.negative,.status-danger,.state-danger{background:var(--danger-soft);color:#ffb4b8}.status-warning,.state-warning{background:var(--warning-soft);color:#ffdcaa}.status-info,.state-info{background:var(--accent-soft);color:#b9f1ed}.status-neutral{color:#dae9e8;background:#ffffff1f}.audit-module{color:#d3f3ed;background:#a5e0d929;border:1px solid #b2eee54a}.status,.delta-chip,.live-pill{border:1px solid #ffffff2b;border-radius:999px}.icon-tile,.product-thumb,.product-art,.doc-row-icon{color:#c5f1e8;background:#b8e7e121;border:1px solid #eafffb30;border-radius:13px;box-shadow:inset 0 1px #ffffff1a}.tile-teal,.tile-success{color:#a5edc5}.tile-warning{color:#ffdaa2}.tile-danger{color:#ffabb1}.recharts-cartesian-grid line{stroke:#e9fffb1f}.recharts-text{fill:#b5cbca;font-size:11px}.chart-wrap{color:#b8e9e3}.chart-card .chart-wrap[style]{color:#8ed5ca!important}.chart-tip{border-color:var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#22373af5;border-radius:14px}.chart-tip strong{color:#c3d7d6}.skeleton{background:linear-gradient(100deg,#ffffff12 25%,#ffffff29 45%,#ffffff12 65%) 0 0/200% 100%}.route-loading{align-content:start;gap:16px;display:grid}.route-loading>.skeleton:first-child{border-radius:12px;width:min(330px,65%);height:36px}.route-loading>.skeleton:nth-child(2){border-radius:9px;width:min(480px,85%);height:15px}.route-loading>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.route-loading>div>.skeleton{border-radius:20px;height:152px}.mini-stat strong,.finance-links strong,.action-card h3,.settings-grid .card h3,.report-card strong,.transfer-detail h2,.pos-product strong,.cart-title strong,.cart-summary .grand{color:var(--ink)}.mini-stat small,.finance-links p,.action-card p,.report-card p,.set-row .set-info small,.transfer-detail p,.pos-product small,.pos-product span,.product-bottom>span:first-child{color:var(--muted)}.mini-stat span,.ageing-strip span{color:#b2c9c7}.ageing-strip{background:#1c2f33db;overflow:hidden}.ageing-strip>div,.ageing-strip>div:hover,.ageing-strip .danger-tint{background:#ffffff0b}.ageing-strip strong{color:#fff}.ageing-strip .danger-tint strong{color:#ffb6b9}.finance-links .card,.action-card,.report-card{-webkit-backdrop-filter:none;backdrop-filter:none}.table-wrap{border-radius:0 0 19px 19px}.table-wrap th{color:#bdd2d1;border-color:var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c252796;height:44px;font-size:10px}.table-wrap td{color:#d6e4e3;border-color:var(--line-soft);height:54px;font-size:12px}.table-wrap td strong{color:#fff;font-size:12px}.table-wrap tbody tr:hover{background:#ffffff1b}.block,.product-cell small,.compat small,.cart-line small{color:#afc3c2}th.sortable:hover,.link-btn,.doc-back{color:#c5f3ed}.stock-bar,.kpi-target,.location-bar{background:#ffffff29}.location-list>div,.alert-item,.cart-lines,.cart-line,.reconciliation>div:not(.section-header),.set-row{border-color:var(--line-soft)}.location-list small,.timeline-row p,.timeline-row small,.alert-item p,.alert-item small{color:var(--muted)}.timeline-row:before{background:var(--line)}.timeline-dot{background:#284e51;border-color:#b7e9e2}.state-panel{border-color:var(--line);border-radius:14px}.segmented,.tab-slider{border:1px solid var(--line);background:#04171c4f;border-radius:13px}.segmented button,.tab-slider button{color:#bed1d0}.segmented button.active,.tab-slider button.active,.tab-glider{color:#fff;background:#ffffff30;border-radius:10px;box-shadow:inset 0 1px #fff3,0 4px 12px #0000001a}.chip,.category-chips button,.payment-methods button,.qty button{border-color:var(--line);color:#d1e1e0;background:#ffffff14;border-radius:999px}.chip:hover,.category-chips button:hover,.payment-methods button:hover,.qty button:hover:not(:disabled){color:#fff;background:#ffffff26;border-color:#ffffff59}.chip.active,.category-chips button.active,.payment-methods button.active{color:#fff;background:#defff838;border-color:#ffffff61;box-shadow:inset 0 1px #ffffff2e}.pos-product{border-radius:17px}.product-art{background:#d1f6ee14}.pos-product span,.product-bottom>span:first-child{color:#deefed}.customer-select{border-style:dashed}.customer-select:hover{background:#ffffff21;border-color:#ffffff59}.customer-select strong,.customer-select small{color:var(--ink)}.cart-summary>div,.cart-summary .num{color:var(--muted)}.cart-summary .grand{border-color:var(--line)}.live-pill{background:var(--success-soft);color:#b7f0d0;border-color:#a6f4c54d}.workflow-strip{background:#e2fff814}.workflow-strip>div{color:#c0d3d1}.workflow-strip>div.active{color:#e1fff8}.workflow-strip>span{background:var(--line)}.receive-grid>div{background:#ffffff12}.receive-grid small{color:var(--muted)}.product-thumb{color:#c5eee9}.doc-tabs{border-color:var(--line)}.doc-tabs button{color:var(--muted)}.doc-tabs button.active{color:#fff;border-color:#d6fff5}.doc-tabs button span{background:#ffffff26}.doc-list,.doc-editor{overflow:hidden}.doc-list-head,.doc-editor-section{border-color:var(--line)}.doc-list-head small,.doc-row-main small,.doc-preview-caption,.doc-section-head span,.doc-fields label,.doc-line label{color:var(--muted)}.doc-row{border-width:0 0 1px;border-color:var(--line-soft);box-shadow:none;border-radius:0}.doc-row:hover{background:#ffffff1f}.doc-row-icon{border-radius:12px}.doc-status{border:1px solid var(--line);border-radius:999px}.doc-status.draft{color:#d8e8e6;background:#ffffff1c}.doc-status.issued{background:var(--success-soft);color:#b4efca}.doc-toolbar-number,.doc-editor h2{color:#fff}.doc-fields input,.doc-line input,.doc-editor textarea,.doc-add-line select{color:#fff;border-color:var(--line);background:#ffffff17;border-radius:11px}.doc-fields input:focus,.doc-line input:focus,.doc-editor textarea:focus,.doc-add-line select:focus{border-color:#c9f7ef;box-shadow:0 0 0 3px #a7e9e124}.doc-line{border-color:var(--line);background:#ffffff12;border-radius:13px}.doc-line-index,.doc-line-remove{color:var(--muted)}.doc-paper{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:16px;box-shadow:0 28px 70px #000a0e4d}.doc-paper :is(input,select,textarea){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.notif-pop,.command-modal,.toast{background:var(--glass-bg-elevated);-webkit-backdrop-filter:blur(34px)saturate(140%);backdrop-filter:blur(34px)saturate(140%);box-shadow:var(--shadow-pop), inset 0 1px 0 #fff3;color:#fff;border:1px solid #ffffff4a;border-radius:22px}.notif-pop{background:#192c2ffb;animation:.2s cubic-bezier(.22,1,.36,1) both spatialPopoverIn}@keyframes spatialPopoverIn{0%{transform:translateY(-7px)scale(.985)}to{transform:translateY(0)scale(1)}}.notif-pop .notif-head,.command-input{border-color:var(--line)}.notif-pop .notif-head small,.command-group>small,.command-group a .cmd-sub,.command-empty,.toast small{color:var(--muted)}.command-input button{border-color:var(--line);color:#d7e6e5;background:#ffffff1a}.command-group a{color:#e5eeee}.command-group a.active,.command-group a:hover{color:#fff;background:#ffffff2b}.command-group a.active svg,.command-group a:hover svg{color:#d1fff6}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000a0d8c}.toast{border-radius:18px}.empty-state{color:var(--ink);border-style:dashed}.empty-state p,.doc-list-empty{color:var(--muted)}.doc-list-empty strong{color:#fff}.doc-list-empty>svg{color:#c6f0e9}.login-shell{isolation:isolate;background:#061b1e;grid-template-columns:minmax(0,1fr) minmax(410px,500px);align-items:center;gap:clamp(30px,6vw,106px);min-height:100svh;padding:clamp(20px,4.5vw,70px);display:grid;position:relative}.login-shell:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(100deg,#00121480,#02141638 49%,#01101394),linear-gradient(#0000 57%,#000c0e33);position:absolute;inset:0}.login-visual{background:0 0;height:min(76svh,720px);min-height:0;padding:10px 0;overflow:visible}.login-visual:before,.login-visual:after,.login-visual-line{display:none}.login-visual-top,.login-visual-bottom{color:#d4e7e5;text-shadow:0 2px 10px #000000a6;border-color:#ffffff4d}.login-visual-copy{margin:auto 0;padding:0}.login-visual h1{letter-spacing:-.058em;text-shadow:0 4px 22px #000000b8,0 18px 48px #0000007a;max-width:680px;font-size:clamp(48px,5.6vw,82px);font-weight:680;line-height:1.01}.login-visual h1 span{color:#c7f4e9}.login-overline{color:#d9f1ed}.login-overline:before{background:#b6e8de}.login-panel{-webkit-backdrop-filter:blur(36px)saturate(137%);backdrop-filter:blur(36px)saturate(137%);background:linear-gradient(145deg,#4f6767b8,#284043c4 38%,#1c3135d1);border:1px solid #ffffff52;border-radius:34px;min-height:0;padding:clamp(24px,2.5vw,34px);position:relative;overflow:hidden;box-shadow:0 44px 110px #000c1061,inset 0 1px #ffffff3d}.login-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#cefff721,#0000 68%);border-radius:50%;width:420px;height:420px;position:absolute;top:-200px;left:-180px}.login-panel-inner,.login-footer{z-index:1;position:relative}.login-panel-inner{width:100%;padding:0 0 23px}.login-logo{background:linear-gradient(145deg,#fff,#f6f8fa);border:1px solid #ffffffd9;border-radius:15px;width:190px;margin:0 auto 22px;padding:8px;box-shadow:0 14px 34px #000d1233,inset 0 1px #fff}.login-heading>span{color:#c4eee4;font-family:var(--font-eyebrow)}.login-heading h2{color:#fff;letter-spacing:-.055em;margin-top:13px;font-size:clamp(35px,3vw,43px);font-weight:700;line-height:1.06}.login-heading p{margin-bottom:23px;font-size:14px;line-height:1.5}.login-heading p,.login-remember,.login-preview-note,.login-footer{color:#c1d3d1}.login-panel form>label{color:#edf7f5;margin-bottom:9px;font-size:12px;font-weight:650}.login-input,.login-select{color:#c8dcda;background:#ebfffa18;border-color:#f5fffd38;height:51px;margin-bottom:17px;box-shadow:inset 0 1px #ffffff14}.login-input:hover,.login-select:hover{background:#ebfffa21;border-color:#f5fffd66}.login-input input,.login-select select{color:#fff}.login-input input::placeholder{color:#a9bfbc}.login-eye{color:#c3d8d4}.login-eye:hover{color:#fff}.login-remember input{accent-color:#a8e3d9}.login-submit{color:#1b4143;background:linear-gradient(140deg,#e0f8ed,#9bd6cf);border:1px solid #ffffffa8;border-radius:14px;height:55px;font-size:13px;box-shadow:0 12px 28px #000e113d,inset 0 1px #ffffffab}.login-submit:hover{background:linear-gradient(140deg,#f2fff8,#b8e9e2)}.login-demo{color:#d1f8ef;background:#f0fffb12;border:1px solid #f3fffc33;border-radius:12px;min-height:39px;margin-top:10px}.login-demo:hover{color:#fff;background:#f0fffb24;border-color:#f3fffc61}.login-preview-note{margin-top:14px}.login-options{margin-bottom:17px}.login-error{background:#de4b5d24;border:1px solid #ffabb045;border-radius:10px;padding:10px 12px}.login-eye:focus-visible,.login-demo:focus-visible,.login-submit:focus-visible{outline-offset:3px;outline:2px solid #d8fff8}.login-error{color:#ffc6ca}@media (width<=1200px){.kpi-grid,.kpi-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1300px){.grid-3.accounting-overview{grid-template-columns:minmax(0,1fr)}}@media (width<=980px){.topbar{display:flex}.top-title{flex:auto}.top-actions{margin-left:auto}.app-shell{padding:12px}.sidebar{border-radius:0 24px 24px 0;width:min(320px,100vw - 36px);top:0;bottom:0;left:0}.sidebar.mobile-open{box-shadow:20px 0 70px #0006}.main-shell{border-radius:24px;width:100%;min-height:calc(100vh - 24px);margin-left:0}.sidebar-scrim{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#010e1196}.page{padding:22px}.kpi-grid,.kpi-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{border-radius:24px 24px 0 0}.login-shell{grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:20px}}@media (width<=760px){.login-shell{flex-direction:column;gap:16px;padding:16px;display:flex}.login-visual{background:linear-gradient(90deg,#00121e94,#00121e14);border-radius:20px;width:100%;height:160px;min-height:160px;padding:2px 8px}.login-visual-copy{margin:auto 0 4px}.login-visual h1{font-size:39px}.login-visual-bottom{display:none}.login-panel{width:min(100%,480px);min-height:0;margin:0 auto;padding:24px}.login-panel-inner{padding:0 0 24px}.login-logo{width:165px;margin-bottom:20px}.login-footer{font-size:10px}}@media (width<=650px){.app-shell{padding:8px}.main-shell{border-radius:19px;min-height:calc(100vh - 16px)}.topbar{border-radius:19px 19px 0 0;height:66px;padding:0 14px}.page{padding:18px 14px}.page-header{align-items:stretch}.page-actions{justify-content:flex-start}.page-header h1{font-size:29px}.page-header{gap:14px}.page-actions{flex-wrap:wrap}.kpi-card{padding:16px}.kpi-grid,.kpi-grid.four,.route-loading>div{grid-template-columns:minmax(0,1fr)}.table-wrap td{height:50px}.modal-backdrop{align-items:flex-end;padding:12px}.command-modal{border-radius:22px;width:100%;max-height:90svh}.toast-stack{bottom:12px;left:12px;right:12px}.toast{min-width:0;max-width:none}.login-visual{height:136px;min-height:136px}.login-visual h1{font-size:31px}.login-panel{border-radius:24px;padding:21px}}@media (width<=380px){.login-visual{height:122px;min-height:122px}.login-panel{padding:18px}.login-heading h2{font-size:29px}}@media (prefers-reduced-motion:reduce){.scene-background-image{transition:none}}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body,.app-shell,.main-shell{color:#18283b!important;box-shadow:none!important;background:#fff!important;border:0!important}.app-shell:before,.app-shell:after{display:none!important}.doc-paper{box-shadow:none!important;border:0!important;border-radius:0!important}}@media screen and (width<=980px){.main-shell main,.page,.card,.toolbar>*,.workflow-grid>*,.workflow-actions>*,.workflow-form fieldset{min-width:0}.sidebar{padding-bottom:env(safe-area-inset-bottom)}.sidebar nav{overscroll-behavior:contain}.sidebar nav a,.mobile-close,.icon-btn,.sidebar-account-signout{min-height:44px}.mobile-close,.icon-btn,.sidebar-account-signout{min-width:44px}.table-wrap{overscroll-behavior-x:contain}.btn,.select,.chip,.segmented button,.category-chips button,.payment-methods button,.doc-tabs button{min-height:44px}.btn{white-space:normal;height:auto}input:not([type=checkbox]):not([type=radio]),select,textarea,.workflow-form input:not([type=checkbox]),.workflow-form select,.workflow-form textarea,.doc-fields input,.doc-line input,.doc-editor textarea,.doc-add-line select,.login-input input{max-width:100%;min-height:44px;font-size:16px}.search-box{height:auto;min-height:46px}.search-box input{min-width:0}.workflow-dialog{overscroll-behavior:contain;max-height:calc(100dvh - 24px)}}@media screen and (width<=760px){.login-shell{height:auto;min-height:100svh;max-height:none;padding-bottom:max(16px,env(safe-area-inset-bottom));overflow:visible}.login-panel{flex-shrink:0;height:auto;min-height:0;overflow:visible}.login-visual{flex-shrink:0}.login-options,.login-footer{flex-wrap:wrap;gap:12px}.login-eye{flex-shrink:0;width:44px;height:44px}}@media screen and (width<=650px){.app-shell{padding:0}.main-shell{border-inline:0;border-radius:0;min-height:100svh}.topbar{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));border-radius:0;gap:8px}.top-title span{font-size:16px}.top-actions{flex-shrink:0;gap:6px}.page{padding:18px max(14px,env(safe-area-inset-right)) 24px max(14px,env(safe-area-inset-left))}.page-header h1{overflow-wrap:anywhere;font-size:26px}.page-header p{line-height:1.6}.page-actions{gap:8px}.page-actions .btn{flex:140px}.toolbar{align-items:stretch}.toolbar .search-box{flex:1 0 100%}.toolbar select,.workflow-actions select{width:100%;max-width:100%}.section-header,.workflow-heading,.doc-section-head{flex-wrap:wrap;gap:10px}.section-header h3,.workflow-heading h2{overflow-wrap:anywhere;min-width:0}.grid-3:not(.finance-links),.grid-3.accounting-overview{grid-template-columns:minmax(0,1fr)}.workflow-card{padding:16px}.workflow-actions .btn{flex:130px}.workflow-metrics{flex-wrap:wrap;gap:16px;padding:16px}.workflow-dialog{border-radius:16px;width:calc(100% - 16px);max-width:none;padding:16px}.workflow-line{grid-template-columns:minmax(0,1fr)}.workflow-line>*{min-width:0}.workflow-notifications .notif-pop{width:auto;max-width:none;max-height:calc(100dvh - 86px);position:fixed;top:70px;left:8px;right:8px}.tab-slider button{white-space:normal;min-height:44px}.doc-tabs{gap:16px;overflow-x:auto}.doc-tabs button{flex-shrink:0}.doc-fields{grid-template-columns:minmax(0,1fr)}.doc-add-line{flex-direction:column}.doc-add-line select{flex:auto;height:auto}.doc-toolbar-actions .btn{height:auto;min-height:44px;line-height:1.4}.doc-line{grid-template-columns:20px minmax(0,1fr) 44px}.doc-line-remove{min-height:44px}.doc-row{grid-template-columns:36px minmax(0,1fr) auto}.doc-row-total{text-align:left;grid-column:2/-1;display:block}.doc-preview-caption,.paper-brand,.paper-footer{flex-wrap:wrap;gap:10px}.paper-top,.cart-line{grid-template-columns:minmax(0,1fr)}.cart-line strong,.pos-product strong{overflow-wrap:anywhere}.pos-search{flex-wrap:wrap;gap:8px}.pos-search input{flex-basis:100%}.pos-search button{min-height:44px}.toast-stack{bottom:max(12px,env(safe-area-inset-bottom))}.toast{overflow-wrap:anywhere}.app-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}.connection-status{z-index:200;padding:12px max(16px,env(safe-area-inset-left));color:#563d06;background:#fff1ce;font-size:14px;line-height:1.5;position:sticky;top:0}.app-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.login-footer{flex-wrap:wrap;gap:12px}.pwa-install{min-height:44px}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%}@media screen and (width<=980px){.page,.settings-grid,.grid-2,.grid-3,.grid-4,.kpi-grid,.workflow-form{min-width:0}.page p,.workflow-note,.mini-stat strong,.kpi-value{overflow-wrap:anywhere}.topbar{padding-top:max(10px,env(safe-area-inset-top))}.sidebar{padding-top:max(16px,env(safe-area-inset-top))}.workflow-form fieldset{max-width:100%;margin:0}.workflow-heading{z-index:2;background:var(--panel,#122d35);padding-block:10px;position:sticky;top:-16px}.workflow-heading .btn{flex-shrink:0}.workflow-dialog{padding-bottom:max(16px,env(safe-area-inset-bottom))}.toolbar>input{width:100%;min-width:0}}@media screen and (width<=650px){.page-actions{width:100%}.toolbar{flex-wrap:wrap;gap:10px}.toolbar>input{flex:100%}.toolbar>.btn{flex:100px}.settings-grid{grid-template-columns:minmax(0,1fr)}.chart-card{min-width:0;padding:16px}.chart-card .chart-wrap{height:240px}.section-header>a{align-items:center;min-height:44px;display:inline-flex}.workflow-notifications .alert-item{min-height:56px}.app-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media screen and (width<=650px){.main-shell{-webkit-backdrop-filter:none;backdrop-filter:none;background:#153035}.topbar,.table-wrap th{-webkit-backdrop-filter:none;backdrop-filter:none}.card{animation:none}.settings-grid .workflow-form label{color:#e4eeee}.workflow-form input:not([type=checkbox]):not([type=radio]),.workflow-form select,.workflow-form textarea{color:#17263b;background:#fff}}@media screen and (width<=980px){.login-panel,.login-panel-inner,.login-panel form,.login-panel form>*{min-width:0;max-width:100%}.login-panel form{grid-template-columns:minmax(0,1fr);width:100%}.login-input input{flex:1 1 0;width:0}}.page>*,.table-wrap tbody tr{animation:none}.dashboard-operations>.card{min-width:0;overflow:hidden}.dashboard-operations .alert-item{min-width:0}.dashboard-operations .alert-item>div{overflow-wrap:anywhere;min-width:0}.payment-methods button:disabled,.payment-methods button:disabled:hover{opacity:.45;cursor:not-allowed;filter:grayscale()}
