@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
[hidden]{display:none!important}
:root{font-family:'DM Sans',system-ui,sans-serif;color:#183c34;background:#f4f6f2;font-synthesis:none;--green:#123d34;--green-2:#285a4a;--lime:#c5df8b;--line:#dfe6dc;--muted:#6f8178;--danger:#a33d37}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f6f2}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #a6c67b;outline-offset:2px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#ddecbd 0,transparent 35%),linear-gradient(150deg,#0d352d,#1d5747)}.login-card{width:min(100%,410px);background:#fff;border-radius:24px;padding:34px;box-shadow:0 24px 60px #08261d55}.brand-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:var(--lime);font-size:26px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#78906e;margin:25px 0 8px}.login-card h1{font:800 34px Manrope;margin:0}.login-copy{color:var(--muted);line-height:1.6;margin:8px 0 25px}.stack{display:grid;gap:17px}label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#4d685f}input,select,textarea{width:100%;border:1px solid #cfdacf;border-radius:11px;padding:13px;background:#fff;color:#173e34}textarea{min-height:90px;resize:vertical}.primary{border:0;border-radius:11px;background:var(--green);color:#fff;font-weight:700;padding:13px 18px}.primary:hover{background:var(--green-2)}.full{width:100%}.compact{padding:10px 13px;font-size:13px}.form-error{min-height:18px;margin:0;color:var(--danger);font-size:12px}.privacy-note{font-size:11px;color:#839087;margin:22px 0 0;text-align:center}.topbar{position:sticky;top:0;z-index:20;height:68px;padding:10px 14px;display:flex;align-items:center;gap:12px;background:#f4f6f2ee;backdrop-filter:blur(12px);border-bottom:1px solid #e6ebe3}.icon-button{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#21483d;font-size:20px}.topbar-title{display:grid;line-height:1.15;min-width:0;flex:1}.topbar-title span{font-size:8px;letter-spacing:1.5px;font-weight:800;color:#829186}.topbar-title strong{font:700 19px Manrope;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer{position:fixed;z-index:40;inset:0 auto 0 0;width:min(86vw,300px);padding:24px 18px;background:var(--green);color:#eef5ed;transform:translateX(-102%);transition:transform .22s ease;display:flex;flex-direction:column;box-shadow:20px 0 50px #0b282099}.drawer.open{transform:translateX(0)}.drawer-overlay{position:fixed;z-index:30;inset:0;background:#09251c99}.drawer-brand{display:flex;align-items:center;gap:10px;font:700 23px Manrope;margin:5px 8px 34px}.drawer-brand span{width:40px;height:40px;display:grid;place-items:center;background:var(--lime);color:var(--green);border-radius:11px}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:#c6d8cf;text-decoration:none;font-size:14px}nav a:hover,nav a.active{background:#2a594a;color:#fff}.nav-caption{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#7fa394;margin:28px 14px 10px}.drawer-account{margin-top:auto;padding:18px 10px 5px;border-top:1px solid #356052;display:grid;gap:10px}.drawer-account span{font-size:11px;color:#a9c1b6;overflow:hidden;text-overflow:ellipsis}.drawer-account button{border:1px solid #4d7065;background:transparent;color:#eef5ed;border-radius:9px;padding:10px;text-align:left}.page-shell{width:min(100%,1280px);margin:0 auto;padding:18px 14px 80px}.toast{position:fixed;z-index:70;left:50%;bottom:24px;transform:translateX(-50%);width:min(calc(100% - 32px),430px);padding:14px 18px;border-radius:12px;background:#173e34;color:#fff;box-shadow:0 15px 35px #0e2c2260}.banner{padding:13px 15px;border:1px solid #d7e3bc;background:#eff3df;color:#586945;border-radius:12px;font-size:12px;margin-bottom:16px}dialog{width:min(calc(100% - 24px),620px);max-height:calc(100vh - 24px);border:0;border-radius:20px;padding:22px;color:#183c34}dialog::backdrop{background:#09251db3;backdrop-filter:blur(3px)}.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-head h2{font:700 21px Manrope;margin:0}.modal-actions{justify-content:flex-end;margin-top:20px}.modal-actions button{border:1px solid var(--line);border-radius:10px;padding:11px 15px;background:#fff}.modal-actions .primary{background:var(--green);color:#fff}.loading{min-height:50vh;display:grid;place-items:center;color:var(--muted)}
@media(min-width:800px){#privateApp{padding-left:245px}.topbar{padding:14px 32px}.topbar>#menuButton{display:none}.drawer{width:245px;transform:none;box-shadow:none}.drawer-overlay{display:none!important}.page-shell{padding:30px 34px 90px}}
@media(max-width:440px){.login-card{padding:26px 22px;border-radius:20px}.topbar .compact{font-size:0}.topbar .compact::after{content:'＋';font-size:22px}.page-shell{padding-inline:11px}dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.drawer{transition:none}}
.page-heading,.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:10px 0 24px}.page-heading h1,.hero h1{font:800 clamp(26px,5vw,38px) Manrope;margin:2px 0}.page-heading p,.hero p{color:var(--muted);margin:6px 0;max-width:620px;line-height:1.5}.hero{align-items:center;background:linear-gradient(125deg,#183f35,#2d624f);color:#fff;border-radius:20px;padding:26px}.hero p{color:#c7dad1}.hero .eyebrow{color:var(--lime);margin-top:0}.hero .primary{background:var(--lime);color:var(--green);white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 32px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:7px}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{font:800 25px Manrope}.metrics small{font-size:10px;color:#87958e}.section-head{display:flex;align-items:end;justify-content:space-between;margin:26px 2px 14px}.section-head h2{font:700 21px Manrope;margin:2px 0}.section-head a{color:var(--green-2);font-size:13px;font-weight:700}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:12px}.order-card,.product-card,.settings-card,.calculator-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px}.card-top{display:flex;align-items:center;justify-content:space-between}.status,.stock-warning,.stock-mode{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.status-pendiente{background:#eef0ed;color:#667269}.status-imprimiendo{background:#fff0d7;color:#956320}.status-listo{background:#dcefd6;color:#377147}.status-enviado{background:#dfe9f5;color:#466784}.stock-warning{background:#f9dfdc;color:#9b3e37;margin-left:5px}.more-button{border:0;background:transparent;color:#728078;font-weight:800;padding:8px}.order-card h3,.product-card h3,.inventory-list h3{font:700 16px Manrope;margin:13px 0 4px}.order-card>p,.product-card p,.inventory-list p{font-size:12px;color:var(--muted);margin:0}.order-facts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:18px 0;font-size:11px;color:var(--muted)}.order-facts strong{color:var(--green);font-size:13px}.advance{border:0;border-radius:10px;background:#e8efdc;color:var(--green);padding:11px;font-weight:800}.closed-label{text-align:center;color:var(--muted);padding:10px;font-size:12px}.empty{grid-column:1/-1;text-align:center;padding:36px 20px;color:var(--muted)}.empty>span{display:block;font-size:27px}.empty h3{color:var(--green);margin:10px 0 4px}.empty p{font-size:13px;margin:0}.filter-row{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 12px;scrollbar-width:none}.filter-row button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#fff;padding:8px 11px;color:#596a62;font-size:11px}.filter-row button.active{background:var(--green);color:#fff;border-color:var(--green)}.filter-row b{margin-left:4px}.product-list{display:grid;gap:10px}.product-card{display:grid;grid-template-columns:46px minmax(0,1fr) 36px;gap:13px;align-items:start}.product-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#e8efdc;color:var(--green);font-size:20px}.product-card .eyebrow{margin:0 0 5px}.product-card h3{margin:0}.price-line{display:flex;align-items:baseline;gap:12px;margin:12px 0}.price-line strong{font:800 19px Manrope}.price-line span{font-size:11px;color:var(--muted)}.stock-mode{background:#eef0ed;color:#6f7a73}.stock-mode.on{background:#dfeecf;color:#477042}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .wide{grid-column:1/-1}label span{font-weight:400;color:var(--muted)}details{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--green)}.details-grid{margin-top:15px}.switch-row{display:flex;align-items:center;gap:12px;background:#f6f8f4;padding:13px;border-radius:12px}.switch-row input{width:22px;height:22px}.switch-row span{display:grid;gap:3px}.switch-row small{color:var(--muted)}.calculator-card,.settings-card{max-width:720px}.calc-result{background:#ecf3df;border-radius:15px;padding:22px;margin-top:20px;text-align:center}.calc-result p{font-size:12px;color:#5e7251;margin:0}.calc-result>strong{display:block;font:800 42px Manrope;margin:8px 0}.calc-result>div:not(.button-row){display:flex;justify-content:center;gap:16px;flex-wrap:wrap;color:#66765d;font-size:11px}.button-row{display:flex;justify-content:center;gap:9px;margin-top:19px}.button-row button,.account-card button{border:1px solid #cdd8c2;border-radius:10px;background:#fff;padding:11px 15px;font-weight:700;color:var(--green)}.button-row .primary{background:var(--green);color:#fff}.helper{max-width:720px;color:var(--muted);font-size:11px;line-height:1.5}.inventory-list{display:grid;gap:9px}.inventory-list article{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px}.inventory-list h3{margin:0}.inventory-list strong{font:800 20px Manrope}.untracked{max-width:720px}.settings-card>button[type=submit]{margin-top:20px}.account-card{display:flex;align-items:center;gap:15px}.account-card .avatar{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#dfeccc;color:#2f634f}.account-card div{flex:1;min-width:0}.account-card p{margin:4px 0;color:var(--muted);font-size:12px}.spinner{width:20px;height:20px;border:2px solid #d5ded5;border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:640px){.page-heading,.hero{align-items:stretch;flex-direction:column}.page-heading .primary,.hero .primary{width:100%}.metrics{grid-template-columns:1fr 1fr}.metrics article:first-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.cards{grid-template-columns:1fr}.compact-cards .order-card:nth-child(n+3){display:none}.calc-result>strong{font-size:36px}.account-card{align-items:flex-start;flex-wrap:wrap}.account-card button{width:100%}}
.login-card h1{margin-bottom:26px}.metrics-four{grid-template-columns:repeat(4,1fr)}.data-list{display:grid;gap:9px}.data-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 17px}.data-list h3,.spool-card h3{margin:7px 0 3px}.data-list p,.spool-card p{margin:0;color:var(--muted);font-size:12px}.tag{font-size:10px;font-weight:800;color:#58745e;background:#eaf1df;padding:4px 8px;border-radius:99px}.row-actions{display:flex;gap:6px}.row-actions button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 9px;color:var(--green)}.row-actions .danger{color:var(--danger)}.spool-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.spool-card>strong{display:block;font:800 23px Manrope;margin:16px 0}.report-range{display:grid;grid-template-columns:repeat(2,minmax(150px,210px)) auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.report-range label{display:grid;gap:6px;font-size:12px;font-weight:800;color:var(--green)}.report-range input{margin:0}.report-range button{min-height:42px}.report-period{font-size:13px;color:var(--muted);margin:14px 2px}.report-grid{display:grid;grid-template-columns:2fr 1fr;gap:12px}.report-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.report-card h2{font:700 18px Manrope;margin:0 0 18px}.report-card li{margin:10px 0;line-height:1.45}.bar-chart{height:220px;display:flex;align-items:end;gap:9px;overflow-x:auto;padding-bottom:3px}.bar-chart>div{height:100%;min-width:42px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.bar-chart span{width:min(34px,70%);background:#8fb85d;border-radius:6px 6px 0 0}.bar-chart span.negative{background:#cf756d}.bar-chart small{font-weight:800}.bar-chart b{font-size:9px;color:var(--muted);white-space:nowrap}.pie-layout{display:flex;align-items:center;gap:16px}.pie-chart{width:148px;height:148px;flex:0 0 148px}.pie-slice{fill:none;stroke-width:8;transform:rotate(-90deg);transform-origin:center}.pie-chart text{font-size:3px;fill:var(--green)}.pie-legend{display:grid;gap:2px;min-width:0;flex:1}.pie-legend div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:6px;align-items:center;font-size:11px;padding:5px 0;border-bottom:1px solid var(--line)}.pie-legend i{width:9px;height:9px;border-radius:50%}.pie-legend span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breakdown{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}
@media(max-width:800px){.metrics-four{grid-template-columns:1fr 1fr}.report-range{grid-template-columns:1fr 1fr}.report-range button{grid-column:1/-1}.report-grid{grid-template-columns:1fr}.data-list article{grid-template-columns:1fr auto}.data-list .row-actions{grid-column:1/-1}}
@media(max-width:480px){.report-range{grid-template-columns:1fr}.report-range button{grid-column:auto}.pie-layout{align-items:flex-start;flex-direction:column}.pie-chart{width:132px;height:132px;flex-basis:132px}}
.reopen{border:1px solid #cdd8c2;border-radius:10px;background:#fff;color:var(--green);padding:11px;font-weight:800}
.alerts{background:#fff9e8;border:1px solid #eedeb0;border-radius:16px;padding:16px 20px;margin:0 0 24px}.alerts h2{font:700 17px Manrope;margin:0 0 8px}.alerts ul{margin:0;padding-left:19px;font-size:13px;color:#765f28}.alerts li{margin:6px 0}.view-switch,.report-presets{display:flex;gap:8px;margin:-10px 0 16px}.view-switch button,.report-presets button{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 12px;color:var(--green);font-weight:700;font-size:12px}.view-switch button.active{background:var(--green);border-color:var(--green);color:#fff}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px}.kanban-column{min-height:260px;background:#eef2ec;border:1px solid var(--line);border-radius:16px;padding:12px}.kanban-column.drag-over{outline:3px dashed #8fb85d;outline-offset:2px}.kanban-column h2{display:flex;justify-content:space-between;align-items:center;font:700 15px Manrope;margin:2px 2px 13px}.kanban-column h2 b{font:700 11px 'DM Sans';background:#fff;border-radius:99px;padding:4px 7px}.kanban-column>div{display:grid;gap:8px}.kanban-column>div>p{font-size:12px;color:var(--muted);text-align:center;margin:25px 0}.kanban-order{display:grid;gap:5px;background:#fff;border:1px solid #d8e2d6;border-radius:11px;padding:12px;box-shadow:0 2px 4px #143b2510;cursor:grab}.kanban-order:active{cursor:grabbing}.kanban-order b{font-size:13px}.kanban-order span,.kanban-order small{font-size:11px;color:var(--muted)}.product-icon.with-image{overflow:hidden;background:#e7ece5}.product-image{width:100%;height:100%;object-fit:cover}.report-presets{margin-top:10px}.recurring-list{margin-bottom:18px}
@media(max-width:800px){.kanban-board{grid-template-columns:repeat(4,minmax(190px,1fr))}.alerts{margin-top:-10px}}