:root{
  --navy:#101827;
  --navy-2:#172235;
  --surface:#f4f6f9;
  --card:#fff;
  --text:#152131;
  --muted:#6f7b8c;
  --line:#e2e7ee;
  --blue:#3977f6;
  --green:#22bb83;
  --lime:#caff49;
  --amber:#f1a735;
  --red:#ef5d62;
  --purple:#805be7;
  --sidebar:248px;
}
*{box-sizing:border-box}
html{overflow-x:hidden}
body{margin:0;background:var(--surface);color:var(--text);font-family:Manrope,sans-serif;overflow-x:hidden}
body.nav-open,body.modal-open{overflow:hidden}
button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(57,119,246,.25);outline-offset:2px}

.app-loader{position:fixed;z-index:200;inset:0;background:var(--navy);color:#fff;display:grid;place-items:center;transition:opacity .5s,visibility 0s .5s}.app-loader>div{text-align:center}.app-loader span{font:500 11px DM Mono;letter-spacing:.2em;color:var(--lime)}.app-loader p{font:700 15px DM Mono;letter-spacing:.14em}.app-loader i{display:block;width:180px;height:2px;margin:25px auto 0;background:linear-gradient(90deg,var(--lime) 50%,rgba(255,255,255,.12) 50%);background-size:200% 100%;animation:loading 1.2s ease both}@keyframes loading{from{background-position:100%}to{background-position:0}}body.loaded .app-loader{opacity:0;visibility:hidden}

.sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:var(--sidebar);padding:28px 18px 20px;background:var(--navy);color:#fff;display:flex;flex-direction:column}
.sidebar-head{height:52px;padding:0 8px;display:flex;align-items:flex-start;justify-content:space-between}.system-name{color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px;font:700 13px DM Mono;letter-spacing:.08em}.system-name i{width:22px;height:22px;border:6px solid var(--lime);border-right-color:transparent;border-radius:7px;transform:rotate(45deg)}.sidebar-head>b{padding:4px 6px;border:1px solid rgba(255,255,255,.16);border-radius:5px;color:#94a1b5;font:500 8px DM Mono;letter-spacing:.1em}
.sidebar nav{margin-top:38px;display:grid;gap:7px}.sidebar nav button{width:100%;height:48px;padding:0 13px;border:0;border-radius:11px;background:transparent;color:#9eabbd;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;text-align:left;font-size:13px;font-weight:600;cursor:pointer;transition:.2s}.sidebar nav button:hover{background:rgba(255,255,255,.055);color:#fff}.sidebar nav button.active{background:var(--lime);color:#152131}.sidebar nav button i{font-style:normal;font-size:17px}.sidebar nav button b{font-size:10px;font-weight:700}.sidebar nav button.active b{color:#152131}
.sidebar-bottom{margin-top:auto}.demo-status{margin-bottom:16px;padding:14px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);display:flex;gap:10px}.demo-status>i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:var(--green);box-shadow:0 0 13px rgba(34,187,131,.75)}.demo-status strong,.demo-status span{display:block}.demo-status strong{font-size:10px}.demo-status span{margin-top:4px;color:#7e8da3;font-size:8px;line-height:1.4}.user-card{padding:13px 9px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center}.user-card>span{width:34px;height:34px;border-radius:10px;background:#26344a;display:grid;place-items:center;color:var(--lime);font:600 10px DM Mono}.user-card strong,.user-card small{display:block}.user-card strong{font-size:11px}.user-card small{margin-top:2px;color:#748298;font-size:8px}.reset-demo{border:0;background:transparent;color:#7f8ca0;font-size:17px;cursor:pointer}

.workspace{min-height:100vh;margin-left:var(--sidebar)}
.topbar{height:76px;padding:0 clamp(20px,3.2vw,48px);border-bottom:1px solid var(--line);background:rgba(244,246,249,.92);backdrop-filter:blur(15px);position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar>div:first-child{display:flex;align-items:center;gap:12px}.topbar p{margin:0;color:var(--muted);font-size:11px}.topbar p span{margin:0 6px;color:#c0c7d0}.topbar p strong{color:var(--text)}.mobile-menu{display:none;border:0;background:transparent;font-size:20px}.top-actions{display:flex;gap:8px}.top-actions button,.page-heading>button{height:41px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.top-actions button:hover,.page-heading>button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,24,39,.08)}.scan-action i{width:13px;height:13px;border:2px solid var(--blue);border-radius:3px;box-shadow:4px 0 0 -2px #fff,5px 0 0 -1px var(--blue)}.top-actions .movement-action{background:#e9f0ff;color:#285ecb;border-color:#d7e4ff}.top-actions .primary-action,.page-heading>.primary-action{background:var(--navy);color:#fff;border-color:var(--navy)}

.view{padding:clamp(26px,3.5vw,52px);animation:viewIn .35s ease}.view[hidden]{display:none}.view.active{display:block}@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.page-heading{margin-bottom:30px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.eyebrow{margin:0 0 8px;color:var(--blue);font:500 9px DM Mono;letter-spacing:.13em}.page-heading h1{margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.1;letter-spacing:-.045em}.page-heading>div>span:not(.today){display:block;margin-top:8px;color:var(--muted);font-size:12px}.today{display:block;margin-top:8px;color:var(--muted);font-size:11px}.sync-state{display:flex;align-items:center;gap:8px;padding-bottom:4px;color:var(--muted);font-size:10px}.sync-state i{width:7px;height:7px;border-radius:50%;background:var(--green)}

.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric{min-width:0;padding:19px;border:1px solid var(--line);border-radius:14px;background:var(--card);display:grid;grid-template-columns:1fr auto;gap:14px}.metric>div span{display:block;color:var(--muted);font-size:10px}.metric>div b{display:block;margin-top:8px;font-size:clamp(1.45rem,2vw,2rem);line-height:1;letter-spacing:-.035em;white-space:nowrap}.metric-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px}.metric-icon.blue{background:#e7efff;color:var(--blue)}.metric-icon.green{background:#e0f8ef;color:var(--green)}.metric-icon.amber{background:#fff1d9;color:#d68e1c}.metric-icon.purple{background:#eee8ff;color:var(--purple)}.metric p{grid-column:1/-1;margin:1px 0 0;color:#9aa4b2;font-size:9px}.metric p strong{color:var(--text)}.metric.warning{border-color:#f0d9b0}

.dashboard-grid{margin-top:13px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:13px}.panel{border:1px solid var(--line);border-radius:15px;background:var(--card)}.stock-panel,.alerts-panel,.recent-panel,.movement-panel,.report-preview{padding:22px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel-head span{display:block;margin-bottom:5px;color:#9aa4b2;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.panel-head h2{margin:0;font-size:15px;letter-spacing:-.02em}.panel-head button{border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:700;cursor:pointer}.panel-head>b{min-width:27px;height:27px;padding:0 7px;border-radius:999px;background:#fff1d9;color:#ca8318;display:grid;place-items:center;font-size:10px}
.stock-score{margin:25px 0;display:flex;align-items:center;gap:18px}.score-ring{--score:0deg;width:82px;height:82px;border-radius:50%;background:conic-gradient(var(--green) var(--score),#edf0f4 0);position:relative;display:grid;place-items:center;flex:0 0 auto}.score-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.score-ring b,.score-ring span{position:relative;z-index:1}.score-ring b{font-size:17px}.score-ring span{position:absolute;top:49px;color:#9aa4b2;font-size:7px;text-transform:uppercase}.stock-score>p{max-width:260px;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.category-bars{display:grid;gap:12px}.category-bar{display:grid;grid-template-columns:90px 1fr 42px;gap:10px;align-items:center}.category-bar>span{font-size:9px;color:#667284;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:6px;border-radius:999px;background:#edf0f4;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:inherit;background:var(--blue);transform-origin:left;animation:grow .8s ease both}.category-bar>b{text-align:right;font-size:9px}@keyframes grow{from{transform:scaleX(0)}}
.alert-list{margin-top:20px;display:grid}.alert-item{padding:14px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr auto;gap:11px;align-items:center}.alert-item:first-child{padding-top:5px}.alert-symbol{width:35px;height:35px;border-radius:9px;background:#fff1dc;color:#d58b1b;display:grid;place-items:center;font-size:12px;font-weight:800}.alert-symbol.out{background:#ffe6e7;color:var(--red)}.alert-item strong,.alert-item span{display:block}.alert-item strong{font-size:10px}.alert-item span{margin-top:3px;color:#98a2b1;font-size:8px}.alert-item>b{color:#cc8218;font-size:10px}.alert-item>b.out{color:var(--red)}.all-alerts{width:100%;margin-top:16px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:9px;font-weight:700;cursor:pointer}
.recent-panel{margin-top:13px}.recent-table{margin-top:17px}.recent-row{min-height:52px;border-top:1px solid var(--line);display:grid;grid-template-columns:35px minmax(150px,1.3fr) minmax(100px,.7fr) 90px 90px;gap:12px;align-items:center}.recent-row .move-icon{width:28px;height:28px;border-radius:8px;background:#e0f8ef;color:var(--green);display:grid;place-items:center;font-size:12px}.recent-row .move-icon.exit{background:#ffe7e8;color:var(--red)}.recent-row strong{font-size:10px}.recent-row span{color:#8d98a7;font-size:9px}.recent-row b{font-size:9px}.recent-row b.entry{color:var(--green)}.recent-row b.exit{color:var(--red)}

.product-panel{overflow:hidden}.product-tools{padding:17px;display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:10px;border-bottom:1px solid var(--line)}.search-field{height:40px;padding:0 13px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:10px}.search-field i{width:12px;height:12px;border:1.5px solid #7d8898;border-radius:50%;position:relative}.search-field i:after{content:"";position:absolute;width:5px;height:1px;background:#7d8898;right:-4px;bottom:-2px;transform:rotate(45deg)}.search-field input{width:100%;border:0;background:transparent;outline:0;font-size:11px}.filter-field{height:40px;padding:0 10px;border:1px solid var(--line);border-radius:9px;color:#8a95a4;display:flex;align-items:center;gap:7px;font-size:8px}.filter-field select{border:0;background:transparent;outline:0;color:var(--text);font-size:9px;font-weight:600}.export-action{height:40px;padding:0 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--blue);font-size:9px;font-weight:700;cursor:pointer}
.table-wrap{overflow-x:auto}.product-table{width:100%;border-collapse:collapse;min-width:800px}.product-table th{height:42px;padding:0 14px;background:#f8fafc;color:#8b96a5;text-align:left;font:500 8px DM Mono;text-transform:uppercase;letter-spacing:.06em}.product-table td{height:62px;padding:8px 14px;border-top:1px solid var(--line);font-size:10px}.product-name{display:flex;align-items:center;gap:10px}.product-avatar{width:34px;height:34px;border-radius:9px;background:#edf2f8;display:grid;place-items:center;color:#728095;font:600 10px DM Mono}.product-name strong,.product-name span{display:block}.product-name strong{font-size:10px}.product-name span{margin-top:3px;color:#9aa4b2;font-size:8px}.sku{font-family:DM Mono;color:#6d798a}.stock-cell strong{display:block}.stock-cell span{font-size:8px;color:#98a2b1}.status{width:max-content;padding:6px 8px;border-radius:999px;font-size:8px;font-weight:700}.status.available{background:#e0f8ef;color:#16855e}.status.low{background:#fff1d9;color:#b97413}.status.out{background:#ffe5e7;color:#ca4148}.row-action{border:0;background:transparent;color:var(--blue);font-size:9px;font-weight:700;cursor:pointer}.row-highlight{animation:highlight 1.8s ease}@keyframes highlight{30%{background:#edf2ff}to{background:transparent}}
.products-empty{padding:80px 20px;text-align:center}.products-empty strong{font-size:16px}.products-empty p{color:var(--muted);font-size:10px}.table-footer{padding:13px 17px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#8e98a7;font-size:9px}.table-footer p{margin:0}

.movement-summary{margin-bottom:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.movement-summary article{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:8px}.movement-summary span{font-size:9px;color:var(--muted)}.movement-summary strong{font-size:25px}.movement-summary i{grid-column:2;grid-row:1/3;width:34px;height:34px;border-radius:9px;background:#edf2ff;color:var(--blue);display:grid;place-items:center;font-style:normal}.movement-list{margin-top:20px}.movement-entry{min-height:74px;padding:13px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:42px minmax(160px,1fr) minmax(100px,.6fr) 110px 100px;gap:15px;align-items:center}.movement-entry>i{width:38px;height:38px;border-radius:10px;background:#e0f8ef;color:var(--green);display:grid;place-items:center;font-style:normal;font-size:17px}.movement-entry>i.exit{background:#ffe6e8;color:var(--red)}.movement-entry strong,.movement-entry span{display:block}.movement-entry strong{font-size:11px}.movement-entry span{margin-top:4px;color:#99a3b1;font-size:8px}.movement-entry b{font-size:10px}.movement-entry b.entry{color:var(--green)}.movement-entry b.exit{color:var(--red)}

.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.report-card{min-height:290px;padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff;display:flex;flex-direction:column}.report-card.dark{background:var(--navy);color:#fff;border-color:var(--navy)}.report-card.accent{background:var(--lime);border-color:var(--lime)}.report-type{width:42px;height:42px;border-radius:10px;background:#e8efff;color:var(--blue);display:grid;place-items:center;font:600 9px DM Mono;font-style:normal}.report-card.dark .report-type{background:rgba(255,255,255,.1);color:var(--lime)}.report-card.accent .report-type{background:var(--navy);color:#fff}.report-card>span{margin-top:31px;color:#8b96a5;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.report-card.dark>span{color:#7e8da3}.report-card h2{margin:7px 0 10px;font-size:18px}.report-card p{margin:0;color:#7f8998;font-size:10px;line-height:1.55}.report-card.dark p{color:#8795a8}.report-card button{margin-top:auto;padding:12px 0 0;border:0;border-top:1px solid var(--line);background:transparent;display:flex;justify-content:space-between;color:var(--blue);font-size:9px;font-weight:700;cursor:pointer}.report-card.dark button{border-color:rgba(255,255,255,.12);color:var(--lime)}.report-card.accent button{border-color:rgba(16,24,39,.15);color:var(--navy)}.report-preview{margin-top:13px}.report-stats{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.report-stats>div{padding:18px 18px 4px 0;border-right:1px solid var(--line)}.report-stats>div+div{padding-left:18px}.report-stats>div:last-child{border-right:0}.report-stats span,.report-stats strong{display:block}.report-stats span{color:#929caa;font-size:8px}.report-stats strong{margin-top:7px;font-size:13px}

.mobile-nav{display:none}
.form-dialog,.scan-dialog{width:min(620px,calc(100% - 28px));padding:0;border:0;border-radius:18px;background:#fff;color:var(--text);box-shadow:0 30px 90px rgba(6,15,29,.25)}dialog::backdrop{background:rgba(10,18,31,.65);backdrop-filter:blur(4px)}dialog[open]{animation:dialogIn .3s ease}@keyframes dialogIn{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
.dialog-card{padding:27px}.dialog-head{display:flex;justify-content:space-between;gap:20px}.dialog-head span,.scan-card>span{font:500 8px DM Mono;letter-spacing:.12em;color:var(--blue)}.dialog-head h2,.scan-card h2{margin:6px 0 0;font-size:24px;letter-spacing:-.035em}.dialog-close,.scan-close{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:21px;cursor:pointer}.field-grid{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-grid.single{grid-template-columns:1fr}.field-grid label{display:grid;gap:7px;color:#697687;font-size:9px;font-weight:700}.field-grid label.full{grid-column:1/-1}.field-grid input,.field-grid select{width:100%;height:43px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#f8fafc;outline:0;color:var(--text);font-size:11px}.dialog-actions{margin-top:26px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px}.dialog-actions button{height:40px;padding:0 15px;border-radius:9px;font-size:10px;font-weight:700;cursor:pointer}.cancel-dialog{border:1px solid var(--line);background:#fff}.save-product,.save-movement{border:1px solid var(--navy);background:var(--navy);color:#fff}.form-error{min-height:14px;margin:14px 0 -10px;color:var(--red);font-size:9px}
.scan-card{padding:32px;text-align:center;position:relative}.scan-close{position:absolute;right:18px;top:18px}.scan-card>p{color:var(--muted);font-size:10px}.scanner{height:260px;margin-top:25px;border:1px solid var(--line);border-radius:14px;background:#f7f9fc;position:relative;display:grid;place-items:center;overflow:hidden}.barcode{width:170px;height:90px;background:repeating-linear-gradient(90deg,var(--navy) 0 3px,transparent 3px 7px,var(--navy) 7px 9px,transparent 9px 14px)}.scanner>i{position:absolute;left:25px;right:25px;height:2px;background:var(--red);box-shadow:0 0 15px rgba(239,93,98,.8);animation:scan 1.4s ease-in-out infinite}.scanner>b{position:absolute;bottom:22px;font:500 8px DM Mono;color:#8490a0}@keyframes scan{0%,100%{top:35px}50%{top:185px}}
.confirm-reset{position:fixed;z-index:100;inset:0;padding:20px;background:rgba(10,18,31,.7);display:grid;place-items:center;opacity:0;visibility:hidden;transition:.25s}.confirm-reset.open{opacity:1;visibility:visible}.confirm-reset>div{width:min(420px,100%);padding:28px;border-radius:16px;background:#fff}.confirm-reset span{font:500 8px DM Mono;letter-spacing:.12em;color:var(--red)}.confirm-reset h2{margin:8px 0 10px;font-size:21px}.confirm-reset p{color:var(--muted);font-size:10px;line-height:1.5}.confirm-reset>div>div{margin-top:24px;display:flex;justify-content:flex-end;gap:8px}.confirm-reset button{height:39px;padding:0 14px;border-radius:8px;font-size:9px;font-weight:700;cursor:pointer}.cancel-reset{border:1px solid var(--line);background:#fff}.accept-reset{border:1px solid var(--red);background:var(--red);color:#fff}
.toast{position:fixed;z-index:120;right:22px;bottom:22px;width:min(330px,calc(100% - 44px));padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 20px 60px rgba(10,20,34,.18);display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(130%);transition:.35s}.toast.show{opacity:1;transform:none}.toast>i{width:31px;height:31px;border-radius:9px;background:#e0f8ef;color:var(--green);display:grid;place-items:center;font-style:normal;font-weight:800}.toast strong,.toast span{display:block}.toast strong{font-size:10px}.toast span{margin-top:3px;color:#8e98a7;font-size:8px}
.sidebar-overlay{display:none}

@media(max-width:1120px){:root{--sidebar:78px}.sidebar{padding-left:12px;padding-right:12px}.sidebar-head{justify-content:center}.system-name span,.sidebar-head>b,.sidebar nav button span,.sidebar nav button b,.demo-status,.user-card>div,.reset-demo{display:none}.sidebar nav button{grid-template-columns:1fr;padding:0;text-align:center}.sidebar nav button i{font-size:18px}.user-card{grid-template-columns:1fr;padding:13px 9px}.user-card>span{margin:auto}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr 1fr}.report-card:last-child{grid-column:1/-1}.product-tools{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}}
@media(max-width:760px){
  :root{--sidebar:0px}.sidebar{width:min(270px,85vw);transform:translateX(-105%);transition:transform .35s cubic-bezier(.16,1,.3,1)}.sidebar.open{transform:none}.sidebar .system-name span,.sidebar .sidebar-head>b,.sidebar nav button span,.sidebar nav button b,.sidebar .demo-status,.sidebar .user-card>div,.sidebar .reset-demo{display:initial}.sidebar-head{justify-content:space-between}.sidebar nav button{grid-template-columns:28px 1fr auto;padding:0 13px;text-align:left}.user-card{grid-template-columns:34px 1fr auto;padding:13px 9px}.user-card>span{margin:0}.demo-status{display:flex}.sidebar-overlay{display:block;position:fixed;z-index:45;inset:0;background:rgba(10,18,31,.5);opacity:0;visibility:hidden;transition:.3s}.sidebar-overlay.open{opacity:1;visibility:visible}
  .workspace{margin-left:0;padding-bottom:74px}.topbar{height:66px;padding:0 15px}.mobile-menu{display:block}.topbar p{display:none}.top-actions .scan-action span,.top-actions .movement-action{display:none}.top-actions button{height:38px}.top-actions .primary-action{font-size:0}.top-actions .primary-action:after{content:"Producto";font-size:9px}.top-actions .primary-action span{font-size:12px}
  .view{padding:22px 15px 34px}.page-heading{align-items:flex-start}.page-heading h1{font-size:29px}.sync-state{display:none}.page-heading>.page-add,.page-heading>.page-movement{display:none}
  .metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:15px;gap:8px}.metric>div span{font-size:8px}.metric>div b{font-size:20px}.metric-icon{width:29px;height:29px}.metric p{font-size:7px}
  .stock-panel,.alerts-panel,.recent-panel,.movement-panel,.report-preview{padding:17px}.stock-score{margin:22px 0}.recent-table{overflow:hidden}.recent-row{grid-template-columns:31px 1fr auto}.recent-row>span:nth-of-type(1),.recent-row>span:nth-of-type(2){display:none}.recent-row b{justify-self:end}
  .product-tools{padding:13px;grid-template-columns:1fr 1fr}.filter-field{min-width:0;padding:0 7px;display:grid;gap:0}.filter-field select{max-width:100%}.export-action{grid-column:1/-1}.table-wrap{overflow:visible}.product-table{min-width:0}.product-table thead{display:none}.product-table,.product-table tbody,.product-table tr,.product-table td{display:block;width:100%}.product-table tr{padding:15px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:11px 15px}.product-table td{height:auto;padding:0;border:0}.product-table td:before{content:attr(data-label);display:block;margin-bottom:3px;color:#9aa4b2;font:500 7px DM Mono;text-transform:uppercase}.product-table td:first-child{grid-column:1/-1}.product-table td:nth-child(2),.product-table td:nth-child(3),.product-table td:nth-child(4){display:none}.product-table td:nth-child(6){justify-self:end}.product-table td:last-child{grid-column:1/-1}.row-action{width:100%;padding:10px;border-radius:8px;background:#edf2ff}.table-footer{font-size:8px}
  .movement-summary{grid-template-columns:1fr;gap:8px}.movement-entry{grid-template-columns:38px 1fr auto}.movement-entry>div:nth-of-type(2),.movement-entry>span{display:none}.movement-entry>b{justify-self:end}.report-grid{grid-template-columns:1fr}.report-card:last-child{grid-column:auto}.report-card{min-height:250px}.report-stats{grid-template-columns:1fr}.report-stats>div,.report-stats>div+div{padding:14px 0;border-right:0;border-bottom:1px solid var(--line)}.report-stats>div:last-child{border-bottom:0}
  .mobile-nav{position:fixed;z-index:40;left:0;right:0;bottom:0;height:66px;padding:6px 8px max(6px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(15px);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-nav button{border:0;border-radius:9px;background:transparent;color:#8290a1;display:grid;place-items:center;gap:1px;font-size:7px}.mobile-nav button i{font-style:normal;font-size:16px}.mobile-nav button.active{background:#edf2ff;color:var(--blue);font-weight:700}
  .field-grid{grid-template-columns:1fr}.field-grid label.full{grid-column:auto}.dialog-card{padding:22px 18px}.form-dialog{max-height:92vh;overflow:auto}.toast{right:12px;bottom:78px;width:calc(100% - 24px)}
}
@media(max-width:390px){.metric-grid{grid-template-columns:1fr}.category-bar{grid-template-columns:80px 1fr 35px}.product-tools{grid-template-columns:1fr}.search-field,.export-action{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.app-loader{display:none}}