@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";
:root{--orange:#f04923;--ink:#0b0b0b;--charcoal:#414445;--paper:#f4f4f2;--line:#deded9;--white:#fff;--green:#1f6b4f;--amber:#9a6417}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--charcoal);margin:0;font-family:Montserrat,Helvetica,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}aside{background:var(--ink);color:#fff;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{background:#fff;margin:-24px -18px 28px;padding:19px 20px 15px}.brand img{width:170px;height:auto;display:block}.brand small{color:#777;letter-spacing:.28em;margin:8px 0 0 45px;font-size:8px;display:block}nav{flex-direction:column;gap:4px;display:flex}nav button{color:#b9b9b9;text-align:left;background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:12px;padding:13px 14px;font-size:13px;font-weight:600;display:flex}nav button:hover,nav button.active{color:#fff;border-left-color:var(--orange);background:#1c1c1c}.aside-foot{letter-spacing:.05em;color:#aaa;border-top:1px solid #2b2b2b;margin-top:auto;padding:18px 10px 0;font-size:10px}.live-dot{background:#58b891;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.text-button{color:#888;background:0 0;border:0;padding:14px 0 0;font-size:10px;text-decoration:underline;display:block}.shell>main{min-width:0}.shell>main>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:112px;padding:0 38px;display:flex}.eyebrow{letter-spacing:.18em;color:var(--orange);text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:800;line-height:1.2}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:28px;line-height:1}h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:20px}h3{letter-spacing:.12em;color:var(--ink);text-transform:uppercase;margin:28px 0 12px;font-size:11px}.header-meta{color:#777;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:14px;font-size:11px;display:flex}.icon-button{border:1px solid var(--line);background:#fff;place-items:center;width:38px;height:38px;display:grid}.content{max-width:1500px;padding:30px 38px 50px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric-grid article{border-top:4px solid var(--orange);background:#fff;min-height:132px;padding:19px 20px;position:relative}.metric-grid svg{color:#c8c8c5;position:absolute;top:18px;right:18px}.metric-grid span{letter-spacing:.12em;color:#777;margin-top:24px;font-size:9px;font-weight:700;display:block}.metric-grid strong{color:var(--ink);letter-spacing:-.04em;margin-top:7px;font-size:28px;display:block}.section-card{border:1px solid var(--line);background:#fff;margin-bottom:22px;padding:24px}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px;display:flex}.primary,.secondary,.small-action{text-transform:uppercase;letter-spacing:.05em;border:0;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:11px;font-weight:800;display:inline-flex}.primary{background:var(--orange);color:#fff}.primary:hover{background:#d93d1c}.primary:disabled{opacity:.5;cursor:not-allowed}.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.full{width:100%;margin-top:18px}.note{color:#777;background:#f4f4f2;padding:9px 12px;font-size:10px}.data-table{border-top:1px solid var(--line)}.table-row{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;min-height:66px;color:var(--charcoal);background:#fff;grid-template-columns:110px 2fr 1fr 120px 24px;align-items:center;gap:14px;padding:10px 9px;display:grid}button.table-row:hover{background:#faf9f7}.table-head{letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#777!important;min-height:38px!important;font-size:9px!important}.table-row strong{color:var(--ink);font-size:12px}.table-row span{font-size:11px}.table-row b,.table-row small{display:block}.table-row b{color:var(--ink);margin-bottom:4px;font-size:11px}.table-row small{color:#888;margin-top:4px;font-size:9px}.jobs .table-row{grid-template-columns:105px 2fr 1fr 1fr 105px}.labor .table-row{grid-template-columns:1.5fr 1.2fr .7fr .7fr 105px}.progress-cell{align-items:center;gap:8px;display:flex}.progress-cell i{background:#ecece8;width:66px;height:5px}.progress-cell em{background:var(--orange);height:100%;display:block}.status{color:#555;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:#eee;justify-content:center;justify-self:start;align-items:center;min-height:25px;padding:0 9px;font-weight:800;display:inline-flex;font-size:8px!important}.status-active,.status-on-site,.status-approved{color:var(--green);background:#e4f1eb}.status-draft,.status-scheduled,.status-assigned{color:var(--amber);background:#fff0db}.status-complete{color:#365a77;background:#e7edf4}.status-paused{color:#944136;background:#f6e1df}.two-col{grid-template-columns:1.05fr .95fr;gap:22px;display:grid}.crew-list>button,.crew-cards>button,.people-list>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;align-items:center;gap:11px;width:100%;padding:13px 5px;display:flex}.crew-list>button:hover,.people-list>button:hover{background:#faf9f7}.crew-list>button>span:nth-child(2),.people-list>button>span:nth-child(2){flex:1}.crew-list strong,.crew-list small,.people-list strong,.people-list small,.crew-cards strong,.crew-cards small{display:block}.crew-list strong,.people-list strong,.crew-cards strong{color:var(--ink);font-size:11px}.crew-list small,.people-list small,.crew-cards small{color:#888;align-items:center;gap:4px;margin-top:4px;font-size:9px;display:flex}.crew-mark,.avatar{background:var(--ink);color:#fff;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:10px;font-weight:800;display:grid}.teams{grid-template-columns:1fr 1.1fr}.crew-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.crew-cards>button{border:1px solid var(--line);grid-template-columns:1fr auto;align-items:start;gap:12px;padding:15px;display:grid}.crew-cards>button>div{grid-column:1/-1}.crew-cards>button>span:nth-child(2){color:#777;font-size:9px}.people-list>button>b{color:#666;font-size:10px}.empty{color:#888;text-align:center;background:#fafafa;padding:28px 12px;font-size:11px}.error{border-left:4px solid var(--orange);color:#8b2d1b;background:#fff0ed;justify-content:space-between;margin:18px 38px 0;padding:12px 14px;font-size:11px;display:flex}.error button{color:inherit;background:0 0;border:0}.drawer-backdrop{z-index:20;background:#00000075;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(560px,100%);height:100%;padding:42px 38px 60px;position:relative;overflow:auto;box-shadow:-10px 0 35px #00000026}.drawer-close{color:#777;background:0 0;border:0;position:absolute;top:18px;right:20px}.drawer h2{font-size:26px}.drawer-summary{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:18px;padding:16px 0;display:flex}.drawer-summary>strong{color:var(--ink);font-size:24px}.drawer-summary>span:last-child{align-items:center;gap:6px;font-size:10px;display:flex}.drawer dl{grid-template-columns:1fr 1fr;gap:16px;display:grid}.drawer dl div{border-bottom:1px solid var(--line);padding-bottom:10px}.drawer dt{letter-spacing:.1em;color:#888;text-transform:uppercase;font-size:8px;font-weight:700}.drawer dd{color:var(--ink);margin:5px 0 0;font-size:11px;font-weight:600}.body-copy{color:#555;font-size:11px;line-height:1.7}.estimate>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;display:flex}.estimate span b,.estimate span small{display:block}.estimate span b{color:var(--ink);font-size:10px}.estimate span small{color:#888;margin-top:4px;font-size:9px}.estimate>div>strong{color:var(--ink);font-size:11px}.estimate-total{border-bottom:0!important;padding-top:16px!important}.estimate-total strong{font-size:20px!important}.form-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:24px;display:grid}.form-grid label>span,.field-label{letter-spacing:.11em;color:#777;text-transform:uppercase;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:43px;color:var(--ink);background:#fff;border:1px solid #cfcfca;border-radius:0;padding:10px 11px;font-size:11px}.form-grid textarea{resize:vertical;min-height:88px}.wide{grid-column:1/-1}.convert{border-top:1px solid var(--line);padding-top:10px}.check-list{border:1px solid var(--line);max-height:220px;overflow:auto}.check-list label{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px;display:flex}.check-list input{width:auto;min-height:0}.check-list span{color:var(--ink)!important;letter-spacing:0!important;text-transform:none!important;margin:0!important;font-size:10px!important}.check-list small{color:#888;margin-top:3px;font-size:8px;display:block}.member-list>div{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:12px 0;display:flex}.member-list>div>span:nth-child(2){flex:1}.member-list strong,.member-list small{display:block}.member-list strong{color:var(--ink);font-size:10px}.member-list small{color:#888;margin-top:3px;font-size:8px}.lead{color:var(--orange)!important;margin-left:6px!important;display:inline-block!important}.hours{text-align:right}.hours b{font-size:10px}.small-action{background:var(--ink);color:#fff;min-height:30px;font-size:8px}.loading{justify-content:center;align-items:center;gap:12px;min-height:100vh;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.two-col,.teams{grid-template-columns:1fr}.table-row{grid-template-columns:90px 2fr 1fr 95px 20px}.jobs .table-row{grid-template-columns:85px 1.6fr 1fr 1fr 85px}}@media (max-width:760px){.shell{grid-template-columns:1fr}aside{height:auto;padding:0;position:relative}.brand{margin:0;padding:14px 18px}.brand img{width:145px}.brand small,.aside-foot{display:none}nav{background:#0b0b0b;flex-direction:row;padding:0 8px;overflow:auto}nav button{white-space:nowrap;border-bottom:3px solid #0000;border-left:0}nav button.active{border-left:0;border-bottom-color:var(--orange)}.shell>main>header{height:88px;padding:0 18px}.content{padding:18px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-grid article{min-height:112px;padding:14px}.metric-grid strong{font-size:21px}.section-card{padding:16px}.table-row{grid-template-columns:85px 1fr 82px}.table-row>:nth-child(3),.table-row>:nth-child(5),.table-head>:nth-child(3),.table-head>:nth-child(5){display:none}.jobs .table-row{grid-template-columns:82px 1fr 85px}.jobs .table-row>:nth-child(3),.jobs .table-row>:nth-child(4){display:none}.labor .table-row{grid-template-columns:1fr .8fr 75px}.labor .table-row>:nth-child(3),.labor .table-row>:nth-child(4){display:none}.crew-cards{grid-template-columns:1fr}.drawer{padding:40px 22px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}
:root{--soft-shadow:0 8px 28px #1414120e;--soft-shadow-hover:0 12px 34px #14141217}.shell>main{background:#f5f5f2}aside{padding-left:16px;padding-right:16px}.brand{margin-left:-16px;margin-right:-16px;padding-left:18px}nav{gap:7px}nav button{border-left:0;border-radius:8px;padding:13px}nav button:hover,nav button.active{box-shadow:inset 3px 0 0 var(--orange);border-left:0}.content{padding-top:26px}.metric-grid{gap:16px}.metric-grid article{border-top:3px solid var(--orange);box-shadow:var(--soft-shadow);border-radius:12px;padding:20px 21px}.section-card{box-shadow:var(--soft-shadow);border:0;border-radius:14px;padding:25px 26px}.primary,.secondary,.small-action,.icon-button{border-radius:8px;transition:transform .15s,box-shadow .15s,background .15s}.primary:hover,.secondary:hover,.small-action:hover,.icon-button:hover{transform:translateY(-1px);box-shadow:0 7px 18px #1414121a}.secondary{border-color:#e3e3de}.note{background:#f5f5f2;border-radius:8px}.head-actions{align-items:center;gap:9px;display:flex}.danger{color:#9a311f;letter-spacing:.06em;text-transform:uppercase;background:#fff0ed;border:0;border-radius:8px;min-height:42px;font-size:9px;font-weight:800}.text-action{color:var(--orange);text-transform:uppercase;background:0 0;border:0;align-items:center;gap:5px;padding:6px;font-size:8px;font-weight:800;display:inline-flex}.single-screen{min-height:calc(100vh - 112px)}.single-screen .section-card{min-height:calc(100vh - 164px)}.summary-strip{background:#f5f5f2;border-radius:10px;align-items:stretch;gap:0;margin:0 0 20px;display:flex;overflow:hidden}.summary-strip>div{border-right:1px solid #e5e5df;min-width:120px;padding:12px 16px}.summary-strip>div:last-child{border-right:0}.summary-strip span{letter-spacing:.12em;color:#888;margin-bottom:5px;font-size:7px;font-weight:800;display:block}.summary-strip strong{color:var(--ink);font-size:15px;display:block}.data-table{border-top:0}.table-row{border-bottom-color:#ecece8;padding-left:12px;padding-right:12px}button.table-row{border-radius:8px}button.table-row:hover{background:#f7f7f4}.status{border-radius:999px;padding-left:10px;padding-right:10px}.crew-mark,.avatar{border-radius:50%}.crew-list>button,.people-list>button{border-bottom-color:#ecece8;border-radius:8px;padding-left:9px;padding-right:9px}.crew-cards{gap:13px}.crew-cards>button{background:#f5f5f2;border:0;border-radius:11px;padding:16px}.crew-cards>button:hover{box-shadow:var(--soft-shadow-hover);background:#fff}.empty{background:#f7f7f4;border-radius:9px}.error{box-shadow:var(--soft-shadow);border-radius:8px}.drawer{border-radius:18px 0 0 18px;padding-left:40px;padding-right:40px}.drawer-summary,.estimate>div,.member-list>div{border-bottom-color:#ecece8}.form-grid input,.form-grid select,.form-grid textarea{background:#fdfdfc;border-color:#deded8;border-radius:8px;transition:border .15s,box-shadow .15s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--orange);outline:0;box-shadow:0 0 0 3px #f049231a}.check-list{background:#f5f5f2;border:0;border-radius:9px;padding:4px}.check-list label{border-bottom-color:#e6e6e1;border-radius:6px}.admin-ai{color:#fff;background:#111;border-radius:11px;margin:22px 0 4px;padding:16px}.admin-ai label>span{letter-spacing:.12em;color:#aaa;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.admin-ai textarea{resize:vertical;width:100%;min-height:94px;color:var(--ink);border:0;border-radius:8px;padding:11px;font-size:10px}.admin-ai>div{justify-content:flex-end;gap:8px;margin-top:9px;display:flex}.admin-ai>small{color:#aaa;letter-spacing:.08em;text-transform:uppercase;margin-top:9px;font-size:7px;display:block}.admin-items{margin-top:24px}.line-head{justify-content:space-between;align-items:center;display:flex}.line-head h3{margin:0}.admin-item{border-bottom:1px solid #ecece8;grid-template-columns:1fr 64px 78px 86px 78px 28px;align-items:center;gap:7px;padding:10px 0;display:grid}.admin-item>button{color:#999;background:0 0;border:0;grid-area:1/6;padding:4px}.admin-item input{border:1px solid #deded8;border-radius:7px;min-width:0;height:38px;padding:8px;font-size:9px}.admin-item .item-description{grid-area:1/1}.admin-item>strong{color:var(--ink);text-align:right;grid-area:1/5;font-size:9px}.admin-total{justify-content:space-between;align-items:center;padding:16px 0 2px;display:flex}.admin-total span{letter-spacing:.1em;color:#777;font-size:8px;font-weight:800}.admin-total strong{color:var(--ink);font-size:20px}.admin-time{flex-direction:column;gap:8px;display:flex}.admin-time>div{background:#f5f5f2;border-radius:9px;grid-template-columns:1.5fr .6fr .6fr;align-items:end;gap:10px;padding:11px;display:grid}.admin-time b,.admin-time small{display:block}.admin-time b{color:var(--ink);font-size:9px}.admin-time small{color:#888;margin-top:4px;font-size:7px}.admin-time label>span{letter-spacing:.08em;color:#777;margin-bottom:5px;font-size:7px;font-weight:800;display:block}.admin-time input{border:1px solid #deded8;border-radius:7px;width:100%;height:38px;padding:8px;font-size:9px}.approval-actions{align-items:center;gap:7px;display:flex}.labor .table-row{grid-template-columns:1.5fr 1.2fr .6fr .6fr 145px}.progress-cell i{border-radius:999px;overflow:hidden}@media (max-width:760px){nav button{border-radius:0;box-shadow:none!important}.section-card{border-radius:11px}.drawer{border-radius:16px 16px 0 0}.single-screen .section-card{min-height:auto}.summary-strip{overflow:auto}.summary-strip>div{min-width:105px}.head-actions{flex-wrap:wrap;justify-content:flex-end}.admin-item{grid-template-columns:1fr 64px}.admin-item .item-description{grid-column:1/-1}.admin-item>strong{grid-column:1}.admin-item>button{grid-column:2}.admin-time>div{grid-template-columns:1fr 1fr}.admin-time>div>span{grid-column:1/-1}}.login-screen{background:linear-gradient(145deg,#f6f6f2 0%,#ecece7 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.login-card{background:#fff;border-radius:18px;width:min(430px,100%);padding:34px;box-shadow:0 22px 60px #0c0c0c24}.login-card>img{width:185px;height:auto;margin-bottom:34px;display:block}.login-card h1{margin-bottom:12px;font-size:30px}.login-card>p:not(.eyebrow){color:#696965;margin-bottom:24px;font-size:13px;line-height:1.55}.login-card form{gap:14px;display:grid}.login-card form label>span{letter-spacing:.12em;color:#777;text-transform:uppercase;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.login-card input{width:100%;min-height:46px;color:var(--ink);background:#fff;border:1px solid #d9d9d3;border-radius:10px;padding:0 13px}.login-card .full{border-radius:10px;min-height:46px;margin-top:2px}.login-error{color:#8b2d1b;background:#fff0ed;border-radius:9px;padding:10px 12px;font-size:11px}.demo-credentials{background:#f5f5f2;border-radius:12px;margin-top:22px;padding:15px}.demo-credentials>span{color:var(--orange);letter-spacing:.13em;margin-bottom:9px;font-size:8px;font-weight:800;display:block}.demo-credentials>div{grid-template-columns:1fr auto;align-items:center;padding:5px 0;font-size:11px;display:grid}.demo-credentials b{color:#656560;font-weight:600}.demo-credentials code{color:var(--ink);font-family:Montserrat,Helvetica,Arial,sans-serif;font-weight:800}@media (max-width:520px){.login-screen{padding:16px}.login-card{padding:26px 22px}.login-card>img{margin-bottom:28px}}
