:root{color-scheme:dark;--bg:#080B11;--bg-grad1:#0B1018;--surface:#10151F;--surface-2:#161D2A;--surface-3:#1C2433;--line:#242E40;--line-soft:#1A2331;--inp:#141B27;--inp-bd:#2A3547;--text:#E9EEF8;--text-2:#B7C4D8;--muted:#828FA5;--muted-2:#98A4B8;--label:#CFDBEE;--accent:#37E0FF;--accent-ink:#04222B;--violet:#8B6CFF;--green:#2ED47A;--amber:#FFB020;--red:#FF5C5C;--ok-fg:#5BE39C;--warn-fg:#FFC65C;--danger-fg:#FF8A8A;--info-fg:#6BE6FF;--violet-fg:#B9A6FF;--hover:#151C29;--hover-strong:#1A2333;--thead:#141B27;--thead-hover:#1B2434;--opt-bg:#18202E;--opt-fg:#E9EEF8;--nav-active:#17212F;--chip:#1B2331;--scroll:#2A3548;--sub-bg:#0F151F;--mini-line:#1C2534;--toast-bg:#161D2A;--sb-bg:#0D121A;--track:#2C3748;--drop-bd:#2E3A4C;--topbar-bg:rgba(11,16,23,.72);--mask:rgba(4,7,12,.72);--focus-ring:rgba(55,224,255,.13);--glow:rgba(55,224,255,.07);--glow2:rgba(139,108,255,.07);--radius:12px;--radius-sm:8px;--font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono","Cascadia Mono","JetBrains Mono",Consolas,monospace;--shadow:0 18px 48px rgba(0,0,0,.55);--ease:cubic-bezier(.22,.65,.25,1)}[data-theme=light]{color-scheme:light;--bg:#F1F4F9;--bg-grad1:#F6F9FC;--surface:#FFFFFF;--surface-2:#F3F6FB;--surface-3:#E6ECF5;--line:#DCE4EF;--line-soft:#E9EFF7;--inp:#FFFFFF;--inp-bd:#CBD6E6;--text:#0C1526;--text-2:#2E3D57;--muted:#5B6A80;--muted-2:#8695A9;--label:#1E2B45;--accent:#0B84B8;--accent-ink:#FFFFFF;--violet:#6D4EE8;--green:#12A05C;--amber:#C77700;--red:#D92D20;--ok-fg:#0A7A45;--warn-fg:#B54708;--danger-fg:#B42318;--info-fg:#0B84B8;--violet-fg:#5E3FCC;--hover:#F3F7FC;--hover-strong:#EAF1F9;--thead:#EEF3FA;--thead-hover:#E4ECF7;--opt-bg:#FFFFFF;--opt-fg:#0C1526;--nav-active:#E1EDF9;--chip:#EEF1F6;--scroll:#C6D0E0;--sub-bg:#F7FAFD;--mini-line:#E5EBF4;--toast-bg:#FFFFFF;--sb-bg:#FFFFFF;--track:#CBD5E3;--drop-bd:#C0CADB;--topbar-bg:rgba(255,255,255,.84);--mask:rgba(16,24,40,.42);--focus-ring:rgba(11,132,184,.16);--glow:rgba(11,132,184,.06);--glow2:rgba(109,78,232,.05);--shadow:0 16px 40px rgba(16,24,40,.12)}[data-theme=light] body:before{background:radial-gradient(1100px 560px at 10% -12%,rgba(11,132,184,.08),transparent 60%),radial-gradient(900px 480px at 100% 0,rgba(109,78,232,.07),transparent 55%),linear-gradient(180deg,#F7F9FC,#F2F5FA 45%)}[data-theme=light] .login-side{background:linear-gradient(160deg,#F4F8FC,#EDF2F9 60%)}[data-theme=light] .login-side:after{opacity:.7;background-image:linear-gradient(rgba(16,24,40,.045) 1px,transparent 0),linear-gradient(90deg,rgba(16,24,40,.045) 1px,transparent 0)}[data-theme=light] .b-ok{background:rgba(18,160,92,.12);color:#0A7A45}[data-theme=light] .b-warn{background:rgba(199,119,0,.13);color:#B54708}[data-theme=light] .b-danger{background:rgba(217,45,32,.11);color:#B42318}[data-theme=light] .b-info{background:rgba(11,132,184,.12);color:#0B84B8}[data-theme=light] .b-violet{background:rgba(109,78,232,.12);color:#5E3FCC}[data-theme=light] .b-mute{background:#EEF1F6;color:#475467}[data-theme=light] .stock.good{color:#0F1729}[data-theme=light] .money.plus{color:#0A7A45}[data-theme=light] .money.minus{color:#B42318}[data-theme=light] .alert{background:rgba(217,45,32,.07);border-color:rgba(217,45,32,.24);color:#912018}[data-theme=light] .alert.info{background:rgba(11,132,184,.08);border-color:rgba(11,132,184,.22);color:#0B6E9B}[data-theme=light] .alert.warn{background:rgba(199,119,0,.09);border-color:rgba(199,119,0,.24);color:#8A5200}[data-theme=light] .kpi.warn{border-color:rgba(199,119,0,.35)}[data-theme=light] .plat{box-shadow:inset 0 0 0 1px rgba(16,24,40,.08)}[data-theme=light] .btn-ghost:hover{background:#EEF2F8}[data-theme=light] .mini-tbl th{color:var(--muted)}[data-theme=light] .nav-item.active{color:#0A5A7D}[data-theme=light] .nav-badge{background:rgba(109,78,232,.12);color:#5E3FCC}[data-theme=light] .btn-danger{border-color:rgba(217,45,32,.3)}[data-theme=light] .btn-danger,[data-theme=light] .icon-btn.danger:hover{background:rgba(217,45,32,.09);color:#B42318}[data-theme=light] .step.done .n{background:rgba(18,160,92,.14);border-color:rgba(18,160,92,.35);color:#0A7A45}[data-theme=light] .stock.zero{color:#B42318}[data-theme=light] .rank-item:first-child .rank-no{background:rgba(11,132,184,.14);color:#0B6E9B}[data-theme=light] .rank-item:nth-child(2) .rank-no{background:rgba(109,78,232,.13);color:#5E3FCC}[data-theme=light] .rank-item:nth-child(3) .rank-no{background:rgba(199,119,0,.14);color:#A15C00}[data-theme=light] .chart .bar{background:linear-gradient(180deg,#0B84B8,#82C3E1)}[data-theme=light] .chart .bar.g2{background:linear-gradient(180deg,#6D4EE8,#B0A1F5)}[data-theme=light] .fifo-item .b{background:rgba(11,132,184,.09);color:#0B6E9B}[data-theme=light] .switch input:checked+.track{background:rgba(11,132,184,.3)}[data-theme=light] .drop.over,[data-theme=light] .drop:hover{background:rgba(11,132,184,.05)}[data-theme=light] .toast.ok{border-color:rgba(18,160,92,.42)}[data-theme=light] .toast.err{border-color:rgba(217,45,32,.42)}[data-theme=light] .kpi:hover{box-shadow:0 14px 28px rgba(16,24,40,.1)}.theme-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border-radius:9px;border:1px solid var(--line);background:var(--inp);color:var(--text-2);font-size:12.5px;transition:.18s var(--ease)}.theme-btn:hover{color:var(--text);border-color:var(--accent);transform:translateY(-1px)}.theme-btn .ic{transition:transform .35s var(--ease)}.theme-btn:hover .ic{transform:rotate(-18deg)}.theme-float{position:fixed;top:18px;right:18px;z-index:70}.card,.chip-user,.doc-head,.kpi,.line-row,.lines,.mini-tbl td,.modal,.purchase,.searchbox,.seg,.settle,.sidebar,.steps,.sub-row td,.theme-btn,.toast,.toolbar,.topbar,body,table.tbl td,table.tbl th{transition:background-color .32s var(--ease),border-color .32s var(--ease),color .32s var(--ease)}.input,.textarea,select.input{transition:border-color .32s var(--ease),box-shadow .32s var(--ease),background-color .32s var(--ease),color .32s var(--ease)}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes panelIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes barGrow{0%{transform:scaleY(0);opacity:.4}to{transform:scaleY(1);opacity:1}}@keyframes toastOut{to{opacity:0;transform:translateX(10px) scale(.98)}}.view-enter{animation:viewIn .34s var(--ease) both}.view-enter .kpi{animation:fadeUp .42s var(--ease) both}.view-enter .kpi:nth-child(2){animation-delay:.05s}.view-enter .kpi:nth-child(3){animation-delay:.1s}.view-enter .kpi:nth-child(4){animation-delay:.15s}.view-enter .card{animation:fadeUp .42s var(--ease) both}.view-enter .card:nth-of-type(2){animation-delay:.06s}.view-enter .card:nth-of-type(3){animation-delay:.12s}.exp-panel{animation:panelIn .26s var(--ease) both}.chart .bar{transform-origin:bottom;animation:barGrow .66s var(--ease) both}.chart .bar.g2{animation-delay:.06s}.toast.out{animation:toastOut .26s var(--ease) both}.kpi{transition:transform .22s var(--ease),background-color .32s var(--ease),border-color .32s var(--ease),box-shadow .22s var(--ease)}.kpi:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.16)}.btn:active{transform:translateY(1px)}.nav-item{transition:background-color .18s var(--ease),color .18s var(--ease),padding-left .18s var(--ease)}.nav-item:hover{padding-left:13px}.expand-btn{transition:transform .22s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}table.tbl tbody tr{transition:background-color .18s var(--ease)}.switch .track,.switch .track:after{transition:left .22s var(--ease),background .22s var(--ease)}.bar,.rank-bar i{transition:height .3s var(--ease),width .5s var(--ease)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-delay:0!important;transition-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(1200px 600px at 12% -10%,var(--glow),transparent 60%),radial-gradient(900px 500px at 100% 0,var(--glow2),transparent 55%),linear-gradient(180deg,var(--bg-grad1),var(--bg) 40%)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.hidden{display:none!important}.ic{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ic-lg{width:20px;height:20px}.ic-sm{width:14px;height:14px}.login{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:920px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.login-side{position:relative;padding:38px 34px;border-right:1px solid var(--line);background:linear-gradient(160deg,#101824,#0C1119 60%);display:flex;flex-direction:column;justify-content:space-between;min-height:520px}.login-side:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0);background-size:26px 26px;-webkit-mask-image:radial-gradient(120% 90% at 20% 0,#000 30%,transparent 75%);mask-image:radial-gradient(120% 90% at 20% 0,#000 30%,transparent 75%)}.brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.brand-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,var(--accent),#2A8CFF);color:var(--accent-ink)}.brand-name{font-size:18px;font-weight:700;letter-spacing:.5px}.brand-sub{font-size:11px;color:var(--muted);letter-spacing:2.4px;text-transform:uppercase}.login-hero{position:relative;z-index:1}.login-hero h1{font-size:30px;line-height:1.35;font-weight:700;letter-spacing:-.3px;margin-bottom:14px}.login-hero h1 em{font-style:normal;color:var(--accent)}.login-hero p{color:var(--text-2);font-size:13.5px;max-width:330px}.login-flow{margin-top:26px;display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.flow-item{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--text-2)}.flow-dot{width:22px;height:22px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);font-size:11px;font-weight:700;flex:none}.login-form{padding:38px 34px;display:flex;flex-direction:column;justify-content:center;gap:16px;background:var(--surface)}.login-form h2{font-size:17px;font-weight:650}.login-hint{font-size:12px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:12.5px;font-weight:650;color:var(--label);letter-spacing:.2px}.input,.textarea,select.input{width:100%;padding:11px 13px;background:var(--inp);border:1px solid var(--inp-bd);border-radius:10px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--muted-2)}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237A879C' stroke-width='2.4'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.filter select option,.line-row select option,.modal select option,select.input option{background:var(--opt-bg);color:var(--opt-fg);font-size:13px}.line-row select option:checked,select.input option:checked{background:var(--nav-active);color:var(--text)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 16px;border-radius:10px;font-weight:600;font-size:13.5px;transition:.15s;border:1px solid transparent}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:var(--surface-2);border-color:var(--line);color:var(--text-2)}.btn-ghost:hover{background:var(--surface-3);color:var(--text)}.btn-danger{background:rgba(255,92,92,.12);border-color:rgba(255,92,92,.35);color:#FF8A8A}.btn-sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.btn-block{width:100%}.login-foot{margin-top:6px;font-size:11.5px;color:var(--muted);display:flex;justify-content:space-between}.app{position:relative;z-index:1;display:grid;grid-template-columns:236px 1fr;height:100vh}.sidebar{background:var(--sb-bg);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.sb-head{padding:18px 16px 14px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:10px}.sb-head .brand-mark{width:32px;height:32px;border-radius:9px}.sb-head .brand-name{font-size:14.5px}.sb-head .brand-sub{font-size:9.5px;letter-spacing:1.6px}.nav{flex:1;overflow-y:auto;padding:12px 10px 20px}.nav-group{font-size:10.5px;color:var(--muted-2);letter-spacing:1.4px;padding:14px 8px 7px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;color:var(--text-2);font-size:13.5px;margin-bottom:2px;transition:.13s;position:relative}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--nav-active);color:#fff;font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:var(--accent)}.nav-item .ic{opacity:.85}.nav-badge{margin-left:auto;font-size:9.5px;padding:1px 6px;border-radius:20px;background:rgba(139,108,255,.16);color:#B9A6FF;letter-spacing:.4px}.nav-count{margin-left:auto;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.sb-foot{padding:12px 14px;border-top:1px solid var(--line-soft);display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,#2A8CFF,#8B6CFF);display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;flex:none}.sb-foot .who{font-size:12.5px;line-height:1.35}.sb-foot .who span{display:block;font-size:11px;color:var(--muted)}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{height:58px;flex:none;border-bottom:1px solid var(--line);gap:14px;padding:0 20px;background:var(--topbar-bg);backdrop-filter:blur(8px)}.tb-title,.topbar{display:flex;align-items:center}.tb-title{font-size:15.5px;font-weight:650;gap:9px}.tb-sub{font-size:11.5px;color:var(--muted);margin-left:2px}.tb-right{margin-left:auto;gap:10px}.searchbox,.tb-right{display:flex;align-items:center}.searchbox{gap:8px;background:var(--inp);border:1px solid var(--inp-bd);border-radius:9px;padding:7px 11px;width:230px}.searchbox input{border:none;outline:none;background:none;width:100%;font-size:13px;color:var(--text)}.searchbox input::-moz-placeholder{color:var(--muted-2)}.searchbox input::placeholder{color:var(--muted-2)}.seg{display:flex;background:var(--inp);border:1px solid var(--line);border-radius:9px;padding:3px;gap:2px}.seg button{padding:5px 10px;border-radius:7px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.seg button.on{background:var(--surface-3);color:var(--text)}.viewport-btn{gap:6px}.chip-user,.viewport-btn{display:flex;align-items:center}.chip-user{gap:8px;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:24px;background:var(--inp)}.view{flex:1;overflow-y:auto;padding:20px 22px 40px}.nav::-webkit-scrollbar,.scroll::-webkit-scrollbar,.view::-webkit-scrollbar{width:9px;height:9px}.nav::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb,.view::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:9px;border:2px solid transparent;background-clip:padding-box}.page-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:16px;flex-wrap:wrap}.page-head h2{font-size:19px;font-weight:680;letter-spacing:-.2px}.page-head p{font-size:12.5px;color:var(--muted);margin-top:2px}.page-head .spacer{margin-left:auto}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;position:relative;overflow:hidden}.kpi .k-label{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.kpi .k-val{font-size:25px;font-weight:680;letter-spacing:-.6px;margin-top:6px;font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:5px}.kpi .k-val small{font-size:12px;font-weight:500;color:var(--muted)}.kpi .k-foot{font-size:11.5px;color:var(--muted);margin-top:4px}.kpi.warn{border-color:rgba(255,176,32,.35)}.kpi.warn .k-val{color:var(--amber)}.kpi.good .k-val{color:var(--green)}.kpi.accent .k-val{color:var(--accent)}.kpi .spark{position:absolute;right:12px;top:12px;opacity:.5}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card+.card{margin-top:14px}.card-head{padding:13px 16px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:10px}.card-head h3{font-size:13.5px;font-weight:650}.card-head .spacer{margin-left:auto}.card-body{padding:16px}.card-body.tight{padding:10px 16px 14px}.grid2{grid-template-columns:1fr 1fr}.grid2,.grid3{display:grid;gap:14px}.grid3{grid-template-columns:repeat(3,1fr)}.toolbar{display:flex;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.toolbar .spacer{margin-left:auto}.filter{min-width:120px}.filter input,.filter select{padding:7px 11px;font-size:12.5px;background:var(--inp);border:1px solid var(--inp-bd);border-radius:9px;outline:none;color:var(--text)}.filter input:focus,.filter select:focus{border-color:var(--accent)}.switch{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch input{display:none}.switch .track{width:34px;height:19px;border-radius:20px;background:var(--track);position:relative;transition:.18s;flex:none}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#7A879C;transition:.18s}.switch input:checked+.track{background:rgba(55,224,255,.28)}.switch input:checked+.track:after{left:17px;background:var(--accent)}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th{text-align:left;font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.3px;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--thead);position:sticky;top:0;z-index:1}table.tbl th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;padding-right:22px}table.tbl th.sortable:hover{color:var(--text);background:var(--thead-hover)}table.tbl th.sortable:after{content:"";position:absolute;right:9px;top:50%;margin-top:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid;opacity:.3;transition:opacity .18s var(--ease)}table.tbl th.sortable:hover:after{opacity:.62}table.tbl th.sortable.sorted{color:var(--text);background:var(--thead-hover)}table.tbl th.sortable.sorted:after{opacity:1;border-bottom-color:var(--accent)}table.tbl th.sortable.sorted.desc:after{border-bottom:none;border-top:5px solid var(--accent);margin-top:-2px}.purchase th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;padding-right:20px}.purchase th.sortable:hover{background:#E4E9F0;color:#161B24}.purchase th.sortable:after{content:"";position:absolute;right:8px;top:50%;margin-top:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid;opacity:.32;transition:opacity .18s var(--ease)}.purchase th.sortable.sorted{color:#161B24}.purchase th.sortable.sorted:after{opacity:1;border-bottom-color:#B42318}.purchase th.sortable.sorted.desc:after{border-bottom:none;border-top:5px solid #b42318;margin-top:-2px}table.tbl td{padding:11px 12px;border-bottom:1px solid var(--line-soft);vertical-align:middle}table.tbl tbody tr:hover{background:var(--hover)}table.tbl tbody tr.is-open{background:var(--hover-strong)}table.tbl .right{text-align:right}table.tbl .ctr{text-align:center}.sub-row td{background:var(--sub-bg);padding:0}.exp-panel{padding:12px 14px 14px;border-left:2px solid var(--accent);margin:8px 0 10px}.exp-title{font-size:12px;color:var(--text-2);margin-bottom:8px;display:flex;align-items:center;gap:8px}.mini-tbl{width:100%;border-collapse:collapse;font-size:12.5px}.mini-tbl th{text-align:left;color:var(--label);font-size:11.5px;padding:6px 10px;border-bottom:1px solid var(--line-soft);font-weight:700}.mini-tbl td{padding:7px 10px;border-bottom:1px solid var(--mini-line);color:var(--text-2)}.mini-tbl tr:last-child td{border-bottom:none}.expand-btn{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;color:var(--muted);border:1px solid var(--line);transition:.15s}.expand-btn.open,.expand-btn:hover{color:var(--accent);border-color:var(--accent)}.expand-btn.open{transform:rotate(90deg)}.empty{padding:46px 20px;text-align:center;color:var(--muted);font-size:13px}.empty .ic{width:26px;height:26px;opacity:.4;margin-bottom:8px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:600;line-height:1.6;white-space:nowrap}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.b-ok{background:rgba(46,212,122,.13);color:#5BE39C}.b-warn{background:rgba(255,176,32,.14);color:#FFC65C}.b-danger{background:rgba(255,92,92,.14);color:#FF8A8A}.b-info{background:rgba(55,224,255,.12);color:#6BE6FF}.b-mute{background:#1B2331;color:var(--muted)}.b-violet{background:rgba(139,108,255,.15);color:#B9A6FF}.plat{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:700;letter-spacing:.2px;white-space:nowrap;line-height:1.6}.plat .pd{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55}.stock{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}.stock.low{color:var(--red)}.stock.zero{color:#FF8A8A}.stock.good{color:var(--text)}.money{font-variant-numeric:tabular-nums}.money.plus{color:var(--green)}.money.minus{color:var(--red)}.muted{color:var(--muted)}.small{font-size:11.5px}.link{color:var(--accent);cursor:pointer}.link:hover{text-decoration:underline}.doc{display:flex;flex-direction:column;gap:14px}.doc-head{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.form-grid .span2{grid-column:span 2}.form-item{display:flex;flex-direction:column;gap:7px;min-width:0}.form-item>label{font-size:12.5px;font-weight:650;color:var(--label);letter-spacing:.2px;line-height:1.5;display:flex;align-items:center;gap:6px}.form-item>label:before{content:"";width:3px;height:12px;border-radius:2px;background:var(--accent);opacity:.5;flex:none}.form-item>label .req{color:var(--red);font-weight:700}.lines{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.lines-head{padding:11px 14px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:10px}.lines-head h3{font-size:13.5px;font-weight:650}.lines-head .spacer{margin-left:auto}.line-row{display:grid;grid-template-columns:1.6fr .5fr .5fr .5fr .6fr auto;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--line-soft)}.line-row.head{background:var(--thead);font-size:12px;color:var(--label);font-weight:700;letter-spacing:.4px;border-bottom:1px solid var(--line)}.line-row .sku-cell{display:flex;flex-direction:column;gap:3px;min-width:0}.line-row .sku-cell .nm{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-row .sku-cell .meta{font-size:11.5px;color:var(--muted)}.line-row input,.line-row select{padding:7px 10px;background:var(--inp);border:1px solid var(--inp-bd);border-radius:8px;outline:none;font-size:13px;width:100%;color:var(--text)}.line-row input:focus,.line-row select:focus{border-color:var(--accent)}.line-row input.err{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,92,92,.12)}.icon-btn{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--muted);border:1px solid transparent}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.icon-btn.danger:hover{color:#FF8A8A;background:rgba(255,92,92,.12)}.doc-foot{display:grid;grid-template-columns:1fr 330px;gap:14px;align-items:start}.settle{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.settle-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:13px}.settle-row .lbl{color:var(--text-2)}.settle-row .val{font-variant-numeric:tabular-nums;font-weight:600}.settle-row.big{font-size:15px;padding-top:11px;border-top:1px solid var(--line)}.settle-row.big .val{font-size:20px;font-weight:700}.settle-row.debt .val{color:var(--amber)}.alert{display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:10px;font-size:12.5px;line-height:1.6;background:rgba(255,92,92,.1);border:1px solid rgba(255,92,92,.3);color:#FFB3B3;margin-top:10px}.alert.info{background:rgba(55,224,255,.08);border-color:rgba(55,224,255,.25);color:#9BE9FA}.alert.warn{background:rgba(255,176,32,.09);border-color:rgba(255,176,32,.28);color:#FFD48A}.alert .ic{margin-top:2px;flex:none}.fifo{margin-top:8px;border:1px dashed var(--line);border-radius:10px;padding:10px 12px;background:var(--inp)}.fifo-title{font-size:12px;margin-bottom:7px;gap:6px}.fifo-item,.fifo-title{color:var(--text-2);display:flex;align-items:center}.fifo-item{gap:10px;font-size:12.5px;padding:4px 0}.fifo-item .b{font-family:var(--mono);font-size:11.5px;color:var(--accent);background:rgba(55,224,255,.08);padding:1px 6px;border-radius:5px}.fifo-item .spacer{margin-left:auto;font-variant-numeric:tabular-nums}.steps{gap:8px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.step,.steps{display:flex;align-items:center}.step{gap:9px;font-size:13px;color:var(--muted)}.step .n{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:11.5px;font-weight:700;background:var(--inp)}.step.on{color:var(--text)}.step.on .n{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.step.done{color:var(--text-2)}.step.done .n{background:rgba(46,212,122,.15);color:#5BE39C;border-color:rgba(46,212,122,.4)}.step-line{flex:1;height:1px;background:var(--line);min-width:20px}.drop{border:1.5px dashed var(--drop-bd);border-radius:14px;padding:34px;text-align:center;background:var(--inp);transition:.15s}.drop.over,.drop:hover{border-color:var(--accent);background:rgba(55,224,255,.04)}.drop .ic{width:30px;height:30px;color:var(--accent);opacity:.85;margin-bottom:10px}.drop h4{font-size:14px;font-weight:650;margin-bottom:5px}.drop p{font-size:12.5px;color:var(--muted)}.zone{margin-top:14px}.zone-head{display:flex;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid var(--line-soft)}.zone-head h4{font-size:13px;font-weight:650}.zone-head .cnt{margin-left:auto;font-size:12px;color:var(--muted)}.zone.ok .dot{background:var(--green)}.zone.warn .dot{background:var(--amber)}.zone.dup .dot{background:var(--violet)}.zone .dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.purchase{background:#F7F8FA;color:#161B24;border-radius:var(--radius);overflow:hidden;border:1px solid #e2e6ec}.purchase .p-head{padding:14px 18px;border-bottom:1px solid #e2e6ec;display:flex;align-items:center;gap:12px;background:#fff}.purchase .p-head h3{font-size:15px;font-weight:700;color:#161B24}.purchase .p-head .spacer{margin-left:auto}.purchase .p-meta{font-size:11.5px;color:#667085}.purchase table{width:100%;border-collapse:collapse;font-size:13px;color:#161B24}.purchase th{background:#EEF1F5;padding:9px 10px;font-size:11.5px;color:#475467;text-align:left;border-bottom:1px solid #e2e6ec;white-space:nowrap}.purchase td{padding:9px 10px;border-bottom:1px solid #edf0f4}.purchase tr:nth-child(2n) td{background:#FCFCFD}.purchase .qty{font-size:15px;font-weight:800;color:#B42318}.purchase .plat{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.purchase .p-foot{padding:11px 18px;background:#fff;border-top:1px solid #e2e6ec;display:flex;gap:14px;align-items:center;font-size:13px}.purchase .p-foot .total{font-size:16px;font-weight:800}.purchase .done-row td{opacity:.55;text-decoration:line-through}.chart{display:flex;align-items:flex-end;gap:10px;height:180px;padding:6px 2px 0}.chart .bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.chart .bar{width:100%;max-width:34px;border-radius:6px 6px 3px 3px;background:linear-gradient(180deg,var(--accent),rgba(55,224,255,.25));transition:.25s;position:relative}.chart .bar.g2{background:linear-gradient(180deg,var(--violet),rgba(139,108,255,.22))}.chart .bar-lbl{font-size:10.5px;color:var(--muted);white-space:nowrap}.legend{display:flex;gap:14px;font-size:11.5px;color:var(--muted);margin-top:10px}.legend i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:5px}.rank{display:flex;flex-direction:column;gap:9px}.rank-item{display:flex;align-items:center;gap:11px;font-size:13px}.rank-no{width:20px;height:20px;border-radius:6px;background:var(--surface-3);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted);flex:none}.rank-item:first-child .rank-no{background:rgba(55,224,255,.18);color:var(--accent)}.rank-item:nth-child(2) .rank-no{background:rgba(139,108,255,.18);color:#B9A6FF}.rank-item:nth-child(3) .rank-no{background:rgba(255,176,32,.16);color:#FFC65C}.rank-nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-bar{height:5px;border-radius:4px;background:var(--surface-3);width:120px;overflow:hidden;flex:none}.rank-bar i{display:block;height:100%;background:var(--accent);border-radius:4px}.rank-val{font-variant-numeric:tabular-nums;font-weight:650;width:74px;text-align:right;flex:none}.mask{position:fixed;inset:0;background:var(--mask);backdrop-filter:blur(3px);z-index:80;display:grid;place-items:center;padding:24px;animation:fade .16s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}.modal{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);animation:pop .18s ease;max-height:88vh;display:flex;flex-direction:column}.modal.wide{max-width:820px}.modal-head{padding:15px 18px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:10px}.modal-head h3{font-size:15px;font-weight:660}.modal-head .spacer{margin-left:auto}.modal-body{padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:13px}.modal-foot{padding:13px 18px;border-top:1px solid var(--line-soft);display:flex;gap:10px;justify-content:flex-end}.kv{display:flex;justify-content:space-between;font-size:13px;padding:5px 0}.kv .k{color:var(--muted)}.kv .v{font-variant-numeric:tabular-nums;font-weight:600}.toasts{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;flex-direction:column;gap:9px;align-items:flex-end}.toast{display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:11px;font-size:13px;background:var(--toast-bg);border:1px solid var(--line);box-shadow:var(--shadow);animation:pop .18s ease;max-width:380px}.toast.ok{border-color:rgba(46,212,122,.4)}.toast.ok .ic{color:var(--green)}.toast.err{border-color:rgba(255,92,92,.45)}.toast.err .ic{color:var(--red)}.toast.info .ic{color:var(--accent)}.app.vp-mobile{grid-template-columns:1fr}.app.vp-mobile .sidebar{position:absolute;bottom:0;left:0;right:0;top:auto;height:auto;border-right:none;border-top:1px solid var(--line);flex-direction:row;z-index:30;background:var(--sb-bg)}.app.vp-mobile .nav-group,.app.vp-mobile .sb-foot,.app.vp-mobile .sb-head{display:none}.app.vp-mobile .nav{display:flex;overflow-x:auto;padding:6px;gap:2px}.app.vp-mobile .nav-item{flex-direction:column;gap:3px;font-size:10px;padding:6px 10px;min-width:64px;align-items:center;margin:0}.app.vp-mobile .nav-item.active:before{display:none}.app.vp-mobile .nav-item .ic{width:18px;height:18px}.app.vp-mobile .nav-badge,.app.vp-mobile .nav-count{display:none}.app.vp-mobile .view{padding:14px 14px 84px}.app.vp-mobile .form-grid,.app.vp-mobile .kpis{grid-template-columns:1fr 1fr}.app.vp-mobile .doc-foot,.app.vp-mobile .grid2,.app.vp-mobile .grid3{grid-template-columns:1fr}.app.vp-mobile .searchbox{display:none}.app.vp-mobile .topbar{padding:0 12px;gap:8px}.app.vp-mobile .tb-sub{display:none}.app.vp-mobile .line-row{grid-template-columns:1fr 1fr;gap:8px}.app.vp-mobile .line-row.head{display:none}.app.vp-mobile .line-row{border:1px solid var(--line-soft);border-radius:10px;padding:11px;margin-bottom:8px}.app.vp-mobile .tbl-hide{display:none}.app.vp-mobile .kpi .k-val{font-size:21px}@media print{body{background:#fff;overflow:visible}body:before{display:none}.mask,.no-print,.sidebar,.toasts,.topbar{display:none!important}.app{display:block;height:auto}.view{overflow:visible;padding:0}.purchase{border:none;border-radius:0}.purchase th.sortable{padding-right:20px}.purchase th.sortable:after{display:none}}.page-note{margin-top:16px;padding-top:11px;border-top:1px solid var(--line);font-size:11.5px;line-height:1.85;color:var(--muted-2)}.page-note>b{font-weight:600;color:var(--muted)}.kpis-3{grid-template-columns:repeat(3,1fr)}.print-only{display:none}@media print{.print-only{display:inline}}.purchase .input{background:#fff;border-color:#D0D5DD;color:#161B24;padding:4px 7px;border-radius:7px;font-size:12.5px}.purchase .input:focus{border-color:#B42318;box-shadow:0 0 0 3px rgba(180,35,24,.12)}.purchase input[type=checkbox]{width:15px;height:15px;accent-color:#B42318;vertical-align:middle}.purchase .p-foot.sticky{position:sticky;bottom:0;z-index:6;box-shadow:0 -8px 18px rgba(16,21,31,.08)}.tbl input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);vertical-align:middle}@media (max-width:768px){.filter input,.filter select,.input,.line-row input,.line-row select,select.input{font-size:16px}}@media (max-width:900px){body{overflow:auto}.app{grid-template-columns:1fr;height:auto;min-height:100vh}.sidebar{position:fixed;bottom:0;left:0;right:0;top:auto;height:auto;border-right:none;border-top:1px solid var(--line);flex-direction:row;z-index:40;background:var(--sb-bg);box-shadow:0 -6px 24px rgba(0,0,0,.28)}.sb-foot,.sb-head{display:none!important}.nav-sec{display:contents}.nav-group{display:none!important}.nav{display:flex;overflow-x:auto;padding:6px;gap:2px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav-item{flex-direction:column;gap:3px;font-size:10px;padding:6px 10px;min-width:64px;align-items:center;margin:0}.nav-item.active:before{display:none}.nav-item .ic{width:18px;height:18px}.nav-badge,.nav-count{display:none}.view{padding:14px 14px 88px;overflow:visible}.form-grid,.kpis{grid-template-columns:1fr 1fr}.doc-foot,.grid2,.grid3{grid-template-columns:1fr}.searchbox{display:none}.topbar{padding:0 12px;gap:8px;height:auto;min-height:54px;flex-wrap:wrap}.tb-sub{display:none}.line-row{grid-template-columns:1fr 1fr;gap:8px;border:1px solid var(--line-soft);border-radius:10px;padding:11px;margin-bottom:8px}.line-row.head,.tbl-hide{display:none}.kpi .k-val{font-size:21px}}@media (max-width:560px){.login-card{grid-template-columns:1fr}.login-side{min-height:auto;padding:26px 22px}.login-hero h1{font-size:22px}.login-flow,.login-hero p{display:none}.login-form{padding:26px 22px}}.nf-card{width:100%;max-width:440px;text-align:center}.nf-body{padding:34px 28px 30px;display:flex;flex-direction:column;align-items:center;gap:12px}.nf-mark{width:52px;height:52px;border-radius:14px;background:linear-gradient(140deg,var(--warn-fg),#d97706);color:#241a03}.nf-card h2{font-size:18px;font-weight:680}.nf-sub{font-size:13px;color:var(--text-2);line-height:1.65;max-width:330px}.nf-sub b{color:var(--accent);font-weight:600}.nf-actions{display:flex;gap:10px;margin-top:6px;flex-wrap:wrap;justify-content:center}