:root{color:#1f2328;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;min-height:44px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.48}input,select,textarea{color:#1f2328;background:#fff;border:1px solid #d8d8dd;border-radius:8px;outline:none;width:100%}input,select{height:44px;padding:0 12px}textarea{resize:vertical;min-height:96px;padding:12px}input:focus,select:focus,textarea:focus{border-color:#c1121f;box-shadow:0 0 0 3px #c1121f1f}input.field-error,select.field-error,textarea.field-error{border-color:#c1121f;box-shadow:0 0 0 3px #c1121f24}.field-error-text{color:#c1121f;margin:-2px 0 0;font-size:.82rem;font-weight:800}.app-shell{background:linear-gradient(#c1121f14,#fff0 250px),#f7f7f8;min-height:100vh}.topbar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #c1121f29;justify-content:space-between;align-items:center;gap:18px;padding:16px clamp(16px,4vw,42px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;background:#c1121f;border-radius:8px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:1.55rem;font-weight:900;display:grid}.brand-eyebrow,.section-heading p,.document-kicker{color:#c1121f;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.brand h1,.section-heading h2{margin:2px 0 0;line-height:1.1}.brand h1{font-size:clamp(1.15rem,3vw,1.7rem)}.topbar-stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.topbar-stats span{color:#555b63;white-space:nowrap;background:#fff;border:1px solid #ececef;border-radius:999px;align-items:center;gap:5px;min-height:36px;padding:7px 12px;display:inline-flex}.topbar-stats strong{color:#c1121f}.workspace{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:22px;width:min(1500px,100%);margin:0 auto;padding:22px clamp(16px,4vw,42px) 40px;display:grid}.control-panel{scrollbar-gutter:stable;background:#fff;border:1px solid #ececef;border-radius:8px;align-self:start;gap:18px;max-height:calc(100vh - 112px);padding:18px;display:grid;position:sticky;top:92px;overflow-y:auto;box-shadow:0 18px 38px #28283714}.panel-section{gap:8px;display:grid}.panel-section label,.field-label,.compact-field span{color:#555b63;font-size:.84rem;font-weight:800}.search-field{position:relative}.search-field svg{color:#8a8f98;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field input{padding-left:40px}.category-tabs{flex-wrap:wrap;gap:8px;display:flex}.category-tabs button{color:#555b63;background:#fff;border:1px solid #e1e2e6;min-height:36px;padding:0 12px}.category-tabs button.active{color:#fff;background:#c1121f;border-color:#c1121f}.actions{gap:10px;display:grid}.action-note{color:#737982;grid-column:1/-1;margin:-2px 2px 0;font-size:.8rem;font-weight:800;line-height:1.35}.primary,.secondary{justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.primary{color:#fff;background:#c1121f}.primary:hover:not(:disabled){background:#a70f1a}.secondary{color:#2e333a;background:#fff;border:1px solid #e1e2e6}.secondary:hover:not(:disabled){color:#c1121f;border-color:#c1121f}.small{min-height:38px}.print-action{background:#262a31}.print-action:hover:not(:disabled){background:#111318}.whatsapp-action{color:#fff;background:#1fa855;justify-content:center;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.whatsapp-action:hover:not(:disabled){background:#168543}.status-message{color:#80202a;background:#fff4f5;border-left:4px solid #c1121f;border-radius:6px;padding:10px 12px;font-size:.9rem;font-weight:700}.products-area,.preview-panel{min-width:0}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.section-heading h2{font-size:clamp(1.45rem,3vw,2.1rem)}.section-heading>span{color:#737982;font-weight:800}.state-box{color:#555b63;background:#fff;border:1px dashed #d8d8dd;border-radius:8px;padding:22px;font-weight:800}.state-box.error{color:#a70f1a;border-color:#c1121f}.category-group{margin-bottom:26px}.category-heading{color:#c1121f;align-items:center;gap:8px;margin-bottom:10px;display:flex}.category-heading h3{color:#262a31;margin:0;font-size:1.05rem}.category-heading span{color:#c1121f;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:.82rem;font-weight:900;display:inline-flex}.product-list{gap:10px;display:grid}.product-row{background:#fff;border:1px solid #ececef;border-radius:8px;grid-template-columns:minmax(220px,1fr) minmax(238px,.42fr);align-items:end;gap:12px;padding:14px;display:grid;box-shadow:0 8px 22px #2828370a}.product-row.selected{border-color:#c1121f7a;box-shadow:0 8px 24px #c1121f1c}.product-info{min-width:0}.product-code{color:#555b63;background:#f1f2f4;border-radius:6px;margin-bottom:4px;padding:4px 7px;font-size:.78rem;font-weight:900;display:inline-flex}.product-info h4{overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.25}.order-controls{grid-template-columns:minmax(132px,1fr) 96px;align-items:end;gap:12px;display:grid}.compact-field{gap:6px;display:grid}.quantity-control{background:#fff;border:1px solid #d8d8dd;border-radius:8px;grid-template-columns:minmax(0,1fr) 34px;display:grid;overflow:hidden}.quantity-control:focus-within{border-color:#c1121f;box-shadow:0 0 0 3px #c1121f1f}.quantity-control input{height:44px;box-shadow:none;border:0;border-radius:0}.quantity-buttons{border-left:1px solid #d8d8dd;display:grid}.quantity-buttons button{color:#2e333a;background:#f6f6f7;border-radius:0;place-items:center;height:22px;min-height:22px;padding:0;display:grid}.quantity-buttons button+button{border-top:1px solid #d8d8dd}.quantity-buttons button:hover{color:#c1121f;background:#fff0f1}.preview-panel{background:#fff;border:1px solid #ececef;border-radius:8px;width:min(1050px,100% - 32px);margin:0 auto 48px;padding:14px;box-shadow:0 18px 38px #28283714}.preview-actions{justify-content:flex-end;margin-bottom:8px;display:flex}.admin-panel{background:#fff;border:1px solid #ececef;border-radius:8px;width:min(1280px,100% - 32px);margin:0 auto 48px;padding:22px;box-shadow:0 18px 38px #28283714}.admin-login{grid-template-columns:auto minmax(160px,220px) minmax(180px,1fr) auto;align-items:center;gap:12px;display:grid}.admin-login label,.admin-add-form span,.admin-product-row span,.admin-code span{color:#555b63;font-size:.82rem;font-weight:900}.admin-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.import-button{cursor:pointer;min-height:44px}.import-button input{display:none}.admin-add-form{background:#fbfbfc;border:1px solid #ececef;border-radius:8px;grid-template-columns:110px minmax(220px,1fr) minmax(180px,.7fr) 110px auto;align-items:end;gap:12px;padding:14px;display:grid}.admin-add-form label,.admin-product-row label,.admin-code{gap:6px;display:grid}.admin-list{gap:8px;max-height:min(62vh,720px);margin-top:16px;padding-right:4px;display:grid;overflow:auto}.admin-product-row{background:#fff;border:1px solid #ececef;border-radius:8px;grid-template-columns:88px minmax(220px,1fr) minmax(180px,.7fr) 110px 92px;align-items:end;gap:12px;padding:12px;display:grid}.admin-product-row.hidden-product{color:#737982;background:#f6f6f7}.admin-checkbox{grid-template-columns:auto 1fr;align-content:center;gap:8px;min-height:44px}.admin-checkbox input{width:18px;height:18px}.document{color:#111318;background:#fff;font-size:8pt;line-height:1.1}.document-header{border-bottom:2px solid #c1121f;justify-content:space-between;gap:10px;padding-bottom:8px;display:flex}.document-header h2{margin:2px 0 0;font-size:14pt}.document-meta{text-align:right;align-content:start;gap:4px;display:grid}.document-meta span,.document-customer span,.document-notes span{color:#666c75;text-transform:uppercase;font-size:7pt;font-weight:900}.document-customer{border:1px solid #d8d8dd;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);gap:8px;margin:8px 0;padding:8px;display:grid}.document-customer>div{gap:6px;display:grid}.document-customer strong{font-size:8.5pt}.order-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;display:grid}.order-table{border-collapse:collapse;table-layout:fixed;width:100%}.order-col-product{width:auto}.order-col-quantity{width:42px}.order-col-unit{width:38px}.order-col-notes{width:auto}.order-table th,.order-table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border:1px solid #c9cbd1;padding:3px 4px}.order-table th{text-transform:uppercase;background:#f1f2f4;font-size:7pt}.order-category-row td{color:#c1121f;text-transform:uppercase;background:#fff2f3;font-size:7pt;font-weight:900}.order-table th:nth-child(2),.order-table th:nth-child(3),.order-table td:nth-child(2),.order-table td:nth-child(3){text-align:center}.table-code{color:#666c75;margin-right:8px;font-weight:900;display:inline-block}.table-note{color:#666c75;margin-top:2px;font-size:6.5pt;font-weight:700;display:block}.empty-document{color:#666c75;border:1px dashed #c9cbd1;border-radius:8px;padding:10px;font-weight:800}.document-notes{grid-template-columns:1fr;gap:0;margin-top:8px;display:grid}.document-notes p{white-space:pre-wrap;border:1px solid #c9cbd1;border-radius:8px;margin:5px 0 0;padding:5px}.print-only{display:none}@media (width<=1080px){.workspace{grid-template-columns:1fr}.control-panel{max-height:none;position:static;overflow:visible}.actions{grid-template-columns:repeat(2,minmax(0,1fr))}.product-row{grid-template-columns:minmax(220px,1fr) minmax(238px,.58fr)}}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start}.topbar-stats{justify-content:flex-start}.workspace{padding-top:16px}.actions{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}.category-tabs{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.category-tabs button{flex:none}.product-row{grid-template-columns:1fr}.product-info,.order-controls{grid-column:1/-1}.order-controls{grid-template-columns:minmax(0,1fr) minmax(86px,.4fr);gap:8px}.document-header,.document-customer,.document-notes,.order-columns{grid-template-columns:1fr}.document-header{display:grid}.document-meta{text-align:left}.preview-panel,.admin-panel{padding:16px}.admin-login,.admin-add-form,.admin-product-row{grid-template-columns:1fr}}@media (width<=460px){.brand-mark{flex-basis:42px;width:42px;height:42px}.product-row{grid-template-columns:1fr}}@media print{@page{margin:8mm;size:A4}:root,body{background:#fff}.screen-only{display:none!important}.print-only{display:block!important}.document{font-size:8pt;line-height:1.1}.document-header{border-bottom-width:2px;gap:10px;padding-bottom:8px}.document-header h2{font-size:14pt}.document-customer{border-radius:0;grid-template-columns:1fr .55fr;gap:10px;margin:8px 0;padding:8px}.document-customer strong{font-size:8.5pt}.document-meta span,.document-customer span,.document-notes span,.order-table th{font-size:7pt}.order-table th,.order-table td{padding:3px 4px}.order-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.order-table th:nth-child(2),.order-table th:nth-child(3),.order-table td:nth-child(2),.order-table td:nth-child(3){width:40px}.order-table tr{break-inside:avoid}.document-notes{grid-template-columns:1fr;gap:0;margin-top:8px}.document-notes p{min-height:auto;margin-top:5px;padding:5px}}