: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;--bg:#f4f8f7;--bg-strong:#eaf4f1;--surface:#ffffff;--surface-soft:#f7fbfa;--surface-glass:rgba(255,255,255,.82);--text:#18312f;--text-muted:#667b77;--accent:#0f766e;--accent-strong:#0b5f59;--accent-soft:#e5f5f1;--border:#d9e7e3;--danger:#b42318;--danger-soft:#fcede9;--shadow:0 18px 60px rgba(18,58,50,.1);--shadow-soft:0 8px 28px rgba(18,58,50,.07);--radius:16px;--radius-sm:10px;--ambient-a:rgba(15,118,110,.14);--ambient-b:rgba(49,151,149,.09)}html[data-theme=dark]{--bg:#0b1213;--bg-strong:#101b1c;--surface:#111d1e;--surface-soft:#152224;--surface-glass:rgba(17,29,30,.82);--text:#edf8f5;--text-muted:#9bb0ac;--accent:#55d6c5;--accent-strong:#79e4d7;--accent-soft:#173733;--border:#26393a;--danger:#ff9188;--danger-soft:#3a2423;--shadow:0 18px 60px rgba(0,0,0,.34);--shadow-soft:0 8px 28px rgba(0,0,0,.24);--ambient-a:rgba(45,212,191,.13);--ambient-b:rgba(96,165,250,.08)}*{box-sizing:border-box}body{margin:0;min-width:0}.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}.customer-timeline{display:grid;gap:0;list-style:none;margin:8px 0 0;padding:0}.customer-timeline-item{align-items:center;border-top:1px solid var(--border);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;padding:11px 0}.customer-timeline-item>div{display:grid;gap:2px;min-width:0}.customer-timeline-item strong{font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-timeline-item small,.customer-timeline-item>span:last-child{color:var(--text-muted);font-size:.75rem}.customer-timeline-item>span:last-child{font-weight:700;text-align:right}.customer-timeline-dot{background:var(--accent);border-radius:999px;height:9px;width:9px}.customer-timeline-dot.sale{background:color-mix(in srgb,var(--accent) 62%,#6b7cff 38%)}@media(max-width:420px){.customer-timeline-item{align-items:start;grid-template-columns:auto minmax(0,1fr)}.customer-timeline-item>span:last-child{grid-column:2;text-align:left}}.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}.sale-impact{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;margin:16px 0;text-align:left}.sale-impact p{align-items:center;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;margin:0;padding:11px 12px}.sale-impact p:first-child{border-top:0}.sale-impact span{color:var(--text-muted);font-size:.78rem}.sale-impact strong{color:var(--text);font-size:.82rem;margin:0;text-align:right}.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}}html{background:var(--bg);scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 10% 0%,var(--ambient-a),transparent 30rem),radial-gradient(circle at 92% 12%,var(--ambient-b),transparent 28rem),linear-gradient(180deg,var(--bg-strong),var(--bg) 38%,var(--bg));background-attachment:fixed;min-height:100vh;transition:background-color .3s ease,color .3s ease}button,a,input,select,textarea{transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}button:not(:disabled){cursor:pointer}button:not(:disabled):active,.nav-item:active,.demo-nav-item:active{transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}.app-shell,.demo-shell,.auth-page{background:transparent;color:var(--text)}.content,.demo-content{position:relative}.content:before,.demo-content:before{content:"";position:absolute;inset:8px 0 auto;height:180px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%);border-radius:999px;filter:blur(44px);pointer-events:none;z-index:-1;animation:ambientDrift 10s ease-in-out infinite alternate}.topbar,.bottom-nav,.demo-topbar,.demo-nav{background:var(--surface-glass);border-color:var(--border);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:0 1px color-mix(in srgb,var(--surface) 60%,transparent)}.topbar{height:auto;min-height:76px}.topbar h1,.demo-topbar h1,.welcome h2,.demo-welcome h2,.page-heading h2,.module-page h2,.placeholder-page h2,.auth-card h2{color:var(--text)}.eyebrow,.section-heading a,.auth-links a,.text-button,.demo-link,.catalog-item b{color:var(--accent)}.subtle,.role-badge,.organization-switcher,.metric-card span,.metric-card small,.demo-metric span,.demo-metric small,.list-card small,.demo-row small,.cart-line small,.catalog-item small,.receipt-meta,.receipt-section-label{color:var(--text-muted)}.organization-switcher select{color:var(--accent)}.metric-grid,.demo-metric-grid{border-color:var(--border);gap:12px;border:0}.metric-card,.section-card,.auth-card,.demo-metric,.demo-panel,.state-card,.modal-card{background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.metric-card,.demo-metric{border-right:1px solid var(--border)!important}.metric-card.primary,.demo-metric.primary{background:linear-gradient(145deg,var(--accent),var(--accent-strong));border-color:transparent;box-shadow:0 14px 35px color-mix(in srgb,var(--accent) 26%,transparent)}.metric-card.muted strong,.demo-metric.muted strong{color:var(--accent)}.section-card,.demo-panel{margin-top:20px}.list-card,.catalog-item,.cart-line,.demo-row,.payment-line,.summary-row,.sale-summary,.receipt-totals{background:transparent;border-color:var(--border);color:var(--text)}.list-card{border:1px solid transparent;border-bottom-color:var(--border);border-radius:var(--radius-sm);padding-inline:12px}.list-card:hover,.demo-row:hover,.catalog-item:hover{background:var(--surface-soft);border-color:var(--border)}.search-input,.form-grid input,.form-grid select,.form-grid textarea,.auth-card input,.member-invite input,.cart-controls input,.sale-summary input,.payment-line input,.payment-line select,.received-field input{background:var(--surface);border-color:var(--border);color:var(--text);box-shadow:inset 0 1px color-mix(in srgb,var(--surface) 70%,transparent)}.search-input::placeholder,input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--text-muted) 75%,transparent)}.primary-button,.demo-cta{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-radius:var(--radius-sm);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 22%,transparent)}.primary-button:not(:disabled):hover,.demo-cta:hover{transform:translateY(-1px);box-shadow:0 14px 30px color-mix(in srgb,var(--accent) 28%,transparent)}.avatar,.card-actions button,.icon-button{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--accent)}.avatar:hover,.card-actions button:hover,.icon-button:hover{background:color-mix(in srgb,var(--accent-soft) 75%,var(--accent) 25%)}.nav-item,.demo-nav-item{border-radius:12px;padding:7px 9px;color:var(--text-muted)}.nav-item:hover,.demo-nav-item:hover{background:var(--surface-soft);color:var(--text)}.nav-item.active,.demo-nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-icon{transition:transform .2s ease}.nav-item.active .nav-icon{transform:translateY(-2px) scale(1.08)}.modal-backdrop{background:color-mix(in srgb,#061011 62%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{border-top:1px solid var(--border)}.demo-notice{background:color-mix(in srgb,#f3bd55 17%,var(--surface));border-color:color-mix(in srgb,#f3bd55 42%,var(--border));color:color-mix(in srgb,#8d6110 75%,var(--text))}.demo-badge,.demo-count,.selected-customer,.payment-total,.onboarding-finish,.empty-icon,.page-icon{background:var(--accent-soft);color:var(--accent)}.choice-row,.payment-status span{background:var(--surface-soft);border-color:var(--border)}.catalog-item,.sale-summary .total-row,.sale-summary .total-row span,.sale-summary .total-row strong,.receipt-business,.payment-status strong{color:var(--text)}.cart-controls button{background:var(--danger-soft);color:var(--danger)}.error-state{border-color:color-mix(in srgb,var(--danger) 32%,var(--border));color:var(--danger)}.onboarding-card legend,.sale-summary label,.payment-line label,.received-field{color:var(--text)}.status,.summary-row span,.sale-summary p span,.payment-status span,.success-receipt small,.receipt small,.sale-summary-button small{color:var(--text-muted)}.status.success,.success-receipt>strong{color:var(--accent)}.customer-results{border-color:var(--border)}.customer-results button{background:var(--surface);border-color:var(--border);color:var(--text)}.customer-results button:hover{background:var(--surface-soft)}.theme-toggle{align-items:center;display:inline-flex;gap:7px;min-height:36px;padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text);font:inherit;font-size:.76rem;font-weight:800;box-shadow:var(--shadow-soft)}.theme-toggle:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}.theme-toggle.compact{height:36px;width:36px;min-height:36px;padding:0;justify-content:center}.theme-toggle-icon{font-size:1rem;line-height:1}.demo-topbar-actions{display:flex;align-items:center;gap:9px}.content>*,.demo-content>*{animation:contentEnter .42s cubic-bezier(.2,.75,.25,1) both}@keyframes contentEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ambientDrift{0%{transform:translate3d(-2%,0,0) scale(.98)}to{transform:translate3d(3%,8px,0) scale(1.03)}}@media(min-width:900px){.content,.demo-content{padding-top:42px}.metric-card,.demo-metric{padding:21px}.section-card,.demo-panel{padding:20px}}@media(max-width:520px){.role-badge{display:none}.topbar{padding-inline:14px}.topbar-actions{gap:7px}.demo-topbar{align-items:flex-start}.demo-topbar-actions{flex-direction:column;align-items:flex-end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dashboard-search,.dashboard-action-center{display:grid;gap:14px}.dashboard-search .search-input{margin:0}.dashboard-search-results,.dashboard-action-list{display:grid;gap:8px}.dashboard-search-result,.dashboard-action-item{align-items:center;background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);display:flex;gap:12px;justify-content:space-between;padding:12px 14px;text-decoration:none}.dashboard-search-result:hover,.dashboard-action-item:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));background:var(--accent-soft);transform:translateY(-1px)}.dashboard-search-result>span,.dashboard-action-item>span{display:grid;gap:3px;min-width:0}.dashboard-search-result strong,.dashboard-action-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-search-result small,.dashboard-action-item small{color:var(--text-muted);font-size:.76rem}.dashboard-search-result b,.dashboard-action-item b{color:var(--accent);font-size:.78rem;white-space:nowrap}@media(max-width:520px){.dashboard-search-result,.dashboard-action-item{align-items:flex-start}.dashboard-search-result b,.dashboard-action-item b{font-size:.72rem}}html[data-palette=rose]{--bg:#fff7f8;--bg-strong:#fcebed;--surface:#fffdfd;--surface-soft:#fdf2f4;--surface-glass:rgba(255,250,251,.86);--text:#3a2024;--text-muted:#7f6469;--accent:#a94f5d;--accent-strong:#873d49;--accent-soft:#f7e4e8;--border:#edd4d9;--shadow:0 18px 60px rgba(107,47,58,.11);--shadow-soft:0 8px 28px rgba(107,47,58,.08);--ambient-a:rgba(184,92,104,.16);--ambient-b:rgba(232,157,168,.11) }html[data-palette=crimson]{--bg:#fff6f7;--bg-strong:#f9e7ea;--surface:#fffdfd;--surface-soft:#fdf0f2;--surface-glass:rgba(255,249,250,.86);--text:#34191f;--text-muted:#755e63;--accent:#991b2f;--accent-strong:#761325;--accent-soft:#f7dee3;--border:#ebcfd5;--shadow:0 18px 60px rgba(92,18,34,.12);--shadow-soft:0 8px 28px rgba(92,18,34,.08);--ambient-a:rgba(153,27,47,.16);--ambient-b:rgba(215,68,91,.1) }html[data-palette=sand]{--bg:#f8f3ea;--bg-strong:#efe5d6;--surface:#fffaf3;--surface-soft:#f7efe4;--surface-glass:rgba(255,250,243,.86);--text:#33271f;--text-muted:#74675d;--accent:#765238;--accent-strong:#5b3d29;--accent-soft:#eee0cf;--border:#dfd0bd;--shadow:0 18px 60px rgba(83,60,41,.12);--shadow-soft:0 8px 28px rgba(83,60,41,.08);--ambient-a:rgba(122,84,56,.15);--ambient-b:rgba(184,135,95,.11) }html[data-palette=ocean]{--bg:#f3f8fd;--bg-strong:#e5f0fa;--surface:#ffffff;--surface-soft:#f0f6fc;--surface-glass:rgba(250,253,255,.86);--text:#182b3d;--text-muted:#617589;--accent:#255f9e;--accent-strong:#1e4d80;--accent-soft:#e0ecf8;--border:#cedeed;--shadow:0 18px 60px rgba(32,76,119,.11);--shadow-soft:0 8px 28px rgba(32,76,119,.08);--ambient-a:rgba(37,95,158,.15);--ambient-b:rgba(96,165,232,.11) }html[data-palette=violet]{--bg:#f8f5fc;--bg-strong:#eee8f7;--surface:#fffefe;--surface-soft:#f5f0fa;--surface-glass:rgba(253,251,255,.86);--text:#2d2439;--text-muted:#71657e;--accent:#66439b;--accent-strong:#51347c;--accent-soft:#ece4f6;--border:#ddd2eb;--shadow:0 18px 60px rgba(80,52,120,.11);--shadow-soft:0 8px 28px rgba(80,52,120,.08);--ambient-a:rgba(102,67,155,.15);--ambient-b:rgba(167,134,214,.11) }html[data-theme=dark][data-palette=rose]{--bg:#160d10;--bg-strong:#211316;--surface:#24171a;--surface-soft:#2c1c20;--surface-glass:rgba(36,23,26,.84);--text:#fff2f4;--text-muted:#c7a7ae;--accent:#ec8e9b;--accent-strong:#f5a8b2;--accent-soft:#4a252d;--border:#493036;--shadow:0 18px 60px rgba(0,0,0,.36);--shadow-soft:0 8px 28px rgba(0,0,0,.25);--ambient-a:rgba(236,142,155,.15);--ambient-b:rgba(190,74,92,.1) }html[data-theme=dark][data-palette=crimson]{--bg:#15090d;--bg-strong:#211016;--surface:#251318;--surface-soft:#2d171e;--surface-glass:rgba(37,19,24,.84);--text:#fff1f3;--text-muted:#c9a4ab;--accent:#ff7188;--accent-strong:#ff93a4;--accent-soft:#4b1e29;--border:#4a2931;--shadow:0 18px 60px rgba(0,0,0,.38);--shadow-soft:0 8px 28px rgba(0,0,0,.27);--ambient-a:rgba(255,113,136,.15);--ambient-b:rgba(153,27,47,.11) }html[data-theme=dark][data-palette=sand]{--bg:#13100d;--bg-strong:#1c1712;--surface:#211b16;--surface-soft:#292119;--surface-glass:rgba(33,27,22,.84);--text:#fff7ed;--text-muted:#c5b5a4;--accent:#d9ad82;--accent-strong:#e9c39d;--accent-soft:#443426;--border:#45382e;--shadow:0 18px 60px rgba(0,0,0,.35);--shadow-soft:0 8px 28px rgba(0,0,0,.24);--ambient-a:rgba(217,173,130,.14);--ambient-b:rgba(122,84,56,.1) }html[data-theme=dark][data-palette=ocean]{--bg:#08111a;--bg-strong:#0d1a26;--surface:#11202c;--surface-soft:#162937;--surface-glass:rgba(17,32,44,.84);--text:#eff8ff;--text-muted:#a7bdd0;--accent:#7bbcf2;--accent-strong:#9bcdf6;--accent-soft:#193c58;--border:#294457;--shadow:0 18px 60px rgba(0,0,0,.36);--shadow-soft:0 8px 28px rgba(0,0,0,.25);--ambient-a:rgba(123,188,242,.14);--ambient-b:rgba(37,95,158,.1) }html[data-theme=dark][data-palette=violet]{--bg:#100d18;--bg-strong:#181321;--surface:#1d1728;--surface-soft:#261e33;--surface-glass:rgba(29,23,40,.84);--text:#f8f3ff;--text-muted:#baadca;--accent:#b69ae5;--accent-strong:#c8b2ec;--accent-soft:#3d2c58;--border:#403451;--shadow:0 18px 60px rgba(0,0,0,.37);--shadow-soft:0 8px 28px rgba(0,0,0,.26);--ambient-a:rgba(182,154,229,.14);--ambient-b:rgba(102,67,155,.1) }.palette-picker{position:relative;display:inline-flex}.palette-trigger{align-items:center;display:inline-flex;gap:8px;min-height:36px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text);font:inherit;font-size:.76rem;font-weight:800;box-shadow:var(--shadow-soft)}.palette-trigger:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}.palette-trigger.compact{width:46px;height:36px;min-height:36px;padding:0;justify-content:center}.palette-trigger-swatch,.palette-option-swatches{display:flex;overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:999px}.palette-trigger-swatch{width:27px;height:14px}.palette-option-swatches{width:48px;height:22px}.palette-trigger-swatch span,.palette-option-swatches span{flex:1}.palette-menu{position:absolute;z-index:30;right:0;top:calc(100% + 10px);width:min(300px,calc(100vw - 24px));padding:8px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);color:var(--text)}.palette-menu-heading{display:grid;gap:3px;padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}.palette-menu-heading strong{font-size:.82rem}.palette-menu-heading small{color:var(--text-muted);font-size:.7rem;line-height:1.4}.palette-option{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-size:.78rem;font-weight:750;text-align:left}.palette-option:hover{background:var(--surface-soft)}.palette-option.active{background:var(--accent-soft);color:var(--accent)}.palette-check{text-align:right;font-weight:900}@media(max-width:520px){.palette-menu{position:fixed;right:12px;top:82px}.demo-topbar .palette-menu{top:104px}}:root{--radius:10px;--radius-sm:7px;--control-height:42px}.content:before,.demo-content:before{height:120px;opacity:.42;filter:blur(58px)}.metric-card,.section-card,.auth-card,.demo-metric,.demo-panel,.state-card,.modal-card{background:var(--surface);border-radius:var(--radius);box-shadow:0 4px 16px color-mix(in srgb,var(--text) 6%,transparent)}.metric-card.primary,.demo-metric.primary{background:var(--accent);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 18%,transparent)}.section-card,.demo-panel{margin-top:18px}.primary-button,.demo-cta{min-height:var(--control-height);margin-top:0;padding:0 16px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;box-shadow:none;font:inherit;font-size:.84rem;font-weight:800;line-height:1}.primary-button:not(:disabled):hover,.demo-cta:hover{background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 16%,transparent);transform:translateY(-1px)}.primary-button:disabled,button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.placeholder-page .primary-button{margin-top:20px}.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 10px;border-radius:8px;font-size:.8rem;line-height:1;text-decoration:none}.card-actions{gap:8px}.card-actions button,.card-actions .text-button,.icon-button{min-height:38px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:none;font:inherit;font-size:.78rem;font-weight:750}.card-actions button:hover,.card-actions .text-button:hover,.icon-button:hover{border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:var(--accent-soft);color:var(--accent)}.card-actions .primary-button{border-color:var(--accent);background:var(--accent);color:#fff}.card-actions .primary-button:hover{background:var(--accent-strong);color:#fff}.search-input,.form-grid input,.form-grid select,.form-grid textarea,.auth-card input,.auth-card select,.member-invite input,.cart-controls input,.sale-summary input,.payment-line input,.payment-line select,.received-field input,.module-page select{min-height:var(--control-height);border:1px solid var(--border);border-radius:8px;background-color:var(--surface);color:var(--text);box-shadow:none;font:inherit;font-size:.86rem}.search-input,.form-grid input,.auth-card input,.member-invite input,.cart-controls input,.sale-summary input,.payment-line input,.received-field input{padding:0 12px}.form-grid textarea{padding:11px 12px;line-height:1.45}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:0 38px 0 12px!important;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 17px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}select:hover:not(:disabled),input:hover:not(:disabled),textarea:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}select:focus-visible,input:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}select:disabled,input:disabled,textarea:disabled{background-color:var(--surface-soft);color:var(--text-muted);opacity:.72}select option{background:var(--surface);color:var(--text)}.organization-switcher select{min-height:30px;padding:0 30px 0 9px!important;border:1px solid var(--border);border-radius:7px;background-color:var(--surface-soft);background-position:calc(100% - 14px) calc(50% - 2px),calc(100% - 9px) calc(50% - 2px);font-size:.72rem}.state-card{border-style:solid}.state-card-empty{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:112px;padding:20px 22px;border-left:3px solid var(--accent);text-align:left}.state-card-copy{display:grid;gap:4px;min-width:0}.state-card-copy strong{color:var(--text);font-size:.95rem;line-height:1.35}.state-card-copy small{color:var(--text-muted);font-size:.78rem;line-height:1.45}.state-card-kicker{color:var(--accent);font-size:.66rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.state-card-action{display:flex;align-items:center;justify-content:flex-end}.state-card-action .primary-button{min-width:148px;white-space:nowrap}.list-card{min-height:58px;padding:12px;border:1px solid transparent;border-bottom-color:var(--border);border-radius:7px}.list-card:hover{background:var(--surface-soft);border-color:var(--border)}.list-card>strong:last-child{font-variant-numeric:tabular-nums}.page-heading{gap:16px}.page-heading .card-actions{max-width:100%}.section-heading{gap:14px}.modal-card{border-radius:10px;padding:20px}.palette-menu{border-radius:10px;box-shadow:0 12px 34px color-mix(in srgb,var(--text) 16%,transparent)}.palette-option{border-radius:7px}.theme-toggle,.palette-trigger{box-shadow:none}.nav-item,.demo-nav-item{border-radius:8px}@media(max-width:640px){.page-heading{align-items:flex-start;flex-direction:column}.page-heading .card-actions{width:100%;justify-content:flex-start}.card-actions button,.card-actions .text-button{flex:0 1 auto}.state-card-empty{grid-template-columns:1fr;gap:14px;padding:18px}.state-card-action{justify-content:flex-start}.state-card-action .primary-button{width:100%}}@media(max-width:420px){.card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.card-actions>*{width:100%}.card-actions .primary-button:last-child:nth-child(odd){grid-column:1/-1}}.demo-cta,.metric-card.primary,.demo-metric.primary,.metric-card.primary span,.metric-card.primary small,.demo-metric.primary span,.demo-metric.primary small{color:var(--surface)}.form-grid,.auth-card form,.member-invite{--control-height:44px;--control-radius:10px}.form-grid label,.auth-card label,.member-invite label{color:var(--text);font-size:.82rem;font-weight:750;gap:7px}.search-input,.form-grid input,.form-grid select,.form-grid textarea,.auth-card input,.member-invite input{width:100%;min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;padding:10px 12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.form-grid textarea{min-height:92px;line-height:1.45;resize:vertical}.search-input::placeholder,.form-grid input::placeholder,.form-grid textarea::placeholder,.auth-card input::placeholder,.member-invite input::placeholder{color:var(--text-muted);opacity:.78}.search-input:hover,.form-grid input:hover,.form-grid select:hover,.form-grid textarea:hover,.auth-card input:hover,.member-invite input:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border))}.search-input:focus-visible,.form-grid input:focus-visible,.form-grid select:focus-visible,.form-grid textarea:focus-visible,.auth-card input:focus-visible,.member-invite input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.search-input:disabled,.form-grid input:disabled,.form-grid select:disabled,.form-grid textarea:disabled,.auth-card input:disabled,.member-invite input:disabled{cursor:not-allowed;opacity:.58;background:var(--surface-soft)}.form-fieldset{display:grid;gap:14px;min-width:0;margin:0;padding:0;border:0}.form-fieldset:disabled{cursor:wait}.form-fieldset:disabled label{opacity:.72}.primary-button,.text-button,.card-actions button,.icon-button,.demo-cta{min-height:44px;border-radius:10px;font:inherit;font-size:.8rem;font-weight:800;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.primary-button{border:1px solid var(--accent);background:var(--accent);color:var(--surface);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 20%,transparent);padding:10px 16px}.primary-button:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);transform:translateY(-1px)}.text-button{border:1px solid transparent;background:transparent;color:var(--accent);padding:9px 11px}.text-button:hover:not(:disabled){background:var(--accent-soft)}.card-actions button{border:1px solid var(--border);background:var(--surface-soft);color:var(--accent);padding:8px 10px}.card-actions button:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--accent-soft)}.icon-button{min-width:44px;padding:7px 10px;border:1px solid transparent;background:transparent;color:var(--text-muted)}.icon-button:hover:not(:disabled){background:var(--surface-soft);color:var(--text)}.primary-button:focus-visible,.text-button:focus-visible,.card-actions button:focus-visible,.icon-button:focus-visible,.demo-cta:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 24%,transparent);outline-offset:2px}.primary-button:disabled,.text-button:disabled,.card-actions button:disabled,.icon-button:disabled,.demo-cta:disabled{cursor:not-allowed;opacity:.56;transform:none;box-shadow:none}.primary-button.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}.button-spinner{width:14px;height:14px;flex:0 0 14px;border:2px solid color-mix(in srgb,currentColor 35%,transparent);border-top-color:currentColor;border-radius:50%;animation:button-spin .7s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.modal-backdrop{padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--text) 36%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{width:min(100%,560px);max-height:min(90dvh,760px);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:18px 18px 0 0;background:var(--surface);color:var(--text);box-shadow:var(--shadow);padding:20px;overscroll-behavior:contain}.modal-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:-3px}.modal-card>.section-heading{gap:14px;align-items:flex-start;margin-bottom:16px}.modal-card>.section-heading h2{margin:0;font-size:1.15rem;line-height:1.3}.modal-card>.section-heading .icon-button{flex:0 0 auto;margin:-6px -6px 0 0}.form-message,.form-error{border-radius:10px;padding:10px 12px;font-size:.8rem;line-height:1.4}.form-message{background:var(--accent-soft);color:var(--accent)}.form-error{background:var(--danger-soft);color:var(--danger)}.feedback-region{position:fixed;z-index:20;top:max(84px,calc(env(safe-area-inset-top) + 12px));right:14px;display:grid;gap:8px;width:min(calc(100vw - 28px),380px);pointer-events:none}.feedback-toast{display:grid;grid-template-columns:28px minmax(0,1fr) 44px;align-items:center;gap:9px;padding:11px 10px 11px 12px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow);color:var(--text);font-size:.8rem;font-weight:700;line-height:1.35;pointer-events:auto;animation:feedback-enter .2s ease-out}.feedback-toast.success{border-color:color-mix(in srgb,var(--accent) 34%,var(--border))}.feedback-toast.error{border-color:color-mix(in srgb,var(--danger) 34%,var(--border))}.feedback-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-weight:900}.feedback-toast.error .feedback-mark{background:var(--danger-soft);color:var(--danger)}.feedback-toast button{width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);font:inherit;font-size:1.1rem;cursor:pointer}.feedback-toast button:hover{background:var(--surface-soft);color:var(--text)}.feedback-toast button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 24%,transparent);outline-offset:1px}@keyframes feedback-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(min-width:700px){.modal-card{border-radius:18px}.form-grid{gap:16px}}@media(max-width:420px){.modal-backdrop{padding-left:0;padding-right:0;padding-bottom:0}.modal-card{padding:18px 16px;border-left:0;border-right:0;border-bottom:0}.feedback-region{top:max(76px,calc(env(safe-area-inset-top) + 8px));right:8px;width:calc(100vw - 16px)}.primary-button,.text-button,.card-actions button,.icon-button,.demo-cta{min-height:44px}.card-actions button{padding-inline:12px}}@media(prefers-reduced-motion:reduce){.search-input,.form-grid input,.form-grid select,.form-grid textarea,.auth-card input,.member-invite input,.primary-button,.text-button,.card-actions button,.icon-button,.demo-cta{transition:none}.primary-button:hover:not(:disabled){transform:none}.feedback-toast{animation:none}.button-spinner{animation:none;border-color:currentColor;opacity:.55}}.quick-actions{margin:20px 0 4px}.quick-actions-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.quick-actions-heading h3{font-size:1rem;margin:0;color:var(--text)}.quick-actions-heading .eyebrow{margin-bottom:3px}.quick-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-action{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:12px;text-decoration:none;color:var(--text);background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.quick-action:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 36%,var(--border));background:var(--surface)}.quick-action.emphasis{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.quick-action-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.quick-action-icon-svg{width:21px;height:21px}.quick-action-copy{display:grid;gap:3px;min-width:0}.quick-action-copy strong{font-size:.84rem}.quick-action-copy small{color:var(--text-muted);font-size:.7rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-action-arrow{color:var(--text-muted);font-size:1rem;transition:transform .2s ease,color .2s ease}.quick-action:hover .quick-action-arrow{color:var(--accent);transform:translate(2px)}@media(min-width:760px){.quick-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-action{grid-template-columns:38px minmax(0,1fr) 14px;padding:13px 12px}.quick-action-icon{width:38px;height:38px}.quick-action-copy small{white-space:normal}}@media(max-width:420px){.quick-action-grid{grid-template-columns:1fr}.quick-action-copy small{white-space:normal}}@media(prefers-reduced-motion:reduce){.quick-action:hover,.quick-action:hover .quick-action-arrow{transform:none}}.dashboard-overview{display:grid;gap:12px;margin:22px 0 0}.dashboard-feature-metric{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:220px;padding:20px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:calc(var(--radius) + 2px);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),color-mix(in srgb,var(--surface) 96%,transparent));box-shadow:var(--shadow)}.dashboard-feature-metric:after{content:"";position:absolute;width:170px;height:170px;right:-54px;bottom:-74px;border-radius:50%;background:color-mix(in srgb,var(--accent) 13%,transparent);filter:blur(2px);pointer-events:none}.dashboard-feature-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dashboard-feature-heading>div{display:grid;gap:2px}.dashboard-feature-heading>div>span{color:var(--text-muted);font-size:.82rem;font-weight:800}.dashboard-period-badge{border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent-soft) 72%,var(--surface));color:var(--accent);font-size:.68rem;font-weight:800;padding:6px 9px;white-space:nowrap}.dashboard-feature-metric>strong{font-size:clamp(2rem,8vw,3.2rem);letter-spacing:-.045em;line-height:1;margin:30px 0 10px;color:var(--text)}.dashboard-feature-metric>p{max-width:420px;margin:0;color:var(--text-muted);font-size:.8rem;line-height:1.5}.dashboard-feature-metric>a{align-self:flex-start;margin-top:auto;padding-top:20px;color:var(--accent);font-size:.78rem;font-weight:850;text-decoration:none}.dashboard-feature-metric>a:hover{color:var(--accent-strong)}.dashboard-supporting-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-supporting-card{position:relative;min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;padding:13px;background:color-mix(in srgb,var(--surface) 95%,transparent);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft);color:var(--text);text-decoration:none}.dashboard-supporting-card:first-child{grid-column:1/-1}.dashboard-supporting-card.interactive{grid-template-columns:38px minmax(0,1fr) 14px}.dashboard-supporting-card.interactive:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 34%,var(--border));background:var(--surface)}.dashboard-supporting-card>div{display:grid;gap:2px;min-width:0}.dashboard-supporting-card>div>span{color:var(--text-muted);font-size:.7rem;font-weight:750}.dashboard-supporting-card strong{font-size:1.12rem;line-height:1.15}.dashboard-supporting-card small{color:var(--text-muted);font-size:.66rem;line-height:1.3}.dashboard-supporting-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.dashboard-supporting-icon.warning{background:color-mix(in srgb,#f59e0b 14%,var(--surface));color:color-mix(in srgb,#b86600 76%,var(--text))}.dashboard-supporting-icon-svg{width:19px;height:19px}.dashboard-card-arrow{color:var(--text-muted);transition:transform .2s ease,color .2s ease}.dashboard-supporting-card.interactive:hover .dashboard-card-arrow{color:var(--accent);transform:translate(2px)}.dashboard-finance-panel{padding:18px;margin-top:14px}.dashboard-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dashboard-panel-heading h3{font-size:1rem;margin:0;color:var(--text)}.dashboard-panel-heading>span{color:var(--text-muted);font-size:.68rem;font-weight:700;text-align:right}.dashboard-finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.dashboard-finance-grid>div{display:grid;gap:5px;padding:12px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border)}.dashboard-finance-grid>div>span{color:var(--text-muted);font-size:.7rem;font-weight:750}.dashboard-finance-grid>div>strong{font-size:1rem}.dashboard-finance-grid .dashboard-result{grid-column:1/-1;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 11%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--accent) 22%,var(--border))}.dashboard-finance-grid .dashboard-result strong{color:var(--accent);font-size:1.2rem}.dashboard-finance-note{display:block;margin-top:12px;color:var(--text-muted);font-size:.66rem;line-height:1.45}.dashboard-data{position:relative;transition:opacity .2s ease,filter .2s ease}.dashboard-data.is-refreshing{opacity:.72;filter:saturate(.88)}.dashboard-refresh-status{position:absolute;z-index:2;right:0;top:5px;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-soft);color:var(--text-muted);font-size:.66rem;font-weight:800}.dashboard-skeleton{margin-top:0}.skeleton-card{pointer-events:none}.skeleton-card:after{display:none}.skeleton-line,.skeleton-icon{display:block;background:linear-gradient(90deg,var(--surface-soft) 20%,color-mix(in srgb,var(--text-muted) 12%,var(--surface)) 50%,var(--surface-soft) 80%);background-size:220% 100%;animation:dashboard-shimmer 1.45s ease-in-out infinite;border-radius:999px}.skeleton-line{height:10px;width:100%}.skeleton-line.short{width:34%}.skeleton-line.medium{width:68%}.skeleton-line.value{width:58%;height:38px;margin:34px 0 12px}.skeleton-line.value-small{width:54%;height:18px}.skeleton-icon{width:38px;height:38px;border-radius:11px}.dashboard-skeleton .dashboard-supporting-card>div{gap:7px}@keyframes dashboard-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(min-width:720px){.dashboard-overview{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}.dashboard-feature-metric{min-height:250px}.dashboard-supporting-metrics{grid-template-columns:1fr}.dashboard-supporting-card:first-child{grid-column:auto}.dashboard-finance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-finance-grid .dashboard-result{grid-column:auto}.dashboard-panel-heading>span{font-size:.72rem}}@media(max-width:420px){.dashboard-supporting-metrics{grid-template-columns:1fr}.dashboard-supporting-card:first-child{grid-column:auto}.dashboard-panel-heading{display:grid}.dashboard-panel-heading>span{text-align:left}.dashboard-feature-metric{min-height:205px}.dashboard-refresh-status{position:static;display:inline-block;margin-top:12px}}@media(prefers-reduced-motion:reduce){.dashboard-supporting-card.interactive:hover,.dashboard-supporting-card.interactive:hover .dashboard-card-arrow{transform:none}.dashboard-data{transition:none}.skeleton-line,.skeleton-icon{animation:none;background:var(--surface-soft)}}.dashboard-supporting-card.is-empty{border-style:dashed;background:color-mix(in srgb,var(--surface-soft) 88%,transparent)}.dashboard-supporting-card.is-empty small{color:var(--accent)}.dashboard-finance-empty{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;margin-top:15px;padding:14px;border:1px dashed color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:var(--radius-sm);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface-soft))}.dashboard-finance-empty-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.dashboard-finance-empty>div:nth-child(2){display:grid;gap:5px}.dashboard-finance-empty strong{font-size:.9rem}.dashboard-finance-empty p{margin:0;color:var(--text-muted);font-size:.72rem;line-height:1.45}.dashboard-empty-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.dashboard-empty-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:9px;background:var(--surface);color:var(--accent);font-size:.72rem;font-weight:800;text-decoration:none}.dashboard-empty-actions a:first-child{background:var(--accent-soft)}.dashboard-empty-actions a:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));transform:translateY(-1px)}@media(max-width:420px){.dashboard-finance-empty{grid-template-columns:38px minmax(0,1fr)}.dashboard-finance-empty-icon{width:38px;height:38px}.dashboard-empty-actions{display:grid;grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.dashboard-empty-actions a:hover{transform:none}}.desktop-nav{display:none}.app-workspace{min-width:0}@media(min-width:1024px){.app-shell{padding-bottom:0}.app-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1240px;margin:0 auto;gap:24px;padding:24px 20px 40px}.desktop-nav{align-self:start;background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:5px;padding:10px;position:sticky;top:100px;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.desktop-nav .nav-item{align-items:center;border-radius:12px;display:flex;flex-direction:row;font-size:.8rem;font-weight:700;gap:10px;min-height:42px;min-width:0;padding:9px 11px;width:100%}.desktop-nav .nav-icon{align-items:center;display:inline-flex;font-size:1rem;height:24px;justify-content:center;width:24px}.desktop-nav .nav-item.active{background:var(--accent-soft);color:var(--accent)}.desktop-nav .nav-item:hover{background:var(--surface-soft);color:var(--text);transform:translate(2px)}.desktop-nav .nav-item.active:hover{background:var(--accent-soft);color:var(--accent)}.bottom-nav{display:none}.content{margin:0;max-width:none;min-width:0;padding:14px 0 0}}@media(min-width:1180px){.app-workspace{grid-template-columns:210px minmax(0,1fr);gap:32px}.desktop-nav .nav-item{font-size:.84rem}}.mobile-more-trigger{background:transparent;border:0;font:inherit}.mobile-more-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#06101161;border:0;z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-more-menu{position:fixed;left:12px;right:12px;bottom:76px;z-index:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:mobileMenuEnter .2s ease both}.mobile-more-item{display:flex;align-items:center;gap:10px;min-height:48px;padding:11px 12px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);font-size:.82rem;font-weight:700;text-decoration:none}.mobile-more-item .nav-icon{display:grid;place-items:center;width:24px;color:var(--accent)}.mobile-more-item:hover,.mobile-more-item.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}.nav-icon{display:grid;place-items:center}.nav-icon-svg{width:20px;height:20px;display:block;transition:transform .2s ease,stroke-width .2s ease}.nav-item:hover .nav-icon-svg,.mobile-more-item:hover .nav-icon-svg{transform:translateY(-1px)}.nav-item.active .nav-icon-svg,.mobile-more-item.active .nav-icon-svg{stroke-width:2.25}.mobile-more-trigger:focus-visible,.mobile-more-item:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}@keyframes mobileMenuEnter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:700px){.bottom-nav{max-width:560px}.mobile-more-menu{left:50%;right:auto;width:min(536px,calc(100% - 24px));transform:translate(-50%)}}@media(min-width:1024px){.mobile-more-menu,.mobile-more-backdrop{display:none}}@media(prefers-reduced-motion:reduce){.mobile-more-menu{animation:none}.nav-icon-svg{transition:none}}.demo-shell{--demo-max-width:1220px;background:var(--bg);color:var(--text)}.demo-notice{background:color-mix(in srgb,#f59e0b 10%,var(--surface));border-color:color-mix(in srgb,#f59e0b 28%,var(--border));color:color-mix(in srgb,#a35d00 76%,var(--text))}.demo-topbar{background:var(--surface-glass);border-color:var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding-inline:max(20px,calc(50% - 590px))}.demo-topbar h1{color:var(--text)}.demo-topbar-actions{align-items:center;display:flex;gap:8px}.demo-cta{background:var(--accent);border-radius:10px;min-height:44px;transition:background .2s ease,transform .2s ease}.demo-cta:hover{background:var(--accent-strong);transform:translateY(-1px)}.demo-value-proposition{box-sizing:border-box;width:min(calc(100% - 40px),1180px);margin:0 auto;padding:28px 0 10px}.demo-value-proposition>div{max-width:900px}.demo-value-proposition h2{font-size:clamp(1.55rem,2.25vw,2.05rem);line-height:1.15;margin:8px 0 10px}.demo-value-proposition .subtle{max-width:880px;margin-bottom:0}.demo-data-disclaimer{max-width:900px;margin:18px 0 0;color:var(--text-muted);line-height:1.55}.demo-data-disclaimer strong{color:var(--text)}.demo-app-frame{min-height:calc(100vh - 132px)}.demo-content{width:100%}.demo-desktop-nav{display:none}.demo-nav{background:var(--surface-glass);border-color:var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.demo-nav-item{color:var(--text-muted);min-height:48px;min-width:54px;transition:color .2s ease,background .2s ease}.demo-nav-item.active{color:var(--accent)}.demo-nav-icon{width:20px;height:20px;display:block}.demo-more-backdrop{position:fixed;top:0;right:0;bottom:64px;left:0;z-index:3;border:0;background:color-mix(in srgb,var(--text) 18%,transparent)}.demo-more-menu{position:fixed;z-index:4;right:10px;bottom:70px;display:grid;min-width:190px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.demo-more-item{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;min-height:44px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--text);font:inherit;font-size:.8rem;font-weight:750;text-align:left}.demo-more-item:hover,.demo-more-item.active{background:var(--accent-soft);color:var(--accent)}.demo-metric,.demo-panel{background:var(--surface);color:var(--text)}.demo-metric{min-width:0}.demo-metric,.demo-panel,.demo-row{border-color:var(--border)}.demo-metric span,.demo-metric small,.demo-row small{color:var(--text-muted)}.demo-metric.primary{background:var(--accent)}.demo-metric.muted strong,.demo-link{color:var(--accent)}.demo-badge,.demo-count{background:var(--accent-soft);color:var(--accent)}@media(min-width:900px){.demo-shell{padding-bottom:0}.demo-app-frame{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:var(--demo-max-width);margin:0 auto}.demo-desktop-nav{display:flex;position:sticky;top:88px;align-self:start;flex-direction:column;gap:4px;margin:20px 0 20px 20px;padding:12px;max-height:calc(100vh - 110px);border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:var(--shadow-soft)}.demo-desktop-nav-heading{display:grid;gap:2px;padding:8px 10px 12px;border-bottom:1px solid var(--border);margin-bottom:4px}.demo-desktop-nav-heading .eyebrow{margin:0}.demo-desktop-nav-heading strong{font-size:.85rem}.demo-desktop-nav-item{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:10px;min-height:44px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--text-muted);font:inherit;font-size:.78rem;font-weight:750;text-align:left;transition:background .2s ease,color .2s ease,transform .2s ease}.demo-desktop-nav-item:hover{background:var(--surface-soft);color:var(--text);transform:translate(2px)}.demo-desktop-nav-item.active{background:var(--accent-soft);color:var(--accent)}.demo-content{max-width:none;padding:28px 28px 42px}.demo-nav,.demo-more-menu,.demo-more-backdrop{display:none}}@media(max-width:520px){.demo-topbar{align-items:flex-start}.demo-topbar-actions{flex-wrap:wrap;justify-content:flex-end}.demo-cta{font-size:.68rem;padding:8px 10px}.demo-nav-item{font-size:.62rem}.demo-value-proposition{width:min(calc(100% - 36px),1180px);padding-top:22px}.demo-value-proposition h2{font-size:1.45rem}.demo-data-disclaimer{margin-top:14px}}@media(prefers-reduced-motion:reduce){.demo-cta,.demo-nav-item,.demo-desktop-nav-item{transition:none}.demo-cta:hover,.demo-desktop-nav-item:hover{transform:none}}@media(max-width:360px){.demo-topbar{flex-wrap:wrap}.demo-topbar-actions{width:100%;flex-direction:row;justify-content:flex-end}}