:root{color-scheme:light;--primary: #17181c;--primary-dark: #2f3138;--primary-soft: #f1f8cf;--primary-line: #bfd84a;--primary-ring: rgb(190 222 40 / 50%);--lime: #d4f04a;--lime-deep: #b6d82a;--green: #1e9e55;--green-soft: #e3f5ea;--green-strong: #17703c;--accent: #d98200;--accent-soft: #fff0d2;--amber-strong: #9a5b00;--red: #d92d26;--red-soft: #fdebea;--red-strong: #b3201b;--blue: #1d6fd6;--blue-soft: #e4eefb;--blue-strong: #1558ae;--gray: #5f5e59;--gray-soft: #edece5;--ink: #17181c;--text-secondary: #3f4046;--muted: #6e6d68;--placeholder: #a19f97;--background: #f5f4ef;--surface: #ffffff;--line: #e4e2d9;--line-soft: #eeede6;--border-input: #d2cfc4;--border-input-hover: #a9a597;--table-header-bg: #f7f6f1;--table-stripe-bg: #f8f7f0;--hover-bg: #faf9f5;--nav-bg: #121316;--nav-line: rgb(255 255 255 / 9%);--nav-text: #b9b8b0;--nav-faint: #7d7c75;--nav-hover: rgb(255 255 255 / 8%);--radius-sm: 4px;--radius-md: 6px;--radius: 8px;--radius-lg: 8px;--radius-xl: 14px;--shadow-sm: 0 1px 0 rgb(23 24 28 / 4%);--shadow: 0 1px 0 rgb(23 24 28 / 3%);--shadow-dropdown: 0 14px 36px rgb(23 24 28 / 18%), 0 2px 6px rgb(23 24 28 / 8%);--header-height: 56px;--tabs-height: 40px;--chrome-height: calc(var(--header-height) + var(--tabs-height));--input-height: 36px;--button-height: 36px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--background);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}::selection{background:var(--lime);color:var(--ink)}#app{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input[type=checkbox],input[type=radio]{accent-color:var(--primary)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:#c9c6ba transparent}:root[data-theme=indigo]{--primary: #4f46e5;--primary-dark: #4338ca;--primary-soft: #eef0ff;--primary-line: #c7cbfa;--primary-ring: rgb(79 70 229 / 20%);--lime: #a5b4fc;--lime-deep: #818cf8;--nav-bg: #151937;--nav-faint: #8387ad;--nav-text: #bfc3e0;--background: #f4f5fa;--line: #e5e7f2;--line-soft: #eef0f7;--border-input: #d2d6e6;--border-input-hover: #aab0cf;--table-header-bg: #f6f7fc;--hover-bg: #f8f9fd;--gray-soft: #eceef7}:root[data-theme=teal]{--primary: #0f766e;--primary-dark: #115e59;--primary-soft: #e0f5f1;--primary-line: #8fd3c8;--primary-ring: rgb(15 118 110 / 20%);--lime: #fcd34d;--lime-deep: #f5b82e;--nav-bg: #0b2a29;--nav-faint: #6f9a96;--nav-text: #b2cfcb;--background: #f1f6f4;--line: #dfe9e6;--line-soft: #ebf2f0;--border-input: #cbd8d4;--border-input-hover: #a2b5b0;--table-header-bg: #f4f8f6;--hover-bg: #f7faf9;--gray-soft: #e8efed}:root[data-theme=ocean]{--primary: #0369a1;--primary-dark: #075985;--primary-soft: #e3f2fb;--primary-line: #9cd0ee;--primary-ring: rgb(3 105 161 / 20%);--lime: #7dd3fc;--lime-deep: #38bdf8;--nav-bg: #0b2236;--nav-faint: #6f93ad;--nav-text: #b4cde0;--background: #f1f6fa;--line: #e0e9f0;--line-soft: #ecf2f6;--border-input: #cbd8e2;--border-input-hover: #a1b4c3;--table-header-bg: #f4f8fb;--hover-bg: #f7fafc;--gray-soft: #e8eef3}:root[data-theme=sunset]{--primary: #c2410c;--primary-dark: #9a3412;--primary-soft: #fff1e6;--primary-line: #f5bb91;--primary-ring: rgb(194 65 12 / 20%);--lime: #fdba74;--lime-deep: #fb923c;--nav-bg: #2a1710;--nav-faint: #a58472;--nav-text: #d6bdae;--background: #f9f4ef;--line: #eee4da;--line-soft: #f4ede6;--border-input: #dccfc2;--border-input-hover: #b8a794;--table-header-bg: #fbf7f2;--hover-bg: #fcf9f5;--gray-soft: #f1e9e0}:root[data-theme=violet]{--primary: #7e22ce;--primary-dark: #6b21a8;--primary-soft: #f4eaff;--primary-line: #d8b4fe;--primary-ring: rgb(126 34 206 / 20%);--lime: #d8b4fe;--lime-deep: #c084fc;--nav-bg: #1e1033;--nav-faint: #8e7bb0;--nav-text: #cbbfe2;--background: #f6f3fa;--line: #e8e2f0;--line-soft: #f0ecf5;--border-input: #d6cde3;--border-input-hover: #ab9ec2;--table-header-bg: #f8f5fb;--hover-bg: #faf8fc;--gray-soft: #eee9f5}.theme-switch{position:relative;display:flex;align-items:center}.theme-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:60;width:264px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-dropdown)}.theme-menu p{margin:4px 8px 6px;color:var(--muted);font-size:12px;font-weight:600}.theme-option{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-size:14px;text-align:left}.theme-option:hover{background:var(--primary-soft);color:var(--ink)}.theme-option.active{color:var(--ink);font-weight:600}.theme-option svg{margin-left:auto;color:var(--primary)}.swatch{width:22px;height:22px;flex:0 0 auto;border:1px solid rgb(0 0 0 / 14%);border-radius:50%}.app-shell{min-height:100vh;background:var(--background)}.top-bar{position:sticky;top:0;z-index:30}.app-header{display:flex;align-items:stretch;gap:8px;height:var(--header-height);padding:0 24px;background:var(--nav-bg);color:var(--nav-text)}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-right:12px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:8px;background:var(--lime);color:var(--ink)}.brand-mark.large{width:52px;height:52px;border-radius:14px}.brand strong,.brand small{display:block;white-space:nowrap}.brand strong{color:#fff;font-size:15px;font-weight:700;line-height:1.25}.brand small{max-width:11em;overflow:hidden;color:var(--nav-faint);font-size:11px;text-overflow:ellipsis}.top-nav{display:flex;align-items:stretch;flex:1 1 auto;min-width:0}.nav-group{position:relative;display:flex}.nav-link{position:relative;display:inline-flex;align-items:center;gap:4px;padding:0 12px;border:0;background:transparent;color:var(--nav-text);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;transition:color .15s ease,background .15s ease}.nav-link:hover,.nav-group.open>.nav-link{background:var(--nav-hover);color:#fff}.nav-link .chevron{opacity:.6;transition:transform .15s ease}.nav-group.open>.nav-link .chevron{transform:rotate(180deg)}.nav-link.active,.nav-group.active>.nav-link{color:#fff;font-weight:600}.nav-link.active:after,.nav-group.active>.nav-link:after{content:"";position:absolute;right:12px;bottom:0;left:12px;height:3px;border-radius:3px 3px 0 0;background:var(--lime)}.nav-menu{position:absolute;top:100%;left:0;z-index:60;display:grid;gap:2px;min-width:212px;padding:6px;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius-xl) var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-dropdown)}.nav-item{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;text-decoration:none;white-space:nowrap}.nav-item svg{flex:0 0 auto;color:var(--muted)}.nav-item:hover{background:var(--primary-soft);color:var(--ink)}.nav-item.active{background:var(--primary-soft);color:var(--ink);font-weight:600}.nav-item.active svg{color:var(--ink)}.header-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}.app-header .btn.secondary{border-color:#ffffff2e;background:transparent;box-shadow:none;color:#e8e7e1}.app-header .btn.secondary:hover{border-color:var(--lime);background:transparent;color:var(--lime)}.user-chip{display:flex;align-items:center;gap:8px;padding-left:6px;color:#e8e7e1;font-size:13px}.avatar{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:var(--lime);color:var(--ink);font-size:13px;font-weight:700;text-transform:uppercase}.icon-btn{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:0;border-radius:var(--radius-md);background:transparent;color:var(--nav-text)}.icon-btn:hover{background:var(--nav-hover);color:#fff}.nav-toggle{display:none;place-items:center;align-self:center;width:36px;height:36px;flex:0 0 auto;border:0;border-radius:var(--radius-md);background:transparent;color:#fff}.nav-toggle:hover{background:var(--nav-hover)}.page-tabs{display:flex;align-items:stretch;gap:2px;height:var(--tabs-height);padding:0 24px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--surface);scrollbar-width:none}.page-tabs::-webkit-scrollbar{display:none}.page-tab{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px;white-space:nowrap;transition:color .15s ease,background .15s ease}.page-tab:hover{background:var(--hover-bg);color:var(--ink)}.page-tab.active{border-bottom-color:var(--primary);color:var(--ink);font-weight:600}.page-tab-title{max-width:12em;overflow:hidden;text-overflow:ellipsis}.page-tab-close{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:-6px;border-radius:var(--radius-sm);color:var(--placeholder)}.page-tab:hover .page-tab-close,.page-tab.active .page-tab-close{color:var(--muted)}.page-tab-close:hover{background:var(--red-soft);color:var(--red)}.main-shell{min-width:0}.drawer,.scrim{display:none}.drawer{flex-direction:column;background:var(--nav-bg);color:var(--nav-text)}.drawer-head{display:flex;align-items:center;gap:10px;min-height:var(--header-height);padding:0 18px;border-bottom:1px solid var(--nav-line)}.drawer-nav{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 12px 16px;scrollbar-color:rgb(255 255 255 / 16%) transparent}.drawer-nav section+section{margin-top:6px;padding-top:6px;border-top:1px solid var(--nav-line)}.drawer-nav .group-title{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:7px 10px;border:0;background:transparent;color:var(--nav-faint);font-size:12px;font-weight:600;letter-spacing:.06em;text-align:left}.drawer-nav .group-title .chevron{transition:transform .2s ease}.drawer-nav section.collapsed .group-title .chevron{transform:rotate(-90deg)}.drawer-nav section.collapsed .group-items{display:none}.drawer-nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border-radius:var(--radius-md);color:var(--nav-text);font-size:14px;text-decoration:none}.drawer-nav a:hover{background:var(--nav-hover);color:#fff}.drawer-nav a.active{background:color-mix(in srgb,var(--lime) 18%,transparent);color:#fff;font-weight:600}.drawer-nav a.active svg{color:var(--lime)}.drawer-user{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--nav-line);color:#fff}.drawer-user span:nth-child(2){flex:1;font-weight:600}@media(max-width:1360px){.user-name,.btn-text{display:none}.app-header .btn.secondary{width:34px;padding:0}}@media(max-width:1200px){.top-nav,.user-chip{display:none}.nav-toggle{display:grid}.app-header,.page-tabs{padding-right:16px;padding-left:16px}.drawer{position:fixed;top:0;bottom:0;left:0;z-index:50;display:flex;width:min(264px,84vw);transform:translate(-100%);transition:transform .22s ease}.nav-open .drawer{transform:translate(0);box-shadow:0 0 40px #0a0a0c7f}.nav-open .scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;display:block;background:#12131685}}.toast-host{position:fixed;top:16px;left:50%;z-index:999;display:grid;gap:8px;justify-items:center;transform:translate(-50%)}.toast{display:inline-flex;align-items:center;gap:8px;max-width:min(80vw,480px);padding:10px 14px;border:1px solid var(--primary);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-dropdown);color:var(--ink);font-size:14px}.toast.success{border-left:4px solid var(--green)}.toast.success svg:first-child{color:var(--green)}.toast.error{border-left:4px solid var(--red)}.toast.error svg:first-child{color:var(--red)}.toast-close{display:inline-grid;place-items:center;width:20px;height:20px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted)}.toast-close:hover{background:var(--gray-soft);color:var(--ink)}.page{display:grid;gap:20px;min-width:0;padding:24px 32px 40px}.page-header{display:flex;align-items:flex-end;flex-wrap:wrap;justify-content:space-between;gap:12px 16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.page-header h1{margin:0;color:var(--ink);font-size:26px;font-weight:800;line-height:34px;letter-spacing:-.02em}.page-header p{margin:2px 0 0;color:var(--muted);font-size:13px}.header-actions,.panel-actions,.row-actions,.form-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.filter-bar,.toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:thin}.page-header .header-actions,.panel-header .panel-actions{flex:0 1 auto;justify-content:flex-end;margin-left:auto}.panel{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.panel-header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;min-height:56px;padding:12px 20px;border-bottom:1px solid var(--line)}.panel-header h2{display:flex;align-items:center;gap:9px;margin:0;color:var(--ink);font-size:15px;font-weight:700;line-height:24px}.panel-header h2:before{content:"";width:9px;height:9px;flex:0 0 auto;border-radius:2px;background:var(--lime);box-shadow:0 0 0 1.5px var(--primary)}.panel-header p{margin:1px 0 0 18px;color:var(--muted);font-size:12.5px}.panel-body{min-width:0;padding:16px 20px}.filter-bar .input,.toolbar .input{width:190px;max-width:100%;flex:0 1 190px}.filter-bar .search-select{width:168px;max-width:100%;flex:0 1 168px}.filter-bar .global-input{min-width:160px;max-width:100%;flex:1 1 200px}.filter-bar .btn,.toolbar .btn{flex-shrink:0}.filter-bar .check-row{flex:0 0 auto}.toolbar .search-select{width:168px;max-width:100%;flex:0 1 168px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stat-card{--tone: var(--primary);display:grid;gap:3px;min-height:90px;padding:16px 18px;border:1px solid var(--line);border-top:3px solid var(--tone);border-radius:var(--radius-lg);background:var(--surface)}.stat-card span,.stat-card small{color:var(--muted);font-size:13px}.stat-card strong{color:var(--ink);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.stat-card.green{--tone: var(--green)}.stat-card.amber{--tone: var(--accent)}.stat-card.red{--tone: var(--red)}.stat-card.blue{--tone: var(--blue)}.grid-2,.grid-3,.grid-4,.grid-6{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.field{display:grid;gap:6px;min-width:0}.field label{color:var(--text-secondary);font-size:13px;font-weight:600}.field input,.field select,.field textarea,.input,.table-input{min-height:var(--input-height);max-width:100%;padding:6px 12px;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.field input:hover,.field select:hover,.field textarea:hover,.input:hover,.table-input:hover{border-color:var(--border-input-hover)}.field input:focus,.field select:focus,.field textarea:focus,.input:focus,.table-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring);outline:none}.field input:disabled,.field select:disabled,.field textarea:disabled,.input:disabled{background:var(--table-header-bg);color:var(--placeholder)}.field input[readonly]{background:var(--table-header-bg);cursor:default}.field input[readonly]:hover,.field input[readonly]:focus{border-color:var(--border-input);box-shadow:none}.field input::placeholder,.field textarea::placeholder,.input::placeholder{color:var(--placeholder)}.field textarea{min-height:72px;resize:vertical}.table-input{width:100%;min-width:104px;padding:6px 10px}.global-input{display:inline-flex;align-items:center;gap:6px;min-width:240px;min-height:var(--input-height);padding:0 12px;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);transition:border-color .15s ease,box-shadow .15s ease}.global-input:hover{border-color:var(--border-input-hover)}.global-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.global-input input{flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--ink);outline:none}.global-input input::placeholder{color:var(--placeholder)}.check-row{display:flex;align-items:center;gap:8px;min-height:34px}.check-row input{width:15px;height:15px}.field-inline{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:8px}.field-inline label{color:var(--text-secondary);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--button-height);padding:0 16px;border:1px solid var(--primary);border-radius:var(--radius-md);background:var(--primary);color:#fff;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:hover{border-color:var(--primary-dark);background:var(--primary-dark)}.btn.secondary{border-color:var(--border-input);background:var(--surface);color:var(--text-secondary);font-weight:500}.btn.secondary:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--ink)}.btn.danger-text{color:var(--red)}.btn.secondary.danger-text:hover{border-color:var(--red);background:var(--red-soft);color:var(--red-strong)}.btn.small{min-height:32px;padding:0 12px;font-size:13px}.btn.icon{width:var(--button-height);padding:0}.table-wrap{width:100%;max-width:100%;overflow-x:auto}table{width:100%;max-width:100%;border-collapse:collapse}th,td{min-width:0;padding:10px 14px;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle;font-size:14px}thead th{height:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--table-header-bg);color:var(--muted);font-size:12.5px;font-weight:600;white-space:nowrap;text-align:center}td{height:46px;color:var(--text-secondary)}td strong{color:var(--ink)}tbody tr:nth-child(2n) td{background:var(--table-stripe-bg)}tbody tr:hover td{background:var(--hover-bg)}tbody tr.selected td{background:var(--primary-soft)}tbody tr:last-child td{border-bottom:0}.editable-table th,.editable-table td{vertical-align:top}.num,input[type=number]{text-align:right;font-variant-numeric:tabular-nums}thead th.num,thead th.right{text-align:center}.product-cell{min-width:260px}.product-cell small{display:block;margin-top:4px;color:var(--muted)}.line-toolbar{justify-content:flex-start;margin-bottom:10px}.table-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted)}.table-summary strong{margin-left:5px;color:var(--ink);font-variant-numeric:tabular-nums}.muted{color:var(--muted);font-size:14px}.strong{font-weight:700}.break{overflow-wrap:anywhere}.full{width:100%}.right{text-align:right}.center{text-align:center}.badge{display:inline-flex;align-items:center;min-height:22px;padding:1px 8px;border-radius:var(--radius-sm);background:var(--gray-soft);color:var(--gray);font-size:12px;font-weight:700;white-space:nowrap}.badge.green{background:var(--green-soft);color:var(--green-strong)}.badge.red{background:var(--red-soft);color:var(--red-strong)}.badge.amber{background:var(--accent-soft);color:var(--amber-strong)}.badge.blue{background:var(--blue-soft);color:var(--blue-strong)}.empty{padding:28px 22px;color:var(--muted);text-align:center}.notice{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:9px 12px;border:1px solid var(--line);border-left:3px solid var(--lime-deep);border-radius:var(--radius-md);background:var(--table-header-bg);color:var(--text-secondary);font-size:14px}.error{min-height:20px;color:var(--red);font-size:14px}.list-plain{display:grid;gap:2px;margin:0;padding:0;list-style:none}.list-plain li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft)}.list-plain li:last-child{border-bottom:0}.sale-layout,.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.summary-box{display:grid;gap:8px}.side-stack{display:grid;gap:16px;min-width:0}.summary-row{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:14px}.summary-row.total{padding-top:10px;border-top:2px solid var(--primary);color:var(--ink);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.bar-track{width:100%;min-width:100px;height:8px;overflow:hidden;border-radius:999px;background:var(--gray-soft)}.bar-fill{display:block;height:100%;border-radius:inherit;background:var(--primary)}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tab{min-height:32px;padding:4px 14px;border:1px solid var(--border-input);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-size:13px;transition:background .15s ease,color .15s ease}.tab:hover{border-color:var(--primary);color:var(--ink)}.tab.active{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:600}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.quick-card{display:grid;align-content:start;gap:4px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .15s ease,background .15s ease}.quick-card>svg{width:36px;height:36px;margin-bottom:8px;padding:9px;border-radius:var(--radius-md);background:var(--lime);color:var(--ink)}.quick-card:hover{border-color:var(--primary)}.quick-card strong{font-size:15px}.quick-card span{color:var(--muted);font-size:13px}.pagination{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}.page-btn{min-width:32px;min-height:32px;padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:14px;font-weight:500}.page-btn:hover:not(:disabled):not(.active){border-color:var(--primary);background:var(--primary-soft);color:var(--ink)}.page-btn.active{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:600}.page-dots{padding:0 2px;color:var(--muted)}.page-info{margin-left:8px;color:var(--muted);font-size:14px}.login-shell{min-height:100vh;background:var(--background)}.login-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:100vh}.login-promotion{position:relative;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:8vh 7vw;overflow:hidden;background:radial-gradient(45% 40% at 90% 100%,color-mix(in srgb,var(--lime) 26%,transparent),transparent 70%),var(--nav-bg);color:#d9d8d0}.login-promotion:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgb(255 255 255 / 4.5%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 4.5%) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 25% 40%,#000 25%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 25% 40%,#000 25%,transparent 80%);pointer-events:none}.login-promotion>*{position:relative;max-width:560px}.login-promotion h1{margin:0;color:#fff;font-size:clamp(34px,4vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.02em}.login-promotion>p{margin:0;color:#b9b8b0;font-size:16px}.login-promotion ul{display:grid;gap:12px;margin:6px 0 0;padding:0;list-style:none}.login-promotion li{display:flex;align-items:center;gap:12px;color:#e4e3dc}.login-promotion li svg{box-sizing:content-box;flex:0 0 auto;padding:7px;border-radius:var(--radius-md);background:var(--lime);color:var(--ink)}.login-promotion blockquote{margin:10px 0 0;padding:14px 18px;border-left:3px solid var(--lime);background:#ffffff0f;color:#d0cfc7}.login-side{display:grid;place-items:center;padding:40px 24px;background:var(--background)}.login-panel{display:grid;gap:16px;width:min(100%,420px);padding:34px 32px;border:1px solid var(--primary);border-radius:var(--radius-xl);background:var(--surface);box-shadow:8px 8px 0 var(--lime)}.login-panel h2{margin:0 0 12px;color:var(--ink);font-size:24px;font-weight:800}.login-panel input{min-height:40px;padding:0 12px;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-panel input:hover{border-color:var(--border-input-hover)}.login-panel input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.login-panel .btn{min-height:42px}.login-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.login-tabs span{margin-bottom:-1px;padding-bottom:8px}.login-tabs .active{border-bottom:2px solid var(--primary);color:var(--ink);font-weight:700}.login-panel label{display:grid;gap:6px;color:var(--text-secondary);font-size:13px;font-weight:600}.login-links{display:flex;justify-content:flex-end;gap:16px;color:var(--text-secondary);font-size:13px;text-decoration:underline;text-decoration-color:var(--lime-deep);text-underline-offset:3px}@media(max-width:1200px){.stats-grid,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(3,minmax(0,1fr))}.sale-layout,.split-layout{grid-template-columns:minmax(0,1fr)}.page{padding:20px 20px 32px}.filter-bar .input,.filter-bar .search-select,.toolbar .input,.toolbar .search-select{flex-basis:160px}}@media(max-width:900px){.login-page{grid-template-columns:minmax(0,1fr)}.login-promotion{display:none}.login-side{min-height:100vh}}@media(max-width:780px){.page{padding:16px 14px 28px}.page-header h1{font-size:22px;line-height:30px}.page-header .header-actions,.panel-header .panel-actions{flex:1 1 100%;justify-content:flex-start;margin-left:0}.stats-grid,.grid-2,.grid-3,.grid-4,.grid-6,.quick-grid,.field-inline{grid-template-columns:minmax(0,1fr)}.filter-bar .input,.filter-bar .search-select,.filter-bar .global-input,.toolbar .input,.toolbar .search-select,.toolbar .global-input{width:100%;flex:1 1 180px}.global-input{width:100%;min-width:0}.brand small{display:none}}.content-col{min-width:0}.sub-nav,.header-title{display:none}.layout-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 6px}.layout-option{display:grid;justify-items:center;gap:6px;padding:8px 4px 6px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-size:12px}.layout-option:hover{border-color:var(--primary)}.layout-option.active{border-color:var(--primary);background:var(--primary-soft);color:var(--ink);font-weight:600;box-shadow:0 0 0 1px var(--primary)}.layout-thumb{width:56px;height:38px;border:1px solid rgb(0 0 0 / 14%);border-radius:4px}.thumb-top{background:linear-gradient(var(--nav-bg) 0 9px,var(--background) 9px)}.thumb-top-expanded{background:linear-gradient(var(--nav-bg) 0 9px,var(--primary-soft) 9px 16px,var(--background) 16px)}.thumb-side{background:linear-gradient(90deg,var(--nav-bg) 0 15px,transparent 15px),linear-gradient(var(--surface) 0 9px,var(--background) 9px)}@media(min-width:1201px){.layout-top-expanded{--chrome-height: calc(var(--header-height) + var(--tabs-height) + 46px)}.layout-top-expanded .nav-link .chevron{display:none}.layout-top-expanded .sub-nav{display:flex;align-items:center;gap:4px;min-height:46px;padding:0 24px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--table-header-bg);scrollbar-width:none}.sub-title{flex:0 0 auto;margin-right:8px;padding-right:14px;border-right:1px solid var(--border-input);color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.06em}.sub-link{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;height:32px;padding:0 12px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;text-decoration:none;white-space:nowrap}.sub-link svg{color:var(--muted)}.sub-link:hover{background:var(--surface);color:var(--ink)}.sub-link.active{background:var(--surface);box-shadow:0 0 0 1px var(--primary);color:var(--ink);font-weight:600}.sub-link.active svg{color:var(--primary)}.layout-side{display:flex}.layout-side .content-col{flex:1 1 auto}.layout-side .drawer{position:sticky;top:0;z-index:40;display:flex;width:236px;height:100vh;flex:0 0 236px;transform:none}.layout-side .app-header .brand,.layout-side .top-nav,.layout-side .user-chip,.layout-side .logout-btn{display:none}.layout-side .header-title{display:block;margin-right:auto;align-self:center;color:var(--ink);font-size:16px;font-weight:700}.layout-side .app-header{border-bottom:1px solid var(--line);background:var(--surface)}.layout-side .app-header .btn.secondary{border-color:var(--border-input);background:var(--surface);color:var(--text-secondary)}.layout-side .app-header .btn.secondary:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--ink)}.layout-side .app-header .icon-btn{color:var(--muted)}.layout-side .app-header .icon-btn:hover{background:var(--gray-soft);color:var(--ink)}}.list-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.list-head h1{margin:0;font-size:22px;white-space:nowrap}.list-search{flex:1 1 320px;display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface);color:var(--muted)}.list-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ring)}.list-search input{flex:1;min-width:0;height:100%;border:0;background:none;color:var(--ink);outline:none}.list-search input::placeholder{color:var(--placeholder)}.list-search kbd{border:1px solid var(--line);border-radius:4px;padding:0 6px;color:var(--muted);font:12px system-ui}.btn.pri{border-color:transparent;background:var(--primary);color:#fff;font-weight:600}.btn.pri:hover{background:var(--primary-dark)}.btn.line{border:1px solid var(--border-input);background:var(--surface);color:var(--text-secondary)}.btn.line:hover{border-color:var(--border-input-hover);background:var(--hover-bg)}.list-grid{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:0 20px;align-items:start;min-width:0}.sheet{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.sheet th{padding:10px 16px;background:var(--table-header-bg);font-size:12.5px}.sheet td{padding:13px 16px;height:auto}.sheet table{min-width:760px}.sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:0 16px 4px}.sheet-error{padding:10px 16px 0;color:var(--red);font-size:13px}.pills{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line)}.pill{border:1px solid var(--border-input);border-radius:99px;padding:4px 13px;background:none;color:var(--muted);cursor:pointer}.pill b{margin-left:5px;font-variant-numeric:tabular-nums}.pill:hover{color:var(--ink);border-color:var(--muted)}.pill.on{border-color:var(--primary);background:var(--primary);color:#fff}.pill.on.warn{border-color:var(--accent);background:var(--accent);color:#fff}.pill.on.danger{border-color:var(--red);background:var(--red);color:#fff}.pill-divider{width:1px;height:18px;margin:0 4px;background:var(--line)}.crumb{margin-left:auto;color:var(--muted);font-size:12.5px}.prod-cell{display:flex;align-items:center;gap:12px;min-width:0}.prod-avatar{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius);object-fit:cover;font-weight:700;font-size:16px}.prod-main{min-width:0}.prod-main b{display:block}.prod-main small{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stk b{font-variant-numeric:tabular-nums;white-space:nowrap}.meter{width:110px;height:4px;margin-top:6px;border-radius:4px;background:var(--gray-soft);overflow:hidden}.meter i{display:block;height:100%;border-radius:4px}.st{margin-left:6px;padding:1px 8px;border-radius:4px;font-size:12px;white-space:nowrap}.st.danger{background:var(--red-soft);color:var(--red-strong)}.st.warn{background:var(--accent-soft);color:var(--amber-strong)}.st.muted{background:var(--gray-soft);color:var(--muted)}.gm{color:var(--green-strong);font-size:12px}.act{display:flex;justify-content:flex-end;gap:6px}.act button,.act a{display:inline-flex;align-items:center;padding:5px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:13px;text-decoration:none;white-space:nowrap}.act button:hover:not(:disabled),.act a:hover{border-color:var(--primary);color:var(--ink)}.act .buy{border-color:transparent;background:var(--primary-soft);color:var(--ink);font-weight:600}.act .buy:hover:not(:disabled){color:var(--ink);background:var(--primary-soft);filter:brightness(.97)}.act .danger{border-color:transparent;background:var(--red-soft);color:var(--red-strong);font-weight:600}.act .danger:hover:not(:disabled){color:var(--red-strong);background:var(--red-soft);filter:brightness(.97)}.tree-card{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto;padding:14px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.tree-card h2{display:flex;align-items:center;justify-content:space-between;margin:0 8px 10px;font-size:14px}.tree-card h2 button{border:0;background:none;color:var(--muted);font-size:12.5px;cursor:pointer}.tree-card h2 button:hover{color:var(--ink)}.tree-node{display:flex;align-items:center;border-radius:var(--radius-sm)}.tree-node:hover{background:var(--hover-bg)}.tree-node.on{background:var(--primary-soft)}.tree-toggle{width:22px;height:30px;flex-shrink:0;border:0;background:none;color:var(--muted);transition:transform .15s ease;cursor:pointer}.tree-toggle.open{transform:rotate(90deg)}.tree-toggle:disabled{opacity:0;cursor:default}.tree-label{display:flex;justify-content:space-between;gap:8px;flex:1;min-width:0;padding:6px 6px 6px 0;border:0;background:none;color:var(--text-secondary);font-size:13.5px;text-align:left;cursor:pointer}.tree-node.on .tree-label{color:var(--ink);font-weight:600}.tree-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-count{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.tree-branch .tree-branch{margin-left:15px;border-left:1px dashed var(--line);padding-left:4px}@media(max-width:1000px){.list-grid{grid-template-columns:minmax(0,1fr)}.tree-card{position:static;order:-1;max-height:280px}}