:root{--negro:#0a0a0a;--negro-2:#141414;--negro-3:#1e1e1e;--gris:#3f3d38;--gris-txt:#9a9a95;--amarillo:#f1c40f;--amarillo-op:#f1c40f1a;--blanco:#fff;--borde:#2a2a28;--ok:#3fbf7f;--alerta:#e5893b;--error:#e05c5c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Instrument Sans,-apple-system,Segoe UI,sans-serif;background:var(--negro);color:var(--blanco);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{display:flex;min-height:100vh}.side{width:220px;flex:0 0 220px;background:var(--negro-2);border-right:1px solid var(--borde);padding:20px 0;position:-webkit-sticky;position:sticky;top:0;height:100vh}.marca{padding:0 20px 22px;gap:10px}.marca,.marca .iso{display:flex;align-items:center}.marca .iso{width:34px;height:34px;border-radius:50%;background:var(--amarillo);color:#000;font-weight:800;font-size:14px;justify-content:center;letter-spacing:-.5px}.marca b{font-size:15px;letter-spacing:.3px}.marca small{display:block;color:var(--gris-txt);font-size:10px;letter-spacing:1.4px;text-transform:uppercase}.nav{flex-direction:column;gap:2px;padding:0 10px}.nav,.nav a{display:flex}.nav a{padding:9px 12px;border-radius:7px;color:#c8c8c4;font-size:13.5px;align-items:center;gap:10px;transition:background .12s,color .12s}.nav a:hover{background:var(--negro-3);color:#fff}.nav a.on{background:var(--amarillo-op);color:var(--amarillo);font-weight:600}.nav .sep{color:var(--gris-txt);font-size:10px;text-transform:uppercase;letter-spacing:1.2px;padding:16px 12px 6px}.main{flex:1 1;min-width:0}.top{height:58px;border-bottom:1px solid var(--borde);display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:var(--negro-2);position:-webkit-sticky;position:sticky;top:0;z-index:10}.top h1{font-size:16px;font-weight:600}.top .who{color:var(--gris-txt);font-size:12.5px}.cont{padding:24px 26px 60px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.kpi{background:var(--negro-2);border:1px solid var(--borde);border-radius:10px;padding:15px 16px}.kpi .lab{color:var(--gris-txt);font-size:11px;text-transform:uppercase;letter-spacing:1px}.kpi .val{font-size:26px;font-weight:700;margin-top:5px;letter-spacing:-.5px}.kpi .val.am{color:var(--amarillo)}.kpi .sub{color:var(--gris-txt);font-size:11.5px;margin-top:2px}.panel{background:var(--negro-2);border:1px solid var(--borde);border-radius:10px;overflow:hidden;margin-bottom:20px}.panel .head{padding:13px 16px;border-bottom:1px solid var(--borde);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel .head h2{font-size:14px;font-weight:600}.panel .head .n{color:var(--gris-txt);font-size:12px;font-weight:400}table{width:100%;border-collapse:collapse}th{text-align:left;padding:9px 16px;font-size:10.5px;color:var(--gris-txt);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--borde);font-weight:600}td{padding:10px 16px;border-bottom:1px solid #1c1c1a;font-size:13.5px;vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#171715}td.num,th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cod{font-size:12px;color:var(--amarillo)}.cod,.ean{font-family:Consolas,monospace}.ean{font-size:11.5px}.ean,.muted{color:var(--gris-txt)}.tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.tag.ok{background:#3fbf7f1f;color:var(--ok)}.tag.baja{background:#e5893b1f;color:var(--alerta)}.tag.cero{background:#e05c5c1f;color:var(--error)}.tag.gris{background:#ffffff10;color:var(--gris-txt)}.tag.am{background:var(--amarillo-op);color:var(--amarillo)}.talles{display:flex;flex-wrap:wrap;gap:4px}.talle{min-width:42px;text-align:center;padding:3px 6px;border-radius:6px;background:var(--negro-3);border:1px solid var(--borde);font-size:11px}.talle b{display:block;font-size:10px;color:var(--gris-txt);font-weight:600;letter-spacing:.5px}.talle span{font-size:13px;font-weight:700}.talle.cero span{color:var(--error)}.talle.baja span{color:var(--alerta)}.talle.ok span{color:var(--ok)}.btn{background:var(--amarillo);color:#000;border:none;padding:8px 14px;border-radius:7px;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.btn:hover{filter:brightness(1.08)}.btn.sec{background:transparent;border:1px solid var(--borde);color:#d8d8d4;font-weight:600}.btn.sec:hover{background:var(--negro-3)}input,select,textarea{background:var(--negro);border:1px solid var(--borde);color:#fff;padding:8px 11px;border-radius:7px;font-size:13.5px;font-family:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--amarillo)}label{display:block;font-size:11.5px;color:var(--gris-txt);margin-bottom:5px;text-transform:uppercase;letter-spacing:.8px}.campo{margin-bottom:14px}.fila{display:grid;grid-gap:14px;gap:14px}.fila.c2{grid-template-columns:1fr 1fr}.fila.c3{grid-template-columns:1fr 1fr 1fr}.foto{width:42px;height:42px;border-radius:6px;object-fit:cover;background:var(--negro-3)}.vacio{padding:40px 20px;text-align:center;color:var(--gris-txt)}.aviso{background:var(--amarillo-op);border-left:3px solid var(--amarillo);padding:11px 14px;border-radius:0 7px 7px 0;margin-bottom:18px;font-size:13px}@media (max-width:900px){.side{display:none}.fila.c2,.fila.c3{grid-template-columns:1fr}.cont{padding:16px}}.auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(1100px 520px at 50% -10%,#1a1a17 0,transparent 62%),var(--negro)}.auth-brillo{position:absolute;top:-190px;left:50%;transform:translateX(-50%);width:620px;height:380px;pointer-events:none;background:radial-gradient(circle,rgba(241,196,15,.16) 0,transparent 68%);filter:blur(46px)}.auth-caja{position:relative;width:100%;max-width:384px;background:linear-gradient(180deg,#171715 0,var(--negro-2) 100%);border:1px solid var(--borde);border-radius:16px;padding:34px 32px 28px;box-shadow:0 26px 60px rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.02)}.auth-caja:before{content:"";position:absolute;top:0;left:26px;right:26px;height:2px;background:linear-gradient(90deg,transparent,var(--amarillo),transparent);border-radius:2px}.auth-logo{display:block;width:168px;margin:2px auto 10px}.auth-sub{text-align:center;color:var(--gris-txt);font-size:11px;letter-spacing:2.4px;text-transform:uppercase;margin-bottom:24px}.auth-texto{color:#b9b9b4;font-size:13px;margin-bottom:18px;line-height:1.55}.auth-caja .campo{margin-bottom:15px}.auth-caja input{padding:11px 13px;font-size:14px}.auth-btn{width:100%;justify-content:center;padding:11px;font-size:14px;margin-top:6px}.auth-btn,.auth-link{display:block;text-align:center}.auth-link{margin-top:17px;color:var(--gris-txt);font-size:12.5px}.auth-link:hover{color:var(--amarillo)}.auth-msg{padding:10px 13px;border-radius:8px;font-size:12.5px;margin-bottom:17px;line-height:1.45}.auth-msg.err{background:#e05c5c1a;border-left:3px solid var(--error);color:#f0a0a0}.auth-msg.ok{background:#3fbf7f1a;border-left:3px solid var(--ok);color:#92dcb8}.auth-pie{position:relative;margin-top:24px;color:#56564f;font-size:11.5px;text-align:center}.auth-pie b{color:#76766d}.logo-side{width:132px;display:block}.side{display:flex;flex-direction:column}.nav{flex:1 1}.side-pie{padding:14px 14px 0;border-top:1px solid var(--borde);margin-top:12px}.usuario{gap:9px;margin-bottom:11px}.usuario,.usuario .avatar{display:flex;align-items:center}.usuario .avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:var(--amarillo);color:#000;font-weight:800;font-size:13px;justify-content:center}.usuario b{font-size:12.5px;display:block}.usuario small{color:var(--gris-txt);font-size:10.5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.auth-separador{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:var(--gris-txt);font-size:11.5px}.auth-separador:after,.auth-separador:before{content:"";flex:1 1;height:1px;background:var(--borde)}.portal{min-height:100vh;display:flex;flex-direction:column}.portal-top{background:var(--negro-2);border-bottom:1px solid var(--borde);padding:13px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.portal-logo{height:30px}.portal-quien{display:flex;align-items:center;gap:14px}.portal-quien b{font-size:13px;display:block}.portal-quien small{color:var(--amarillo);font-size:10.5px;display:block;text-transform:uppercase;letter-spacing:1px}.portal-cont{flex:1 1;padding:22px 26px 50px;max-width:1280px;width:100%;margin:0 auto}.portal-pie{border-top:1px solid var(--borde);padding:16px 26px;color:var(--gris-txt);font-size:12px;text-align:center}.grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));grid-gap:14px;gap:14px;padding:16px}.prod{background:var(--negro);border:1px solid var(--borde);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .14s,transform .14s}.prod:hover{border-color:#3d3d38;transform:translateY(-2px)}.prod .sinfoto,.prod img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--negro-3);display:block}.prod-datos{padding:11px 12px 13px;display:flex;flex-direction:column;gap:7px}.prod-cat{color:var(--gris-txt);font-size:10px;text-transform:uppercase;letter-spacing:1.1px}.prod h3{font-size:13.5px;font-weight:600;line-height:1.3}.prod-precio{font-size:17px;font-weight:700;color:var(--amarillo);display:flex;align-items:center;gap:7px;flex-wrap:wrap}.prod-precio .tag{font-size:9.5px}@media (max-width:700px){.portal-top{padding:11px 14px}.portal-cont{padding:14px}.grilla{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:12px}}