:root{color-scheme:light;--ink:#17222b;--ink-soft:#52606a;--mute:#829098;--bg:#f5f6f4;--card:#fff;--line:#e4e9e7;--nav:#121d26;--accent:#11a18f;--accent-dark:#067d73;--accent-soft:#dbf5f0;--radius:16px;--shadow:0 7px 24px rgba(20,34,39,.045);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.muted{color:var(--ink-soft)}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--accent-dark);font-weight:800}.brand{display:flex;align-items:center;gap:11px;color:#fff}.brand strong{display:block;font-size:15px;letter-spacing:.14em;font-weight:850}.brand small{display:block;margin-top:3px;font-size:9px;letter-spacing:.17em;color:#a7b4bf}.brand-bolt{width:37px;height:42px;display:grid;place-items:center;color:var(--accent);font-weight:900;font-size:34px;font-family:Georgia,serif}.btn{display:inline-flex;gap:10px;align-items:center;justify-content:center;border-radius:11px;min-height:45px;padding:12px 17px;font-weight:750;border:1px solid transparent;transition:background .14s,transform .14s;text-align:center}.btn:active,.icon-btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dark)}.btn-outline{background:#fff;color:var(--ink);border-color:#d8e0df}.btn-outline:hover{background:#f4f7f6}.btn-subtle{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #96d8cf;outline-offset:2px}.login-wrap{background:#121d26;min-height:100dvh;padding:30px 18px;display:flex;align-items:center;justify-content:center;flex-direction:column}.login-card{width:min(100%,450px);background:#fff;border-radius:22px;padding:36px;box-shadow:0 24px 90px #0003}.brand-login{margin:-2px 0 37px}.brand-login strong{color:var(--ink)}.brand-login small{color:#6a797f}.login-card h1{font-size:clamp(30px,7vw,41px);line-height:1.11;letter-spacing:-.045em;margin:13px 0 17px}.login-card h1 span{color:var(--accent-dark)}.login-card p{line-height:1.65}.form-stack{display:flex;flex-direction:column;gap:10px;margin-top:24px}.form-stack label,.editor-form label{display:block;font-weight:700;font-size:12px;color:#35424b}.form-stack input,.editor-form input,.editor-form textarea,.editor-form select{width:100%;border:1px solid #d8e2e0;border-radius:10px;padding:12px 13px;outline:none;background:#fff;color:var(--ink);min-height:45px}.form-stack input:focus,.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus{border-color:var(--accent)}.login-separator{text-align:center;color:#9aa6ab;font-size:10px;letter-spacing:.15em;margin:27px 0 18px;display:flex;align-items:center;gap:12px}.login-separator:before,.login-separator:after{content:"";height:1px;background:var(--line);flex:1}.login-card>.btn{width:100%}.fineprint{font-size:11px;color:#8b979d;line-height:1.6;margin:18px 0 0}.login-footer{color:#9eafb7;font-size:10px;letter-spacing:.13em;text-align:center;margin:24px 0 0}.app{display:flex;min-height:100dvh}.sidebar{width:247px;flex:none;background:var(--nav);display:flex;flex-direction:column;padding:29px 18px 19px;position:sticky;top:0;max-height:100dvh}.sidebar .brand{margin:0 9px 59px}.sidebar-label{font-size:10px;letter-spacing:.16em;color:#79919b;margin:0 13px 15px;font-weight:800}.side-nav{display:flex;flex-direction:column;gap:6px}.nav-btn{border:0;background:none;color:#a9b8c1;padding:13px 14px;display:flex;align-items:center;text-align:left;gap:13px;font-size:13px;font-weight:700;border-radius:11px}.nav-btn>span{font-size:20px;line-height:1}.nav-btn b{margin-left:auto;font-size:10px;padding:4px 8px;background:#2a3841;color:#bac8ca;border-radius:15px}.nav-btn.active,.nav-btn:hover{background:#22333e;color:#f5ffff}.nav-btn.active>span{color:#38c0a7}.sidebar-bottom{margin-top:auto}.safety-note{border:1px solid #35424c;border-radius:10px;padding:13px 12px;color:#bdccd2;font-size:11px;line-height:1.5;display:flex;gap:8px;align-items:flex-start}.safety-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex:none;margin-top:4px}.signout{background:none;color:#c7d4d8;display:flex;justify-content:space-between;align-items:center;border:0;width:100%;padding:20px 12px 4px;font-weight:700}.content-shell{min-width:0;flex:1}.topbar{height:72px;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--line);background:#fff;padding:0 clamp(18px,4vw,52px);gap:16px}.topbar-status{display:flex;align-items:center;gap:10px;color:#839197;font-size:11px}.chip{font-size:9px;letter-spacing:.08em;border-radius:30px;padding:7px 10px;font-weight:850}.chip.demo{color:#99702b;background:#fbefd7}.chip.live{color:#006e60;background:#d7f5ea}.icon-btn{border:1px solid var(--line);background:#fff;color:var(--ink-soft);display:grid;place-items:center;border-radius:9px;font-size:21px;width:35px;height:35px}.topbar-brand-mobile{display:none}main{max-width:1450px;margin:0 auto;padding:38px clamp(18px,4vw,52px) 75px}.welcome{display:flex;justify-content:space-between;gap:20px;align-items:center}.welcome h1{font-size:clamp(30px,3.8vw,41px);letter-spacing:-.046em;margin:5px 0 5px;font-weight:820}.period{color:var(--accent)}.welcome p{margin:0;font-size:13px}.btn-new{min-width:133px}.demo-banner{display:flex;gap:13px;align-items:center;border:1px solid #f0dfaa;color:#8b6d2d;background:#fff9e9;border-radius:10px;padding:12px 16px;margin-top:26px;font-size:12px}.demo-banner strong{font-size:10px;letter-spacing:.08em;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:27px}.metric{background:#fff;min-width:0;border:1px solid var(--line);border-radius:var(--radius);padding:19px 20px;box-shadow:var(--shadow)}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:7px;color:var(--ink-soft);font-size:12px;font-weight:700}.metric-symbol{font-size:21px;color:#a5b2b6}.metric strong{display:block;font-size:35px;font-weight:780;letter-spacing:-.05em;margin:15px 0 0;line-height:1.07}.metric small{color:#9ba5a7;font-size:11px;display:block;margin-top:9px}.workspace-header{margin:39px 0 19px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.workspace-header h2{font-size:22px;letter-spacing:-.035em;margin:6px 0 0}.searchbox{display:flex;align-items:center;gap:8px;border:1px solid #dfe6e4;background:white;border-radius:10px;padding:0 12px;height:40px}.searchbox>span{font-size:22px;color:#81909a}.searchbox input{width:165px;outline:0;border:0;color:var(--ink);font-size:12px}.cards{display:flex;flex-direction:column;gap:11px}.job-card{display:flex;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;min-height:115px}.job-stripe{width:4px;background:#cbd8d6}.job-card.urgent .job-stripe{background:#e4835e}.job-card.quote .job-stripe{background:#ab97d2}.job-card.approved .job-stripe{background:var(--accent)}.job-body{min-width:0;flex:1;padding:19px 23px;display:flex;gap:15px;align-items:center;justify-content:space-between}.job-main{min-width:0}.job-heading{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:7px}.job-heading h3{font-size:15px;letter-spacing:-.01em;margin:0}.tag{font-size:10px;font-weight:750;white-space:nowrap;padding:5px 8px;border-radius:6px;background:#f0f3f5;color:#67757d}.tag.urgent{background:#fdece4;color:#b55e36}.tag.quote{background:#eee9f7;color:#736092}.tag.approved{background:#e0f4ef;color:#197c6d}.job-desc{color:#65747b;font-size:12px;line-height:1.5;margin:0;max-width:780px;overflow-wrap:anywhere}.job-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;color:#96a3a7;font-size:10px}.job-actions{display:flex;gap:9px;align-items:center;flex:none}.action-btn{color:#126c63;background:#e3f6f2;border:0;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:800}.action-btn:hover{background:#c9ece5}.job-chevron{border:0;background:#f5f7f7;color:#63747b;font-size:17px;border-radius:9px;width:35px;height:35px}.empty{background:#fff;border:1px dashed #cedbd8;border-radius:15px;padding:50px 20px;text-align:center}.empty-icon{font-size:36px;color:var(--accent-dark)}.empty h3{margin:11px 0 8px}.empty p{color:var(--ink-soft);max-width:330px;margin:auto;font-size:12px;line-height:1.6}.mobile-nav{display:none}.overlay{position:fixed;inset:0;background:rgba(10,23,31,.53);z-index:30;display:flex;justify-content:flex-end;align-items:stretch}.editor{background:#fff;width:min(100%,505px);height:100%;overflow:auto;padding:27px;box-shadow:-5px 0 65px #0a151a25}.editor-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:22px}.editor-header h2{font-size:27px;letter-spacing:-.04em;margin:6px 0 0}.editor-form{display:flex;flex-direction:column;gap:10px;padding-top:25px}.editor-form input,.editor-form textarea,.editor-form select{margin:0 0 12px;resize:vertical}.editor-form textarea{min-height:126px;line-height:1.55}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.required{color:#b94e39}.editor-warning{font-size:12px;line-height:1.6;background:#f1f5f4;border-left:3px solid var(--accent);padding:13px 15px;border-radius:8px;color:#65747b;margin:8px 0}.editor-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:auto;padding-top:20px}.toast{position:fixed;bottom:30px;right:30px;z-index:100;background:#132a31;color:#fff;border-radius:11px;box-shadow:0 9px 35px #0003;padding:14px 20px;max-width:min(440px,calc(100vw - 30px));font-size:12px;line-height:1.5}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:210px}.brand strong{font-size:13px}.brand small{font-size:8px}.sidebar .brand{margin-left:0}.job-body{padding:17px}}@media(max-width:680px){body{font-size:13px}.sidebar{display:none}.topbar{height:62px;justify-content:space-between;padding:0 18px}.topbar-brand-mobile{display:block;font-weight:850;font-size:12px;letter-spacing:.08em;color:var(--ink)}.topbar-brand-mobile>span{color:var(--accent);font-size:22px;vertical-align:middle}.topbar-brand-mobile small{display:block;margin-left:24px;font-size:8px;color:#9aadb0;letter-spacing:.15em}.topbar-status{margin-left:auto}.topbar-status #syncText{display:none}main{padding:28px 16px 109px}.welcome{align-items:flex-start}.welcome h1{font-size:31px}.welcome p{font-size:12px;max-width:230px;line-height:1.55}.btn-new{display:none}.demo-banner{margin-top:20px;align-items:flex-start;line-height:1.5}.demo-banner strong{margin-top:1px}.metrics{gap:10px;margin-top:18px}.metric{padding:15px;border-radius:12px}.metric-top{font-size:10px}.metric-symbol{font-size:17px}.metric strong{font-size:29px;margin:11px 0 0}.metric small{font-size:10px;margin-top:7px;line-height:1.4}.workspace-header{margin-top:32px;align-items:flex-start;flex-direction:column}.workspace-header h2{font-size:21px}.workspace-controls,.searchbox{width:100%}.searchbox input{width:100%;flex:1}.job-card{min-height:124px}.job-body{padding:15px;align-items:flex-start;flex-direction:column;gap:10px}.job-heading h3{font-size:14px}.job-desc{font-size:11px}.job-meta{font-size:10px;margin-top:7px}.job-actions{width:100%;justify-content:space-between}.job-actions .action-btn{flex:1}.job-chevron{height:34px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-around;padding:10px 9px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #e2e8e6;background:#fff;box-shadow:0 -8px 28px #0000000a}.mobile-nav-btn{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;color:#89989f;border:0;background:transparent;min-width:65px;font-size:24px}.mobile-nav-btn small{font-size:9px;font-weight:800}.mobile-nav-btn.active{color:var(--accent-dark)}.editor{width:100%;padding:20px 18px 24px}.editor-header h2{font-size:23px}.editor-buttons>.btn{flex:1}.login-card{padding:28px 23px}.toast{bottom:84px;right:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}