*{box-sizing:border-box}body{margin:0;color:#232c36;background:#f4f4f1;font:14px/1.6 system-ui,-apple-system,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #899faf;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-weight:450;font-size:36px;letter-spacing:-1.2px;line-height:1.2}h2{font-size:22px;font-weight:500;letter-spacing:-.5px}p{color:#77838c}small{color:#7b8994}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 4vw;background:#161d25;color:#e6ebee;border-bottom:1px solid #ffffff20}.brand{font-family:Georgia,serif;letter-spacing:5px;font-size:25px}.brand small{font:9px system-ui;letter-spacing:2px;display:block;color:#9baab7;margin-top:5px}header>div:last-child{display:flex;align-items:center;gap:22px;font-size:11px}.header-caption{color:#9aabb8}main{max-width:1400px;margin:auto;padding:42px 4vw}.loading{padding:70px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2px;color:#8293a1;margin-bottom:14px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.heading h1{margin-bottom:8px}.heading p{margin:0;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#293746;color:#fff;padding:11px 18px;min-height:41px;border:1px solid #293746;font-size:11px;white-space:nowrap}.btn.light{background:#f5f7f8;color:#5b6e7d;border-color:#d3dce3}.btn.platinum{background:#dce3e8;color:#2a3c4b;border-color:#c7d1d9}.btn.small{min-height:32px;padding:6px 11px;font-size:10px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tabs{display:flex;gap:5px;margin-bottom:30px;overflow:auto;white-space:nowrap;border-bottom:1px solid #d7dde0;padding-bottom:13px}.tabs button{background:transparent;padding:10px 18px;color:#81909c;font-size:12px}.tabs button.active{background:#253747;color:#fff}.panel{background:#fff;border:1px solid #dce2e6;padding:27px;margin-bottom:23px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.panel-title h2{margin:0}.empty{padding:40px 0;color:#92a0ab}.muted{color:#82929f}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.aside{min-width:0}.bill{font-size:38px;font-weight:400;letter-spacing:-1.8px;margin:15px 0}.status{display:inline-flex;padding:5px 10px;background:#e7edf0;color:#617d90;font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px;text-align:left}td,th{padding:16px 12px;border-bottom:1px solid #e9edef;font-size:12px}th{font-size:10px;font-weight:500;color:#8596a3}td small{display:block;font-size:10px}.money{white-space:nowrap}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#798c9b;min-width:0}input,select,textarea{border:1px solid #d3dde4;background:#fbfcfc;padding:11px 12px;min-height:42px;border-radius:0;color:#2a3a48;max-width:100%;width:100%}textarea{resize:vertical;line-height:1.8}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.full{grid-column:1/-1}.fields p{font-size:11px;line-height:1.7;margin:0}.error{color:#9b5656;font-size:12px}.stage-tabs{display:flex;gap:9px;overflow:auto;padding-bottom:20px;border-bottom:1px solid #e0e6e9;margin-bottom:25px}.stage-tabs button{background:#f0f3f5;color:#81929f;min-width:125px;padding:14px 12px;text-align:left;flex:1;font-size:11px}.stage-tabs button span{display:block;margin-bottom:5px;font-size:9px;color:#a0abb3}.stage-tabs button.active{background:#293b4c;color:#fff}.stage-tabs button:disabled{opacity:.55}.stage-comments{font-size:13px;line-height:1.9;color:#788b99;white-space:pre-wrap}.photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:22px 0}.photos a{min-width:0}.photos img{width:100%;height:230px;object-fit:cover;background:#eef1f3}.file-list a{display:block;padding:12px 0;border-bottom:1px solid #edf0f3;overflow-wrap:anywhere;font-size:12px;color:#6a8497}.item{padding:20px 0;border-top:1px solid #e3e8ec}.item-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.item h3{font-size:15px;font-weight:500;margin:0}.item .fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:17px 0}.item .fields label{font-size:9px}.item .fields input,.item .fields select{font-size:11px;min-height:38px;padding:8px}.item-total{font-size:17px;font-weight:500;white-space:nowrap}.item.completed{background:#f8fafb;padding:20px 14px;margin-top:10px}.small-text{font-size:11px;line-height:1.8;color:#8b9aa6}.assignment{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:16px;border:1px solid #e0e7ec;margin:13px 0;background:#fafbfc}.assignment strong{grid-column:1/-1;font-size:12px;font-weight:500}.assignment .btn{grid-column:1/-1}.client-items>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e4e9ec;padding:15px 0;font-size:12px}.client-items strong{white-space:nowrap}.vehicle-title{font:400 31px Georgia,serif;letter-spacing:-1px}.side-info{font-size:12px;line-height:1.9;color:#7c8f9e}.side-info strong{color:#354b5b;font-weight:500}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.login-story{background:radial-gradient(ellipse at 0 0,#394d5f55,transparent 70%),#151d25;color:#f3f4f1;display:flex;flex-direction:column;justify-content:space-between;padding:65px}.login-story h1{font:400 clamp(43px,4.8vw,74px)/1.1 Georgia,serif;letter-spacing:-2px;max-width:650px;margin:70px 0 25px}.login-story h1 em{color:#b9c9d7;font-weight:400}.login-story p{font-size:13px;max-width:430px;line-height:1.9;color:#a0b0bd}.login-form{display:flex;flex-direction:column;justify-content:center;padding:65px;max-width:560px;width:100%;margin:auto}.login-form h2{font:400 32px Georgia,serif}.login-form form{display:grid;gap:22px}.login-form .btn{margin-top:8px;min-height:48px}.login-form p{font-size:12px}.login-note{font-size:10px;color:#9aabb7;letter-spacing:1.3px}dialog{width:calc(100% - 30px);max-width:680px;max-height:92vh;overflow:auto;padding:36px;border:1px solid #ccd7df;color:#263849;background:#f8fafb}dialog::backdrop{background:#101b25cc;backdrop-filter:blur(6px)}.close{position:absolute;top:10px;right:15px;color:#7e93a2;font-size:28px;background:transparent}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#203344f5;color:#fff;padding:12px 22px;font-size:12px;max-width:90%;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100}#toast.visible{opacity:1}.spacer{margin-top:25px}.payroll-controls{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-bottom:25px}.payroll-controls label{max-width:210px}
@media(max-width:1000px){.order-layout{grid-template-columns:1fr}.aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.login-story{padding:40px}.login-form{padding:40px}.item .fields{grid-template-columns:1fr 1fr}}
@media(max-width:650px){header{padding:20px 17px;gap:15px}.brand{font-size:21px;letter-spacing:3px}.brand small{font-size:7px;letter-spacing:1.1px}.header-caption{display:none}header>div:last-child{gap:12px}.btn{font-size:10px;padding:10px 13px}main{padding:30px 15px}h1{font-size:29px}.heading{align-items:flex-start;flex-wrap:wrap;gap:18px}.tabs{gap:4px}.tabs button{font-size:11px;padding:10px 12px}.panel{padding:21px 16px}.summary-grid,.fields,.aside{grid-template-columns:1fr}.panel-title{gap:12px;flex-wrap:wrap}.panel h2{font-size:20px}.bill{font-size:34px}.photos{grid-template-columns:1fr}.photos img{height:260px}.item-head{flex-wrap:wrap}.item .fields{grid-template-columns:1fr 1fr}.item-total{font-size:16px}.assignment{padding:13px}.stage-tabs button{min-width:112px;font-size:10px}.login{grid-template-columns:1fr}.login-story{padding:30px 23px 35px}.login-story h1{font-size:42px;letter-spacing:-1.5px;margin:42px 0 22px}.login-story p{font-size:12px;margin:0}.login-note{display:none}.login-form{padding:36px 23px 50px}.login-form h2{font-size:29px}.vehicle-title{font-size:27px}.payroll-controls{align-items:start;flex-wrap:wrap}.payroll-controls .bill{margin:0}dialog{padding:33px 22px}.full{grid-column:auto}}
.order-layout>div,.order-layout>aside{min-width:0}@media(max-width:1000px){.order-layout{grid-template-columns:minmax(0,1fr)}}