*{box-sizing:border-box}body{margin:0;background:#f3f5f8;color:#182c3a;font:15px system-ui}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:12px 18px;background:#096e64;color:white;font-weight:600}button.secondary{background:#edf2f3;color:#29444b}input,select,textarea{padding:12px;border:1px solid #d4dce0;border-radius:8px;background:white;color:#182c3a}input:focus,select:focus,textarea:focus{outline:2px solid #0c9484}label{display:grid;gap:7px;margin:16px 0}textarea{min-height:100px;resize:vertical}aside{position:fixed;width:240px;background:#102f37;color:#c5d5d8;height:100vh;padding:30px 22px;display:flex;flex-direction:column}.brand{font-size:21px;font-weight:750;color:white;letter-spacing:-.7px}.brand i{font-style:normal;background:#24baa1;border-radius:8px;padding:4px 9px;margin-right:8px}aside small{display:block;margin:9px 0 42px;color:#85a3a9}nav{display:grid;gap:8px}nav button{text-align:left;background:transparent;color:#bdd1d5}nav button.active{background:#265059;color:white}aside footer{margin-top:auto;font-size:12px;line-height:1.8}main{margin-left:240px;padding:30px 42px;max-width:1800px}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce3e8;padding-bottom:20px;margin-bottom:28px}.muted{color:#6b7b88;font-size:13px}.demo{padding:11px 16px;background:#e3efed;color:#24685e;border-radius:8px;font-size:12px;margin-bottom:27px}.heading{display:flex;justify-content:space-between;gap:15px;align-items:center}h1{font-size:30px;letter-spacing:-1px;margin:0 0 8px}h2{font-size:18px;margin:0 0 18px}p{line-height:1.6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:28px 0}.stat,.panel{background:white;border:1px solid #e0e6ea;border-radius:12px;padding:22px}.stat b{display:block;font-size:32px;margin:13px 0 5px}.stat span{font-size:13px;color:#647582}.bar{height:5px;background:#0d8a78;border-radius:5px;margin-top:17px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.filters input{flex:1;min-width:180px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#788892;padding:14px 12px;border-bottom:1px solid #e7ecef}td{padding:19px 12px;border-bottom:1px solid #edf0f3;font-size:13px}tbody tr{cursor:pointer}tbody tr:hover{background:#f6faf9}.title{font-weight:650;display:block;color:#243c49}.badge{display:inline-block;border-radius:6px;padding:6px 9px;background:#e8eff7;color:#426895;font-size:11px}.badge.urgent{background:#fbe9e6;color:#b34e3b}.badge.done{background:#ddf2e9;color:#237354}.badge.wait{background:#fff1d8;color:#93651b}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.intro{background:#102f37;color:white;padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.intro h1{font-size:48px;line-height:1.15;margin-top:65px;max-width:550px}.intro p{color:#adc5ca;max-width:420px}.loginform{display:flex;align-items:center;justify-content:center;padding:40px}.loginform form{max-width:390px;width:100%}.loginform button[type=submit]{width:100%;margin:10px 0}.loginform h1{font-size:28px}.help{font-size:12px;background:#e9eef1;padding:14px;border-radius:8px;line-height:1.8}dialog{width:min(720px,94vw);border:0;border-radius:15px;padding:28px;color:#182c3a}dialog::backdrop{background:#102a3ac0}.dialoghead{display:flex;justify-content:space-between;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.steps{display:flex;gap:5px;margin:22px 0}.step{height:7px;background:#e1e8eb;flex:1;border-radius:4px}.step.on{background:#0d947f}.history{border-left:2px solid #dce8e5;padding-left:16px;margin:20px 0}.history p{font-size:13px}.photo{max-width:160px;max-height:120px;border-radius:8px;margin:6px}.error{color:#b04434;font-size:13px}.empty{text-align:center;padding:45px;color:#6b7b88}@media(max-width:1000px){aside{width:190px}main{margin-left:190px;padding:24px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{position:static;width:100%;height:auto;padding:18px}aside small,aside footer{display:none}nav{display:flex;margin-top:18px;overflow:auto}nav button{white-space:nowrap;padding:9px}main{margin:0;padding:20px 15px}.top{gap:10px}.top select{max-width:145px}.stats{gap:10px}.stat{padding:16px}.heading{align-items:flex-start}h1{font-size:24px}.login{grid-template-columns:1fr}.intro{padding:30px}.intro h1{font-size:32px;margin-top:30px}.loginform{padding:30px}.grid2{grid-template-columns:1fr}.filters select{flex:1}.heading button{white-space:nowrap}}