:root{--rojo:#e02424;--rojo-osc:#c01c1c;--rojo-chip:#fdecec;--rojo-nav:#fef2f2;--navy:#0f1f3d;--navy-h:#1b2f54;--texto:#1b2433;--t2:#5b6573;--t3:#7b8492;--muted:#98a2b3;--eyebrow:#a3abb9;--bg:#f4f6f9;--panel:#fff;--campo:#fafbfc;--sutil:#f7f9fc;--borde:#e7eaef;--borde-h:#d3d9e2;--div:#eef1f5;--ok:#16a34a;--ok-bg:#e7f6ec;--warn:#d97706;--warn-bg:#fdf3e6;--info:#2563eb;--info-bg:#e9f0fe;--azul:#0f1f3d;--azul-osc:#1b2f54;--gris:#f4f6f9;--display:"Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cuerpo:"Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}body{font-family:var(--cuerpo);color:var(--texto);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{color:var(--navy)}h1{letter-spacing:-.01em;margin:0 0 8px;font-size:24px;font-weight:800}h2{margin:24px 0 12px;font-size:18px;font-weight:700}h3{margin:0 0 8px;font-size:15px;font-weight:700}.eyebrow{font:700 10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--eyebrow)}.muted{color:var(--t2)}.small{font-size:13px}.mono{font-family:var(--mono);font-size:12.5px}.layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--borde);z-index:40;background:#fff;flex-direction:column;flex-shrink:0;width:256px;height:100vh;display:flex;position:sticky;top:0}.side-logo{padding:18px 18px 12px}.side-nav{flex:1;padding:6px 12px 12px;overflow-y:auto}.side-eyebrow{font:700 10px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--eyebrow);margin:16px 10px 6px}.side-item{font:500 14px var(--display);color:#48505e;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;width:100%;margin-bottom:2px;padding:9px 12px 9px 13px;line-height:1;display:flex}.side-item:hover{background:var(--bg);color:var(--navy)}.side-item.active{color:var(--rojo);background:var(--rojo-nav);box-shadow:inset 3px 0 0 var(--rojo)}.side-item svg{flex-shrink:0;width:18px;height:18px}.side-foot{border-top:1px solid var(--borde);flex-direction:column;gap:10px;padding:12px;display:flex}.side-user{align-items:center;gap:10px;display:flex}.side-user .nombre{color:var(--texto);font-size:13.5px;font-weight:600;line-height:1.1}.side-user .rol{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.avatar{background:var(--navy);color:#fff;width:34px;height:34px;font:700 13px var(--display);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width>=901px){.layout.side-hidden .sidebar{display:none}}.col-main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde);z-index:20;background:#ffffffeb;height:62px;position:sticky;top:0}.topbar-inner{align-items:center;gap:13px;width:100%;max-width:1280px;height:100%;margin:0 auto;padding:0 30px;display:flex}.topbar-title{font:800 18px var(--display);color:var(--navy);letter-spacing:-.01em;line-height:1.05}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.nav-toggle{border:1px solid var(--borde);color:var(--navy);cursor:pointer;background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.nav-toggle:hover{background:#f8f9fb}.user-chip{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;align-items:center;gap:8px;padding:3px 4px;display:flex}.user-chip:hover{border-color:var(--borde);background:#f4f6f9}.user-ini{background:var(--navy);color:#fff;width:30px;height:30px;font:700 12px var(--display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-name{font:600 13.5px var(--display);color:var(--texto);white-space:nowrap;padding-right:4px}@media (width<=600px){.user-name{display:none}}.bell{border:1px solid var(--borde);width:38px;height:38px;color:var(--t2);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;display:flex;position:relative}.bell:hover{color:var(--navy);background:#f8f9fb}.bell-badge{background:var(--rojo);color:#fff;min-width:16px;height:16px;font:700 10px var(--display);border:1.5px solid #fff;border-radius:99px;justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:-5px;right:-5px}.notif-pop{border:1px solid var(--borde);z-index:50;background:#fff;border-radius:12px;width:330px;max-width:86vw;position:absolute;top:46px;right:0;overflow:hidden;box-shadow:0 16px 44px #0f1f3d29}.notif-head{border-bottom:1px solid var(--div);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.notif-head .t{font:700 13.5px var(--display);color:var(--navy)}.notif-leer{color:var(--info);font:600 12px var(--display);cursor:pointer;background:0 0;border:none;padding:0}.notif-leer:disabled{color:var(--muted);cursor:default}.notif-list{max-height:340px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--div);align-items:center;gap:10px;padding:10px 14px;display:flex}.notif-item:last-child{border-bottom:none}.notif-item .nom{color:var(--texto);font-size:13.5px;line-height:1.2}.notif-item .sku{font:600 11px var(--mono);color:var(--muted)}.notif-dot{background:var(--rojo);border-radius:50%;flex-shrink:0;width:7px;height:7px}.notif-empty{text-align:center;color:var(--muted);padding:24px 14px;font-size:13px}.icon-btn{color:var(--t2);cursor:pointer;background:0 0;border:none;padding:4px;display:flex;position:relative}.icon-btn .badge{background:var(--rojo);color:#fff;min-width:15px;height:15px;font:700 9px var(--display);border-radius:99px;justify-content:center;align-items:center;padding:0 3px;display:flex;position:absolute;top:0;right:0}.content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:26px 30px 64px}.content-narrow{max-width:880px}.side-backdrop{display:none}.btn{border:1px solid var(--borde);height:42px;color:var(--t2);cursor:pointer;font:600 14px var(--display);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--borde-h);background:#f7f9fc}.btn:disabled{opacity:.55;cursor:default}.btn svg{width:17px;height:17px}.btn-primary{background:var(--rojo);color:#fff;border-color:var(--rojo);box-shadow:0 1px 2px #e0242440}.btn-primary:hover{background:var(--rojo-osc);border-color:var(--rojo-osc)}.btn-navy{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-navy:hover{background:var(--navy-h);border-color:var(--navy-h)}.btn-block{width:100%}.acciones{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.small-btn{height:30px;padding:0 11px;font-size:13px}.card{background:var(--panel);border:1px solid var(--borde);border-radius:13px;margin-bottom:14px;padding:18px 20px}.card-hover:hover{border-color:var(--borde-h);box-shadow:0 6px 20px #0f1f3d12}.chip{font:600 12px var(--display);background:var(--div);color:var(--t2);border-radius:6px;align-items:center;padding:2px 8px;display:inline-flex}.chip.mono{font-family:var(--mono);letter-spacing:.02em;font-size:11.5px}.badge-ok{font:700 11px var(--display);color:var(--ok);background:var(--ok-bg);border-radius:99px;padding:2px 9px}.badge-warn{font:700 11px var(--display);color:var(--warn);background:var(--warn-bg);border-radius:99px;padding:2px 9px}.badge-no{font:700 11px var(--display);color:var(--rojo);background:var(--rojo-chip);border-radius:99px;padding:2px 9px}table{border-collapse:collapse;border:1px solid var(--borde);background:#fff;border-radius:12px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--div);vertical-align:top;padding:11px 13px;font-size:14px}th{background:var(--sutil);color:var(--t2);text-transform:uppercase;letter-spacing:.04em;font-size:12.5px;font-weight:600}.tabla-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.lista-scroll{border-top:1px solid var(--div);max-height:360px;margin-top:12px;padding-top:6px;overflow-y:auto}.mini-eyebrow{font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.aviso{background:var(--warn-bg);border:1px solid #ffe1a8;border-left:4px solid var(--warn);border-radius:10px;margin:14px 0;padding:12px 16px;font-size:14px}.aviso.error{background:var(--rojo-chip);border-color:#f5b5b5;border-left-color:var(--rojo)}.aviso.ok{background:var(--ok-bg);border-color:#a8e0b6;border-left-color:var(--ok)}.form{flex-direction:column;gap:12px;max-width:560px;display:flex}.form label{font-size:14px;font-weight:600}input[type=text],input[type=email],input[type=number],input[type=date],input[type=password],input[type=file],input:not([type]),select,textarea{border:1px solid var(--borde);background:var(--campo);width:100%;height:42px;font-size:15px;font-family:var(--cuerpo);color:var(--texto);border-radius:9px;padding:0 12px}textarea{resize:vertical;height:auto;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--rojo);background:#fff;outline:none;box-shadow:0 0 0 3px #e024241f}.form-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.form-grid .col-2{grid-column:span 2}.form-grid .col-full{grid-column:1/-1}.form-grid label{font:700 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;display:block}.items{flex-direction:column;gap:14px;display:flex}.item-head{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.item-head .orig{color:var(--t2);font-size:13px;font-style:italic}.check{font-weight:600}.check input{width:auto;height:auto}.buscador{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.buscador input{max-width:440px}.fila{border-bottom:1px solid var(--div);justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 0;font-size:14px;display:flex}.fila:last-of-type{border-bottom:none}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpi{border:1px solid var(--borde);background:#fff;border-radius:13px;padding:16px 18px}.kpi-ico{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:10px;display:flex}.kpi-num{font:800 28px var(--display);color:var(--navy);line-height:1}.kpi-label{color:var(--t2);margin-top:4px;font-size:13px}.cols-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.cat-filtros{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cat-filtros .cat-q{flex:240px;min-width:200px}.cat-filtros select{flex:0 180px}.cat-filtros .cat-precio{width:110px}.cat-check{white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex}.cat-check input{width:auto;height:auto}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:8px;display:grid}.cat-card{text-align:left;border:1px solid var(--borde);cursor:pointer;background:#fff;border-radius:13px;flex-direction:column;gap:7px;padding:15px 16px;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex}.cat-card:hover{border-color:var(--borde-h);transform:translateY(-2px);box-shadow:0 6px 20px #0f1f3d12}.cat-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.cat-stock{font:700 11px var(--display);border-radius:99px;padding:2px 9px}.cat-stock.ok{background:var(--ok-bg);color:var(--ok)}.cat-stock.no{background:var(--rojo-chip);color:var(--rojo)}.cat-nombre{color:var(--texto);font-size:15px;font-weight:700;line-height:1.25}.cat-meta{color:var(--t2);font-size:12.5px}.cat-precio-val{font:700 20px var(--display);color:var(--navy);margin-top:2px}.cat-prov{color:var(--muted);font-size:12px}.tile{font:700 13px var(--mono);letter-spacing:.03em;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-bg{z-index:70;background:#0f1f3d80;justify-content:center;align-items:flex-start;padding:34px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:14px;width:760px;max-width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 24px 70px #0f1f3d52}.modal-pad{padding:20px 22px}.modal-head{border-bottom:1px solid var(--div);justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.modal-x{background:var(--div);cursor:pointer;width:30px;height:30px;color:var(--t2);border:none;border-radius:99px;font-size:14px}.modal-x:hover{background:#e2e7ec}.drawer-bg{z-index:60;background:#0f1f3d6b;position:fixed;inset:0}.drawerR{z-index:61;background:#fff;flex-direction:column;width:470px;max-width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-14px 0 44px #0f1f3d29}.drawerR.open{transform:translate(0)}.drawerR-head{border-bottom:1px solid var(--div);align-items:center;gap:10px;padding:16px 18px;display:flex}.drawerR-body{flex:1;padding:18px;overflow-y:auto}.drawerR-foot{border-top:1px solid var(--div);justify-content:flex-end;gap:10px;padding:14px 18px;display:flex}.det-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;display:grid}.det-dato{background:var(--sutil);border:1px solid var(--borde);border-radius:9px;padding:8px 11px}.det-label{font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.det-valor{margin-top:2px;font-size:14.5px}.det-sub{color:var(--t2);margin:18px 0 6px;font-size:14px}.upload-acciones{flex-wrap:wrap;gap:12px;display:flex}.upload-btn{border:1.5px dashed var(--borde-h);background:var(--campo);min-width:150px;height:auto;color:var(--t2);flex-direction:column;flex:1;gap:8px;padding:26px 18px;font-size:15px;font-weight:600}.upload-btn:hover{border-color:var(--rojo);color:var(--navy);background:#fff}.upload-ico{font-size:26px}.upload-preview{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.upload-preview img{object-fit:cover;border:1px solid var(--borde);border-radius:9px;width:88px;height:88px}.upload-nombre{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.ev-wrap{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:18px;display:flex}.ev-left{flex-direction:column;align-items:center;display:flex}.ev-panel{width:380px;max-width:100%}.ev-panel textarea{width:100%}.ev-bloque{margin-top:14px}.ev-label{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.ev-texto{background:var(--sutil);border:1px solid var(--borde);white-space:pre-wrap;border-radius:9px;padding:9px 11px;font-size:14px}.ev-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ev-chip{background:var(--info-bg);color:var(--info);border:1px solid #cfe0f5;border-radius:99px;padding:3px 10px;font-size:12px}.footer{text-align:center;color:var(--muted);padding:22px 16px;font-size:12.5px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell .container{flex:1 0 auto}.switch{cursor:pointer;border:none;border-radius:13px;flex-shrink:0;width:42px;height:24px;padding:0;transition:background .15s;position:relative}.switch .knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:2px;box-shadow:0 1px 2px #0003}.switch.on{background:var(--ok)}.switch.on .knob{left:20px}.switch.off{background:#cfd5de}.switch.off .knob{left:2px}@media (width<=900px){.sidebar{width:264px;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 16px 50px #0f1f3d33}.sidebar.open{transform:translate(0)}.side-backdrop{z-index:39;background:#0f1f3d6b;display:block;position:fixed;inset:0}.nav-toggle{display:inline-flex}.topbar-inner,.content{padding-left:16px;padding-right:16px}.content{padding-top:20px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-2,.form-grid{grid-template-columns:1fr}.form-grid .col-2,.form-grid .col-full{grid-column:1/-1}.det-grid{grid-template-columns:repeat(2,1fr)}.ev-panel{width:100%}.buscador input{max-width:none}.drawerR{width:100%}}