:root{color-scheme:dark;--brand-primary: #f4b400;--brand-primary-dim: #f4b40022;--brand-primary-glow: #f4b40066;--brand-accent: #f7ca4d;--gold: var(--brand-primary);--bg: #0b0f14;--s1: #111315;--s2: #15181d;--s3: #171a1f;--s4: #1e2229;--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.11);--t1: #f4f4f5;--t2: #b4b4be;--t3: #8b8b95;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--fs-xs: 10px;--fs-sm: 11px;--fs-md: 13px;--fs-lg: 15px;--fs-xl: 18px;--fs-2xl: 22px;--fs-display: 28px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--safe-top: env(safe-area-inset-top, 0);--safe-bot: env(safe-area-inset-bottom, 0);--safe-l: env(safe-area-inset-left, 0);--safe-r: env(safe-area-inset-right, 0)}[data-theme=light]{color-scheme:light;--bg: #f3f4f6;--s1: #ffffff;--s2: #f5f6f8;--s3: #eceef1;--s4: #e3e6ea;--border: rgba(0,0,0,.1);--border2: rgba(0,0,0,.16);--t1: #14161a;--t2: #44474e;--t3: #6c7079;--green: #16a34a;--red: #dc2626;--amber: #d97706;--brand-primary-dim: #f4b40026;--brand-primary-glow: #f4b40044}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;background:var(--bg);color:var(--t1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;min-height:100vh;min-height:-webkit-fill-available}body{overscroll-behavior-y:contain}input,select,textarea,button{font-family:inherit}a{color:var(--brand-primary);text-decoration:none}.splash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--bg);z-index:9999;padding-top:var(--safe-top);padding-bottom:var(--safe-bot)}.splash-logo{width:64px;height:64px;border-radius:14px;opacity:.9}.splash-name{font-size:14px;color:var(--t2);letter-spacing:1px;text-transform:uppercase}.header-compact{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:8px;padding:calc(10px + var(--safe-top)) calc(14px + var(--safe-r)) 10px calc(14px + var(--safe-l));background:#0b0d12eb;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);min-width:0}.header-compact h1{font-size:14px;margin:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-compact p{font-size:11px;margin:0;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-pill{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap;transition:color .2s,background .2s,border-color .2s;flex-shrink:0}.sync-pill.synced{color:var(--green);background:#22c55e1a;border-color:#22c55e40}.sync-pill.syncing{color:var(--brand-primary);background:#f4b40014;border-color:#f4b40038;animation:pulseSync 1.6s ease-in-out infinite}.sync-pill.offline{color:var(--amber);background:#f59e0b1a;border-color:#f59e0b40}.sync-pill.failed{color:var(--red);background:#ef44441a;border-color:#ef44444d;animation:pulseFail 1.2s ease-in-out infinite}.sync-pill.local{color:var(--t3);background:var(--s3);border-color:var(--border)}@keyframes pulseSync{0%,to{opacity:.65}50%{opacity:1}}@keyframes pulseFail{0%,to{opacity:.85}50%{opacity:1;box-shadow:0 0 0 3px #ef44442e}}.offline-banner{width:100%;padding:8px calc(14px + var(--safe-r)) 8px calc(14px + var(--safe-l));font-size:11.5px;font-weight:700;text-align:center;line-height:1.4;background:#f59e0b24;color:var(--amber);border-bottom:1px solid rgba(245,158,11,.3);animation:offlineSlideIn .2s ease}.offline-banner.reconnected{background:#22c55e24;color:var(--green);border-bottom-color:#22c55e4d}@keyframes offlineSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.offline-banner{animation:none}}.main-content{padding:0 0 calc(72px + var(--safe-bot)) 0;width:100%;max-width:100vw}@media (min-width: 1200px){.main-content{padding-bottom:calc(96px + var(--safe-bot))}}.page{padding:14px calc(14px + var(--safe-r)) 24px calc(14px + var(--safe-l));max-width:min(760px,100%);margin:0 auto;width:100%}@media (min-width: 768px){.page{max-width:min(900px,100%)}}@media (min-width: 1200px){.page{max-width:1160px;padding-top:20px}.bottom-nav{left:0;right:0;transform:none;bottom:0;width:100%;border:none;border-radius:0;overflow:hidden;padding-bottom:var(--safe-bot);background:#14171cf7;box-shadow:none}}.cols-lg{display:block}@media (min-width: 1024px){.cols-lg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}}.skeleton{background:linear-gradient(90deg,var(--s2) 25%,var(--s3) 37%,var(--s2) 63%);background-size:400% 100%;animation:skeletonShimmer 1.4s ease infinite}@keyframes skeletonShimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-enter{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card-anim{animation:slideUp .35s ease backwards}.card-anim:nth-of-type(1){animation-delay:0ms}.card-anim:nth-of-type(2){animation-delay:60ms}.card-anim:nth-of-type(3){animation-delay:.12s}.card-anim:nth-of-type(4){animation-delay:.18s}.card-anim:nth-of-type(5){animation-delay:.24s}.card-anim:nth-of-type(6){animation-delay:.3s}.card-anim:nth-of-type(7){animation-delay:.36s}.card-anim:nth-of-type(n+8){animation-delay:.42s}@media (prefers-reduced-motion: reduce){.card-anim,.page-enter{animation:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stack>*+*{margin-top:20px}.card{background:var(--s1);border:1px solid var(--border);border-radius:14px;max-width:100%;box-shadow:0 1px 2px #00000059,0 6px 20px -10px #00000080}.card-pad{padding:14px}.section-label{font-size:14px;font-weight:700;color:var(--t1);letter-spacing:-.1px;margin:26px 0 10px}.section-label.with-action{display:flex;justify-content:space-between;align-items:baseline}.section-label-hint{font-size:10px;color:var(--t3);text-transform:none;letter-spacing:0;font-weight:500}.op-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.op-stat{background:var(--s2);border:1px solid var(--border);border-radius:10px;padding:10px;min-height:60px;display:flex;flex-direction:column;justify-content:center;text-align:left;cursor:pointer;transition:background .12s ease,border-color .12s ease}.op-stat:hover{background:var(--s3);border-color:var(--border2)}.op-stat:disabled{cursor:default;opacity:.8}.op-stat-label{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--t3)}.op-stat-value{font-size:18px;font-weight:800;color:var(--t1);margin-top:4px;line-height:1}.op-stat-value.amber{color:var(--amber)}.op-stat-value.red{color:var(--red)}.op-stat-value.green{color:var(--green)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.kpi-grid.three{grid-template-columns:1fr 1fr 1fr}.kpi{background:var(--s1);border:1px solid var(--border);border-radius:12px;padding:10px 12px;min-width:0}.kpi-label{font-size:10px;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.kpi-value{font-size:16px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-hero{background:linear-gradient(160deg,rgba(244,180,0,.12) 0%,var(--s1) 80%);border:1px solid rgba(244,180,0,.25);border-radius:18px;padding:18px 16px;margin-bottom:20px;box-shadow:0 8px 24px #0006;max-width:100%}.pro-hero-label{font-size:11px;font-weight:800;color:var(--brand-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}.hero-amount{font-size:38px;font-weight:800;letter-spacing:-1px;line-height:1;color:var(--t1)}.hero-amount .currency{font-size:22px;opacity:.6;margin-right:2px;vertical-align:top}.goal-track{height:6px;background:var(--s3);border-radius:99px;margin-top:14px;overflow:hidden}.goal-fill{height:100%;transition:width .4s ease;background:var(--red)}.goal-fill.mid{background:var(--amber)}.goal-fill.full{background:var(--green)}.pro-hero-foot{display:flex;justify-content:space-between;margin-top:10px;font-size:11px;color:var(--t2)}.pending-banner{background:linear-gradient(160deg,rgba(245,158,11,.16) 0%,var(--s1) 80%);border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:12px 14px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;max-width:100%}.pending-banner-title{font-size:13px;font-weight:800;color:var(--amber)}.pending-banner-sub{font-size:11px;color:var(--t2);margin-top:2px}.info-banner{background:#f4b40014;border:1px solid rgba(244,180,0,.22);color:var(--brand-primary);border-radius:10px;padding:8px 12px;font-size:12px;font-weight:600}.quote-box{background:linear-gradient(165deg,rgba(244,180,0,.05) 0%,var(--s1) 60%);border:1px solid var(--border);border-radius:14px;padding:16px;max-width:100%}.qq-pricing-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:6px}.qq-price-tile{background:var(--s2);border:1px solid var(--border);border-radius:12px;padding:10px 12px;cursor:pointer;transition:all .15s ease;min-width:0}.qq-price-tile.active{background:#f4b4001a;border-color:var(--brand-primary)}.qq-price-tile-label{font-size:10px;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:1px}.qq-price-tile-amount{font-size:17px;font-weight:800;color:var(--t1);margin-top:2px}.qq-price-tile.active .qq-price-tile-amount{color:var(--brand-primary)}.qq-price-tile.custom .qq-price-tile-amount{padding:0}.qq-custom-input-wrap{display:flex;align-items:baseline;gap:2px;width:100%}.qq-custom-prefix{font-size:17px;font-weight:800;color:var(--t1);flex-shrink:0}.qq-custom-input{flex:1;min-width:0;background:transparent;border:none;outline:none;padding:0;font-size:17px;font-weight:800;color:var(--t1);font-family:inherit;-webkit-appearance:none;appearance:none}.qq-custom-input::placeholder{color:var(--t3);opacity:.5}.qq-price-tile.custom.active .qq-custom-prefix,.qq-price-tile.custom.active .qq-custom-input{color:var(--brand-primary)}.qq-meta{font-size:11px;color:var(--t3);margin:10px 0 4px;text-align:center}.qq-details-toggle{background:transparent;border:none;color:var(--t3);font-size:11px;font-weight:700;letter-spacing:.3px;padding:6px 0;cursor:pointer;text-align:center;width:100%}.qq-details-toggle:hover{color:var(--t2)}.qq-cta{margin-top:12px}.ai-summary{margin-bottom:14px}.ai-summary-btn{width:100%;background:var(--s2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--t1);font-size:13px;font-weight:700;cursor:pointer}.ai-summary-btn:disabled{opacity:.6;cursor:default}.ai-summary-card{margin-top:8px;background:var(--brand-primary-dim);border:1px solid var(--brand-primary);border-radius:12px;padding:12px 14px}.ai-summary-label{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--brand-primary);margin-bottom:6px}.ai-summary-list{margin:0;padding-left:18px}.ai-summary-list li{font-size:13px;color:var(--t1);line-height:1.5;margin-bottom:4px}.ai-summary-error{margin-top:8px;font-size:12px;color:var(--red);text-align:center}.inv-card-sub{font-size:12px;color:var(--t3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-qty-cluster{display:flex;flex-direction:column;gap:4px;align-items:stretch;margin-right:6px}.inv-qty-btn{min-width:44px;min-height:22px;padding:0 8px;background:var(--s2);border:1px solid var(--border);border-radius:8px;color:var(--t1);font-size:16px;font-weight:700;line-height:1;cursor:pointer;user-select:none;touch-action:manipulation}.inv-qty-btn:active{background:var(--s3)}.inv-qty-btn:disabled{opacity:.4;cursor:default}.inv-reserve-line{font-size:11px;color:var(--amber);margin-top:4px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-reservations{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.inv-reservations-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--t3);margin-bottom:8px}.inv-reservation-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--t1)}.inv-reservation-row .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-reservation-row .qty{font-weight:700;color:var(--brand-primary);min-width:32px;text-align:right}.inv-reservation-row .release{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--t2);font-size:11px;padding:4px 10px;min-height:32px;cursor:pointer}.inv-reservation-row .release:hover{color:var(--red);border-color:var(--red)}.inv-reservation-add{display:flex;gap:6px;align-items:center;margin-top:8px}.inv-reservation-add input{flex:1;min-width:0}.inv-reservation-add .qty-input{flex:0 0 64px}.inv-reservation-add button{background:var(--brand-primary);border:none;border-radius:8px;color:#1a1a1a;font-weight:700;font-size:13px;padding:6px 12px;min-height:32px;cursor:pointer}.inv-reservation-add button:disabled{opacity:.4;cursor:default}.inv-match-badge{margin-top:6px;padding:6px 10px;border-radius:8px;background:var(--brand-primary-dim);border:1px solid var(--brand-primary);color:var(--brand-primary);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.inv-match-badge.warn{background:#f59e0b24;border-color:var(--amber);color:var(--amber)}.inv-ai-insight{margin-bottom:12px}.inv-ai-insight-btn{width:100%;background:var(--s2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--t1);font-size:13px;font-weight:700;cursor:pointer;min-height:44px}.inv-ai-insight-btn:disabled{opacity:.5;cursor:default}.field{margin-bottom:12px}.field label{font-size:11px;color:var(--t2);font-weight:700;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:4px}.field input,.field select,.field textarea{width:100%;max-width:100%;background:var(--s2);color:var(--t1);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;outline:none;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;scroll-margin-top:100px;scroll-margin-bottom:calc(140px + var(--safe-bot))}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-primary);background:var(--s3);box-shadow:0 0 0 3px var(--brand-primary-dim);font-size:16px}.field textarea{min-height:64px;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.form-group{background:var(--s1);border:1px solid var(--border);border-radius:14px;padding:12px;margin-bottom:12px;max-width:100%}.form-group-title{font-size:14px;font-weight:700;color:var(--t1);letter-spacing:-.1px;margin-bottom:8px}.chip-grid{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--s2);border:1px solid var(--border);color:var(--t2);border-radius:99px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;min-width:0;max-width:100%;transition:background .13s ease,border-color .13s ease,color .13s ease,transform .07s ease}.chip.sm{padding:8px 11px;font-size:12px}.chip:hover{border-color:var(--border2);color:var(--t1)}.chip:active{transform:scale(.96)}.chip.active{background:#f4b40024;border-color:var(--brand-primary);color:var(--brand-primary);font-weight:700}.addr-gps-row{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.addr-gps-chip{width:100%;max-width:280px;justify-content:center;font-weight:700}.addr-gps-chip[aria-busy=true]{opacity:.7;pointer-events:none;animation:addrGpsPulse 1.1s ease-in-out infinite}.addr-gps-chip:disabled{opacity:.55;cursor:not-allowed}.addr-gps-error{background:#ef444414;border-color:#ef444438;color:#f87171;max-width:280px}@keyframes addrGpsPulse{0%,to{opacity:.7}50%{opacity:1}}.svc-picker{display:flex;flex-direction:column;gap:10px}.svc-search{width:100%;background:var(--s2);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-sm);padding:9px 12px;font-size:var(--fs-md);color:var(--t1);transition:border-color .15s ease,box-shadow .15s ease}.svc-search::placeholder{color:var(--t3)}.svc-search:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-dim)}.svc-section{display:flex;flex-direction:column;gap:7px}.svc-section-label{font-size:var(--fs-xs);font-weight:800;color:var(--t3);text-transform:uppercase;letter-spacing:1px}.svc-chip-row{display:flex;flex-wrap:wrap;gap:6px}.svc-cat{display:flex;flex-direction:column}.svc-cat-head{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:8px 12px;background:var(--s2);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-sm);color:var(--t1);font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.svc-cat-head:hover{border-color:var(--border2)}.svc-cat-head.open{background:var(--s3);border-bottom-left-radius:0;border-bottom-right-radius:0}.svc-cat-head:active{transform:scale(.99)}.svc-cat-name{display:flex;align-items:center;gap:7px}.svc-cat-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-primary);box-shadow:0 0 6px var(--brand-primary-glow)}.svc-cat-meta{display:flex;align-items:center;gap:8px}.svc-cat-count{font-size:var(--fs-xs);font-weight:700;color:var(--t3);background:var(--s4);border-radius:var(--r-pill);padding:2px 7px;min-width:20px;text-align:center}.svc-cat-caret{font-size:16px;color:var(--t3);transition:transform .18s ease;display:inline-block}.svc-cat-caret.open{transform:rotate(90deg)}.svc-cat-body{padding:9px 10px;background:var(--s1);border:1px solid rgba(255,255,255,.06);border-top:none;border-bottom-left-radius:var(--r-sm);border-bottom-right-radius:var(--r-sm);animation:svcExpand .16s ease}@keyframes svcExpand{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.svc-results{background:var(--s1);border:1px solid rgba(255,255,255,.06);border-radius:var(--r-sm);padding:10px}.svc-empty{font-size:var(--fs-md);color:var(--t3);padding:4px 2px}.svc-chip{display:inline-flex;align-items:center;gap:5px;background:var(--s3);border:1px solid rgba(255,255,255,.06);color:var(--t2);border-radius:var(--r-pill);padding:7px 12px;font-size:var(--fs-md);font-weight:600;cursor:pointer;transition:background .13s ease,border-color .13s ease,color .13s ease,transform .08s ease}.svc-chip:hover{color:var(--t1);border-color:var(--border2)}.svc-chip:active{transform:scale(.96)}.svc-chip.selected{background:#f4b40024;border-color:var(--brand-primary);color:var(--brand-primary);font-weight:700}.svc-chip-check{font-size:11px;font-weight:800}.pill{display:inline-block;padding:3px 9px;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:800;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent;white-space:nowrap;line-height:1.4}.pill.green{color:var(--green);background:#22c55e1a;border-color:#22c55e40}.pill.amber{color:var(--amber);background:#f59e0b1a;border-color:#f59e0b40}.pill.red{color:var(--red);background:#ef44441a;border-color:#ef444440}.pill.gold{color:var(--brand-primary);background:#f4b4001a;border-color:#f4b4004d}.pill.muted{color:var(--t3);background:var(--s3);border-color:var(--border)}.badge{display:inline-block;padding:2px 7px;border-radius:var(--r-pill);font-size:9px;font-weight:800;letter-spacing:.3px;border:1px solid transparent;white-space:nowrap;line-height:1.4}.badge.gold{color:var(--brand-primary);background:#f4b4001a;border-color:#f4b40040}.badge.green{color:var(--green);background:#22c55e1a;border-color:#22c55e40}.badge.amber{color:var(--amber);background:#f59e0b1a;border-color:#f59e0b40}.badge.red{color:var(--red);background:#ef44441a;border-color:#ef444440}.badge.muted{color:var(--t3);background:var(--s3);border-color:var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .07s ease,box-shadow .15s ease;gap:6px}.btn:active:not(:disabled){transform:scale(.97)}.btn.xs{padding:6px 10px;font-size:11px;border-radius:8px}.btn.sm{padding:8px 12px;font-size:12px}.btn.primary{background:var(--brand-primary);color:#06070a}.btn.primary:hover{background:var(--brand-accent)}.btn.primary:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--s3);color:var(--t1);border-color:var(--border)}.btn.secondary:hover{background:var(--s4);border-color:var(--border2)}.btn.danger{background:#ef44441f;color:var(--red);border-color:#ef44444d}.btn.danger:hover{background:#ef444433}.btn.danger:disabled{opacity:.4;cursor:not-allowed}.btn.success{background:#22c55e29;color:var(--green);border-color:#22c55e4d}.btn.xl{padding:15px 20px;font-size:15px;border-radius:12px;min-height:52px}.roadside-row{display:flex;gap:8px}.roadside-link{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:50px;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:800;letter-spacing:.2px;text-decoration:none;cursor:pointer;border:1px solid transparent;-webkit-tap-highlight-color:transparent;transition:background .15s ease,transform .07s ease}.roadside-link:active{transform:scale(.97)}.roadside-link.call{background:#22c55e;color:#04210f}.roadside-link.text{background:var(--s3);color:var(--t1);border-color:var(--border)}.roadside-link.nav{background:var(--brand-primary);color:#06070a}.roadside-link svg{width:17px;height:17px;stroke-width:2.2}.cta-btn{display:block;width:100%;max-width:100%;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));color:#06070a;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:none;cursor:pointer;box-shadow:0 10px 28px #f4b40040;transition:transform .12s ease}.cta-btn.press-scale:active{transform:scale(.97)}.job-card{background:var(--s1);border:1px solid var(--border);border-radius:14px;overflow:hidden;max-width:100%}.job-card-main{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer}.job-icon{font-size:22px;line-height:1;flex-shrink:0;width:32px;text-align:center}.job-main{flex:1;min-width:0}.job-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-meta{font-size:11px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-right{text-align:right;flex-shrink:0}.value{font-size:14px;font-weight:700}.value.green{color:var(--green)}.value.red{color:var(--red)}.value.amber{color:var(--amber)}.job-card-actions{display:flex;gap:6px;padding:10px 14px;border-top:1px solid var(--border2);background:var(--s2)}.job-card-actions button{flex:1;background:transparent;border:none;color:var(--t2);font-size:11px;font-weight:600;padding:6px;cursor:pointer;border-radius:6px}.job-card-actions button:hover{background:var(--s3);color:var(--t1)}.card-row{display:flex;justify-content:space-between;padding:6px 0;align-items:center;font-size:13px}.card-row .label{color:var(--t2)}.card-row .value{color:var(--t1);font-weight:700}.card-row.total{border-top:1px solid var(--border2);padding-top:10px;margin-top:6px;font-weight:800}.source-bar{display:flex;align-items:center;gap:10px;padding:6px 0}.source-bar-track{flex:1;height:6px;background:var(--s3);border-radius:99px;overflow:hidden}.source-bar-fill{height:100%;background:var(--brand-primary)}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#0009;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-r)) calc(20px + var(--safe-bot)) calc(20px + var(--safe-l));animation:modalBackdropIn .18s ease}.modal-overlay>*{animation:modalContentIn .22s cubic-bezier(.2,.9,.3,1) both}.modal-overlay>[class*=sheet i],.modal-overlay>.payment-sheet{animation:sheetSlideUp .26s cubic-bezier(.2,.9,.3,1) both}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sheetSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-overlay>*,.modal-overlay>[class*=sheet i],.modal-overlay>.payment-sheet{animation:none}}.modal{width:100%;max-width:420px;background:var(--s1);border:1px solid var(--border);border-radius:14px;padding:18px}.modal-lg{max-width:640px;max-height:80vh;display:flex;flex-direction:column}.modal-title{font-size:15px;font-weight:800;margin-bottom:6px}.modal-sub{font-size:12px;color:var(--t2);margin-bottom:14px}.modal-actions{display:flex;gap:8px;margin-top:18px;justify-content:flex-end}.modal-sheet{background:var(--s1);border:1px solid var(--border);border-radius:14px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-body{padding:16px;overflow-y:auto;flex:1}.modal-close{background:var(--s3);border:none;border-radius:8px;width:32px;height:32px;color:var(--t2);font-size:14px;cursor:pointer}.bulk-preview{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:10px;margin-top:12px}.bulk-preview-row{display:grid;grid-template-columns:1.3fr .6fr .8fr .8fr 1fr;gap:6px;padding:8px 10px;font-size:12px;border-top:1px solid var(--border);align-items:center}.bulk-preview-row:first-child{border-top:none}.bulk-preview-row.bulk-preview-head{background:var(--s3);font-weight:700;color:var(--t2);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.bulk-preview-row.err{background:#ef44440f;color:var(--red)}.bulk-preview-error{grid-column:1 / -1;font-size:11px;color:var(--red)}.purchase-panel{background:var(--s2);border:1px solid rgba(244,180,0,.22);border-radius:12px;padding:14px;margin-top:12px}.receipt-thumb{font-size:12px;color:var(--brand-primary);font-weight:700}.pricing-breakdown{background:var(--s2);border:1px solid var(--border);border-radius:10px;padding:12px;margin-top:14px;max-width:100%}.pricing-breakdown-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px;color:var(--t2)}.pricing-breakdown-row.total{border-top:1px solid var(--border2);margin-top:6px;padding-top:10px;font-weight:800;font-size:14px;color:var(--t1)}.pricing-breakdown-row .num{font-weight:700}.pricing-breakdown-row .num.green{color:var(--green)}.pricing-breakdown-row .num.red{color:var(--red)}.num{font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:40px 16px;color:var(--t3)}.empty-state-icon{font-size:36px;opacity:.6;margin-bottom:8px}.empty-state-title{font-size:14px;color:var(--t2);font-weight:700}.empty-state-sub{font-size:12px;color:var(--t3);margin-top:4px}.success-panel{background:radial-gradient(circle at 50% 0%,rgba(34,197,94,.18) 0%,var(--s1) 60%);border:1px solid rgba(34,197,94,.3);border-radius:20px;padding:26px 18px;margin-bottom:14px;text-align:center;max-width:100%}.success-panel.pending{background:radial-gradient(circle at 50% 0%,rgba(245,158,11,.18) 0%,var(--s1) 60%);border-color:#f59e0b4d}.success-panel.pending-payment{background:radial-gradient(circle at 50% 0%,rgba(245,158,11,.16) 0%,var(--s1) 60%);border-color:#f59e0b4d}.success-panel.cancelled{background:radial-gradient(circle at 50% 0%,rgba(239,68,68,.18) 0%,var(--s1) 60%);border-color:#ef44444d}.success-check{font-size:42px;margin-bottom:6px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;background:var(--s2);border:1px solid var(--border);border-radius:12px;color:var(--t1);cursor:pointer;font-size:12px;font-weight:600;min-width:0}.action-btn:hover{background:var(--s3)}.action-btn.wide{grid-column:span 2}.action-ico{font-size:20px}.save-footer-spacer{height:calc(96px + var(--safe-bot))}.save-footer{position:fixed;left:0;right:0;bottom:var(--safe-bot);background:linear-gradient(to top,var(--bg) 60%,rgba(6,7,10,0));padding:12px calc(14px + var(--safe-r)) 12px calc(14px + var(--safe-l));z-index:40}.save-footer-inner{display:flex;align-items:center;gap:8px;max-width:760px;margin:0 auto;background:var(--s1);border:1px solid var(--border);border-radius:14px;padding:10px 12px}.save-footer-meta{flex:1;min-width:0}.save-footer-label{font-size:10px;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:1px}.save-footer-value{font-size:16px;font-weight:800}.save-footer-value.green{color:var(--green)}.save-footer-value.red{color:var(--red)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;padding-bottom:var(--safe-bot);padding-left:var(--safe-l);padding-right:var(--safe-r);display:grid;grid-template-columns:repeat(6,1fr);background:#111315db;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:30}.nav-btn{background:transparent;border:none;color:var(--t3);display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 8px;font-size:10px;font-weight:600;cursor:pointer;min-width:0;transition:color .15s ease,transform .07s ease}.nav-btn:active{transform:scale(.94)}.nav-btn.active{color:var(--brand-primary);font-weight:800}.nav-btn.active .nav-ico{transform:scale(1.12)}.nav-btn.primary{color:var(--brand-primary)}.nav-ico{font-size:18px;transition:transform .16s ease}.nav-btn.nav-log{color:var(--t2)}.nav-btn.nav-log .nav-ico{width:40px;height:40px;margin-top:-16px;margin-bottom:2px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-primary);color:#14110a;font-size:24px;font-weight:800;line-height:1;box-shadow:0 6px 16px -3px #0000008c,0 0 0 4px #111315db,0 0 18px -4px var(--brand-primary)}.nav-btn.nav-log:active .nav-ico{transform:scale(.9)}.install-banner{position:fixed;left:12px;right:12px;bottom:calc(72px + var(--safe-bot));background:var(--s1);border:1px solid var(--brand-primary);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px;z-index:100;box-shadow:0 10px 30px #00000080;max-width:calc(100vw - 24px)}.install-banner-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0}.install-banner-text{flex:1;min-width:0}.install-banner-title{font-size:13px;font-weight:700}.install-banner-sub{font-size:11px;color:var(--t3)}.install-banner-actions{display:flex;gap:6px;flex-shrink:0}.toast-host{position:fixed;top:calc(64px + var(--safe-top));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:9999;pointer-events:none;padding:0 14px}.toast{background:var(--s3);border:1px solid var(--border2);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;box-shadow:0 6px 20px #0006;animation:toastIn .25s ease;max-width:90%}.toast.success{color:var(--green);border-color:#22c55e4d}.toast.warn{color:var(--amber);border-color:#f59e0b4d}.toast.error{color:var(--red);border-color:#ef444466}.toast.info{color:var(--t1)}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.auth-screen{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column;align-items:center;padding:calc(32px + var(--safe-top)) calc(18px + var(--safe-r)) calc(40px + var(--safe-bot)) calc(18px + var(--safe-l));gap:28px;background:radial-gradient(circle at 50% 0%,rgba(244,180,0,.06) 0%,var(--bg) 50%)}.auth-brand{text-align:center}.auth-logo{width:72px;height:72px;border-radius:18px;margin-bottom:12px}.auth-name{font-size:22px;font-weight:800;letter-spacing:-.5px}.auth-tagline{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:2px;margin-top:4px}.shimmer-text{background:linear-gradient(90deg,var(--t1),var(--brand-primary),var(--t1));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 4s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.auth-card{width:100%;max-width:380px;background:var(--s1);border:1px solid var(--border);border-radius:16px;padding:22px}.auth-card-title{font-size:18px;font-weight:800;margin-bottom:4px}.auth-card-sub{font-size:12px;color:var(--t3);margin-bottom:18px}.auth-banner{padding:10px 12px;border-radius:10px;font-size:12px;font-weight:600;margin-bottom:12px}.auth-banner.error{background:#ef44441a;color:var(--red);border:1px solid rgba(239,68,68,.3)}.auth-banner.success{background:#22c55e1a;color:var(--green);border:1px solid rgba(34,197,94,.3)}.auth-field{margin-bottom:12px}.auth-label{font-size:11px;color:var(--t3);font-weight:700;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:5px}.auth-inp2{width:100%;background:var(--s2);color:var(--t1);border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:16px;outline:none}.auth-inp2:focus{border-color:var(--brand-primary)}.auth-btn-main{width:100%;background:var(--brand-primary);color:#06070a;padding:12px;border-radius:10px;font-size:14px;font-weight:800;border:none;cursor:pointer;margin-top:8px}.auth-btn-main:disabled{opacity:.5;cursor:not-allowed}.auth-divider{text-align:center;margin:16px 0;position:relative;color:var(--t3);font-size:11px}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-btn-google{width:100%;background:var(--s2);color:var(--t1);padding:12px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.auth-links{display:flex;justify-content:space-between;margin-top:16px}.auth-links button{background:none;border:none;color:var(--t2);font-size:12px;font-weight:600;cursor:pointer}.auth-links button.auth-link-accent{color:var(--brand-primary)}.onboarding-screen{min-height:100vh;min-height:-webkit-fill-available;padding:calc(28px + var(--safe-top)) calc(16px + var(--safe-r)) calc(40px + var(--safe-bot)) calc(16px + var(--safe-l));background:radial-gradient(circle at 50% 0%,rgba(244,180,0,.05) 0%,var(--bg) 50%)}.onboarding-container{max-width:480px;margin:0 auto;background:var(--s1);border:1px solid var(--border);border-radius:16px;padding:22px}.onboarding-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.onboarding-logo{width:48px;height:48px;border-radius:12px}.onboarding-title{font-size:16px;font-weight:800}.onboarding-sub{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:1px}.onboarding-progress{height:4px;background:var(--s3);border-radius:99px;overflow:hidden;margin-bottom:18px}.onboarding-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));transition:width .25s ease}.onboarding-body{min-height:320px}.onboarding-step-title{font-size:16px;font-weight:800;margin-bottom:4px}.onboarding-step-sub{font-size:12px;color:var(--t3);margin-bottom:14px}.onboarding-summary{margin-top:14px;background:var(--s2);border:1px solid var(--border);border-radius:10px;padding:12px}.onboarding-summary-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.onboarding-summary-row span{color:var(--t3)}.onboarding-summary-row strong{color:var(--t1);font-weight:700}.onboarding-footer{display:flex;justify-content:space-between;margin-top:18px;gap:8px}.onboarding-footer .btn{flex:1}.city-autocomplete{position:relative}.city-autocomplete-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--s2);border:1px solid var(--border2);border-radius:10px;max-height:240px;overflow-y:auto;z-index:200;box-shadow:0 10px 30px #00000080}.city-autocomplete-item{display:block;width:100%;text-align:left;padding:10px 12px;background:transparent;border:none;color:var(--t1);font-size:13px;cursor:pointer}.city-autocomplete-item:hover,.city-autocomplete-item.active{background:var(--s3);color:var(--brand-primary)}.city-autocomplete-item.custom{border-top:1px solid var(--border);color:var(--brand-primary);font-style:italic;font-size:12px}.chip-input{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--s1);border:1px solid var(--border);border-radius:10px;padding:8px 10px;min-height:44px}.chip-input input{flex:1;min-width:120px;border:none;background:transparent;color:var(--t1);font-size:14px;padding:4px 2px;outline:none}.city-chip{display:inline-flex;align-items:center;gap:6px;background:#f4b4001f;border:1px solid rgba(244,180,0,.32);color:var(--brand-primary);border-radius:99px;padding:4px 6px 4px 10px;font-size:12px;font-weight:700;white-space:nowrap}.city-chip-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:99px;border:none;background:#f4b4002e;color:var(--brand-primary);font-size:13px;line-height:1;cursor:pointer}.city-chip-x:hover{background:#f4b40057}@media (max-width: 420px){.kpi-grid.three{grid-template-columns:1fr 1fr}.field-row{grid-template-columns:1fr}.qq-pricing-row{grid-template-columns:1fr 1fr}.qq-price-tile.custom{grid-column:1 / -1}.op-panel{grid-template-columns:repeat(2,1fr)}.page{padding-left:calc(10px + var(--safe-l));padding-right:calc(10px + var(--safe-r))}}@media all and (display-mode: standalone),all and (display-mode: fullscreen){.header-compact{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.install-banner{display:none!important}}.settings-page{padding-top:18px;padding-bottom:calc(96px + var(--safe-bot))}.settings-page .card{position:relative;z-index:1}.settings-page .btn.primary,.settings-page .btn.secondary,.settings-page .btn.danger{scroll-margin-bottom:calc(96px + var(--safe-bot))}.settings-page .field-row{flex-wrap:wrap;min-width:0}.settings-page .field-row>.field{min-width:0;flex:1 1 45%}.settings-page input,.settings-page select,.settings-page textarea{max-width:100%;box-sizing:border-box}.settings-page>.card+.card{margin-top:12px}@media (display-mode: standalone){.settings-page{padding-top:24px}}.team-member-row{display:flex;flex-direction:column;gap:8px;padding:12px;border-top:1px solid var(--border2)}.team-member-row:first-child{border-top:none}.team-member-row.self{background:#f4b4000a}.team-member-row-head{display:flex;align-items:center;gap:10px}.team-member-row-info{flex:1;min-width:0}.team-member-row-name{font-size:13px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member-row-name .self-tag{margin-left:6px;font-size:10px;color:var(--t3);font-weight:600}.team-member-row-email{font-size:10px;color:var(--t3);margin-top:2px}.team-member-row-controls{display:flex;align-items:center;gap:8px}.team-role-select{background:var(--s2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;color:var(--t1);font-size:12px;min-height:36px}.team-role-select:disabled{opacity:.55;cursor:not-allowed}.team-transfer{margin:0 0 12px;padding:10px 12px;background:var(--s2);border:1px solid var(--border);border-radius:10px}.team-transfer-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--t3);margin-bottom:6px}.team-transfer-row{display:flex;gap:8px;align-items:center}.team-transfer-row select{flex:1}.team-transfer-row .btn{min-height:36px}.team-warning{font-size:11px;color:var(--amber);margin-top:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
