:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#1c1915;background:#eceae4;margin:0;font-family:Manrope,Segoe UI,sans-serif;line-height:1.45}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%}:focus-visible{outline-offset:2px;outline:2px solid #1c1915}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.presenter{min-height:100%}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:16px 20px 8px;display:flex}.demo-title{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:700}.mode-switch{flex-wrap:wrap;gap:8px;display:flex}.mode-btn{color:#1c1915;background:#fff;border:1px solid #1c1915;border-radius:999px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600}.mode-btn.is-active{color:#fff;background:#1c1915}.caption{color:#3f3832;margin:0;padding:0 20px 16px;font-size:14px}.stage{justify-content:center;padding:0 16px 32px;display:flex}.desktop-frame{background:#fff;border-radius:12px;flex-direction:column;width:min(1120px,100%);height:min(720px,100vh - 160px);min-height:560px;display:flex;overflow:hidden;box-shadow:0 24px 60px #1c19152e}.chrome{background:#f3f1eb;border-bottom:1px solid #e4e0d8;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;height:40px;padding:0 12px;display:grid}.dots{gap:6px;display:flex}.dots i{border-radius:50%;width:10px;height:10px;display:block}.dots i:first-child{background:#ed6a5e}.dots i:nth-child(2){background:#f4bf4f}.dots i:nth-child(3){background:#61c554}.url-pill{color:#6d675f;background:#fff;border:1px solid #e0dcd4;border-radius:999px;justify-self:center;padding:3px 12px;font-size:12px}.app-scroll{background:#f3f4f6;flex:auto;height:100%;min-height:0;overflow:auto;container:app/inline-size}.mobile-slot{width:390px;max-width:100%}.mobile-frame{background:#111;border-radius:36px;width:390px;padding:16px;box-shadow:0 24px 60px #1c19152e}.mobile-screen{background:#fff;border-radius:24px;flex-direction:column;height:min(780px,100vh - 180px);display:flex;overflow:hidden}.status-row{background:#fff;flex:none;align-items:center;height:28px;padding:0 16px;font-size:12px;font-weight:600;display:flex}@media (width<=720px){.topbar,.caption{padding-left:12px;padding-right:12px}.mode-switch{width:100%}.mode-btn{flex:1 1 0;padding:0 10px}}@media (width<=429px){.stage{padding-left:8px;padding-right:8px}.mobile-slot{--scale:calc((100vw - 16px) / 390px);--inner:min(780px, calc(100vh - 180px));--frame-h:calc(32px + var(--inner));width:calc(100vw - 16px);height:calc(var(--frame-h) * var(--scale));position:relative;overflow:hidden}.mobile-frame{transform:scale(var(--scale));transform-origin:0 0;position:absolute;top:0;left:0}}.product{--ink:#484849;--text-on-blue:#14171c;--blue:#00acec;--magenta:#ca0588;--surface:#f3f4f6;--line:#48484924;--muted:#3d4652;background:var(--surface);min-height:100%;color:var(--ink);flex-direction:column;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:15px;display:flex}.product-header{z-index:3;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px 16px;padding:12px 16px;display:flex;position:sticky;top:0}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{width:auto;height:40px;display:block}.brand-name{letter-spacing:-.03em;border-left:1px solid #e1e4e8;padding-left:10px;font-size:20px;font-weight:650;line-height:1}.segments{background:var(--surface);border-radius:999px;gap:4px;padding:3px;display:flex}.seg-btn{min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:15px;font-weight:600}.seg-btn.is-on{background:var(--blue);color:var(--text-on-blue)}.product-body{flex-direction:column;gap:14px;padding:16px;display:flex}.office,.crew-page,.customer-page{flex-direction:column;gap:14px;display:flex}.crew-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}.identity,.your-job{grid-column:1}.others,.photos{grid-column:2}.identity{grid-row:1}.your-job{grid-row:2}.photos{grid-row:1/span 2}.others{grid-area:3/1/auto/-1}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.stat,.panel{border:1px solid var(--line);background:#fff;border-radius:12px}.stat{flex-direction:column;gap:6px;padding:14px 14px 12px;display:flex}.stat-value{letter-spacing:-.04em;font-size:30px;font-weight:650;line-height:1}.stat-label,.panel-title,.block-title,.eyebrow,.preview-label{align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.panel{flex-direction:column;gap:10px;padding:14px;display:flex}.panel-title,.block-title,.job-heading,.person-heading,.other-name{margin:0}.panel-title{font-size:16px}.job-heading,.person-heading{letter-spacing:-.03em;font-size:22px;font-weight:650}.eyebrow{color:var(--muted);margin:0;font-weight:600}.steps{gap:0;margin:4px 0 0;padding:0;list-style:none;display:flex}.step{text-align:center;min-width:0;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex;position:relative}.step-mark{z-index:1;background:#fff;border:2px solid #c5cad1;border-radius:50%;width:14px;height:14px;position:relative}.step.is-done .step-mark,.step.is-current .step-mark{background:var(--blue);border-color:var(--blue)}.step.is-current .step-mark{box-shadow:0 0 0 4px #00acec47}.step.is-done .step-label,.step.is-current .step-label{color:var(--ink);font-weight:600}.step:not(:last-child):after{content:"";z-index:0;background:#d8dce1;width:100%;height:2px;position:absolute;top:7px;left:50%}.step.is-done:not(:last-child):after{background:var(--blue)}.live-dot{background:var(--magenta);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #ca058829}.week-wrap{overflow-x:auto}.week{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.day{background:#f7f8f9;border-radius:10px;flex-direction:column;gap:8px;min-height:108px;padding:8px;display:flex}.day.is-today{box-shadow:inset 0 0 0 1px var(--blue);background:#e7f6fd}.day-head{align-items:baseline;gap:6px;display:flex}.day-weekday,.day-num,.today-tag,.chip-time,.chip-name,.job-meta,.hint,.check-line,.contact-line,.photo-when,.example-state,.person-title,.person-status{font-size:14px}.day-num,.chip-name,.job-name,.person-name,.photo-job,.example-name{font-weight:600}.today-tag{color:var(--muted);margin-left:auto}.day-jobs{flex-direction:column;gap:6px;display:flex}.chip,.job-btn,.example,.file-btn,.btn{border-radius:12px}.chip,.job-btn,.example{text-align:left;border:1px solid var(--line);width:100%;color:inherit;background:#fff}.chip{border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:6px 8px;display:flex}.chip.is-selected,.job-btn.is-selected,.example.is-on{border-color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}.job-list,.other-list,.roster{flex-direction:column;gap:8px;display:flex}.roster{margin:0;padding:0;list-style:none}.job-btn{flex-direction:column;align-items:flex-start;gap:4px;min-height:44px;padding:12px;display:flex}.job-top,.detail-title,.identity,.person,.tray li,.action-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.job-top,.detail-title{width:100%}.job-meta,.hint,.check-line,.contact-line,.notes,.shop-foot,.empty,.both-line{margin:0}.job-meta,.hint,.person-title,.photo-when,.example-state,.today-tag{color:var(--muted)}.split{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:14px;display:grid}.facts{flex-direction:column;gap:8px;margin:0;display:flex}.fact{grid-template-columns:88px minmax(0,1fr);gap:8px;display:grid}.fact dt{color:var(--muted);margin:0}.fact dd{margin:0}.notes{background:#f7f8f9;border-radius:8px;padding:10px 12px}.status{color:var(--ink);background:#eef0f3;border-radius:999px;flex:none;align-items:center;gap:6px;padding:3px 8px;font-size:14px;font-weight:600;display:inline-flex}.status-onsite,.status-enroute,.status-photos{background:#dff4fc}.status-sent{background:#e5f6ec}.empty{text-align:center;color:var(--muted);background:#f7f8f9;border:1px dashed #c5cad1;border-radius:12px;padding:22px 16px}.person{background:#f7f8f9;border-radius:10px;min-height:44px;padding:8px}.person.is-in{box-shadow:inset 3px 0 0 var(--blue);background:#f3fbfe}.avatar{background:#dff4fc;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:650;display:grid}.person-copy{flex-direction:column;flex:1;min-width:0;display:flex}.person-status{flex:none;font-weight:600}.photo-grid,.example-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.photo-card{flex-direction:column;gap:6px;margin:0;display:flex}.photo-card img,.example img,.upload-preview img,.tray img{aspect-ratio:4/3;object-fit:cover;background:#e6e8eb;border-radius:8px;width:100%;display:block}.photo-card figcaption,.example{flex-direction:column;gap:2px;display:flex}.example{min-height:44px;padding:6px}.example-name,.example-state{padding:0 4px 4px}.btn,.file-btn,.call-link{text-align:center;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:15px;font-weight:650;display:inline-flex}.btn-primary,.call-link{background:var(--blue);color:var(--text-on-blue);border:0;border-radius:12px;text-decoration:none}.btn-primary:hover:not(:disabled),.call-link:hover{background:color-mix(in srgb, var(--blue) 86%, #14171c)}.btn-primary:disabled{opacity:.45}.btn-secondary,.file-btn{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px}.btn-secondary:hover,.file-btn:hover{border-color:var(--blue)}.btn-quiet{color:var(--ink);text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:0 8px;font-weight:600;text-decoration:underline}.file-btn{width:100%;position:relative}.file-btn input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-btn:focus-within{outline-offset:2px;outline:2px solid #1c1915}.file-btn input:focus{outline:none}.field-error{color:#8d1d1d;margin:0;font-size:14px;font-weight:600}.upload-preview img{border-radius:12px;width:min(100%,360px)}.tray{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tray li{background:#f7f8f9;border-radius:10px;padding:8px}.tray img{aspect-ratio:auto;flex:none;width:64px;height:48px}.sent-tag{font-size:14px;font-weight:650}.success{background:#e7f6ee;border:1px solid #b7e4c7;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.success strong{font-size:16px}.success p{margin:0}.send-bar{background:#fff;flex-direction:column;gap:6px;padding-top:8px;display:flex;position:sticky;bottom:0}.other-job{background:#f7f8f9;border-radius:10px;flex-direction:column;gap:4px;padding:10px;display:flex}.other-name{font-size:16px}.both-line{font-weight:600}.shop-foot{color:var(--muted);flex-direction:column;gap:4px;padding:4px 16px 20px;font-size:14px;display:flex}.shop-foot a{color:inherit}.panel.identity{flex-direction:row;justify-content:space-between;align-items:center}.panel.identity>div{text-align:left}.identity .btn{flex:none}@container app (width<=520px){.product{font-size:14px}.product-header{flex-wrap:wrap}.segments{width:100%}.seg-btn{flex:1}.stats{grid-template-columns:1fr 1fr}.split,.crew-page{grid-template-columns:1fr}.identity,.your-job,.photos,.others{grid-area:auto}.photos{order:3}.others{order:4}.week{grid-template-columns:repeat(5,148px)}.fact{grid-template-columns:1fr;gap:2px}.identity,.job-top,.detail-title,.person{align-items:flex-start}.panel.identity,.detail-title,.job-top{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary,.file-btn,.call-link,.identity .btn{width:100%}.person-status{margin-left:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}