:root{font-family:Inter,"Segoe UI",sans-serif;color:#172c29;background:#f4f6f3;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #d8e1da;border-radius:8px;background:white;color:#233c35;padding:10px 14px}button:hover{background:#edf4ee}button:disabled{opacity:.5;cursor:wait}.primary{background:#176b4d;color:white;border-color:#176b4d}.primary:hover{background:#11563c}aside{width:245px;background:#102d26;color:#c0d2c8;position:fixed;inset:0 auto 0 0;padding:30px 22px;display:flex;flex-direction:column}.brand{font-size:26px;font-weight:800;color:#b7ec87;text-decoration:none;display:flex;gap:12px;align-items:center}.brand span{font-size:17px;color:#fff}.brand small{display:block;font-size:10px;letter-spacing:1px;color:#9ab4a6;font-weight:400;margin-top:5px}.workspace{font-size:10px;letter-spacing:1.6px;margin:50px 8px 18px;color:#8aa798}nav{display:grid;gap:8px}nav button{text-align:left;background:transparent;color:#b9cdc2;border:none;padding:14px}nav button:hover,nav button.selected{background:#22463a;color:#c9f4a6}.aside-bottom{margin-top:auto;font-size:11px;color:#93ae9f}.aside-bottom p{color:#e1ede5;font-size:13px}.aside-bottom button{background:transparent;color:#c8d9ce;border-color:#426153;padding:6px 12px}.dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#a4db85;margin-right:5px}main{margin-left:245px;padding:38px 42px;max-width:1700px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#6b8175}h1{font-size:30px;letter-spacing:-1px;margin:12px 0 8px}header p,.card p{color:#738279;margin:0}header button{margin-left:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.metrics article{border:1px solid #dce4dc;background:#fff;border-radius:12px;padding:21px}.metrics span{display:block;color:#6a8072;font-size:12px}.metrics strong{display:block;font-size:32px;font-weight:550;margin:14px 0 5px}.metrics small{color:#92a095;font-size:11px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.toolbar>div{display:flex;gap:12px;align-items:center}h2{font-size:18px;font-weight:600}.toolbar input{width:340px;background:white}.toolbar span{color:#85968b}input,textarea,select{width:100%;border:1px solid #d8e1da;border-radius:7px;padding:11px;background:#fff;color:#253d33}input:focus,textarea:focus{outline:2px solid #87bea1;outline-offset:1px}.card{border:1px solid #dce4dc;border-radius:12px;background:#fff;padding:30px;max-width:480px;margin:60px auto}.card p{line-height:1.6}form label{display:block;margin:18px 0;color:#5d7366;font-size:12px}form label input,form label textarea,form label select{display:block;margin-top:8px}.orders{display:grid;gap:11px}.order{background:white;border:1px solid #dce4dc;border-radius:10px;padding:19px 22px;display:grid;grid-template-columns:110px minmax(160px,1fr) 160px 140px 105px;align-items:center;gap:16px}.order-id{font-family:monospace;font-weight:600;color:#557864}.order h3{font-size:14px;margin:0 0 6px}.order p{margin:0;color:#87958b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.badge{display:inline-block;padding:6px 9px;border-radius:5px;font-size:11px;background:#edf3ec;color:#597553}.badge.progress{background:#e9f0fe;color:#4672b8}.badge.request{background:#fff3da;color:#94712e}.worker{font-size:12px;color:#6a8072}.empty{padding:65px 25px;text-align:center;border:1px dashed #ccd9ce;border-radius:12px;color:#819285;background:#f8faf6}.empty h3{color:#405e4a}.empty p{line-height:1.7}#notice{padding:14px 18px;border:1px solid #e7c6a4;background:#fff4e7;border-radius:8px;margin:10px 0 20px}dialog{border:1px solid #d5e1d8;border-radius:14px;padding:26px;width:min(760px,95vw);max-height:90vh;color:#253e32;box-shadow:0 30px 100px #0b291c40}dialog::backdrop{background:#0a211c70;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5ece5;padding-bottom:16px}.dialog-heading h2{margin:4px 0}.dialog-heading small{font-family:monospace;color:#6b8474}.columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.actions{display:flex;gap:8px;flex-wrap:wrap;padding:18px 0}.chat-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5ece5}.chat-heading h3{font-size:14px}.chat-heading span{font-size:11px;color:#84958b}.messages{min-height:140px;max-height:300px;overflow:auto;background:#f5f8f4;border-radius:9px;padding:14px}.message{padding:12px 14px;background:white;border:1px solid #e2eae1;border-radius:8px;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message small{display:block;color:#74917e;font-size:10px;margin-bottom:7px}.message-form{display:flex;gap:8px;margin:14px 0}.message-form input{flex:1;min-width:0}details{margin:20px 0 0;color:#718879;font-size:12px}#order-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin-top:18px}#events p{border-bottom:1px solid #e4eae4;padding-bottom:8px}#invite-result{overflow-wrap:anywhere;line-height:1.8}[hidden]{display:none!important}@media(max-width:1100px){aside{width:195px;padding:25px 14px}main{margin-left:195px;padding:28px 24px}.order{grid-template-columns:90px 1fr 100px}.order .worker,.order .badge{display:none}header{align-items:flex-start}header button{margin-bottom:8px}.metrics{gap:10px}.metrics article{padding:16px}}@media(max-width:700px){aside{position:static;width:auto;padding:18px}.brand{font-size:20px}.workspace,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:16px}nav button{white-space:nowrap;padding:10px;font-size:11px}main{margin:0;padding:24px 16px}header{display:block}header>div+div{margin-top:18px}header button{margin-left:0}.metrics{grid-template-columns:1fr 1fr}.toolbar{display:block}.toolbar input{width:100%;margin:8px 0}.order{grid-template-columns:75px 1fr 80px;gap:8px;padding:16px 12px}.order button{padding:9px;font-size:12px}.order p{max-width:140px}.columns{grid-template-columns:1fr}.chat-heading span{display:none}}
