@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-primary:#05060d;--bg-secondary:#0b0e1a;--bg-tertiary:#141a2e;--bg-card:#0f14268c;--accent-teal:#22f5d3;--accent-teal-glow:#22f5d32e;--accent-indigo:#7c8bff;--accent-indigo-glow:#7c8bff33;--accent-coral:#ff4d7d;--accent-coral-glow:#ff4d7d2e;--accent-emerald:#2bf58a;--accent-emerald-glow:#2bf58a29;--accent-amber:#ffc24b;--accent-amber-glow:#ffc24b29;--accent-violet:#b96bff;--accent-violet-glow:#b96bff2e;--grad-brand:linear-gradient(120deg, #7c8bff 0%, #22f5d3 50%, #b96bff 100%);--grad-brand-soft:linear-gradient(120deg, #7c8bffe6, #22f5d3e6);--text-primary:#f4f7ff;--text-secondary:#c3cbe6;--text-muted:#6b7596;--border-subtle:#7c8bff1f;--border-focus:#7c8bff99;--glass-border:#8ca0ff1a;--glass-shadow:0 10px 40px -8px #000000b3;--surface-002:#ffffff05;--surface-003:#ffffff08;--surface-004:#ffffff0a;--surface-005:#ffffff0d;--surface-006:#ffffff0f;--input-bg:#080c1ab3;--input-bg-focus:#080c1ae6;--modal-bg:linear-gradient(180deg, #141a2efa, #0b0e1afa);--sidebar-bg:linear-gradient(180deg, #0b0e1aeb, #080b16f5);--table-container-bg:#080c1a73;--table-header-bg:#141a2ed9;--table-sticky-bg:#0a0e1c;--table-sticky-head-bg:#12172a;--btn-secondary-bg:#7c8bff0f;--btn-secondary-bg-hover:#7c8bff1f;--popover-bg:#161625;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", "Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--transition-smooth:all .32s cubic-bezier(.22, 1, .36, 1);--transition-fast:all .16s ease;--border-radius-sm:10px;--border-radius-md:14px;--border-radius-lg:22px;--border-radius-full:9999px;box-sizing:border-box}:root[data-theme=light]{--bg-primary:#eef1f7;--bg-secondary:#fff;--bg-tertiary:#e6eaf2;--bg-card:#ffffffc7;--accent-teal:#0d9488;--accent-teal-glow:#0d948824;--accent-indigo:#4f46e5;--accent-indigo-glow:#4f46e51f;--accent-coral:#e11d62;--accent-coral-glow:#e11d621f;--accent-emerald:#16a34a;--accent-emerald-glow:#16a34a1f;--accent-amber:#d97706;--accent-amber-glow:#d9770624;--accent-violet:#7c3aed;--accent-violet-glow:#7c3aed1f;--text-primary:#111726;--text-secondary:#3b4357;--text-muted:#6b7286;--border-subtle:#1117261a;--border-focus:#4f46e58c;--glass-border:#11172614;--glass-shadow:0 10px 30px -12px #1117262e;--surface-002:#14182e08;--surface-003:#14182e0a;--surface-004:#14182e0d;--surface-005:#14182e0f;--surface-006:#14182e12;--input-bg:#fff;--input-bg-focus:#fff;--modal-bg:linear-gradient(180deg, #fff, #f6f8fc);--sidebar-bg:linear-gradient(180deg, #fff, #eef1f7);--table-container-bg:#fff;--table-header-bg:#eef1f8;--table-sticky-bg:#fff;--table-sticky-head-bg:#eef1f8;--btn-secondary-bg:#4f46e512;--btn-secondary-bg-hover:#4f46e524;--popover-bg:#fff}*,:before,:after{box-sizing:inherit}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;filter:blur(24px);background:radial-gradient(40% 38% at 18% 18%,#7c8bff1c,#0000 60%),radial-gradient(36% 34% at 82% 22%,#22f5d314,#0000 60%),radial-gradient(44% 40% at 70% 84%,#b96bff17,#0000 60%),radial-gradient(38% 36% at 24% 88%,#ff4d7d0f,#0000 60%);animation:34s ease-in-out infinite alternate auroraDrift;position:fixed;inset:-20%}body:after{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#7c8bff06 1px,#0000 1px),linear-gradient(90deg,#7c8bff06 1px,#0000 1px);background-size:46px 46px;animation:40s linear infinite gridPan;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 70% at 50% 30%,#000 40%,#0000 100%)}@keyframes auroraDrift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(2%,-2%)scale(1.08)}to{transform:translate(-2%,2%)scale(1.04)}}@keyframes gridPan{0%{background-position:0 0,0 0}to{background-position:46px 46px,46px 46px}}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(var(--accent-indigo), var(--accent-teal));border-radius:var(--border-radius-full);border:2px solid var(--bg-primary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--accent-teal), var(--accent-violet))}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin:0;font-weight:700}a{color:var(--accent-indigo);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-teal)}.text-gradient,.brand-gradient{background:var(--grad-brand);-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(140%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow), inset 0 1px 0 #ffffff0d;border-radius:var(--border-radius-lg);transition:var(--transition-smooth);padding:24px;position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-indigo), var(--accent-teal), transparent);opacity:.35;height:1px;position:absolute;top:0;left:12%;right:12%}.glass-panel-hover{cursor:default}.glass-panel-hover:hover{border-color:#7c8bff38;transform:translateY(-3px);box-shadow:0 14px 40px -12px #000000b3,inset 0 1px #ffffff0f}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:600}.form-input,.form-select{background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);width:100%;padding:12px 16px;font-size:15px}.form-select{cursor:pointer}.form-input:focus,.form-select:focus{border-color:var(--accent-indigo);box-shadow:0 0 0 3px var(--accent-indigo-glow), 0 0 18px -4px var(--accent-indigo-glow);background:var(--input-bg-focus);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input::-webkit-calendar-picker-indicator{filter:invert()brightness(1.5);cursor:pointer;opacity:.7}.form-input::-webkit-calendar-picker-indicator:hover{opacity:1}.btn{font-family:var(--font-sans);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after,.btn-teal:after,.btn-danger:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:60%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.btn-primary:hover:after,.btn-teal:hover:after,.btn-danger:hover:after{left:140%}.btn-primary{background:linear-gradient(135deg, var(--accent-indigo), var(--accent-violet));color:#fff;box-shadow:0 5px 16px -8px var(--accent-indigo-glow), 0 0 0 1px #7c8bff38 inset}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px -8px #7c8bff73}.btn-primary:active{transform:translateY(0)}.btn-teal{background:linear-gradient(135deg, var(--accent-teal), #0fb8a0);color:#00231e;box-shadow:0 5px 16px -8px var(--accent-teal-glow)}.btn-teal:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px -8px #22f5d373}.btn-secondary{background:var(--btn-secondary-bg);border-color:var(--border-subtle);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-bg-hover);color:var(--text-primary);box-shadow:0 0 16px -6px var(--accent-indigo-glow);border-color:#7c8bff66}.btn-danger{background:linear-gradient(135deg, var(--accent-coral), #c81e54);color:#fff;box-shadow:0 5px 16px -8px var(--accent-coral-glow)}.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px -8px #ff4d7d73}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{border-radius:var(--border-radius-sm);padding:8px 16px;font-size:13px}.badge{border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{background:var(--accent-emerald-glow);color:var(--accent-emerald);border:1px solid #2bf58a40}.badge-danger{background:var(--accent-coral-glow);color:var(--accent-coral);border:1px solid #ff4d7d40}.badge-warning{background:var(--accent-amber-glow);color:var(--accent-amber);border:1px solid #ffc24b40}.badge-info{background:var(--accent-indigo-glow);color:var(--accent-indigo);border:1px solid #7c8bff40}.badge-teal{background:var(--accent-teal-glow);color:var(--accent-teal);border:1px solid #22f5d340}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlowing{0%{box-shadow:0 0 6px var(--accent-teal-glow)}50%{box-shadow:0 0 22px 2px var(--accent-teal)}to{box-shadow:0 0 6px var(--accent-teal-glow)}}@keyframes scanningLine{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:.5s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlowing}.animate-float{animation:4s ease-in-out infinite floaty}.animate-fade-in>*{animation:.5s cubic-bezier(.22,1,.36,1) backwards fadeInUp}.animate-fade-in>:first-child{animation-delay:20ms}.animate-fade-in>:nth-child(2){animation-delay:60ms}.animate-fade-in>:nth-child(3){animation-delay:.1s}.animate-fade-in>:nth-child(4){animation-delay:.14s}.animate-fade-in>:nth-child(5){animation-delay:.18s}.animate-fade-in>:nth-child(6){animation-delay:.22s}.custom-table-container{border-radius:var(--border-radius-md);border:1px solid var(--border-subtle);background:var(--table-container-bg);overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{background:var(--table-header-bg);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-indigo);border-bottom:1px solid var(--border-subtle);padding:15px 16px;font-size:12px;font-weight:700}.custom-table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding:15px 16px;font-size:14px}.custom-table tbody tr:hover td{background:#7c8bff09}.custom-table tr:last-child td{border-bottom:none}.custom-table th.col-check,.custom-table td.col-check,.custom-table th.col-name,.custom-table td.col-name,.custom-table th.col-actions,.custom-table td.col-actions{z-index:2;position:sticky}.custom-table th.col-actions,.custom-table td.col-actions{right:0;box-shadow:-8px 0 10px -8px #00000047}.custom-table th.col-name,.custom-table td.col-name{box-shadow:8px 0 10px -8px #00000047}.custom-table th.col-check,.custom-table th.col-name,.custom-table th.col-actions{z-index:3;background:var(--table-sticky-head-bg)}.custom-table td.col-check,.custom-table td.col-name,.custom-table td.col-actions{background:var(--table-sticky-bg)}.custom-table tbody tr:hover td.col-check,.custom-table tbody tr:hover td.col-name,.custom-table tbody tr:hover td.col-actions{background:linear-gradient(#7c8bff09, #7c8bff09), var(--table-sticky-bg)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.kpi-card{position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--accent-indigo);width:3px;height:100%;box-shadow:0 0 8px -1px var(--accent-indigo);position:absolute;top:0;left:0}.kpi-card:after{content:"";opacity:.5;background:radial-gradient(circle, var(--accent-indigo-glow), transparent 70%);pointer-events:none;width:180px;height:180px;position:absolute;top:-40%;right:-20%}.kpi-card.kpi-teal:before{background:var(--accent-teal);box-shadow:0 0 8px -1px var(--accent-teal)}.kpi-card.kpi-teal:after{background:radial-gradient(circle, var(--accent-teal-glow), transparent 70%)}.kpi-card.kpi-emerald:before{background:var(--accent-emerald);box-shadow:0 0 8px -1px var(--accent-emerald)}.kpi-card.kpi-emerald:after{background:radial-gradient(circle, var(--accent-emerald-glow), transparent 70%)}.kpi-card.kpi-coral:before{background:var(--accent-coral);box-shadow:0 0 8px -1px var(--accent-coral)}.kpi-card.kpi-coral:after{background:radial-gradient(circle, var(--accent-coral-glow), transparent 70%)}.kpi-card.kpi-amber:before{background:var(--accent-amber);box-shadow:0 0 8px -1px var(--accent-amber)}.kpi-card.kpi-amber:after{background:radial-gradient(circle, var(--accent-amber-glow), transparent 70%)}.kpi-val{font-family:var(--font-display);letter-spacing:-.03em;margin:10px 0 5px;font-size:32px;font-weight:700;line-height:1.1}.kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.kpi-change{align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.kpi-change.up{color:var(--accent-emerald)}.kpi-change.down{color:var(--accent-coral)}.ai-terminal{border-radius:var(--border-radius-md);font-family:var(--font-mono);color:#8ff5dc;max-height:300px;box-shadow:inset 0 2px 18px #000000d9, 0 0 24px -10px var(--accent-teal-glow);text-align:left;background:#03050b;border:1px solid #22f5d32e;padding:18px;font-size:13px;overflow-y:auto}.ai-terminal-line{opacity:.95;margin-bottom:6px;line-height:1.4;animation:.2s ease-out fadeIn}.ai-terminal-cursor{background:var(--accent-teal);width:8px;height:15px;box-shadow:0 0 8px var(--accent-teal);vertical-align:middle;margin-left:4px;animation:1s infinite blinkCursor;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9000;background:#03050bbf;justify-content:center;align-items:flex-start;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--modal-bg);border:1px solid var(--border-subtle);box-shadow:var(--glass-shadow);border-radius:var(--border-radius-lg);width:100%;max-width:600px;margin:0 auto;animation:.32s cubic-bezier(.22,1,.36,1) fadeInUp;position:relative;overflow:visible}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-subtle);background:#0003;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-subtle);z-index:100;flex-direction:column;width:260px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.sidebar.nav-ready{transition:width .2s,padding .2s}.sidebar.sidebar-collapsed{width:56px;padding:16px 8px;overflow:hidden}.main-content{flex:1;height:100vh;padding:40px;overflow-y:auto}.nav-link{color:var(--text-secondary);border-radius:var(--border-radius-sm);transition:var(--transition-fast);cursor:pointer;align-items:center;gap:12px;margin-bottom:6px;padding:12px 16px;font-weight:500;display:flex}.nav-link:hover{color:var(--text-primary);background:#7c8bff14;transform:translate(3px)}.nav-link.active{background:linear-gradient(90deg, var(--accent-indigo-glow), transparent);color:var(--text-primary);border-left:3px solid var(--accent-teal);box-shadow:inset 0 0 18px -8px var(--accent-indigo-glow);font-weight:600}@media print{@page{size:A4;margin:1.5cm}body{color:#000!important;background:#fff!important}body:before,body:after,.sidebar,.btn,.no-print,.modal-footer{display:none!important}.main-content{width:100%!important;margin:0!important;padding:0!important}.modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;padding:0!important;position:absolute!important}.modal-content{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important}#print-invoice{display:none}body.modal-printing *{display:none!important}body.modal-printing #print-invoice{display:block!important}body.modal-printing #print-invoice *{display:revert!important}body.modal-printing #print-invoice{background:#fff!important;padding:40px!important;position:absolute!important;top:0!important;left:0!important;right:0!important;overflow:visible!important}}.mobile-header,.nav-overlay{display:none}@media (width<=1024px){.app-container{flex-direction:column}.mobile-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);z-index:200;background:#0b0e1ad9;justify-content:space-between;align-items:center;height:56px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-header-brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.hamburger-btn{cursor:pointer;color:var(--text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.hamburger-btn:hover{background:#7c8bff1a}.sidebar{z-index:300;border-right:1px solid var(--border-subtle);border-bottom:none;width:260px;height:100vh;padding:24px 16px;position:fixed;top:0;left:-280px;overflow-y:auto}.sidebar.nav-ready{transition:left .25s}.sidebar.nav-open{left:0}.sidebar-collapse-btn{display:none!important}.nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:250;opacity:0;pointer-events:none;background:#03050b99;transition:opacity .25s;display:block;position:fixed;inset:0}.nav-overlay.nav-open{opacity:1;pointer-events:all}.main-content{height:calc(100vh - 56px);padding:20px}}@media (width<=768px){.main-content{padding:12px}.kpi-val{font-size:22px}.dash-charts-row,.dash-bottom-row{grid-template-columns:1fr!important}.dash-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.dash-header-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.dash-period-filter{width:100%;overflow-x:auto}.modal-content{border-radius:var(--border-radius-md)!important;max-width:100%!important;margin:0!important}.inventory-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (prefers-reduced-motion:reduce){body:before,body:after,.text-gradient,.brand-gradient,.animate-float,.animate-pulse-glow{animation:none!important}*{transition-duration:.01ms!important}}.st-admin-tabs{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:4px;margin-bottom:20px;display:flex}.st-admin-tabs button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:14px;font-weight:600}.st-admin-tabs button:hover{color:var(--text-primary)}.st-admin-tabs button.on{color:var(--accent-amber);border-bottom-color:var(--accent-amber)}.st-fp-summary{gap:10px;margin-bottom:14px;display:flex}.st-fp-metric{background:var(--surface-002);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);flex:1;padding:10px 13px}.st-fp-mlabel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10.5px;font-weight:600}.st-fp-mnum{font-variant-numeric:tabular-nums;color:var(--text-primary);margin-top:2px;font-size:23px;font-weight:700}.st-fp-metric.amber .st-fp-mnum{color:var(--accent-amber)}.st-fp-metric.coral .st-fp-mnum{color:var(--accent-coral)}.st-fp-metric.ok .st-fp-mnum{color:var(--accent-emerald)}.st-fp-metric.muted .st-fp-mnum{color:var(--text-secondary)}.st-fp-metric.warn .st-fp-mnum{color:var(--accent-coral)}.st-fp-metric.zero .st-fp-mnum{color:var(--text-secondary)}.st-fp-search{margin-bottom:10px;position:relative}.st-fp-lupa{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.st-fp-search input{width:100%;color:var(--text-primary);background:var(--surface-002);border:1.5px solid var(--border-subtle);border-radius:var(--border-radius-md);outline:none;padding:10px 34px 10px 36px;font-size:14px;transition:border-color .15s,box-shadow .15s}.st-fp-search input:focus{border-color:var(--accent-amber);box-shadow:0 0 0 3px var(--accent-amber-glow)}.st-fp-clearx{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.st-fp-clearx:hover{background:var(--surface-003);color:var(--text-primary)}.st-fp-tabs{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:8px;display:flex}.st-fp-tabs button{background:var(--surface-002);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--border-radius-full);cursor:pointer;white-space:nowrap;padding:6px 13px;font-size:12.5px;font-weight:600}.st-fp-tabs button:hover{border-color:var(--accent-amber);color:var(--text-primary)}.st-fp-tabs button.on{background:var(--accent-amber);border-color:var(--accent-amber);color:#1a1523}.st-fp-bulk{margin-left:auto}.st-fp-bulk.on{background:var(--surface-002)!important;border-color:var(--border-subtle)!important;color:var(--text-secondary)!important}.st-fp-count{color:var(--text-muted);margin:0 0 10px 2px;font-size:12px}.st-fp-list{flex-direction:column;gap:6px;display:flex}.st-fp-row{background:var(--surface-002);border-radius:var(--border-radius-md);border:1px solid #0000;padding:9px 12px;transition:border-color .15s,opacity .15s}.st-fp-row.marked{border-color:var(--border-subtle)}.st-fp-row.expanded{border-color:var(--accent-coral)}.st-fp-row.saving{opacity:.6}.st-fp-main{align-items:center;gap:11px;display:flex}.st-fp-thumb{border-radius:var(--border-radius-sm);background:var(--surface-003);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.st-fp-thumb:hover{border-color:var(--accent-amber)}.st-fp-thumb.empty{border:1px dashed var(--border-subtle)}.st-fp-thumb.static{cursor:default}.st-fp-thumb.static:hover{border-color:#0000}.st-fp-thumb.static.empty:hover{border-color:var(--border-subtle)}.st-fp-thumb img{object-fit:cover;width:100%;height:100%}.st-fp-info{flex:1;min-width:0}.st-fp-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.st-fp-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:1px;font-size:12px}.st-fp-nocat{color:var(--accent-coral)}.st-fp-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.st-fp-togg{border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--border-radius-sm);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:6px 11px;font-size:12px;font-weight:600;transition:all .13s;display:inline-flex}.st-fp-togg:hover{border-color:var(--text-muted);color:var(--text-secondary)}.st-fp-togg.star.on{background:var(--accent-amber-glow);border-color:var(--accent-amber);color:var(--accent-amber)}.st-fp-togg.sale.on{background:var(--accent-coral-glow);border-color:var(--accent-coral);color:var(--accent-coral)}.st-fp-togg.pub.on{background:var(--accent-emerald-glow);border-color:var(--accent-emerald);color:var(--accent-emerald)}.st-fp-offer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;padding-top:10px;display:flex}.st-fp-olabel{color:var(--text-secondary);font-size:12px;font-weight:600}.st-fp-priceinput{position:relative}.st-fp-priceinput>span{color:var(--text-muted);font-size:13px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.st-fp-priceinput input{width:120px;color:var(--text-primary);background:var(--input-bg);border:1.5px solid var(--border-subtle);border-radius:var(--border-radius-sm);font-variant-numeric:tabular-nums;outline:none;padding:7px 10px 7px 22px;font-size:13px}.st-fp-priceinput input:focus{border-color:var(--accent-coral)}.st-fp-pct{font-size:12.5px;font-weight:600}.st-fp-pct.good{color:var(--accent-emerald)}.st-fp-pct.warn{color:var(--accent-amber)}.st-fp-now{color:var(--text-muted);font-size:11.5px}.st-fp-save{background:var(--accent-emerald);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:0;margin-left:auto;padding:7px 15px;font-size:12.5px;font-weight:600}.st-fp-save:disabled{opacity:.45;cursor:default}.st-fp-empty{text-align:center;border:1px dashed var(--border-subtle);border-radius:var(--border-radius-md);color:var(--text-muted);background:var(--surface-002);padding:34px 20px}.st-fp-empty>svg{opacity:.55;margin-bottom:8px}.st-fp-et{color:var(--text-secondary);margin-bottom:3px;font-size:14px;font-weight:500}.st-fp-es{font-size:12px}.st-fp-pager{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;font-size:12.5px;display:flex}.st-fp-pager button{background:var(--surface-002);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--border-radius-sm);cursor:pointer;padding:6px 12px;font-size:12.5px}.st-fp-pager button:disabled{opacity:.4;cursor:default}@media (width<=720px){.st-fp-main{flex-wrap:wrap}.st-fp-actions{justify-content:flex-start;width:100%}.st-fp-offer{gap:8px}.st-fp-save{margin-left:0}}.st-col-list{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.st-col-row{border-radius:var(--border-radius-md);background:var(--surface-002);border:1px solid #0000;align-items:center;gap:8px;padding:8px 10px;display:flex}.st-col-row.on{border-color:var(--accent-amber)}.st-col-row.off{opacity:.6}.st-col-name{text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:0;flex:1;padding:2px 0;font-size:14px;font-weight:600}.st-col-name:hover{color:var(--accent-amber)}.st-col-count{color:var(--text-muted);background:var(--surface-003);border-radius:999px;margin-left:6px;padding:1px 8px;font-size:11.5px;font-weight:700;display:inline-block}.st-col-actions{align-items:center;gap:2px;display:flex}.st-col-actions button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:14px}.st-col-actions button:hover{background:var(--surface-003);color:var(--text-primary)}.st-col-eye.on{color:var(--accent-emerald)}.st-col-assign{border-top:1px dashed var(--border-subtle);padding-top:16px}.st-col-assign-head{color:var(--text-primary);margin-bottom:10px;font-size:13.5px}