:root{--brand-50: #E6F2EE;--brand-100: #C7E1D6;--brand-200: #9BCBB8;--brand-300: #5FAE93;--brand-500: #0C7056;--brand-600: #095B46;--brand-700: #074637;--ink-900: #0F172A;--ink-700: #475569;--ink-500: #94A3B8;--ink-300: #CBD5E1;--ink-200: #E2E8F0;--ink-100: #F1F5F9;--surface: #FFFFFF;--surface-2: #F8FAFC;--page-bg: #F5F7F6;--line: #E2E8F0;--line-soft: #F1F5F9;--ok-bg: #DCFCE7;--ok-fg: #15803D;--ok-dot: #16A34A;--warn-bg: #FEF3C7;--warn-fg: #B45309;--warn-dot: #F59E0B;--info-bg: #DBEAFE;--info-fg: #1D4ED8;--info-dot: #3B82F6;--danger-bg: #FEE2E2;--danger-fg: #B91C1C;--danger-dot: #DC2626;--neutral-bg: #F1F5F9;--neutral-fg: #475569;--neutral-dot: #94A3B8;--purple-bg: #EDE9FE;--purple-fg: #6D28D9;--purple-dot: #8B5CF6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-full: 999px;--sh-1: 0 1px 2px rgba(15,23,42,.05);--sh-2: 0 2px 8px -2px rgba(15,23,42,.08), 0 1px 3px rgba(15,23,42,.04);--sh-3: 0 12px 32px -8px rgba(15,23,42,.18);--t-fast: .12s cubic-bezier(.4,0,.2,1);--t-base: .2s cubic-bezier(.4,0,.2,1);--sidebar-w: 236px;--topbar-h: 56px;--z-sticky: 20;--z-drawer: 40;--z-modal: 100;--z-toast: 200}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{box-sizing:border-box}html,body{margin:0;height:100%}[hidden]{display:none!important}body{font-family:Lato,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--ink-900);background:var(--page-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.01em}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:var(--r-sm)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.brand{height:var(--topbar-h);padding:0 var(--space-4);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--brand-500);color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px;letter-spacing:.5px}.brand-name{font-weight:900;font-size:15px;line-height:1.1}.brand-sub{font-size:10px;color:var(--ink-500);font-weight:700;text-transform:uppercase;letter-spacing:.6px}.nav{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3) var(--space-2)}.nav-label{padding:var(--space-3) var(--space-3) var(--space-1);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-500)}.nav-item{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 var(--space-3);border-radius:var(--r-sm);color:var(--ink-700);font-weight:700;font-size:13px;text-decoration:none;cursor:pointer;transition:background var(--t-fast),color var(--t-fast)}.nav-item:hover{background:var(--brand-50);color:var(--brand-700)}.nav-item.active{background:var(--brand-500);color:#fff}.nav-item svg{width:17px;height:17px;flex-shrink:0}.nav-item .badge-count{margin-left:auto;font-size:11px;font-weight:900;background:var(--danger-bg);color:var(--danger-fg);padding:1px 7px;border-radius:var(--r-full)}.nav-item.active .badge-count{background:#ffffff38;color:#fff}.sidebar-foot{border-top:1px solid var(--line);padding:var(--space-2)}.user-chip{display:flex;align-items:center;gap:10px;padding:var(--space-2) var(--space-3);border-radius:var(--r-sm)}.avatar{width:30px;height:30px;border-radius:var(--r-full);background:var(--brand-100);color:var(--brand-700);display:grid;place-items:center;font-weight:900;font-size:12px;flex-shrink:0}.user-name{font-weight:700;font-size:13px;line-height:1.2}.user-role{font-size:11px;color:var(--ink-500)}.logout-btn{width:100%;display:flex;align-items:center;gap:10px;min-height:38px;padding:0 var(--space-3);margin-top:2px;border:0;background:transparent;border-radius:var(--r-sm);font:inherit;font-weight:700;font-size:13px;color:var(--danger-fg);cursor:pointer;transition:background var(--t-fast)}.logout-btn:hover{background:var(--danger-bg)}.logout-btn svg{width:17px;height:17px}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{height:var(--topbar-h);flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--line);padding:0 var(--space-5);display:flex;align-items:center;gap:var(--space-4)}.page-title{font-size:17px;font-weight:900}.page-sub{font-size:12px;color:var(--ink-500)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.content{flex:1;min-height:0;overflow-y:auto;padding:var(--space-5)}.crumbs{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-500)}.crumbs a{color:var(--ink-500);text-decoration:none;font-weight:700}.crumbs a:hover{color:var(--brand-600);text-decoration:underline}.crumbs svg{width:13px;height:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--r-sm);font:inherit;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.btn svg{width:15px;height:15px}.btn-primary{background:var(--brand-500);color:#fff}.btn-primary:hover{background:var(--brand-600)}.btn-primary:active{background:var(--brand-700)}.btn-ghost{background:var(--surface);color:var(--ink-700);border-color:var(--line)}.btn-ghost:hover{border-color:var(--brand-300);color:var(--brand-700);background:var(--brand-50)}.btn-danger{background:var(--surface);color:var(--danger-fg);border-color:#fca5a5}.btn-danger:hover{background:var(--danger-bg)}.btn-danger-solid{background:var(--danger-dot);color:#fff}.btn-danger-solid:hover{background:var(--danger-fg)}.btn-sm{min-height:30px;padding:0 10px;font-size:12px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.icon-btn{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-700);cursor:pointer;transition:all var(--t-fast)}.icon-btn:hover{border-color:var(--brand-300);color:var(--brand-600);background:var(--brand-50)}.icon-btn.danger:hover{border-color:#fca5a5;color:var(--danger-fg);background:var(--danger-bg)}.icon-btn svg{width:15px;height:15px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-1)}.card-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line)}.card-title{font-size:14px;font-weight:900}.card-body{padding:var(--space-4)}.kpi{padding:var(--space-4);display:flex;flex-direction:column;gap:6px}.kpi-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-500)}.kpi-value{font-size:24px;font-weight:900;letter-spacing:-.02em}.kpi-delta{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:700}.kpi-delta svg{width:13px;height:13px}.kpi-up{color:var(--ok-fg)}.kpi-down{color:var(--danger-fg)}.kpi-flat{color:var(--ink-500)}.toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.search-box{position:relative;flex:1;min-width:200px;max-width:340px}.search-box svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ink-500);pointer-events:none}.search-box input{padding-left:32px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--ink-700);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--t-fast)}.chip:hover{border-color:var(--brand-300);color:var(--brand-700)}.chip.on{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.chip .n{font-size:11px;opacity:.7}.field{display:flex;flex-direction:column;gap:5px}.label{font-size:12px;font-weight:900;color:var(--ink-700)}.label .req{color:var(--danger-dot);margin-left:2px}.input,.select,.textarea{width:100%;min-height:38px;padding:8px 12px;border:1px solid var(--ink-200);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-900);font:inherit;font-size:13px;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.textarea{min-height:76px;resize:vertical;line-height:1.55}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 9px center}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-50)}.input::placeholder,.textarea::placeholder{color:var(--ink-500)}.input:disabled,.select:disabled{background:var(--ink-100);opacity:.6;cursor:not-allowed}.input[readonly]{background:var(--surface-2);color:var(--ink-700);border-style:dashed}.help{font-size:11px;color:var(--ink-500);line-height:1.4}.err{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--danger-fg)}.err svg{width:12px;height:12px;flex-shrink:0}.input.invalid,.select.invalid{border-color:var(--danger-dot)}.input.invalid:focus{box-shadow:0 0 0 3px var(--danger-bg)}.input-affix{position:relative;display:flex;align-items:center}.input-affix .affix{position:absolute;right:12px;font-size:12px;font-weight:700;color:var(--ink-500);pointer-events:none}.input-affix .affix-l{position:absolute;left:12px;right:auto;font-size:12px;font-weight:700;color:var(--ink-500)}.input-affix .affix-l~.input{padding-left:30px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-grid .span-2{grid-column:1 / -1}fieldset{border:0;padding:0;margin:0 0 var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}legend{padding:0 0 var(--space-1);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-500)}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch .track{width:38px;height:22px;border-radius:var(--r-full);background:var(--ink-300);position:relative;transition:background var(--t-base)}.switch .track:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:var(--r-full);background:#fff;box-shadow:var(--sh-1);transition:transform var(--t-base)}.switch input:checked+.track{background:var(--brand-500)}.switch input:checked+.track:after{transform:translate(16px)}.switch input:focus-visible+.track{outline:2px solid var(--brand-500);outline-offset:2px}.switch .switch-text{font-size:13px;font-weight:700}.cbx{width:17px;height:17px;border-radius:4px;border:1.5px solid var(--ink-300);background:var(--surface);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:all var(--t-fast)}.cbx:hover{border-color:var(--brand-500)}.cbx.on{background:var(--brand-500);border-color:var(--brand-500)}.cbx svg{width:11px;height:11px;color:#fff;opacity:0}.cbx.on svg{opacity:1}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead th{position:sticky;top:0;z-index:var(--z-sticky);background:var(--surface-2);padding:9px var(--space-4);text-align:left;white-space:nowrap;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-500);border-bottom:1px solid var(--line)}.tbl thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tbl thead th.sortable:hover{color:var(--brand-600)}.tbl thead th .sort-ico{width:12px;height:12px;vertical-align:-2px;margin-left:3px;opacity:.5}.tbl thead th[aria-sort] .sort-ico{opacity:1;color:var(--brand-600)}.tbl tbody td{padding:10px var(--space-4);border-bottom:1px solid var(--line-soft);vertical-align:middle}.tbl tbody tr{transition:background var(--t-fast)}.tbl tbody tr:hover,.tbl tbody tr.selected{background:var(--brand-50)}.tbl .right{text-align:right}.tbl .actions{display:flex;gap:4px;justify-content:flex-end}.cell-main{font-weight:700;color:var(--ink-900)}.cell-sub{font-size:11px;color:var(--ink-500)}.thumb{width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--brand-50);display:grid;place-items:center;color:var(--brand-500);flex-shrink:0;overflow:hidden}.thumb svg{width:19px;height:19px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-full);font-size:11px;font-weight:900;white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:var(--r-full);flex-shrink:0}.pill svg{width:12px;height:12px}.pill-ok{background:var(--ok-bg);color:var(--ok-fg)}.pill-ok .dot{background:var(--ok-dot)}.pill-warn{background:var(--warn-bg);color:var(--warn-fg)}.pill-warn .dot{background:var(--warn-dot)}.pill-info{background:var(--info-bg);color:var(--info-fg)}.pill-info .dot{background:var(--info-dot)}.pill-danger{background:var(--danger-bg);color:var(--danger-fg)}.pill-danger .dot{background:var(--danger-dot)}.pill-neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.pill-neutral .dot{background:var(--neutral-dot)}.pill-purple{background:var(--purple-bg);color:var(--purple-fg)}.pill-purple .dot{background:var(--purple-dot)}.pill-brand{background:var(--brand-50);color:var(--brand-700)}.pill-brand .dot{background:var(--brand-500)}.pager{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);font-size:12px;color:var(--ink-500)}.pager-nav{margin-left:auto;display:flex;align-items:center;gap:3px}.pg{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-700);font:inherit;font-size:12px;font-weight:700;cursor:pointer;display:grid;place-items:center;transition:all var(--t-fast)}.pg:hover:not(:disabled){border-color:var(--brand-300);color:var(--brand-700);background:var(--brand-50)}.pg[aria-current=page]{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.pg:disabled{opacity:.4;cursor:not-allowed}.pg svg{width:14px;height:14px}.empty{padding:56px var(--space-5);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3)}.empty-ico{width:52px;height:52px;border-radius:var(--r-full);background:var(--brand-50);color:var(--brand-500);display:grid;place-items:center}.empty-ico svg{width:24px;height:24px}.empty-title{font-size:15px;font-weight:900}.empty-text{font-size:13px;color:var(--ink-500);max-width:380px;line-height:1.6}.skel{background:linear-gradient(90deg,var(--ink-100) 25%,var(--line-soft) 50%,var(--ink-100) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--space-5)}.modal{width:100%;max-width:560px;max-height:calc(100vh - 64px);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--sh-3);display:flex;flex-direction:column;overflow:hidden;animation:modal-in var(--t-base) both}.modal.wide{max-width:780px}@keyframes modal-in{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);flex-shrink:0}.modal-title{font-size:16px;font-weight:900}.modal-sub{font-size:12px;color:var(--ink-500)}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1;min-height:0}.modal-foot{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--line);background:var(--surface-2);flex-shrink:0}.modal-foot .spacer{flex:1}.drawer{width:100%;max-width:520px;height:100%;margin-left:auto;background:var(--surface);box-shadow:var(--sh-3);display:flex;flex-direction:column;animation:drawer-in var(--t-base) both}@keyframes drawer-in{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.scrim.right{display:block;padding:0}.toast-zone{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}.toast{display:flex;align-items:center;gap:10px;min-width:300px;padding:11px var(--space-4);background:var(--ink-900);color:#fff;border-radius:var(--r-md);box-shadow:var(--sh-3);font-size:13px;font-weight:700}.toast .t-ico{width:17px;height:17px;flex-shrink:0}.toast.ok .t-ico{color:#4ade80}.toast.err .t-ico{color:#f87171}.toast .undo{margin-left:auto;background:transparent;border:0;color:var(--brand-200);font:inherit;font-weight:900;cursor:pointer;text-decoration:underline}.divider{height:1px;background:var(--line);border:0;margin:var(--space-4) 0}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.row{display:flex;align-items:center;gap:var(--space-3)}.muted{color:var(--ink-500)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-sm);background:var(--ink-100);color:var(--ink-700);font-size:11px;font-weight:700}.schema-note{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:4px;background:var(--warn-bg);color:var(--warn-fg);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}@media(max-width:1024px){:root{--sidebar-w: 60px}.brand-text,.nav-label,.nav-item span,.user-meta,.logout-btn span{display:none}.nav-item,.logout-btn{justify-content:center;padding:0}.user-chip{justify-content:center;padding:var(--space-2) 0}}.login-wrap{display:grid;grid-template-columns:1fr 480px;min-height:100dvh}@media(max-width:900px){.login-wrap{grid-template-columns:1fr}.aside-art{display:none}}.aside-art{background:linear-gradient(160deg,var(--brand-700) 0%,var(--brand-500) 60%,#0A8265 100%);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.aside-art:after{content:"";position:absolute;right:-120px;bottom:-140px;width:420px;height:420px;border-radius:50%;background:#ffffff0f}.art-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.art-mark{width:40px;height:40px;border-radius:10px;background:#ffffff29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;font-weight:900;font-size:15px}.art-name{font-weight:900;font-size:18px}.art-mid{position:relative;z-index:1;max-width:420px}.art-mid h1{font-size:32px;font-weight:900;line-height:1.25;letter-spacing:-.02em}.art-mid p{margin:14px 0 0;font-size:15px;line-height:1.65;color:#ffffffd1}.art-stats{display:flex;gap:32px;margin-top:32px}.art-stat-v{font-size:22px;font-weight:900}.art-stat-l{font-size:12px;color:#ffffffb3;font-weight:700}.art-foot{position:relative;z-index:1;display:flex;align-items:center;gap:7px;font-size:12px;color:#ffffffb8;font-weight:700}.art-foot svg{width:14px;height:14px}.login-pane{background:var(--surface);display:flex;align-items:center;justify-content:center;padding:40px 32px}.login-card{width:100%;max-width:360px}.login-card h2{font-size:24px;font-weight:900;letter-spacing:-.02em}.login-card .lead{margin:6px 0 28px;font-size:14px;color:var(--ink-700)}.alert{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:var(--r-sm);background:var(--danger-bg);border:1px solid #FCA5A5;margin-bottom:18px}.alert svg{width:16px;height:16px;color:var(--danger-fg);flex-shrink:0;margin-top:1px}.alert-t{font-size:13px;font-weight:900;color:var(--danger-fg)}.alert-d{font-size:12px;color:#991b1b;line-height:1.5;margin-top:2px}.alert-d a{color:var(--danger-fg);font-weight:900}.pw-wrap{position:relative}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink-500);border-radius:var(--r-sm);cursor:pointer}.pw-toggle:hover{color:var(--brand-600);background:var(--brand-50)}.pw-toggle svg{width:16px;height:16px}.pw-wrap .input{padding-right:40px}.row-between{display:flex;align-items:center;justify-content:space-between}.link{color:var(--brand-600);font-size:12px;font-weight:900;text-decoration:none}.link:hover{text-decoration:underline}.btn-block{width:100%;min-height:44px;font-size:14px}.login-foot{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--ink-500);line-height:1.6}.login-foot code{background:var(--ink-100);padding:1px 5px;border-radius:4px;font-size:11px;color:var(--ink-700);font-weight:700}.states{position:fixed;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:4px;padding:4px;background:var(--ink-900);border-radius:var(--r-full);box-shadow:var(--sh-3);z-index:var(--z-toast)}.states button{border:0;background:transparent;color:#fff9;font:inherit;font-size:11px;font-weight:900;padding:5px 12px;border-radius:var(--r-full);cursor:pointer}.states button.on{background:var(--brand-500);color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-ico{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.kpi-ico svg{width:16px;height:16px}.ico-brand{background:var(--brand-50);color:var(--brand-600)}.ico-info{background:var(--info-bg);color:var(--info-fg)}.ico-warn{background:var(--warn-bg);color:var(--warn-fg)}.ico-purple{background:var(--purple-bg);color:var(--purple-fg)}.split{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-4)}@media(max-width:1200px){.split{grid-template-columns:1fr}}.chart{width:100%;height:230px}.chart .grid-l{stroke:var(--ink-200);stroke-width:1}.chart .axis-t{fill:var(--ink-500);font-size:10px;font-weight:700}.chart .bar{fill:var(--brand-500);transition:fill var(--t-fast);cursor:pointer}.chart .bar:hover{fill:var(--brand-600)}.chart .bar.dim{fill:var(--brand-200)}.legend{display:flex;gap:var(--space-4);font-size:12px;color:var(--ink-700);font-weight:700}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.status-row{display:flex;align-items:center;gap:var(--space-3);padding:7px 0}.status-row .nm{width:96px;flex-shrink:0;font-size:12px;font-weight:700}.status-bar{flex:1;height:8px;border-radius:var(--r-full);background:var(--ink-100);overflow:hidden}.status-bar>i{display:block;height:100%;border-radius:var(--r-full)}.status-row .vl{width:42px;text-align:right;font-size:12px;font-weight:900}.branch{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line-soft)}.branch:last-child{border-bottom:0}.branch-n{font-size:13px;font-weight:700}.branch-a{font-size:11px;color:var(--ink-500)}.user-cell{display:flex;align-items:center;gap:10px}.bulk-bar{display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-4);background:var(--brand-50);border-bottom:1px solid var(--brand-100);font-size:13px;font-weight:700;color:var(--brand-700)}.bulk-bar .spacer{flex:1}.prov{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--ink-700)}.prov svg{width:13px;height:13px;color:var(--ink-500)}.tbl tbody tr{cursor:pointer}.dr-head{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);flex-shrink:0}.dr-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-5)}.dr-foot{padding:var(--space-3) var(--space-5);border-top:1px solid var(--line);background:var(--surface-2);display:flex;gap:var(--space-2);flex-shrink:0}.sec-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.6px;color:var(--ink-500);margin:0 0 var(--space-2)}.kv{display:grid;grid-template-columns:108px 1fr;gap:6px 12px;font-size:13px}.kv dt{color:var(--ink-500);font-weight:700}.kv dd{margin:0;font-weight:700}.li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft)}.li:last-of-type{border-bottom:0}.li-n{font-size:13px;font-weight:700;line-height:1.3}.li-s{font-size:11px;color:var(--ink-500)}.li-t{margin-left:auto;text-align:right}.totals{padding-top:var(--space-3);border-top:1px solid var(--line)}.tot-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.tot-row.grand{padding-top:9px;margin-top:5px;border-top:1px solid var(--line);font-size:16px;font-weight:900}.tl{position:relative;padding-left:22px}.tl:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--line)}.tl-i{position:relative;padding:0 0 var(--space-4)}.tl-i:last-child{padding-bottom:0}.tl-i:before{content:"";position:absolute;left:-21px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--surface);border:2px solid var(--ink-300)}.tl-i.done:before{background:var(--brand-500);border-color:var(--brand-500)}.tl-i.now:before{background:var(--warn-dot);border-color:var(--warn-dot);box-shadow:0 0 0 3px var(--warn-bg)}.tl-s{font-size:13px;font-weight:900}.tl-m{font-size:11px;color:var(--ink-500);margin-top:1px}.tl-note{margin-top:5px;padding:7px 10px;background:var(--surface-2);border-radius:var(--r-sm);font-size:12px;color:var(--ink-700);line-height:1.5}.gap-note{display:flex;gap:9px;padding:10px 12px;background:var(--warn-bg);border:1px solid #FCD34D;border-radius:var(--r-sm);margin-top:var(--space-4)}.gap-note svg{width:15px;height:15px;color:var(--warn-fg);flex-shrink:0;margin-top:1px}.gap-note div{font-size:12px;color:var(--warn-fg);line-height:1.5}.prod-cell{display:flex;align-items:center;gap:10px}.stock{display:flex;gap:4px}.st{display:flex;flex-direction:column;align-items:center;min-width:34px;padding:3px 5px;border-radius:var(--r-sm);background:var(--ink-100)}.st-l{font-size:9px;font-weight:900;color:var(--ink-500);letter-spacing:.3px}.st-v{font-size:12px;font-weight:900;font-variant-numeric:tabular-nums}.st.low{background:var(--warn-bg)}.st.low .st-l,.st.low .st-v{color:var(--warn-fg)}.st.out{background:var(--danger-bg)}.st.out .st-l,.st.out .st-v{color:var(--danger-fg)}.price-old{font-size:11px;color:var(--ink-500);text-decoration:line-through}.price-new{font-weight:900;color:var(--brand-600)}.editor{display:grid;grid-template-columns:1fr 320px;gap:var(--space-4);align-items:start}@media(max-width:1200px){.editor{grid-template-columns:1fr}}.dropzone{border:2px dashed var(--ink-300);border-radius:var(--r-md);background:var(--surface-2);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;cursor:pointer;transition:border-color var(--t-base),background var(--t-base)}.dropzone:hover,.dropzone.drag{border-color:var(--brand-500);background:var(--brand-50)}.dz-ico{width:40px;height:40px;border-radius:var(--r-full);background:var(--brand-50);color:var(--brand-500);display:grid;place-items:center}.dropzone.drag .dz-ico{background:var(--brand-100)}.dz-ico svg{width:19px;height:19px}.dz-t{font-size:13px;font-weight:900}.dz-t em{color:var(--brand-600);font-style:normal;text-decoration:underline}.dz-s{font-size:11px;color:var(--ink-500);line-height:1.5}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.img-card{position:relative;aspect-ratio:1 / 1;border-radius:var(--r-md);border:1px solid var(--line);background:var(--brand-50);display:grid;place-items:center;color:var(--brand-300);overflow:hidden;cursor:grab;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.img-card:hover{border-color:var(--brand-300);box-shadow:var(--sh-2)}.img-card.primary{border-color:var(--brand-500);box-shadow:0 0 0 2px var(--brand-100)}.img-card>.ph{width:34px;height:34px}.img-badge{position:absolute;top:6px;left:6px;padding:2px 7px;border-radius:var(--r-full);background:var(--brand-500);color:#fff;font-size:10px;font-weight:900;display:inline-flex;align-items:center;gap:3px}.img-badge svg{width:10px;height:10px}.img-acts{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity var(--t-fast)}.img-card:hover .img-acts,.img-card:focus-within .img-acts{opacity:1}.img-act{width:24px;height:24px;border-radius:var(--r-sm);border:0;background:#0f172ab8;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.img-act:hover{background:var(--ink-900)}.img-act.del:hover{background:var(--danger-dot)}.img-act svg{width:12px;height:12px}.img-name{position:absolute;left:0;right:0;bottom:0;padding:14px 7px 5px;background:linear-gradient(transparent,#0f172abf);color:#fff;font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-card.uploading{background:var(--ink-100);border-style:dashed;cursor:default}.up-pct{font-size:15px;font-weight:900;color:var(--ink-700)}.up-bar{position:absolute;left:10px;right:10px;bottom:12px;height:4px;border-radius:var(--r-full);background:var(--ink-200);overflow:hidden}.up-bar>i{display:block;height:100%;background:var(--brand-500);border-radius:var(--r-full)}.img-card.failed{background:var(--danger-bg);border-color:#fca5a5;color:var(--danger-fg)}.img-err{position:absolute;inset:auto 6px 6px;font-size:10px;font-weight:900;color:var(--danger-fg);text-align:center}.var-tbl{width:100%;border-collapse:collapse;font-size:13px}.var-tbl th{text-align:left;padding:6px 8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-500)}.var-tbl td{padding:4px 8px 4px 0}.var-tbl td:last-child{padding-right:0}.var-tbl .input{min-height:34px;font-size:12px;padding:6px 9px}.sticky-foot{position:sticky;bottom:0;margin:0 calc(-1 * var(--space-5)) calc(-1 * var(--space-5));padding:var(--space-3) var(--space-5);background:var(--surface);border-top:1px solid var(--line);display:flex;align-items:center;gap:var(--space-2);box-shadow:0 -2px 12px -6px #0f172a1f;z-index:var(--z-sticky)}.autosave{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-500);font-weight:700}.autosave svg{width:13px;height:13px;color:var(--ok-dot)}.layout{display:grid;grid-template-columns:400px 1fr;gap:var(--space-4);height:100%}@media(max-width:1100px){.layout{grid-template-columns:1fr}.map-card{min-height:380px}}.list-card{display:flex;flex-direction:column;min-height:0}.store-list{flex:1;min-height:0;overflow-y:auto}.store-item{display:flex;align-items:flex-start;gap:10px;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-soft);cursor:pointer;border-left:3px solid transparent;transition:background var(--t-fast),border-color var(--t-fast)}.store-item:hover{background:var(--brand-50)}.store-item.active{background:var(--brand-50);border-left-color:var(--brand-500)}.store-pin{width:28px;height:28px;border-radius:var(--r-full);background:var(--brand-500);color:#fff;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:900}.store-item.active .store-pin{box-shadow:0 0 0 3px var(--brand-100)}.store-addr{font-size:13px;font-weight:700;line-height:1.4}.store-geo{font-size:11px;color:var(--ink-500);margin-top:2px}.store-acts{margin-left:auto;display:flex;gap:4px;flex-shrink:0}.map-card{position:relative;overflow:hidden;display:flex;flex-direction:column}.map{flex:1;position:relative;background:linear-gradient(0deg,rgba(12,112,86,.05) 1px,transparent 1px) 0 0 / 100% 44px,linear-gradient(90deg,rgba(12,112,86,.05) 1px,transparent 1px) 0 0 / 44px 100%,linear-gradient(160deg,#eaf3ef,#f5f9f7)}.map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(112deg,transparent 46%,rgba(59,130,246,.14) 46%,rgba(59,130,246,.14) 52%,transparent 52%),linear-gradient(28deg,transparent 30%,rgba(148,163,184,.16) 30%,rgba(148,163,184,.16) 32%,transparent 32%)}.marker{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center;cursor:pointer;background:none;border:0;padding:0}.marker-pin{width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--brand-500);border:2px solid #fff;box-shadow:var(--sh-2);display:grid;place-items:center;transition:transform var(--t-base),background var(--t-base)}.marker-pin span{transform:rotate(45deg);color:#fff;font-size:11px;font-weight:900}.marker:hover .marker-pin{transform:rotate(-45deg) scale(1.12)}.marker.active .marker-pin{background:var(--warn-dot);transform:rotate(-45deg) scale(1.18)}.marker-lbl{margin-top:6px;padding:2px 8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-full);box-shadow:var(--sh-1);font-size:11px;font-weight:900;white-space:nowrap}.map-tools{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;flex-direction:column;gap:4px;z-index:2}.map-hint{position:absolute;left:var(--space-3);bottom:var(--space-3);z-index:2;display:flex;align-items:center;gap:7px;padding:7px 11px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);box-shadow:var(--sh-1);font-size:12px;color:var(--ink-700);font-weight:700}.map-hint svg{width:14px;height:14px;color:var(--brand-500)}.gap-note{display:flex;gap:9px;padding:10px 12px;background:var(--warn-bg);border:1px solid #FCD34D;border-radius:var(--r-sm)}.gap-note>svg{width:15px;height:15px;color:var(--warn-fg);flex-shrink:0;margin-top:1px}.gap-note div{font-size:12px;color:var(--warn-fg);line-height:1.55}.disc{display:inline-flex;align-items:baseline;gap:3px;font-weight:900;color:var(--brand-600);font-size:15px}.disc small{font-size:11px;color:var(--ink-500);font-weight:700}.win{min-width:150px}.win-d{font-size:12px;font-variant-numeric:tabular-nums}.win-bar{height:4px;border-radius:var(--r-full);background:var(--ink-200);margin-top:4px;overflow:hidden}.win-bar>i{display:block;height:100%;border-radius:var(--r-full);background:var(--brand-500)}.win-left{font-size:10px;font-weight:900;color:var(--ink-500);margin-top:3px}.win-left.urgent{color:var(--warn-fg)}.picked{display:flex;flex-wrap:wrap;gap:5px;padding:8px;min-height:44px;border:1px solid var(--ink-200);border-radius:var(--r-sm);background:var(--surface-2)}.pchip{display:inline-flex;align-items:center;gap:5px;padding:3px 5px 3px 8px;border-radius:var(--r-full);background:var(--brand-50);border:1px solid var(--brand-100);color:var(--brand-700);font-size:12px;font-weight:700}.pchip button{width:17px;height:17px;border:0;border-radius:50%;background:var(--brand-100);color:var(--brand-700);display:grid;place-items:center;cursor:pointer}.pchip button:hover{background:var(--brand-500);color:#fff}.pchip button svg{width:10px;height:10px}.picker-list{max-height:176px;overflow-y:auto;border:1px solid var(--ink-200);border-radius:var(--r-sm);margin-top:6px}.picker-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-bottom:1px solid var(--line-soft);cursor:pointer;font-size:13px}.picker-row:last-child{border-bottom:0}.picker-row:hover{background:var(--brand-50)}.picker-row .p-sku{margin-left:auto;font-size:11px;color:var(--ink-500);font-variant-numeric:tabular-nums}.preview{padding:11px 13px;border-radius:var(--r-sm);background:var(--brand-50);border:1px solid var(--brand-100)}.pv-row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0;font-size:13px}.pv-old{text-decoration:line-through;color:var(--ink-500)}.pv-new{font-weight:900;color:var(--brand-700);font-size:15px}.rt-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:6px;border:1px solid var(--ink-200);border-radius:var(--r-sm) var(--r-sm) 0 0;border-bottom:0;background:var(--surface-2)}.rt-toolbar button{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 7px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink-700);font-size:12px;font-weight:900;cursor:pointer}.rt-toolbar button:hover{border-color:var(--brand-300);color:var(--brand-700)}.rt-sep{width:1px;height:20px;background:var(--line);margin:0 3px}.rt-color{display:inline-flex;align-items:center;cursor:pointer}.rt-color input{width:28px;height:28px;padding:2px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);cursor:pointer}.rt-editor{min-height:260px;height:auto;border-radius:0 0 var(--r-sm) var(--r-sm);padding:12px 14px;overflow-y:auto;line-height:1.6;white-space:normal}.rt-editor:focus{outline:none}.article-editor img{max-width:100%;height:auto}#root{min-height:100vh}.spin{width:15px;height:15px;animation:rot .7s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ico-danger{background:var(--danger-bg);color:var(--danger-fg)}.gap-note{display:flex;gap:8px;align-items:flex-start;padding:11px 13px;border-radius:var(--r-sm);background:var(--warn-bg);border:1px solid #fcd34d;color:var(--warn-fg);font-size:12px;line-height:1.5}.gap-note strong{font-weight:900}.gap-note code{background:#b453091f;padding:1px 5px;border-radius:4px;font-size:11px}