:root,[data-theme=light]{color-scheme:light;--bg: #f5f7fb;--surface: #ffffff;--surface-2: #f7f9fc;--surface-3: #eef1f7;--border: #e7eaf2;--border-strong: #d3d9e6;--text: #0f172a;--text-muted: #4a5568;--text-subtle: #64748b;--text-faint: #94a3b8;--accent: #4f46e5;--accent-hover: #4338ca;--accent-active: #3730a3;--on-accent: #ffffff;--accent-soft: #eef2ff;--accent-soft-hover: #e0e7ff;--accent-soft-text: #4338ca;--success: #16a34a;--success-soft: #ecfdf5;--success-soft-text: #15803d;--success-border: #bbf7d0;--danger: #dc2626;--danger-hover: #b91c1c;--danger-solid: #dc2626;--danger-soft: #fef2f2;--danger-soft-text: #dc2626;--danger-border: #fecaca;--warning-soft: #fffbeb;--warning-soft-text: #b45309;--donut-track: #eef1f7;--ring: rgba(79, 70, 229, .32);--header-bg: rgba(255, 255, 255, .82);--backdrop: rgba(15, 23, 42, .42);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .04);--shadow-md: 0 4px 14px -4px rgba(15, 23, 42, .1), 0 8px 24px -12px rgba(15, 23, 42, .12);--shadow-lg: 0 14px 40px -12px rgba(15, 23, 42, .2);--shadow-pop: 0 24px 60px -16px rgba(15, 23, 42, .28)}[data-theme=dark]{color-scheme:dark;--bg: #0a0f1d;--surface: #141d30;--surface-2: #0f1728;--surface-3: #1d2840;--border: #243149;--border-strong: #34425f;--text: #e8edf7;--text-muted: #a4b3cc;--text-subtle: #8497b5;--text-faint: #647393;--accent: #6366f1;--accent-hover: #4f46e5;--accent-active: #4338ca;--on-accent: #ffffff;--accent-soft: rgba(99, 102, 241, .16);--accent-soft-hover: rgba(99, 102, 241, .26);--accent-soft-text: #a5b4fc;--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--success-soft-text: #6ee7b7;--success-border: rgba(52, 211, 153, .32);--danger: #f87171;--danger-hover: #ef4444;--danger-solid: #dc2626;--danger-soft: rgba(248, 113, 113, .14);--danger-soft-text: #fca5a5;--danger-border: rgba(248, 113, 113, .34);--warning-soft: rgba(245, 158, 11, .14);--warning-soft-text: #fbbf24;--donut-track: #1d2840;--ring: rgba(129, 140, 248, .45);--header-bg: rgba(10, 15, 29, .72);--backdrop: rgba(2, 6, 16, .62);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 6px 20px -6px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 44px -12px rgba(0, 0, 0, .6);--shadow-pop: 0 28px 70px -16px rgba(0, 0, 0, .7)}:root{--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--header-h: 64px;--gap: 16px;--content-max: 1440px;--t-fast: .13s cubic-bezier(.4, 0, .2, 1);--t-base: .22s cubic-bezier(.4, 0, .2, 1);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100dvh;overflow-x:hidden;background:var(--bg);color:var(--text);transition:background-color var(--t-base),color var(--t-base)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3,h4{margin:0;letter-spacing:-.02em;color:var(--text)}h3{font-size:16px;font-weight:700}p{margin:0}.muted{color:var(--text-muted)}.small{font-size:13px}.numeric{font-variant-numeric:tabular-nums}.profit-positive{color:var(--success)}.profit-negative,.req{color:var(--danger)}.ta-right{text-align:right}.stack{display:flex;flex-direction:column;gap:14px}.section-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);font-weight:700}#root{min-height:100dvh}.app{min-height:100dvh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:30;height:var(--header-h);background:var(--header-bg);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}.header-inner{display:flex;align-items:center;gap:14px;width:100%;max-width:var(--content-max);margin:0 auto}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;box-shadow:0 8px 20px -8px #6366f1b3,inset 0 1px #fff3}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-size:16px;font-weight:800;letter-spacing:-.02em}.brand-sub{font-size:11px;font-weight:500;color:var(--text-faint)}.header-meta{display:flex;align-items:center;gap:8px}.header-stat{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);font-weight:500;font-size:12px}.header-stat strong{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.header-stat svg{color:var(--text-faint)}.header-stat.pos strong{color:var(--success)}.header-stat.pos svg{color:var(--success)}.header-stat.neg strong{color:var(--danger)}.header-stat.neg svg{color:var(--danger);transform:rotate(180deg)}.header-actions{display:flex;align-items:center;gap:8px}.layout{flex:1;display:grid;grid-template-columns:minmax(300px,360px) 1fr;gap:var(--gap);width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--gap) max(var(--gap),env(safe-area-inset-right)) max(var(--gap),env(safe-area-inset-bottom)) max(var(--gap),env(safe-area-inset-left));align-items:start;min-height:0}.left,.right{min-width:0;min-height:0}.right{display:flex;flex-direction:column;gap:var(--gap);animation:fadeUp .26s cubic-bezier(.16,1,.3,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.panel.pad{padding:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.panel-head h3{margin-top:3px}.panel-head-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-soft-text);flex-shrink:0}.panel-head-icon.warn{background:var(--warning-soft);color:var(--warning-soft-text)}.panel-empty{padding:26px 12px;text-align:center;color:var(--text-muted);font-size:14px;display:flex;flex-direction:column;gap:12px;align-items:center}.input{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-size:14px;color:var(--text);transition:border-color var(--t-fast),box-shadow var(--t-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;font-variant-numeric:tabular-nums}input[type=date].input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input::placeholder{color:var(--text-faint)}.input:hover{border-color:var(--text-faint)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.input:disabled{background:var(--surface-3);color:var(--text-faint);cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:12px;font-weight:600;color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .span-2{grid-column:1 / -1}.form-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.readonly-field{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.readonly-value{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.input-prefix{position:relative;flex:1;min-width:0}.input-prefix .prefix{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-faint);font-weight:700;pointer-events:none;font-size:14px;display:inline-flex}.input-prefix .input{padding-left:26px}.search-wrap{position:relative;flex:1;min-width:0}.search-input{padding-left:36px;padding-right:32px}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-faint);border-radius:var(--radius-sm);cursor:pointer}.search-clear:hover{color:var(--text);background:var(--surface-3)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;background:var(--accent);color:var(--on-accent);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:14px;line-height:1;white-space:nowrap;min-height:40px;transition:background var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast),color var(--t-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.button:not(:disabled):hover{background:var(--accent-hover);box-shadow:0 6px 18px -6px var(--ring)}.button:not(:disabled):active{background:var(--accent-active);transform:translateY(1px)}.button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.button:disabled{opacity:.55;cursor:not-allowed}.button.ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.button.ghost:not(:disabled):hover{background:var(--surface-3);box-shadow:none}.button.subtle{background:var(--accent-soft);color:var(--accent-soft-text)}.button.subtle:not(:disabled):hover{background:var(--accent-soft-hover);box-shadow:none}.button.danger{background:var(--danger-solid);color:#fff}.button.danger:not(:disabled):hover{background:var(--danger-hover)}.button.danger-ghost{background:transparent;color:var(--danger);border-color:var(--danger-border)}.button.danger-ghost:not(:disabled):hover{background:var(--danger-soft);box-shadow:none}.button.small{padding:7px 11px;font-size:13px;min-height:32px;gap:5px}.button.lg{padding:13px 22px;font-size:15px;min-height:48px}.button.icon-only{padding:0;width:40px;height:40px;flex-shrink:0}.button.icon-only-sm{padding:0;width:32px;height:32px}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.icon-button:hover{background:var(--surface-3);color:var(--text)}.icon-button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.list-panel{display:flex;flex-direction:column;gap:12px;padding:14px;position:sticky;top:calc(var(--header-h) + var(--gap));max-height:calc(100dvh - var(--header-h) - var(--gap) * 2)}.list-toolbar{display:flex;gap:8px;align-items:center}.overview-entry{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:11px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.overview-entry:hover{background:var(--surface-3);border-color:var(--border-strong)}.overview-entry.active{border-color:var(--accent);background:var(--accent-soft)}.overview-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-soft-text);flex-shrink:0}.overview-entry.active .overview-icon{background:var(--accent);color:#fff}.overview-text{flex:1;min-width:0;display:flex;flex-direction:column}.overview-title{font-weight:700;font-size:14px}.overview-sub{font-size:12px;color:var(--text-faint)}.overview-entry>svg:last-child{color:var(--text-faint);flex-shrink:0}.list-stats{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);padding:0 2px}.list-stats .count{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.sort-control{display:inline-flex;align-items:center;gap:6px}.sort-label{color:var(--text-faint)}.sort-control select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 8px;font-size:12px;font-weight:600;color:var(--text);cursor:pointer}.sort-control select:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:2px;margin-right:-2px;flex:1;min-height:0}.list-item{display:block;width:100%;text-align:left;border:1px solid var(--border);padding:13px 14px 13px 16px;background:var(--surface);border-radius:var(--radius-md);cursor:pointer;position:relative;overflow:hidden;font:inherit;color:inherit;transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast),background var(--t-fast)}.list-item:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--border-strong);transition:background var(--t-fast)}.list-item.edge-pos:before{background:var(--success)}.list-item.edge-neg:before{background:var(--danger)}.list-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.list-item:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.list-item.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.list-item.selected:before{background:var(--accent);width:4px}.list-item-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:11px}.list-item-title{min-width:0}.list-item-sku{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--text-faint);text-transform:uppercase;font-variant-numeric:tabular-nums}.list-item-name{font-weight:600;font-size:14.5px;color:var(--text);line-height:1.3;word-break:break-word;margin-top:2px}.list-item-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.meta-cell{display:flex;flex-direction:column;gap:3px;min-width:0}.meta-label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-weight:700}.meta-value{font-weight:700;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.meta-value.profit-positive{color:var(--success)}.meta-value.profit-negative{color:var(--danger)}.list-item-skel{border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;background:var(--surface)}.list-item-skel-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.list-empty{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:36px 16px;color:var(--text-muted)}.list-empty svg{color:var(--text-faint)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text-muted);font-size:12px;font-weight:600;border:1px solid var(--border);white-space:nowrap}.pill.subtle{background:var(--accent-soft);color:var(--accent-soft-text);border-color:transparent}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:7px;min-width:0;transition:transform var(--t-fast),box-shadow var(--t-fast)}.kpi-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.kpi-icon{width:38px;height:38px;border-radius:11px;display:inline-grid;place-items:center;color:#fff;box-shadow:inset 0 1px #ffffff2e}.tone-sky{background:linear-gradient(135deg,#0ea5e9,#3b82f6)}.tone-slate{background:linear-gradient(135deg,#64748b,#475569)}.tone-brand{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.tone-violet{background:linear-gradient(135deg,#7c3aed,#a855f7)}.tone-profit{background:linear-gradient(135deg,#10b981,#059669)}.tone-profit.tone-negative{background:linear-gradient(135deg,#ef4444,#b91c1c)}.kpi-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:700}.kpi-value{font-size:25px;font-weight:800;letter-spacing:-.025em;color:var(--text);font-variant-numeric:tabular-nums;line-height:1.1;word-break:break-word}.kpi-sub{font-size:12px;color:var(--text-muted)}.kpi-card.kpi-positive{background:var(--success-soft);border-color:var(--success-border)}.kpi-card.kpi-negative{background:var(--danger-soft);border-color:var(--danger-border)}.kpi-card.kpi-positive .kpi-value{color:var(--success-soft-text)}.kpi-card.kpi-negative .kpi-value{color:var(--danger)}.dashboard{display:flex;flex-direction:column;gap:var(--gap)}.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.dash-title{font-size:26px;font-weight:800;letter-spacing:-.03em;margin:2px 0}.dash-head-actions{display:flex;gap:8px;flex-shrink:0}.dash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.realized-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;flex-wrap:wrap}.realized-main{display:flex;align-items:center;gap:14px;min-width:0}.realized-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--success-soft);color:var(--success);flex-shrink:0}.realized-headline{display:flex;flex-direction:column;gap:2px;min-width:0}.realized-value{font-size:24px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.realized-sub{display:flex;gap:26px}.realized-sub>div{display:flex;flex-direction:column;gap:2px}.realized-sub span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:700}.realized-sub strong{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text)}.donut{position:relative;display:inline-flex;flex-shrink:0}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-center-value{font-size:19px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.donut-center-label{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.donut-layout{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:6px}.donut-legend{flex:1;min-width:170px;display:flex;flex-direction:column;gap:9px;max-height:200px;overflow-y:auto}.legend-item{display:grid;grid-template-columns:11px minmax(0,1fr) auto auto;gap:9px;align-items:center;font-size:13px}.legend-dot{width:11px;height:11px;border-radius:3px}.legend-name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-val{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text)}.legend-pct{color:var(--text-faint);min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.rank-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.rank-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(50px,1fr) auto 16px;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;cursor:pointer;text-align:left;transition:background var(--t-fast)}.rank-row:hover{background:var(--surface-3)}.rank-main{display:flex;flex-direction:column;min-width:0}.rank-name{font-weight:600;font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-sku{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.rank-bar-wrap{height:8px;background:var(--surface-3);border-radius:999px;overflow:hidden}.rank-bar{height:100%;border-radius:999px}.rank-bar.pos{background:linear-gradient(90deg,#34d399,#16a34a)}.rank-bar.neg{background:linear-gradient(90deg,#f59e0b,#ef4444)}.rank-val{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}.rank-row>svg{color:var(--text-faint)}.attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:4px}.attention-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 14px}.attention-card-head{font-size:13px;color:var(--text-muted);margin-bottom:10px}.attention-card-head strong{color:var(--text);font-size:16px;font-weight:800}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);padding:5px 11px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.chip:hover{background:var(--accent-soft);color:var(--accent-soft-text);border-color:transparent}.chip.ghost{cursor:default;color:var(--text-faint);border-style:dashed}.chip.ghost:hover{background:var(--surface);color:var(--text-faint)}.empty-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:64px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-hero-icon{width:74px;height:74px;border-radius:20px;background:linear-gradient(135deg,#4f46e5,#a855f7);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-md)}.empty-hero h2{font-size:23px;font-weight:800}.empty-hero p{max-width:430px;color:var(--text-muted);line-height:1.55}.back-button{display:none;align-items:center;gap:6px;background:transparent;border:none;padding:6px 10px 6px 4px;margin:-4px 0 0 -4px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);font-weight:600;font-size:13px;transition:color var(--t-fast),background var(--t-fast)}.back-button:hover{color:var(--text);background:var(--surface-3)}.product-head-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.product-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.product-head-info{min-width:0}.product-name{font-size:26px;font-weight:800;letter-spacing:-.03em;word-break:break-word;line-height:1.15}.product-name-row{display:flex;align-items:center;gap:8px}.edit-name-btn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.edit-name-btn:hover{background:var(--surface-3);color:var(--text);border-color:var(--border-strong)}.product-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.product-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;min-width:290px}.price-editor{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 13px;display:flex;flex-direction:column;gap:8px}.price-editor-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:700}.price-display{display:flex;align-items:center;justify-content:space-between;gap:10px}.price-value{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.price-error{font-size:12px;color:var(--danger)}.market-price-row{display:flex;gap:8px;align-items:stretch}.product-action-buttons{display:flex;gap:8px}.product-action-buttons .button{flex:1}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}.gauge{margin:6px 0 16px}.gauge-track{height:10px;background:var(--surface-3);border-radius:999px;overflow:hidden}.gauge-fill{height:100%;background:linear-gradient(90deg,var(--accent),#a855f7);border-radius:999px;transition:width .5s cubic-bezier(.16,1,.3,1)}.gauge-caption{margin-top:9px;font-size:13px;color:var(--text-muted)}.gauge-caption strong{color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}.stat-list{display:flex;flex-direction:column}.stat-line{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--border);font-size:14px;color:var(--text-muted)}.stat-line:first-child{border-top:none}.stat-line strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.sell-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:13px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.sell-summary>div{display:flex;flex-direction:column;gap:3px;min-width:0}.sell-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:700}.sell-summary strong{font-size:15px;font-variant-numeric:tabular-nums}.qty-row{display:flex;gap:8px}.qty-row .input{flex:1}.estimate{background:var(--accent-soft);color:var(--accent-soft-text);border-radius:var(--radius-sm);padding:10px 13px;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.estimate strong{font-weight:800;font-variant-numeric:tabular-nums}.estimate-sep{opacity:.4}.lots-table{display:flex;flex-direction:column;gap:8px;margin-top:12px}.lots-header{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1fr 1fr auto;gap:10px;padding:9px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.lot-row{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1fr 1fr auto;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);align-items:center;font-size:14px;font-variant-numeric:tabular-nums;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.lot-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.lot-row-skel{padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.lot-cell{min-width:0;overflow:hidden;text-overflow:ellipsis}.lot-cell .cell-label{display:none;font-size:10px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.lot-date{display:inline-flex;align-items:center;gap:8px}.lot-tag{width:8px;height:8px;border-radius:3px;flex-shrink:0}.lot-progress{display:flex;flex-direction:column;gap:5px;min-width:0}.lot-progress-numbers{display:flex;justify-content:space-between;gap:8px;font-size:13px}.lot-progress-numbers .remaining{font-weight:700}.lot-progress-numbers .sold{color:var(--text-muted);font-size:12px}.lot-progress-bar{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.lot-progress-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:999px;transition:width .4s}.lot-progress-fill.low{background:linear-gradient(90deg,#f59e0b,#ef4444)}.lot-progress-fill.empty{background:var(--border-strong)}.lot-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.sales-table{display:flex;flex-direction:column;gap:8px;margin-top:12px}.sales-header{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1.2fr;gap:10px;padding:9px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint)}.sales-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1.2fr;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);align-items:center;font-size:14px;font-variant-numeric:tabular-nums;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.sales-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--backdrop);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}.modal{width:100%;max-width:500px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);display:flex;flex-direction:column;max-height:calc(100dvh - 40px);animation:pop .22s cubic-bezier(.16,1,.3,1);outline:none}.modal-sm{max-width:420px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 0}.modal-head-text{display:flex;gap:12px;align-items:center;min-width:0}.modal-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-soft-text);flex-shrink:0}.modal-title{font-size:18px;font-weight:800;letter-spacing:-.02em}.modal-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px;word-break:break-word}.modal-body{padding:18px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:0 18px 18px}.confirm-message{color:var(--text-muted);font-size:14px;line-height:1.55}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-stack{position:fixed;top:calc(env(safe-area-inset-top) + 16px);right:16px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:min(92vw,380px)}.toast{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);animation:toastIn .26s cubic-bezier(.16,1,.3,1)}.toast-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:#fff;flex-shrink:0}.toast-success .toast-icon{background:var(--success)}.toast-error .toast-icon{background:var(--danger-solid)}.toast-info .toast-icon{background:var(--accent)}.toast-message{flex:1;font-size:13.5px;font-weight:500;color:var(--text);line-height:1.4}.toast-close{border:none;background:transparent;color:var(--text-faint);cursor:pointer;display:grid;place-items:center;padding:2px;border-radius:6px}.toast-close:hover{color:var(--text);background:var(--surface-3)}@keyframes toastIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.fab{display:none;position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;z-index:40;box-shadow:var(--shadow-lg);align-items:center;justify-content:center;transition:transform var(--t-fast),background var(--t-fast)}.fab:hover{background:var(--accent-hover)}.fab:active{transform:scale(.94)}.skeleton{display:block;background:linear-gradient(90deg,var(--surface-3) 25%,var(--border) 37%,var(--surface-3) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.alert{padding:11px 14px;border-radius:var(--radius-sm);font-size:13px;border:1px solid;line-height:1.45;font-weight:500}.error,.alert.error{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.success,.alert.success{background:var(--success-soft);border-color:var(--success-border);color:var(--success-soft-text)}.error{padding:10px 12px;border:1px solid var(--danger-border);border-radius:var(--radius-sm)}.initial-placeholder{min-height:100dvh;display:flex;align-items:center;justify-content:center;color:var(--text-subtle);font-size:14px}.fallback{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.error-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;max-width:480px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:10px}.list::-webkit-scrollbar,.donut-legend::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:8px;height:8px}.list::-webkit-scrollbar-thumb,.donut-legend::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}.list::-webkit-scrollbar-track,.donut-legend::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track{background:transparent}@media (max-width: 1100px){.layout{grid-template-columns:minmax(280px,320px) 1fr}.product-actions{min-width:250px}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-value{font-size:22px}}@media (max-width: 860px){:root{--gap: 12px;--header-h: 58px}.header-meta{display:none}.hide-mobile{display:none!important}.fab{display:inline-flex}.layout{grid-template-columns:1fr;padding:12px max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.list-panel{position:static;max-height:none;padding:12px}.app[data-mobile-view=list] .right,.app[data-mobile-view=detail] .left{display:none}.back-button{display:inline-flex}.dash-grid,.detail-grid,.product-head{grid-template-columns:1fr}.product-actions{min-width:0;width:100%}.product-name,.dash-title{font-size:22px}.lots-header{display:none}.lot-row{grid-template-columns:1fr 1fr;gap:14px;padding:14px}.lot-cell .cell-label{display:block}.lot-progress{grid-column:1 / -1}.lot-actions{grid-column:1 / -1;justify-content:flex-end;padding-top:10px;border-top:1px dashed var(--border)}.sales-header{display:none}.sales-row{grid-template-columns:1fr 1fr;gap:12px;padding:14px}.sales-row .ta-right{text-align:left}.realized-sub{width:100%;justify-content:space-between;gap:12px}}@media (max-width: 560px){.kpi-row{grid-template-columns:1fr 1fr;gap:10px}.kpi-card{padding:13px}.kpi-value{font-size:19px}.kpi-icon{width:32px;height:32px}.product-name{font-size:20px}.modal-backdrop{padding:0;align-items:flex-end}.modal{max-width:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:92dvh;animation:sheetUp .28s cubic-bezier(.16,1,.3,1);padding-bottom:env(safe-area-inset-bottom)}.form-grid{grid-template-columns:1fr}.sell-summary{grid-template-columns:1fr;gap:8px}.sell-summary>div{flex-direction:row;justify-content:space-between;align-items:baseline}.toast-stack{left:12px;right:12px;max-width:none;top:calc(env(safe-area-inset-top) + 12px)}}@keyframes sheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}