:root{color-scheme:light;--primary-color: #2563eb;--primary-dark: #1d4ed8;--secondary-color: #0f766e;--success-color: #16a34a;--danger-color: #dc2626;--warning-color: #f59e0b;--info-color: #0284c7;--text-color: #0f172a;--muted-color: #64748b;--text-secondary: #475569;--bg-color: #e9eef5;--surface-color: #ffffff;--surface-elevated: #ffffff;--surface-muted: #f1f5f9;--input-bg: #ffffff;--hover-bg: #eef2f7;--border-color: #cbd5e1;--toolbar-bg: rgba(255, 255, 255, .96);--danger-soft: #fff1f2;--danger-border: #fecdd3;--warning-soft: #fffbeb;--shadow: 0 12px 28px rgba(15, 23, 42, .12)}:root[data-theme=dark]{color-scheme:dark;--primary-color: #3b82f6;--primary-dark: #60a5fa;--secondary-color: #2dd4bf;--success-color: #4ade80;--danger-color: #f87171;--warning-color: #fbbf24;--info-color: #38bdf8;--text-color: #f1f5f9;--muted-color: #a8b4c5;--text-secondary: #cbd5e1;--bg-color: #0b1220;--surface-color: #151f2e;--surface-elevated: #1b2738;--surface-muted: #111a28;--input-bg: #0f1928;--hover-bg: #223044;--border-color: #3a4a60;--toolbar-bg: rgba(21, 31, 46, .96);--danger-soft: #3a1720;--danger-border: #7f1d2d;--warning-soft: #352812;--shadow: 0 14px 32px rgba(0, 0, 0, .32)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.5}.catalog-public{min-height:100vh;background:linear-gradient(180deg,rgba(37,99,235,.06),transparent 28rem),linear-gradient(180deg,#f8fafc,#fff 52%,#eefcf8);color:var(--text-color);padding:22px}.catalog-status,.catalog-expired{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}.catalog-expired{background:#fff}.catalog-expired h1{color:var(--primary-dark);margin-bottom:10px}.catalog-topbar{max-width:1180px;margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0 18px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.catalog-kicker,.catalog-product-body span,.catalog-cart-header span,.catalog-checkout header span,.catalog-checkout footer span{color:var(--primary-dark);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0}.catalog-topbar h1{font-size:42px;line-height:1;margin:6px 0 10px;color:#171923}.catalog-brand{display:flex;align-items:center;gap:14px;min-width:0}.catalog-brand img{width:82px;height:82px;object-fit:contain;flex:0 0 auto}.catalog-brand p{font-size:18px;font-weight:800;color:#171923;margin-top:4px}.catalog-session-tools{display:flex;align-items:center;gap:10px}.catalog-session-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;color:var(--secondary-color)}.catalog-cart-button{width:48px;height:48px;border-radius:999px;border:1px solid rgba(37,99,235,.22);background:var(--primary-color);color:#fff;display:grid;place-items:center;position:relative;cursor:pointer;box-shadow:0 14px 28px #2563eb2e}.catalog-cart-button span{position:absolute;top:-5px;right:-5px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--secondary-color);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900;border:2px solid #fff}.catalog-topbar p{max-width:640px;color:#4b5563}.catalog-whatsapp,.catalog-primary,.catalog-secondary,.catalog-cart-actions button,.catalog-checkout footer button{border:0;border-radius:8px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;text-decoration:none;cursor:pointer}.catalog-whatsapp{background:var(--secondary-color);color:#fff;padding:0 16px;white-space:nowrap}.catalog-category-tabs{max-width:1180px;margin:0 auto 20px;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.catalog-category-tabs button{border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:999px;min-height:38px;padding:0 15px;font-weight:700;white-space:nowrap;cursor:pointer}.catalog-category-tabs button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.catalog-layout{max-width:1180px;margin:0 auto;display:block}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px}.catalog-product,.catalog-cart,.catalog-success,.catalog-checkout form{background:#fffffff0;border:1px solid rgba(148,163,184,.28);border-radius:8px;box-shadow:0 18px 50px #0f172a14}.catalog-product{overflow:hidden}.catalog-product-image{aspect-ratio:4 / 3;background:#f3f4f6}.catalog-product-image img{width:100%;height:100%;object-fit:cover;display:block}.catalog-product-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:34px;font-weight:900}.catalog-product-body{padding:14px 14px 10px}.catalog-product-body h2{font-size:20px;margin:6px 0}.catalog-product-body p{min-height:48px;color:#4b5563;font-size:14px}.catalog-product-body strong{display:inline-block;margin-top:10px;color:var(--secondary-color)}.catalog-variants{padding:0 14px 14px;display:grid;gap:8px}.catalog-variants button{min-height:46px;padding:8px 10px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;cursor:pointer;color:#111827}.catalog-variants button span{text-align:left;font-weight:700}.catalog-variants button strong{color:var(--primary-dark)}.catalog-cart{padding:16px}.catalog-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0f172a75;display:grid;place-items:start end;padding:18px}.catalog-cart-dialog{width:min(390px,100%);max-height:calc(100vh - 36px);overflow:auto}.catalog-close{width:38px;height:38px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;display:grid;place-items:center;cursor:pointer}.catalog-cart-header,.catalog-cart-total,.catalog-checkout header,.catalog-checkout footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog-empty{color:#6b7280;padding:22px 0}.catalog-cart-items{display:grid;gap:12px;margin:18px 0}.catalog-cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid #eef2f7}.catalog-cart-item strong,.catalog-cart-item span,.catalog-cart-item small{display:block}.catalog-cart-item span,.catalog-cart-item small{color:#6b7280}.catalog-stepper{display:grid;grid-template-columns:32px 30px 32px;align-items:center;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.catalog-stepper button{border:0;background:#fff;min-height:32px;cursor:pointer}.catalog-stepper span{text-align:center;font-weight:800}.catalog-cart-total{border-top:1px solid #e5e7eb;padding-top:14px;margin-top:8px}.catalog-cart-total strong{color:var(--primary-dark);font-size:22px}.catalog-cart-actions{display:grid;grid-template-columns:110px 1fr;gap:10px;margin-top:14px}.catalog-primary,.catalog-checkout footer button{background:var(--primary-color);color:#fff}.catalog-secondary{background:#f3f4f6;color:#1f2937}.catalog-primary:disabled,.catalog-secondary:disabled,.catalog-checkout footer button:disabled{opacity:.55;cursor:not-allowed}.catalog-success{max-width:1180px;margin:0 auto 18px;padding:18px;border-color:#0f766e40}.catalog-success h2{color:var(--secondary-color)}.catalog-checkout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f172a8a;display:grid;place-items:center;padding:18px}.catalog-checkout form{width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:18px;display:grid;gap:14px}.catalog-checkout header button{width:40px;height:40px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer}.catalog-checkout label{display:grid;gap:6px;color:#374151;font-weight:700}.catalog-checkout input,.catalog-checkout select,.catalog-checkout textarea{min-height:42px;border:1px solid #d1d5db;border-radius:8px;padding:9px 11px;font:inherit}.catalog-checkout textarea{min-height:88px;resize:vertical}.catalog-segmented,.catalog-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalog-segmented{padding:4px;background:#f3f4f6;border-radius:8px}.catalog-segmented button{min-height:40px;border:0;border-radius:7px;background:transparent;font-weight:800;cursor:pointer}.catalog-segmented button.active{background:#fff;color:var(--primary-dark);box-shadow:0 1px 8px #0f172a14}.catalog-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-checkout footer{border-top:1px solid #e5e7eb;padding-top:14px}.catalog-checkout footer strong{display:block;font-size:24px;color:var(--primary-dark)}.catalog-checkout footer button{padding:0 18px}@media (max-width: 640px){.catalog-public{padding:14px}.catalog-topbar{align-items:center}.catalog-brand img{width:64px;height:64px}.catalog-brand p{font-size:15px}.catalog-session-name{display:none}.catalog-grid,.catalog-address-grid,.catalog-form-row{grid-template-columns:1fr}.catalog-cart-actions,.catalog-checkout footer{grid-template-columns:1fr}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));padding:20px}.login-box{background:#fff;border-radius:8px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 40px #0003}.login-box h1{color:var(--primary-color);font-size:32px;margin-bottom:10px;text-align:center}.login-box .subtitle{color:var(--text-color);text-align:center;margin-bottom:30px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1f}.form-group input:disabled,.form-group select:disabled{background-color:var(--bg-color);cursor:not-allowed}.error-message{background-color:#fee;color:var(--danger-color);padding:12px;border-radius:6px;margin-bottom:20px;border-left:4px solid var(--danger-color)}.btn-primary,.btn-secondary,.btn-icon,.btn-small,.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary:disabled,.btn-icon:disabled,.logout-btn:disabled{cursor:not-allowed;opacity:.48}.btn-secondary{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#f3f4f6}.btn-icon{padding:8px;background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-icon:hover{background-color:var(--bg-color);border-color:var(--primary-color)}.btn-icon.btn-danger{color:var(--danger-color)}.btn-icon.btn-danger:hover{background-color:#fee}.btn-small{padding:6px 12px;font-size:12px}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#dc2626}.app-container{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,var(--primary-color),var(--primary-dark));color:#fff;padding:30px 20px;overflow-y:auto}.sidebar-header{margin-bottom:40px}.sidebar-header h1{font-size:24px;margin-bottom:5px}.sidebar-header p{font-size:12px;opacity:.8}.nav-menu{list-style:none}.nav-item{margin-bottom:10px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#fff;background:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;width:100%;text-align:left}.nav-link:hover{background-color:#ffffff1a}.nav-link.active{background-color:#fff3;font-weight:600}.user-section{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.user-info{margin-bottom:15px}.user-info p{font-size:12px;opacity:.8;margin-bottom:4px}.user-info strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{width:100%;padding:10px 12px;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}.logout-btn:hover{background-color:#ffffff4d;border-color:#ffffff80}.main-content{flex:1;display:flex;flex-direction:column}.header{background:#fff;border-bottom:1px solid var(--border-color);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.header h2{font-size:24px;color:var(--text-color)}.license-renewal-cta{display:grid;justify-items:end;gap:4px;min-width:190px}.license-renewal-cta small{color:#6b7280;font-size:12px;line-height:1.35;text-align:right}.license-role-notice{min-height:42px;display:flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--warning-color) 48%,var(--border-color));border-radius:8px;background:var(--warning-soft);color:var(--text-color);font-size:12px;font-weight:700}.license-role-notice svg{flex:0 0 auto;color:var(--warning-color)}.license-role-notice span,.license-role-notice small{display:block}.license-role-notice small{color:var(--muted-color);font-size:11px;font-weight:500}.content{flex:1;overflow-y:auto;padding:40px}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:2px solid var(--border-color);padding-bottom:20px}.tab-header h2{font-size:20px;color:var(--text-color)}.form-section{background:#fff;border-radius:8px;padding:25px;margin-bottom:30px;box-shadow:var(--shadow)}.form-section h3{margin-bottom:20px;font-size:16px;color:var(--text-color)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group.full-width{grid-column:1 / -1}.form-row{display:flex;gap:10px}.form-row input,.form-row select{flex:1}.form-actions{display:flex;gap:10px}.table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}thead{background-color:var(--bg-color);border-bottom:2px solid var(--border-color)}th{padding:15px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;color:var(--text-color)}td{padding:15px;border-bottom:1px solid var(--border-color)}td small{display:block;margin-top:4px;color:#64748b;font-size:12px}tbody tr:hover{background-color:var(--bg-color)}tbody tr.row-warning{background-color:#fffbeb}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.table-input{width:min(120px,100%);padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font:inherit}.stock-reason-panel{margin-top:16px}.autocomplete-menu{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px;background:#fff;box-shadow:0 12px 28px #11182729}.autocomplete-menu button{width:100%;border:0;background:transparent;padding:10px 12px;display:flex;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;color:var(--text-color)}.autocomplete-menu button:hover{background:var(--bg-color)}.autocomplete-menu span,.autocomplete-empty{color:#64748b;font-size:12px}.autocomplete-empty{padding:10px 12px}.alert{display:flex;align-items:center;gap:12px;padding:15px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-warning{background-color:#fef3c7;color:#92400e;border-left:4px solid var(--warning-color)}.alert-danger{background-color:#fee2e2;color:#7f1d1d;border-left:4px solid var(--danger-color)}.alert ul{margin:6px 0 0 18px}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.badge-success{background-color:#d1fae5;color:#065f46}.badge-danger{background-color:#fee2e2;color:#7f1d1d}.badge-warning{background-color:#fef3c7;color:#92400e}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1118278c;display:grid;place-items:center;z-index:50;padding:20px}.modal-card{width:min(760px,100%);max-height:92vh;overflow:auto;border-radius:8px;border:1px solid var(--border-color);background:#fff;padding:20px;box-shadow:0 24px 70px #11182738}.modal-card-sm{width:min(520px,100%)}.license-modal-overlay{z-index:80}.license-modal{border-top:4px solid var(--warning-color)}.checks-modal-danger{border-top:4px solid var(--danger-color)}.checks-modal-warning{border-top:4px solid var(--warning-color)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.modal-header h3{font-size:18px;color:var(--text-color);margin-bottom:4px}.muted,.small-hint{color:#6b7280;font-size:13px}.license-modal-copy{display:grid;gap:8px;margin:8px 0 14px}.license-modal-copy p{margin:0}.btn-inline{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:14px}.btn-inline:hover{border-color:var(--primary-color)}.modal-form{display:grid;gap:12px}.modal-form label{display:grid;gap:8px;font-size:14px;font-weight:500}.modal-form input,.modal-form select,.modal-form textarea{min-height:120px;resize:vertical;width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:inherit}.modal-form input,.modal-form select{min-height:42px;resize:none}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1f}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.sidebar-actions{display:grid;gap:8px}.settings-modal{width:min(920px,100%)}.settings-tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.settings-tabs button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#64748b;padding:10px 12px;font-weight:700;cursor:pointer;border-bottom:3px solid transparent}.settings-tabs button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.ingredient-details-modal{width:min(1040px,100%)}.ingredient-details-grid{display:grid;gap:16px}.lot-entry-panel{border:1px solid var(--border-color);border-radius:8px;padding:14px;background:#fbfdff}.lot-entry-panel h4{margin-bottom:12px;font-size:15px}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:12px}.details-table{box-shadow:none;border:1px solid var(--border-color)}.usage-panel{display:grid;gap:16px}.usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.usage-stats>div{min-height:92px;border:1px solid var(--border-color);border-radius:8px;padding:14px;background:#fbfdff;display:grid;align-content:center;gap:6px}.usage-stats svg{color:var(--primary-color)}.usage-stats strong{color:var(--text-color);font-size:18px}.usage-stats span{color:#64748b;font-size:12px}.settings-users{display:grid;gap:18px}.order-production-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px;color:#475569;font-size:.8125rem}.order-production-meta span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:4px 9px}.delivery-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.delivery-summary>div{min-height:92px;border:1px solid var(--border-color);border-radius:8px;background:#fff;box-shadow:var(--shadow);padding:16px;display:grid;align-content:center;gap:4px}.delivery-summary svg{color:var(--primary-color)}.delivery-summary strong{font-size:24px;color:var(--text-color)}.delivery-summary span{color:#64748b;font-size:13px}.delivery-list{display:grid;gap:16px}.delivery-card{border:1px solid var(--border-color);border-radius:8px;background:#fff;box-shadow:var(--shadow);padding:18px;display:grid;gap:14px}.delivery-card header,.delivery-card footer{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.delivery-card h3{margin-top:8px;font-size:20px}.delivery-card header>strong{font-size:18px;white-space:nowrap}.delivery-details,.delivery-items{display:grid;gap:8px}.delivery-details span{display:flex;align-items:flex-start;gap:8px;color:#475569;font-size:14px}.delivery-details svg{flex:0 0 auto;color:#64748b;margin-top:2px}.delivery-items{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:12px 0;color:#334155;font-size:14px}.deliveries-finished-modal{width:min(980px,100%)}.empty-state{color:#64748b;text-align:center;padding:26px;border:1px dashed var(--border-color);border-radius:8px;background:#fff}button,a,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,235,.2);outline-offset:2px}.login-container{background:linear-gradient(180deg,rgba(37,99,235,.06),transparent 38%),var(--bg-color)}.login-box{border:1px solid var(--border-color);box-shadow:var(--shadow)}.login-brand{display:grid;place-items:center;margin-bottom:18px}.login-brand img{width:132px;max-width:70%;max-height:86px;object-fit:contain}.login-box h1{color:var(--text-color);font-size:26px;line-height:1.2}.login-box .subtitle{color:var(--muted-color)}.form-group input,.form-group select,.form-group textarea,.table-input,.modal-form input,.modal-form select,.modal-form textarea,.entity-form input,.entity-form select,.entity-form textarea,.form-modal input,.form-modal select,.form-modal textarea{min-height:42px;border-color:var(--border-color);border-radius:8px;color:var(--text-color);background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus,.entity-form input:focus,.entity-form select:focus,.entity-form textarea:focus,.form-modal input:focus,.form-modal select:focus,.form-modal textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1f}.error-message{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid var(--danger-color);color:#991b1b}.btn-primary,.btn-secondary,.btn-icon,.btn-small,.btn-danger,.logout-btn{min-height:40px;border-radius:8px;justify-content:center}.btn-primary{background:var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:none;box-shadow:0 8px 18px #2563eb2e}.btn-secondary{background:#fff}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-danger{background:var(--danger-color)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-icon{width:40px;height:40px;padding:0}.btn-icon.btn-danger,.btn-icon.danger{color:var(--danger-color);border-color:#fecaca}.btn-icon.btn-danger:hover,.btn-icon.danger:hover{background:#fef2f2}.app-container{min-height:100vh;background:var(--bg-color)}.sidebar{width:280px;min-width:280px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;gap:18px;background:var(--surface-color);color:var(--text-color);border-right:1px solid var(--border-color);padding:22px 16px}.sidebar-header{margin-bottom:8px}.sidebar-brand{min-height:86px;display:flex;align-items:center;justify-content:center;padding:8px}.sidebar-brand img{width:172px;max-width:100%;max-height:78px;object-fit:contain}.nav-menu{display:grid;gap:6px}.nav-item{margin:0}.nav-link{min-height:44px;color:#334155;border:1px solid transparent;border-radius:8px;font-weight:600}.nav-link:hover{background:#f8fafc;border-color:var(--border-color)}.nav-link.active{background:#eff6ff;border-color:#bfdbfe;color:var(--primary-dark);font-weight:700}.user-section{margin-top:auto;border-top:1px solid var(--border-color)}.user-info p{color:var(--muted-color);opacity:1}.user-info strong{color:var(--text-color)}.logout-btn{background:#fff;color:#334155;border:1px solid var(--border-color)}.logout-btn:hover{background:#f8fafc;border-color:#cbd5e1}.main-content{min-width:0}.header{position:sticky;top:0;z-index:25;min-height:74px;background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:none}.header h2{font-size:24px;font-weight:700}.content{padding:32px}.tab-header{gap:16px;margin-bottom:24px;border-bottom:1px solid var(--border-color)}.tab-header h2{font-size:22px;font-weight:700}.form-section,.table-container,.delivery-summary>div,.delivery-card,.usage-stats>div,.lot-entry-panel{border:1px solid var(--border-color);box-shadow:0 8px 20px #0f172a0d}.table-container{overflow-x:auto}thead{background:#f8fafc}th{color:#475569;letter-spacing:0}td{color:#1e293b}tbody tr:hover{background:#f8fafc}.badge{border-radius:999px}.modal-overlay{background:#0f172a85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{border-radius:8px;box-shadow:0 28px 80px #0f172a47}.form-modal{width:min(860px,100%);display:grid;gap:18px}.product-form-modal,.order-form-modal,.purchase-form-modal{width:min(1120px,100%)}.entity-form,.form-modal{color:var(--text-color)}.entity-form{display:grid;gap:18px}.form-modal .form-grid,.entity-form .form-grid{margin-bottom:0}.form-modal textarea,.entity-form textarea{resize:vertical}.form-modal .form-actions,.entity-form .form-actions{border-top:1px solid var(--border-color);padding-top:16px;justify-content:flex-end}.split-actions{align-items:center;justify-content:space-between!important;gap:16px;flex-wrap:wrap}.modal-action-group{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.confirm-dialog-overlay{z-index:90}.confirm-dialog{border-top:4px solid var(--warning-color)}.confirm-dialog.confirm-danger{border-top-color:var(--danger-color)}.confirm-dialog-title{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start}.confirm-dialog-title>span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#fff7ed;color:#c2410c}.confirm-danger .confirm-dialog-title>span{background:#fef2f2;color:var(--danger-color)}.loading{text-align:center;padding:40px;font-size:16px;color:#6b7280}.tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body,.app-container,.main-content,.content{background:var(--bg-color);color:var(--text-color)}body,.sidebar,.header,.form-section,.table-container,.modal-card,.delivery-card,.delivery-summary>div,.usage-stats>div,input,select,textarea,button{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.header{background:var(--toolbar-bg)}.form-section,.table-container,.modal-card,.delivery-summary>div,.delivery-card,.usage-stats>div,.lot-entry-panel,.empty-state,.login-box{background:var(--surface-color);border-color:var(--border-color)}thead,.lot-entry-panel,.usage-stats>div,.order-production-meta span{background:var(--surface-muted)}th,td,.delivery-details span,.delivery-items,.order-production-meta{color:var(--text-secondary)}td strong,.delivery-card h3,.delivery-card header>strong{color:var(--text-color)}td small,.muted,.small-hint,.usage-stats span,.delivery-summary span,.empty-state,.loading,.license-renewal-cta small,.autocomplete-menu span,.autocomplete-empty{color:var(--muted-color)}tbody tr:hover{background:var(--hover-bg)}tbody tr.row-warning{background:var(--warning-soft)}.form-group input,.form-group select,.form-group textarea,.table-input,.modal-form input,.modal-form select,.modal-form textarea,.entity-form input,.entity-form select,.entity-form textarea,.form-modal input,.form-modal select,.form-modal textarea{background:var(--input-bg);border-color:var(--border-color);color:var(--text-color)}.form-group input:disabled,.form-group select:disabled,.form-modal input:disabled,.form-modal select:disabled{background:var(--surface-muted);color:var(--muted-color)}input::placeholder,textarea::placeholder{color:var(--muted-color);opacity:.85}.btn-secondary,.btn-icon,.logout-btn,.btn-inline{background:var(--surface-elevated);color:var(--text-color);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled),.btn-icon:hover,.logout-btn:hover,.btn-inline:hover{background:var(--hover-bg);border-color:var(--primary-color)}.autocomplete-menu{background:var(--surface-elevated)}.autocomplete-menu button:hover{background:var(--hover-bg)}.settings-tabs button{color:var(--muted-color)}.nav-link{color:var(--text-secondary)}.nav-link:hover{background:var(--hover-bg)}.nav-link.active{background:color-mix(in srgb,var(--primary-color) 16%,var(--surface-color));border-color:color-mix(in srgb,var(--primary-color) 42%,var(--border-color));color:var(--primary-dark)}.error-message{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger-color)}.success-message{margin-bottom:16px;padding:12px;border:1px solid color-mix(in srgb,var(--success-color) 42%,var(--border-color));border-left:4px solid var(--success-color);border-radius:8px;background:color-mix(in srgb,var(--success-color) 10%,var(--surface-color));color:var(--success-color)}.app-toolbar{min-height:64px;padding:10px 32px;justify-content:space-between;gap:20px}.toolbar-title{min-width:0;display:flex;align-items:center;gap:12px}.toolbar-title h1{color:var(--text-color);font-size:24px;font-weight:700;line-height:1.2}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.toolbar-badge{min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--danger-color);color:#fff;font-size:11px;font-weight:700}.inbox-mobile-nav{display:none}.whatsapp-inbox{position:fixed;top:0;right:0;z-index:75;width:min(920px,calc(100vw - 80px));height:100vh;display:flex;flex-direction:column;border-left:1px solid var(--border-color);background:var(--surface-color);box-shadow:-20px 0 60px #0f172a38;transform:translate(105%);visibility:hidden;transition:transform .18s ease,visibility .18s ease}.whatsapp-inbox.open{transform:translate(0);visibility:visible}.inbox-header{min-height:72px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-color)}.inbox-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:18px}.inbox-header p{margin:3px 0 0;color:var(--muted-color);font-size:12px}.inbox-queues{padding:10px 14px;display:flex;gap:8px;border-bottom:1px solid var(--border-color);overflow-x:auto}.inbox-queues button{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--border-color);border-radius:9px;background:var(--surface-muted);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.inbox-queues button.active{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-color));color:var(--primary-color)}.inbox-queues span{min-width:20px;padding:2px 5px;border-radius:999px;background:var(--border-color);text-align:center;font-size:11px}.inbox-error{margin:10px 14px 0}.inbox-body{min-height:0;flex:1;display:grid;grid-template-columns:260px minmax(0,1fr)}.inbox-conversations{overflow-y:auto;border-right:1px solid var(--border-color);background:var(--surface-muted)}.inbox-conversations>button{position:relative;width:100%;padding:13px 40px 13px 14px;display:grid;gap:3px;border:0;border-bottom:1px solid var(--border-color);background:transparent;color:var(--text-color);text-align:left;cursor:pointer}.inbox-conversations>button.active{background:var(--surface-color);box-shadow:inset 3px 0 var(--primary-color)}.inbox-conversations span,.inbox-conversations small{color:var(--muted-color);font-size:12px}.inbox-conversations b{position:absolute;top:14px;right:12px;min-width:20px;padding:3px 6px;border-radius:999px;background:var(--primary-color);color:#fff;font-size:11px;text-align:center}.inbox-thread{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg-color)}.inbox-thread-empty{margin:auto;max-width:280px;display:grid;justify-items:center;gap:10px;color:var(--muted-color);text-align:center}.inbox-contact{padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-color);background:var(--surface-color)}.inbox-contact strong,.inbox-contact span{display:block}.inbox-contact span{margin-top:2px;color:var(--muted-color);font-size:12px}.inbox-contact-actions{display:flex;gap:6px}.inbox-messages{min-height:0;flex:1;padding:18px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.inbox-message{max-width:78%;padding:9px 11px;border:1px solid var(--border-color);border-radius:12px 12px 12px 3px;background:var(--surface-color);white-space:pre-wrap}.inbox-message.outbound{align-self:flex-end;border-radius:12px 12px 3px;border-color:color-mix(in srgb,var(--primary-color) 28%,var(--border-color));background:color-mix(in srgb,var(--primary-color) 9%,var(--surface-color))}.inbox-message p{margin:0;line-height:1.45}.inbox-message small{display:block;margin-top:5px;color:var(--muted-color);font-size:10px}.inbox-thread-action,.inbox-composer{padding:12px 16px;border-top:1px solid var(--border-color);background:var(--surface-color)}.inbox-thread-action{display:flex;justify-content:flex-end}.inbox-composer textarea{width:100%;min-height:78px;padding:10px 12px;border:1px solid var(--border-color);border-radius:9px;background:var(--surface-color);color:var(--text-color);resize:vertical}.inbox-composer>div{margin-top:8px;display:flex;justify-content:space-between;gap:10px}.theme-toggle{white-space:nowrap}.sidebar-greeting{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:8px 10px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-muted);color:var(--text-secondary)}.sidebar-greeting span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-greeting strong{color:var(--text-color)}.sidebar-greeting .btn-icon{min-width:36px;width:36px;height:36px;min-height:36px}.sidebar-mobile-actions{display:none}.filter-bar{min-width:0;flex:1;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.filter-panel{margin-bottom:16px;padding:14px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color)}.filter-field,.quick-filter-group{display:grid;gap:6px}.filter-field{min-width:165px}.filter-field-grow{flex:1 1 260px}.filter-field span,.quick-filter-group>span{color:var(--text-secondary);font-size:12px;font-weight:700}.filter-field input,.filter-field select{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--border-color);border-radius:8px;background:var(--input-bg);color:var(--text-color)}.quick-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.quick-filters button{min-height:38px;padding:7px 12px;border:1px solid var(--border-color);border-radius:999px;background:var(--surface-elevated);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:700}.quick-filters button:hover{border-color:var(--primary-color);background:var(--hover-bg)}.quick-filters button.active{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 14%,var(--surface-color));color:var(--primary-dark)}.pagination{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:8px 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);color:var(--muted-color);font-size:13px}.pagination>div{display:flex;gap:8px}.pagination .btn-icon:disabled{cursor:not-allowed;opacity:.45}.mobile-menu-toggle,.mobile-menu-close,.mobile-nav-backdrop{display:none}:root[data-theme=dark] .btn-primary:hover:not(:disabled){background:#2563eb}:root[data-theme=dark] .alert-warning,:root[data-theme=dark] .badge-warning{background:#3b2f12;color:#fde68a}:root[data-theme=dark] .alert-danger,:root[data-theme=dark] .badge-danger{background:#3b1820;color:#fecaca}:root[data-theme=dark] .badge-success{background:#123524;color:#bbf7d0}:root[data-theme=dark] .btn-icon.btn-danger,:root[data-theme=dark] .btn-icon.danger{border-color:var(--danger-border)}:root[data-theme=dark] .btn-icon.btn-danger:hover,:root[data-theme=dark] .btn-icon.danger:hover{background:var(--danger-soft)}:root[data-theme=dark] .confirm-dialog-title>span{background:var(--warning-soft)}:root[data-theme=dark] .confirm-danger .confirm-dialog-title>span{background:var(--danger-soft)}@media (max-width: 768px){.app-container{display:block}.sidebar{width:min(84vw,310px);min-width:0;height:100dvh;position:fixed;inset:0 auto 0 0;z-index:45;padding:18px 16px;transform:translate(-105%);transition:transform .24s ease;box-shadow:18px 0 45px #0f172a40}.sidebar.mobile-open{transform:translate(0)}.sidebar-header{margin-bottom:8px}.sidebar-brand{min-height:62px;justify-content:space-between;padding:0 2px}.sidebar-brand img{width:138px;max-height:58px}.mobile-menu-close,.mobile-menu-toggle{display:inline-flex;flex:0 0 auto}.mobile-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;width:100%;height:100%;padding:0;border:0;background:#02061794;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-menu{display:grid;gap:6px;overflow:visible;padding:0}.nav-link{white-space:normal}.user-section{margin-top:auto;border-top:1px solid var(--border-color);padding-top:16px}.user-info{display:block}.sidebar-actions{display:grid}.sidebar-mobile-actions{display:grid;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border-color)}.main-content{width:100%;min-height:100vh}.app-toolbar{min-height:62px;padding:10px 16px;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.toolbar-actions{min-width:0;gap:8px}.desktop-toolbar-actions{display:none}.toolbar-title{width:100%}.toolbar-title h1{font-size:20px}.content{padding:20px 16px 28px}.tab-header{flex-direction:column;align-items:flex-start;gap:14px}.filter-bar{width:100%;align-items:stretch}.filter-field,.filter-field-grow,.quick-filter-group{width:100%;min-width:0;flex-basis:100%}.quick-filters button{flex:1 1 auto}.tab-header>button{width:100%}.form-grid{grid-template-columns:1fr}.modal-overlay{padding:10px}.modal-card{max-height:95vh;padding:14px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.split-actions,.modal-action-group{align-items:stretch;width:100%}.modal-action-group button{width:100%}.pagination{align-items:stretch;flex-direction:column}.pagination>div{justify-content:flex-end}}@media (max-width: 520px){.toolbar-title h1{font-size:18px}}@media (max-width: 900px){.inbox-mobile-nav{display:list-item}.whatsapp-inbox{width:100vw}.inbox-body{grid-template-columns:150px minmax(0,1fr)}.inbox-conversations>button{padding-left:10px}}@media (max-width: 620px){.inbox-body{grid-template-columns:118px minmax(0,1fr)}.inbox-queues{padding-inline:10px}.inbox-queues button{padding-inline:9px;font-size:12px}.inbox-conversations>button{padding:11px 7px}.inbox-conversations>button b{position:static;width:fit-content}.inbox-message{max-width:92%}.inbox-messages{padding:12px}.inbox-composer>div{flex-direction:column-reverse}}