:root{--nexel:#3157d5;--ink:#182039;--soft:#f4f6fb;--line:#e7eaf2}
body{background:var(--soft);color:var(--ink)}
.login-bg{background:radial-gradient(circle at top left,#dfe7ff,transparent 45%),var(--soft)}
.login-card{width:min(420px,92vw);border-radius:1.25rem}
.brand-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#3157d5,#7247d9);color:#fff;display:grid;place-items:center;font-size:1.5rem;font-weight:800}
.small-mark{width:38px;height:38px;border-radius:11px;font-size:1rem}
.sidebar{width:260px;min-height:100vh;background:#17203a;color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.sidebar .nav-link{color:#bdc7e5;border-radius:.65rem;padding:.7rem .9rem}
.sidebar a.nav-link:hover,.sidebar .nav-link.active{color:#fff;background:#3157d5}
.sidebar .nav-disabled{opacity:.42;cursor:not-allowed;display:flex;justify-content:space-between}
.sidebar .nav-disabled small{font-size:.62rem}
.metric-card,.stock-card,.form-card,.table-card{border-radius:1rem}
.btn-primary{background:var(--nexel);border-color:var(--nexel)}
.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}
.page-header h1{font-size:2rem;font-weight:750;margin-bottom:.25rem}.page-header p{color:#6c7489;margin:0}.eyebrow{font-size:.78rem!important;color:var(--nexel)!important;font-weight:750;letter-spacing:.08em}
.search-bar{display:flex;gap:.6rem;max-width:720px}.table-card{overflow:hidden}.table-card th{background:#f9faff;color:#687087;font-size:.78rem;text-transform:uppercase;letter-spacing:.035em;padding:1rem}.table-card td{padding:1rem}
.stock-value{font-weight:700}.stock-value.low{color:#b76b00}.stock-card{border-left:4px solid transparent!important}.stock-card-low{border-left-color:#f1aa2b!important}.product-code{font-size:.78rem;font-weight:750;letter-spacing:.05em;color:#687087}
.empty-state{padding:3rem;text-align:center;color:#6c7489}.form-card{max-width:980px}.movement-AJUSTE_ENTRADA,.movement-DEVOLUCION{background:#d9f6e5;color:#157342}.movement-AJUSTE_SALIDA{background:#ffe0e0;color:#a62b2b}
.movement-VENTA{background:#e3e8ff;color:#3157d5}.beta-pill{font-size:.72rem;text-align:center;border:1px solid #58647f;color:#ffd782;padding:.4rem;border-radius:2rem}.beta-banner{max-width:980px;background:#fff3cd;border:1px solid #ffdf7e;border-radius:1rem;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center}.beta-banner p{margin:0;color:#795c09}.beta-banner>span{font-size:1.25rem;font-weight:800;color:#9b7100}.certificate-status{display:flex;align-items:center;gap:1rem;background:#f7f8fb;padding:1rem;border-radius:.75rem}.certificate-status small{margin-left:auto;color:#6c7489}.document-sheet{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 .2rem 1rem rgba(27,35,60,.08);max-width:1000px}.document-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:1rem}.document-head p{color:#6c7489}.document-box{border:2px solid var(--ink);padding:1rem 2rem;text-align:center;display:flex;flex-direction:column}.totals{margin-left:auto;width:min(360px,100%)}.totals>div{display:flex;justify-content:space-between;padding:.5rem}.totals .grand{font-size:1.2rem;border-top:2px solid var(--ink)}
@media(max-width:768px){.sidebar{width:90px;padding:1rem!important}.sidebar strong,.sidebar small{display:none!important}.sidebar .nav-link{font-size:.75rem;padding:.6rem .2rem}.page-header{flex-direction:column}.search-bar{flex-wrap:wrap}}