:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18312f;background:#f5f8f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{min-height:100vh;padding-bottom:72px}.topbar{height:72px;background:#fff;border-bottom:1px solid #dce7e3;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:2}.eyebrow{color:#0f766e;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px}.topbar h1{font-size:1.1rem;margin:0}.topbar-actions{align-items:center;display:flex;gap:10px}.role-badge{color:#6d7d7a;font-size:.7rem;font-weight:700}.organization-switcher{align-items:center;color:#6d7d7a;display:flex;font-size:.7rem;gap:5px;margin-top:5px}.organization-switcher select{background:transparent;border:0;color:#0f766e;font-size:.7rem;font-weight:700}.avatar{border:1px solid #b9d5cd;background:#f0f8f5;color:#0f766e;border-radius:8px;font-weight:800;height:36px;width:36px}.content{max-width:980px;margin:auto;padding:26px 20px}.welcome h2{font-size:1.65rem;margin:0 0 6px}.subtle{color:#6d7d7a;margin:0;line-height:1.5}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:24px 0;border-top:1px solid #dce7e3;border-bottom:1px solid #dce7e3}.metric-card,.section-card{background:#fff;border:0;border-radius:0;padding:16px}.metric-card{border-right:1px solid #dce7e3}.metric-card:nth-child(2n){border-right:0}.metric-card span,.metric-card small{display:block;color:#6d7d7a;font-size:.78rem}.metric-card strong{display:block;font-size:1.35rem;margin:9px 0 5px}.metric-card.primary{background:#0f766e;color:#fff}.metric-card.primary span,.metric-card.primary small{color:#d2f5ed}.metric-card.muted strong{color:#0f766e}.section-card{margin-top:24px;border-top:1px solid #dce7e3}.section-heading{align-items:center;display:flex;justify-content:space-between}.section-heading h3{font-size:1rem;margin:0}.section-heading a{color:#0f766e;font-size:.8rem;font-weight:700;text-decoration:none}.empty-state{text-align:center;padding:24px 12px 12px}.empty-state.compact{padding:18px 12px 8px}.empty-icon{align-items:center;background:#e9f7f3;border-radius:8px;color:#0f766e;display:inline-flex;font-size:1.35rem;height:44px;justify-content:center;width:44px}.empty-state p{font-weight:700;margin:12px 0 5px}.empty-state small{color:#82918e}.bottom-nav{background:#fff;border-top:1px solid #dce7e3;bottom:0;display:flex;justify-content:space-around;left:0;overflow-x:auto;padding:8px 4px 9px;position:fixed;right:0;z-index:3}.nav-item{align-items:center;color:#82918e;display:flex;flex-direction:column;font-size:.67rem;flex-shrink:0;gap:3px;text-decoration:none;min-width:46px}.nav-item.active{color:#0f766e;font-weight:800}.nav-icon{font-size:1.05rem;line-height:1}.placeholder-page{text-align:center;padding:60px 20px}.page-icon{align-items:center;background:#e9f7f3;border-radius:8px;color:#0f766e;display:inline-flex;font-size:2rem;height:68px;justify-content:center;width:68px}.placeholder-page h2{font-size:1.7rem;margin:15px 0 8px}.primary-button{background:#0f766e;border:0;border-radius:6px;color:#fff;font-weight:700;margin-top:20px;padding:12px 18px}@media(min-width:700px){.bottom-nav{margin:auto;max-width:980px}.content{padding-top:36px}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric-card{padding:18px 16px}.metric-card:nth-child(2n){border-right:1px solid #dce7e3}.metric-card:last-child{border-right:0}}.auth-page{align-items:center;background:#f5f8f7;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border:1px solid #dce7e3;border-radius:8px;box-shadow:0 4px 16px #163c320b;max-width:420px;padding:26px;width:100%}.auth-card h2{font-size:1.65rem;margin:0 0 8px}.auth-card form{display:grid;gap:16px;margin-top:24px}.auth-card label{color:#37514d;display:grid;font-size:.85rem;font-weight:700;gap:7px}.auth-card input{border:1px solid #cddbd7;border-radius:6px;font:inherit;padding:12px}.form-message,.form-error{font-size:.85rem;margin:16px 0 0}.form-message{color:#0f766e}.form-error{color:#b42318}.auth-links{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0 0}.auth-links a{color:#0f766e;font-size:.82rem;font-weight:700}.onboarding-card{max-width:480px}.onboarding-card fieldset{border:0;display:grid;gap:10px;padding:0}.onboarding-card legend{color:#37514d;font-size:.85rem;font-weight:700;margin-bottom:4px}.choice-row{align-items:center!important;background:#f5f8f7;border:1px solid #dce9e5;border-radius:6px;display:flex!important;gap:10px;padding:12px}.choice-row input{width:auto}.text-button{background:none;border:0;color:#0f766e;font-weight:700;padding:8px}.onboarding-finish{background:#e9f7f3;border-left:3px solid #0f766e;color:#0f766e;font-weight:700;padding:14px}.members-section{margin-top:20px}.member-invite{align-items:end;display:grid;gap:10px;grid-template-columns:1fr auto;margin:16px 0}.member-invite label{color:#37514d;display:grid;font-size:.85rem;font-weight:700;gap:7px}.member-invite input{background:#fff;border:1px solid #cddbd7;border-radius:6px;font:inherit;padding:12px}.member-invite .primary-button{margin:0}.module-page{padding-bottom:24px}.page-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:20px}.page-heading h2{font-size:1.7rem;margin:0}.search-input,.form-grid input,.form-grid select,.form-grid textarea{background:#fff;border:1px solid #cddbd7;border-radius:6px;font:inherit;padding:12px;width:100%}.search-input{margin-bottom:14px}.form-grid{display:grid;gap:14px}.form-grid label{color:#37514d;display:grid;font-size:.85rem;font-weight:700;gap:7px}.form-grid textarea{min-height:80px;resize:vertical}.form-grid .primary-button{width:100%}.list-card{align-items:center;background:#fff;border-bottom:1px solid #dce7e3;display:flex;gap:12px;justify-content:space-between;margin:0;padding:14px 4px}.list-card>div:first-child{display:grid;gap:5px;min-width:0}.list-card strong{overflow:hidden;text-overflow:ellipsis}.list-card small{color:#6d7d7a}.card-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.card-actions button,.icon-button{background:#eef7f4;border:0;border-radius:5px;color:#0f766e;font-weight:700;padding:8px}.state-card{background:#fff;border:1px dashed #bdd0ca;color:#6d7d7a;padding:24px;text-align:center}.error-state{border-color:#e3a7a0;color:#b42318}.modal-backdrop{align-items:flex-end;background:#18312f55;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:5}.modal-card{background:#fff;border-top:3px solid #0f766e;max-height:90vh;overflow:auto;padding:22px;width:min(100%,560px)}.modal-card h2{font-size:1.2rem;margin:0 0 18px}.icon-button{background:transparent;font-size:1.5rem}.status{color:#6d7d7a;font-size:.75rem;font-weight:700}.status.success{color:#0f766e}.low-stock{border-color:#efc2a8}.summary-row{align-items:center;border-top:1px solid #edf2f0;display:flex;justify-content:space-between;margin:12px 0 0;padding-top:12px}.summary-row span{color:#6d7d7a;font-size:.8rem}.check-label{align-items:center;display:flex!important;gap:8px}.check-label input{width:auto}@media(min-width:700px){.modal-backdrop{align-items:center}.modal-card{border:1px solid #dce7e3;border-top:3px solid #0f766e}.bottom-nav{overflow:auto}.nav-item{min-width:70px}}.demo-shell{background:#f5f8f7;min-height:100vh;padding-bottom:72px}.demo-notice{background:#fff7e6;border-bottom:1px solid #f2d39a;color:#805b17;font-size:.75rem;font-weight:700;padding:8px 18px;text-align:center}.demo-topbar{align-items:center;background:#fff;border-bottom:1px solid #dce7e3;display:flex;gap:14px;justify-content:space-between;padding:16px max(18px,calc((100% - 980px)/2));position:sticky;top:0;z-index:2}.demo-topbar h1{font-size:1.1rem;margin:0}.demo-cta{background:#0f766e;border:0;border-radius:6px;color:#fff;font-size:.75rem;font-weight:800;padding:10px 12px}.demo-content{margin:auto;max-width:980px;padding:26px 20px}.demo-welcome h2{font-size:1.65rem;margin:0 0 6px}.demo-metric-grid{display:grid;gap:0;grid-template-columns:repeat(2,1fr);margin:24px 0;border-top:1px solid #dce7e3;border-bottom:1px solid #dce7e3}.demo-metric,.demo-panel{background:#fff;border:0;border-radius:0;box-shadow:none;padding:16px}.demo-metric{border-right:1px solid #dce7e3}.demo-metric:nth-child(2n){border-right:0}.demo-metric span,.demo-metric small{color:#6d7d7a;display:block;font-size:.78rem}.demo-metric strong{display:block;font-size:1.3rem;margin:9px 0 5px}.demo-metric.primary{background:#0f766e;color:#fff}.demo-metric.primary span,.demo-metric.primary small{color:#d2f5ed}.demo-metric.muted strong{color:#0f766e}.demo-panel{margin-top:24px;border-top:1px solid #dce7e3}.demo-link{background:none;border:0;color:#0f766e;font-size:.8rem;font-weight:800}.demo-row{align-items:center;border-top:1px solid #edf2f0;display:flex;gap:12px;justify-content:space-between;padding:13px 0}.demo-row>div{display:grid;gap:4px;min-width:0}.demo-row small{color:#6d7d7a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-badge,.demo-count{background:#e9f7f3;border-radius:5px;color:#0f766e;font-size:.7rem;font-weight:800;padding:5px 7px;white-space:nowrap}.demo-module{padding-bottom:20px}.demo-module h2{font-size:1.7rem;margin:0}.demo-nav{background:#fff;border-top:1px solid #dce7e3;bottom:0;display:flex;justify-content:space-around;left:0;overflow:auto;padding:8px 4px 9px;position:fixed;right:0;z-index:3}.demo-nav-item{align-items:center;background:none;border:0;color:#82918e;display:flex;flex-direction:column;font-size:.67rem;gap:3px;min-width:62px;padding:0}.demo-nav-item span{font-size:1.05rem}.demo-nav-item.active{color:#0f766e;font-weight:800}@media(min-width:700px){.demo-metric-grid{grid-template-columns:repeat(4,1fr)}.demo-metric:nth-child(2n){border-right:1px solid #dce7e3}.demo-metric:last-child{border-right:0}.demo-nav{margin:auto;max-width:980px}}.sell-layout{display:grid;gap:16px}.sell-page .section-card{margin-top:0}.catalog-list,.cart-list,.payment-lines{display:grid;gap:0}.catalog-item{align-items:center;background:#fff;border:0;border-top:1px solid #edf2f0;color:#18312f;display:flex;font:inherit;gap:12px;justify-content:space-between;padding:14px 4px;text-align:left;width:100%}.catalog-item span{display:grid;gap:4px;min-width:0}.catalog-item small,.cart-line small{color:#6d7d7a;font-size:.75rem}.catalog-item b{color:#0f766e;white-space:nowrap}.cart-line{align-items:center;border-top:1px solid #edf2f0;display:flex;gap:10px;justify-content:space-between;padding:13px 0}.cart-line>div:first-child{display:grid;gap:4px;min-width:0}.cart-controls{align-items:center;display:flex;gap:5px}.cart-controls input{border:1px solid #cddbd7;border-radius:5px;font:inherit;padding:8px;width:76px}.cart-controls button{background:#fcede9;border:0;border-radius:5px;color:#b42318;font-size:1.15rem;height:35px;width:35px}.sale-summary{border-top:1px solid #dce7e3;margin-top:12px;padding-top:12px}.sale-summary label{align-items:center;color:#37514d;display:flex;font-size:.8rem;font-weight:700;gap:8px;justify-content:space-between}.sale-summary input{border:1px solid #cddbd7;border-radius:5px;font:inherit;padding:8px;width:120px}.sale-summary p,.payment-status{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.sale-summary p span,.payment-status span{color:#6d7d7a;font-size:.85rem}.sale-summary .total-row{border-top:1px solid #dce7e3;color:#18312f;font-size:1.1rem;padding-top:12px}.sale-summary .total-row span,.sale-summary .total-row strong{color:#18312f}.sell-cta{font-size:1rem;margin-top:12px;width:100%}.customer-picker{margin-top:16px!important}.customer-results{border:1px solid #dce7e3;border-radius:5px;display:grid}.customer-results button{background:#fff;border:0;border-bottom:1px solid #edf2f0;padding:11px;text-align:left}.selected-customer{background:#e9f7f3;color:#0f766e;font-weight:700;padding:10px}.payment-total{align-items:center;background:#e9f7f3;color:#0f766e;display:flex;justify-content:space-between;padding:14px}.payment-total strong{font-size:1.4rem}.payment-line{border-top:1px solid #edf2f0;display:grid;gap:10px;padding:14px 0}.payment-line label,.received-field{color:#37514d;display:grid;font-size:.8rem;font-weight:700;gap:6px}.payment-line input,.payment-line select,.received-field input{background:#fff;border:1px solid #cddbd7;border-radius:5px;font:inherit;padding:10px;width:100%}.payment-status{border-top:1px solid #dce7e3;flex-wrap:wrap;gap:8px;padding-top:12px}.payment-status span{background:#f5f8f7;border-radius:5px;padding:8px}.payment-status strong{color:#18312f}.success-receipt{text-align:center}.success-receipt>strong{color:#0f766e;display:block;font-size:2rem;margin:12px}.success-receipt small,.receipt small{color:#6d7d7a;display:block;margin-top:16px}.sale-summary-button{background:none;border:0;display:grid;gap:5px;min-width:0;padding:0;text-align:left}.sale-summary-button strong{font-size:1rem}.sale-summary-button small{color:#6d7d7a}.receipt .primary-button{width:100%}@media(min-width:700px){.sell-layout{align-items:start;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.cart-panel{position:sticky;top:92px}.customer-picker{max-width:calc(55% - 8px)}.payment-line{grid-template-columns:1fr 1fr 1fr}.payment-line .text-button{grid-column:1/-1;text-align:left;width:max-content}}.receipt-header{margin-bottom:10px}.receipt-header h3{margin:0}.receipt-business{color:#18312f;font-weight:700}.receipt-meta{color:#6d7d7a;font-size:.8rem;margin:2px 0}.receipt-totals{border-top:1px solid #dce7e3;margin-top:8px;padding-top:8px}.receipt-totals .total-row{color:#18312f;font-size:1.05rem}.receipt-section-label{color:#6d7d7a;font-size:.72rem;font-weight:700;letter-spacing:.03em;margin:12px 0 2px;text-transform:uppercase}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{background:#fff;display:block!important;left:0;position:absolute;top:0;width:100%}.no-print,.receipt .no-print{display:none!important}}