:root{--bg-primary: #ffffff;--bg-secondary: #f7f8fa;--bg-tertiary: #f1f3f4;--gold: #e8b84b;--gold-dark: #d4900a;--gold-light: #fef6e4;--green: #0a9651;--green-soft: #e6f5ee;--green-mid: #c8e6d4;--blue: #1d4ed8;--blue-light: #dbeafe;--amber: #92400e;--amber-light: #fef3c7;--red: #b91c1c;--red-light: #fdecea;--purple: #7c3aed;--purple-light: #f3e8fe;--navy: #1a4fa0;--navy-light: #e8f0fe;--text-primary: #0a0d12;--text-secondary: #4d5562;--text-tertiary: #8b92a2;--text-disabled: #b7bcc7;--border: #ecedef;--border-strong: #e0e2e7;--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--accent: #1a7a42;--accent-light: #eaf7ef}[data-btype=electrician],[data-btype=tradie]{--accent: #1a4fa0;--accent-light: #e8f0fe}[data-btype=plumber]{--accent: #0d6e8a;--accent-light: #e0f5fb}[data-btype=builder]{--accent: #b5720a;--accent-light: #fef6e4}[data-btype=salon],[data-btype=barber],[data-btype=petgroomer]{--accent: #7c3aed;--accent-light: #f3e8fe}[data-btype=physio],[data-btype=clinic],[data-btype=gym]{--accent: #1a6fd4;--accent-light: #e8f0fe}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased}.app-shell{overscroll-behavior:none}.app-shell{min-height:100vh;background:var(--bg-secondary);display:flex;flex-direction:column}.top-nav,.sidebar{display:none}.scroll-content{padding:14px 16px 100px}@media (min-width: 769px){.top-nav{display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:0 32px;height:52px;position:sticky;top:0;z-index:200;box-shadow:0 1px 3px #0000000a;flex-shrink:0}.top-nav-left{display:flex;align-items:center;gap:4px}.top-nav-logo{display:flex;align-items:center;gap:7px;margin-right:20px;cursor:pointer}.top-nav-logo-mark{width:24px;height:24px;background:var(--gold);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:12px;color:#0a0a0a;flex-shrink:0}.top-nav-wordmark{font-size:15px;font-weight:900;color:var(--text-primary);letter-spacing:-.03em}.top-nav-wordmark span{color:#0a9651}.top-nav-item{display:flex;align-items:center;gap:5px;padding:5px 11px;border-radius:7px;cursor:pointer;border:none;background:transparent;font-family:var(--font);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .15s}.top-nav-item i{font-size:15px}.top-nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.top-nav-item.active{background:transparent;color:var(--text-primary);font-weight:700;border-bottom:2.5px solid var(--green);border-radius:0}.top-nav-item.active i{color:var(--text-primary)}.top-nav-right{display:flex;align-items:center;gap:8px}.top-nav-biz{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border-radius:99px;border:1px solid var(--border);background:var(--bg-primary);cursor:pointer}.top-nav-biz:hover{background:var(--bg-secondary)}.top-nav-biz-avatar{width:26px;height:26px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px;color:#0a0a0a;flex-shrink:0;overflow:hidden;padding:0}.top-nav-biz-name{font-size:12px;font-weight:600;color:var(--text-primary);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.bottom-nav{display:none!important}.scroll-content{padding:24px 40px 80px;max-width:1100px;margin:0 auto;width:100%}.top-bar{padding:20px 40px 16px;max-width:1100px;margin:0 auto;width:100%;position:relative;border-bottom:none;background:transparent;box-shadow:none}.top-bar-title{font-size:24px}}.top-bar{background:var(--bg-primary);padding:14px 16px 12px;border-bottom:.5px solid var(--border);position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between}.top-bar-title{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.1}.top-bar-sub{font-size:12px;color:#111827;margin-top:2px;font-weight:500}.top-bar-back{font-size:22px;color:var(--text-primary);margin-right:10px;cursor:pointer;background:none;border:none;padding:4px;display:flex;align-items:center}.bottom-nav{transition:transform .25s ease;background:var(--bg-primary);border-top:.5px solid var(--border);display:flex;padding:8px 0 max(20px,env(safe-area-inset-bottom));position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:2px 0}.nav-item svg,.nav-item i{font-size:24px;color:#6b7280;transition:color .15s}.nav-item span{font-size:10px;font-weight:700;color:#6b7280;transition:color .15s}.nav-item.active i,.nav-item.active svg{color:var(--green)}.nav-item.active span{color:var(--green)}.nav-fab{width:54px;height:54px;border-radius:27px;background:var(--green);display:flex;align-items:center;justify-content:center;margin-top:-16px;box-shadow:0 4px 16px #0a965159}.nav-fab i{font-size:28px;color:#fff}.scroll-content{flex:1;overflow-y:auto;padding:14px 16px 100px}.card{background:var(--bg-primary);border-radius:var(--r-lg);border:1px solid var(--border);padding:16px;margin-bottom:10px;box-shadow:0 1px 4px #0000000f}.card-flush{background:var(--bg-primary);border-radius:var(--r-lg);border:1px solid #d1d5db;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.card-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .1s}.card-row:last-child{border-bottom:none}.card-row:active{background:var(--bg-secondary)}.pill{display:inline-flex;align-items:center;gap:3px;padding:3px 9px;border-radius:var(--r-full);font-size:11px;font-weight:700;white-space:nowrap}.pill-green{background:var(--green-light);color:var(--green)}.pill-amber{background:var(--amber-light);color:var(--amber)}.pill-blue{background:var(--blue-light);color:var(--blue)}.pill-red{background:var(--red-light);color:var(--red)}.pill-gray{background:#e6f5ee;color:#07733e;font-weight:700;font-size:11px}.pill-purple{background:var(--purple-light);color:var(--purple)}.pill-gold,.pill-purple{background:#ece8fa;color:#6a4ad6;font-weight:700}.section-head{color:#111827!important;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:800;color:var(--text-primary);margin:16px 0 8px;letter-spacing:-.01em}.field-label{color:#374151!important;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}.field-value{font-size:14px;font-weight:600;color:var(--text-primary)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inp{width:100%;padding:12px 14px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--bg-secondary);font-size:15px;color:var(--text-primary);font-family:var(--font);outline:none;transition:border-color .15s,background .15s}.inp:focus{border-color:var(--green);background:var(--bg-primary)}.inp::placeholder{color:var(--text-disabled)}.inp-label{font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;display:block}.btn-primary{width:100%;background:var(--green);border:none;border-radius:999px;color:#fff;font-size:16px;font-weight:700;padding:16px;cursor:pointer;font-family:var(--font);letter-spacing:-.01em;transition:opacity .15s;min-height:52px;box-shadow:0 1px 2px #0a965140}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-primary:active{opacity:.85}.btn-secondary{width:100%;background:var(--bg-tertiary);border:none;border-radius:var(--r-md);color:var(--text-primary);font-size:15px;font-weight:700;padding:14px;cursor:pointer;font-family:var(--font);transition:opacity .15s}.btn-ghost{background:none;border:none;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:700;color:var(--text-tertiary);padding:8px 0}.btn-icon{width:36px;height:36px;border-radius:var(--r-sm);background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon i{font-size:17px;color:var(--text-secondary)}.btn-action{display:flex;align-items:center;gap:8px;padding:13px 14px;border-radius:var(--r-lg);border:none;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);transition:opacity .15s}.btn-action:active{opacity:.8}.tab-bar{display:flex;background:#e5e7eb;border-radius:var(--r-full);padding:3px;margin-bottom:14px}.tab-item{flex:1;height:32px;border:none;border-radius:var(--r-full);font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;background:transparent;color:var(--text-tertiary);transition:all .15s}.tab-item.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001f;font-weight:700}.status-bar{height:3px;background:var(--border);border-radius:var(--r-full);overflow:hidden}.status-bar-fill{height:100%;border-radius:var(--r-full);background:var(--green);transition:width .4s ease}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.avatar-sm{width:36px;height:36px;font-size:13px}.avatar-md{width:44px;height:44px;font-size:15px}.avatar-lg{width:52px;height:52px;font-size:18px}.divider{height:.5px;background:var(--border);margin:12px 0}.divider-text{display:flex;align-items:center;gap:10px;margin:14px 0}.divider-text:before,.divider-text:after{content:"";flex:1;height:.5px;background:var(--border)}.divider-text span{font-size:11px;font-weight:600;color:var(--text-tertiary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state i{font-size:48px;color:var(--text-disabled);margin-bottom:16px}.empty-state-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.empty-state-sub{font-size:14px;color:var(--text-tertiary);line-height:1.6}.alert{border-radius:var(--r-md);padding:12px 14px;margin-bottom:12px;display:flex;align-items:flex-start;gap:10px}.alert-red{background:var(--red-light);border:1px solid #f5c6cb}.alert-amber{background:var(--amber-light);border:1px solid #f5d78e}.alert-blue{background:var(--blue-light);border:1px solid #b8d0f8}.alert-green{background:var(--green-light);border:1px solid var(--green-mid)}.alert i{font-size:18px;flex-shrink:0;margin-top:1px}.alert-red i{color:var(--red)}.alert-amber i{color:var(--amber)}.alert-blue i{color:var(--blue)}.alert-green i{color:var(--green)}.check-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:.5px solid #f4f5f7}.check-row:last-child{border-bottom:none}.checkbox{width:22px;height:22px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}.checkbox.checked{background:var(--green)}.checkbox.unchecked{border:2px solid var(--border)}.search-wrap{position:relative;margin-bottom:12px}.search-wrap i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#6b7280}.search-inp{width:100%;padding:11px 11px 11px 40px;border-radius:var(--r-md);border:1px solid transparent;background:#f0f2f5;font-size:14px;color:var(--text-primary);font-family:var(--font);outline:none}.search-inp:focus{border-color:var(--green);background:var(--bg-primary)}.chip-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{padding:6px 14px;border-radius:var(--r-full);font-size:12px;font-weight:700;border:1.5px solid #d1d5db;background:var(--bg-primary);color:#111827;white-space:nowrap;flex-shrink:0;cursor:pointer;font-family:var(--font);transition:all .15s}.chip.active{border-color:var(--green);background:var(--gold-light);color:var(--gold-dark)}.timeline-track{height:7px;background:var(--bg-tertiary);border-radius:var(--r-full);position:relative;overflow:hidden}.timeline-block{position:absolute;top:0;bottom:0;border-radius:var(--r-full)}.timeline-now{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text-primary);border-radius:var(--r-full)}.up-next{background:var(--accent);border-radius:var(--r-lg);padding:16px;margin-bottom:10px}.up-next-label{font-size:10px;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.up-next-name{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:3px}.up-next-sub{font-size:13px;color:#ffffffbf;margin-bottom:10px}.up-next-btn{height:40px;border-radius:var(--r-sm);border:none;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);display:flex;align-items:center;justify-content:center;gap:6px}.up-next-btn-ghost{background:#ffffff26;color:#fff}.up-next-btn-solid{background:#fff;color:var(--accent)}.revenue-hero{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.revenue-big{font-size:34px;font-weight:800;color:var(--green);letter-spacing:-.04em}.revenue-of{font-size:14px;color:var(--text-tertiary);font-weight:500}.vehicle-card{background:var(--bg-secondary);border-radius:var(--r-md);padding:12px 14px}.materials-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:.5px solid #f4f5f7}.materials-row:last-child{border-bottom:none}.stage-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:.5px solid #f4f5f7}.stage-row:last-child{border-bottom:none}.stage-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .25s ease}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.flex-1{flex:1}.min-w-0{min-width:0}.text-green{color:var(--green)}.text-amber{color:var(--amber)}.text-blue{color:var(--blue)}.text-red{color:var(--red)}.text-purple{color:var(--purple)}.font-bold{font-weight:700}.font-black{font-weight:800}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.pt-12{padding-top:12px}.border-t{border-top:.5px solid var(--border)}#root{min-height:100vh}.ob-wrap{min-height:100vh;background:#fff;font-family:var(--font);display:block;overflow-y:auto}.ob-inner{width:100%;max-width:560px;padding:32px 28px 80px;margin:0 auto}.dashboard-stats-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:14px}.top-bar-mobile-right{display:flex;gap:8px;align-items:center}@media (min-width: 769px){.dashboard-stats-grid{grid-template-columns:2fr 1fr 1fr;gap:14px;margin-bottom:20px}.top-bar-mobile-right{display:none!important}.top-bar{padding-bottom:0;margin-bottom:4px}}.app-shell{height:100vh;overflow:hidden}.main-content{flex:1;overflow-y:auto;height:calc(100vh - 52px)}@media (max-width: 768px){.main-content{height:calc(100vh - 60px);padding-bottom:80px}}@media (max-width: 768px){.dashboard-stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.dashboard-stats-grid>.card:first-child{grid-column:1 / -1;padding:14px!important;margin-bottom:0}.dashboard-stats-grid>.card{padding:12px!important;margin-bottom:0}.revenue-big{font-size:26px!important;letter-spacing:-.03em!important}.timeline-labels{display:none!important}.section-head{margin:14px 0 8px;font-size:11px}.card-row{padding:13px 14px;min-height:56px}.top-bar{padding:10px 16px 8px}.top-bar-title{font-size:20px}.up-next{border-radius:16px;padding:16px}.up-next-name{font-size:18px}.scroll-content{padding:10px 14px 120px}.card,.card-flush{margin-bottom:8px}.pill{font-size:10px;padding:2px 7px}.field-label{font-size:10px!important}}@media (max-width: 768px){.inp,.search-inp,input,textarea,select{font-size:16px!important}}.bottom-nav.scroll-hidden{transform:translateY(100%)}@media (max-width: 768px){.hide-on-mobile{display:none!important}}.pill-gray{background:#f0f2f5;color:#4d5562}.err-banner{background:#fee2e2;color:#991b1b;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.ok-banner{background:#d1fae5;color:#065f46;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.ob-left-panel{display:flex;flex-shrink:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.ob-left-panel{display:none}}