:root{--ink:#151617;--muted:#6d7177;--line:#e7e7e5;--soft:#f6f6f4;--orange:#ed632f;--orange2:#d95120;--green:#297b4c;--amber:#9a6500;--blue:#235f9b}*{box-sizing:border-box}body{margin:0;background:#f7f7f5;color:var(--ink);font-family:var(--font-inter),Arial,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#171819;color:#fff;padding:30px 18px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px;border-bottom:1px solid #303133}.brand-mark{width:38px;height:38px;border-radius:9px;background:var(--orange);display:grid;place-items:center;font-weight:900;font-size:22px}.brand div{display:grid}.brand strong{font-size:17px;letter-spacing:.07em}.brand small{font-size:9px;color:#92969a;letter-spacing:.18em;margin-top:2px}.sidebar nav{display:grid;gap:6px;margin-top:25px}.nav-item{border:0;background:none;color:#a9adb1;text-align:left;padding:12px;border-radius:8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.nav-item span{font-size:18px;margin-right:10px;color:#85898c}.nav-item:hover,.nav-item.active{background:#282a2b;color:#fff}.nav-item.active span{color:var(--orange)}.sidebar-bottom{margin-top:auto;border-top:1px solid #303133;padding:20px 4px 0;display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center}.sidebar-bottom div{display:grid}.sidebar-bottom strong{font-size:11px}.sidebar-bottom small{font-size:9px;color:#8c9195;margin-top:3px}.avatar{width:34px;height:34px;border-radius:50%;background:#343739;display:grid;place-items:center;font-size:10px;font-weight:700}.workspace{grid-column:2;min-width:0}.topbar{height:102px;background:#fff;border-bottom:1px solid var(--line);padding:24px 38px;display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.18em;color:var(--orange);margin:0 0 7px}.topbar h1{font-size:23px;margin:0;letter-spacing:-.03em}.top-actions{display:flex;align-items:center;gap:14px}.sync{font-size:10px;color:var(--green);font-weight:700}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:8px;width:35px;height:35px}.content-grid{padding:30px 38px 50px;display:grid;grid-template-columns:minmax(560px,760px) 280px;gap:25px;max-width:1160px;margin:auto}.form-card,.table-card,.success-card,.empty-state{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 10px #16161608}.steps{display:grid;grid-template-columns:repeat(4,1fr);padding:21px 27px 17px;gap:5px}.step{border:0;background:none;color:#a3a5a7;font-size:10px;font-weight:700;display:flex;gap:7px;align-items:center;justify-content:center;cursor:pointer}.step span{width:22px;height:22px;border-radius:50%;border:1px solid #d8d9d7;display:grid;place-items:center;font-size:9px}.step.current{color:var(--ink)}.step.current span{background:var(--orange);border-color:var(--orange);color:#fff}.step.done{color:#5d6063}.step.done span{background:#252627;border-color:#252627;color:#fff}.progress{height:2px;background:#eee}.progress i{display:block;height:100%;background:var(--orange);transition:.25s}.form-body{padding:34px 44px 30px;min-height:405px}.section-heading{display:flex;gap:13px;align-items:flex-start;margin-bottom:30px}.section-heading>span{font-size:10px;font-weight:900;color:var(--orange);background:#fff1eb;border-radius:5px;padding:7px 6px}.section-heading h2{font-size:18px;margin:0 0 6px}.section-heading p{font-size:11px;color:var(--muted);margin:0}.form-body>label,.two-col label{display:grid;font-size:10px;font-weight:750;gap:8px;margin-bottom:20px;color:#3c3e40}.form-body label em{color:var(--orange);font-style:normal}input,textarea{width:100%;border:1px solid #dadbd9;border-radius:7px;padding:12px 13px;font:inherit;font-size:12px;outline:none;background:#fff}input:focus,textarea:focus{border-color:#999;box-shadow:0 0 0 3px #00000008}textarea{height:82px;resize:none}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:15px}.check-row{display:flex!important;align-items:center;gap:9px!important;margin:8px 0!important;font-size:10px!important;font-weight:600!important}.check-row input{width:15px;height:15px;accent-color:var(--orange)}.field-title{font-size:10px;font-weight:750;color:#3c3e40;margin:0 0 9px}.part-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.part{border:1px solid #dadbd9;border-radius:8px;background:#fff;padding:14px 10px;display:flex;gap:9px;align-items:center;font-size:11px;font-weight:700;cursor:pointer}.part span{width:20px;height:20px;border:1px solid #d7d8d6;border-radius:5px;display:grid;place-items:center}.part.selected{border-color:#ed632f80;background:#fffaf7}.part.selected span{background:var(--orange);border-color:var(--orange);color:#fff}.subpanel,.checklist{background:var(--soft);border-radius:8px;padding:14px 16px}.subpanel>strong,.checklist>strong{font-size:10px;display:block;margin-bottom:9px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);background:var(--soft);padding:3px;border-radius:7px;margin-bottom:20px}.segmented button{border:0;background:none;padding:9px;font-size:10px;border-radius:5px;cursor:pointer}.segmented button.selected{background:#fff;box-shadow:0 1px 4px #0001;font-weight:700}.upload{width:100%;border:1px dashed #c9cac7;background:#fbfbfa;border-radius:8px;padding:18px;display:grid;place-items:center;cursor:pointer;color:#585b5e;margin-bottom:14px}.upload span{font-size:22px;color:var(--orange)}.upload strong{font-size:10px;margin:3px}.upload small{font-size:9px;color:#909397}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:20px}.summary-grid>div{padding:14px;border-right:1px solid var(--line);display:grid;gap:4px}.summary-grid>div:last-child{border:0}.summary-grid small{font-size:8px;color:#8a8d90;font-weight:800;letter-spacing:.08em}.summary-grid strong{font-size:11px;overflow-wrap:anywhere}.summary-grid span{font-size:9px;color:#777;overflow-wrap:anywhere}.signature>span{font-size:10px;font-weight:700}.signature div{height:95px;border:1px dashed #c7c8c6;border-radius:8px;margin:8px 0;display:grid;place-items:center;font:italic 12px Georgia;color:#aaa}.signature small{font-size:9px;color:#8b8e91}.form-footer{border-top:1px solid var(--line);padding:17px 26px;display:flex;justify-content:space-between}.primary,.secondary{border-radius:7px;padding:11px 17px;font:inherit;font-size:10px;font-weight:750;cursor:pointer}.primary{background:var(--orange);border:1px solid var(--orange);color:#fff}.primary:hover{background:var(--orange2)}.secondary{background:#fff;border:1px solid #d9dad8}.right-panel{display:grid;gap:16px;align-content:start}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-row>div,.recent,.tip{background:#fff;border:1px solid var(--line);border-radius:10px}.stat-row>div{padding:15px}.stat-row small{font-size:8px;font-weight:800;color:#929497;display:block}.stat-row strong{font-size:25px;margin:5px 6px 0 0;display:inline-block}.stat-row span{font-size:9px;color:#929497}.recent{padding:17px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.panel-title h3{font-size:11px;margin:0}.panel-title button{font-size:8px;border:0;background:none;color:var(--orange);font-weight:700;cursor:pointer}.recent article{padding:13px 0;border-top:1px solid #eeeeec}.job-top{display:flex;justify-content:space-between;align-items:center}.job-top strong{font-size:9px;color:#666}.pill{font-style:normal;font-size:7px;font-weight:800;padding:4px 6px;border-radius:20px;background:#eee}.pill.green{background:#e7f3eb;color:var(--green)}.pill.amber{background:#fff2d8;color:var(--amber)}.pill.blue{background:#e8f0f8;color:var(--blue)}.recent h4{font-size:10px;margin:8px 0 3px}.recent p,.recent small{font-size:9px;color:#7c8083;margin:0}.recent small{display:block;margin-top:5px;color:#aaa}.tip{padding:16px;background:#27292a;color:#fff}.tip strong{font-size:10px}.tip p{font-size:9px;line-height:1.6;color:#b7bbbd;margin-bottom:0}.success-card{max-width:690px;margin:45px auto;text-align:center;padding:55px}.success-icon{width:46px;height:46px;border-radius:50%;background:#e8f4ec;color:var(--green);display:grid;place-items:center;margin:0 auto 17px;font-size:20px}.success-card h2{font-size:30px;margin:8px}.success-card>p:not(.eyebrow){font-size:12px;color:#6d7177}.qr{width:105px;height:105px;margin:27px auto;border:7px double #171819;display:grid;place-items:center;align-content:center;font-size:10px;letter-spacing:.15em}.qr strong{font-size:17px}.success-actions{display:flex;gap:8px;justify-content:center;margin-top:25px}.table-card{margin:30px 38px;padding:20px;max-width:1050px}.table-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.table-tools input{max-width:370px}.job-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.tr{display:grid;grid-template-columns:.7fr 1.4fr 1fr 1fr .8fr;padding:15px;align-items:center;border-top:1px solid var(--line);font-size:10px}.tr:first-child{border-top:0}.tr.th{background:var(--soft);font-size:8px;font-weight:800;color:#818487}.empty-state{max-width:700px;margin:50px auto;padding:70px;text-align:center}.empty-state>span{font-size:32px;color:var(--orange)}.empty-state h2{margin:10px}.empty-state p{font-size:11px;color:#7d8083}.empty-state input{max-width:380px;margin-top:15px}@media(max-width:950px){.content-grid{grid-template-columns:1fr}.right-panel{grid-template-columns:1fr 1fr}.recent{grid-column:1/-1}}@media(max-width:720px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px 18px}.sidebar nav{grid-template-columns:repeat(3,1fr);margin:12px 0 0}.sidebar-bottom{display:none}.brand{padding:0 0 12px}.workspace{display:block}.topbar{height:auto;padding:20px}.top-actions{display:none}.content-grid{padding:15px}.form-body{padding:25px 20px}.steps{padding:16px 12px}.step{font-size:0}.step span{font-size:9px}.two-col,.summary-grid{grid-template-columns:1fr}.summary-grid>div{border-right:0;border-bottom:1px solid var(--line)}.right-panel{grid-template-columns:1fr}.recent{grid-column:auto}.table-card{margin:15px;padding:10px;overflow:auto}.job-table{min-width:650px}.success-card{margin:15px;padding:35px 20px}}
