.login-layer{position:fixed;inset:0;background:#eef3f5;z-index:100;display:grid;place-items:center;padding:20px}.login-layer.hidden{display:none}.login-card{width:min(420px,100%);background:#fff;padding:35px;border-radius:18px;box-shadow:0 12px 60px #122b3820;display:grid;gap:17px}.login-card h1{margin:0;font-size:24px}.login-card p,.login-card small{color:#81909a;margin:0;font-size:13px}.login-card label{font-size:12px;font-weight:700;display:grid;gap:8px}.login-card .brand-mark{width:50px;height:50px}.login-card .btn{padding:14px}#login-error{color:#b84040;font-size:12px}.live-notice{padding:12px 15px;background:#e8f6f3;color:#197461;border:1px solid #bde3d9;border-radius:10px;font-size:12px;margin-bottom:20px}.live-selectors{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.live-selectors select{max-width:220px}.live-inline{width:125px}.live-actions{display:flex;gap:8px;flex-wrap:wrap}.live-actions .btn{padding:8px 11px}.live-card-list{display:grid;gap:12px}.live-cart-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #eee;gap:10px}.live-cart-row input{width:70px}.live-cart-row .btn{padding:6px}.live-badge{padding:4px 8px;border-radius:10px;background:#e3f7f1;color:#14816c}.live-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-form-grid label{display:grid;gap:6px;font-size:12px;font-weight:650}.live-form-grid .wide{grid-column:1/-1}.live-error{color:#a73333}.live-chart{display:flex;align-items:end;gap:8px;height:160px;border-bottom:1px solid #ddd}.live-chart div{flex:1;background:#36bda3;border-radius:5px 5px 0 0;min-height:2px}.live-td-button{background:none;border:none;text-decoration:underline;color:#176a7c;font-weight:650}@media(max-width:650px){.live-form-grid{grid-template-columns:1fr}.live-form-grid .wide{grid-column:auto}.login-card{padding:22px}}
/* NEXO v2.9 — layout of reference screenshots, NEXO-specific palette. */
:root{--nexo-ink:#202d38;--nexo-accent:#247b98;--nexo-accent-soft:#e4f2f7;--nexo-border:#d7dfe5}
body{background:#fafbfc;color:var(--nexo-ink)}
main{max-width:1900px;padding:22px 26px 60px}
.page-head{border-bottom:1px solid #e5e9ee;padding-bottom:17px;margin-bottom:20px}
.page-head h1{font-size:25px;font-weight:750}
.live-notice{display:none}
.live-selectors{margin:12px 0 16px}
.live-selectors select{border-radius:7px;background:#fff;min-width:170px}
.inventory-surface{border:1px solid #e9ecef;background:white;border-radius:10px;margin-top:16px;overflow:hidden;padding:15px 0 0}
.inventory-totals{display:flex;gap:18px;align-items:center;font-size:12px;color:#718293}
.inventory-totals b{font-weight:700;color:#384c5b;margin-left:7px}
.inventory-totals i{height:20px;border-left:1px solid #d7dee4}
.inventory-toolbar{padding:0 17px;margin-bottom:14px;gap:10px}
.inventory-toolbar .search{max-width:460px;min-width:220px}
.inventory-filter-row{display:flex;align-items:center;gap:7px;padding:0 17px 14px;overflow:auto;white-space:nowrap}
.inventory-filter-row .chips{display:flex;flex-wrap:nowrap;margin:0;gap:6px}
.inventory-filter-row .chip{flex-shrink:0}
.inventory-filter-row .chip.selected{background:var(--nexo-accent-soft);color:#176b88;border-color:#91c6d8}
.inventory-table .data-table{min-width:860px}
.inventory-table .data-table th{background:#f3f5f7;padding:13px 18px}
.inventory-table .data-table td{padding:6px 18px;height:59px}
.inventory-table .inline-input{height:42px;border:1px solid #cdd5dc;border-radius:10px;width:145px;padding:9px 11px}
.inventory-table .inline-input.qty{width:105px}
.inventory-table .product-thumb{width:38px;height:38px;border-radius:5px;background:#eff3f5}
.inventory-table .margin{display:inline-block;background:#e0f4e9;color:#297b57;border-radius:14px;padding:3px 9px;font-size:12px;font-weight:700}
.inventory-table .margin-low{background:#fbe7e7;color:#aa4d4d}
.inventory-foot{padding:12px 18px;margin:0}
.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.product-panel{border-radius:15px;padding:18px;margin-bottom:15px;box-shadow:none}
.product-panel h2{font-size:15px}
.product-panel .field-group{margin:0 0 14px}
.product-panel .field-group label{font-size:12px;font-weight:700;margin-bottom:8px;display:block}
.product-panel .field-group em{color:#bf5050;font-style:normal}
.product-panel .field,.product-panel select,.product-panel textarea{border:1px solid #cbd4db;border-radius:10px;padding:12px;font-size:13px;min-height:44px}
.product-panel .field-help{font-size:11px;color:#718596}
.product-panel .upload-zone{background:#dfedff;border:1px dashed #8bb4dd;color:#387eac;border-radius:10px;text-align:center;padding:25px 12px;margin-bottom:13px}
.product-panel .upload-icon{display:block;font-size:28px}
.product-panel .price-unit{display:grid;grid-template-columns:1.6fr 1fr}
.product-panel .price-unit .field{border-radius:10px 0 0 10px}
.product-panel .price-unit select{border-radius:0 10px 10px 0;border-left:0}
.product-panel .switch-row{border:2px solid #75b797;border-radius:10px;padding:15px;display:flex;gap:13px;align-items:center}
.product-panel .switch-row span:nth-child(2){flex:1}
.product-panel .switch-row strong{display:block;font-size:13px}
.product-panel .switch-row small{display:block;font-size:11px;color:#718596;margin-top:4px}
.product-panel .switch-row input{width:18px;height:18px;accent-color:#28875c}
.product-savebar{display:flex;justify-content:flex-end;gap:12px;padding:14px 0}
.variant-switch{font-size:12px;color:#788a99}
.variant-switch button{background:none;border:0;text-decoration:underline;color:#247b98;font-weight:700}
.nexo-modal-overlay{position:fixed;inset:0;background:#1024319c;z-index:110;display:grid;place-items:center;padding:20px}
.nexo-modal{width:min(780px,100%);max-height:90vh;overflow:auto;padding:23px}
.nexo-modal-head,.history-head{display:flex;justify-content:space-between;align-items:center;gap:15px}
.nexo-category-list{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.nexo-modal .toolbar input{flex:1;min-width:190px}
.sales-history{margin-top:20px}
.sales-history .data-table{min-width:740px}
.sales-history .live-badge{font-size:11px}
.sales-history .btn{padding:7px 11px}
.stats-controls{margin:14px 0 22px;align-items:center}
.stats-controls>.toolbar{margin:0}
.stats-controls select{width:160px}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stat-panel{padding:21px;min-height:330px}
.stat-panel-head{display:flex;justify-content:space-between;align-items:start}
.stat-panel h2{font-size:14px;margin-bottom:14px}
.stat-number{font-size:27px;font-weight:760}
.stat-hint{color:#309e7c;font-size:11px}
.stat-chevron{font-size:30px}
.stat-bars{display:flex;align-items:flex-end;height:175px;gap:12px;border-bottom:1px solid #e6ecef;margin-top:22px}
.stat-bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.stat-bar{background:linear-gradient(#278c77,#bde9dc);border-radius:6px 6px 0 0;width:65%;max-width:72px}
.stat-bar-col small{font-size:10px;color:#8699a4}
.wide-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d8dee4;padding:4px;border-radius:6px;margin:5px 0 19px}
.wide-tabs button{background:white;border:0;padding:11px;font-weight:700;color:#8b99a5}
.wide-tabs button.selected{background:#21303b;color:white;border-radius:4px}
.balance-toolbar{margin-bottom:16px}
.balance-toolbar>.toolbar{margin:0}
.balance-toolbar .search{max-width:260px}
.balance-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0 26px}
.balance-kpi{background:white;border-radius:13px;padding:16px;display:flex;gap:13px;align-items:center;box-shadow:0 3px 14px #102b3b0a}
.balance-kpi small{display:block;color:#768896;font-size:12px;margin-bottom:6px}
.balance-kpi strong{font-size:21px}
.circle-icon,.transaction-icon{display:inline-grid;place-items:center;border-radius:50%;background:#dff4e9;color:#368f6d;width:45px;height:45px;font-size:20px;flex-shrink:0}
.circle-icon.red,.transaction-icon.red{background:#fce7e7;color:#c46464}
.transaction-icon{width:30px;height:30px;font-size:15px;margin-right:8px}
.balance-subtabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e2e7ea;margin-bottom:0}
.balance-subtabs button{border:0;border-bottom:3px solid transparent;background:none;padding:13px;color:#85929c}
.balance-subtabs button.active{border-color:#223744;color:#223744;font-weight:700}
@media(max-width:1050px){.product-layout,.stats-grid{grid-template-columns:1fr}.balance-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.balance-kpis{grid-template-columns:1fr}.inventory-totals{flex-wrap:wrap}.stats-controls{flex-wrap:wrap}.nexo-modal{padding:13px}}