*{box-sizing:border-box}:root{--petroleo:#073f49;--petroleo-2:#0b5660;--turquesa:#129c98;--naranja:#f28c18;--morado:#5b259f;--tinta:#17383d;--fondo:#f3f7f5;--borde:#d8e5e2}body{background:var(--fondo);color:var(--tinta);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{background:var(--petroleo);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:700;transition:all .18s}button:hover{background:var(--petroleo-2)}button:disabled{opacity:.5;cursor:not-allowed}.ghost{background:0 0;border:1px solid #ffffff47}.ghost:hover{background:#ffffff1a}.secondary{color:var(--petroleo);background:#e8f3f1}.danger{background:#8e3232}.small{padding:7px 10px;font-size:12px}.button-link{background:var(--petroleo);color:#fff;border-radius:10px;align-items:center;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-flex}.secondary-link{color:var(--petroleo);background:#e8f3f1}.small-link{color:var(--petroleo);background:#e8f3f1;border-radius:8px;align-items:center;padding:7px 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.table-link{color:var(--petroleo-2);font-weight:800;text-decoration:none}.table-link:hover{text-decoration:underline}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#063b44 0%,#052f36 100%);flex-direction:column;gap:28px;padding:26px 20px;display:flex;box-shadow:8px 0 30px #042f3614}.brand{flex-direction:column;gap:5px;display:flex}.brand-logo{background:#fff;border-radius:14px;padding:12px}.brand-logo img{object-fit:contain;width:100%;height:66px}.brand-logo span{color:#52676a;text-align:center;letter-spacing:.03em;font-size:12px;font-weight:700}.sidebar nav{gap:8px;display:grid}.sidebar a{color:#d6e7e6;border-radius:10px;padding:11px 12px;font-weight:650;text-decoration:none}.sidebar a.active,.sidebar a:hover{background:var(--turquesa);color:#fff}.sidebar a.active{box-shadow:inset 4px 0 0 var(--naranja)}.sidebar .ghost{margin-top:auto}.content{min-width:0}section,.page{max-width:1180px;margin:auto;padding:48px 32px}.page-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.page-head.compact{margin-bottom:14px}.page-head.compact h2{margin:0}.page-head.compact p{color:#687b7d;margin:4px 0 0}h1{color:var(--petroleo);margin:0;font-size:38px}.eyebrow{color:var(--turquesa);letter-spacing:.12em;margin:0 0 6px;font-size:12px;font-weight:800}.page-subtitle{color:#687b7d;margin:8px 0 0}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stats article,.panel,.cards article{border:1px solid var(--borde);background:#fff;border-radius:16px;box-shadow:0 5px 22px #073f490b}.stats article{border-top:3px solid var(--turquesa);padding:20px}.stats article:nth-child(2){border-top-color:var(--naranja)}.stats article:nth-child(3){border-top-color:var(--morado)}.stats article:nth-child(4){border-top-color:var(--petroleo)}.stats span{color:#687b7d;font-size:13px;display:block}.stats strong{color:var(--petroleo);margin-top:8px;font-size:27px;display:block}.stats .stat-text{font-size:18px}.panel{margin-bottom:22px;padding:20px}.panel h2{color:var(--petroleo);margin-top:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e8efed;padding:13px 12px}th{color:#607577;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.badge{color:var(--petroleo);background:#e5f4f1;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid label,.login-card label,.form-stack>label,.line-grid label,.manual-rate{gap:7px;font-size:13px;font-weight:700;display:grid}.form-grid input,.form-grid select,.form-stack input,.form-stack select,.form-stack textarea,.login-card input,.line-grid input,.manual-rate input{background:#fff;border:1px solid #c8d9d6;border-radius:10px;outline:none;width:100%;padding:11px 12px}.form-grid input:focus,.form-grid select:focus,.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.login-card input:focus,.line-grid input:focus,.manual-rate input:focus{border-color:var(--turquesa);box-shadow:0 0 0 3px #129c981f}.form-grid small{color:#677779;font-weight:500}.form-stack{gap:18px;display:grid}.wide{grid-column:1/-1}.actions{justify-content:flex-end;gap:10px;display:flex}.error,.error-text{color:#9b2c2c;background:#fff0f0;border-radius:10px;padding:12px 14px}.hint{color:#6d7d7f}.cards.products{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.cards article{padding:20px}.product-title{gap:5px;margin-bottom:18px;display:grid}.product-title span{color:#6e7c7e;font-size:12px}.product-title strong{color:var(--petroleo);font-size:18px}.cards dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.cards dl div{gap:3px;display:grid}.cards dt{color:#718082;font-size:12px}.cards dd{margin:0;font-weight:700}.product-list-panel{padding:0;overflow:hidden}.product-list-toolbar{border-bottom:1px solid var(--borde);background:#fbfdfc;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.product-list-toolbar strong{color:var(--petroleo)}.product-list{min-width:980px}.product-list th,.product-list td{vertical-align:middle;padding:14px 12px}.product-list tbody tr{transition:all .15s}.product-list tbody tr:hover{background:#f7fbfa}.product-list .selected-row{background:#eaf6f3}.product-list .selected-row:hover{background:#e4f2ef}.select-col{width:82px;text-align:center!important}.select-col input{width:18px;height:18px;accent-color:var(--turquesa);cursor:pointer}.product-code{color:#6c7b7d;white-space:nowrap;font-size:12px;font-weight:800}.inactive-label{color:#9b2c2c;margin-top:4px;display:block}.login{background:linear-gradient(135deg,#063b44 0%,#0b5961 58%,#129c98 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login:before,.login:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.login:before{width:520px;height:520px;top:-180px;right:-180px}.login:after{width:360px;height:360px;bottom:-140px;left:-120px}.login-backdrop{background-color:#0000;background-image:linear-gradient(90deg,#0000 49.8%,#ffffff09 50%,#0000 50.2%),linear-gradient(#0000 49.8%,#ffffff09 50%,#0000 50.2%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.login-card{z-index:1;background:#fffffffa;border:1px solid #ffffffa6;border-radius:22px;gap:18px;width:min(430px,100%);padding:30px;display:grid;position:relative;box-shadow:0 24px 70px #02232847}.login-brand{border-bottom:1px solid #e4ecea;justify-items:center;gap:5px;padding-bottom:12px;display:grid}.login-brand img{object-fit:contain;width:230px;height:90px}.login-brand span{color:#667a7c;letter-spacing:.05em;font-size:12px;font-weight:700}.login-card h1{color:var(--petroleo);font-size:30px}.login-copy{color:#687b7d;margin:6px 0 0;font-size:14px;line-height:1.5}.login-card button{background:var(--naranja)}.login-card button:hover{background:#db7910}.product-picker{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.product-picker label{gap:7px;font-size:13px;font-weight:700;display:grid}.product-picker select{background:#fff;border:1px solid #c8d9d6;border-radius:10px;width:100%;padding:11px 12px}.inline-create{background:#f5faf8;border:1px dashed #9dbfba;border-radius:14px;gap:16px;padding:18px;display:grid}.inline-create>div:first-child{gap:4px;display:grid}.inline-create small{color:#69797b}.order-lines{gap:14px;display:grid}.order-line{border:1px solid var(--borde);background:#fbfdfc;border-radius:14px;padding:16px}.order-line>div:first-child{gap:4px;margin-bottom:14px;display:grid}.order-line small{color:#69797b}.line-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.link-danger{color:#9b2c2c;background:0 0;padding:8px 0}.order-total,.rate-box{background:#e8f3f1;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.order-total strong{color:var(--petroleo);font-size:22px}.rate-box{grid-template-columns:1fr auto;align-items:center;display:grid}.rate-box small{color:#667779;grid-column:1/-1}.rate-box .manual-rate{grid-column:1/-1;margin-top:8px}.row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.timeline{gap:0;display:grid}.timeline-item{border-bottom:1px solid #e8efed;grid-template-columns:110px 1fr;gap:16px;padding:13px 0;display:grid}.timeline-item>span{color:var(--turquesa);font-size:11px;font-weight:800}.timeline-item>div{gap:4px;display:grid}.timeline-item small,td small{color:#708082}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{z-index:10;grid-template-columns:auto 1fr auto;align-items:center;padding:12px 16px;display:grid;position:sticky;top:0}.brand-logo{width:145px;padding:6px}.brand-logo img{height:42px}.brand-logo span{display:none}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.sidebar .ghost{margin:0}.stats,.line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){section,.page{padding:30px 16px}.page-head{align-items:flex-start}.page-head h1,h1{font-size:30px}.stats{grid-template-columns:1fr 1fr}.form-grid,.line-grid{grid-template-columns:1fr}.wide{grid-column:auto}.sidebar{grid-template-columns:1fr auto}.sidebar nav{order:3;grid-column:1/-1}.sidebar .ghost{padding:8px 10px;font-size:12px}.cards.products{grid-template-columns:1fr}.page-head{flex-direction:column}.button-link{justify-content:center;width:100%}.timeline-item{grid-template-columns:1fr;gap:5px}.product-picker{grid-template-columns:1fr}.product-picker button{width:100%}.login-card{padding:24px}.login-brand img{width:200px}.product-list-toolbar{flex-direction:column;align-items:flex-start}.row-actions{width:100%}.row-actions button{flex:1}}.filter-bar,.list-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.filter-bar select,.filter-bar input,.list-toolbar input,.list-toolbar select{color:var(--tinta);background:#fff;border:1px solid #c8d9d6;border-radius:10px;outline:none;padding:10px 12px}.search-input{flex:1;min-width:260px}.filter-bar input:focus,.filter-bar select:focus,.list-toolbar input:focus,.list-toolbar select:focus{border-color:var(--turquesa);box-shadow:0 0 0 3px #129c981f}.result-count{color:#687b7d;margin-left:auto;font-size:12px;font-weight:800}.empty-state{text-align:center;color:#6d7d7f;padding:24px 8px}.badge.subtle{color:#52676a;background:#f1f5f4}.form-title{color:var(--petroleo);padding-bottom:2px;font-size:15px}.dashboard-grid{grid-template-columns:2fr 1fr;gap:20px;display:grid}.dashboard-grid>.panel:first-child{grid-row:span 2}.compact-list{gap:0;display:grid}.compact-list>div{border-bottom:1px solid #e8efed;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.compact-list>div:last-child{border-bottom:0}.compact-list span{gap:3px;display:grid}.compact-list small{color:#708082}.compact-list>div>span:last-child{text-align:right}.compact-list>div>strong,td strong{color:var(--petroleo)}.product-search-box{border:1px solid var(--borde);background:#f8fbfa;border-radius:14px;grid-template-columns:1fr 1.4fr auto;align-items:end;gap:12px;padding:16px;display:grid}.product-search-box label{gap:7px;font-size:13px;font-weight:700;display:grid}.product-search-box input,.product-search-box select{background:#fff;border:1px solid #c8d9d6;border-radius:10px;outline:none;width:100%;padding:11px 12px}.product-search-box input:focus,.product-search-box select:focus{border-color:var(--turquesa);box-shadow:0 0 0 3px #129c981f}.order-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.order-summary>div{background:#e8f3f1;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.order-summary span{color:#607577;font-size:13px}.order-summary strong{color:var(--petroleo);font-size:19px}.session-user{color:#fff;text-align:center;overflow-wrap:anywhere;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;padding:11px 12px;font-weight:800;line-height:1.3}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.panel:first-child{grid-row:auto}.result-count{margin-left:0}.product-search-box{grid-template-columns:1fr 1fr}.product-search-box button{grid-column:1/-1}.order-summary{grid-template-columns:1fr 1fr 1fr}.session-user{white-space:nowrap;text-overflow:ellipsis;max-width:180px;padding:8px 10px;font-size:12px;overflow:hidden}}@media (width<=640px){.filter-bar,.list-toolbar{align-items:stretch}.filter-bar>*,.list-toolbar>*{width:100%}.search-input{min-width:0}.result-count{width:auto}.dashboard-grid{display:block}.product-search-box{grid-template-columns:1fr}.product-search-box button{grid-column:auto}.order-summary{grid-template-columns:1fr}.session-user{order:2;grid-column:1/-1;max-width:none}.sidebar nav{order:3}.sidebar .ghost{order:1}}.calculadora-venta{border:1px solid #d8e5e2;border-radius:.75rem;min-width:0;margin:0;padding:1rem}.calculadora-venta .row-actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;display:grid}.calculadora-venta button[aria-pressed=true]{color:#fff;background:#0b424b}@media (width<=640px){.calculadora-venta .row-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}