.dv-page{color:#0f172a;font-feature-settings:"tnum" 1, "ss01" 1;background:radial-gradient(1200px 480px at 100% -8%,#7c3aed1a,#0000 60%),radial-gradient(1000px 520px at -6% 4%,#6d5dfc14,#0000 58%),linear-gradient(#f5f7fb 0%,#eef2f9 100%);min-height:100vh;padding:22px;position:relative}.dv-progress{z-index:1200;transform-origin:0;background:linear-gradient(90deg,#7c3aed,#6d5dfc,#22d3ee) 0 0/200% 100%;height:3px;animation:1.1s ease-in-out infinite dv-progress-run;position:fixed;inset:0 0 auto}@keyframes dv-progress-run{0%{opacity:.9;background-position:100% 0}to{opacity:.9;background-position:-100% 0}}.dv-hero,.dv-filter-bar,.dv-surface,.dv-alert{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff5;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 18px 42px #0f172a0f}.dv-hero{z-index:60;background:radial-gradient(900px 240px at 92% -40%,#7c3aed29,#0000 70%),linear-gradient(135deg,#ede9fe8c,#fffffff5);justify-content:space-between;align-items:center;gap:22px;padding:22px 24px;animation:.36s both dv-rise;display:flex;position:relative}.dv-hero-text{min-width:0}.dv-hero h1,.dv-surface-head h2,.dv-modal-head h3{margin:0}.dv-hero h1{letter-spacing:-.01em;background:linear-gradient(120deg,#4c1d95,#6d28d9 60%,#7c3aed);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.dv-hero p{color:#64748b;margin:6px 0 0;font-size:13px}.dv-eyebrow{color:#6d28d9;letter-spacing:.01em;background:#ede9fe;border-radius:999px;align-items:center;gap:8px;margin-bottom:10px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.dv-hero-actions,.dv-hero-buttons,.dv-filter-main,.dv-control-row,.dv-store-actions,.dv-surface-head .dv-select-menu,.dv-surface-head .dv-store-picker,.dv-modal-head,.dv-modal-foot{align-items:center;gap:10px;display:flex}.dv-hero-actions{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0}.dv-hero-buttons{flex-wrap:wrap}.dv-sync-card{white-space:nowrap;background:#f8fafceb;border:1px solid #94a3b833;border-radius:12px;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex;box-shadow:0 8px 20px #0f172a0d}.dv-sync-card>span{color:#6d28d9;background:#ede9fe;border-radius:12px;place-items:center;width:34px;height:34px;transition:color .16s;display:inline-grid}.dv-sync-card small{color:#94a3b8;font-size:11px;display:block}.dv-sync-card strong{color:#0f172a;font-size:14px;font-weight:700;display:block}.dv-sync-card.is-loading>span{color:#7c3aed;animation:.9s linear infinite dv-spin}.dv-sync-text{min-width:0}.dv-sync-refresh{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#6d5dfc);border:0;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 14px;font-size:13px;font-weight:700;transition:box-shadow .16s,transform .16s,filter .16s;display:inline-flex;box-shadow:0 8px 18px #7c3aed38}.dv-sync-refresh:hover{transform:translateY(-1px);box-shadow:0 12px 24px #7c3aed4d}.dv-sync-refresh:active{filter:brightness(.98);transform:translateY(0)}.dv-chart.is-loading{color:#7c3aed}.dv-ghost-button,.dv-primary-button,.dv-select-button,.dv-store-trigger,.dv-modal-foot button,.dv-modal-head button,.dv-store-actions button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s,color .16s,filter .16s;display:inline-flex}.dv-ghost-button:hover,.dv-select-button:hover,.dv-store-trigger:hover{color:#6d28d9;border-color:#c4b5fd;transform:translateY(-1px);box-shadow:0 8px 20px #7c3aed24}.dv-ghost-button:active,.dv-select-button:active,.dv-store-trigger:active,.dv-primary-button:active{filter:brightness(.98);transform:translateY(0)}.dv-primary-button,.dv-modal-foot .primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d5dfc);border-color:#0000;box-shadow:0 12px 24px #7c3aed3d}.dv-primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #7c3aed4d}.dv-filter-bar{z-index:40;margin-top:16px;padding:14px 16px;animation:.36s both dv-rise;position:relative}.dv-filter-main,.dv-chip-row{flex-wrap:wrap;gap:10px;display:flex}.dv-store-picker,.dv-select-menu{position:relative}.dv-store-panel,.dv-select-options{z-index:9999;background:#fff;border:1px solid #94a3b83d;border-radius:14px;min-width:220px;max-height:320px;padding:8px;animation:.15s both dv-popover-in;overflow-y:auto;box-shadow:0 22px 48px #0f172a29}.dv-store-panel{border-color:#7c3aed38;min-width:244px;padding:10px}.dv-store-list{max-height:220px;overflow:auto}.dv-store-option,.dv-check-row{border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.dv-store-option{cursor:pointer;transition:background .14s,color .14s,transform .14s}.dv-store-option:hover{color:#6d28d9;transform:translate(2px)}.dv-store-option input{accent-color:#7c3aed}.dv-store-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px;display:grid}.dv-store-actions button{color:#fff;border:0;border-radius:10px;width:100%;height:34px;font-weight:700;box-shadow:0 10px 20px #7c3aed2e}.dv-store-actions button:first-child{background:linear-gradient(135deg,#7c3aed,#6d5dfc)}.dv-store-actions button:last-child{background:linear-gradient(135deg,#f97316,#e11d48)}.dv-store-actions button:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 14px 26px #0f172a2e}.dv-store-option:hover,.dv-check-row:hover,.dv-select-options button:hover,.dv-select-options button.active,.dv-recent-item:hover{background:#f8fafc}.dv-select-options button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;width:100%;padding:10px 12px;transition:background .14s,color .14s,transform .14s;display:block}.dv-select-options button:hover,.dv-select-options button.active{color:#6d28d9;transform:translate(2px)}.dv-select-menu.wide .dv-select-options{min-width:260px}.dv-select-options.open-up,.dv-store-panel.open-up{animation:.15s both dv-popover-in-up}@keyframes dv-popover-in-up{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dv-chip-row{margin-top:14px}.dv-filter-chip{background:#ffffffe6;border:1px solid #94a3b833;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 6px 16px #0f172a0a}.dv-filter-chip:hover{border-color:#c4b5fd;transform:translateY(-1px);box-shadow:0 10px 22px #7c3aed1f}.dv-alert{color:#b91c1c;background:#fef2f2;border-color:#ef444440;border-radius:14px;margin-top:14px;padding:13px 15px;animation:.26s both dv-rise}.dv-info-metric>span,.dv-recent-icon,.dv-channel-icon{justify-content:center;align-items:center;display:inline-flex}.dv-info-metric>span{border-radius:14px;flex:none;order:2;width:48px;height:48px;margin-left:auto}.dv-info-metric.violet>span{color:#6d28d9;background:#ede9fe}.dv-info-metric.blue>span{color:#2563eb;background:#dbeafe}.dv-info-metric.emerald>span{color:#16a34a;background:#dcfce7}.dv-info-metric.amber>span{color:#d97706;background:#fef3c7}.dv-hero p,.dv-surface-head p,.dv-sync-card small,.dv-filter-chip span,.dv-info-metric small,.dv-recent-info small,.dv-wallet-row span,.dv-head-tag,.dv-tooltip-title{color:#64748b}.dv-info-metric strong,.dv-chart-meta strong,.dv-wallet-row strong,.dv-recent-value{color:#0f172a;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;display:block}.dv-info-metric small{color:#64748b;font-size:12px;font-weight:600;display:block}.dv-layout{z-index:5;grid-template-columns:minmax(0,1.62fr) minmax(300px,.9fr);grid-template-areas:"chart recent""top top""inv inv";align-items:stretch;gap:16px;margin-top:16px;display:grid;position:relative}.dv-card-chart{flex-direction:column;grid-area:chart;min-width:0;display:flex}.dv-card-top{grid-area:top;min-width:0}.dv-card-inventory{grid-area:inv;min-width:0}.dv-card-recent{flex-direction:column;grid-area:recent;min-width:0;display:flex}.dv-surface{margin-bottom:16px;transition:box-shadow .2s,transform .2s,border-color .2s;animation:.36s both dv-rise;overflow:visible}.dv-layout>.dv-surface{margin-bottom:0}.dv-card-chart .dv-chart-shell{flex-direction:column;flex:1;min-height:0;display:flex}.dv-card-recent .dv-recent-list{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.dv-card-recent .dv-empty-state{flex:1;justify-content:center;align-items:center;display:flex}.dv-surface:hover{box-shadow:0 24px 52px #0f172a14}.dv-surface-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 12px;display:flex}.dv-surface-head h2{color:#0f172a;font-size:16px;font-weight:700}.dv-surface-head p{margin:4px 0 0;font-size:12px}.dv-head-tag{background:#f1f5f9;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:600}.dv-table-wrap{overflow-x:auto}.dv-table{border-collapse:collapse;width:100%;font-size:13px}.dv-table th,.dv-table td{text-align:right;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:12px 16px}.dv-table th:first-child,.dv-table td:first-child,.dv-product-name{text-align:left}.dv-table th{color:#475569;text-transform:none;background:#f8fafc;font-size:12px;font-weight:700;position:sticky;top:0}.dv-table tbody tr{transition:background .14s}.dv-table tbody tr:hover td,.dv-table .is-total td{background:#fbfcff}.dv-table .is-total td{font-weight:700}.dv-product-name{color:#0f172a;font-weight:600}.dv-product-name span{color:#94a3b8;margin-top:2px;font-size:12px;font-weight:500;display:block}.dv-empty,.dv-empty-state{color:#64748b;text-align:center;padding:26px;font-size:13px}.dv-empty-state.compact{padding:10px}.dv-empty-state.is-error{color:#b91c1c}.dv-chart-shell{padding:0 20px 20px}.dv-chart-meta,.dv-metric-grid,.dv-grid-two{gap:14px;display:grid}.dv-chart-meta{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.dv-chart-meta div,.dv-info-metric,.dv-wallet-row{background:#f8fafc;border:1px solid #94a3b824;border-radius:12px;padding:13px 15px}.dv-chart-meta span{color:#94a3b8;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.dv-chart{height:340px;position:relative}.dv-chart-empty{pointer-events:none;color:#94a3b8;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.dv-chart-skeleton{background:linear-gradient(100deg,#eef2f7 30%,#f8fafc 50%,#eef2f7 70%) 0 0/200% 100%;border-radius:14px;animation:1.4s ease-in-out infinite dv-shimmer;position:absolute;inset:8px 4px}.dv-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.dv-channel-icon{color:#1d4ed8;background:#dbeafe;border-radius:9px;width:26px;height:26px;margin-right:10px;font-size:11px;font-weight:800}.dv-recent-list,.dv-wallet-list{padding:6px 4px 12px}.dv-recent-item{color:inherit;border-radius:0;grid-template-columns:34px 1fr auto;gap:12px;padding:11px 20px;text-decoration:none;transition:background .14s,transform .14s;display:grid}.dv-recent-item:hover{background:#f8fafc;transform:translate(2px)}.dv-recent-icon{color:#7c3aed;background:#ede9fe;border-radius:11px;width:34px;height:34px}.dv-recent-info strong{color:#0f172a;font-size:13px;font-weight:700;display:block}.dv-recent-info small{margin-top:2px;font-size:12px;display:block}.dv-recent-value{white-space:nowrap;color:#15803d;font-size:15px;font-weight:800}.dv-row-skeleton{gap:10px;padding:12px 20px;display:grid}.dv-skeleton-bar{background:linear-gradient(100deg,#e9edf4 30%,#f4f7fb 50%,#e9edf4 70%) 0 0/200% 100%;border-radius:8px;height:12px;animation:1.4s ease-in-out infinite dv-shimmer}.dv-skeleton-line{background:#eef2f7;border-radius:8px;height:10px}.dv-recent-skeleton{grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:11px 20px;display:grid}.dv-recent-skeleton .dv-skeleton-bar{border-radius:11px;height:34px}.dv-wallet-row{justify-content:space-between;align-items:center;margin:0 20px 10px;display:flex}.dv-metric-grid,.dv-stack-metrics{padding:0 20px 20px}.dv-inventory-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dv-info-metric{align-items:center;gap:12px;transition:transform .16s,box-shadow .16s;display:flex}.dv-info-metric:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a12}.dv-tooltip{color:#fff;background:#0f172a;border-radius:12px;padding:10px 12px;font-size:12px;box-shadow:0 18px 40px #0f172a4d}.dv-tooltip-title{color:#cbd5e1;margin-bottom:6px}.dv-tooltip-row{align-items:center;gap:8px;display:flex}.dv-tooltip-dot{border-radius:999px;width:8px;height:8px}.dv-tooltip-row strong{font-variant-numeric:tabular-nums;margin-left:auto}.dv-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a85;justify-content:center;align-items:center;padding:20px;animation:.18s both dv-fade;display:flex;position:fixed;inset:0}.dv-modal{background:#fff;border-radius:18px;flex-direction:column;width:min(560px,96vw);max-height:88vh;animation:.22s both dv-rise;display:flex;overflow:hidden;box-shadow:0 30px 70px #0f172a4d}.dv-modal.wide{width:min(920px,96vw)}.dv-modal-head,.dv-modal-foot{border-bottom:1px solid #eef2f7;justify-content:space-between;padding:16px 20px}.dv-modal-head h3{font-size:16px;font-weight:700}.dv-modal-head button{color:#64748b;border-radius:10px;width:34px;height:34px;padding:0}.dv-modal-head button:hover{color:#0f172a;border-color:#cbd5e1}.dv-modal-foot{border-top:1px solid #eef2f7;border-bottom:0}.dv-modal-body{padding:12px 20px 20px;overflow:auto}.is-danger{color:#dc2626}@keyframes dv-popover-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dv-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dv-fade{0%{opacity:0}to{opacity:1}}@keyframes dv-spin{to{transform:rotate(360deg)}}@keyframes dv-shimmer{0%{opacity:.7;background-position:100% 0}50%{opacity:1}to{opacity:.7;background-position:-100% 0}}@media (width<=1100px){.dv-chart-meta,.dv-grid-two,.dv-inventory-row{grid-template-columns:1fr}.dv-layout{grid-template-columns:1fr;grid-template-areas:"chart""recent""top""inv"}}@media (width<=720px){.dv-page{padding:14px}.dv-hero{flex-direction:column;align-items:stretch;gap:14px}.dv-hero-actions{min-width:0}.dv-filter-main,.dv-surface-head,.dv-control-row{flex-direction:column;align-items:stretch}.dv-recent-item,.dv-recent-skeleton{padding:11px 16px}.dv-chart-meta div,.dv-info-metric{padding:12px 14px}}.dv-storage-alert-card{gap:14px;display:grid}.dv-storage-metric{color:#0f172a;background:#f8fbff;border:1px solid #dbeafe;border-radius:16px;gap:6px;padding:14px;text-decoration:none;display:grid}.dv-storage-metric:hover{background:#ecfdf5;border-color:#86efac}.dv-storage-metric small{color:#64748b;font-size:12px;font-weight:700}.dv-storage-metric strong{font-size:22px;font-weight:850}.dv-storage-toplist{gap:8px;display:grid}.dv-storage-toplist a{color:#334155;border:1px solid #eef2f7;border-radius:12px;justify-content:space-between;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.dv-storage-toplist a:hover{color:#15803d;border-color:#bbf7d0}.dv-storage-toplist span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dv-storage-toplist strong{flex:none;font-size:12px}.products-workspace{flex-direction:column;gap:22px;display:flex}.products-hero{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:radial-gradient(circle at 100% 0,#f59e0b2e,#0000 28%),radial-gradient(circle at 0 100%,#22c55e2e,#0000 30%),linear-gradient(135deg,#fffffffa,#f7faffeb);border:1px solid #dce5f2e6;gap:18px;padding:24px 24px 22px;display:grid;position:relative;overflow:hidden}.products-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#6d5dfc2e,#0000 68%);border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -60px -80px auto}.products-hero-copy{z-index:1;gap:8px;display:grid;position:relative}.products-hero-kicker{color:#334155;letter-spacing:.08em;text-transform:uppercase;background:#0f172a0f;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:30px;padding:0 12px;font-size:12px;font-weight:900;display:inline-flex}.products-hero h1{margin:0;font-size:clamp(28px,2.2vw,40px)}.products-hero p{color:#475569;max-width:780px;margin:0;line-height:1.65}.products-tabbar{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.products-tab{color:#475569;text-align:left;background:#ffffffd6;border:1px solid #dce5f2f5;border-radius:18px;min-width:min(280px,100%);min-height:58px;padding:12px 16px;box-shadow:0 10px 20px #0f172a0a}.products-tab:hover{border-color:#6d5dfc4d;transform:translateY(-1px)}.products-tab.is-active{color:#0f172a;background:linear-gradient(135deg,#6d5dfc29,#22c55e1a);border-color:#6d5dfc6b;box-shadow:0 18px 30px #6d5dfc1f}.products-tab-top{align-items:center;gap:10px;font-weight:800;display:flex}.products-tab-icon{width:34px;height:34px;color:var(--primary);background:#ffffffe6;border-radius:12px;place-items:center;display:inline-grid}.products-tab small{color:#64748b;margin-top:6px;line-height:1.45;display:block}.products-panel{flex-direction:column;gap:18px;display:flex}.products-control-card,.products-table-card,.products-note-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fffffff0;border:1px solid #dce5f2eb}.products-control-card{flex-direction:column;gap:18px;padding:22px;display:flex}.products-control-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.products-title-stack{gap:8px;display:grid}.products-title-stack h2{letter-spacing:-.02em;margin:0;font-size:22px}.products-title-stack p{color:#64748b;margin:0;line-height:1.55}.products-stat-row{flex-wrap:wrap;gap:8px;display:flex}.products-stat-chip{color:#334155;background:#f8fafc;border-radius:999px;align-items:center;gap:8px;min-height:32px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.products-action-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.products-primary-actions,.products-secondary-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.products-primary-actions{justify-content:flex-end}.products-floating-menu{display:inline-flex;position:relative}.products-split-add{gap:1px}.products-add-button{color:#fff;background:#22c55e;border:1px solid #16a34a;border-radius:6px 0 0 6px;min-height:38px;font-weight:800}.products-add-button:hover{color:#fff;background:#16a34a}.products-split-toggle{border-radius:0 6px 6px 0;width:36px;min-width:36px;padding-inline:0}.products-dropdown-button{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-height:38px;font-weight:800}.products-floating-dropdown,.products-sub-dropdown{background:#fff;border:1px solid #cbd5e1f5;border-radius:6px;box-shadow:0 18px 38px #0f172a24}.products-floating-dropdown{z-index:45;min-width:220px;padding:6px;position:absolute;top:calc(100% + 8px);left:0}.products-bulk-dropdown{min-width:270px}.products-dropdown-group{position:relative}.products-sub-dropdown{margin:6px 0;padding:5px}.products-dropdown-item{color:#334155;text-align:left;background:0 0;border:0;border-radius:5px;justify-content:flex-start;align-items:center;gap:9px;width:100%;min-height:38px;padding:9px 11px;font-size:13px;font-weight:700;display:inline-flex}.products-dropdown-item:hover:not(:disabled){background:#f1f5f9}.products-dropdown-item:disabled{cursor:not-allowed;opacity:.56}.products-dropdown-item.danger{color:#dc2626}.products-selected-count{color:#3730a3;background:#eef2ff;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.products-bulk-modal{max-width:450px}.products-modal-body{padding:18px}.products-filter-form,.products-filter-grid{gap:12px;display:grid}.products-filter-grid.products-grid-products{grid-template-columns:minmax(220px,1.7fr) minmax(180px,1fr) minmax(180px,1fr) auto}.products-filter-grid.products-grid-history{grid-template-columns:repeat(6,minmax(140px,1fr)) auto auto}.products-filter-grid.products-grid-storage{grid-template-columns:minmax(180px,1.4fr) minmax(160px,1fr) minmax(160px,1fr) minmax(130px,.8fr) minmax(130px,.8fr) minmax(110px,.7fr) auto}.products-inline-field{flex-direction:column;gap:8px;display:flex}.products-inline-field span{color:#475569;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:900}.products-inline-control{border:1px solid var(--border);background:#fbfdff;border-radius:16px;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:flex}.products-inline-control:focus-within{border-color:#6d5dfc80;box-shadow:0 0 0 4px #6d5dfc1f}.products-inline-control input,.products-inline-control select{color:#0f172a;background:0 0;border:0;outline:0;width:100%;min-width:0;min-height:44px}.products-inline-control svg{color:#94a3b8;flex:none}.products-filter-submit{align-self:end}.products-filter-note{border-top:1px solid #eef3f8;flex-wrap:wrap;align-items:center;gap:10px;padding-top:6px;display:flex}.products-filter-note p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.products-table-card{overflow:hidden}.products-table-topbar{background:linear-gradient(#f8fafceb,#ffffffd6);border-bottom:1px solid #eef3f8;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.products-table-topbar strong{color:#0f172a;display:block}.products-table-topbar span{color:#64748b;margin-top:4px;font-size:13px;display:block}.products-table-hint{color:#475569;background:#f8fafc;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.products-table-wrap{overflow:auto}.products-table-card .data-table th{top:0}.products-table-card .data-table td{vertical-align:top}.products-data-table .check-cell{text-align:center;width:40px}.products-data-table .action-cell{width:132px;text-align:right!important}.products-code{color:#0f172a;align-items:center;gap:8px;font-weight:800;display:inline-flex}.products-name-cell{min-width:220px}.products-name-main{color:#0f172a;font-weight:700}.products-name-sub{color:#64748b;margin-top:4px;font-size:12px}.products-barcode{color:#475569}.products-price{color:#0f172a;font-weight:700}.products-price.products-price-sale{color:#059669}.products-stock{color:#16a34a;font-weight:800}.products-actions{gap:6px;display:inline-flex;position:relative}.products-row-menu-button{width:34px;height:34px}.products-row-action-menu{z-index:30;border:1px solid var(--product-pilot-border);background:#fff;border-radius:12px;gap:4px;min-width:142px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 42px #0f172a24}.products-row-action-menu button{color:#334155;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:9px 10px;font-size:13px;font-weight:700;display:flex}.products-row-action-menu button:hover{color:var(--product-pilot-primary);background:#f1f5f9}.products-row-action-menu button.danger{color:#dc2626}.products-row-action-menu button.danger:hover{background:#fef2f2}.products-note-card{background:linear-gradient(135deg,#fff7edeb,#fffffff0);gap:8px;padding:18px 20px;display:grid}.products-note-card strong{color:#9a3412}.products-note-card p,.products-note-card li{color:#7c2d12;font-size:13px;line-height:1.6}.products-note-card ul{margin:0;padding-left:18px}.barcode-page{background:radial-gradient(circle at 100% 0,#dbeafeb3,#0000 32%),linear-gradient(#f8fbff 0%,#f4f7fb 100%);border:1px solid #dbeafe;border-radius:20px;flex-direction:column;gap:18px;min-height:calc(100vh - 118px);padding:22px;display:flex}.barcode-page-header{justify-content:space-between;align-items:center;gap:18px;padding:4px 2px;display:flex}.barcode-heading{align-items:center;gap:16px;min-width:0;display:flex}.barcode-back-button{background:#ffffffe6;border-color:#cbd5e1;flex:none;min-height:40px}.barcode-eyebrow{color:#16a34a;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.barcode-page-header h2{color:#0f172a;margin:3px 0 4px;font-size:24px;line-height:1.2}.barcode-page-header p{color:#64748b;margin:0;font-size:13px}.barcode-layout{grid-template-columns:minmax(0,1fr) minmax(340px,380px);align-items:start;gap:18px;display:grid}.barcode-card{background:#fffffff5;border:1px solid #dbe3ef;border-radius:14px;overflow:hidden;box-shadow:0 14px 35px #0f172a12}.barcode-card-title{color:#0f172a;background:linear-gradient(#fff,#f8fafc);border-bottom:1px solid #e2e8f0;align-items:center;gap:9px;min-height:52px;padding:0 18px;display:flex}.barcode-card-title>span:first-child{align-items:center;gap:9px;display:flex}.barcode-card-title:not(:has(>span)){align-items:center;gap:9px;display:flex}.barcode-card-title svg{color:#16a34a}.barcode-card-count{color:#15803d;background:#ecfdf5;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:11px;font-weight:800}.barcode-products-card{min-height:420px}.barcode-toolbar{border-bottom:1px solid #edf2f7;align-items:center;gap:12px;padding:16px 18px;display:flex}.barcode-search-row input,.barcode-text-input,.barcode-config-row select,.barcode-config-row input{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:9px;min-height:38px;transition:border-color .16s,box-shadow .16s}.barcode-product-search{flex:1;min-width:220px;position:relative}.barcode-search-row{color:#64748b;cursor:text;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;width:100%;min-width:220px;min-height:42px;padding:0 10px 0 13px;transition:border-color .16s,box-shadow .16s;display:flex}.barcode-search-dropdown{z-index:40;background:#fff;border:1px solid #cbd5e1;border-radius:12px;max-height:360px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto;box-shadow:0 18px 40px #0f172a29}.barcode-search-state{color:#64748b;text-align:center;padding:18px;font-size:13px}.barcode-search-state.error{color:#b91c1c}.barcode-search-result{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:12px 14px;display:flex}.barcode-search-result:last-child{border-bottom:0}.barcode-search-result:hover,.barcode-search-result:focus-visible{background:#ecfdf5;outline:none}.barcode-search-result-main,.barcode-search-result-side{gap:4px;display:grid}.barcode-search-result-main{min-width:0}.barcode-search-result-main strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.barcode-search-result small{color:#64748b;font-size:11px}.barcode-search-result-side{flex:none;justify-items:end}.barcode-search-result-side strong{color:#15803d}.barcode-search-row:focus-within,.barcode-config-row select:focus,.barcode-config-row input:focus,.barcode-text-input:focus,.barcode-margin-row input:focus,.barcode-qty:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #3b82f61f}.barcode-search-row input{border:0;outline:0;width:100%;min-width:0;min-height:40px;padding:0 10px}.barcode-search-row button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:0 0 28px;place-items:center;width:28px;height:28px;display:grid}.barcode-search-row button:hover{color:#0f172a;background:#f1f5f9}.barcode-toolbar-note{color:#15803d;background:#f0fdf4;border-radius:8px;flex:none;padding:7px 10px;font-size:12px;font-weight:800}.barcode-table td,.barcode-table th{padding:12px 14px;font-size:13px}.barcode-table tbody tr{transition:background .14s}.barcode-table tbody tr:hover{background:#f8fbff}.barcode-qty{text-align:center;border:1px solid #cbd5e1;border-radius:8px;width:66px;min-height:34px}.barcode-side{gap:18px;display:grid}.barcode-preview-label{text-align:center;color:#0f172a;background:#fff;border:1px solid #94a3b8;border-radius:8px;width:min(260px,100%);min-height:0;margin:20px auto 16px;padding:12px 16px;box-shadow:0 12px 26px #0f172a1a}.barcode-preview-store{font-size:11px;font-weight:800}.barcode-art,.barcode-svg{display:block}.barcode-art{justify-content:center;align-items:center;width:100%;display:flex}.barcode-svg{fill:#000;background:#fff;width:auto;max-width:100%;height:28px;margin:0 auto}.barcode-svg.qr{height:58px}.barcode-preview-code{font-size:11px}.barcode-standard-note{color:#166534;margin-top:4px;font-size:10px;line-height:1.25}.barcode-standard-note.warning{color:#b45309}.barcode-standard-note.danger{color:#b91c1c}.barcode-preview-name{max-height:30px;font-size:11px;line-height:1.25;overflow:hidden}.barcode-preview-name.three{max-height:44px}.barcode-preview-price{font-size:12px;font-weight:900}.barcode-preview-old-price{color:#64748b;font-size:10px;text-decoration:line-through}.barcode-settings{border-top:1px solid #edf2f7;padding:2px 0 12px}.barcode-config-row,.barcode-switch-row{color:#334155;grid-template-columns:1fr 150px;align-items:center;gap:10px;padding:7px 18px;font-size:13px;display:grid}.barcode-switch-row{cursor:pointer;grid-template-columns:auto 1fr;min-height:36px}.barcode-switch-row:hover{background:#f8fafc}.barcode-switch-row.is-disabled{color:#94a3b8;cursor:not-allowed}.barcode-switch-row input{accent-color:#16a34a;width:16px;height:16px}.barcode-config-row select,.barcode-config-row input,.barcode-text-input{width:100%;padding:0 10px}.barcode-text-input{width:calc(100% - 116px);margin:0 18px 8px 98px}.barcode-text-input:disabled{color:#94a3b8;background:#f8fafc}.barcode-margin-row{background:#fbfdff;border-bottom:1px solid #e2e8f0;gap:20px;padding:16px 18px;display:flex}.barcode-print-guide{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin:10px 18px 0;padding:10px 12px;font-size:12px;line-height:1.45}.barcode-margin-row label{color:#334155;align-items:center;gap:8px;font-size:13px;display:inline-flex}.barcode-margin-row input{text-align:center;border:1px solid #cbd5e1;border-radius:8px;width:64px;min-height:36px}.barcode-show-all{color:#16a34a;text-align:left;cursor:pointer;background:0 0;border:0;width:calc(100% - 32px);margin:12px 16px 8px;padding:8px 2px;font-weight:800}.barcode-show-all:hover{color:#15803d}.barcode-paper-list{gap:12px;max-height:380px;padding:0 16px 14px;display:grid;overflow:auto}.barcode-paper-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:10px;padding:12px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.barcode-paper-item:hover{border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 8px 20px #16a34a14}.barcode-paper-item label{color:#0f172a;cursor:pointer;align-items:flex-start;gap:7px;font-size:13px;display:flex}.barcode-paper-item input[type=radio]{accent-color:#16a34a}.barcode-paper-item em{color:#334155;margin-top:2px;font-style:italic;display:block}.barcode-paper-preview{background:linear-gradient(135deg,#e0f2fe,#fff 46%,#bae6fd);border-radius:4px;width:72px;height:58px}.barcode-paper-preview.sheet{background:repeating-linear-gradient(0deg,#f8fafc 0 4px,#e2e8f0 5px 6px);border:1px solid #cbd5e1}.barcode-paper-preview.jewelry{background:linear-gradient(90deg,#fff,#e2e8f0,#fff);border:1px solid #cbd5e1;border-radius:999px;height:34px}.btn.barcode-print-button{color:#fff;background:#16a34a;border-color:#15803d;grid-column:1/2;width:fit-content;min-height:34px}.btn.barcode-print-main{color:#fff;background:#16a34a;border-color:#15803d;width:calc(100% - 32px);min-height:42px;margin:0 16px 16px}.btn.barcode-print-button:hover,.btn.barcode-print-main:hover{background:#15803d;border-color:#166534}.products-empty{color:#64748b;text-align:center;padding:40px 16px}.products-history-type{min-width:132px}.products-history-name{min-width:230px}.products-history-time{white-space:nowrap}@media (width<=1280px){.products-filter-grid.products-grid-history{grid-template-columns:repeat(3,minmax(160px,1fr)) auto auto}}@media (width<=980px){.products-hero,.products-control-card{padding:18px}.products-control-top,.products-table-topbar{flex-direction:column;align-items:stretch}.products-action-row,.products-primary-actions,.products-secondary-actions{justify-content:flex-start}.barcode-layout{grid-template-columns:1fr}.barcode-page-header{flex-direction:column;align-items:stretch}.barcode-page{padding:16px}.barcode-heading{align-items:flex-start}.products-filter-grid.products-grid-products,.products-filter-grid.products-grid-history{grid-template-columns:1fr}.products-filter-submit{align-self:stretch}.products-tab{min-width:100%}}@media (width<=640px){.barcode-page{border-radius:14px;padding:12px}.barcode-heading,.barcode-toolbar{flex-direction:column;align-items:stretch}.barcode-toolbar-note{width:fit-content}.barcode-config-row{grid-template-columns:1fr}.barcode-text-input{width:calc(100% - 36px);margin:0 18px 8px}.barcode-margin-row{flex-wrap:wrap}.products-table-topbar{padding:16px}.products-control-card{gap:16px}.products-stat-row,.products-filter-note,.products-actions{flex-wrap:wrap}}:root{--product-pilot-bg:#f3f7fc;--product-pilot-surface:#fffffff5;--product-pilot-border:#dbe6f3;--product-pilot-text:#0f172a;--product-pilot-muted:#64748b;--product-pilot-primary:#16a34a;--product-pilot-primary-2:#22c55e;--product-pilot-soft:#ecfdf5;--product-pilot-radius:14px;--product-pilot-radius-lg:20px;--product-pilot-shadow:0 18px 42px #0f172a1a;--product-pilot-focus:0 0 0 4px #16a34a24}.products-workspace,.product-main-page,.batch-page,.storage-duration-page{background:radial-gradient(circle at top left, #16a34a1f, transparent 30%), radial-gradient(circle at 86% 8%, #10b9811a, transparent 26%), linear-gradient(180deg, #f8fbff 0%, var(--product-pilot-bg) 100%);min-height:calc(100vh - 76px);color:var(--product-pilot-text);padding:22px clamp(18px,4vw,44px) 46px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.products-hero,.products-control-card,.products-table-card,.products-note-card,.products-modal-card,.products-modal,.products-history-panel,.products-barcode-card,.batch-card,.storage-card{border-radius:var(--product-pilot-radius-lg)!important;background:var(--product-pilot-surface)!important;box-shadow:var(--product-pilot-shadow)!important;border:1px solid #94a3b847!important}.products-hero{background:radial-gradient(circle at top left, #16a34a1f, transparent 30%), radial-gradient(circle at bottom right, #06b6d41f, transparent 30%), var(--product-pilot-surface)!important}.products-hero h1,.products-title-stack h2,.products-table-topbar h2,.products-modal h2{letter-spacing:-.03em;font-weight:850;color:var(--product-pilot-text)!important}.products-hero p,.products-title-stack p,.products-table-hint,.products-filter-note,.products-name-sub{color:var(--product-pilot-muted)!important}.products-tab{transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s;border:1px solid var(--product-pilot-border)!important;border-radius:var(--product-pilot-radius)!important;color:#475569!important;background:#f8fafc!important}.products-tab:hover{transform:translateY(-1px);background:var(--product-pilot-soft)!important;color:var(--product-pilot-primary)!important;border-color:#bbf7d0!important}.products-tab.is-active{background:linear-gradient(135deg, var(--product-pilot-primary), var(--product-pilot-primary-2))!important;color:#fff!important;border-color:#0000!important;box-shadow:0 14px 28px #16a34a3d!important}.products-tab.is-active small,.products-tab.is-active .products-tab-icon{color:#fff!important}.products-add-button,.products-filter-submit,.products-workspace .btn-primary{background:linear-gradient(135deg, var(--product-pilot-primary), #15803d)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px #16a34a38!important}.products-add-button:hover:not(:disabled),.products-filter-submit:hover:not(:disabled),.products-workspace .btn-primary:hover:not(:disabled){transform:translateY(-1px);background:linear-gradient(135deg,#15803d,#166534)!important;box-shadow:0 16px 30px #16a34a47!important}.products-workspace .btn-light,.products-dropdown-button,.products-secondary-actions .btn,.products-icon-button,.products-row-action,.products-pagination-button{border:1px solid var(--product-pilot-border)!important;color:#334155!important;background:#fff!important;box-shadow:0 8px 18px #0f172a0a!important}.products-workspace .btn-light:hover:not(:disabled),.products-dropdown-button:hover:not(:disabled),.products-secondary-actions .btn:hover:not(:disabled),.products-icon-button:hover:not(:disabled),.products-row-action:hover:not(:disabled),.products-pagination-button:hover:not(:disabled){transform:translateY(-1px);background:var(--product-pilot-soft)!important;color:var(--product-pilot-primary)!important;border-color:#bbf7d0!important}.products-inline-control,.products-search-box,.products-filter-form input,.products-filter-form select,.products-modal input,.products-modal select,.products-modal textarea{transition:border-color .15s,box-shadow .15s,background .15s;border-color:var(--product-pilot-border)!important;border-radius:var(--product-pilot-radius)!important;background:#fff!important}.products-inline-control:focus-within,.products-search-box:focus-within,.products-filter-form input:focus,.products-filter-form select:focus,.products-modal input:focus,.products-modal select:focus,.products-modal textarea:focus{border-color:var(--product-pilot-primary)!important;box-shadow:var(--product-pilot-focus)!important}.products-data-table th,.products-data-table td{vertical-align:middle!important}.products-data-table th{letter-spacing:.03em;text-transform:uppercase;color:#475569!important;background:#f8fafc!important;font-size:11px!important;font-weight:900!important}.products-data-table tbody tr:hover td{background:#f8fbff!important}.products-floating-dropdown,.products-dropdown-menu{border-radius:var(--product-pilot-radius)!important;background:#fff!important;border:1px solid #94a3b847!important;box-shadow:0 22px 48px #0f172a2e!important}.storage-action-cell{position:relative;overflow:visible!important}.storage-action-menu{justify-content:center;display:inline-flex;position:relative}.storage-action-trigger{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:34px;height:30px;display:inline-flex}.storage-action-trigger:hover,.storage-action-trigger[aria-expanded=true]{color:var(--product-pilot-primary);background:#f8fafc;border-color:#93c5fd}.storage-action-dropdown{z-index:20;background:#fff;border:1px solid #bfdbfe;border-radius:8px;gap:2px;min-width:58px;padding:4px;display:grid;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 12px 26px #0f172a29}.storage-action-option{color:#64748b;white-space:normal;background:#fff;border:0;border-radius:6px;justify-content:center;align-items:center;gap:3px;padding:4px 6px;font-size:12px;font-weight:800;line-height:1.05;display:inline-flex}.storage-action-option:hover{color:var(--product-pilot-primary);background:#f8fafc}.storage-action-option-primary{color:#16a34a}.products-workspace-card{flex-direction:column;gap:16px;padding:14px 18px 18px;display:flex;border-radius:var(--product-pilot-radius-lg)!important;background:var(--product-pilot-surface)!important;box-shadow:var(--product-pilot-shadow)!important;border:1px solid #94a3b847!important}.products-toolbar-slot[hidden]{display:none!important}.products-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.products-tabbar.is-compact{border:1px solid var(--product-pilot-border);background:#f1f5f9;border-radius:12px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.products-tab.is-compact{justify-content:center;align-items:center;gap:8px;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:relative;color:#475569!important;min-width:auto!important;min-height:34px!important;box-shadow:none!important;background:#fff!important;border:1px solid #0000!important;border-radius:9px!important;padding:0 16px!important;font-size:13px!important;font-weight:700!important}.products-tab.is-compact>span{line-height:1}.products-tab.is-compact:hover{background:var(--product-pilot-soft)!important;color:var(--product-pilot-primary)!important;border-color:#0000!important;transform:none!important}.products-tab.is-compact.is-active{background:var(--product-pilot-primary)!important;color:#fff!important;border-color:#0000!important;box-shadow:0 2px 8px #16a34a38!important}.products-tab.is-compact:focus-visible{outline:2px solid var(--product-pilot-primary);outline-offset:2px}.products-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-height:38px;display:flex}.products-toolbar-actions .products-action-row{flex-wrap:wrap;gap:10px}.products-workspace-card .products-control-card{padding:16px 4px 0;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.products-workspace-card .products-stat-row{margin-bottom:2px}@media (width<=720px){.products-toolbar{flex-direction:column;align-items:stretch}.products-tabbar.is-compact{display:flex}.products-tab.is-compact{flex:1 1 0}.products-toolbar-actions{justify-content:stretch}.products-toolbar-actions .products-action-row{justify-content:flex-start}}.products-workspace-card .modal-card .input-error,.modal-card .input-error{border:1px solid #dc2626!important;box-shadow:0 0 0 3px #dc262626!important}.field-error-text{color:#b91c1c;margin-top:4px;font-size:12px;font-weight:700;display:block}.products-warehouse-panel{background:#f8fbff;border:1px solid #bfdbfe;border-radius:16px;grid-column:1/-1;gap:12px;padding:16px;display:grid}.products-warehouse-head{gap:4px;display:grid}.products-warehouse-head strong{color:#0f172a}.products-warehouse-head p{color:#64748b;margin:0;font-size:13px}.products-warehouse-add select{max-width:320px;min-height:38px}.products-warehouse-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:auto}.products-warehouse-table .data-table th,.products-warehouse-table .data-table td{vertical-align:middle}.products-warehouse-empty{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.products-warehouse-table .icon-button:disabled{opacity:.4;cursor:not-allowed}.storage-hero{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;padding:22px;display:flex}.storage-hero-actions,.storage-info-grid{flex-wrap:wrap;gap:10px;display:flex}.storage-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px;display:grid}.storage-info-card{background:#ffffffeb;border:1px solid #94a3b847;border-radius:18px;padding:16px 18px;box-shadow:0 12px 28px #0f172a0f}.storage-info-card h2{color:#0f172a;margin:0 0 10px;font-size:15px}.storage-info-card ul{color:#475569;margin:0;padding-left:18px;font-size:13px;line-height:1.55}.products-link-button,.products-age-link,.inventory-link-button{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.products-link-button:hover,.products-age-link:hover,.inventory-link-button:hover{color:#16a34a;text-decoration:underline}.storage-risk-badge{color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;width:fit-content;margin-top:6px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.storage-risk-badge.slow_selling{color:#b91c1c;background:#fef2f2;border-color:#fecaca}@media (width<=860px){.storage-hero,.storage-info-grid{grid-template-columns:1fr}.storage-hero{flex-direction:column;align-items:stretch}}.inventory-page-shell{gap:22px}.inventory-toolbar-card{background:radial-gradient(circle at 0 0,#22c55e29,#0000 34%),radial-gradient(circle at 100% 0,#f59e0b24,#0000 30%),linear-gradient(145deg,#fff 0%,#f6f8fc 52%,#eef4fb 100%);border:1px solid #d8e1ec;padding:22px;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a14}.inventory-toolbar-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#22c55e2e,#22c55e00);border-radius:999px;width:240px;height:240px;position:absolute;inset:auto -48px -70px auto}.inventory-toolbar-top{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex;position:relative}.inventory-hero-copy h2{letter-spacing:-.03em;color:#0f172a;margin:6px 0 8px;font-size:28px;line-height:1.08}.inventory-hero-copy p{color:#516074;max-width:620px;margin:0;font-size:14px;line-height:1.6}.inventory-hero-eyebrow{color:#0f766e;letter-spacing:.14em;text-transform:uppercase;background:#ffffffd1;border:1px solid #0e74901f;border-radius:999px;align-items:center;gap:8px;min-height:28px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.inventory-hero-stats{grid-template-columns:repeat(2,minmax(140px,1fr));gap:12px;min-width:min(100%,340px);display:grid}.inventory-hero-stat{background:#ffffffd9;border:1px solid #94a3b83d;border-radius:18px;padding:14px 16px;box-shadow:inset 0 1px #ffffffb3}.inventory-hero-stat strong{color:#0f172a;margin-top:4px;font-size:18px;line-height:1.2;display:block}.inventory-hero-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700;display:block}.inventory-filter-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #e2e8f0e6;border-radius:22px;grid-template-columns:minmax(280px,2.1fr) minmax(180px,1fr) auto;align-items:end;gap:14px;padding:16px;display:grid;position:relative}.inventory-filter-field{flex-direction:column;gap:7px;display:flex}.inventory-filter-label{letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-size:12px;font-weight:800}.inventory-search-box,.inventory-select{background:linear-gradient(#fff 0%,#fbfdff 100%);border:1px solid #d6deea;border-radius:16px;min-height:50px;transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}.inventory-search-box:hover,.inventory-select:hover{border-color:#b6c6dc;transform:translateY(-1px)}.inventory-search-box input{font-size:14px}.inventory-select{padding-right:40px;font-weight:600}.inventory-filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.inventory-btn{letter-spacing:-.01em;border-width:1px;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 18px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s,color .18s;display:inline-flex;position:relative;overflow:hidden}.inventory-btn:hover{transform:translateY(-2px)}.inventory-btn:active{transform:translateY(0)}.inventory-btn-primary{color:#fff;background:linear-gradient(135deg,#0f766e 0%,#14b8a6 100%);border-color:#0f8f84;box-shadow:0 14px 26px #0f766e38}.inventory-btn-primary:hover{box-shadow:0 18px 32px #0f766e47}.inventory-btn-glow{opacity:.9;background:linear-gradient(#fff0,#ffffff5c,#fff0);width:56px;height:140%;position:absolute;inset:-24% auto auto -28%;transform:rotate(18deg)}.inventory-btn-secondary{color:#1e293b;background:linear-gradient(#fff 0%,#f8fbff 100%);border-color:#d0dae7;box-shadow:0 10px 20px #94a3b829}.inventory-btn-secondary:hover{border-color:#aebed2;box-shadow:0 14px 24px #94a3b838}.inventory-btn-accent{color:#0f4aa3;background:linear-gradient(135deg,#ecfdf5 0%,#dbeafe 52%,#e0f2fe 100%);border-color:#bbf7d0;box-shadow:0 14px 26px #16a34a26}.inventory-btn-accent:hover{border-color:#93c5fd;box-shadow:0 18px 30px #16a34a38}.inventory-quick-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;display:flex}.inventory-quick-filter-list{gap:10px}.inventory-quick-filter-list button{color:#334155;background:#ffffffb8;border:1px solid #d4dce7;border-radius:14px;min-height:42px;padding:0 16px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,color .18s,background .18s}.inventory-quick-filter-list button:hover{border-color:#bcc8d8;transform:translateY(-2px);box-shadow:0 12px 24px #94a3b824}.inventory-quick-filter-list button.active{color:#0f766e;background:linear-gradient(135deg,#ecfeff 0%,#dcfce7 100%);border-color:#78c3b6;box-shadow:0 14px 28px #0f766e26}.inventory-quick-summary{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inventory-summary-pill{color:#4338ca;background:linear-gradient(135deg,#ede9fe 0%,#e0f2fe 100%);border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffffb3}.inventory-table-card{background:linear-gradient(#fff 0%,#fbfcfe 100%);border:1px solid #dbe2ea;overflow:hidden;box-shadow:0 18px 38px #0f172a0d}.inventory-table-header{background:linear-gradient(#fffffff5 0%,#f6f9fdf5 100%);align-items:flex-start;padding:20px 22px}.inventory-table-subtitle{color:#64748b;max-width:760px;margin:8px 0 0;font-size:13px;line-height:1.6}.inventory-table-scroll{border-top:1px solid #eef2f7}.inventory-data-table{background:0 0}.inventory-data-table th{letter-spacing:.08em;color:#5a6a7e;background:linear-gradient(#f8fbff 0%,#f1f5f9 100%);font-size:11px}.inventory-data-table td{vertical-align:middle;transition:background .18s}.inventory-data-table tbody tr:hover td{background:linear-gradient(90deg,#f8fafcf0,#eff6ffb8)}.inventory-code-cell{min-width:140px}.inventory-code-cell strong{color:#0f172a;background:#f8fafc;border-radius:12px;align-items:center;min-height:34px;padding:0 12px;display:inline-flex;box-shadow:inset 0 0 0 1px #e2e8f0}.inventory-product-cell{min-width:300px}.inventory-product-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.inventory-product-cell small{color:#94a3b8;margin-top:5px;font-size:12px}.inventory-money-cell,.inventory-number-cell{text-align:right;white-space:nowrap}.inventory-money-cell{color:#334155;font-weight:600}.inventory-number-cell span,.inventory-number-cell strong{border-radius:12px;justify-content:flex-end;align-items:center;min-width:84px;min-height:34px;padding:0 12px;display:inline-flex}.inventory-number-hanoi span{color:#15803d;background:linear-gradient(135deg,#ecfdf5 0%,#dbeafe 100%);box-shadow:inset 0 0 0 1px #93c5fdb3}.inventory-number-hcm span{color:#c2410c;background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);box-shadow:inset 0 0 0 1px #fdba74ad}.inventory-number-total strong{color:#0f172a;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);box-shadow:inset 0 0 0 1px #cbd5e1e6}.inventory-table-footer .pagination{background:linear-gradient(#fff 0%,#fafcff 100%);border-top:1px solid #eef2f7!important}@media (width<=1120px){.inventory-toolbar-top,.inventory-filter-bar{grid-template-columns:1fr}.inventory-toolbar-top{flex-direction:column}.inventory-hero-stats{width:100%}.inventory-filter-actions{justify-content:flex-start}}@media (width<=640px){.inventory-toolbar-card{padding:16px}.inventory-hero-copy h2{font-size:22px}.inventory-filter-bar{border-radius:18px;padding:14px}.inventory-quick-row{align-items:flex-start}.inventory-hero-stats{grid-template-columns:1fr}}.inventory-page-shell{background:radial-gradient(circle at 0 0,#16a34a1f,#0000 30%),radial-gradient(circle at 86% 8%,#10b9811a,#0000 26%),linear-gradient(#f8fbff 0%,#f3f7fc 100%);min-height:calc(100vh - 76px);padding:22px clamp(18px,4vw,44px) 46px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.inventory-toolbar-card,.inventory-table-card,.inventory-summary-card,.inventory-export-panel{background:#fffffff5!important;border:1px solid #94a3b847!important;border-radius:20px!important;box-shadow:0 18px 42px #0f172a1a!important}.inventory-btn-primary,.inventory-btn-accent,.inventory-page-shell .btn-primary{color:#fff!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;border:0!important;box-shadow:0 12px 26px #16a34a38!important}.inventory-btn-primary:hover:not(:disabled),.inventory-btn-accent:hover:not(:disabled),.inventory-page-shell .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534)!important;box-shadow:0 16px 30px #16a34a47!important}.inventory-btn-secondary,.inventory-page-shell .btn-light,.inventory-page-shell .btn-outline{color:#334155!important;background:#fff!important;border:1px solid #dbe6f3!important;box-shadow:0 8px 18px #0f172a0a!important}.inventory-btn-secondary:hover:not(:disabled),.inventory-page-shell .btn-light:hover:not(:disabled),.inventory-page-shell .btn-outline:hover:not(:disabled){color:#16a34a!important;background:#ecfdf5!important;border-color:#bbf7d0!important}.inventory-search-box,.inventory-select{background:#fff!important;border-color:#dbe6f3!important;border-radius:14px!important}.inventory-search-box:focus-within,.inventory-select:focus{border-color:#16a34a!important;box-shadow:0 0 0 4px #16a34a24!important}.inventory-link-button{color:#0f172a;cursor:pointer;background:0 0;border:0;padding:0}.inventory-link-button:hover{color:#16a34a;text-decoration:underline}.categories-top-card{background:radial-gradient(circle at 0 0,#22c55e29,#0000 34%),radial-gradient(circle at 100% 100%,#fb923c24,#0000 30%),linear-gradient(145deg,#fffffffa,#f8fafcf5);border:1px solid #94a3b838;border-radius:28px;padding:24px;overflow:visible;box-shadow:0 26px 60px #0f172a14,inset 0 1px #ffffffc7}.categories-hero-panel{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start;gap:20px;display:grid}.categories-hero-copy h1{color:#0f172a;letter-spacing:-.04em;max-width:760px;margin:14px 0 10px;font-size:clamp(30px,3.1vw,42px);line-height:1.08}.categories-hero-copy p{color:#475569;max-width:760px;margin:0;font-size:15px;line-height:1.75}.categories-hero-kicker,.categories-section-kicker,.categories-editor-kicker,.categories-import-kicker,.categories-modal-kicker{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;min-height:32px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.categories-hero-kicker{color:#0f766e;background:#ccfbf1e6;box-shadow:inset 0 0 0 1px #2dd4bf38}.categories-hero-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.categories-stat-card{background:#ffffffe6;border:1px solid #e2e8f0eb;border-radius:22px;align-items:flex-start;gap:12px;padding:18px;transition:transform .24s,box-shadow .24s,border-color .24s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 34px #0f172a0f}.categories-stat-card:hover{transform:translateY(-4px);box-shadow:0 24px 44px #0f172a1a}.categories-stat-card:after{content:"";opacity:.9;height:4px;position:absolute;inset:auto 0 0}.categories-stat-card.accent-blue:after{background:linear-gradient(90deg,#38bdf8,#16a34a)}.categories-stat-card.accent-green:after{background:linear-gradient(90deg,#34d399,#0f766e)}.categories-stat-card.accent-rose:after{background:linear-gradient(90deg,#fb7185,#e11d48)}.categories-stat-icon{color:#0f172a;background:linear-gradient(145deg,#f1f5f9f5,#e2e8f0eb);border-radius:16px;flex:none;place-items:center;width:46px;height:46px;display:grid}.categories-stat-card strong{color:#0f172a;letter-spacing:-.04em;font-size:28px;line-height:1;display:block}.categories-stat-card span{color:#475569;margin-top:8px;font-size:13px;line-height:1.5;display:block}.categories-toolbar-shell{border-top:1px solid #e2e8f0e6;flex-direction:column;gap:18px;margin-top:24px;padding-top:22px;display:flex}.categories-toolbar-simple{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.categories-toolbar-left,.categories-secondary-actions,.categories-editor-header-actions,.categories-row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.categories-toolbar-foot{background:#ffffffb8;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex;box-shadow:inset 0 0 0 1px #e2e8f0eb}.categories-toolbar-foot-note strong,.categories-toolbar-foot-note span{display:block}.categories-toolbar-foot-note strong{color:#0f172a;font-size:14px}.categories-toolbar-foot-note span{color:#64748b;margin-top:4px;font-size:13px;line-height:1.6}.categories-floating-menu{position:relative}.categories-split-add{display:inline-flex;position:relative}.categories-primary-button,.categories-dropdown-button,.categories-filter-button,.categories-ghost-button,.categories-export-button,.categories-action-trigger,.categories-inline-view-button{letter-spacing:-.01em;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:800;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s;display:inline-flex}.categories-primary-button:hover,.categories-dropdown-button:hover,.categories-filter-button:hover,.categories-ghost-button:hover,.categories-export-button:hover,.categories-action-trigger:hover,.categories-inline-view-button:hover,.categories-link-button:hover,.categories-count-button:hover{transform:translateY(-2px)}.categories-primary-button{color:#fff;background:linear-gradient(135deg,#fb923c,#f97316 55%,#ea580c);border:1px solid #ea580c;box-shadow:0 16px 28px #f9731642}.categories-split-toggle{border-left-color:#ffffff3d;border-top-left-radius:0;border-bottom-left-radius:0;min-width:46px;padding:0 12px}.categories-split-add .categories-primary-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.categories-dropdown-button,.categories-ghost-button,.categories-action-trigger,.categories-inline-view-button{color:#334155;background:linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #cbd5e1f5;box-shadow:0 14px 24px #94a3b814}.categories-filter-button{color:#fff;background:linear-gradient(135deg,#14b8a6,#0f766e);border:1px solid #0f766e;box-shadow:0 14px 28px #0f766e3d}.categories-export-button{color:#15803d;background:linear-gradient(135deg,#eff6fffa,#dbeafef5);border:1px solid #60a5fa;box-shadow:0 14px 28px #16a34a2e}.categories-inline-view-button{color:#0f766e;min-height:38px;padding:0 14px}.categories-search-inline{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.categories-search-field{min-width:min(100%,340px)}.categories-field-label{color:#64748b;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:11px;font-weight:800;display:block}.categories-search-box{background:linear-gradient(#fff,#fbfdff);border:1px solid #cbd5e1f5;border-radius:16px;min-height:48px;transition:border-color .18s,box-shadow .18s,transform .18s}.categories-search-box:hover{border-color:#94a3b8eb;transform:translateY(-1px)}.categories-search-box:focus-within{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf824}.categories-floating-dropdown,.categories-action-dropdown,.categories-sub-dropdown{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border:1px solid #e2e8f0f0;border-radius:18px;box-shadow:0 24px 48px #0f172a29}.categories-floating-dropdown{z-index:30;min-width:220px;padding:8px;position:absolute;top:calc(100% + 10px);left:0}.categories-bulk-dropdown{min-width:250px}.categories-dropdown-group{position:relative}.categories-sub-dropdown{margin-top:8px;padding:6px}.categories-dropdown-item,.categories-action-item{color:#334155;background:0 0;border:none;border-radius:12px;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-height:42px;padding:10px 12px;font-weight:700;transition:background .16s,color .16s,transform .16s;display:inline-flex}.categories-dropdown-item:hover,.categories-action-item:hover{background:#f8fafc;transform:translate(2px)}.categories-dropdown-item.danger,.categories-delete-button{color:#dc2626}.categories-dropdown-item.danger:hover,.categories-delete-button:hover{background:#fff1f2}.categories-table-card,.categories-editor-shell .data-card{background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #e2e8f0eb;border-radius:26px;overflow:visible;box-shadow:0 22px 48px #0f172a12}.categories-table-header{background:linear-gradient(#fffffff5,#f8fafcf5);align-items:flex-start;padding:22px 24px}.categories-section-kicker,.categories-editor-kicker,.categories-import-kicker,.categories-modal-kicker{color:#15803d;background:#dbeafed1;box-shadow:inset 0 0 0 1px #60a5fa3d}.categories-table-header h2,.categories-editor-header h2,.categories-import-header h2,.categories-modal-header h2{color:#0f172a;letter-spacing:-.04em;margin:12px 0 8px;font-size:clamp(24px,2.4vw,32px);line-height:1.08}.categories-table-subtitle,.categories-editor-header p,.categories-import-header p,.categories-modal-header p{color:#64748b;margin:0;font-size:14px;line-height:1.7}.categories-table-summary{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.categories-summary-pill{background:#ffffffeb;border-radius:18px;min-width:120px;padding:12px 14px;box-shadow:inset 0 0 0 1px #e2e8f0fa}.categories-summary-pill.highlight{background:linear-gradient(135deg,#22c55e24,#3b82f61a)}.categories-summary-pill span,.categories-summary-pill strong{display:block}.categories-summary-pill span{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.categories-summary-pill strong{color:#0f172a;letter-spacing:-.03em;margin-top:6px;font-size:18px}.categories-table-scroll{border-top:1px solid #e2e8f0d9}.categories-data-table th{color:#475569;letter-spacing:.05em;background:linear-gradient(#f8fafc,#f1f5f9)}.categories-data-table td{vertical-align:middle;padding-top:16px;padding-bottom:16px}.categories-data-table tbody tr:hover td{background:linear-gradient(90deg,#f8fafcfa,#eff6ffdb)}.categories-code-cell{min-width:160px}.categories-code-badge{color:#334155;background:#f8fafcf5;border-radius:12px;align-items:center;min-height:34px;padding:0 14px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #cbd5e1db}.categories-name-cell{min-width:280px}.categories-link-button{color:#0f172a;text-align:left;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:6px;padding:0;display:flex}.categories-name-title{color:#0f172a;font-weight:800;line-height:1.4}.categories-name-meta{color:#64748b;font-size:12px;line-height:1.5}.categories-count-button{color:#16a34a;background:0 0;border:none;flex-direction:column;align-items:flex-start;gap:4px;padding:0;display:inline-flex}.categories-count-button strong{font-size:18px;line-height:1}.categories-count-button span{color:#64748b;font-size:12px;font-weight:700}.categories-row-actions{justify-content:flex-end}.categories-action-dropdown{z-index:30;min-width:200px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.categories-view-button{color:#0f766e}.categories-view-button:hover{background:#f0fdfaf5}.categories-pagination-wrap .pagination,.categories-modal-pagination .pagination{background:linear-gradient(#fffffffa,#f8fafcf0);border-top:1px solid #e2e8f0e6!important}.categories-editor-header{background:radial-gradient(circle at 0 0,#22c55e1f,#0000 34%),radial-gradient(circle at 100% 100%,#fb923c24,#0000 26%),linear-gradient(145deg,#fffffffa,#f8fafcfa);justify-content:space-between;align-items:flex-start;gap:18px;padding:26px;display:flex}.categories-editor-card{padding:24px}.categories-editor-card-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:16px;font-size:20px;font-weight:800}.categories-editor-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:20px;display:grid}.categories-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.categories-form-field{flex-direction:column;gap:8px;display:flex}.categories-form-field span{color:#334155;font-size:13px;font-weight:800}.categories-form-field small{color:#64748b;font-size:12px;line-height:1.5}.categories-form-field-wide{grid-column:1/-1}.categories-form-field .form-control{background:#fff;border:1px solid #cbd5e1f5;border-radius:16px;min-height:48px;box-shadow:inset 0 1px #ffffffeb}.categories-form-field .form-control:focus{border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf824}.categories-editor-help-card{background:radial-gradient(circle at 100% 0,#22c55e1f,#0000 30%),linear-gradient(#fffffffa,#f8fafcfa)}.categories-editor-help-list{color:#475569;margin:0;padding-left:20px;line-height:1.9}.categories-import-modal{background:linear-gradient(#fffffffa,#f8fafcfa);border-radius:24px;width:min(720px,100vw - 24px);box-shadow:0 28px 56px #0f172a2e}.categories-import-header,.categories-modal-header{border-bottom:1px solid #e2e8f0eb;align-items:flex-start}.categories-import-body,.categories-modal-body{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.categories-import-dropzone{color:#475569;cursor:pointer;background:linear-gradient(#f8fafcfa,#fffffffa);border:1px dashed #bfdbfef2;border-radius:20px;align-items:center;gap:16px;min-height:140px;padding:20px 22px;display:flex;position:relative}.categories-import-dropzone svg{color:#64748b;flex:none}.categories-import-dropzone>div{flex-direction:column;gap:6px;display:flex}.categories-import-dropzone strong{color:#334155;font-size:16px;font-weight:800}.categories-import-dropzone span{color:#64748b;font-size:13px;font-weight:600}.categories-import-dropzone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.categories-import-helper{background:#fff;border:1px solid #e2e8f0f2;border-radius:18px;gap:10px;padding:16px 18px;display:grid}.categories-import-helper strong{color:#c2410c;font-weight:800}.categories-import-helper span{color:#64748b;font-size:13px;line-height:1.5}.categories-import-footer{justify-content:flex-end;gap:12px;display:flex}.categories-template-link{color:#0369a1;text-align:left;background:#ecfefffa;border:1px solid #7dd3fcf2;border-radius:16px;min-height:46px;padding:12px 16px;font-weight:800}.categories-import-file-field{color:#475569;flex-direction:column;gap:8px;font-size:13px;font-weight:700;display:flex}.categories-import-file-field input[type=file]{background:#fff;border:1px solid #cbd5e1f5;border-radius:16px;padding:12px 14px}.categories-import-mode{flex-wrap:wrap;gap:12px;display:flex}.categories-import-mode label{color:#334155;background:#ffffffe6;border:1px solid #cbd5e1eb;border-radius:14px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:700;display:inline-flex}.categories-import-footer,.categories-modal-footer{border-top:1px solid #e2e8f0eb;padding-top:16px}.categories-modal-card{background:radial-gradient(circle at 100% 0,#22c55e1f,#0000 30%),linear-gradient(#fffffffa,#f8fafcfa);border-radius:24px;max-width:980px;max-height:90vh;overflow-y:auto;box-shadow:0 28px 56px #0f172a2e}.categories-modal-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.categories-modal-meta span{color:#334155;background:#ffffffd1;border-radius:999px;align-items:center;min-height:28px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #cbd5e1e6}.categories-modal-search-row{justify-content:flex-end;display:flex}.categories-modal-search-form{width:min(100%,340px)}.categories-modal-table-scroll{border:1px solid #e2e8f0eb;border-radius:18px;overflow:hidden}.categories-modal-table th{color:#475569;background:#f1f5f9;font-weight:800}.categories-modal-name{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;max-width:280px;font-weight:700;overflow:hidden}.categories-modal-money,.categories-modal-stock{text-align:right}.categories-modal-cost{color:#dc2626}.categories-modal-price{color:#0f766e;font-weight:800}.categories-modal-hanoi{color:#16a34a;font-weight:800}.categories-modal-hcm{color:#ea580c;font-weight:800}.categories-modal-total{color:#0f172a}@keyframes categoriesFloatIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.categories-top-card,.categories-table-card,.categories-editor-shell .data-card{animation:.34s both categoriesFloatIn}@media (width<=1180px){.categories-hero-panel,.categories-editor-grid{grid-template-columns:1fr}}@media (width<=980px){.categories-toolbar-simple,.categories-table-header,.categories-editor-header,.categories-toolbar-foot{flex-direction:column;align-items:stretch}.categories-search-inline,.categories-table-summary,.categories-row-actions{justify-content:flex-start}}@media (width<=720px){.categories-top-card,.categories-table-header,.categories-editor-header,.categories-editor-card,.categories-modal-body,.categories-import-body{padding-left:18px;padding-right:18px}.categories-form-grid{grid-template-columns:1fr}.categories-action-dropdown{left:0;right:auto}}.categories-page-shell{gap:14px}.categories-top-card{z-index:20;background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dbe5f0;border-radius:18px;padding:14px 16px;position:relative;box-shadow:0 12px 30px #0f172a0f}.categories-table-card{z-index:1;position:relative}.categories-overview-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.categories-hero-stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.categories-stat-card{background:#fff;border-color:#dce6f2;border-radius:13px;align-items:center;gap:9px;min-width:142px;padding:8px 12px;box-shadow:0 6px 16px #0f172a0d}.categories-stat-card:hover{border-color:#b9c8da;transform:translateY(-2px);box-shadow:0 10px 22px #0f172a14}.categories-stat-card:after{height:3px}.categories-stat-icon{border-radius:10px;width:34px;height:34px}.categories-stat-card strong{font-size:18px}.categories-stat-card span{margin-top:2px;font-size:11px;line-height:1.3}.categories-toolbar-shell{gap:10px;margin-top:12px;padding-top:12px}.categories-toolbar-foot{box-shadow:none;background:#f8fbff;border:1px solid #dbe5f0;border-radius:13px;gap:12px;padding:9px 12px}.categories-toolbar-foot-note strong{font-size:13px}.categories-toolbar-foot-note span{margin-top:2px;font-size:12px;line-height:1.4}.categories-primary-button,.categories-dropdown-button,.categories-filter-button,.categories-ghost-button,.categories-action-trigger{border-radius:12px;min-height:40px;padding:0 15px}.categories-primary-button{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#15803d;box-shadow:0 9px 18px #16a34a38}.categories-primary-button:hover{box-shadow:0 12px 24px #16a34a4d}.categories-dropdown-button,.categories-ghost-button,.categories-action-trigger{color:#1e3a5f;background:linear-gradient(#fff,#edf4fc);border-color:#b8c7da;box-shadow:0 6px 14px #1e3a5f17}.categories-filter-button{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#0369a1;box-shadow:0 9px 18px #0284c738}.categories-search-box{border-radius:12px;min-height:40px}.categories-table-meta{color:#475569;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 14px;font-size:13px;font-weight:800;display:flex}.categories-table-summary{gap:8px}.categories-summary-pill{border-radius:10px;min-width:94px;padding:6px 10px}.categories-summary-pill span{font-size:9px}.categories-summary-pill strong{margin-top:2px;font-size:14px}.categories-data-table td{padding-top:12px;padding-bottom:12px}.categories-action-trigger{min-height:34px;padding:0 12px}@media (width<=980px){.categories-overview-bar{flex-direction:column;align-items:stretch}.categories-hero-stats{justify-content:flex-start}}.categories-search-inline{flex-wrap:nowrap;width:min(100%,510px)}.categories-search-field{flex:280px;min-width:240px}.categories-action-trigger,.categories-data-table .action-cell{white-space:nowrap}.categories-action-dropdown{flex-direction:column;width:210px;display:flex}.categories-action-dropdown .categories-action-item{flex:none;display:flex}.categories-data-table .action-cell{min-width:118px}@media (width<=720px){.categories-search-inline{flex-wrap:wrap;width:100%}}.categories-page-shell{background:radial-gradient(circle at 0 0,#16a34a1f,#0000 30%),radial-gradient(circle at 86% 8%,#10b9811a,#0000 26%),linear-gradient(#f8fbff 0%,#f3f7fc 100%);min-height:calc(100vh - 76px);padding:22px clamp(18px,4vw,44px) 46px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.categories-top-card,.categories-table-card,.categories-editor-card,.categories-import-card,.categories-modal-card{background:#fffffff5!important;border:1px solid #94a3b847!important;border-radius:20px!important;box-shadow:0 18px 42px #0f172a1a!important}.categories-primary-button,.categories-filter-button,.categories-page-shell .btn-primary{color:#fff!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;border:0!important;box-shadow:0 12px 26px #16a34a38!important}.categories-primary-button:hover:not(:disabled),.categories-filter-button:hover:not(:disabled),.categories-page-shell .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#166534)!important;box-shadow:0 16px 30px #16a34a47!important}.categories-dropdown-button,.categories-ghost-button,.categories-export-button,.categories-inline-view-button,.categories-page-shell .btn-light,.categories-page-shell .btn-outline{color:#334155!important;background:#fff!important;border:1px solid #dbe6f3!important;box-shadow:0 8px 18px #0f172a0a!important}.categories-dropdown-button:hover:not(:disabled),.categories-ghost-button:hover:not(:disabled),.categories-export-button:hover:not(:disabled),.categories-inline-view-button:hover:not(:disabled),.categories-page-shell .btn-light:hover:not(:disabled),.categories-page-shell .btn-outline:hover:not(:disabled){color:#16a34a!important;background:#ecfdf5!important;border-color:#bbf7d0!important}.categories-page-shell input,.categories-page-shell select,.categories-page-shell textarea{border-color:#dbe6f3!important;border-radius:14px!important}.categories-page-shell input:focus,.categories-page-shell select:focus,.categories-page-shell textarea:focus{border-color:#16a34a!important;box-shadow:0 0 0 4px #16a34a24!important}.customer-list-page{--customer-border:#e2e8f0eb}.customer-list-heading{gap:18px}.customer-list-actions{flex-wrap:wrap}.customer-filter-card{overflow:visible}.customer-filter-shell{flex-direction:column;gap:18px;padding:22px;display:flex}.customer-filter-topline{grid-template-columns:minmax(320px,2fr) minmax(240px,1fr);gap:16px;display:grid}.customer-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:16px;display:grid}.customer-filter-item,.customer-advanced-grid label,.form-field{flex-direction:column;gap:8px;display:flex}.customer-filter-item span,.customer-advanced-grid label span,.form-field span{color:#334155;font-size:13px;font-weight:700}.customer-filter-item input,.customer-filter-item select,.customer-advanced-grid input,.customer-advanced-grid select,.form-field input,.form-field select,.form-field textarea{border:1px solid var(--customer-border);color:#0f172a;background:#fff;border-radius:14px;width:100%;min-height:44px;padding:10px 14px}.customer-advanced-grid select[multiple],.form-field select[multiple]{min-height:132px}.customer-filter-item input:focus,.customer-filter-item select:focus,.customer-advanced-grid input:focus,.customer-advanced-grid select:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#2563eb8c;outline:none;box-shadow:0 0 0 4px #3b82f61f}.customer-select-wrap{position:relative}.customer-select-wrap svg{color:#64748b;pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.customer-select-wrap select{appearance:none;padding-right:40px}.customer-filter-actions-inline{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.customer-advanced-filters{border-top:1px solid var(--customer-border);flex-direction:column;gap:20px;padding-top:18px;display:flex}.customer-advanced-group{flex-direction:column;gap:14px;display:flex}.customer-advanced-group h3{color:#0f172a;margin:0;font-size:15px}.customer-advanced-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.customer-advanced-grid.compact{grid-template-columns:repeat(2,minmax(0,260px))}.customer-advanced-popover-wrap{position:relative}.customer-advanced-toggle.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.customer-advanced-badge{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.customer-advanced-caret{transition:transform .16s}.customer-advanced-caret.is-open{transform:rotate(180deg)}.customer-advanced-popover{border:1px solid var(--customer-border);z-index:40;background:#fff;border-radius:18px;flex-direction:column;width:min(880px,100vw - 48px);max-height:min(76vh,760px);display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 24px 60px #0f172a38}.customer-advanced-popover-header{border-bottom:1px solid var(--customer-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.customer-advanced-popover-title{color:#0f172a;align-items:center;gap:8px;font-size:15px;font-weight:800;display:inline-flex}.customer-advanced-popover-close{border:1px solid var(--customer-border);color:#64748b;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.customer-advanced-popover-close:hover{color:#0f172a;background:#f8fafc}.customer-advanced-popover-scroll{flex-direction:column;gap:18px;padding:18px;display:flex;overflow-y:auto}.customer-advanced-popover-footer{border-top:1px solid var(--customer-border);background:#f8fafcb8;justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.customer-chip-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:0 22px 22px;display:flex}.customer-chip-list{flex-wrap:wrap;gap:10px;display:flex}.customer-chip{color:#1d4ed8;background:#eff6ffe6;border:1px solid #93c5fdcc;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.customer-chip-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.customer-table-card{overflow:hidden}.customer-table-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.customer-table-header p{color:#64748b;margin:6px 0 0}.customer-feedback{border-radius:16px;align-items:center;gap:10px;margin:18px 22px 0;padding:14px 16px;display:flex}.customer-feedback.error{color:#b91c1c;background:#fef2f2f2;border:1px solid #fca5a58c}.customer-table{min-width:1180px}.customer-table th{white-space:nowrap}.customer-sort-button{color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:800;display:inline-flex}.customer-sort-button.align-right{justify-content:flex-end;width:100%}.customer-name-button{text-align:left;color:inherit;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.customer-name-button strong{color:#0f172a}.customer-name-button span{color:#64748b;font-size:12px}.customer-groups-cell{min-width:160px}.checkbox-col{text-align:center;width:52px}.align-right{text-align:right}.action-col{text-align:right;width:100px}.customer-row-actions{gap:8px;display:inline-flex}.icon-button.danger{color:#dc2626}.customer-empty-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:56px 16px;display:flex}.customer-empty-state strong{color:#0f172a;font-size:16px}.customer-skeleton-row td{padding-top:18px;padding-bottom:18px}.customer-skeleton-box{background:linear-gradient(90deg,#e2e8f0 0%,#f8fafc 50%,#e2e8f0 100%) 0 0/200% 100%;border-radius:999px;height:14px;animation:1.4s infinite customer-skeleton}.customer-skeleton-box.short{width:70px}.customer-skeleton-box.tall{width:180px}.customer-modal{flex-direction:column;max-height:min(92vh,980px);display:flex}.customer-modal .modal-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.customer-modal .modal-header p{color:#64748b;margin:6px 0 0}.customer-modal-body{flex-direction:column;min-height:0;display:flex}.customer-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 22px 22px;display:grid;overflow:auto}.form-field-wide{grid-column:1/-1}.customer-modal-footer{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}@keyframes customer-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes customer-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=1200px){.customer-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-filter-actions-inline{grid-column:1/-1;justify-content:flex-start}.customer-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.customer-filter-topline,.customer-filter-grid,.customer-advanced-grid,.customer-modal-grid,.customer-advanced-grid.compact{grid-template-columns:1fr}.customer-advanced-popover{width:auto;max-width:none;max-height:none;box-shadow:none;border-radius:14px;margin-top:10px;position:static}.customer-table-header,.customer-chip-bar{flex-direction:column;align-items:stretch}.customer-chip-actions{justify-content:flex-start}}.customer-care-page{--customer-border:#e2e8f0eb}.customer-care-actions{flex-wrap:wrap}.customer-care-action-menu{display:inline-flex;position:relative}.customer-care-action-toggle{border-radius:12px;align-items:stretch;display:inline-flex;overflow:hidden;box-shadow:0 14px 28px #6d5dfc3d}.customer-care-action-toggle .btn{box-shadow:none;border-radius:0}.customer-care-action-toggle .btn:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.customer-care-action-toggle .btn:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px;padding-left:10px;padding-right:10px}.customer-care-action-menu-panel{border:1px solid var(--border,#e2e8f0);z-index:40;background:#fff;border-radius:12px;flex-direction:column;gap:2px;min-width:260px;margin-top:8px;padding:8px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 18px 40px #0f172a2e}.customer-care-action-menu-panel button{text-align:left;color:#0f172a;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;display:flex}.customer-care-action-menu-panel button:hover{background:#f1f5f9}.warehouse-records{gap:0}.warehouse-records .workspace-tabs{border:1px solid var(--border);background:#fff;border-bottom:0;border-radius:8px 8px 0 0;padding:0 14px}.warehouse-records .workspace-tabs button{color:#334155;background:0 0;border:0;border-radius:0;min-height:42px;font-weight:700}.warehouse-records .workspace-tabs button.active{border-bottom:2px solid var(--primary);color:var(--primary);background:0 0}.wr-card{border:1px solid var(--border);background:#fff;border-radius:0 0 8px 8px;overflow:hidden}.wr-filters{border-bottom:1px solid var(--border);background:#f8fafc;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:16px;display:flex}.wr-filter{border:1px solid var(--border);color:#0f172a;background:#fff;border-radius:6px;min-width:126px;height:34px;padding:0 10px;font-size:12px}.wr-filter.wide{min-width:174px}.wr-actions{border-bottom:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.wr-action-left,.wr-action-right{align-items:center;gap:8px;display:flex}.wr-count{color:#0f172a;font-size:12px}.wr-table-wrap{overflow:auto}.wr-table{border-collapse:collapse;width:100%;min-width:1080px}.wr-table th,.wr-table td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);vertical-align:middle;padding:7px 8px;font-size:12px}.wr-table th{color:#1f2937;text-align:center;white-space:nowrap;background:#f1f5f9;font-weight:800}.wr-table tbody tr:nth-child(odd) td{background:#fff}.wr-table tbody tr:nth-child(2n) td{background:#f8fafc}.wr-table .center{text-align:center}.wr-table .right{text-align:right}.wr-link{color:#006efc;font-weight:600}.wr-muted{color:#64748b}.wr-danger{color:#ef4444}.wr-success{color:#059669}.wr-product{color:#006efc;line-height:1.5}.wr-product small,.wr-sub{color:#0f172a;margin-top:2px;font-size:12px;display:block}.wr-empty{text-align:center;color:#64748b;padding:36px!important}.wr-total-row td{font-weight:800;background:#fff!important}.wr-menu{position:relative}.wr-menu-panel{z-index:20;border:1px solid var(--border);min-width:178px;box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 6px);left:0}.wr-menu-panel button{text-align:left;color:#334155;background:#fff;border:0;border-radius:6px;width:100%;min-height:32px;padding:0 10px;font-weight:700}.wr-menu-panel button:hover{background:#f1f5f9}.wr-footer{justify-content:flex-end;padding:14px 16px;font-size:12px;display:flex}@media (width<=900px){.wr-actions,.wr-filters{justify-content:flex-start}.wr-filter{flex:150px}}.warehouse-records{position:relative}.warehouse-records>.wr-card{border-radius:8px;overflow:visible;box-shadow:0 1px 2px #0f172a0d}.warehouse-records .wr-tabs{border:0;border-bottom:1px solid #d8dee8;border-radius:8px 8px 0 0;min-height:44px}.warehouse-records .wr-tabs button{padding:0 14px;font-size:13px;font-weight:700}.warehouse-records .wr-filters{background:#f5f7fa;justify-content:flex-start;align-items:center;gap:7px;padding:12px 14px}.wr-search-field,.wr-date-field{color:#64748b;background:#fff;border:1px solid #cfd6df;border-radius:4px;align-items:center;gap:6px;min-height:34px;padding:0 9px;display:inline-flex}.wr-search-field{width:146px}.wr-search-field.wide{width:214px}.wr-search-field input,.wr-date-field input{color:#1f2937;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.wr-date-field{width:142px}.wr-date-field span{white-space:nowrap;font-size:11px;font-weight:700}.warehouse-records .wr-filter{border-radius:4px;min-width:126px;max-width:190px}.warehouse-records .wr-filter.wide{min-width:180px}.wr-filter-button,.wr-reset-button{min-height:34px;padding:0 13px;font-size:12px}.warehouse-records .wr-actions{z-index:12;background:#fff;padding:9px 14px;position:relative}.warehouse-records .wr-actions .btn{border-radius:4px;min-height:33px;padding:0 11px;font-size:12px}.wr-create-button{color:#fff;background:#22a447;border:1px solid #1d9a47}.wr-create-button:hover{color:#fff;background:#19883b}.wr-icon-button,.wr-row-menu-button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cfd6df;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.wr-icon-button:hover,.wr-row-menu-button:hover{color:#006efc;background:#f4f9ff;border-color:#9fc4f5}.wr-count{color:#475569;padding-right:4px;font-weight:600}.warehouse-records .wr-menu-panel{z-index:80;border-radius:4px;min-width:205px;padding:5px 0;top:calc(100% + 4px);box-shadow:0 10px 28px #0f172a29}.warehouse-records .wr-menu-panel button{border-radius:0;align-items:center;gap:9px;min-height:35px;padding:0 13px;font-size:12px;font-weight:500;display:flex}.warehouse-records .wr-menu-panel button:disabled{color:#a3acb9;cursor:not-allowed;background:#fff}.warehouse-records .wr-menu-panel button.danger{color:#ef4444;border-top:1px solid #e5e7eb;margin-top:4px;padding-top:4px}.wr-action-menu{left:0}.wr-row-menu{top:28px;left:auto;right:0;min-width:225px!important}.warehouse-records .wr-table-wrap{min-height:260px;position:relative;overflow:auto}.warehouse-records .wr-table{min-width:1050px}.warehouse-records .wr-table th,.warehouse-records .wr-table td{height:39px;padding:7px 8px}.warehouse-records .wr-table th{z-index:4;color:#1f2937;background:#eef1f5;font-size:12px;position:sticky;top:0}.warehouse-records .wr-table tbody tr:hover td{background:#f1f7ff!important}.wr-checkbox-cell{text-align:center;width:40px}.wr-action-cell{text-align:center;width:50px}.wr-identity-cell{min-width:118px}.wr-identity-cell .wr-link{cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;display:block}.wr-identity-cell>span{color:#64748b;margin-top:2px;font-size:11px;display:block}.wr-product{min-width:190px}.wr-product strong{color:#006efc;font-weight:600}.wr-product small{color:#475569}.wr-note-cell{text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}.wr-direction{border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.wr-direction.import{color:#08783a;background:#e9f8ef}.wr-direction.export{color:#c52c2c;background:#fff0f0}.wr-direction.refund{color:#0865b8;background:#eaf4ff}.wr-direction.transfer{color:#6d45c5;background:#f2edff}.wr-direction.adjustment,.wr-direction.adjustment-in,.wr-direction.adjustment-out{color:#a85b00;background:#fff4df}.wr-kind{color:#475569;white-space:nowrap;margin-top:3px;font-size:11px;display:block}.wr-warehouse-transfer{color:#334155;align-items:center;gap:6px;min-width:190px;font-weight:600;display:inline-flex}.wr-warehouse-transfer svg{color:#7c3aed}.wr-notice,.wr-error{border-bottom:1px solid;align-items:center;gap:8px;min-height:38px;padding:8px 14px;font-size:12px;display:flex}.wr-notice{color:#08783a;background:#effbf3;border-color:#bfe8ce}.wr-error{color:#b42318;background:#fff3f2;border-color:#ffd0cc}.wr-error button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-weight:800}.wr-skeleton td{padding:12px!important}.wr-skeleton span{background:linear-gradient(90deg,#eef1f5 25%,#f8fafc 50%,#eef1f5 75%) 0 0/200% 100%;border-radius:4px;height:16px;animation:1.2s infinite wr-shimmer;display:block}@keyframes wr-shimmer{to{background-position:-200% 0}}.wr-modal-backdrop{z-index:1000;background:#0f172a8a;padding:28px}.wr-detail-modal,.wr-confirm-modal,.wr-column-modal{background:#fff;border:1px solid #cfd6df;border-radius:6px;width:min(1120px,96vw);max-height:92vh;overflow:auto;box-shadow:0 24px 70px #0f172a47}.wr-detail-header,.wr-confirm-modal header,.wr-column-modal header{background:#f5f7fa;border-bottom:1px solid #d8dee8;justify-content:space-between;align-items:center;gap:16px;padding:12px 15px;display:flex}.wr-detail-header h2,.wr-confirm-modal h2,.wr-column-modal h2{color:#172033;margin:0;font-size:16px}.wr-detail-eyebrow{color:#006efc;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:800;display:block}.wr-detail-actions{align-items:center;gap:8px;display:flex}.wr-detail-summary{border-bottom:1px solid #d8dee8;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.wr-detail-summary>div{border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;flex-direction:column;gap:7px;min-height:66px;padding:12px 15px;display:flex}.wr-detail-summary>div.wide{grid-column:span 2}.wr-detail-summary span{color:#64748b;font-size:11px}.wr-detail-summary strong{color:#172033;font-size:12px}.wr-detail-table-wrap{padding:14px;overflow:auto}.wr-detail-table{border:1px solid #d8dee8;min-width:820px!important}.wr-detail-loading{color:#64748b;text-align:center;padding:60px}.wr-confirm-modal{width:min(420px,92vw)}.wr-confirm-modal p{color:#334155;margin:0;padding:20px 16px;font-size:13px;line-height:1.55}.wr-confirm-modal footer,.wr-column-modal footer{background:#fafbfc;border-top:1px solid #d8dee8;justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.wr-confirm-modal .btn-danger{color:#fff;background:#ef4444;border-color:#ef4444}.wr-column-modal{width:min(450px,92vw)}.wr-column-list{gap:5px;padding:14px;display:grid}.wr-column-list label{color:#475569;cursor:pointer;background:#f0f7fd;border-radius:5px;align-items:center;gap:9px;min-height:30px;padding:0 10px;font-size:12px;display:flex}.wr-column-list label.fixed{cursor:default;font-weight:700}.wr-save-button{color:#fff;background:#43b85a;border-color:#35ad4d}@media (width<=1180px){.warehouse-records .wr-filters{align-items:stretch}.wr-search-field,.wr-search-field.wide,.wr-date-field,.warehouse-records .wr-filter,.warehouse-records .wr-filter.wide{flex:150px;width:auto;max-width:none}}@media (width<=720px){.warehouse-records .wr-actions{flex-direction:column;align-items:flex-start}.wr-action-right{justify-content:flex-end;width:100%}.wr-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.wr-modal-backdrop{padding:12px}}@media print{body *{visibility:hidden!important}.wr-detail-modal,.wr-detail-modal *{visibility:visible!important}.wr-detail-modal{width:100%;max-height:none;box-shadow:none;border:0;position:fixed;inset:0;overflow:visible}.wr-detail-actions{display:none!important}}.wr-transfer-create{--wr-border:#dbe6f3;--wr-soft:#f8fafc;--wr-primary:#16a34a}.wr-transfer-hero{border:1px solid var(--wr-border);box-shadow:0 14px 30px #0f172a14}.wr-transfer-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.wr-products-card{overflow:visible}.wr-products-header{align-items:flex-start;gap:16px}.wr-product-search{flex:1;min-width:320px;max-width:520px;position:relative}.wr-product-search .search-box{border:1px solid var(--wr-border);background:#fff;border-radius:12px;align-items:center;gap:8px;min-width:100%;padding:0 12px;display:flex}.wr-product-search .search-box:focus-within{border-color:var(--wr-primary);box-shadow:0 0 0 4px #16a34a1f}.wr-product-search input{background:0 0;border:0;outline:0;width:100%;min-height:38px}.wr-product-search input:disabled{color:#94a3b8;cursor:not-allowed}.wr-search-helper{color:var(--muted);margin-top:6px;font-size:12px;display:block}.wr-suggestions{z-index:30;border:1px solid var(--wr-border);background:#fff;border-radius:14px;max-height:360px;padding:8px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 22px 45px #0f172a2e}.wr-suggestion-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:space-between;gap:14px;width:100%;padding:10px 12px;display:flex}.wr-suggestion-item:hover{background:#ecfdf5}.wr-suggestion-item span{gap:3px;display:grid}.wr-suggestion-item em,.wr-suggestion-item small,.wr-suggestion-state{color:var(--muted);font-style:normal}.wr-suggestion-item b{color:#047857;white-space:nowrap}.wr-suggestion-state{padding:14px}.wr-suggestion-state.error{color:#b91c1c}.wr-transfer-side{gap:14px;display:grid;position:sticky;top:12px}.wr-flow-arrow{color:var(--muted);place-items:center;padding:8px;display:grid}.wr-flow-arrow svg{transform:rotate(90deg)}.wr-transfer-summary{background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.wr-transfer-summary div{align-items:center;gap:6px;display:flex}.wr-transfer-summary span{color:var(--muted);margin-top:10px;display:block}@media (width<=960px){.wr-transfer-layout{grid-template-columns:1fr}.wr-transfer-side{position:static}.wr-products-header{display:grid}.wr-product-search{min-width:100%;max-width:none}}.wr-transfer-create.workspace-page{background:radial-gradient(circle at 0 0,#16a34a1f,#0000 30%),linear-gradient(#f8fbff 0%,#eef4fb 100%);min-height:calc(100vh - 76px);padding:22px clamp(18px,4vw,44px) 48px}.wr-transfer-create .wr-transfer-hero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #94a3b847;border-radius:18px;position:relative;overflow:hidden}.wr-transfer-create .wr-transfer-hero:after{content:"";pointer-events:none;background:linear-gradient(135deg,#3b82f62e,#10b98129);border-radius:999px;width:260px;height:260px;position:absolute;top:-100px;right:-80px}.wr-transfer-create .page-title-block,.wr-transfer-create .page-actions{z-index:1;position:relative}.wr-transfer-create .page-icon{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 12px 24px #16a34a47}.wr-transfer-create .btn{border-radius:12px;min-height:38px;font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s}.wr-transfer-create .btn:hover:not(:disabled){transform:translateY(-1px)}.wr-transfer-create .btn-primary{background:linear-gradient(135deg,#16a34a,#15803d);border:0;box-shadow:0 14px 28px #16a34a47}.wr-transfer-create .btn-light,.wr-transfer-create .btn-outline{color:#0f172a;background:#fff;border:1px solid #94a3b857}.wr-transfer-create .data-card,.wr-transfer-create .filter-panel{background:#fffffff5;border:1px solid #94a3b847;border-radius:18px;box-shadow:0 18px 42px #0f172a14}.wr-transfer-create .data-card-header{background:linear-gradient(#f8fafcf5,#fffffff5);border-bottom:1px solid #e2e8f0e6;padding:18px 18px 14px}.wr-transfer-create .data-card-header h2,.wr-transfer-create .panel-title{color:#0f172a;letter-spacing:-.01em;font-size:15px;font-weight:800}.wr-transfer-create .record-badge{color:#15803d;background:#dbeafe;border-radius:999px;margin-top:8px;padding:5px 10px;font-weight:800;display:inline-flex}.wr-transfer-create .table-scroll{background:#fff;border-radius:0 0 18px 18px}.wr-transfer-create .data-table{border-collapse:separate;border-spacing:0;min-width:940px}.wr-transfer-create .data-table thead th{z-index:2;color:#475569;letter-spacing:.03em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;height:42px;font-size:11px;font-weight:800;position:sticky;top:0}.wr-transfer-create .data-table tbody tr{transition:background .15s,box-shadow .15s}.wr-transfer-create .data-table tbody tr:hover{background:#f8fbff}.wr-transfer-create .data-table td{vertical-align:middle;border-bottom:1px solid #edf2f7;padding:14px 12px}.wr-transfer-create .data-table td strong{color:#0f172a;max-width:240px;font-size:13px;line-height:1.35;display:block}.wr-transfer-create .wr-sub{color:#64748b;margin-top:4px;font-size:11px;display:block}.wr-transfer-create select,.wr-transfer-create input,.wr-transfer-create textarea{color:#0f172a;background:#fff;border:1px solid #d7e0ec;border-radius:11px;outline:none;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.wr-transfer-create select,.wr-transfer-create input{min-height:36px;padding:0 10px}.wr-transfer-create textarea{resize:vertical;padding:10px}.wr-transfer-create select:focus,.wr-transfer-create input:focus,.wr-transfer-create textarea:focus{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1f}.wr-transfer-create select:disabled,.wr-transfer-create input:disabled{color:#94a3b8;background:#f1f5f9}.wr-transfer-create .data-table select{min-width:150px;font-weight:700}.wr-transfer-create .data-table input[type=number]{text-align:center;width:72px;font-weight:800}.wr-transfer-create .data-table td:nth-child(6) input,.wr-transfer-create .data-table td:nth-child(7) input,.wr-transfer-create .data-table td:nth-child(8) input,.wr-transfer-create .data-table td:nth-child(9) input{min-width:145px}.wr-transfer-create .icon-button.danger{color:#dc2626;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;width:34px;height:34px}.wr-transfer-create .icon-button.danger:hover{background:#fee2e2}.wr-transfer-create .filter-panel{padding:16px}.wr-transfer-create .panel-title{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:12px}.wr-transfer-create .field-label{color:#475569;margin:14px 0 7px;font-size:12px;font-weight:800}.wr-transfer-create .filter-panel select,.wr-transfer-create .filter-panel input,.wr-transfer-create .filter-panel textarea{width:100%}.wr-transfer-create .wr-flow-arrow{color:#16a34a;background:#ecfdf5;border-radius:999px;width:34px;height:34px;margin:10px auto 0}.wr-transfer-create .wr-transfer-summary{background:linear-gradient(135deg,#16a34a14,#10b9811f),#fff;border-color:#16a34a2e}.wr-transfer-create .wr-transfer-summary strong{color:#0f172a}.wr-transfer-create .wr-transfer-summary span{font-weight:700}.wr-transfer-create .wr-product-search .search-box{background:#fff;border-radius:14px;box-shadow:0 10px 24px #16a34a14}.wr-transfer-create .wr-suggestions{border-color:#16a34a2e;border-radius:16px}.wr-transfer-create .wr-suggestion-item{border:1px solid #0000}.wr-transfer-create .wr-suggestion-item:hover{background:linear-gradient(135deg,#ecfdf5,#f8fafc);border-color:#bbf7d0}.wr-transfer-create .empty-cell{color:#64748b;background:linear-gradient(135deg,#f8fafc,#fff);height:132px;font-size:13px}.warehouse-records.workspace-page:not(.wr-transfer-create){background:radial-gradient(circle at 0 0,#16a34a1f,#0000 30%),radial-gradient(circle at 85% 10%,#10b9811a,#0000 26%),linear-gradient(#f8fbff 0%,#eef4fb 100%);min-height:calc(100vh - 76px);padding:22px clamp(18px,4vw,44px) 46px}.warehouse-records:not(.wr-transfer-create)>.wr-card{background:#fffffff5;border:1px solid #94a3b847;border-radius:20px;overflow:visible;box-shadow:0 22px 54px #0f172a1a}.warehouse-records:not(.wr-transfer-create) .wr-tabs{background:linear-gradient(135deg,#16a34a14,#22c55e0a),#fff;border:0;border-radius:20px 20px 0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:auto;padding:12px;display:grid;position:relative}.warehouse-records:not(.wr-transfer-create) .wr-tabs button{color:#475569;letter-spacing:-.01em;background:#f8fafc;border:1px solid #dbe6f3;border-radius:14px;justify-content:center;min-height:44px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s,color .15s}.warehouse-records:not(.wr-transfer-create) .wr-tabs button:hover{color:#15803d;background:#ecfdf5;border-color:#bbf7d0;transform:translateY(-1px)}.warehouse-records:not(.wr-transfer-create) .wr-tabs button.active{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#0000;box-shadow:0 14px 28px #16a34a3d}.warehouse-records:not(.wr-transfer-create) .wr-transfer-tabbar{background:#f1f5f9;border:1px solid #dbe6f3;border-radius:12px;flex-wrap:wrap;gap:4px;margin:14px;padding:4px;display:inline-flex}.warehouse-records:not(.wr-transfer-create) .wr-transfer-tab{color:#475569;min-height:34px;box-shadow:none;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:700;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.warehouse-records:not(.wr-transfer-create) .wr-transfer-tab>span{line-height:1}.warehouse-records:not(.wr-transfer-create) .wr-transfer-tab:hover{color:#16a34a;background:#ecfdf5;border-color:#0000}.warehouse-records:not(.wr-transfer-create) .wr-transfer-tab.is-active{color:#fff;background:#16a34a;border-color:#0000;box-shadow:0 2px 8px #16a34a38}.warehouse-records:not(.wr-transfer-create) .wr-transfer-tab:focus-visible{outline-offset:2px;outline:2px solid #16a34a}.warehouse-records:not(.wr-transfer-create) .wr-filters{background:linear-gradient(#fbfdff,#f8fafc);border-top:1px solid #e2e8f0e6;border-bottom:1px solid #e2e8f0e6;grid-template-columns:minmax(180px,1.3fr) minmax(150px,1fr) minmax(150px,1fr) minmax(140px,.9fr) minmax(132px,.75fr) minmax(132px,.75fr) auto auto;align-items:center;gap:10px;padding:16px;display:grid}.warehouse-records:not(.wr-transfer-create) .wr-search-field,.warehouse-records:not(.wr-transfer-create) .wr-date-field,.warehouse-records:not(.wr-transfer-create) .wr-filter{background:#fff;border:1px solid #d7e0ec;border-radius:13px;width:100%;min-width:0;max-width:none;min-height:40px;transition:border-color .15s,box-shadow .15s,transform .15s;box-shadow:0 8px 20px #0f172a0a}.warehouse-records:not(.wr-transfer-create) .wr-search-field:focus-within,.warehouse-records:not(.wr-transfer-create) .wr-date-field:focus-within,.warehouse-records:not(.wr-transfer-create) .wr-filter:focus{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1f}.warehouse-records:not(.wr-transfer-create) .wr-search-field input,.warehouse-records:not(.wr-transfer-create) .wr-date-field input,.warehouse-records:not(.wr-transfer-create) .wr-filter{color:#0f172a;font-size:13px;font-weight:600}.warehouse-records:not(.wr-transfer-create) .wr-date-field span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:800}.warehouse-records:not(.wr-transfer-create) .wr-filter-button,.warehouse-records:not(.wr-transfer-create) .wr-reset-button,.warehouse-records:not(.wr-transfer-create) .wr-actions .btn{border-radius:13px;min-height:40px;font-size:13px;font-weight:800}.warehouse-records:not(.wr-transfer-create) .wr-filter-button,.warehouse-records:not(.wr-transfer-create) .wr-actions .btn-primary{background:linear-gradient(135deg,#16a34a,#15803d);border:0;box-shadow:0 12px 24px #16a34a33}.warehouse-records:not(.wr-transfer-create) .wr-reset-button{background:#fff;border:1px solid #d7e0ec}.warehouse-records:not(.wr-transfer-create) .wr-actions{background:#fff;border-bottom:1px solid #e2e8f0d9;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.warehouse-records:not(.wr-transfer-create) .wr-create-button{background:linear-gradient(135deg,#059669,#10b981);border:0;box-shadow:0 14px 28px #10b98138}.warehouse-records:not(.wr-transfer-create) .wr-action-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.warehouse-records:not(.wr-transfer-create) .wr-count{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.warehouse-records:not(.wr-transfer-create) .wr-icon-button,.warehouse-records:not(.wr-transfer-create) .wr-row-menu-button{border-color:#d7e0ec;border-radius:12px;box-shadow:0 8px 18px #0f172a0d}.warehouse-records:not(.wr-transfer-create) .wr-table-wrap{background:#fff;min-height:360px}.warehouse-records:not(.wr-transfer-create) .wr-table{border-collapse:separate;border-spacing:0;min-width:1120px}.warehouse-records:not(.wr-transfer-create) .wr-table th{color:#475569;letter-spacing:.03em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;height:46px;padding:0 14px;font-size:11px;font-weight:900;top:0}.warehouse-records:not(.wr-transfer-create) .wr-table td{color:#334155;text-align:center;vertical-align:middle;border-bottom:1px solid #edf2f7;height:58px;padding:12px 14px;font-size:13px}.warehouse-records:not(.wr-transfer-create) .wr-table tbody tr{transition:background .15s,box-shadow .15s}.warehouse-records:not(.wr-transfer-create) .wr-table tbody tr:hover td{background:#f8fbff!important}.warehouse-records:not(.wr-transfer-create) .wr-identity-cell .wr-link{color:#15803d;font-size:13px;font-weight:900}.warehouse-records:not(.wr-transfer-create) .wr-identity-cell,.warehouse-records:not(.wr-transfer-create) .wr-identity-cell>span,.warehouse-records:not(.wr-transfer-create) .wr-identity-cell .wr-link,.warehouse-records:not(.wr-transfer-create) .wr-menu,.warehouse-records:not(.wr-transfer-create) .wr-action-cell{text-align:center}.warehouse-records:not(.wr-transfer-create) .wr-identity-cell{vertical-align:middle}.warehouse-records:not(.wr-transfer-create) .wr-identity-cell .wr-link{width:100%;margin:0 auto}.warehouse-records:not(.wr-transfer-create) .wr-identity-cell>span{width:100%;margin:5px auto 0}.warehouse-records:not(.wr-transfer-create) .wr-identity-cell>span,.warehouse-records:not(.wr-transfer-create) .wr-sub{color:#64748b;font-size:11px;font-weight:600}.warehouse-records:not(.wr-transfer-create) .wr-direction{letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.warehouse-records:not(.wr-transfer-create) .wr-menu-panel{border:1px solid #94a3b847;border-radius:14px;overflow:hidden;box-shadow:0 20px 44px #0f172a2e}.warehouse-records:not(.wr-transfer-create) .wr-menu-panel button{min-height:40px;font-weight:700}.warehouse-records:not(.wr-transfer-create) .wr-empty{color:#64748b;text-align:center;vertical-align:middle;background:linear-gradient(135deg,#f8fafc,#fff);height:180px;font-size:14px;font-weight:700}.warehouse-records:not(.wr-transfer-create) .wr-table td.right,.warehouse-records:not(.wr-transfer-create) .wr-table th.right{text-align:center}.warehouse-records:not(.wr-transfer-create) .wr-notice,.warehouse-records:not(.wr-transfer-create) .wr-error{border-radius:14px;margin:12px 16px 0}@media (width<=1180px){.warehouse-records:not(.wr-transfer-create) .wr-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.warehouse-records.workspace-page:not(.wr-transfer-create){padding:14px}.warehouse-records:not(.wr-transfer-create) .wr-tabs,.warehouse-records:not(.wr-transfer-create) .wr-filters{grid-template-columns:1fr}.warehouse-records:not(.wr-transfer-create) .wr-transfer-tabbar{display:flex}.warehouse-records:not(.wr-transfer-create) .wr-transfer-tab{flex:1 1 0}.warehouse-records:not(.wr-transfer-create) .wr-actions{flex-direction:column;align-items:stretch}.warehouse-records:not(.wr-transfer-create) .wr-action-right{justify-content:space-between}}.workspace-page.warehouse-records,.workspace-page.wr-transfer-create,.workspace-page.warehouse-audit-page,.workspace-page.warehouse-branches-page{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.workspace-page.warehouse-records .btn,.workspace-page.wr-transfer-create .btn,.workspace-page.warehouse-audit-page .btn,.workspace-page.warehouse-branches-page .btn{letter-spacing:-.01em}.workspace-page.warehouse-records button,.workspace-page.wr-transfer-create button,.workspace-page.warehouse-audit-page button,.workspace-page.warehouse-branches-page button{transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s}.workspace-page.warehouse-records button:hover:not(:disabled),.workspace-page.wr-transfer-create button:hover:not(:disabled),.workspace-page.warehouse-audit-page button:hover:not(:disabled),.workspace-page.warehouse-branches-page button:hover:not(:disabled){transform:translateY(-1px)}:root{--wh-bg:#f3f7fc;--wh-surface:#fffffff5;--wh-surface-solid:#fff;--wh-border:#dbe6f3;--wh-border-strong:#c7d6e8;--wh-text:#0f172a;--wh-muted:#64748b;--wh-primary:#16a34a;--wh-primary-2:#22c55e;--wh-primary-soft:#ecfdf5;--wh-success:#059669;--wh-success-soft:#ecfdf5;--wh-danger:#dc2626;--wh-danger-soft:#fef2f2;--wh-warning:#d97706;--wh-warning-soft:#fffbeb;--wh-radius-sm:10px;--wh-radius:14px;--wh-radius-lg:20px;--wh-shadow-sm:0 8px 20px #0f172a0f;--wh-shadow:0 18px 42px #0f172a1a;--wh-focus:0 0 0 4px #16a34a24}.workspace-page.warehouse-records,.workspace-page.wr-transfer-create,.workspace-page.warehouse-audit-admin,.workspace-page.warehouse-audit-page,.workspace-page.warehouse-branches-page{background:radial-gradient(circle at top left, #16a34a1f, transparent 30%), radial-gradient(circle at 86% 8%, #10b9811a, transparent 26%), linear-gradient(180deg, #f8fbff 0%, var(--wh-bg) 100%);min-height:calc(100vh - 76px);color:var(--wh-text);padding:22px clamp(18px,4vw,44px) 46px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.workspace-page:has(.voucher-form){background:radial-gradient(circle at top left, #16a34a1f, transparent 30%), radial-gradient(circle at 86% 8%, #10b9811a, transparent 26%), linear-gradient(180deg, #f8fbff 0%, var(--wh-bg) 100%);min-height:calc(100vh - 76px);color:var(--wh-text);padding:22px clamp(18px,4vw,44px) 46px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.workspace-page:has(.import-export-page){background:radial-gradient(circle at top left, #16a34a1f, transparent 30%), radial-gradient(circle at 86% 8%, #10b9811a, transparent 26%), linear-gradient(180deg, #f8fbff 0%, var(--wh-bg) 100%);min-height:calc(100vh - 76px);color:var(--wh-text);padding:22px clamp(18px,4vw,44px) 46px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:is(.warehouse-records .page-heading,.warehouse-audit-admin .page-heading,.warehouse-audit-page .page-heading,.warehouse-branches-page .page-heading,.wr-transfer-create .page-heading,.workspace-page:has(.voucher-form) .page-heading,.workspace-page:has(.import-export-page) .page-heading){border-radius:var(--wh-radius-lg);background:var(--wh-surface);box-shadow:var(--wh-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #94a3b847}:is(.warehouse-records h1,.warehouse-audit-admin h1,.warehouse-audit-page h1,.warehouse-branches-page h1,.wr-transfer-create h1,.workspace-page:has(.voucher-form) h1,.workspace-page:has(.import-export-page) h1){color:var(--wh-text);letter-spacing:-.03em;font-size:clamp(20px,2vw,26px);font-weight:850;line-height:1.2}.warehouse-records .page-heading p,.warehouse-audit-admin .page-heading p,.warehouse-audit-page .page-heading p,.warehouse-branches-page .page-heading p,.wr-transfer-create .page-heading p,.wr-sub,.audit-sub,.branch-sub{color:var(--wh-muted);font-size:13px;line-height:1.5}.workspace-page:has(.voucher-form) .page-heading p{color:var(--wh-muted);font-size:13px;line-height:1.5}.workspace-page:has(.import-export-page) .page-heading p{color:var(--wh-muted);font-size:13px;line-height:1.5}.warehouse-records .wr-card,.warehouse-audit-admin .wr-card,.warehouse-audit-page .wr-card,.warehouse-branches-page .wr-card,.wr-transfer-create .data-card,.wr-transfer-create .filter-panel,.audit-card,.branch-card{border-radius:var(--wh-radius-lg);background:var(--wh-surface);box-shadow:var(--wh-shadow-sm);border:1px solid #94a3b847;overflow:visible}.workspace-page:has(.voucher-form) .data-card{border-radius:var(--wh-radius-lg);background:var(--wh-surface);box-shadow:var(--wh-shadow-sm);border:1px solid #94a3b847;overflow:visible}.workspace-page:has(.import-export-page) .data-card{border-radius:var(--wh-radius-lg);background:var(--wh-surface);box-shadow:var(--wh-shadow-sm);border:1px solid #94a3b847;overflow:visible}:is(.warehouse-records .btn,.warehouse-audit-admin .btn,.warehouse-audit-page .btn,.warehouse-branches-page .btn,.wr-transfer-create .btn,.workspace-page:has(.voucher-form) .btn,.workspace-page:has(.import-export-page) .btn){border-radius:var(--wh-radius);letter-spacing:-.01em;min-height:38px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s}:is(.warehouse-records .btn:hover:not(:disabled),.warehouse-audit-admin .btn:hover:not(:disabled),.warehouse-audit-page .btn:hover:not(:disabled),.warehouse-branches-page .btn:hover:not(:disabled),.wr-transfer-create .btn:hover:not(:disabled),.workspace-page:has(.voucher-form) .btn:hover:not(:disabled),.workspace-page:has(.import-export-page) .btn:hover:not(:disabled)){transform:translateY(-1px)}.warehouse-records .btn-primary,.warehouse-audit-admin .btn-primary,.warehouse-audit-page .btn-primary,.warehouse-branches-page .btn-primary,.wr-transfer-create .btn-primary,.wr-create-button{background:linear-gradient(135deg, var(--wh-primary), #15803d);color:#fff;border:0;box-shadow:0 12px 26px #16a34a38}.workspace-page:has(.voucher-form) .btn-primary{background:linear-gradient(135deg, var(--wh-primary), #15803d);color:#fff;border:0;box-shadow:0 12px 26px #16a34a38}.workspace-page:has(.import-export-page) .btn-primary{background:linear-gradient(135deg, var(--wh-primary), #15803d);color:#fff;border:0;box-shadow:0 12px 26px #16a34a38}:is(.warehouse-records .btn-light,.warehouse-records .btn-outline,.warehouse-audit-admin .btn-light,.warehouse-audit-admin .btn-outline,.warehouse-audit-page .btn-light,.warehouse-audit-page .btn-outline,.warehouse-branches-page .btn-light,.warehouse-branches-page .btn-outline,.wr-transfer-create .btn-light,.wr-transfer-create .btn-outline,.workspace-page:has(.voucher-form) .btn-light,.workspace-page:has(.voucher-form) .btn-outline,.workspace-page:has(.import-export-page) .btn-light,.workspace-page:has(.import-export-page) .btn-outline){border:1px solid var(--wh-border);color:#334155;background:#fff;box-shadow:0 8px 18px #0f172a0a}:is(.warehouse-records .btn:disabled,.warehouse-audit-admin .btn:disabled,.warehouse-audit-page .btn:disabled,.warehouse-branches-page .btn:disabled,.wr-transfer-create .btn:disabled,.workspace-page:has(.voucher-form) .btn:disabled,.workspace-page:has(.import-export-page) .btn:disabled){cursor:not-allowed;opacity:.58;box-shadow:none;transform:none}:is(.warehouse-records input,.warehouse-records select,.warehouse-records textarea,.warehouse-audit-admin input,.warehouse-audit-admin select,.warehouse-audit-admin textarea,.warehouse-audit-page input,.warehouse-audit-page select,.warehouse-audit-page textarea,.warehouse-branches-page input,.warehouse-branches-page select,.warehouse-branches-page textarea,.wr-transfer-create input,.wr-transfer-create select,.wr-transfer-create textarea,.workspace-page:has(.voucher-form) input,.workspace-page:has(.voucher-form) select,.workspace-page:has(.voucher-form) textarea,.workspace-page:has(.import-export-page) input,.workspace-page:has(.import-export-page) select,.workspace-page:has(.import-export-page) textarea){border:1px solid var(--wh-border);border-radius:var(--wh-radius-sm);color:var(--wh-text);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}:is(.warehouse-records input:focus,.warehouse-records select:focus,.warehouse-records textarea:focus,.warehouse-audit-admin input:focus,.warehouse-audit-admin select:focus,.warehouse-audit-admin textarea:focus,.warehouse-audit-page input:focus,.warehouse-audit-page select:focus,.warehouse-audit-page textarea:focus,.warehouse-branches-page input:focus,.warehouse-branches-page select:focus,.warehouse-branches-page textarea:focus,.wr-transfer-create input:focus,.wr-transfer-create select:focus,.wr-transfer-create textarea:focus,.workspace-page:has(.voucher-form) input:focus,.workspace-page:has(.voucher-form) select:focus,.workspace-page:has(.voucher-form) textarea:focus,.workspace-page:has(.import-export-page) input:focus,.workspace-page:has(.import-export-page) select:focus,.workspace-page:has(.import-export-page) textarea:focus){border-color:var(--wh-primary);box-shadow:var(--wh-focus)}:is(.warehouse-records .wr-table,.warehouse-audit-admin .wr-table,.warehouse-audit-page .wr-table,.warehouse-branches-page .wr-table,.wr-transfer-create .data-table,.workspace-page:has(.voucher-form) .data-table,.workspace-page:has(.import-export-page) .data-table){border-collapse:separate;border-spacing:0}:is(.warehouse-records .wr-table th,.warehouse-audit-admin .wr-table th,.warehouse-audit-page .wr-table th,.warehouse-branches-page .wr-table th,.wr-transfer-create .data-table th,.workspace-page:has(.voucher-form) .data-table th,.workspace-page:has(.import-export-page) .data-table th){color:#475569;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle;background:#f8fafc;font-size:11px;font-weight:900}:is(.warehouse-records .wr-table td,.warehouse-audit-admin .wr-table td,.warehouse-audit-page .wr-table td,.warehouse-branches-page .wr-table td,.wr-transfer-create .data-table td,.workspace-page:has(.voucher-form) .data-table td,.workspace-page:has(.import-export-page) .data-table td){vertical-align:middle}.warehouse-records .wr-table tbody tr:hover td,.warehouse-audit-admin .wr-table tbody tr:hover td,.warehouse-audit-page .wr-table tbody tr:hover td,.warehouse-branches-page .wr-table tbody tr:hover td,.wr-transfer-create .data-table tbody tr:hover{background:#f8fbff!important}.workspace-page:has(.voucher-form) .data-table tbody tr:hover{background:#f8fbff!important}.workspace-page:has(.import-export-page) .data-table tbody tr:hover{background:#f8fbff!important}.wr-direction,.audit-status,.branch-status,.status-badge,.record-badge{border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.wr-empty,.audit-empty,.branch-empty,.empty-cell{color:var(--wh-muted);text-align:center;vertical-align:middle;background:linear-gradient(135deg,#f8fafc,#fff);font-size:14px;font-weight:700}.wr-menu-panel,.audit-menu,.branch-menu,.wr-confirm-modal,.audit-modal{border-radius:var(--wh-radius);background:#fff;border:1px solid #94a3b847;box-shadow:0 22px 48px #0f172a2e}@media (width<=760px){.workspace-page.warehouse-records,.workspace-page.wr-transfer-create,.workspace-page.warehouse-audit-admin,.workspace-page.warehouse-audit-page,.workspace-page.warehouse-branches-page{padding:14px}.workspace-page:has(.voucher-form){padding:14px}.workspace-page:has(.import-export-page){padding:14px}}:is(.warehouse-records .btn-primary,.warehouse-records .wr-filter-button,.warehouse-records .wr-create-button,.warehouse-audit-admin .btn-primary,.warehouse-audit-admin .wr-filter-button,.warehouse-audit-admin .wr-create-button,.warehouse-audit-page .btn-primary,.warehouse-audit-page .wr-filter-button,.warehouse-audit-page .wr-create-button,.warehouse-branches-page .btn-primary,.warehouse-branches-page .wr-create-button,.wr-transfer-create .btn-primary,.workspace-page:has(.voucher-form) .btn-primary,.workspace-page:has(.import-export-page) .btn-primary){background:linear-gradient(135deg, var(--wh-primary), #15803d)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px #16a34a38!important}:is(.warehouse-records .btn-primary:hover:not(:disabled),.warehouse-records .wr-filter-button:hover:not(:disabled),.warehouse-records .wr-create-button:hover:not(:disabled),.warehouse-audit-admin .btn-primary:hover:not(:disabled),.warehouse-audit-admin .wr-filter-button:hover:not(:disabled),.warehouse-audit-admin .wr-create-button:hover:not(:disabled),.warehouse-audit-page .btn-primary:hover:not(:disabled),.warehouse-audit-page .wr-filter-button:hover:not(:disabled),.warehouse-audit-page .wr-create-button:hover:not(:disabled),.warehouse-branches-page .btn-primary:hover:not(:disabled),.warehouse-branches-page .wr-create-button:hover:not(:disabled),.wr-transfer-create .btn-primary:hover:not(:disabled),.workspace-page:has(.voucher-form) .btn-primary:hover:not(:disabled),.workspace-page:has(.import-export-page) .btn-primary:hover:not(:disabled)){background:linear-gradient(135deg,#15803d,#166534)!important;box-shadow:0 16px 30px #16a34a47!important}:is(.warehouse-records .btn-light,.warehouse-records .btn-outline,.warehouse-records .wr-reset-button,.warehouse-records .wr-action-button,.warehouse-audit-admin .btn-light,.warehouse-audit-admin .btn-outline,.warehouse-audit-admin .wr-reset-button,.warehouse-audit-page .btn-light,.warehouse-audit-page .btn-outline,.warehouse-audit-page .wr-reset-button,.warehouse-branches-page .btn-light,.warehouse-branches-page .btn-outline,.wr-transfer-create .btn-light,.wr-transfer-create .btn-outline,.workspace-page:has(.voucher-form) .btn-light,.workspace-page:has(.voucher-form) .btn-outline,.workspace-page:has(.import-export-page) .btn-light,.workspace-page:has(.import-export-page) .btn-outline){border:1px solid var(--wh-border)!important;color:#334155!important;background:#fff!important;box-shadow:0 8px 18px #0f172a0a!important}:is(.warehouse-records .btn-light:hover:not(:disabled),.warehouse-records .btn-outline:hover:not(:disabled),.warehouse-records .wr-reset-button:hover:not(:disabled),.warehouse-audit-admin .btn-light:hover:not(:disabled),.warehouse-audit-admin .btn-outline:hover:not(:disabled),.warehouse-audit-admin .wr-reset-button:hover:not(:disabled),.warehouse-audit-page .btn-light:hover:not(:disabled),.warehouse-audit-page .btn-outline:hover:not(:disabled),.warehouse-audit-page .wr-reset-button:hover:not(:disabled),.warehouse-branches-page .btn-light:hover:not(:disabled),.warehouse-branches-page .btn-outline:hover:not(:disabled),.wr-transfer-create .btn-light:hover:not(:disabled),.wr-transfer-create .btn-outline:hover:not(:disabled),.workspace-page:has(.voucher-form) .btn-light:hover:not(:disabled),.workspace-page:has(.voucher-form) .btn-outline:hover:not(:disabled),.workspace-page:has(.import-export-page) .btn-light:hover:not(:disabled),.workspace-page:has(.import-export-page) .btn-outline:hover:not(:disabled)){background:var(--wh-primary-soft)!important;color:var(--wh-primary)!important;border-color:#bbf7d0!important}.warehouse-records>.workspace-tabs:not(.wr-tabs){border-radius:var(--wh-radius-lg) var(--wh-radius-lg) 0 0;background:linear-gradient(135deg,#16a34a14,#22c55e0a),#fff;border:1px solid #94a3b847;border-bottom:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:auto;padding:12px;display:grid;box-shadow:0 12px 28px #0f172a0f}.warehouse-records>.workspace-tabs:not(.wr-tabs) button{border:1px solid var(--wh-border);border-radius:var(--wh-radius);color:#475569;letter-spacing:-.01em;background:#f8fafc;justify-content:center;min-height:44px;font-size:13px;font-weight:850;transition:transform .15s,box-shadow .15s,background .15s,color .15s,border-color .15s}.warehouse-records>.workspace-tabs:not(.wr-tabs) button:hover{background:var(--wh-primary-soft);color:var(--wh-primary);border-color:#bbf7d0;transform:translateY(-1px)}.warehouse-records>.workspace-tabs:not(.wr-tabs) button.active{background:linear-gradient(135deg, var(--wh-primary), var(--wh-primary-2));color:#fff;border-color:#0000;box-shadow:0 14px 28px #16a34a3d}.warehouse-records>.workspace-tabs:not(.wr-tabs)+.wr-card{border-top-left-radius:0;border-top-right-radius:0}.warehouse-records .btn-success,.warehouse-records .btn-success:hover:not(:disabled),.warehouse-records .btn-success:focus{background:linear-gradient(135deg, var(--wh-primary), #15803d)!important;color:#fff!important;border:0!important;box-shadow:0 12px 26px #16a34a38!important}@media (width<=760px){.warehouse-records>.workspace-tabs:not(.wr-tabs){grid-template-columns:1fr}}.warehouse-audit-admin .wr-card{border-radius:12px;overflow:visible}.warehouse-audit-admin .audit-tabs{gap:8px;padding:10px 14px 0;display:flex}.warehouse-audit-admin .audit-tabs button{align-items:center;gap:8px;display:inline-flex}.warehouse-audit-admin .audit-filters{background:linear-gradient(#f8fafc 0%,#f3f6fb 100%);gap:10px;padding:14px}.warehouse-audit-admin .audit-date{min-width:138px}.warehouse-audit-admin .audit-table{min-width:1280px}.warehouse-audit-admin .audit-note-cell{white-space:normal;word-break:break-word;color:#475569;max-width:260px}.warehouse-audit-admin .audit-inline-link{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.warehouse-audit-admin .audit-pill{border-radius:999px;align-items:center;min-height:22px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.warehouse-audit-admin .audit-pill.success{color:#0f8b4c;background:#eaf9ef}.warehouse-audit-admin .audit-pill.neutral{color:#475569;background:#eef2f7}.warehouse-audit-admin .audit-variance{font-weight:800}.warehouse-audit-admin .audit-variance.positive{color:#059669}.warehouse-audit-admin .audit-variance.negative{color:#dc2626}.warehouse-audit-admin .audit-variance.neutral{color:#475569}.audit-small-modal{width:min(480px,94vw)}.audit-preview-modal{width:min(760px,95vw)}.audit-voucher-modal{width:min(980px,96vw)}.audit-preview-copy,.audit-loading-copy{color:#334155;margin:0;padding:18px 18px 0;font-size:13px;line-height:1.6}.audit-loading-copy{align-items:center;gap:10px;padding-bottom:18px;display:flex}.audit-modal-body{padding:0 16px 16px}.audit-modal-footer{justify-content:flex-end;gap:8px;padding:12px 16px 16px;display:flex}.audit-textarea{resize:vertical;width:100%;min-height:96px;font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}.audit-voucher-tabs{flex-wrap:wrap;gap:8px;padding:12px 16px 0;display:flex}.audit-voucher-tabs button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;min-height:32px;padding:0 12px;font-size:12px;font-weight:700}.audit-voucher-tabs button.active{color:#fff;background:linear-gradient(135deg,#0f766e,#0f9a84);border-color:#0f766e}@keyframes audit-spin{to{transform:rotate(360deg)}}@media (width<=860px){.warehouse-audit-admin .audit-filters{align-items:stretch}.warehouse-audit-admin .audit-date,.warehouse-audit-admin .wr-filter,.warehouse-audit-admin .wr-search-field{flex:160px;width:auto;max-width:none}.audit-modal-footer{flex-direction:column-reverse}.audit-modal-footer .btn{width:100%}}.audit-toolbar-stack{flex-direction:column;align-items:stretch;gap:12px;padding:12px 0}.audit-toggle{color:#334155;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.audit-toggle input{cursor:pointer;width:16px;height:16px}.audit-dashboard{background:linear-gradient(135deg,#f0fdfa,#ecfeff);border:1px solid #cffafe;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px;padding:16px;display:grid}.audit-dashboard div{flex-direction:column;gap:2px;display:flex}.audit-dashboard .wide{grid-column:1/-1}.audit-dashboard span{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:11px}.audit-dashboard strong{color:#0f766e;font-size:18px}.audit-suggestions{background:#f0fdfa;border:1px dashed #99f6e4;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.audit-suggestions>div{flex-direction:column;gap:2px;display:flex}.audit-suggestions strong{color:#0f766e;font-size:13px}.audit-suggestions span{color:#64748b;font-size:11px}.audit-suggestion-list{flex-wrap:wrap;flex:100%;gap:8px;display:flex}.audit-suggestion-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #cffafe;border-radius:10px;flex-direction:column;gap:2px;padding:8px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.audit-suggestion-list button:hover{border-color:#0f9a84;box-shadow:0 4px 12px #0f766e1f}.audit-suggestion-list strong{color:#134e4a;font-size:13px}.audit-suggestion-list small{color:#64748b;font-size:11px}.audit-table select.audit-note-input{width:auto;min-width:120px}.audit-table .audit-qty-input:disabled{cursor:not-allowed;background:#f1f5f9}.warehouse-branches-page{flex-direction:column;gap:18px;display:flex}.warehouse-branches-loading{justify-content:center;align-items:center;min-height:240px}.card-shell{background:#fff;border:1px solid #94a3b838;border-radius:18px;box-shadow:0 14px 34px #0f172a0d}.warehouse-branches-header{justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.warehouse-branches-header h1{margin:0;font-size:30px}.warehouse-branches-header p{color:var(--muted);margin:6px 0 0}.warehouse-branches-layout{grid-template-columns:340px minmax(0,1fr);gap:18px;display:grid}.warehouse-branch-list-panel{flex-direction:column;gap:14px;padding:18px;display:flex}.warehouse-branch-search{border:1px solid var(--border);background:#f8fafc;border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.warehouse-branch-search input{background:0 0;border:none;outline:none;width:100%;height:42px}.warehouse-branch-filters{gap:8px;display:flex}.warehouse-branch-filters button{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:999px;padding:8px 12px;font-weight:700}.warehouse-branch-filters button.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f657}.warehouse-branch-list{flex-direction:column;gap:12px;max-height:calc(100vh - 260px);display:flex;overflow:auto}.warehouse-branch-card{text-align:left;background:linear-gradient(#fff,#f8fafc);border:1px solid #94a3b847;border-radius:16px;flex-direction:column;gap:10px;width:100%;padding:16px;display:flex}.warehouse-branch-card.selected{border-color:#2563eb61;box-shadow:0 0 0 3px #3b82f61f}.warehouse-branch-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.warehouse-branch-card-top strong{font-size:16px;display:block}.warehouse-branch-code{color:var(--muted);letter-spacing:.08em;margin-top:4px;font-size:12px}.warehouse-branch-meta{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.warehouse-branch-badges{flex-wrap:wrap;gap:8px;display:flex}.status-badge.active{color:#047857;background:#ecfdf5}.status-badge.inactive{color:#b91c1c;background:#fef2f2}.status-badge.neutral{color:#334155;background:#f1f5f9}.status-badge{border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.warehouse-empty-state{border:1px dashed var(--border);text-align:center;color:var(--muted);background:#f8fafc;border-radius:14px;padding:24px 18px}.warehouse-branch-detail{flex-direction:column;gap:18px;display:flex}.warehouse-branch-section{flex-direction:column;gap:16px;padding:20px 22px;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-heading h2{margin:0;font-size:20px}.section-heading p{color:var(--muted);margin:6px 0 0}.warehouse-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.warehouse-branch-grid label,.warehouse-modal-body label{flex-direction:column;gap:8px;display:flex}.warehouse-branch-grid span,.warehouse-modal-body span{color:#334155;font-size:13px;font-weight:700}.warehouse-branch-grid input,.warehouse-branch-grid textarea,.warehouse-modal-body input{border:1px solid var(--border);background:#fff;border-radius:12px;outline:none;width:100%;padding:11px 12px}.warehouse-branch-grid input[readonly]{color:#64748b;background:#f8fafc}.warehouse-branch-grid textarea{resize:vertical}.full-width{grid-column:1/-1}.warehouse-state-card{background:linear-gradient(135deg,#f8fafc,#fff7ed);border:1px solid #94a3b83d;border-radius:16px;gap:12px;padding:14px;display:grid}.warehouse-state-card span{color:var(--muted);margin-bottom:6px;display:block}.warehouse-checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.warehouse-checkbox-grid label{background:#f8fafc;border:1px solid #94a3b838;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-weight:700;display:flex}.invoice-preview-shell{background:radial-gradient(circle at 0 0,#3b82f61a,#ffffffeb);border-radius:18px;padding:20px}.invoice-preview-sheet{background:#fff;border:1px solid #94a3b82e;border-radius:18px;width:min(560px,100%);margin:0 auto;padding:22px;box-shadow:0 16px 36px #0f172a14}.invoice-preview-meta,.invoice-preview-totals div{justify-content:space-between;gap:12px;display:flex}.invoice-preview-meta{color:var(--muted);font-size:12px}.invoice-preview-center{text-align:center;margin-top:10px}.invoice-preview-center h3{margin:0;font-size:28px}.invoice-preview-center p,.invoice-preview-center span{color:#475569;margin:5px 0 0;display:block}.invoice-preview-dash{border-top:1px dashed #94a3b8;margin:14px 0}.invoice-preview-title{text-align:center;letter-spacing:.08em;font-weight:800}.invoice-preview-sheet table{border-collapse:collapse;width:100%;margin-top:12px}.invoice-preview-sheet th,.invoice-preview-sheet td{border:1px solid #94a3b847;padding:8px;font-size:13px}.invoice-preview-sheet td span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.invoice-preview-totals{gap:6px;margin-top:14px;display:grid}.invoice-preview-footer{text-align:center;color:#334155;font-weight:700}.warehouse-actions-row{flex-wrap:wrap;gap:10px;display:flex}.usage-summary-card{background:#f8fafc;border:1px solid #94a3b838;border-radius:16px;padding:16px}.usage-summary-top{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-bottom:14px;display:flex}.usage-summary-top span{color:var(--muted)}.usage-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.usage-summary-item,.usage-empty{background:#fff;border:1px solid #94a3b833;border-radius:14px;padding:12px 14px}.usage-summary-item span{color:var(--muted);margin-bottom:6px;display:block}.warehouse-modal-backdrop{z-index:50;background:#0f172a6b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.warehouse-modal-card{background:#fff;border:1px solid #94a3b833;border-radius:20px;width:min(520px,100%);box-shadow:0 22px 48px #0f172a38}.warehouse-modal-header,.warehouse-modal-actions{justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.warehouse-modal-header h3{margin:0}.warehouse-modal-header p{color:var(--muted);margin:6px 0 0}.warehouse-modal-body{flex-direction:column;gap:14px;padding:0 20px 18px;display:flex}.warehouse-password-field{border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.warehouse-password-field input{border:none;padding-left:0}.warehouse-branches-notice{color:#047857;background:#ecfdf5;border:1px solid #10b98138;border-radius:14px;padding:12px 14px;font-weight:700}.spin{animation:.9s linear infinite branch-spin}@keyframes branch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1080px){.warehouse-branches-layout{grid-template-columns:1fr}.warehouse-branch-list{max-height:none}}@media (width<=720px){.warehouse-branches-header,.section-heading,.usage-summary-top,.warehouse-modal-header,.warehouse-modal-actions{flex-direction:column;align-items:stretch}.warehouse-branch-grid,.warehouse-checkbox-grid,.usage-summary-grid{grid-template-columns:1fr}.invoice-preview-sheet{padding:18px}}.invoice-settings-panel{background:#0f172a08;border:1px solid #94a3b838;border-radius:18px;overflow:hidden}.invoice-settings-toggle{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.invoice-settings-title{align-items:center;gap:12px;display:flex}.invoice-settings-title strong,.invoice-settings-title small{display:block}.invoice-settings-title small{color:var(--muted);margin-top:3px;font-size:13px}.invoice-settings-chevron{transition:transform .18s}.invoice-settings-panel.is-open .invoice-settings-chevron{transform:rotate(180deg)}.invoice-settings-body{border-top:1px solid #94a3b82e;padding:18px 20px 20px}.invoice-preview-sheet{max-width:360px;margin:0 auto;font-family:Arial,sans-serif;font-size:12px;line-height:1.35}.invoice-preview-sheet table{table-layout:fixed}.invoice-preview-sheet th,.invoice-preview-sheet td{word-break:break-word;overflow-wrap:anywhere;border-left:0;border-right:0;padding:6px 2px}.invoice-preview-sheet th:first-child,.invoice-preview-sheet td:first-child{width:46%}.invoice-tpl-module{gap:14px;padding:20px 22px}.invoice-tpl-module-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.invoice-tpl-module-head h2{margin:0;font-size:20px}.invoice-tpl-module-head p{color:var(--muted);margin:6px 0 0;font-size:13px}.invoice-tpl-designer{margin-top:6px}.invoice-tpl-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.invoice-tpl-col{flex-direction:column;gap:12px;min-width:0;display:flex}.invoice-tpl-col-header{text-align:center;text-transform:uppercase;letter-spacing:.04em;color:#334155;border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:10px;padding-bottom:10px;font-size:16px;font-weight:700;display:flex}.invoice-tpl-hint{color:var(--muted);margin:0;font-size:12px}.invoice-tpl-paper{color:#111;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px 18px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5;box-shadow:0 10px 24px #0f172a0f}.invoice-tpl-paper-head{margin-bottom:4px}.invoice-tpl-static{overflow-wrap:anywhere}.invoice-tpl-dash{border-top:1px dashed #000;margin:6px 0}.invoice-tpl-inline-input{width:100%;font:inherit;color:inherit;background:0 0;border:1px dashed #0000;border-radius:6px;outline:none;padding:2px 4px}.invoice-tpl-inline-input:hover{background:#f8fafc;border-color:#cbd5e1}.invoice-tpl-inline-input:focus{border-style:solid;border-color:var(--primary);background:#fff}.invoice-tpl-inline-input.is-brand{text-transform:uppercase;text-align:center;font-size:16px;font-weight:700}.invoice-tpl-inline-input.is-title{text-transform:uppercase;margin:6px 0 2px;font-size:19px;font-weight:700}.invoice-tpl-inline-input.is-subtitle{color:#333;margin:2px 0 6px;font-style:italic}.invoice-tpl-inline-input.is-label{width:auto;min-width:120px;font-size:12px}.invoice-tpl-inline-textarea{width:100%;font:inherit;color:inherit;resize:vertical;background:0 0;border:1px dashed #0000;border-radius:6px;outline:none;margin:6px 0;padding:4px}.invoice-tpl-inline-textarea:hover{background:#f8fafc;border-color:#cbd5e1}.invoice-tpl-inline-textarea:focus{border-style:solid;border-color:var(--primary);background:#fff}.invoice-tpl-inline-textarea.is-footer{text-align:center;font-weight:600}.invoice-tpl-demo-table{border-collapse:collapse;width:100%;margin:4px 0;font-size:12px}.invoice-tpl-demo-table th,.invoice-tpl-demo-table td{vertical-align:top;overflow-wrap:anywhere;border:1px solid #000;padding:4px 6px}.invoice-tpl-demo-table th{text-align:left;background:#f4f4f4;font-weight:700}.invoice-tpl-demo-table td:nth-child(2),.invoice-tpl-demo-table th:nth-child(2){text-align:center}.invoice-tpl-demo-table td:last-child,.invoice-tpl-demo-table th:last-child{text-align:right;white-space:nowrap}.invoice-tpl-demo-totals{flex-direction:column;gap:2px;margin-top:6px;font-size:12px;display:flex}.invoice-tpl-total-row{justify-content:flex-end;align-items:center;gap:12px;display:flex}.invoice-tpl-total-row>span{text-align:right;white-space:nowrap;min-width:90px}.invoice-tpl-total-row.is-strong{font-weight:700}.invoice-tpl-controls{border:1px solid var(--border);background:#f8fafc;border-radius:12px;flex-wrap:wrap;gap:16px;padding:12px 14px;display:flex}.invoice-tpl-control-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.invoice-tpl-control-title{color:#334155;font-size:12px;font-weight:700}.invoice-tpl-control-group label{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.invoice-tpl-control-group select{border:1px solid var(--border);background:#fff;border-radius:8px;padding:5px 8px}.invoice-tpl-actions{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.invoice-tpl-preview-col{position:sticky;top:12px}.invoice-tpl-badge{text-transform:none;letter-spacing:0;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.invoice-tpl-badge.is-draft{color:#b45309;background:#fff7ed;border:1px solid #fed7aa}.invoice-tpl-badge.is-saved{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.invoice-tpl-preview-scroll{border:1px solid var(--border);background:#f1f5f9;border-radius:10px;max-height:70vh;padding:12px;overflow:auto}.invoice-tpl-preview-frame{background:#fff;border:0;width:100%;height:70vh;display:block}@media (width<=960px){.invoice-tpl-columns{grid-template-columns:minmax(0,1fr)}.invoice-tpl-preview-col{position:static}.invoice-tpl-preview-scroll{overflow-x:auto}}.drp-container{font-family:inherit;position:relative}.drp-trigger{cursor:pointer;position:relative}.drp-input{cursor:pointer;color:#334155;background:#fff;border:1px solid #0ea5e9;border-radius:4px;outline:none;width:220px;padding:10px 12px;font-size:14px}.drp-popover{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:600px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.drp-sidebar{border-right:1px solid #e2e8f0;width:140px;padding:8px 0}.drp-quick-item{cursor:pointer;color:#334155;padding:10px 16px;font-size:14px}.drp-quick-item:hover{color:#0ea5e9;background:#f8fafc}.drp-main{flex-direction:column;flex:1;display:flex}.drp-calendars{border-bottom:1px solid #e2e8f0;gap:24px;padding:16px;display:flex}.drp-cal-box{flex:1}.drp-input-box{margin-bottom:16px;position:relative}.drp-input-label{color:#64748b;background:#fff;padding:0 4px;font-size:12px;position:absolute;top:-8px;left:10px}.drp-input-box input{color:#334155;border:1px solid #cbd5e1;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-size:14px}.drp-month-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.drp-month-selects{gap:8px;display:flex}.drp-select{color:#334155;cursor:pointer;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:14px;display:flex}.cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-header-day{color:#334155;background:#f8fafc;margin-bottom:4px;padding:4px 0;font-size:12px;font-weight:500}.cal-day{color:#334155;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto;font-size:14px;display:flex}.cal-day:hover:not(.empty){background:#f1f5f9}.cal-day.selected{color:#fff;background:#0ea5e9;font-weight:500}.drp-footer{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.drp-btn-clear{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:6px 16px}.drp-btn-apply{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:4px;padding:6px 16px;font-weight:500}.drp-btn-apply:hover{background:#0284c7}.revenue-time-container{background-color:#f3f4f6;min-height:100vh;padding:24px}.revenue-time-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-container{background-color:#fff;border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.chart-legend{justify-content:center;gap:24px;margin-top:16px;display:flex}.legend-item{color:#374151;align-items:center;gap:8px;font-size:14px;display:flex}.legend-color{border-radius:50%;width:12px;height:12px}.revenue-table th,.revenue-table td{text-align:right;border:1px solid #e5e7eb;padding:12px 16px}.revenue-table th{color:#374151;background-color:#f9fafb;font-weight:600}.revenue-table th span.col-number{color:#6b7280;margin-top:4px;font-weight:400;display:block}.custom-select-container{font-family:inherit;font-size:14px;position:relative}.custom-select-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:space-between;align-items:center;min-height:38px;padding:8px 12px;display:flex}.custom-select-trigger.active{border-color:#0ea5e9;box-shadow:0 0 0 1px #0ea5e9}.custom-select-trigger .placeholder{color:#94a3b8}.custom-select-trigger .has-value{color:#334155}.custom-select-popover{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:100%;min-width:200px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.custom-select-search{border-bottom:1px solid #e2e8f0;align-items:center;padding:8px;display:flex;position:relative}.custom-select-search input{border:1px solid #0ea5e9;border-radius:4px;outline:none;width:100%;padding:6px 30px 6px 10px;font-size:13px}.custom-select-search svg{position:absolute;right:16px}.custom-select-options{max-height:250px;padding:4px 0;overflow-y:auto}.custom-select-option{cursor:pointer;color:#334155;padding:8px 16px}.custom-select-option:hover{background:#f1f5f9}.custom-select-option.selected{color:#0369a1;background:#e0f2fe;font-weight:500}.revenue-store-container{background-color:#f3f4f6;min-height:100vh;padding:24px}.filter-bar{background-color:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 1px 3px #0000001a}.filter-group{flex-direction:column;display:flex}.filter-group label{color:#6b7280;margin-bottom:4px;font-size:12px}.filter-group select,.filter-group input{border:1px solid #d1d5db;border-radius:4px;min-width:150px;padding:8px 12px;font-size:14px}.btn-filter{color:#fff;cursor:pointer;background-color:#059669;border:none;border-radius:4px;height:38px;margin-top:20px;padding:8px 16px;font-weight:500}.btn-filter:hover{background-color:#047857}.charts-wrapper{gap:24px;margin-bottom:24px;display:flex}.chart-box{background-color:#fff;border-radius:8px;flex:1;padding:24px;box-shadow:0 1px 3px #0000001a}.chart-box h3{color:#374151;margin-top:0;margin-bottom:16px;font-size:16px}.actions-bar{justify-content:space-between;margin-bottom:16px;display:flex}.btn-outline{cursor:pointer;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:inline-flex}.btn-outline:hover{background-color:#f9fafb}.btn-success{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:inline-flex}.btn-success:hover{background-color:#45a049}.table-container{background-color:#fff;border-radius:8px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.revenue-table{border-collapse:collapse;width:100%;font-size:14px}.revenue-table th,.revenue-table td{text-align:right;white-space:nowrap;border:1px solid #e5e7eb;padding:12px 16px}.revenue-table th:first-child,.revenue-table td:first-child,.revenue-table th:nth-child(2),.revenue-table td:nth-child(2){text-align:center}.revenue-table th{color:#374151;text-align:center;background-color:#f9fafb;font-weight:600}.revenue-table tr.summary-row{background-color:#f9fafb;font-weight:600}.text-blue{color:#2563eb}.text-green{color:#059669}.tabs-bar{border-bottom:1px solid #e5e7eb;gap:24px;margin-bottom:24px;display:flex}.tab-item{color:#6b7280;cursor:pointer;padding:12px 0;font-size:14px;font-weight:500;position:relative}.tab-item.active{color:#2563eb}.tab-item.active:after{content:"";background-color:#2563eb;height:2px;position:absolute;bottom:-1px;left:0;right:0}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:8px;flex-direction:column;width:500px;max-width:90vw;max-height:90vh;display:flex;box-shadow:0 4px 6px #0000001a}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h3{color:#1f2937;margin:0;font-size:18px}.close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-search{margin-bottom:16px;position:relative}.modal-search input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px 32px 8px 12px;font-size:14px}.modal-search svg{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.col-list{flex-direction:column;gap:8px;display:flex}.col-item{color:#374151;cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.col-item:hover{background-color:#f3f4f6}.col-parent{background-color:#eff6ff;margin-top:8px;font-weight:500}.col-children{flex-direction:column;gap:8px;margin-left:24px;display:flex}.modal-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}:root{--sc-bg:#f4f7fc;--sc-surface:#fffffff5;--sc-surface-solid:#fff;--sc-border:#94a3b847;--sc-border-strong:#94a3b880;--sc-text:#0f172a;--sc-muted:#64748b;--sc-primary:#2563eb;--sc-primary-2:#6d5dfc;--sc-primary-soft:#eff6ff;--sc-radius:14px;--sc-radius-lg:20px;--sc-shadow-sm:0 8px 20px #0f172a0f;--sc-shadow:0 18px 42px #0f172a1a;--sc-accent:#2563eb;--sc-accent-rgb:37, 99, 235;--sc-accent-soft:#eff6ff}.workspace-page.sc-page{background:radial-gradient(circle at top left, rgba(var(--sc-accent-rgb), .12), transparent 30%), radial-gradient(circle at 86% 8%, #6d5dfc1a, transparent 26%), linear-gradient(180deg, #f8fbff 0%, var(--sc-bg) 100%);min-height:calc(100vh - 76px);color:var(--sc-text);gap:22px;padding:22px clamp(18px,4vw,44px) 46px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sc-page .sc-hero{z-index:1;border:1px solid var(--sc-border);border-radius:var(--sc-radius-lg);background:radial-gradient(900px 240px at 92% -40%, rgba(var(--sc-accent-rgb), .16), transparent 70%), linear-gradient(135deg, #ede9fe66, #fffffff5);box-shadow:var(--sc-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:22px;padding:22px 24px;animation:.36s both sc-rise;display:flex;position:relative;overflow:hidden}.sc-page .sc-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#6d5dfc29,#0000 68%);border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -60px -80px auto}.sc-hero-copy{z-index:1;gap:6px;min-width:0;display:grid;position:relative}.sc-eyebrow{background:rgba(var(--sc-accent-rgb), .12);width:fit-content;min-height:28px;color:var(--sc-accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.sc-hero h1{letter-spacing:-.03em;color:var(--sc-text);margin:0;font-size:clamp(22px,2vw,30px);font-weight:850;line-height:1.15}.sc-hero p{max-width:760px;color:var(--sc-muted);margin:0;font-size:13px;line-height:1.55}.sc-hero p strong{color:var(--sc-accent);font-weight:800}.sc-hero-icon{color:#fff;background:linear-gradient(135deg, var(--sc-accent), var(--sc-primary-2));width:56px;height:56px;box-shadow:0 14px 30px rgba(var(--sc-accent-rgb), .32);border-radius:18px;flex-shrink:0}.sc-channel-banner{z-index:1;border:1px solid rgba(var(--sc-accent-rgb), .22);border-left:4px solid var(--sc-accent);border-radius:var(--sc-radius);background:linear-gradient(135deg, rgba(var(--sc-accent-rgb), .06), #ffffffe6);box-shadow:var(--sc-shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:14px;padding:14px 18px;animation:.36s both sc-rise;display:flex;position:relative}.sc-channel-banner-icon{background:rgba(var(--sc-accent-rgb), .12);width:42px;height:42px;color:var(--sc-accent);border-radius:12px;flex-shrink:0;place-items:center;display:inline-grid}.sc-channel-banner strong{color:var(--sc-accent);font-size:15px;font-weight:850;display:block}.sc-channel-banner span{color:var(--sc-muted);margin-top:2px;font-size:12px;display:block}.sc-action-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.sc-action-card{border:1px solid var(--sc-border);border-radius:var(--sc-radius);background:var(--sc-surface-solid);box-shadow:var(--sc-shadow-sm);cursor:pointer;text-align:left;align-items:flex-start;gap:16px;padding:20px 20px 20px 24px;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.32s both sc-rise;display:flex;position:relative;overflow:hidden}.sc-action-card:before{content:"";background:var(--sc-action-accent,var(--sc-accent));border-radius:var(--sc-radius) 0 0 var(--sc-radius);width:4px;height:100%;transition:width .18s;position:absolute;top:0;left:0}.sc-action-card:hover{border-color:rgba(var(--sc-action-accent-rgb,var(--sc-accent-rgb)), .45);box-shadow:0 18px 38px rgba(var(--sc-action-accent-rgb,var(--sc-accent-rgb)), .18), 0 2px 6px #0f172a0f;transform:translateY(-3px)}.sc-action-card:hover:before{width:6px}.sc-action-card:active{transform:translateY(-1px)}.sc-action-icon{background:var(--sc-action-soft,var(--sc-accent-soft));width:48px;height:48px;color:var(--sc-action-accent,var(--sc-accent));border-radius:12px;flex-shrink:0;place-items:center;margin-left:4px;transition:transform .18s;display:inline-grid}.sc-action-card:hover .sc-action-icon{transform:scale(1.06)}.sc-action-body{flex:1;min-width:0}.sc-action-body strong{color:#0f172a;margin-bottom:4px;font-size:15px;font-weight:850;display:block}.sc-action-body span{color:var(--sc-muted);font-size:13px;line-height:1.5;display:block}.sc-action-arrow{color:var(--sc-muted);flex-shrink:0;margin-top:4px;transition:transform .18s,color .18s}.sc-action-card:hover .sc-action-arrow{color:var(--sc-action-accent,var(--sc-accent));transform:translate(3px)}.sc-metric-row{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.sc-metric-card{border:1px solid var(--sc-border);border-radius:var(--sc-radius);background:var(--sc-surface);box-shadow:var(--sc-shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;transition:transform .16s,box-shadow .16s;animation:.32s both sc-rise;position:relative;overflow:hidden}.sc-metric-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a14}.sc-metric-card span{color:var(--sc-muted);font-size:13px;font-weight:700;display:block}.sc-metric-card strong{letter-spacing:-.035em;color:var(--sc-text);margin-top:8px;font-size:26px;font-weight:850;display:block}.sc-metric-card.primary strong{color:var(--sc-primary)}.sc-metric-card.success strong{color:#047857}.sc-metric-card.warning strong{color:#b45309}.sc-metric-card.danger strong{color:#b91c1c}.sc-metric-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6d5dfc1a,#0000 68%);border-radius:50%;width:120px;height:120px;position:absolute;inset:auto -40px -50px auto}@keyframes sc-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=720px){.sc-page .sc-hero{flex-direction:column;align-items:stretch;gap:14px}.sc-action-grid{grid-template-columns:1fr}}.refund-detail .refund-detail-state,.refund-detail .refund-detail-error{color:var(--muted);border:1px solid var(--border,#eef2f7);background:#fff;border-radius:14px;align-items:center;gap:9px;padding:18px;display:flex}.refund-detail .refund-detail-error{color:#b91c1c;background:var(--danger-soft,#fff2f1)}.refund-detail-card{border:1px solid var(--border,#eef2f7);background:#fff;border-radius:14px;overflow:hidden}.refund-detail-card h3{border-bottom:1px solid var(--border,#eef2f7);color:#334155;background:linear-gradient(#f8fafc,#f1f5f9);margin:0;padding:12px 16px;font-size:13px;font-weight:800}.refund-detail-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:16px;display:grid}.refund-detail-grid span{flex-direction:column;gap:4px;display:flex}.refund-detail-grid small{color:var(--muted,#64748b)}.refund-detail-table{overflow:auto}.refund-detail-table table{border-collapse:collapse;width:100%;min-width:560px}.refund-detail-table th,.refund-detail-table td{text-align:left;border-bottom:1px solid var(--border,#eef2f7);padding:10px 14px;font-size:13px}.refund-detail-table th{color:#475569;white-space:nowrap;background:#f8fafc;font-weight:700}.refund-detail-table td:nth-child(3),.refund-detail-table td:nth-child(4),.refund-detail-table td:nth-child(5){text-align:right}.refund-detail-empty{text-align:center;color:var(--muted,#64748b)}.refund-detail-summary{flex-direction:column;gap:8px;margin:0;padding:16px;display:flex}.refund-detail-summary>div{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.refund-detail-summary dt{color:var(--muted,#64748b)}.refund-detail-summary dd{margin:0;font-weight:700}.refund-detail-summary .grand{border-top:1px solid var(--border,#eef2f7);font-size:15px}.refund-detail-summary .grand dd{color:#16a34a}@media (width<=760px){.refund-detail-grid{grid-template-columns:1fr}.refund-detail-table table{min-width:0}}:root{color:#1e293b;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#eff6ff;--success:#10b981;--success-soft:#ecfdf5;--warning:#f59e0b;--warning-soft:#fffbeb;--danger:#ef4444;--danger-soft:#fef2f2;--surface:#fff;--muted:#64748b;--border:#e2e8f0;--border-soft:#f1f5f9;--shadow:0 12px 30px #0f172a14;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-sidebar{z-index:80;color:#f8fafc;background:#1e293b;align-items:center;gap:18px;width:100%;height:auto;min-height:64px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;transform:none;box-shadow:0 4px 12px #0f172a1a}.brand{border-right:1px solid #ffffff1a;flex:none;align-items:center;gap:12px;padding:8px 16px 8px 0;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:10px;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{color:#fff;font-size:15px}.brand span{color:#94a3b8;font-size:12px}.sidebar-close{display:none}.sidebar-nav{flex-direction:row;flex:1;align-items:center;gap:4px;height:64px;display:flex;overflow:visible}.sidebar-nav::-webkit-scrollbar{display:none}.menu-group-title{color:#e2e8f0;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;height:40px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.menu-group-title:hover{color:#fff;background:#ffffff1a}.menu-group-chevron{opacity:.7;transition:transform .18s}.menu-group:hover .menu-group-chevron{transform:rotate(180deg)}.menu-panel{z-index:120;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-width:240px;padding:8px;display:none;position:absolute;top:100%;left:0;box-shadow:0 12px 32px #0f172a1f}.menu-group:hover>.menu-panel,.menu-group:focus-within>.menu-panel{display:flex}.menu-panel a,.submenu-trigger,.sidebar-setting{color:#334155;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.menu-panel a:hover,.menu-panel a.active,.submenu-trigger:hover,.sidebar-setting:hover{color:#2563eb;background:#eff6ff}.menu-panel a.active{font-weight:600}.menu-icon{color:#64748b;flex-shrink:0}.menu-panel a:hover .menu-icon,.menu-panel a.active .menu-icon,.submenu-trigger:hover .menu-icon,.sidebar-setting:hover .menu-icon{color:#2563eb}.submenu-trigger{justify-content:flex-start}.submenu-trigger span{text-align:left;flex:1}.submenu-chevron{opacity:.6;transform:rotate(-90deg)}.submenu-panel{z-index:130;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-width:250px;max-height:calc(100vh - 80px);padding:8px;display:none;position:absolute;top:-8px;left:calc(100% + 8px);overflow-y:auto;box-shadow:0 12px 32px #0f172a1f}.submenu-group:hover>.submenu-panel,.submenu-group:focus-within>.submenu-panel{display:flex}.submenu-panel a{min-height:38px}.owner-setting-group{margin-left:auto}.owner-setting-group .sidebar-setting{color:#e2e8f0;height:40px}.owner-setting-group .sidebar-setting .menu-icon{color:#cbd5e1}.owner-setting-group .sidebar-setting:hover{color:#fff;background:#ffffff1a}.owner-setting-group .sidebar-setting:hover .menu-icon{color:#fff}.app-main{min-width:0;padding-top:64px}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;background:#ffffffe6;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-title{align-items:center;gap:12px;min-width:0;display:flex}.menu-toggle{border:1px solid var(--border);color:#334155;background:#fff;border-radius:8px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:inline-grid}.menu-toggle:hover{color:var(--primary);background:var(--primary-soft);border-color:#bfdbfe}.topbar strong{font-size:15px;display:block}.topbar-eyebrow{color:var(--muted);margin-bottom:2px;font-size:12px;display:block}.user-menu{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:50%;place-items:center;font-weight:800;display:grid}.user-info strong,.user-info span{display:block}.user-info span{color:var(--muted);font-size:12px}.workspace-page{flex-direction:column;gap:18px;display:flex}.workspace-tabs{border-bottom:1px solid var(--border);gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.workspace-tabs button{border:1px solid var(--border);color:#475569;white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-weight:800;display:inline-flex}.workspace-tabs button.active{background:var(--primary-soft);color:var(--primary);border-color:#bfdbfe}.page-stack{flex-direction:column;gap:20px;display:flex}.page-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.page-title-block{align-items:center;gap:14px;display:flex}.page-icon{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;display:grid}h1{letter-spacing:0;margin:0;font-size:28px}.page-heading p{color:var(--muted);margin:4px 0 0}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.btn{color:#0f172a;background:#fff;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:0 13px;font-weight:700;display:inline-flex}.btn-success{color:#fff;background:var(--success);border-color:var(--success)}.btn-light{border-color:var(--border);background:#fff}.btn-outline{color:var(--primary);background:#fff;border-color:#bfdbfe}.btn.full{justify-content:center;width:100%}.metric-row,.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.metric-card,.dashboard-stat{border:1px solid var(--border);background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 2px #0f172a0a}.metric-card span,.dashboard-stat span{color:var(--muted);font-size:13px;display:block}.metric-card strong,.dashboard-stat strong{margin-top:8px;font-size:24px;display:block}.dashboard-stat{position:relative;overflow:hidden}.dashboard-stat-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border-radius:10px;place-items:center;margin-bottom:14px;display:grid}.dashboard-stat.success .dashboard-stat-icon,.metric-card.success{background:var(--success-soft);color:#047857}.dashboard-stat.warning .dashboard-stat-icon,.metric-card.warning{background:var(--warning-soft);color:#b45309}.dashboard-stat.danger .dashboard-stat-icon,.metric-card.danger{background:var(--danger-soft);color:#b91c1c}.module-grid{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;display:grid}.filter-panel,.data-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.filter-panel{padding:16px;position:sticky;top:88px}.panel-title{align-items:center;gap:8px;margin-bottom:18px;font-weight:800;display:flex}.field-label{color:var(--muted);margin:14px 0 7px;font-size:12px;font-weight:700;display:block}.search-box{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-box input{border:0;outline:0;width:100%;min-width:0;min-height:38px}.quick-filter-list{flex-wrap:wrap;gap:8px;display:flex}.quick-filter-list button{border:1px solid var(--border);min-height:32px;color:var(--muted);background:#fff;border-radius:999px;padding:0 12px;font-weight:700}.quick-filter-list button.active{background:var(--primary-soft);color:var(--primary);border-color:#bfdbfe}.quick-actions{border-top:1px solid var(--border-soft);margin-top:18px;padding-top:16px}.quick-actions span{color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:800;display:block}.data-card{min-width:0}.data-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.data-card-header h2{margin:0 0 6px;font-size:18px}.record-badge{min-height:24px;color:var(--primary);background:var(--primary-soft);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.error-chip{color:#b91c1c;background:var(--danger-soft);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.data-table{border-collapse:collapse;background:#fff;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--border-soft);text-align:left;max-width:400px;padding:12px 14px;font-size:14px}.data-table td{white-space:normal;overflow-wrap:break-word}.data-table td:not(.check-cell):not(.action-cell){min-width:120px}.data-table th{color:#475569;text-transform:uppercase;white-space:nowrap;background:#f8fafc;font-size:12px;font-weight:800}.data-table.compact td{white-space:normal}.data-table small{color:var(--muted);margin-top:3px;display:block}.check-cell{width:40px}.action-cell{white-space:nowrap;width:120px;text-align:right!important}.empty-cell{color:var(--muted);text-align:center!important;padding:36px!important}.status-badge{background:var(--primary-soft);min-height:24px;color:var(--primary);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.status-badge.success{background:var(--success-soft);color:#047857}.status-badge.warning{background:var(--warning-soft);color:#b45309}.status-badge.danger{background:var(--danger-soft);color:#b91c1c}.icon-button{border:1px solid var(--border);color:#475569;background:#fff;border-radius:8px;place-items:center;width:32px;height:32px;display:inline-grid}.icon-button:hover{color:var(--primary);border-color:#bfdbfe}.icon-button.danger:hover{color:var(--danger);background:var(--danger-soft);border-color:#fecaca}.mini-action{border:1px solid var(--border);color:#2563eb;background:#fff;border-radius:8px;min-height:30px;margin-right:6px;padding:0 9px;font-size:12px;font-weight:800}.mini-action:hover{background:var(--primary-soft);border-color:#bfdbfe}.inline-password{border:1px solid var(--border);border-radius:8px;width:120px;min-height:30px;margin-right:6px;padding:0 8px}.muted-copy{color:var(--muted);margin:0;line-height:1.5}.dashboard-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.modal-backdrop{z-index:50;background:#0f172a73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:12px;width:min(760px,100%);overflow:hidden;box-shadow:0 24px 60px #0f172a40}.modal-card-wide{width:min(1040px,100%)}.modal-header,.modal-footer{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.modal-header h2{margin:0 0 4px;font-size:20px}.modal-header p{color:var(--muted);margin:0}.modal-footer{border-top:1px solid var(--border);border-bottom:0;justify-content:flex-end}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.form-field{flex-direction:column;gap:7px;display:flex}.form-field.wide{grid-column:1/-1}.form-field span{color:#475569;font-size:13px;font-weight:800}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);color:#1e293b;background:#fff;border-radius:8px;outline:0;width:100%;padding:9px 11px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{box-shadow:0 0 0 3px var(--primary-soft);border-color:#93c5fd}.form-error{color:#b91c1c;background:var(--danger-soft);border-radius:8px;margin:0 18px 16px;padding:10px 12px;font-weight:700}.line-editor{padding:0 18px 16px}.line-editor-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.line-editor .data-table input,.line-editor .data-table select{border:1px solid var(--border);color:#1e293b;background:#fff;border-radius:8px;outline:0;min-width:120px;padding:8px 10px}.line-editor .data-table select{min-width:260px}.summary-strip{border:1px solid var(--border);color:var(--muted);background:#f8fafc;border-radius:8px;flex-wrap:wrap;justify-content:flex-end;gap:18px;margin:0 18px 16px;padding:12px 14px;font-weight:700;display:flex}.summary-strip strong{color:#0f172a}.login-page{background:linear-gradient(135deg,#f8fafc 0%,#e0f2fe 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(420px,100%);box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;border-radius:14px;padding:28px}.login-logo{width:52px;height:52px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;margin-bottom:16px;display:grid}.login-card h1{font-size:26px}.login-card p{color:var(--muted);margin:6px 0 22px}@media (width<=1200px){.app-main{padding-top:0}.app-sidebar{background:#0f172a;flex-direction:column;align-items:stretch;gap:18px;width:min(280px,100vw - 20px);height:100vh;padding:20px 16px;transition:transform .24s;position:fixed;top:0;bottom:0;left:0;transform:translate(calc(-100% - 16px));box-shadow:18px 0 45px #0f172a3d}.sidebar-open .app-sidebar{transform:translate(0)}.sidebar-scrim{z-index:45;opacity:0;pointer-events:none;background:#0f172a61;transition:opacity .2s;display:block;position:fixed;inset:0}.sidebar-open .sidebar-scrim{opacity:1;pointer-events:auto}.brand{border-bottom:1px solid #ffffff1a;border-right:none;padding:6px 8px 14px}.sidebar-close{color:#cbd5e1;background:0 0;border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:34px;height:34px;margin-left:auto;display:inline-grid}.sidebar-nav{flex-direction:column;align-items:stretch;gap:12px;height:auto}.menu-group{flex-direction:column;align-items:stretch;height:auto}.menu-group-title{text-transform:uppercase;color:#94a3b8;justify-content:space-between;height:38px;font-size:11px;font-weight:700}.menu-group-title:hover{color:#fff;background:0 0}.menu-panel{box-shadow:none;background:0 0;border:none;min-width:0;padding:0;display:none;position:static}.menu-panel.mobile-open{display:flex}.menu-panel a,.submenu-trigger{color:#cbd5e1;min-height:42px}.menu-panel a:hover,.submenu-trigger:hover,.menu-panel a.active{color:#fff;background:#ffffff0d}.submenu-panel{box-shadow:none;background:#0003;border:none;min-width:0;max-height:none;margin-top:4px;padding:4px 0;display:none;position:static}.submenu-panel.mobile-open{display:flex}.submenu-panel a{padding-left:42px}.owner-setting-group{margin-top:auto;margin-left:0}.owner-setting-group .sidebar-setting{border:1px solid #ffffff1a}.module-grid,.dashboard-columns{grid-template-columns:1fr}.filter-panel{position:static}.page-heading,.topbar{flex-direction:column;align-items:flex-start;height:auto;padding:18px}.content{padding:18px}}@media (width<=640px){.form-grid{grid-template-columns:1fr}.page-actions{justify-content:flex-start}.user-info{display:none}}.app-sidebar{z-index:160;background:linear-gradient(#0f172afa,#1e293bf5);border-bottom:0;border-right:1px solid #ffffff1a;flex-direction:column;gap:14px;width:292px;min-height:100vh;padding:18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:20px 0 44px #0f172a29}.brand{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;gap:10px;width:100%;min-height:58px;padding:8px 10px}.brand>div:nth-child(2){flex:1;min-width:0}.brand strong,.brand span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebar-close{color:#e2e8f0;background:#ffffff1a;border:0;border-radius:12px;width:34px;height:34px;display:none}.sidebar-nav{flex-direction:column;flex:1;gap:7px;height:auto;display:flex;overflow:visible}.menu-group{position:relative}.menu-group-title{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;height:42px;display:flex}.menu-group-title:hover,.menu-group-title.active{color:#fff;background:#6d5dfc3d;transform:none}.menu-group-title[aria-expanded=true] .menu-group-chevron,.submenu-trigger[aria-expanded=true] .submenu-chevron{transform:rotate(180deg)}.menu-panel,.submenu-panel{min-width:0;box-shadow:none;background:#0f172a6b;border:1px solid #ffffff14;border-radius:14px;margin:5px 0 8px;padding:7px;display:none;position:static}.menu-panel.open,.submenu-panel.open{gap:4px;display:grid}.menu-panel a,.submenu-trigger,.sidebar-setting{color:#dbeafe;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;width:100%;min-height:38px;padding:9px 10px;font-size:13px;font-weight:750;text-decoration:none;display:flex}.submenu-panel{border-left:2px solid #6d5dfc6b;margin-left:14px}.reports-panel{gap:10px;max-height:58vh;overflow-y:auto}.report-search{color:#cbd5e1;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:8px;padding:9px 10px;display:flex}.report-search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.report-sections{gap:10px;display:grid}.report-section{gap:5px;display:grid}.report-section-title{color:#93c5fd;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;padding:2px 8px;font-size:11px;font-weight:900;display:flex}.report-links{gap:3px;display:grid}.owner-setting-group{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:10px}.user-dropdown-menu{z-index:260;top:calc(100% + 8px);left:0;right:auto}.app-header{z-index:120;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fafcc7;border-bottom:1px solid #dce5f2e0;align-items:center;gap:14px;min-height:72px;padding:14px 32px;display:flex;position:sticky;top:0}.menu-toggle{border:1px solid var(--border);color:#0f172a;background:#fff;border-radius:14px;place-items:center;width:42px;height:42px;display:none}.app-header-title{gap:2px;min-width:0;display:grid}.app-header-title strong{color:#0f172a;font-size:16px}.app-header-title span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.app-header-user{color:var(--primary);background:var(--primary-soft);border-radius:999px;margin-left:auto;padding:8px 12px;font-size:12px;font-weight:850}.content{padding:28px 32px 32px}@media (width<=1200px){.app-sidebar{width:min(330px,100vw - 24px);transition:transform .22s;transform:translate(-105%)}.sidebar-open .app-sidebar{transform:translate(0)}.sidebar-scrim{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;border:0;display:none;position:fixed;inset:0}.sidebar-open .sidebar-scrim{display:block}.sidebar-close{place-items:center;display:inline-grid}.app-main{margin-left:0;padding-top:0}.app-header{min-height:64px;padding:10px 16px}.menu-toggle{display:inline-grid}.content{padding:18px}.reports-panel{max-height:none}}@media (width<=640px){.app-header-user{display:none}.app-header-title span{max-width:210px}}.dropdown-container{display:inline-block;position:relative}.dropdown-container.full-width{width:100%}.dropdown-menu{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);z-index:100;border-radius:8px;flex-direction:column;min-width:200px;margin-top:6px;padding:6px;display:flex;position:absolute;top:100%;right:0}.dropdown-menu.left-align{width:100%;left:0;right:auto}.dropdown-item{color:#1e293b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.dropdown-item:hover{background:var(--border-soft);color:var(--primary)}.dropdown-item svg{color:var(--muted);transition:color .15s}.dropdown-item:hover svg{color:var(--primary)}:root{color:#102033;--primary:#6d5dfc;--primary-dark:#5548d9;--primary-soft:#f0efff;--success:#16a34a;--success-soft:#eafbf1;--warning:#d97706;--warning-soft:#fff7e6;--danger:#dc2626;--danger-soft:#fff1f2;--surface:#ffffffeb;--surface-solid:#fff;--muted:#64748b;--border:#dce5f2;--border-soft:#eef3f8;--shadow:0 18px 48px #1f29371a;--shadow-soft:0 8px 24px #1f293714;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;background:#eef3fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 8% 8%,#6d5dfc29,#0000 30%),radial-gradient(circle at 90% 12%,#0ea5e924,#0000 26%),linear-gradient(#f7f9fd 0%,#eef3fb 100%)}button,a,input,select,textarea{transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #6d5dfc38}.app-shell{background:0 0}.app-sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae0;border-bottom:1px solid #ffffff1f;min-height:72px;padding:0 22px;box-shadow:0 14px 38px #0f172a2e}.brand{cursor:pointer;min-height:72px;padding-right:18px;position:relative}.brand-mark{background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:14px;box-shadow:inset 0 1px #ffffff38}.brand strong{letter-spacing:-.01em;font-size:14px}.brand span{color:#cbd5e1}.user-dropdown-menu{z-index:220;border:1px solid var(--border);min-width:240px;box-shadow:var(--shadow);background:#fff;border-radius:16px;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;top:calc(100% + 10px);left:0}.user-dropdown-summary strong{color:#0f172a;display:block}.user-dropdown-summary span{color:var(--muted);font-size:12px}.user-dropdown-action{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;width:100%;padding:10px 12px;font-weight:750;display:flex}.sidebar-nav{gap:8px;height:72px}.menu-group-title{color:#dbeafe;border-radius:999px;height:42px;padding:0 14px;font-weight:750}.menu-group-title:hover{background:#ffffff1f;transform:translateY(-1px)}.menu-panel,.submenu-panel,.dropdown-menu{border-color:var(--border);box-shadow:var(--shadow);border-radius:16px}.menu-panel{min-width:270px;padding:10px}.submenu-panel{min-width:280px}.menu-panel a,.submenu-trigger,.sidebar-setting,.dropdown-item{border-radius:12px;font-weight:700}.menu-panel a:hover,.menu-panel a.active,.submenu-trigger:hover,.sidebar-setting:hover,.dropdown-item:hover{background:var(--primary-soft);color:var(--primary)}.app-main{padding-top:72px}.content{max-width:1640px;margin:0 auto;padding:32px}.page-stack{gap:22px}.page-heading{border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#fffffff5,#f8fafcd6);border:1px solid #dce5f2e6;align-items:center;padding:24px}.page-title-block{gap:16px}.page-icon{color:#fff;background:linear-gradient(135deg, var(--primary), #0ea5e9);border-radius:18px;width:56px;height:56px;box-shadow:0 14px 30px #6d5dfc47}h1{letter-spacing:-.035em;color:#0f172a;font-size:clamp(24px,2vw,34px)}.page-heading p{max-width:760px;line-height:1.55}.btn{border-radius:999px;min-height:42px;padding:0 16px;font-weight:800;box-shadow:0 1px #0f172a0a}.btn-primary{background:linear-gradient(135deg, var(--primary), #0ea5e9);border:0;box-shadow:0 14px 28px #6d5dfc3d}.btn-light,.btn-outline{border-color:var(--border);color:#334155;background:#ffffffeb}.btn-success{background:var(--success)}.metric-row,.dashboard-grid{gap:16px}.metric-card,.dashboard-stat,.filter-panel,.data-card,.login-card{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #dce5f2eb}.metric-card,.dashboard-stat{padding:20px}.metric-card strong,.dashboard-stat strong{letter-spacing:-.035em;color:#0f172a;font-size:28px}.dashboard-stat-icon{border-radius:16px}.field-label{color:#475569;letter-spacing:.02em}.search-box{background:#fff;border-radius:14px;min-height:44px}.quick-filter-list button.active{box-shadow:0 8px 18px #6d5dfc1f}.data-card-header{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#f8fafcb8;padding:18px 22px}.data-table{border-collapse:separate;border-spacing:0}.data-table tr:hover td{background:#fafcff}.icon-button{width:34px;height:34px}.dropdown-container{position:relative}.dropdown-menu{background:#fff;min-width:230px;padding:8px}.dropdown-item{min-height:40px}.dropdown-item:disabled{cursor:not-allowed;opacity:.45;transform:none}.dropdown-separator{background:var(--border-soft);height:1px;margin:7px 4px}.dropdown-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;padding:8px 12px 5px;font-size:11px;font-weight:900}.staff-row-menu{display:inline-flex;position:relative}.staff-row-menu-panel{min-width:220px}.btn-danger{color:#fff;background:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:180;background:#0f172a8c}.modal-card{border:1px solid #ffffff38;border-radius:22px;box-shadow:0 30px 80px #0f172a52}.modal-header,.modal-footer{padding:18px 22px}.form-grid{gap:16px;padding:22px}.form-field span{color:#334155}.form-field input,.form-field select,.form-field textarea{background:#fbfdff;border-radius:14px;min-height:42px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#fff;border-color:#6d5dfc8c;box-shadow:0 0 0 4px #6d5dfc1f}.login-page{background:radial-gradient(circle at 0 0,#6d5dfc3d,#0000 32%),linear-gradient(135deg,#f8fafc 0%,#e0f2fe 100%)}.login-logo{color:#fff;background:linear-gradient(135deg, var(--primary), #0ea5e9);border-radius:18px}@media (width<=1200px){.app-main{padding-top:0}.app-sidebar{background:#0f172af5;width:min(320px,100vw - 22px);min-height:100vh;padding:18px}.brand{min-height:auto}.sidebar-nav{height:auto}.content{padding:18px}.page-heading{align-items:stretch;padding:18px}.module-grid{grid-template-columns:1fr}.filter-panel{position:static}.menu-group-title{border-radius:14px}.menu-panel,.submenu-panel{box-shadow:none;border-radius:14px}.user-dropdown-menu{min-width:0;left:0;right:0}}@media (width<=640px){.page-title-block{align-items:flex-start}.page-icon{width:48px;height:48px}.page-actions{justify-content:flex-start;width:100%}.page-actions .dropdown-container,.page-actions .btn{flex:auto}.form-grid{grid-template-columns:1fr}.data-table th,.data-table td{padding:12px}}:root{--primary:#16a34a;--primary-dark:#15803d;--primary-soft:#ecfdf5;--success:#16a34a;--success-soft:#ecfdf5;--warning:#d97706;--warning-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--surface:#fff;--surface-muted:#f8fafc;--muted:#64748b;--border:#d7e0ec;--border-soft:#edf2f7;--shadow:0 12px 28px #0f172a1f;--shadow-soft:0 3px 12px #0f172a0f;--radius-lg:14px;--radius-md:10px;--radius-sm:6px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#172033;background:#f4f7fb}.app-shell{background:#f4f7fb!important;min-height:100vh!important}.app-sidebar{z-index:200!important;color:#172033!important;border-right:0!important;border-bottom:1px solid var(--border)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;height:54px!important;min-height:54px!important;padding:0 10px!important;display:flex!important;position:fixed!important;inset:0 0 auto!important;overflow:visible!important;transform:none!important;box-shadow:0 2px 10px #0f172a0f!important}.brand{cursor:pointer!important;color:#172033!important;background:#0f172a!important;border:0!important;border-radius:8px!important;flex:none!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:220px!important;min-height:38px!important;padding:5px 10px!important;display:flex!important;position:relative!important}.brand>div:nth-child(2){min-width:0!important}.brand-mark{color:#fff!important;width:26px!important;height:26px!important;box-shadow:none!important;background:#16a34a!important;border-radius:7px!important;flex:0 0 26px!important}.brand-avatar{color:#fff!important;background:#16a34a!important}.brand strong{color:#fff!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:118px!important;font-size:12px!important;font-weight:800!important;display:block!important;overflow:hidden!important}.brand span{display:none!important}.brand-chevron{color:#cbd5e1!important;flex:none!important;margin-left:2px!important}.sidebar-close{border:1px solid var(--border)!important;color:#172033!important;background:#fff!important;border-radius:8px!important;place-items:center!important;width:34px!important;height:34px!important;display:none!important}.sidebar-nav{flex-direction:row!important;flex:auto!important;align-items:center!important;gap:3px!important;min-width:0!important;height:54px!important;display:flex!important;overflow:visible!important}.menu-group{align-items:center!important;height:54px!important;display:flex!important;position:relative!important}.menu-group-title{color:#172033!important;white-space:nowrap!important;background:0 0!important;border:1px solid #0000!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:auto!important;height:36px!important;padding:0 10px!important;font-size:12px!important;font-weight:750!important;display:flex!important;transform:none!important}.menu-group-title:hover,.menu-group-title.active,.menu-group:hover>.menu-group-title{color:var(--primary)!important;background:var(--primary-soft)!important;border-color:#bbf7d0!important}.menu-group-chevron,.submenu-chevron{color:currentColor!important;opacity:.75!important;transition:transform .16s!important}.menu-group:hover .menu-group-chevron,.menu-group-title[aria-expanded=true] .menu-group-chevron{transform:rotate(180deg)!important}.menu-panel{z-index:230!important;background:#fff!important;border:1px solid #cfd8e6!important;border-radius:6px!important;min-width:230px!important;max-width:min(920px,100vw - 22px)!important;max-height:calc(100vh - 70px)!important;margin:0!important;padding:7px!important;display:none!important;position:absolute!important;top:100%!important;left:0!important;overflow:visible!important;box-shadow:0 14px 34px #0f172a24!important}.menu-group:hover>.menu-panel,.menu-panel.open{gap:2px!important;display:grid!important}.menu-panel a,.submenu-trigger,.sidebar-setting{color:#334155!important;text-align:left!important;background:0 0!important;border:0!important;border-radius:5px!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:33px!important;padding:7px 9px!important;font-size:12px!important;font-weight:600!important;text-decoration:none!important;display:flex!important;transform:none!important}.menu-panel a:hover,.menu-panel a.active,.submenu-trigger:hover,.submenu-trigger.active,.sidebar-setting:hover,.sidebar-setting.active{color:var(--primary)!important;background:var(--primary-soft)!important}.menu-icon{color:#64748b!important;flex:none!important}.menu-panel a:hover .menu-icon,.menu-panel a.active .menu-icon,.submenu-trigger:hover .menu-icon,.submenu-trigger.active .menu-icon,.sidebar-setting:hover .menu-icon,.sidebar-setting.active .menu-icon{color:var(--primary)!important}.submenu-group{width:100%!important;position:relative!important}.submenu-trigger span{flex:auto!important}.submenu-trigger .submenu-chevron{margin-left:auto!important;transform:rotate(-90deg)!important}.submenu-panel{z-index:240!important;background:#fff!important;border:1px solid #cfd8e6!important;border-radius:6px!important;min-width:250px!important;max-height:calc(100vh - 70px)!important;margin:0!important;padding:7px!important;display:none!important;position:absolute!important;top:-7px!important;left:100%!important;overflow-y:auto!important;box-shadow:0 14px 34px #0f172a24!important}.submenu-group:hover>.submenu-panel,.submenu-panel.open{gap:2px!important;display:grid!important}.reports-panel{width:260px!important;max-height:calc(100vh - 70px)!important;overflow:visible!important}.report-search{color:#64748b!important;background:#f8fafc!important;border:1px solid #dbe4f0!important;border-radius:6px!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important;padding:8px 10px!important;display:flex!important}.report-search input{color:#0f172a!important;background:0 0!important;border:0!important;outline:0!important;width:100%!important;min-height:24px!important}.report-search input::placeholder{color:#94a3b8!important}.report-menu-list{gap:2px!important;display:grid!important}.report-menu-category{position:relative!important}.reports-panel .submenu-panel{left:auto!important;right:100%!important}.report-submenu-panel{min-width:280px!important}.owner-setting-group{border-top:0!important;margin-top:0!important;margin-left:auto!important;padding-top:0!important}.owner-setting-group .menu-panel{left:auto!important;right:0!important}.user-dropdown-menu{z-index:260!important;border:1px solid var(--border)!important;min-width:240px!important;box-shadow:var(--shadow)!important;background:#fff!important;border-radius:8px!important;padding:8px!important;position:absolute!important;top:calc(100% + 7px)!important;left:0!important;right:auto!important}.user-dropdown-summary{border-bottom:1px solid var(--border-soft)!important;padding:8px 10px!important}.user-dropdown-summary strong{color:#111827!important}.user-dropdown-summary span{color:var(--muted)!important;display:block!important}.user-dropdown-action{background:0 0!important;border:0!important;border-radius:6px!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:38px!important;padding:8px 10px!important;font-weight:750!important;display:flex!important}.user-dropdown-action.danger{color:var(--danger)!important}.user-dropdown-action.danger:hover{background:var(--danger-soft)!important}.app-main{min-height:100vh!important;margin-left:0!important;padding-top:54px!important}.app-header{display:none!important}.menu-toggle{color:#172033!important;border:1px solid var(--border)!important;background:#fff!important;border-radius:8px!important;place-items:center!important;width:38px!important;height:38px!important;display:none!important}.content{width:100%!important;max-width:1560px!important;margin:0 auto!important;padding:20px 16px 32px!important}.workspace-page,.page-stack{gap:16px}.workspace-tabs{border-bottom:0;gap:6px;padding-bottom:0}.workspace-tabs button{border-radius:6px;min-height:34px;font-size:13px;font-weight:750}.page-heading{border:1px solid var(--border);border-radius:var(--radius-lg);min-height:78px;box-shadow:var(--shadow-soft);background:#fff;align-items:center;padding:16px 20px}.page-title-block{gap:13px;min-width:0}.page-icon{color:#fff;width:44px;height:44px;box-shadow:none;background:linear-gradient(135deg,#16a34a,#14b8a6);border-radius:10px;flex:0 0 44px}h1{color:#111827;letter-spacing:0;font-size:24px;line-height:1.2}.page-heading p{max-width:820px;color:var(--muted);margin-top:4px;line-height:1.45}.page-actions{gap:8px}.btn{min-height:38px;box-shadow:none;border-radius:7px;padding:0 13px;font-weight:750;transform:none}.btn:hover{box-shadow:var(--shadow-soft);transform:none}.btn-primary{color:#fff;background:#16a34a;border-color:#16a34a;box-shadow:0 8px 18px #16a34a29}.btn-primary:hover{background:#15803d}.btn-light,.btn-outline{color:#334155;border-color:var(--border);background:#fff}.metric-card,.dashboard-stat,.filter-panel,.data-card,.login-card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.module-grid{grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:18px}.filter-panel{padding:16px;top:76px}.panel-title{color:#111827;margin-bottom:16px}.search-box{border-radius:8px;min-height:40px}.search-box:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #16a34a1f}.quick-filter-list button{border-radius:7px;min-height:32px}.data-card{min-width:0;overflow:hidden}.batch-page-stack{gap:18px;margin-top:24px}.batch-toolbar-card{background:linear-gradient(#fff 0%,#f8fafc 100%);padding:18px}.batch-toolbar-top{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.batch-toolbar-summary{flex-direction:column;gap:8px;display:flex}.batch-toolbar-summary-title{color:#0f172a;align-items:center;gap:8px;font-size:15px;font-weight:800;display:inline-flex}.batch-toolbar-summary p{color:#64748b;max-width:640px;margin:0;font-size:13px;line-height:1.6}.batch-btn-add{background:#3cab4a;border-color:#3cab4a}.batch-btn-add:hover{background:#31933e;border-color:#31933e}.batch-filter-form{grid-template-columns:minmax(280px,1.6fr) minmax(220px,1fr) auto;align-items:end;gap:12px;display:grid}.batch-filter-field{flex-direction:column;gap:8px;display:flex}.batch-filter-field>span{color:#526178;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.batch-filter-input,.batch-filter-select{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:42px}.batch-filter-select{color:#0f172a;width:100%;padding:0 14px;font-size:14px}.batch-filter-actions{align-items:flex-end;display:flex}.batch-filter-actions .btn{min-width:110px}.batch-quick-filter-list{margin-top:14px}.batch-quick-filter-list button{border-radius:8px;min-height:36px;padding:0 14px;font-size:13px}.batch-table-subtitle{color:#64748b;margin:6px 0 0;font-size:13px}.batch-row-id{color:#64748b;font-weight:700}.batch-product-cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.batch-action-cell{white-space:nowrap}.data-card-header{border-bottom:1px solid var(--border);background:#fff;border-radius:0;padding:15px 18px}.data-card-header h2{letter-spacing:0;font-size:17px}.record-badge,.status-badge,.error-chip{border-radius:999px;min-height:24px;font-weight:800}.table-scroll{border-radius:0}.data-table{border-collapse:collapse}.data-table th{z-index:1;color:#526178;letter-spacing:.03em;background:#f8fafc;position:sticky;top:0}.data-table th,.data-table td{padding:12px 14px}.dropdown-menu{border:1px solid var(--border);min-width:220px;box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:6px}.dropdown-item{border-radius:6px;min-height:38px;font-weight:700}.row-actions{vertical-align:middle;margin-right:6px;display:inline-flex;position:relative}.mini-action,.icon-button{border-radius:7px}.mini-action{color:#475569;justify-content:center;align-items:center;margin-right:0;display:inline-flex}.modal-backdrop{z-index:260}.modal-card{border-radius:12px}.form-field input,.form-field select,.form-field textarea{border-radius:8px;min-height:40px}.primary-action-split{align-items:stretch;display:inline-flex;position:relative}.primary-action-split.has-menu .primary-action-main{border-top-right-radius:0;border-bottom-right-radius:0}.primary-action-toggle{border-left-color:#ffffff47;border-top-left-radius:0;border-bottom-left-radius:0;justify-content:center;width:38px;padding:0}.primary-action-menu{z-index:180;min-width:240px;top:calc(100% + 7px);right:0}.tools-menu{z-index:180;top:calc(100% + 7px);right:0}.data-card{overflow:visible}.data-card-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.selected-badge{color:#0f766e;background:#ccfbf1;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.data-alert{color:#991b1b;background:var(--danger-soft);border:1px solid #fecaca;border-radius:10px;align-items:center;gap:9px;margin:14px 16px 0;padding:10px 12px;font-weight:700;display:flex}.data-alert span{flex:auto}.data-alert button{color:#991b1b;background:#fff;border:1px solid #fecaca;border-radius:7px;min-height:30px;padding:0 10px;font-weight:800}.bulk-action-bar{background:#f8fbff;border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin:14px 16px 0;padding:12px;display:flex;box-shadow:0 8px 20px #16a34a14}.bulk-action-bar strong,.bulk-action-bar span{display:block}.bulk-action-bar strong{color:#0f172a;font-size:14px}.bulk-action-bar span{color:var(--muted);font-size:12px}.bulk-action-list{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.bulk-action-group{flex-wrap:wrap;align-items:center;gap:7px;display:inline-flex}.bulk-action-label{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:900}.btn-danger-soft{color:#b91c1c;background:#fff7f7;border-color:#fecaca}.btn-danger-soft:hover{color:#991b1b;background:var(--danger-soft);border-color:#fca5a5}.skeleton-row td{height:46px}.skeleton-row span{background:linear-gradient(90deg,#eef2f7 0%,#f8fafc 45%,#e2e8f0 100%) 0 0/220% 100%;border-radius:999px;width:min(120px,100%);height:12px;animation:1.3s ease-in-out infinite skeleton-pulse;display:block}.skeleton-row .check-cell span,.skeleton-row .action-cell span{width:22px}@keyframes skeleton-pulse{0%{background-position:0%}to{background-position:-220%}}.empty-cell{padding:46px 20px!important}.empty-state{max-width:360px;color:var(--muted);text-align:center;justify-items:center;gap:9px;margin:0 auto;display:grid}.empty-state-icon{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;display:grid}.empty-state strong{color:#0f172a;font-size:16px}.empty-state span{line-height:1.45}.empty-state .btn{margin-top:4px}.table-scroll{overflow:auto}.action-cell{width:88px;overflow:visible}.row-actions{justify-content:flex-end;position:relative}.row-action-menu{z-index:190;min-width:176px;top:calc(100% + 6px);right:0}.dropdown-item.danger,.dropdown-item.danger svg{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-soft)}.sidebar-scrim{display:none!important}@media (width<=1120px){.brand{max-width:54px!important}.brand strong{display:none!important}.menu-group-title{padding:0 8px!important}.content{padding:18px 12px 28px!important}}@media (width<=1200px){.app-sidebar{color:#e5edf7!important;background:#101828!important;border-bottom:0!important;border-right:1px solid #ffffff14!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:min(320px,100vw - 24px)!important;height:100vh!important;min-height:100vh!important;padding:14px!important;transition:transform .22s!important;inset:0 auto 0 0!important;overflow-y:auto!important;transform:translate(-105%)!important;box-shadow:14px 0 36px #0f172a2e!important}.sidebar-open .app-sidebar{transform:translate(0)!important}.brand{background:#ffffff0f!important;border:1px solid #ffffff17!important;border-radius:12px!important;width:100%!important;max-width:none!important;min-height:56px!important}.brand strong{max-width:none!important;display:block!important}.brand span{color:#a9b7ca!important;display:block!important}.brand-chevron{margin-left:auto!important}.sidebar-nav{flex-direction:column!important;flex:auto!important;align-items:stretch!important;gap:6px!important;height:auto!important}.menu-group{height:auto!important;display:block!important}.menu-group-title{color:#c7d4e6!important;border-color:#0000!important;border-radius:10px!important;justify-content:space-between!important;width:100%!important;height:40px!important}.menu-group-title:hover,.menu-group-title.active,.menu-group:hover>.menu-group-title{color:#fff!important;background:#16a34a38!important;border-color:#0000!important}.menu-group:hover>.menu-panel:not(.open):not(.mobile-open),.submenu-group:hover>.submenu-panel:not(.open):not(.mobile-open){display:none!important}.menu-panel,.submenu-panel{width:auto!important;min-width:0!important;max-width:none!important;max-height:none!important;box-shadow:none!important;background:#0f172a6b!important;border:1px solid #ffffff14!important;border-radius:12px!important;margin:5px 0 8px!important;padding:6px!important;display:none!important;position:static!important;overflow:visible!important}.menu-panel.open,.submenu-panel.open,.menu-panel.mobile-open,.submenu-panel.mobile-open{gap:3px!important;display:grid!important}.submenu-panel{border-left:2px solid #60a5fa73!important;margin-left:14px!important}.menu-panel a,.submenu-trigger,.sidebar-setting{color:#d8e3f2!important;border-radius:9px!important;min-height:36px!important}.menu-panel a:hover,.menu-panel a.active,.submenu-trigger:hover,.submenu-trigger.active,.sidebar-setting:hover,.sidebar-setting.active{color:#fff!important;background:#16a34a47!important}.submenu-trigger .submenu-chevron{transform:none!important}.reports-panel{width:auto!important}.report-search{color:#c7d4e6!important;background:#ffffff12!important;border-color:#ffffff1a!important}.report-search input{color:#fff!important}.report-menu-list{grid-template-columns:1fr!important}.reports-panel .submenu-panel{left:auto!important;right:auto!important}.owner-setting-group{border-top:1px solid #ffffff17!important;margin-top:auto!important;margin-left:0!important;padding-top:10px!important}.sidebar-close{color:#dbe7f6!important;background:#ffffff0f!important;border-color:#ffffff1a!important;display:inline-grid!important}.sidebar-scrim{z-index:150!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#0f172a7a!important;border:0!important;display:none!important;position:fixed!important;inset:0!important}.sidebar-open .sidebar-scrim{display:block!important}.app-main{margin-left:0!important;padding-top:0!important}.app-header{z-index:120!important;border-bottom:1px solid var(--border)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;background:#ffffffeb!important;align-items:center!important;gap:14px!important;min-height:62px!important;padding:10px 16px!important;display:flex!important;position:sticky!important;top:0!important}.menu-toggle{display:inline-grid!important}.app-header-title{gap:1px;min-width:0;display:grid}.app-header-title strong{color:#111827;font-size:15px;font-weight:800}.app-header-title span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.app-header-user{color:#15803d;background:var(--primary-soft);border-radius:999px;margin-left:auto;padding:7px 11px;font-size:12px;font-weight:800}.content{max-width:none!important;padding:18px!important}.module-grid{grid-template-columns:1fr}.filter-panel{position:static}.batch-toolbar-top{flex-direction:column}.batch-filter-form{grid-template-columns:1fr 1fr}.batch-filter-actions{grid-column:1/-1}.page-heading{flex-direction:column;align-items:flex-start;min-height:0;padding:16px}.page-actions{justify-content:flex-start;width:100%}}@media (width<=640px){.app-header-user{display:none}.app-header-title span{max-width:220px}.page-title-block{align-items:flex-start}.page-icon{flex-basis:42px;width:42px;height:42px}h1{font-size:21px}.page-actions .dropdown-container,.page-actions .btn{flex:auto}.batch-filter-form{grid-template-columns:1fr}.batch-filter-actions .btn{width:100%}.data-table th,.data-table td{padding:11px 12px}}.app-sidebar .sidebar-nav{gap:10px!important}.app-sidebar .menu-group-title{white-space:nowrap;justify-content:center;align-items:center;font-weight:750;line-height:1;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex;position:relative;color:#334155!important;background:#fffffff0!important;border:1px solid #cbd5e1c7!important;border-radius:14px!important;gap:7px!important;width:100%!important;min-width:max-content!important;height:42px!important;padding:0 15px!important;font-size:13px!important;box-shadow:0 6px 16px #0f172a14!important}.app-sidebar .menu-group-title span{line-height:1}.app-sidebar .menu-group-chevron{color:currentColor;opacity:.72;flex:none;margin-left:0;transition:transform .16s,opacity .16s}.app-sidebar .menu-group-title:hover,.app-sidebar .menu-group:hover>.menu-group-title,.app-sidebar .menu-group-title[aria-expanded=true]{transform:translateY(-1px);color:#0f172a!important;background:#fff!important;border-color:#94a3b8f2!important;box-shadow:0 8px 20px #0f172a1c!important}.app-sidebar .menu-group-title.active{color:#2563eb!important;background:linear-gradient(135deg,#eff6fffa,#fffffffa)!important;border-color:#2563eb47!important;box-shadow:0 8px 20px #2563eb24!important}.app-sidebar .menu-group:hover>.menu-group-title.active,.app-sidebar .menu-group-title.active:hover,.app-sidebar .menu-group-title.active[aria-expanded=true]{color:#1d4ed8!important;background:linear-gradient(135deg,#eff6ff,#fff)!important;border-color:#2563eb6b!important;box-shadow:0 10px 22px #2563eb29!important}.app-sidebar .menu-group-title:focus-visible{outline-offset:3px;outline:3px solid #2563eb47}.app-sidebar .menu-group-title[aria-expanded=true] .menu-group-chevron,.app-sidebar .menu-group-title:hover .menu-group-chevron,.app-sidebar .menu-group:hover>.menu-group-title .menu-group-chevron{opacity:1}@media (width<=1200px){.app-sidebar .sidebar-nav{gap:7px!important}.app-sidebar .menu-group-title{justify-content:space-between;border-radius:14px!important;width:100%!important;min-width:0!important}}.login-page{background-color:#0000;background-image:radial-gradient(circle at 18% 18%,#8b5cf661,#0000 46%),radial-gradient(circle at 82% 80%,#06b6d452,#0000 48%),linear-gradient(150deg,#0f172a 0%,#1e1b4b 46%,#312e81 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:180% 180%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:100dvh;padding:28px;animation:22s ease-in-out infinite login-bg;display:grid;position:relative;overflow:hidden}.login-scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-orb{filter:blur(50px);opacity:.55;mix-blend-mode:screen;will-change:transform;border-radius:50%;position:absolute}.login-orb-1{background:radial-gradient(circle,#a78bfae6,#0000 70%);width:380px;height:380px;animation:17s ease-in-out infinite login-float;top:-90px;left:-70px}.login-orb-2{background:radial-gradient(circle,#22d3eecc,#0000 70%);width:340px;height:340px;animation:20s ease-in-out infinite reverse login-float;bottom:-100px;right:-60px}.login-orb-3{background:radial-gradient(circle,#f472b68c,#0000 70%);width:260px;height:260px;animation:25s ease-in-out infinite login-float;top:44%;left:58%}.login-stars{position:absolute;inset:0}.login-stars span{opacity:0;background:#fff;border-radius:50%;width:3px;height:3px;animation:5s ease-in-out infinite login-twinkle;position:absolute;box-shadow:0 0 8px #ffffffb3}.login-stars span:first-child{animation-delay:.1s;top:14%;left:18%}.login-stars span:nth-child(2){width:4px;height:4px;animation-delay:1.3s;top:26%;left:82%}.login-stars span:nth-child(3){width:2px;height:2px;animation-delay:2.4s;top:38%;left:12%}.login-stars span:nth-child(4){animation-delay:.7s;top:52%;left:88%}.login-stars span:nth-child(5){width:4px;height:4px;animation-delay:3.1s;top:64%;left:24%}.login-stars span:nth-child(6){width:2px;height:2px;animation-delay:1.9s;top:74%;left:70%}.login-stars span:nth-child(7){animation-delay:2.7s;top:18%;left:56%}.login-stars span:nth-child(8){width:4px;height:4px;animation-delay:.4s;top:84%;left:44%}.login-grid{opacity:.5;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 70%);mask-image:radial-gradient(circle,#000 0%,#0000 70%)}.login-card{z-index:1;-webkit-backdrop-filter:blur(18px)saturate(140%);background:#ffffffeb;border:1px solid #fff9;border-radius:22px;flex-direction:column;gap:18px;width:min(420px,100%);padding:38px 34px 28px;animation:.65s cubic-bezier(.21,.6,.35,1) both login-rise;display:flex;position:relative;box-shadow:0 30px 60px -22px #0f172aa6,0 0 0 1px #ffffff14,inset 0 1px #ffffffe6}.login-card-badge{justify-content:center;display:flex}.login-card-logo{object-fit:cover;border-radius:16px;width:64px;height:64px;animation:6s ease-in-out infinite login-badge;display:block;box-shadow:0 12px 26px #6d5dfc59,0 0 0 6px #ffffffe6,0 0 0 8px #6d5dfc2e}.login-card-head{text-align:center}.login-card .login-card-head h1{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:23px;font-weight:800}.login-card .login-card-head p{color:var(--muted);margin:6px 0 0;font-size:13.5px}.login-field{flex-direction:column;gap:7px;display:flex}.login-field-label{color:#334155;font-size:13px;font-weight:700}.login-input{border:1px solid var(--border);background:#fbfdff;border-radius:14px;align-items:center;min-height:48px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative}.login-input:focus-within{background:#fff;border-color:#6d5dfc8c;box-shadow:0 0 0 4px #6d5dfc1f}.login-input-icon{color:#94a3b8;flex:none;margin-left:13px}.login-input input{color:#0f172a;background:0 0;border:0;outline:0;flex:auto;min-width:0;padding:13px 12px;font-size:15px}.login-input input::placeholder{color:#94a3b8}.login-input-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;margin-right:6px;display:grid}.login-input-toggle:hover{color:var(--primary);background:var(--primary-soft)}.login-error{color:#b91c1c;background:var(--danger-soft);border:1px solid #dc26262e;border-radius:12px;align-items:center;gap:8px;padding:11px 13px;font-size:13px;font-weight:700;animation:.42s both login-shake;display:flex}.login-submit{letter-spacing:.01em;color:#fff;background:linear-gradient(135deg, var(--primary), #0ea5e9);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;margin-top:4px;font-size:15px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 14px 28px #6d5dfc3d}.login-submit:hover{filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 18px 34px #6d5dfc4d}.login-submit:active{filter:brightness(.98);transform:translateY(0)}.login-submit:disabled{cursor:wait;opacity:.85;transform:none}.login-spin{animation:.8s linear infinite login-spin}.login-card .login-card-foot{text-align:center;color:var(--muted);margin:2px 0 0;font-size:12px}@keyframes login-bg{0%,to{background-position:0%}50%{background-position:100%}}@keyframes login-float{0%,to{transform:translate(0)}50%{transform:translate(-18px,22px)}}@keyframes login-twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.9;transform:scale(1)}}@keyframes login-rise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes login-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes login-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@media (width<=640px){.login-page{padding:20px}.login-card{border-radius:18px;padding:34px 22px 24px}.login-orb-1,.login-orb-2{width:240px;height:240px}.login-card .login-card-head h1{font-size:21px}}@media (prefers-reduced-motion:reduce){.login-page,.login-orb,.login-stars span,.login-card,.login-card-logo,.login-error{animation:none!important}.login-submit:hover{transform:none}}
