:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--brand:#b7ff3c;--brand-hover:#a7ef2f;--bg:#111315;--surface:#17191c;--surface-2:#1d2023;--border:#2d3136;--text:#fff;--text-soft:#b5bbc2;--text-muted:#7c848e;--danger:#ff6b67;--warning:#f5c15e;--info:#77b8ff;--radius-sm:9px;--radius-md:12px;--radius-lg:18px;--shadow-lg:0 30px 90px #00000073;--space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;--space-6:32px}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#111315;font-family:Inter,Arial,sans-serif}.app{min-height:100vh;padding:35px}.app-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.app-header h1{color:#b7ff3c;font-size:36px}.app-header p{color:#9ca3af;margin-top:6px}.new-job-button{color:#111;cursor:pointer;background:#b7ff3c;border:none;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:700;transition:all .2s}.new-job-button:hover{transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-card{background:#1b1d20;border:1px solid #2d3136;border-radius:14px;padding:24px}.stat-card__title{color:#9ca3af;font-size:14px}.stat-card__value{margin:12px 0;font-size:42px;font-weight:700}.stat-card__note{color:#7c848e;font-size:13px}.app-shell{min-height:100vh;display:flex}.sidebar{background:#151719;border-right:1px solid #2d3136;flex-direction:column;width:250px;min-height:100vh;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid #2d3136;align-items:center;gap:12px;padding:24px 18px;display:flex}.sidebar-logo{color:#111;background:#b7ff3c;border-radius:11px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:900;display:grid}.sidebar-brand-name{font-size:18px;font-weight:800}.sidebar-brand-note{color:#7c848e;letter-spacing:.8px;text-transform:uppercase;margin-top:3px;font-size:10px}.sidebar-navigation{flex:1;padding:18px 12px}.sidebar-link{color:#b5bbc2;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;width:100%;margin-bottom:6px;padding:12px 14px;display:block}.sidebar-link:hover{color:#fff;background:#1b1d20}.sidebar-link--active{color:#b7ff3c;background:#b7ff3c1a;border-color:#b7ff3c59}.sidebar-footer{border-top:1px solid #2d3136;padding:14px}.quickbooks-link{color:#80de98;cursor:pointer;background:#3cb95d1a;border:1px solid #3cb95d;border-radius:9px;width:100%;margin-bottom:14px;padding:11px;font-weight:700}.user-profile{background:#1b1d20;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.user-avatar{color:#111;background:#b7ff3c;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.user-name{font-size:12px;font-weight:700}.user-role{color:#7c848e;margin-top:2px;font-size:10px}.main-content{width:calc(100% - 250px);min-height:100vh;margin-left:250px;padding:35px}.page-placeholder{background:#1b1d20;border:1px solid #2d3136;border-radius:14px;padding:40px}.page-placeholder p{color:#7c848e;margin-top:10px}@media (width<=800px){.sidebar{width:210px}.main-content{width:calc(100% - 210px);margin-left:210px;padding:20px}.stats-grid{grid-template-columns:1fr}}.jobs-page{gap:22px;display:grid}.jobs-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.jobs-toolbar h2{font-size:24px}.jobs-toolbar p{color:#7c848e;margin-top:6px}.jobs-toolbar-actions{align-items:center;gap:12px;display:flex}.jobs-search{color:#fff;background:#17191c;border:1px solid #2d3136;border-radius:10px;outline:none;width:260px;padding:12px 14px}.jobs-search:focus{border-color:#b7ff3c}.jobs-table{background:#17191c;border:1px solid #2d3136;border-radius:14px;overflow:hidden}.jobs-table-header,.jobs-table-row{grid-template-columns:110px minmax(220px,1.5fr) minmax(150px,1fr) minmax(150px,1fr) 110px 130px;align-items:center;gap:16px;padding:16px 18px;display:grid}.jobs-table-header{color:#7c848e;letter-spacing:.7px;text-transform:uppercase;background:#1d2023;font-size:12px;font-weight:700}.jobs-table-row{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #2d3136;width:100%;transition:all .18s}.jobs-table-row:hover{background:#1d2023}.jobs-table-row span{min-width:0}.jobs-table-row strong,.jobs-table-row small{display:block}.jobs-table-row small{color:#7c848e;margin-top:5px}.job-number{color:#b7ff3c;font-weight:800}.priority,.job-status{border-radius:999px;width:max-content;padding:7px 10px;font-size:11px;font-weight:800}.priority--high{color:#ff8a87;background:#ef535024}.priority--normal{color:#b7ff3c;background:#b7ff3c1a}.job-status--scheduled{color:#77b8ff;background:#55a7ff21}.job-status--in-progress{color:#f5c15e;background:#f5b94224}.job-status--new{color:#b7ff3c;background:#b7ff3c1a}@media (width<=1100px){.jobs-toolbar{flex-direction:column;align-items:stretch}.jobs-toolbar-actions{width:100%}.jobs-search{flex:1;width:auto}.jobs-table{overflow-x:auto}.jobs-table-header,.jobs-table-row{min-width:900px}}.modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.job-modal{background:#17191c;border:1px solid #2d3136;border-radius:18px;width:min(680px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #00000080}.job-modal__header{border-bottom:1px solid #2d3136;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.job-modal__header h2{font-size:24px}.job-modal__header p{color:#7c848e;margin-top:6px}.modal-close-button{color:#fff;cursor:pointer;background:#1d2023;border:1px solid #2d3136;border-radius:10px;width:38px;height:38px;font-size:24px;line-height:1}.job-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;display:grid}.form-field{gap:8px;display:grid}.form-field--wide{grid-column:1/-1}.form-field span{color:#b5bbc2;font-size:13px;font-weight:700}.form-field input,.form-field select{color:#fff;background:#111315;border:1px solid #2d3136;border-radius:10px;outline:none;width:100%;min-height:44px;padding:10px 12px}.form-field input:focus,.form-field select:focus{border-color:#b7ff3c;box-shadow:0 0 0 3px #b7ff3c14}.job-form__actions{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:6px;display:flex}.secondary-action-button{color:#fff;cursor:pointer;background:#1d2023;border:1px solid #2d3136;border-radius:10px;min-height:42px;padding:0 18px;font-weight:700}.jobs-empty-state{color:#7c848e;text-align:center;padding:34px}@media (width<=700px){.job-form{grid-template-columns:1fr}.form-field--wide,.job-form__actions{grid-column:auto}.job-form__actions{flex-direction:column-reverse}.job-form__actions button{width:100%}}.jobs-error{color:#ffaaa7;background:#ef53501a;border:1px solid #ef535073;border-radius:10px;padding:14px 16px}.auth-loading,.login-page{background:radial-gradient(circle at top,#b7ff3c14,#0000 34%),#111315;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-loading{color:#b7ff3c;font-size:18px;font-weight:800}.login-card{background:#17191c;border:1px solid #2d3136;border-radius:20px;width:min(430px,100%);padding:38px;box-shadow:0 30px 90px #00000073}.login-logo{color:#111;background:#b7ff3c;border-radius:15px;place-items:center;width:58px;height:58px;margin-bottom:22px;font-size:28px;font-weight:900;display:grid}.login-card h1{color:#fff;font-size:32px}.login-tagline{color:#b7ff3c;margin-top:7px;font-size:16px;font-weight:700}.login-form{gap:18px;margin-top:30px;display:grid}.login-form label{gap:8px;display:grid}.login-form label span{color:#b5bbc2;font-size:13px;font-weight:700}.login-form input{color:#fff;background:#111315;border:1px solid #2d3136;border-radius:10px;outline:none;width:100%;min-height:46px;padding:11px 13px}.login-form input:focus{border-color:#b7ff3c;box-shadow:0 0 0 3px #b7ff3c14}.login-button{color:#111;cursor:pointer;background:#b7ff3c;border:1px solid #b7ff3c;border-radius:10px;min-height:46px;margin-top:4px;font-weight:900}.login-button:disabled{cursor:wait;opacity:.65}.login-error{color:#ffaaa7;background:#ef53501a;border:1px solid #ef535073;border-radius:9px;padding:12px 14px;font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.sign-out-button{color:#fff;cursor:pointer;background:#1d2023;border:1px solid #2d3136;border-radius:10px;min-height:42px;padding:0 16px;font-weight:700}.login-welcome{color:var(--text-soft);margin-top:22px;font-size:15px}.remember-row{cursor:pointer;align-items:center;gap:9px;width:max-content;display:flex!important}.remember-row input{width:16px;height:16px;min-height:auto;accent-color:var(--brand)}.remember-row span{color:var(--text-soft);font-size:13px;font-weight:600}button,input,select,textarea{font:inherit}button{transition:transform .18s,background .18s,border-color .18s,opacity .18s}button:hover:not(:disabled){transform:translateY(-1px)}.dashboard-page{gap:24px;display:grid}.dashboard-welcome{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg, #b7ff3c14, transparent 45%), var(--surface);justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.dashboard-welcome h2{font-size:26px}.dashboard-welcome p{color:var(--text-muted);margin-top:6px}.dashboard-live-badge{color:var(--brand);text-transform:uppercase;background:#b7ff3c14;border:1px solid #b7ff3c4d;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.dashboard-live-badge span{background:var(--brand);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #b7ff3ccc}.dashboard-content-grid{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:20px;display:grid}.dashboard-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.dashboard-panel__header{border-bottom:1px solid var(--border);background:var(--surface-2);padding:20px 22px}.dashboard-panel__header h3{font-size:18px}.dashboard-panel__header p{color:var(--text-muted);margin-top:5px;font-size:13px}.dashboard-panel__body{padding:18px}.dashboard-empty,.dashboard-message{color:var(--text-muted);text-align:center;padding:30px}.dashboard-job-list{gap:10px;display:grid}.dashboard-job{border:1px solid var(--border);border-radius:var(--radius-md);background:#131518;grid-template-columns:95px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.dashboard-job__time{color:var(--brand);font-weight:800}.dashboard-job__details{min-width:0}.dashboard-job__details strong,.dashboard-job__details span{display:block}.dashboard-job__details span{color:var(--text-muted);margin-top:4px;font-size:13px}.attention-list{gap:10px;display:grid}.attention-item{border:1px solid var(--border);border-radius:var(--radius-md);background:#131518;justify-content:space-between;align-items:center;gap:16px;padding:15px;display:flex}.attention-item strong,.attention-item span{display:block}.attention-item span{color:var(--text-muted);margin-top:4px;font-size:12px}.attention-item b{min-width:34px;color:var(--brand);text-align:right;font-size:24px}@media (width<=1000px){.dashboard-content-grid{grid-template-columns:1fr}}@media (width<=700px){.dashboard-welcome{flex-direction:column;align-items:flex-start}.dashboard-job{grid-template-columns:1fr}}.settings-page{gap:24px;display:grid}.settings-heading h2{font-size:26px}.settings-heading p{color:var(--text-muted);margin-top:6px}.settings-layout{grid-template-columns:230px minmax(0,1fr);gap:20px;display:grid}.settings-navigation{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);gap:7px;height:max-content;padding:12px;display:grid}.settings-nav-button{border-radius:var(--radius-sm);width:100%;color:var(--text-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;padding:12px 14px}.settings-nav-button:hover{background:var(--surface-2);color:var(--text)}.settings-nav-button--active{color:var(--brand);background:#b7ff3c1a;border-color:#b7ff3c59}.settings-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.settings-panel__header{border-bottom:1px solid var(--border);background:var(--surface-2);padding:21px 24px}.settings-panel__header h3{font-size:19px}.settings-panel__header p{color:var(--text-muted);margin-top:5px;font-size:13px}.settings-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;display:grid}.settings-form__actions{grid-column:1/-1;justify-content:flex-end;padding-top:5px;display:flex}.settings-message{border-radius:var(--radius-sm);color:var(--brand);background:#b7ff3c14;border:1px solid #b7ff3c4d;grid-column:1/-1;padding:12px 14px;font-size:13px}.settings-coming-soon{min-height:280px;color:var(--text-muted);text-align:center;place-content:center;gap:8px;padding:30px;display:grid}.settings-coming-soon strong{color:var(--text);font-size:20px}@media (width<=900px){.settings-layout{grid-template-columns:1fr}.settings-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.settings-form{grid-template-columns:1fr}.settings-form .form-field--wide,.settings-form__actions,.settings-message{grid-column:auto}.settings-navigation{grid-template-columns:1fr}.settings-form__actions button{width:100%}}.setup-page{background:radial-gradient(circle at top, #b7ff3c17, transparent 35%), var(--bg);place-items:center;min-height:100vh;padding:28px;display:grid}.setup-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:min(620px,100%);box-shadow:var(--shadow-lg);padding:38px}.setup-card h1{font-size:32px}.setup-progress{width:max-content;color:var(--brand);background:#b7ff3c1a;border-radius:999px;margin-top:24px;padding:7px 11px;font-size:12px;font-weight:800}.setup-form{gap:18px;margin-top:26px;display:grid}.setup-heading{margin-bottom:4px}.setup-heading h2{font-size:21px}.setup-heading p{color:var(--text-muted);margin-top:5px;font-size:13px}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.setup-actions{justify-content:flex-end;gap:10px;display:flex}.setup-actions .login-button{min-width:150px;margin:0}@media (width<=650px){.setup-card{padding:25px}.setup-grid{grid-template-columns:1fr}.setup-actions{flex-direction:column-reverse}.setup-actions button{width:100%}}.customers-page{gap:22px;display:grid}.customers-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.customers-toolbar h2{font-size:26px}.customers-toolbar p{color:var(--text-muted);margin-top:6px}.customers-toolbar__actions{align-items:center;gap:10px;display:flex}.customer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.customer-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);gap:18px;padding:18px;display:grid}.customer-card__header{align-items:center;gap:12px;display:flex}.customer-card__header strong,.customer-card__header span{display:block}.customer-card__header span{color:var(--text-muted);margin-top:4px;font-size:12px}.customer-avatar{width:44px;height:44px;color:var(--brand);background:#b7ff3c1f;border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid}.customer-card__details{color:var(--text-soft);gap:8px;font-size:13px;display:grid}.customer-card__actions{flex-wrap:wrap;gap:8px;display:flex}.customer-card__actions a{text-decoration:none}.form-field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--text);resize:vertical;outline:none;padding:11px 12px}.form-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #b7ff3c14}@media (width<=1100px){.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.customers-toolbar{flex-direction:column;align-items:stretch}.customers-toolbar__actions{width:100%}.customers-toolbar__actions .jobs-search{flex:1}.customer-grid{grid-template-columns:1fr}}