@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700&display=swap";:root{--bg-base: #f6f4ee;--bg-soft: #fff8ec;--panel: rgba(255, 255, 255, .84);--panel-deep: #fffef9;--ink-900: #1d2a30;--ink-700: #3f5964;--ink-500: #647e88;--brand-700: #0c7772;--brand-500: #17a39c;--accent-500: #f28f3b;--danger: #bb3f3f;--success: #1f8c53;--border: rgba(44, 83, 97, .2);--shadow: 0 24px 60px rgba(24, 48, 58, .12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--ink-900);background:radial-gradient(circle at 10% 0%,#ffe8b6 0%,transparent 45%),radial-gradient(circle at 90% 20%,#c8f1ef 0%,transparent 42%),linear-gradient(160deg,var(--bg-base),var(--bg-soft));overflow-x:hidden;overflow-y:auto}h1,h2,h3,strong,.badge{font-family:Sora,Segoe UI,sans-serif}h1,h2,h3,p{margin:0}code{background:#f2ede1;border-radius:8px;padding:.1rem .35rem}button,input,select,textarea{font:inherit}button{border:0;border-radius:12px;padding:.7rem 1rem;background:linear-gradient(140deg,var(--brand-700),var(--brand-500));color:#fff;font-weight:700;cursor:pointer;transition:transform .15s ease,filter .2s ease}button:hover{filter:brightness(1.05);transform:translateY(-1px)}button:disabled{filter:grayscale(.45);cursor:not-allowed;transform:none}button.ghost{background:transparent;color:var(--brand-700);border:1px solid var(--brand-700)}input,select,textarea{width:100%;background:#fff;border:1px solid var(--border);border-radius:12px;padding:.65rem .75rem;color:var(--ink-900)}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--brand-500),white 60%);border-color:var(--brand-500)}textarea{resize:vertical;min-height:76px}label{display:grid;gap:.4rem;color:var(--ink-700);font-size:.93rem}ul{margin:0;padding-left:1.2rem}.setup-shell,.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.setup-card,.auth-card{width:min(760px,100%);background:var(--panel);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .42s ease}.auth-card{width:min(860px,100%)}.brand-header{display:grid;gap:.5rem;margin-bottom:1rem}.badge{display:inline-block;width:fit-content;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.32rem .58rem;background:#d8f2ef;color:var(--brand-700)}.auth-switch{display:inline-flex;gap:.4rem;padding:.3rem;border-radius:14px;border:1px solid var(--border);background:#fff;margin-bottom:1rem}.auth-switch button{background:transparent;color:var(--ink-700);border-radius:10px;font-weight:600}.auth-switch button.active{background:linear-gradient(140deg,var(--brand-700),var(--brand-500));color:#fff}.auth-inline-actions{display:grid;gap:.4rem}.auth-inline-actions button{justify-self:start}.erp-shell{width:100%;height:100vh;margin:0;padding:.7rem;display:flex;flex-direction:column;gap:.6rem}.top-header{display:flex;justify-content:space-between;gap:.7rem;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:.72rem .9rem;box-shadow:var(--shadow);animation:rise .42s ease}.top-header h1{font-size:1.2rem}.top-header .badge{font-size:.64rem;padding:.22rem .48rem}.header-actions{display:flex;gap:.55rem;align-items:center}.header-actions label{min-width:180px}.header-actions p{color:var(--ink-700);font-size:.84rem}.top-header .muted-line{font-size:.8rem;margin-top:.22rem}.top-header button{padding:.5rem .75rem;font-size:.84rem}.muted-line{color:var(--ink-500);font-size:.86rem;margin-top:.35rem}.tab-strip{display:flex;flex-wrap:nowrap;gap:.55rem;overflow-x:auto;padding-bottom:.1rem}.workspace-content{flex:1;min-height:0;display:grid;overflow:hidden}.tab-strip button{background:#ffffffb8;color:var(--ink-700);border:1px solid var(--border)}.tab-strip button.active{background:linear-gradient(140deg,var(--brand-700),var(--brand-500));color:#fff;border-color:transparent}.banner{margin:0;border-radius:12px;padding:.68rem .78rem;border:1px solid}.banner.error{border-color:color-mix(in srgb,var(--danger),white 45%);color:var(--danger);background:color-mix(in srgb,var(--danger),white 92%)}.banner.success{border-color:color-mix(in srgb,var(--success),white 40%);color:var(--success);background:color-mix(in srgb,var(--success),white 90%)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:.9rem;box-shadow:var(--shadow);display:grid;gap:.8rem;animation:rise .45s ease}.workspace-content>.panel{height:100%;min-height:0;overflow:hidden;align-content:start}.workspace-content>.panel>.table-wrap{min-height:0}.dashboard-panel{grid-template-rows:auto auto minmax(0,1fr)}.panel h2{font-size:1.18rem}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:.75rem}.stats-grid article{background:var(--panel-deep);border:1px solid var(--border);border-radius:14px;padding:.85rem}.stats-grid h3{color:var(--ink-700);font-size:.92rem;margin-bottom:.35rem}.stats-grid p{font-size:1.2rem;font-weight:700}.reports-panel{grid-template-rows:auto minmax(0,1fr) auto}.reports-scroll{min-height:0;overflow:auto;display:grid;gap:.75rem;align-content:start;padding-right:.2rem}.reports-stats-grid,.reports-kpi-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}.reports-filter-shell{border:1px solid var(--border);border-radius:14px;padding:.72rem;background:linear-gradient(145deg,#fff,#f1fbfa);display:grid;gap:.55rem}.reports-graph-grid,.reports-data-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.report-card{border:1px solid var(--border);border-radius:14px;background:linear-gradient(155deg,#fff,#f5fbfa);padding:.72rem;display:grid;gap:.65rem;align-content:start;min-height:0}.table-card{min-height:0}.report-card-head{display:grid;gap:.3rem}.report-card-head h3{font-size:.98rem}.report-card-head p{color:var(--ink-500);font-size:.84rem}.line-chart{width:100%;height:190px;overflow:visible}.line-chart-grid{stroke:color-mix(in srgb,var(--ink-500),white 65%);stroke-width:1;stroke-dasharray:4 4}.line-chart-sales,.line-chart-purchase,.line-chart-profit{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-chart-sales{stroke:var(--brand-500)}.line-chart-purchase{stroke:#f28f3b}.line-chart-profit{stroke:#4a68c5}.line-chart-legend{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;font-size:.82rem;color:var(--ink-700)}.line-chart-legend span{display:inline-flex;align-items:center;gap:.35rem}.swatch{width:11px;height:11px;border-radius:999px;display:inline-block}.swatch.sales{background:var(--brand-500)}.swatch.purchases{background:#f28f3b}.swatch.profit{background:#4a68c5}.line-chart-labels{display:flex;justify-content:space-between;color:var(--ink-500);font-size:.79rem}.horizontal-bars{display:grid;gap:.55rem}.horizontal-bar-row{display:grid;gap:.28rem}.horizontal-bar-head{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.horizontal-bar-head strong{font-size:.85rem}.horizontal-bar-head span{font-size:.84rem;color:var(--ink-700);font-weight:600}.horizontal-bar-track{width:100%;height:8px;border-radius:999px;background:#dfeceb;overflow:hidden}.horizontal-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(140deg,var(--brand-700),var(--brand-500))}.donut-layout{display:grid;grid-template-columns:130px 1fr;gap:.75rem;align-items:center}.donut-ring{width:130px;height:130px;border-radius:999px;display:grid;place-items:center}.donut-center{width:76px;height:76px;border-radius:999px;background:#fff;display:grid;place-items:center;text-align:center}.donut-center strong{font-size:.86rem}.donut-center span{color:var(--ink-500);font-size:.73rem}.donut-legend{display:grid;gap:.42rem}.donut-legend-row{display:flex;justify-content:space-between;gap:.55rem;align-items:baseline}.donut-legend-row p{color:var(--ink-700);font-size:.83rem}.donut-legend-row strong{font-size:.83rem}.gst-mix-grid{display:grid;gap:.45rem}.gst-mix-row{border:1px solid var(--border);border-radius:10px;padding:.5rem .56rem;background:#fff;display:grid;gap:.15rem}.gst-mix-row p{color:var(--ink-700);font-size:.82rem}.gst-mix-row strong{font-size:.9rem}.gst-mix-row span{color:var(--ink-500);font-size:.79rem}.compact-table{max-height:280px}.compact-table th,.compact-table td{padding:.52rem;font-size:.84rem}.ai-summary-card{gap:.7rem;background:linear-gradient(145deg,#fff,#f0faf7)}.ai-summary-text{color:var(--ink-700);line-height:1.45}.ai-feed-grid{display:grid;gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-insight-card{border-radius:12px;border:1px solid var(--border);background:#fff;padding:.62rem;display:grid;gap:.34rem}.ai-insight-card h4{margin:0;font-size:.91rem}.ai-insight-card p{margin:0;font-size:.82rem;color:var(--ink-700)}.ai-insight-card .ai-metric{font-weight:700;color:var(--ink-900)}.ai-insight-card .ai-action{color:var(--ink-700)}.ai-insight-tag{width:fit-content;border-radius:999px;padding:.15rem .48rem;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.ai-insight-card.critical{border-color:color-mix(in srgb,var(--danger),white 58%);background:color-mix(in srgb,var(--danger),white 95%)}.ai-insight-card.critical .ai-insight-tag{color:var(--danger);background:color-mix(in srgb,var(--danger),white 85%)}.ai-insight-card.warning{border-color:color-mix(in srgb,var(--accent-500),white 60%);background:color-mix(in srgb,var(--accent-500),white 93%)}.ai-insight-card.warning .ai-insight-tag{color:#aa5d1c;background:color-mix(in srgb,var(--accent-500),white 83%)}.ai-insight-card.opportunity{border-color:color-mix(in srgb,var(--brand-500),white 58%);background:color-mix(in srgb,var(--brand-500),white 93%)}.ai-insight-card.opportunity .ai-insight-tag{color:var(--brand-700);background:color-mix(in srgb,var(--brand-500),white 81%)}.ai-insight-card.info{border-color:color-mix(in srgb,var(--ink-500),white 60%);background:color-mix(in srgb,var(--ink-500),white 93%)}.ai-insight-card.info .ai-insight-tag{color:var(--ink-700);background:color-mix(in srgb,var(--ink-500),white 81%)}.reports-actions{position:sticky;bottom:0;z-index:2;justify-content:flex-end;padding:.55rem;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--panel-deep),white 22%)}.two-col{grid-template-columns:minmax(300px,420px) 1fr}.workspace-content>.panel.two-col{grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:stretch}.workspace-content>.panel.two-col>.grid-form{min-height:0;overflow:auto;padding-right:.2rem}.invoice-sticky-actions,.retail-sticky-actions{position:sticky;bottom:0;z-index:3;display:grid;gap:.55rem;padding-top:.55rem;background:linear-gradient(180deg,#f6f4ee00,#f6f4eed1 30%,#f6f4eefa)}.invoice-sticky-actions button,.retail-sticky-actions button{width:100%}.workspace-content>.panel.two-col>.table-wrap,.workspace-content>.panel.two-col>.full-span.table-wrap{min-height:0;height:100%}.grid-form{display:grid;gap:.72rem;align-content:start}.retail-panel{gap:.8rem;grid-template-rows:minmax(0,1fr)}.retail-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:.7rem}.retail-kpi{background:linear-gradient(150deg,#fff,#f0faf8);border:1px solid var(--border);border-radius:14px;padding:.8rem;display:grid;gap:.25rem}.retail-kpi h3{font-size:1.18rem}.retail-kpi p:last-child{color:var(--ink-500);font-size:.84rem}.retail-fast-lane{border:1px solid var(--border);border-radius:14px;padding:.9rem;background:linear-gradient(150deg,#f8fffe,#eefaf8);display:grid;gap:.6rem}.retail-fast-lane h3{font-size:1rem}.retail-catalog-row{display:grid;grid-template-columns:minmax(300px,2fr) minmax(100px,.7fr) auto auto;gap:.6rem;align-items:end}.retail-form-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:.9rem;align-items:stretch;min-height:0}.retail-form-main{display:grid;gap:.72rem;align-content:start;min-height:0;overflow:auto;padding-right:.2rem}.retail-live-panel{border:1px solid var(--border);border-radius:14px;padding:.85rem;background:linear-gradient(150deg,#fff,#f2fcfb);display:grid;gap:.6rem;min-height:0;overflow:auto}.retail-live-panel h3{font-size:1rem}.retail-sticky-summary{border-radius:12px;border:1px solid var(--border);background:var(--panel-deep);padding:.65rem .72rem;display:flex;justify-content:space-between;gap:.5rem;align-items:center}.retail-sticky-summary p{margin:0;color:var(--ink-700);font-size:.86rem;font-weight:600}.retail-live-list{display:grid;gap:.55rem;max-height:430px;overflow:auto;padding-right:.1rem}.retail-live-item{border:1px dashed var(--border);border-radius:12px;padding:.55rem;display:grid;gap:.2rem}.retail-live-item p{margin:0;color:var(--ink-700);font-size:.86rem}.retail-live-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.quick-invoice-grid{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(220px,1fr))}.line-items{display:grid;gap:.55rem}.module-info{border:1px solid var(--border);border-radius:14px;padding:.68rem .74rem;background:linear-gradient(150deg,#fff,#f4fbfa);display:grid;gap:.35rem}.module-info p{margin:0;color:var(--ink-700);font-size:.86rem}.module-mini-stats{display:flex;gap:.45rem;flex-wrap:wrap}.module-mini-stats span{border-radius:999px;border:1px solid var(--border);background:#fff;padding:.18rem .5rem;font-size:.76rem;color:var(--ink-700);font-weight:600}.invoice-discount-row{display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(180px,280px))}.filters-inline{display:grid;grid-template-columns:repeat(2,minmax(180px,280px));gap:.7rem}.action-row{display:flex;gap:.45rem;flex-wrap:wrap}.line-row{display:grid;gap:.5rem;grid-template-columns:minmax(180px,1.35fr) repeat(5,minmax(84px,.72fr)) auto;align-items:center}.sales-line-row{grid-template-columns:minmax(180px,1.35fr) repeat(5,minmax(84px,.72fr)) auto}.purchase-line-row{grid-template-columns:minmax(180px,1.45fr) repeat(3,minmax(96px,.78fr)) auto}.line-row-head{display:grid;gap:.5rem;align-items:center;border:1px solid var(--border);border-radius:10px;padding:.38rem .45rem;background:color-mix(in srgb,var(--panel-deep),white 24%)}.line-row-head span{color:var(--ink-500);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.invoice-totals{border-radius:14px;background:var(--panel-deep);border:1px solid var(--border);padding:.78rem;display:grid;gap:.25rem}.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--border);background:#fff}.table-wrap h2,.table-wrap h3{padding:.78rem;border-bottom:1px solid var(--border)}.full-span{grid-column:1 / -1}table{width:100%;border-collapse:collapse}thead{background:#f6f8f5}th,td{text-align:left;padding:.65rem;border-bottom:1px solid #eef1ee;white-space:nowrap;font-size:.92rem;vertical-align:top}td button{padding:.42rem .65rem;font-size:.8rem}.row-warning{background:color-mix(in srgb,var(--accent-500),white 85%)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){body{overflow:auto}.erp-shell{height:auto;min-height:100vh;padding:1rem;gap:1rem}.workspace-content{overflow:visible}.workspace-content>.panel{height:auto;overflow:visible}.two-col{grid-template-columns:1fr}.stats-grid,.reports-stats-grid,.reports-kpi-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.reports-graph-grid,.reports-data-grid,.ai-feed-grid{grid-template-columns:1fr}.donut-layout{grid-template-columns:1fr;justify-items:start}.retail-kpi-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.line-row{grid-template-columns:1fr}.line-row-head{display:none}.filters-inline,.invoice-discount-row,.quick-invoice-grid,.retail-catalog-row,.retail-form-layout{grid-template-columns:1fr}.retail-live-panel{position:static;overflow:visible}.invoice-sticky-actions,.retail-sticky-actions,.reports-actions{position:static;padding:0;border:0;background:transparent}}@media(max-width:680px){.stats-grid,.retail-kpi-grid,.reports-kpi-grid{grid-template-columns:1fr}.top-header{flex-direction:column}.header-actions{flex-direction:column;align-items:flex-start}}:root{--bg-base: #f6f4ee;--bg-soft: #fff8ec;--bg-elevated: #ffffff;--panel: rgba(255, 255, 255, .92);--panel-deep: #fffef9;--panel-border: rgba(44, 83, 97, .15);--ink-900: #1d2a30;--ink-700: #3f5964;--ink-500: #647e88;--ink-400: #8a9fa8;--ink-300: #b0c4cc;--brand-900: #064846;--brand-700: #0c7772;--brand-500: #17a39c;--brand-300: #5fcfc8;--brand-100: #d8f2ef;--accent-700: #c46b1c;--accent-500: #f28f3b;--accent-300: #f8b87a;--accent-100: #fde8d3;--danger-700: #8c2828;--danger-500: #bb3f3f;--danger-300: #e07878;--danger-100: #fce4e4;--success-700: #156239;--success-500: #1f8c53;--success-300: #5fbd8a;--success-100: #d6f5e4;--warning-700: #9a6b00;--warning-500: #d4a000;--warning-300: #f0c94e;--warning-100: #fff8dc;--info-700: #1a5a8c;--info-500: #2980b9;--info-300: #6ba8d0;--info-100: #dceef8;--font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Monaco", Consolas, monospace;--text-xs: clamp(.625rem, .5rem + .5vw, .75rem);--text-sm: clamp(.75rem, .625rem + .5vw, .875rem);--text-base: clamp(.875rem, .75rem + .5vw, 1rem);--text-lg: clamp(1rem, .875rem + .5vw, 1.125rem);--text-xl: clamp(1.125rem, 1rem + .5vw, 1.25rem);--text-2xl: clamp(1.25rem, 1rem + 1vw, 1.5rem);--text-3xl: clamp(1.5rem, 1.25rem + 1vw, 1.875rem);--text-4xl: clamp(1.875rem, 1.5rem + 1.5vw, 2.25rem);--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--page-gutter: var(--space-4);--card-padding: var(--space-4);--section-gap: var(--space-6);--touch-target-min: 44px;--touch-target-comfortable: 48px;--btn-height-sm: 36px;--btn-height-md: 44px;--btn-height-lg: 52px;--input-height-sm: 36px;--input-height-md: 48px;--input-height-lg: 56px;--fab-size: 56px;--fab-mini-size: 40px;--header-height: 56px;--drawer-width: 280px;--sheet-handle-height: 4px;--sheet-handle-width: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--border-width: 1px;--border-color: var(--panel-border);--shadow-xs: 0 1px 2px rgba(24, 48, 58, .04);--shadow-sm: 0 2px 8px rgba(24, 48, 58, .06);--shadow-md: 0 4px 16px rgba(24, 48, 58, .08);--shadow-lg: 0 8px 32px rgba(24, 48, 58, .1);--shadow-xl: 0 16px 48px rgba(24, 48, 58, .12);--shadow-2xl: 0 24px 60px rgba(24, 48, 58, .14);--shadow-fab: 0 4px 12px rgba(12, 119, 114, .25), 0 2px 4px rgba(0, 0, 0, .1);--shadow-dialog: 0 16px 64px rgba(24, 48, 58, .16);--shadow-sheet: 0 -4px 32px rgba(24, 48, 58, .12);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-drawer: 300;--z-drawer-backdrop: 299;--z-modal: 400;--z-modal-backdrop: 399;--z-sheet: 500;--z-sheet-backdrop: 499;--z-toast: 600;--z-fab: 700;--z-tooltip: 800;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}@media(min-width:768px){:root{--page-gutter: var(--space-6);--card-padding: var(--space-6);--header-height: 64px;--input-height-md: 44px}}@media(min-width:1024px){:root{--page-gutter: var(--space-8)}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms}}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{min-height:60vh;display:grid;place-items:center;gap:.7rem;color:var(--ink-700)}.app-shell{width:100%;height:100dvh;display:flex;flex-direction:column;gap:.7rem;padding:.7rem}.app-shell__main{flex:1;min-height:0}.app-shell__content{height:100%;overflow:auto;border-radius:18px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem}.header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid var(--border);border-radius:16px;background:var(--panel);box-shadow:var(--shadow);padding:.65rem .85rem}.header__left,.header__right{display:flex;align-items:center;gap:.55rem}.header__title{font-size:1.05rem;font-weight:700}.header__menu-btn,.header__user-btn{width:40px;height:40px;min-width:40px;padding:0;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--ink-900);display:inline-grid;place-items:center}.header__menu-btn svg,.header__user-btn svg,.header__offline svg{width:18px;height:18px}.header__offline{width:36px;height:36px;border-radius:999px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--warning-500),white 75%);color:var(--warning-700)}.drawer-backdrop{position:fixed;inset:0;z-index:300;pointer-events:none}.drawer-backdrop--open{pointer-events:auto}.drawer-backdrop__overlay{position:absolute;inset:0;opacity:0;background:#0d191f73;transition:opacity .2s ease}.drawer-backdrop--open .drawer-backdrop__overlay{opacity:1}.drawer{position:absolute;inset:0 auto 0 0;width:min(300px,85vw);background:#fff;border-right:1px solid var(--border);box-shadow:0 20px 48px #18303a33;transform:translate(-105%);transition:transform .24s ease;display:flex;flex-direction:column}.drawer--open{transform:translate(0)}.drawer__header{padding:1rem;border-bottom:1px solid var(--border);display:grid;gap:.85rem}.drawer__brand{display:flex;align-items:center;gap:.6rem}.drawer__logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,var(--brand-700),var(--brand-500));color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.06em}.drawer__title{font-size:1rem;font-weight:800;letter-spacing:.04em}.drawer__org{display:grid;gap:.35rem}.drawer__org-name{font-size:.88rem;color:var(--ink-700)}.drawer__nav{flex:1;overflow:auto;padding:.6rem;display:grid;gap:.25rem}.drawer__link{display:flex;align-items:center;gap:.7rem;border-radius:12px;color:var(--ink-700);padding:.66rem .75rem;transition:background .16s ease,color .16s ease}.drawer__link:hover{background:color-mix(in srgb,var(--brand-100),white 20%);color:var(--ink-900)}.drawer__link--active{background:linear-gradient(140deg,color-mix(in srgb,var(--brand-500),white 82%),color-mix(in srgb,var(--brand-300),white 88%));color:var(--brand-900);font-weight:700}.drawer__link-icon{width:19px;height:19px;display:inline-grid;place-items:center}.drawer__link-icon svg{width:18px;height:18px}.drawer__link-label{font-size:.9rem}.drawer__footer{border-top:1px solid var(--border);padding:.75rem .9rem}.drawer__user{display:flex;align-items:center;gap:.55rem}.drawer__user-avatar{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;color:#fff;background:linear-gradient(140deg,var(--brand-700),var(--brand-500));font-weight:700}.drawer__user-info{display:grid;min-width:0}.drawer__user-name{font-size:.86rem;font-weight:700}.drawer__user-email{font-size:.76rem;color:var(--ink-500);overflow:hidden;text-overflow:ellipsis}.page{display:grid;gap:1rem}.reports-page{min-height:100%}.page__section{display:grid;gap:.75rem}.page__tabs{display:inline-flex;gap:.4rem;padding:.32rem;border-radius:13px;border:1px solid var(--border);background:#fff}.tab-btn{background:transparent;color:var(--ink-700);border:1px solid transparent;border-radius:10px;min-height:38px;padding:.5rem .8rem;font-weight:600}.tab-btn--active{background:linear-gradient(140deg,var(--brand-700),var(--brand-500));color:#fff}.two-col-page{display:grid;gap:1rem}.page__form-panel,.page__list-panel{background:var(--panel-deep);border:1px solid var(--border);border-radius:16px;padding:1rem;display:grid;gap:.8rem}.section-title{font-size:1rem;font-weight:700}.list-header{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.search-input{width:min(280px,100%);background:#fff}.table-empty{text-align:center;color:var(--ink-500)}.status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.22rem .52rem;border:1px solid transparent;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-badge--success{color:var(--success-700);background:var(--success-100);border-color:color-mix(in srgb,var(--success-500),white 45%)}.status-badge--warning{color:var(--warning-700);background:var(--warning-100);border-color:color-mix(in srgb,var(--warning-500),white 45%)}.status-badge--info{color:var(--info-700);background:var(--info-100);border-color:color-mix(in srgb,var(--info-500),white 45%)}.action-cell{display:flex;gap:.45rem;justify-content:flex-end}.info-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-size:.9rem}.list-item-row{border:1px solid var(--border);border-radius:12px;background:#fff;padding:.65rem;display:flex;justify-content:space-between;gap:.7rem}.form-row{display:flex;gap:.7rem;flex-wrap:wrap}.line-item-row{display:flex;gap:.55rem;align-items:flex-end;flex-wrap:wrap}.invoice-summary{display:flex;flex-wrap:wrap;gap:.8rem;border:1px dashed var(--border);border-radius:12px;background:#fff;padding:.6rem .72rem;color:var(--ink-700);font-size:.85rem}.wide-form{background:var(--panel-deep);border:1px solid var(--border);border-radius:16px;padding:1rem}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:1rem}.auth-page__container{width:min(920px,100%)}.auth-card{width:min(560px,100%);margin-inline:auto}.auth-card--wide{width:min(880px,100%)}.auth-card__header{display:grid;gap:.35rem;margin-bottom:1rem}.auth-card__title{font-size:clamp(1.25rem,1rem + 1vw,1.6rem)}.auth-card__subtitle{color:var(--ink-700)}.auth-form{display:grid;gap:.8rem}.auth-form__row{display:grid;gap:.7rem}.auth-form__error{border:1px solid color-mix(in srgb,var(--danger-500),white 50%);background:var(--danger-100);color:var(--danger-700);border-radius:12px;padding:.6rem .7rem;font-size:.85rem}.auth-form__actions{display:flex;flex-wrap:wrap;gap:.6rem}.auth-form__otp-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.auth-form__captcha{min-height:78px;display:flex;justify-content:center;overflow:auto}.auth-form__captcha-help{margin-top:-.2rem}.auth-form__forgot-link,.auth-link{background:transparent;border:0;color:var(--brand-700);font-weight:600;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth-recovery{border:1px solid var(--border);border-radius:12px;background:var(--panel-deep);padding:.7rem;display:grid;gap:.7rem}.auth-recovery__modes{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.auth-recovery__mode{min-height:38px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--ink-700);font-weight:600}.auth-recovery__mode--active{border-color:color-mix(in srgb,var(--brand-500),white 20%);background:color-mix(in srgb,var(--brand-100),white 55%);color:var(--brand-900)}.auth-recovery__phone{display:grid;gap:.75rem}.auth-card__footer{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border);color:var(--ink-700);font-size:.86rem}.onboarding-choices{display:grid;gap:.75rem}.onboarding-choice{border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--ink-900);padding:.85rem;text-align:left;display:grid;gap:.45rem}.onboarding-choice:hover{border-color:color-mix(in srgb,var(--brand-500),white 25%);background:color-mix(in srgb,var(--brand-100),white 60%)}.onboarding-choice__icon{width:32px;height:32px;border-radius:10px;display:inline-grid;place-items:center;color:var(--brand-700);background:color-mix(in srgb,var(--brand-100),white 28%)}.onboarding-choice__icon svg{width:18px;height:18px}.onboarding-choice__title{font-weight:700}.onboarding-choice__desc{color:var(--ink-700);font-size:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:44px;border:1px solid transparent;border-radius:12px;padding:.6rem .95rem;background:linear-gradient(140deg,var(--brand-700),var(--brand-500));color:#fff;font-weight:700;line-height:1}.btn--secondary{background:#fff;color:var(--ink-900);border-color:var(--border)}.btn--ghost{background:transparent;color:var(--brand-700);border-color:color-mix(in srgb,var(--brand-700),white 45%)}.btn--danger{background:linear-gradient(140deg,var(--danger-700),var(--danger-500))}.btn--success{background:linear-gradient(140deg,var(--success-700),var(--success-500))}.btn--sm{min-height:34px;border-radius:10px;padding:.4rem .64rem;font-size:.8rem}.btn--full{width:100%}.btn--loading{pointer-events:none}.btn__spinner{display:inline-grid;place-items:center}.btn__spinner-icon{width:14px;height:14px;animation:spin .9s linear infinite}.btn__icon{display:inline-grid;place-items:center}.btn__icon--left,.btn__icon--right{line-height:0}.btn__icon svg{width:15px;height:15px}.btn__text{line-height:1}.card{border-radius:16px;border:1px solid var(--border);background:var(--panel-deep);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card--default{background:var(--panel)}.card--elevated{box-shadow:0 20px 48px #18303a29}.card--outlined{box-shadow:none;background:#fff}.card--pad-none{padding:0}.card--pad-sm{padding:.8rem}.card--pad-md{padding:1rem}.card--pad-lg{padding:1.25rem}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.75rem}.card__header-content{display:grid;gap:.3rem}.card__header-action{flex-shrink:0}.card__title{font-size:1rem}.card__subtitle{color:var(--ink-700);font-size:.85rem}.card__body{display:grid;gap:.75rem}.card__footer{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--border)}.input-wrapper{display:grid;gap:.35rem}.input-wrapper--full{width:100%}.input__label{color:var(--ink-700);font-size:.86rem}.input__container{position:relative}.input{width:100%;min-height:44px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--ink-900);padding:.62rem .72rem;font-size:16px}.input--has-left-icon{padding-left:2.25rem}.input--has-right-icon{padding-right:2.25rem}.input__icon{position:absolute;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ink-500)}.input__icon--left{left:.75rem}.input__icon--right{right:.75rem}.input-wrapper--error .input{border-color:var(--danger-500)}.input__hint,.input__error{font-size:.77rem}.input__hint{color:var(--ink-500)}.input__error{color:var(--danger-700)}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid transparent;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge--sm{padding:.18rem .45rem}.badge--md{padding:.24rem .52rem}.badge--lg{padding:.3rem .62rem}.badge--default{background:#e8eef0;color:var(--ink-700)}.badge--primary{background:var(--brand-100);color:var(--brand-900)}.badge--secondary{background:#ede8ff;color:#453f8f}.badge--success{background:var(--success-100);color:var(--success-700)}.badge--warning{background:var(--warning-100);color:var(--warning-700)}.badge--danger{background:var(--danger-100);color:var(--danger-700)}.badge--info{background:var(--info-100);color:var(--info-700)}.badge__dot{width:7px;height:7px;border-radius:999px;background:currentColor}.spinner{display:inline-grid;place-items:center;color:var(--brand-700)}.spinner__icon{animation:spin .85s linear infinite}.spinner--xs .spinner__icon{width:14px;height:14px}.spinner--sm .spinner__icon{width:18px;height:18px}.spinner--md .spinner__icon{width:22px;height:22px}.spinner--lg .spinner__icon{width:28px;height:28px}.spinner--xl .spinner__icon{width:34px;height:34px}.toast-container{position:fixed;inset:auto 1rem 1rem auto;width:min(360px,calc(100vw - 2rem));display:grid;gap:.5rem;z-index:600}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;border-radius:12px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow);padding:.56rem .58rem;animation:rise .22s ease}.toast--success{border-color:color-mix(in srgb,var(--success-500),white 50%);background:color-mix(in srgb,var(--success-100),white 45%)}.toast--error{border-color:color-mix(in srgb,var(--danger-500),white 50%);background:color-mix(in srgb,var(--danger-100),white 45%)}.toast--warning{border-color:color-mix(in srgb,var(--warning-500),white 45%);background:color-mix(in srgb,var(--warning-100),white 45%)}.toast--info{border-color:color-mix(in srgb,var(--info-500),white 45%);background:color-mix(in srgb,var(--info-100),white 45%)}.toast--exiting{opacity:0;transform:translateY(6px)}.toast__icon{width:18px;height:18px;display:inline-grid;place-items:center}.toast__icon svg,.toast__dismiss svg{width:16px;height:16px}.toast__message{font-size:.84rem}.toast__dismiss{width:28px;height:28px;min-width:28px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-700);padding:0;display:inline-grid;place-items:center}.modal-backdrop{position:fixed;inset:0;z-index:400;background:#0b181f73;display:grid;place-items:center;padding:1rem}.modal{width:min(640px,100%);max-height:calc(100dvh - 2rem);overflow:auto;border-radius:16px;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-dialog)}.modal--sm{width:min(420px,100%)}.modal--md{width:min(640px,100%)}.modal--lg{width:min(820px,100%)}.modal--xl{width:min(980px,100%)}.modal--full{width:min(1200px,100%);height:calc(100dvh - 2rem)}.modal__header,.modal__footer{padding:.8rem 1rem}.modal__title{font-size:1rem}.modal__header{border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal__body{padding:1rem}.modal__footer{border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem}.modal__close{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--ink-700);display:inline-grid;place-items:center;padding:0}.bottom-sheet-backdrop{position:fixed;inset:0;z-index:500;background:#0b181f00;pointer-events:none;transition:background .2s ease}.bottom-sheet-backdrop--open{background:#0b181f66;pointer-events:auto}.bottom-sheet{position:absolute;inset:auto 0 0;width:100%;border-radius:18px 18px 0 0;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sheet);max-height:92dvh;display:flex;flex-direction:column}.bottom-sheet--auto{height:auto}.bottom-sheet--half{height:50dvh}.bottom-sheet--full{height:92dvh}.bottom-sheet--animating{transition:transform .2s ease}.bottom-sheet__handle-container{display:grid;place-items:center;padding-top:.45rem}.bottom-sheet__handle{width:34px;height:4px;border-radius:999px;background:#c8d4d9}.bottom-sheet__header{padding:.8rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.bottom-sheet__title{font-size:1rem}.bottom-sheet__content{overflow:auto;padding:1rem}.bottom-sheet__close{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#fff;color:var(--ink-700);display:inline-grid;place-items:center;padding:0}.fab-container{position:fixed;inset:0;z-index:700;pointer-events:none}.fab{position:fixed;bottom:calc(1rem + env(safe-area-inset-bottom,0px));right:1rem;border-radius:999px;border:0;box-shadow:var(--shadow-fab);display:inline-flex;align-items:center;justify-content:center;gap:.42rem;pointer-events:auto}.fab--bottom-left{left:1rem;right:auto}.fab--bottom-center{left:50%;right:auto;transform:translate(-50%)}.fab--sm{width:44px;height:44px}.fab--md{width:56px;height:56px}.fab--lg{width:64px;height:64px}.fab--primary{background:linear-gradient(140deg,var(--brand-700),var(--brand-500));color:#fff}.fab--secondary{background:#fff;color:var(--ink-900);border:1px solid var(--border)}.fab--extended{width:auto;padding:0 1rem}.fab__icon{display:inline-grid;place-items:center}.fab__icon svg{width:21px;height:21px}.fab__label{font-size:.88rem;font-weight:700}.fab-menu{position:fixed;right:1rem;bottom:calc(5.6rem + env(safe-area-inset-bottom,0px));display:grid;gap:.45rem;justify-items:end;pointer-events:auto}.fab-container:has(.fab--bottom-left) .fab-menu{left:1rem;right:auto;justify-items:start}.fab-container:has(.fab--bottom-center) .fab-menu{left:50%;right:auto;transform:translate(-50%)}.fab-action{border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--ink-900);display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .7rem;box-shadow:var(--shadow-md)}.fab-action--disabled{opacity:.6}.fab-action__label{font-size:.82rem}.fab-action__icon{display:inline-grid;place-items:center}.data-table-wrapper{width:100%;display:grid}.data-table__loading,.data-table__empty{min-height:160px;display:grid;place-items:center;gap:.55rem;color:var(--ink-500);border:1px dashed var(--border);border-radius:12px;background:#fff}.data-table__loading-spinner{width:20px;height:20px;border:2px solid color-mix(in srgb,var(--brand-500),white 70%);border-top-color:var(--brand-700);border-radius:999px;animation:spin .85s linear infinite}.data-table__empty-icon{width:28px;height:28px}.data-table__empty-message{color:var(--ink-500)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.86rem}.data-table__head th,.data-table th{position:sticky;top:0;background:var(--panel-deep);color:var(--ink-700);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.data-table__th,.data-table th,.data-table__td,.data-table td{border-bottom:1px solid color-mix(in srgb,var(--border),white 35%);padding:.6rem;text-align:left;vertical-align:middle}.data-table__body td{background:#fff}.data-table__th--right,.data-table__td--right{text-align:right}.data-table__th--center,.data-table__td--center{text-align:center}.data-table__row--clickable{cursor:pointer}.data-table__row:hover,.data-table tbody tr:hover{background:color-mix(in srgb,var(--brand-100),white 80%)}.data-table__mobile{display:grid;gap:.65rem}.mobile-card{border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);padding:.75rem;display:grid;gap:.6rem}.mobile-card--clickable{cursor:pointer}.mobile-card__header{display:flex;justify-content:space-between;gap:.6rem}.mobile-card__title-group{display:grid;gap:.2rem}.mobile-card__title{font-size:.95rem}.mobile-card__subtitle{color:var(--ink-500);font-size:.8rem}.mobile-card__status{display:inline-flex;align-items:center}.mobile-card__fields{display:grid;gap:.38rem}.mobile-card__field{display:flex;justify-content:space-between;gap:.65rem;font-size:.84rem}.mobile-card__field-label{color:var(--ink-500)}.mobile-card__field-value{font-weight:600;text-align:right}.mobile-card__field--highlight .mobile-card__field-value{color:var(--ink-900);font-weight:700}.mobile-card__actions{display:flex;justify-content:flex-end;gap:.5rem}.stat-card{border:1px solid var(--border);border-radius:14px;background:#fff;padding:.72rem;display:flex;gap:.6rem;align-items:flex-start}.stat-card--compact{padding:.56rem}.stat-card__icon{width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--brand-100),white 35%);color:var(--brand-700);display:inline-grid;place-items:center}.stat-card__content{display:grid;gap:.2rem}.stat-card__label{color:var(--ink-700);font-size:.78rem}.stat-card__value{font-size:clamp(1.05rem,1rem + .9vw,1.3rem);font-weight:800}.stat-card__sub{color:var(--ink-500);font-size:.76rem}.stat-card__trend{display:inline-flex;align-items:center;gap:.24rem;font-size:.76rem}.stat-card__trend-icon{width:14px;height:14px;display:inline-grid;place-items:center}.stat-card__trend-value{font-weight:700}.chart-card{min-height:100%}.empty-state{min-height:180px;border:1px dashed var(--border);border-radius:14px;background:#fff;display:grid;place-items:center;gap:.45rem;text-align:center;padding:1rem}.empty-state__icon{width:38px;height:38px;color:var(--ink-500)}.empty-state__title{font-size:1rem}.empty-state__description{color:var(--ink-700);max-width:34ch}.empty-state__action{margin-top:.3rem}.pull-to-refresh-indicator{position:absolute;top:0;left:50%;transform:translate(-50%,-40px);width:34px;height:34px;border-radius:999px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:grid;place-items:center;z-index:10}.pull-to-refresh-icon{color:var(--brand-700)}.pull-to-refresh-icon.spinning{animation:spin .75s linear infinite}.dashboard-v2{display:grid;gap:1rem}.dashboard-hero{border:1px solid var(--border);border-radius:16px;background:linear-gradient(130deg,#12938926,#f28f3b24),#fff;padding:1rem;display:grid;gap:.85rem}.dashboard-hero__eyebrow{color:var(--brand-700);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem}.dashboard-hero h2{font-size:clamp(1.05rem,1rem + 1vw,1.4rem);max-width:44ch}.dashboard-hero__actions{display:flex;flex-wrap:wrap;gap:.5rem}.dashboard-retail-spotlight{border:1px solid color-mix(in srgb,var(--brand-500),white 50%);border-radius:16px;padding:.95rem;background:radial-gradient(circle at 12% 0%,rgba(17,149,139,.2),transparent 42%),linear-gradient(145deg,#fff,color-mix(in srgb,var(--brand-100),white 54%));display:grid;gap:.9rem}.dashboard-retail-spotlight__eyebrow{color:var(--brand-700);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.dashboard-retail-spotlight h3{font-size:clamp(1rem,.9rem + .7vw,1.22rem)}.dashboard-retail-spotlight p{color:var(--ink-700);font-size:.86rem}.dashboard-retail-spotlight__actions{display:flex;flex-wrap:wrap;gap:.45rem}.dashboard-retail-spotlight__stats{display:grid;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-retail-spotlight__stats article{border:1px solid color-mix(in srgb,var(--brand-500),white 65%);border-radius:12px;background:#ffffffdb;padding:.58rem .62rem;display:grid;gap:.2rem}.dashboard-retail-spotlight__stats small{color:var(--ink-600);font-size:.73rem}.dashboard-retail-spotlight__stats strong{font-size:1rem;color:var(--ink-900)}.dashboard-kpi-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.dashboard-kpi{border:1px solid var(--border);border-radius:14px;background:#fff;padding:.82rem;display:grid;gap:.25rem}.dashboard-kpi__head{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.dashboard-kpi p{color:var(--ink-700);font-size:.8rem}.dashboard-kpi__icon{width:28px;height:28px;min-width:28px;border-radius:9px;border:1px solid color-mix(in srgb,var(--brand-500),white 46%);background:color-mix(in srgb,var(--brand-100),white 36%);color:var(--brand-700);display:inline-grid;place-items:center}.dashboard-kpi__icon svg{width:16px;height:16px}.dashboard-kpi h3{font-size:clamp(1.05rem,1rem + .9vw,1.35rem)}.dashboard-kpi span{color:var(--ink-500);font-size:.76rem}.dashboard-kpi--accent{background:linear-gradient(140deg,color-mix(in srgb,var(--brand-100),white 20%),#fff)}.dashboard-kpi-grid--compact .dashboard-kpi h3{font-size:1.05rem}.dashboard-layout{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-panel{border:1px solid var(--border);border-radius:14px;background:#fff;padding:.85rem;display:grid;gap:.65rem}.dashboard-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.dashboard-panel__head h3{font-size:.95rem}.dashboard-panel__title{display:inline-flex;align-items:center;gap:.45rem}.dashboard-panel__icon{width:24px;height:24px;border-radius:8px;border:1px solid color-mix(in srgb,var(--brand-500),white 46%);background:color-mix(in srgb,var(--brand-100),white 38%);color:var(--brand-700);display:inline-grid;place-items:center}.dashboard-panel__icon svg{width:14px;height:14px}.dashboard-panel__head a{color:var(--brand-700);font-weight:700;font-size:.82rem}.dashboard-list{display:grid;gap:.5rem}.dashboard-list__item{border:1px solid color-mix(in srgb,var(--border),white 25%);border-radius:11px;background:color-mix(in srgb,var(--bg-soft),white 35%);padding:.6rem;display:flex;justify-content:space-between;gap:.7rem}.dashboard-list__meta{display:grid;justify-items:end;text-align:right}.dashboard-list__meta span{font-size:.86rem;font-weight:700}.dashboard-list__meta small{color:var(--ink-500);font-size:.73rem}.landing-shell{height:100dvh;overflow:auto;padding:clamp(1rem,1.2vw + .8rem,2rem);display:grid;gap:1rem;background:radial-gradient(circle at 12% 0%,#ffe7bf 0%,transparent 44%),radial-gradient(circle at 90% 18%,#bae8e4 0%,transparent 40%),linear-gradient(155deg,#f7f3ea,#fff9ee)}.landing-hero{border-radius:24px;border:1px solid rgba(34,65,74,.16);background:linear-gradient(120deg,#0a77721a,#f28f3b1a),#ffffffe6;box-shadow:0 28px 68px #18303a24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(1rem,1.5vw + .8rem,2rem)}.landing-hero__grid{display:grid;gap:1rem}.landing-hero__copy{display:grid;gap:.85rem}.landing-badge{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;background:color-mix(in srgb,var(--brand-100),white 5%);color:var(--brand-900);font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .62rem}.landing-hero h1{font-size:clamp(1.55rem,1.3rem + 2.2vw,2.65rem);max-width:18ch;line-height:1.12}.landing-hero p{color:var(--ink-700);max-width:58ch;font-size:clamp(.92rem,.85rem + .45vw,1.05rem)}.landing-cta{display:flex;flex-wrap:wrap;gap:.55rem}.landing-tags{display:flex;flex-wrap:wrap;gap:.5rem}.landing-tags span{border:1px solid color-mix(in srgb,var(--panel-border),white 30%);border-radius:999px;background:#ffffffb3;color:var(--ink-700);font-size:.74rem;font-weight:600;padding:.28rem .58rem}.landing-snapshot{border:1px solid color-mix(in srgb,var(--panel-border),white 20%);border-radius:18px;background:#ffffffd9;box-shadow:var(--shadow-sm);padding:.85rem;display:grid;gap:.6rem}.landing-snapshot__title{color:var(--ink-700);font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.landing-snapshot__rows{display:grid;gap:.45rem}.landing-snapshot__rows div{border:1px solid color-mix(in srgb,var(--panel-border),white 30%);border-radius:12px;background:color-mix(in srgb,var(--bg-soft),white 38%);padding:.55rem .6rem;display:grid;gap:.16rem}.landing-snapshot__rows strong{font-size:.82rem}.landing-snapshot__rows span{color:var(--ink-700);font-size:.78rem}.landing-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.landing-card{border:1px solid color-mix(in srgb,var(--panel-border),white 22%);border-radius:16px;background:#ffffffe0;box-shadow:0 10px 28px #18303a12;padding:1rem;display:grid;gap:.5rem}.landing-card h2{font-size:1.02rem}.landing-card p{color:var(--ink-700);font-size:.86rem}.landing-proof{display:grid;gap:.8rem;grid-template-columns:1.4fr 1fr}.landing-proof__block{border:1px solid color-mix(in srgb,var(--panel-border),white 22%);border-radius:18px;background:#ffffffe6;box-shadow:0 10px 30px #18303a14;padding:1rem 1rem 1.05rem;display:grid;gap:.7rem}.landing-proof__block h2{font-size:1.08rem}.landing-proof__block--trust{align-content:start}.landing-steps__grid{display:grid;gap:.7rem}.landing-steps__grid article{border:1px solid color-mix(in srgb,var(--panel-border),white 28%);border-radius:12px;background:color-mix(in srgb,var(--bg-soft),white 40%);padding:.72rem;display:grid;gap:.28rem}.landing-steps__grid h3{font-size:.9rem}.landing-steps__grid p{color:var(--ink-700);font-size:.82rem}.landing-trust-list{display:grid;gap:.5rem}.landing-trust-list p{border:1px solid color-mix(in srgb,var(--panel-border),white 28%);border-radius:12px;background:color-mix(in srgb,var(--brand-100),white 45%);padding:.62rem .7rem;color:var(--ink-800, #2a3f47);font-size:.84rem;font-weight:600}.invoice-preview{display:grid;gap:.85rem}.invoice-preview__grid{display:grid;gap:.75rem}.invoice-preview__card{border:1px solid var(--border);border-radius:12px;background:var(--surface, #fff);padding:.8rem;display:grid;gap:.35rem}.invoice-preview__card h3{font-size:.9rem;margin:0}.invoice-preview__card p{margin:0;font-size:.84rem;color:var(--ink-800)}.invoice-preview__summary{margin-top:.15rem}@media(max-width:767px){.app-shell{padding:.5rem;gap:.5rem}.app-shell__content{padding:.75rem}.header__title{font-size:.95rem}.header__menu-btn,.header__user-btn{width:36px;height:36px;min-width:36px}.data-table__desktop{display:none}.data-table__mobile{display:grid}.page__tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.tab-btn{width:100%}.line-item-row{display:grid;grid-template-columns:1fr}.invoice-summary{flex-direction:column;gap:.35rem}.list-header{flex-direction:column;align-items:stretch}.search-input{width:100%}.form-row{flex-direction:column}.fab-menu{bottom:calc(5.2rem + env(safe-area-inset-bottom,0px))}.landing-shell{padding:.8rem}.landing-proof{grid-template-columns:1fr}}@media(min-width:768px){.data-table__mobile{display:none}.data-table__desktop{display:block}.two-col-page{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.auth-form__row{grid-template-columns:1fr 1fr}.landing-hero__grid{grid-template-columns:1.3fr 1fr;align-items:end}.invoice-preview__grid{grid-template-columns:1fr 1fr}}:root{--border: color-mix(in srgb, var(--ink-500), white 76%);--shadow: 0 26px 68px rgba(17, 37, 46, .14);--panel-glass: linear-gradient( 160deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .78) )}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float-slow{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,12px,0)}}.app-shell{position:relative;isolation:isolate;margin:0 auto;max-width:1720px;min-height:100dvh;height:auto;padding:clamp(.5rem,.5vw + .45rem,.95rem);gap:clamp(.5rem,.4vw + .45rem,.9rem)}.app-shell__ambient{position:fixed;inset:-22vh -8vw auto;height:52vh;z-index:0;pointer-events:none;opacity:.75;background:radial-gradient(circle at 8% 30%,rgba(242,143,59,.28),transparent 38%),radial-gradient(circle at 84% 18%,rgba(23,163,156,.2),transparent 40%),radial-gradient(circle at 58% 86%,rgba(12,119,114,.12),transparent 42%);filter:blur(6px);animation:float-slow 14s ease-in-out infinite}.app-shell>*:not(.app-shell__ambient){position:relative;z-index:1}.app-shell__content{border-radius:clamp(16px,1vw + 12px,24px);border:1px solid color-mix(in srgb,var(--panel-border),white 26%);background:var(--panel-glass);box-shadow:0 24px 58px #18303a21;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:auto;min-height:100%;overflow:visible;padding:clamp(.75rem,.6vw + .58rem,1.15rem)}.header{position:sticky;top:max(.45rem,var(--safe-top));z-index:var(--z-sticky);border-radius:16px;border:1px solid color-mix(in srgb,var(--panel-border),white 18%);background:linear-gradient(145deg,#fffffff0,#ffffffc7),linear-gradient(150deg,#17a39c0f,#f28f3b14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 32px #152a331a;animation:fade-up .22s var(--ease-out)}.header__title-wrap{display:grid;gap:.08rem}.header__title{font-size:clamp(1rem,.28vw + .96rem,1.2rem);letter-spacing:.01em}.header__subtitle{color:var(--ink-600, #55717b);font-size:.73rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.header__menu-btn,.header__user-btn{transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.header__menu-btn:hover,.header__user-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand-500),white 32%);background:color-mix(in srgb,var(--brand-100),white 86%);box-shadow:0 8px 16px #17a39c24}}.drawer{background:linear-gradient(165deg,#fff,#fbfffe 46%,#f2fbf9 120%),#fff;box-shadow:0 20px 58px #0a202647}.drawer__header{gap:.92rem;background:linear-gradient(160deg,#17a39c14,#f28f3b14),#fff}.drawer__link{min-height:42px;border:1px solid transparent}.drawer__link--active{border-color:color-mix(in srgb,var(--brand-500),white 38%);box-shadow:inset 0 0 0 1px #ffffffad}.page,.dashboard-v2,.reports-page{animation:fade-up .26s var(--ease-out)}.page__form-panel,.page__list-panel,.wide-form,.panel{border-radius:18px;border:1px solid color-mix(in srgb,var(--panel-border),white 20%);background:linear-gradient(150deg,#ffffffe6,#ffffffbd),#fff;box-shadow:0 12px 30px #18303a17}.section-title{font-size:clamp(1rem,.45vw + .9rem,1.18rem)}.banner{border-radius:13px;padding:.65rem .78rem;font-size:.86rem;font-weight:600}.list-item-row{border-radius:14px;background:linear-gradient(150deg,#fff,#fbfffe)}.btn{border:1px solid transparent;box-shadow:0 10px 24px #0b425140;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.btn:hover{transform:translateY(-1px);filter:saturate(1.05);box-shadow:0 14px 28px #0b425152}}.btn:active{transform:translateY(0)}.btn--secondary,.btn--ghost{box-shadow:none}.btn--secondary{border-color:color-mix(in srgb,var(--panel-border),white 18%);background:linear-gradient(180deg,#fff,#f7fbfc)}.btn--ghost{background:color-mix(in srgb,var(--brand-100),white 84%)}.input,select,textarea{border-color:color-mix(in srgb,var(--panel-border),white 8%);box-shadow:inset 0 1px #ffffffb3}.input:focus-visible,select:focus,textarea:focus{border-color:var(--brand-500);box-shadow:inset 0 1px #ffffffb3,0 0 0 3px color-mix(in srgb,var(--brand-500),white 78%)}.page__tabs{border-radius:15px;border-color:color-mix(in srgb,var(--panel-border),white 20%);background:linear-gradient(160deg,#ffffffe6,#f7fcfbeb)}.tab-btn{transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.tab-btn--active{box-shadow:0 10px 20px #086d6a40}.table-wrap{border-radius:16px;border:1px solid color-mix(in srgb,var(--panel-border),white 12%);background:linear-gradient(180deg,#fffffffa,#fafefeeb);box-shadow:inset 0 1px #ffffffb3}.table-wrap>table,.table-wrap .data-table{min-width:680px}.data-table__head th,.data-table th{background:linear-gradient(180deg,#f7fbfb,#f2f8f8)}.data-table__th,.data-table th,.data-table__td,.data-table td{padding:.66rem}.data-table__body tr:nth-child(2n) td,.table-wrap tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--bg-soft),white 58%)}.data-table__row:hover td,.table-wrap tbody tr:hover td{background:color-mix(in srgb,var(--brand-100),white 78%)}.dashboard-hero{border-radius:20px;padding:clamp(1rem,.8vw + .82rem,1.45rem);background:linear-gradient(140deg,#0b797429,#f28f3b29),linear-gradient(180deg,#ffffffeb,#ffffffd6);box-shadow:0 18px 38px #18303a1c}.dashboard-kpi,.dashboard-panel{border-radius:16px;border-color:color-mix(in srgb,var(--panel-border),white 18%);background:linear-gradient(155deg,#fff,#f9fdfd)}.dashboard-kpi h3{letter-spacing:-.01em}.dashboard-list__item{border-radius:12px;border-color:color-mix(in srgb,var(--panel-border),white 24%);background:linear-gradient(145deg,#fffffff2,#f6fcfbf2)}.landing-shell{background:radial-gradient(circle at 12% 0%,#ffe7bf 0%,transparent 44%),radial-gradient(circle at 86% 22%,#b2e9e3 0%,transparent 42%),linear-gradient(156deg,#f6f3eb,#fffaf1 55%,#f7fefc)}.landing-hero,.landing-proof__block,.landing-card{border-color:color-mix(in srgb,var(--panel-border),white 20%)}.reports-filter-shell,.report-card{border-radius:16px;border-color:color-mix(in srgb,var(--panel-border),white 22%);box-shadow:0 12px 24px #162b3314}.reports-actions{padding:.6rem;border-radius:14px;border-color:color-mix(in srgb,var(--panel-border),white 24%);background:linear-gradient(170deg,#ffffffeb,#f7fdfce6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:.5rem}.reports-actions .btn,.reports-actions button{min-height:40px}.reports-actions button{border-radius:11px;border:1px solid color-mix(in srgb,var(--panel-border),white 15%);background:#fff;color:var(--ink-900);font-weight:700;padding:.54rem .72rem}.reports-actions button.ghost{background:color-mix(in srgb,var(--brand-100),white 80%);color:var(--brand-900)}.stats-grid article{border-radius:14px;border:1px solid color-mix(in srgb,var(--panel-border),white 20%);background:linear-gradient(150deg,#fff,#f8fdfc)}.ai-insight-card{border-radius:13px;box-shadow:0 6px 16px #18303a14}@media(max-width:980px){.reports-actions{position:static}}@media(max-width:767px){.app-shell{max-width:none;padding:.45rem;gap:.45rem}.app-shell__ambient{inset:-20vh -45vw auto;height:42vh;opacity:.65}.header{top:max(.3rem,var(--safe-top));padding:.52rem .64rem}.header__subtitle{font-size:.66rem;letter-spacing:.03em}.header__right{gap:.45rem}.app-shell__content{border-radius:15px;padding:.68rem}.page__form-panel,.page__list-panel,.wide-form,.panel{border-radius:14px;padding:.78rem}.action-row{display:grid;grid-template-columns:1fr}.reports-actions{padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.reports-actions button{width:100%}.table-wrap>table,.table-wrap .data-table{min-width:540px}.dashboard-kpi-grid{grid-template-columns:1fr}}.landing-shell--modern{min-height:100dvh;height:auto;overflow:visible;-webkit-overflow-scrolling:touch;scroll-padding-top:max(.4rem,env(safe-area-inset-top,0px));padding-top:max(.8rem,calc(env(safe-area-inset-top,0px) + .45rem));align-content:start;gap:clamp(.8rem,.6vw + .7rem,1.25rem)}.landing-hero--modern{position:relative;overflow:visible;z-index:2;padding-bottom:clamp(.8rem,.9vw + .45rem,1.25rem)}.landing-hero-spark{position:absolute;inset:.75rem .8rem auto auto;width:min(420px,46vw);pointer-events:none;opacity:.82;z-index:0}.landing-hero-spark__svg{width:100%;height:auto}.landing-hero-spark__path{stroke:color-mix(in srgb,var(--brand-500),white 20%);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:8 10;animation:landing-path-flow 13s linear infinite}.landing-hero-spark__path--delay{stroke:color-mix(in srgb,var(--accent-500),white 26%);animation-duration:16s;animation-direction:reverse}.landing-hero-spark__node{fill:#fff;stroke:color-mix(in srgb,var(--brand-700),white 14%);stroke-width:1.8;animation:landing-node-pulse 2.8s ease-in-out infinite}.landing-hero-spark__node--b{animation-delay:.35s}.landing-hero-spark__node--c{animation-delay:.7s}.landing-hero-spark__node--d{animation-delay:1.05s}.landing-hero-spark__node--e{animation-delay:1.35s}.landing-hero--modern:before{content:"";position:absolute;inset:-40% auto auto -14%;width:min(520px,78vw);height:min(520px,78vw);border-radius:999px;background:radial-gradient(circle,#f28f3b3d,#f28f3b00 68%);pointer-events:none}.landing-hero__grid--modern{position:relative;z-index:1;align-items:start;min-height:clamp(320px,38vw,520px)}.landing-hero__copy{align-content:start}.landing-hero__copy h1,.landing-hero__copy>p,.landing-checks,.landing-cta,.landing-tags,.landing-proofline{position:relative;z-index:2}.landing-command-preview__stack{display:grid;gap:.5rem;position:relative;z-index:2}.landing-checks{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}.landing-checks li{display:flex;gap:.45rem;align-items:flex-start;color:var(--ink-700);font-size:.9rem}.landing-checks li:before{content:"-";color:var(--brand-700);font-weight:800;line-height:1.1}.landing-proofline{margin:0;color:var(--ink-500);font-size:.82rem}.landing-command-preview{border:1px solid color-mix(in srgb,var(--panel-border),white 14%);border-radius:18px;background:linear-gradient(180deg,#fffffff0,#f9fefdeb),#fff;padding:.88rem;box-shadow:0 14px 32px #1229311a;display:grid;gap:.66rem}.landing-command-preview__signal{border:1px solid color-mix(in srgb,var(--panel-border),white 26%);border-radius:12px;background:linear-gradient(170deg,#fffffff5,#f5fcfbeb);padding:.34rem .5rem .24rem}.landing-signal{width:100%;height:auto}.landing-signal__axis{stroke:color-mix(in srgb,var(--panel-border),white 8%);stroke-width:1}.landing-signal__wave{stroke:color-mix(in srgb,var(--brand-600, #0f8983),white 8%);stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 8;animation:landing-wave-flow 9s linear infinite}.landing-signal__dot{fill:color-mix(in srgb,var(--brand-500),white 12%);stroke:#fff;stroke-width:1;animation:landing-signal-dot 2.2s ease-in-out infinite}.landing-signal__dot--b{animation-delay:.35s}.landing-signal__dot--c{animation-delay:.7s}.landing-signal__dot--d{animation-delay:1s}.landing-command-preview__stack{display:grid;gap:.5rem}.landing-command-card{border:1px solid color-mix(in srgb,var(--panel-border),white 22%);border-radius:12px;background:linear-gradient(160deg,#fff,#f5fbfa);padding:.62rem .68rem;display:grid;gap:.2rem}.landing-command-card__time{color:var(--brand-700);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.landing-command-card__title{font-size:.88rem}.landing-command-card__desc{margin:0;color:var(--ink-700);font-size:.79rem}.landing-stats-grid{display:grid;gap:.72rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));position:relative;z-index:1;margin-top:.2rem}.landing-stat{border:1px solid color-mix(in srgb,var(--panel-border),white 20%);border-radius:16px;background:linear-gradient(150deg,#fffffff0,#f8fdfcf0),#fff;box-shadow:0 10px 24px #12283014;padding:.8rem;display:grid;gap:.2rem}.landing-stat h2{font-size:clamp(1.15rem,.9rem + 1vw,1.55rem);line-height:1.1}.landing-stat p{margin:0;color:var(--ink-700);font-size:.8rem;font-weight:600}.landing-section{border:1px solid color-mix(in srgb,var(--panel-border),white 22%);border-radius:20px;background:linear-gradient(165deg,#ffffffed,#f8fdfce6),#fff;box-shadow:0 16px 34px #12283017;padding:clamp(.88rem,.8vw + .72rem,1.35rem);display:grid;gap:.85rem}.landing-section__head{display:grid;gap:.35rem}.landing-section__head h2{font-size:clamp(1.1rem,.95rem + .8vw,1.5rem)}.landing-section__head p{margin:0;color:var(--ink-700);font-size:.9rem;max-width:68ch}.landing-feature-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.landing-feature{border:1px solid color-mix(in srgb,var(--panel-border),white 25%);border-radius:14px;background:linear-gradient(150deg,#fff,#f8fdfc);padding:.82rem;display:grid;gap:.45rem}.landing-feature__tag{width:fit-content;margin:0;border-radius:999px;background:color-mix(in srgb,var(--brand-100),white 10%);color:var(--brand-900);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding:.2rem .46rem}.landing-feature__title{font-size:.98rem}.landing-feature__desc{margin:0;color:var(--ink-700);font-size:.84rem}.landing-feature__list{margin:0;padding:0;list-style:none;display:grid;gap:.28rem}.landing-feature__list li{color:var(--ink-700);font-size:.8rem;display:flex;gap:.38rem;align-items:flex-start}.landing-feature__list li:before{content:"-";color:var(--brand-700);font-weight:800;line-height:1.1}.landing-steps-rail{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.landing-step{border:1px solid color-mix(in srgb,var(--panel-border),white 24%);border-radius:14px;background:linear-gradient(150deg,#fff,#f7fcfb);padding:.78rem;display:grid;gap:.3rem}.landing-step__index{margin:0;width:fit-content;border-radius:999px;padding:.16rem .5rem;background:color-mix(in srgb,var(--accent-100),white 10%);color:var(--accent-700);font-size:.7rem;letter-spacing:.08em;font-weight:800}.landing-step__title{font-size:.93rem}.landing-step__desc{margin:0;color:var(--ink-700);font-size:.82rem}.landing-role-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.landing-role{border:1px solid color-mix(in srgb,var(--panel-border),white 24%);border-radius:14px;background:linear-gradient(160deg,#fff,#f7fcfb);padding:.82rem;display:grid;gap:.42rem}.landing-role__title{font-size:.96rem}.landing-role__desc{margin:0;color:var(--ink-700);font-size:.83rem}.landing-role__list{margin:0;padding:0;list-style:none;display:grid;gap:.28rem}.landing-role__list li{color:var(--ink-700);font-size:.8rem;display:flex;gap:.38rem}.landing-role__list li:before{content:"-";color:var(--brand-700);font-weight:800}.landing-final-cta{margin-top:.3rem;border:1px solid color-mix(in srgb,var(--panel-border),white 22%);border-radius:13px;background:color-mix(in srgb,var(--brand-100),white 58%);padding:.7rem;display:grid;gap:.6rem}.landing-final-cta p{margin:0;color:var(--ink-800, #2a3f47);font-weight:700}.landing-final-cta__actions{display:flex;flex-wrap:wrap;gap:.5rem}.command-center-backdrop{position:fixed;inset:0;z-index:820;background:#0d181d80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;align-items:start;justify-items:center;padding:clamp(.7rem,1.2vw,1.2rem)}.command-center{width:min(760px,100%);border-radius:18px;border:1px solid color-mix(in srgb,var(--panel-border),white 10%);background:linear-gradient(160deg,#fffffff5,#f7fcfbf2),#fff;box-shadow:0 28px 70px #081d2547;overflow:hidden;margin-top:clamp(.8rem,4vh,3rem)}.command-center__header,.command-center__footer{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.62rem .78rem;border-bottom:1px solid color-mix(in srgb,var(--panel-border),white 18%)}.command-center__header p{font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-800, #0f605e)}.command-center__header span{color:var(--ink-600, #55717b);font-size:.76rem;font-weight:700}.command-center__footer{border-bottom:0;border-top:1px solid color-mix(in srgb,var(--panel-border),white 18%);flex-wrap:wrap;justify-content:flex-start}.command-center__footer span{color:var(--ink-600, #55717b);font-size:.74rem;font-weight:700}.command-center__input{width:calc(100% - 1.2rem);margin:.6rem .6rem .5rem;min-height:46px;border-radius:12px;border:1px solid color-mix(in srgb,var(--panel-border),white 12%);background:#fff;color:var(--ink-900);padding:.62rem .74rem}.command-center__list{max-height:min(56vh,520px);overflow:auto;display:grid;gap:.4rem;padding:.35rem .6rem .62rem}.command-center__empty{min-height:96px;border:1px dashed color-mix(in srgb,var(--panel-border),white 24%);border-radius:12px;color:var(--ink-600, #55717b);display:grid;place-items:center;font-size:.84rem}.command-item{width:100%;border-radius:12px;border:1px solid color-mix(in srgb,var(--panel-border),white 20%);background:#fff;color:var(--ink-900);display:flex;align-items:center;justify-content:space-between;gap:.9rem;text-align:left;padding:.55rem .62rem}.command-item--active,.command-item:hover{border-color:color-mix(in srgb,var(--brand-500),white 28%);background:color-mix(in srgb,var(--brand-100),white 58%)}.command-item__meta{display:grid;gap:.18rem}.command-item__meta strong{font-size:.86rem}.command-item__meta p{color:var(--ink-700);font-size:.78rem}.command-item__badge{border-radius:999px;border:1px solid color-mix(in srgb,var(--panel-border),white 16%);background:color-mix(in srgb,var(--bg-soft),white 22%);color:var(--ink-700);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;font-weight:800;padding:.14rem .42rem}@keyframes landing-path-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-240}}@keyframes landing-node-pulse{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.15);opacity:1}}@keyframes landing-wave-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-220}}@keyframes landing-signal-dot{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.25);opacity:1}}@media(max-width:767px){.landing-shell--modern{padding:.74rem;gap:.74rem}.landing-hero--modern{padding:.9rem}.landing-hero-spark{display:none}.landing-checks li{font-size:.84rem}.landing-command-preview,.landing-section{border-radius:14px;padding:.72rem}.landing-command-preview__signal{padding:.3rem .42rem .2rem}.landing-hero__grid--modern{min-height:0}.landing-final-cta__actions{display:grid;grid-template-columns:1fr}.landing-final-cta__actions .btn{width:100%}.command-center{border-radius:14px}.command-center__list{max-height:min(58vh,460px)}.command-item{padding:.5rem .56rem;gap:.7rem}}@media(min-width:768px){.landing-hero__grid--modern{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:stretch}}@media(prefers-reduced-motion:reduce){.landing-hero-spark__path,.landing-hero-spark__node,.landing-signal__wave,.landing-signal__dot{animation:none!important}}
