:root{--green:#0877ba;--ink:#17364d;--muted:#536c7f;--paper:#f2f9ff;--line:#d3e6f3;--orange:#c88239}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:14px 'DM Sans',sans-serif;color:var(--ink)}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}aside{position:fixed;width:238px;height:100vh;background:#fff;padding:32px 23px;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font:800 20px Manrope,sans-serif}.mark{display:grid;place-items:center;background:var(--green);color:#fff;width:43px;height:43px;border-radius:14px;font-size:22px;letter-spacing:-3px;padding-right:3px}.brand small{display:block;font:11px 'DM Sans';color:var(--muted);margin-top:3px}.shop{margin:38px 0 25px;padding:16px;background:#f2f9ff;border-radius:12px;font-size:10px;letter-spacing:1px;color:var(--muted)}.shop strong{display:block;font-size:14px;color:var(--ink);margin:8px 0;letter-spacing:0}.shop span{letter-spacing:0}nav{display:grid;gap:6px}nav button{background:none;border:0;text-align:left;padding:12px 13px;border-radius:8px;color:#45677f;display:flex;gap:12px;align-items:center}nav button.active{background:#dff2ff;color:var(--green);font-weight:700}nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.aside-foot{margin-top:auto;color:var(--muted);line-height:1.7;font-size:12px}.aside-foot small{display:block;margin-top:8px}.dot{display:inline-block;width:7px;height:7px;background:#39b6f2;border-radius:50%;margin-right:5px}.shell{margin-left:238px}header{height:77px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 42px;background:#fff}header>div{display:flex;gap:16px;align-items:center}.badge{font-size:9px;font-weight:700;letter-spacing:1px;background:#f3eadb;color:#927049;border-radius:5px;padding:7px 9px}main{max-width:1220px;margin:auto;padding:38px 42px;min-height:calc(100vh - 135px)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:30px;letter-spacing:-1px;margin:5px 0 9px}h2{font-size:18px;margin:0 0 18px}h3{font-size:14px;margin:0 0 12px}.sub{color:var(--muted);line-height:1.6;margin:0 0 26px}.eyebrow{font-size:11px;letter-spacing:1.6px;color:var(--green);font-weight:700}.title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.title .sub{margin:0}button.primary{background:var(--green);color:white;border:0;border-radius:8px;padding:12px 18px;font-weight:600}button.secondary,.ghost{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 14px;color:var(--ink)}.ghost{background:transparent}.small{font-size:12px;padding:7px 10px!important}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.card .label{font-size:12px;color:var(--muted)}.card strong{display:block;font:800 29px Manrope;margin:12px 0 8px;letter-spacing:-1px}.card small{color:var(--muted)}.card.emphasis{background:var(--green);color:#fff}.card.emphasis .label,.card.emphasis small{color:#eff9ff}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin:20px 0}.notice{padding:15px 19px;background:#eaf6ff;border:1px solid #c4e6fb;border-radius:10px;color:#27536f;line-height:1.6;font-size:12px;margin:16px 0}.notice.warn{background:#fff5e8;color:#926d39;border-color:#f2e0c6}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase;padding:13px 10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #e8f2f8;font-size:13px}td input{min-width:90px;width:100%}td:first-child{min-width:150px}tr:last-child td{border-bottom:0}label{font-size:12px;color:#45657c;display:block;margin:0 0 7px}input,select{padding:10px 12px;background:#fbfdff;border:1px solid #c3ddee;border-radius:7px;color:var(--ink);width:100%;min-height:41px}input:focus,select:focus{outline:2px solid #29a7ed;outline-offset:1px}input[type=file]{font-size:12px}input[type=checkbox]{width:auto;min-height:auto}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:20px}.fields.three{grid-template-columns:repeat(3,1fr)}.empty{text-align:center;padding:30px 10px;color:var(--muted);line-height:1.7}.pill{display:inline-block;padding:4px 8px;border-radius:5px;font-size:10px;background:#e1f3ff;color:#166493}.pill.amber{background:#fbefdc;color:#9d783d}.listitem{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.listitem small{display:block;margin-top:5px;color:var(--muted)}.totalbar{display:flex;justify-content:space-between;align-items:center;margin-top:20px;background:#edf7ff;padding:16px;border-radius:9px}.totalbar strong{font-size:23px}footer{padding:20px 42px;color:#5d7485;font-size:11px}#toast{position:fixed;bottom:25px;right:25px;background:var(--green);color:#fff;border-radius:10px;padding:15px 22px;display:none;z-index:9}.split{display:flex;gap:14px;align-items:center;justify-content:space-between}.textlink{border:0;background:none;color:var(--green);padding:5px;font-weight:600}.leadbox{background:#dff3ff;border-radius:12px;padding:22px;line-height:1.7}.leadbox h2{margin-bottom:8px}.danger{color:#a44b3f}button:disabled{opacity:.5;cursor:default}.rowingredients{display:grid;grid-template-columns:1fr 130px 40px;gap:10px;margin:10px 0}
@media(max-width:1000px){aside{width:190px;padding:25px 15px}.shell{margin-left:190px}main{padding:25px}.cards{gap:10px}.card{padding:17px}.grid{grid-template-columns:1fr}header{padding:0 25px}.fields.three{grid-template-columns:1fr 1fr}}@media(max-width:700px){aside{position:relative;width:100%;height:auto;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:18px}.shop,.aside-foot{display:none}nav{display:flex;overflow:auto;margin-top:15px;gap:4px}nav button{white-space:nowrap;font-size:12px;padding:10px}nav svg{display:none}.shell{margin-left:0}header{height:54px;padding:0 18px}.badge{font-size:8px}main{padding:24px 17px}h1{font-size:26px}.title{align-items:flex-start}.cards{grid-template-columns:1fr}.card strong{font-size:27px}.fields,.fields.three{grid-template-columns:1fr}.panel{padding:18px}.rowingredients{grid-template-columns:1fr 85px 30px}.actions button{flex-grow:1}footer{padding:15px 17px}.title>button{font-size:12px;padding:10px}.totalbar{gap:10px}}
.rowingredients{grid-template-columns:minmax(180px,1fr) 120px 110px 40px;align-items:end}.rowingredients button{height:41px}.rowingredients label{font-size:11px}.rowingredients select:disabled{opacity:1;background:#eaf6ff}@media(max-width:700px){.rowingredients{grid-template-columns:1fr 1fr 38px;padding:15px 0;border-bottom:1px solid var(--line)}.rowingredients>div:first-child{grid-column:1/-1}}
.rowingredients{grid-template-columns:minmax(170px,1fr) 100px 95px 175px 40px}.cost-source{display:block;font-size:10px;color:var(--muted);margin-top:4px;max-width:175px}.rowingredients{align-items:start}.rowingredients>button{margin-top:22px}#productionCost{margin-bottom:16px}#productionCost strong{font-size:20px}@media(max-width:1000px){.rowingredients{grid-template-columns:minmax(140px,1fr) 80px 80px 140px 35px}}@media(max-width:700px){.rowingredients{grid-template-columns:1fr 1fr 38px}.rowingredients>div:first-child{grid-column:1/-1}.rowingredients>div:nth-child(4){grid-column:1/3}.rowingredients>button{grid-column:3;grid-row:3}.cost-source{max-width:none}#productionCost{align-items:flex-start;flex-direction:column}}
.recipe-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}.recipe-card>strong{font-size:25px}.recipe-card .sub{margin-bottom:12px}.recipe-card .actions{margin-top:14px}#recipePreview{line-height:1.9}aside nav{overflow-y:auto;flex-shrink:1}aside .aside-foot{padding-top:12px}aside .shop{margin:24px 0 18px}#recipeEditor{scroll-margin-top:20px}@media(max-width:700px){.recipe-cards{grid-template-columns:1fr}aside nav{overflow-x:auto;overflow-y:hidden;flex-shrink:0}}
.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.cards.four .card{padding:20px 17px}.cards.four strong{font-size:26px}.cards.four .label{font-size:10px;letter-spacing:.3px}.dashboard-filter{margin:18px 0}.dashboard-filter>div{max-width:230px}#supplierDetail{scroll-margin-top:18px}.dashboard-filter input{background:white}#buyNewSupplier>div{margin-top:10px}@media(max-width:1100px){.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.cards.four{grid-template-columns:1fr 1fr}.cards.four strong{font-size:23px}.dashboard-filter{align-items:flex-end;gap:12px}.dashboard-filter .pill{max-width:135px}.cards.four .card{padding:16px 12px}}@media(max-width:360px){.cards.four{grid-template-columns:1fr}}
.ticket-row{display:grid;grid-template-columns:minmax(180px,1fr) 130px 130px 130px 38px;gap:10px;align-items:end;margin-bottom:14px}.ticket-row>button{height:41px}details{border:1px solid var(--line);border-radius:8px;padding:12px 14px}summary{cursor:pointer;font-weight:600;color:var(--green)}@media(max-width:1100px){.ticket-row{grid-template-columns:minmax(140px,1fr) 95px 100px 105px 35px}}@media(max-width:700px){.ticket-row{grid-template-columns:1fr 1fr 38px;border-bottom:1px solid var(--line);padding-bottom:15px}.ticket-row>div:first-child{grid-column:1/-1}.ticket-row>div:nth-child(4){grid-column:1/3}.ticket-row>button{grid-column:3;grid-row:3}.title>.actions{margin-top:0}}
/* First-use guidance and searchable help */
.guide-panel{margin-bottom:26px;border:1px solid #7bc9f1;background:linear-gradient(120deg,#eef8ff,#fff)}.guide-panel h2{margin:8px 0}.guide-progress{display:flex;align-items:center;gap:14px;margin:20px 0;font-size:12px;flex-wrap:wrap}.guide-progress progress{width:190px;height:9px;accent-color:var(--green)}.guide-current{background:#fff;border:1px solid var(--line);padding:22px;border-radius:12px}.guide-current p,.guide-step p,.faq-item p{line-height:1.7;max-width:850px}.guide-list{margin:18px 0}.guide-list>summary{cursor:pointer;padding:10px 0;font-weight:700}.guide-step{padding:18px 0;border-top:1px solid var(--line)}.guide-step small{display:block;margin-top:7px;color:var(--muted)}.guide-collapsed{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:22px;padding:14px 18px;background:#dff2ff;border-radius:10px}.guide-context{margin-bottom:24px}.guide-context p{line-height:1.6}.guide-context small{display:block;margin-top:12px}.faq-group{margin-top:30px}.faq-item{border-top:1px solid var(--line);padding:16px 0}.faq-item summary{cursor:pointer;font-weight:600;line-height:1.5}.faq-item[open] summary{color:var(--green)}aside nav{overflow-y:auto;min-height:0}button:focus-visible,summary:focus-visible{outline:3px solid #c88239;outline-offset:3px}@media(max-width:650px){.guide-panel .split{align-items:flex-start;gap:12px;flex-wrap:wrap}.guide-current{padding:16px}.guide-progress progress{width:100%}header .badge{display:none}.guide-step .actions{gap:8px}}
.guide-checklist{list-style:none;margin:20px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-check{display:flex;gap:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}.guide-check.done{background:#e8f6ff;border-color:#7bc9f1}.guide-check-icon{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border:1px solid #a8c9df;border-radius:50%;font-weight:700}.done .guide-check-icon{color:white;background:var(--green);border-color:var(--green)}.guide-check-body{min-width:0}.guide-state{display:block;font-size:12px;margin-top:6px;color:var(--muted)}.guide-check p{font-size:13px;line-height:1.65}.guide-check .actions{margin-top:14px;gap:8px}.guide-check .actions button{font-size:12px}.guide-check.skipped{background:#f4f9fc}.guide-context .textlink{display:block;margin-top:12px}@media(max-width:1000px){.guide-checklist{grid-template-columns:1fr}}
.price-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.gain-positive{color:#0877ba}.gain-negative{color:#a52929}.gain-zero{color:#8a5b20}.price-cell small{display:block;font-size:11px;margin-top:4px}
.editable-catalog .catalog-input{min-width:100px;width:120px;min-height:44px;background:#fff;border:1px solid #bfdced;border-radius:7px;padding:10px}.editable-catalog .catalog-name{width:220px;min-width:170px}.editable-catalog input:focus{outline:2px solid var(--green);outline-offset:1px;background:#f1faff}.editable-catalog input[aria-invalid=true]{border-color:#a52929}.catalog-status{min-height:22px;color:var(--green)}.editable-catalog td small{display:block}.editable-catalog td .textlink{display:block}.editable-catalog select{min-width:98px;min-height:44px}
.dashboard-main .card{min-width:0}.dashboard-main .emphasis .textlink{color:#fff;text-decoration:underline}.dashboard-main small{line-height:1.6}.stock-card{text-align:left;font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer}.stock-card:hover{border-color:var(--green);background:#e8f6ff}.stock-card:focus-visible{outline:3px solid var(--orange)}.stock-card .textlink{display:block;margin-top:12px}
.guide-simple{padding:20px}.guide-simple .guide-progress{margin:12px 0}.guide-simple .guide-progress progress{flex:1;max-width:none}.guide-lines{grid-template-columns:1fr!important;gap:7px;margin:12px 0}.guide-lines .guide-check{padding:10px 14px;align-items:center;gap:12px}.guide-lines .guide-check-body{flex:1}.guide-lines .guide-check-body>strong{font-size:14px}.guide-lines .done .guide-check-body>strong{text-decoration:line-through;color:#536c7f}.guide-lines .guide-check>button{flex-shrink:0;padding:8px 12px;min-height:40px;font-size:12px}.guide-how summary,.money-detail summary{cursor:pointer;color:var(--green);font-size:13px;padding:7px 0}.guide-how p,.money-detail p{line-height:1.65}.guide-lines .guide-how p{max-width:750px}.money-detail{margin:12px 0}.guide-simple>.textlink{margin-top:12px}@media(max-width:600px){.guide-lines .guide-check{padding:9px;gap:8px}.guide-lines .guide-check-icon{width:24px;height:24px}.guide-lines .guide-check>button{padding:7px}.guide-lines .guide-check-body>strong{font-size:13px}}
.help-onboarding{margin-bottom:20px}.help-onboarding>summary{cursor:pointer;font-weight:700;padding:4px}.help-onboarding .guide-panel{margin-top:18px;margin-bottom:0}
.section-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.section-nav button{border:1px solid var(--line);padding:10px 14px;background:#fff}.section-nav button.active{background:#dff2ff;border-color:#57b7e7}.alert-float{position:fixed;right:22px;bottom:24px;z-index:30;background:#9b481d;color:#fff;border:0;border-radius:28px;padding:15px 22px;font-weight:700;box-shadow:0 5px 22px #17364d30}#priceAlerts{width:min(640px,calc(100% - 24px));max-height:85vh;overflow:auto;border:0;border-radius:18px;padding:24px;color:var(--ink)}#priceAlerts::backdrop{background:#12344d66}.alert-product{margin:18px 0;border:1px solid var(--line)}.alert-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.alert-numbers strong,.alert-numbers small{display:block}.alert-numbers strong{font-size:20px;margin-top:6px}#priceAlerts summary{cursor:pointer}footer{padding-bottom:90px}@media(max-width:600px){.alert-float{right:12px;bottom:16px;font-size:13px}#priceAlerts{padding:16px}.alert-numbers strong{font-size:17px}}
#nav{display:block}#nav>button,#nav .menu-parent{width:100%;min-height:44px;margin-bottom:5px}.menu-parent{align-items:center}.menu-parent>span:first-of-type{flex:1;text-align:left}.menu-chevron{font-size:20px;line-height:1}.menu-children{margin:0 0 10px 21px;padding-left:10px;border-left:1px solid #d1e7f5}.menu-children[hidden]{display:none}.menu-children button{width:100%;min-height:40px;font-size:13px;margin:2px 0;padding:9px 10px;white-space:normal}.menu-children button.active{background:#eef8ff}#nav .menu-parent:focus-visible{outline:2px solid var(--green);outline-offset:-2px}@media(max-width:700px){aside #nav{display:block;overflow:visible;margin-top:14px}#nav svg{display:block;width:18px;height:18px}#nav .menu-parent,#nav>button{font-size:14px;white-space:normal}#nav .menu-children{margin-left:28px}#nav .menu-children button{font-size:13px}}
.debt-summary{display:flex;width:100%;justify-content:space-between;align-items:center;gap:18px;text-align:left;border:1px solid #bfdced;background:#eef8ff;color:var(--green);padding:18px 22px;border-radius:12px;margin:18px 0;font:inherit}.debt-summary.has-debt{background:#fff0ef;border-color:#efbab4;color:#9e2925}.debt-summary small{display:block;margin-top:6px}.debt-summary>strong{font-size:24px;white-space:nowrap}.debt-provider{margin-top:18px}.debt-provider>.primary{margin-top:16px}.purchase-note{display:block;white-space:normal;max-width:380px;margin-top:5px}@media(max-width:500px){.debt-summary{padding:15px;gap:10px}.debt-summary>strong{font-size:20px}}

.cards.dashboard-main.five{grid-template-columns:repeat(5,minmax(0,1fr))}.debt-card.has-debt{background:#ac302b;border-color:#ac302b;color:#fff}.debt-card.has-debt .label,.debt-card.has-debt small,.debt-card.has-debt .textlink{color:#fff}.debt-card.has-debt:hover{background:#912722;border-color:#912722}@media(max-width:1200px){.cards.dashboard-main.five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.cards.dashboard-main.five{grid-template-columns:1fr}}

.catalog-explanation{background:#fff8df;border:1px solid #e8d394;border-left:5px solid #c68b22;border-radius:12px;padding:20px;margin-bottom:20px;color:var(--ink)}.catalog-explanation>strong{font-size:18px}.catalog-explanation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-explanation p{font-size:14px;line-height:1.6}.catalog-dual-use{border-top:1px solid #e8d394;padding-top:12px;margin-bottom:0}@media(max-width:800px){.catalog-explanation-grid{grid-template-columns:1fr;gap:0}.catalog-explanation{padding:16px}}

.date-entry{display:flex;align-items:center;gap:6px;position:relative}.date-entry input[data-date]{min-width:0;flex:1}.date-entry button{padding:10px;flex-shrink:0}

/* Celeste y blanco: strong contrast on actions, red reserved for debt. */
aside{border-top:5px solid #68c7f3}header{border-top:4px solid #9bdefb}.brand .mark{background:#0877ba;box-shadow:0 3px 10px #0877ba22}.card.emphasis{background:#0877ba;border-color:#0877ba}.card.emphasis .label,.card.emphasis small{color:#fff}button.primary:hover{background:#05669f}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #0877ba;outline-offset:3px}nav button.active{background:#dff2ff;box-shadow:inset 3px 0 #149adf}.shop{border:1px solid #d3eafb}.panel{box-shadow:0 3px 14px #1379b005}input[type=checkbox],progress{accent-color:#0877ba}

.olicla-brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.olicla-logo{display:block;width:136px;height:auto;max-width:100%;object-fit:contain}.olicla-brand small{font:700 11px 'DM Sans',sans-serif;color:#0877ba;letter-spacing:.65px;margin:0}@media(max-width:700px){.olicla-brand{gap:3px}.olicla-logo{width:112px}.olicla-brand small{font-size:10px}}

.olicla-brand small{letter-spacing:.1px;white-space:nowrap;font-size:10px}

header>div{flex-wrap:wrap;gap:8px}#installHelp{width:min(92vw,480px);border:1px solid #c4e6fb;border-radius:16px;padding:24px;color:#17364d}#installHelp p{line-height:1.6}#pwaUpdate{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:30;background:#17364d;color:white;padding:16px;border-radius:12px;max-width:94vw;width:520px;box-shadow:0 4px 20px #0003}#pwaUpdate[hidden]{display:none}#pwaUpdate button{margin:10px 8px 0 0;padding:8px 12px;border-radius:6px;border:0}button[hidden]{display:none!important}@media(max-width:700px){header{height:auto;min-height:64px;padding:10px 14px;gap:8px}header>div{justify-content:flex-end}.badge{display:none}}