*{box-sizing:border-box}body{margin:0;font:14px Arial;background:#f4f8fd;color:#142b62;display:flex}aside{position:fixed;width:250px;height:100vh;background:#07182b;color:#dce8f7;padding:24px}.brand{font-size:26px;color:#fff}.brand strong{display:block;color:#2788ff;margin-left:32px}.brand small{font-size:8px}.brand b{margin-left:8px}nav{margin-top:30px}nav a{display:block;padding:12px 14px;color:#dce8f7;border-radius:6px}.on{background:#1268df}footer{position:absolute;bottom:25px;letter-spacing:3px;line-height:1.7}main{margin-left:250px;width:calc(100% - 250px)}header{height:64px;background:#fff;border-bottom:1px solid #d8e3f0;display:flex;justify-content:space-between;align-items:center;padding:0 28px}header input{width:500px;padding:11px;border:1px solid #c8d7e9;border-radius:6px}.head{display:flex;justify-content:space-between;padding:22px 28px}.head h1{font-size:28px;margin:7px 0}.head p{margin:0;color:#687a9c}button{background:#0969ef;color:#fff;border:0;border-radius:6px;padding:12px 20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 28px 14px}.stats article,.panel{background:#fff;border:1px solid #d7e3f2;border-radius:8px}.stats article{padding:15px}.stats b{font-size:25px;display:block}.stats small{color:#6a7d9d}.layout{display:grid;grid-template-columns:360px 1fr;gap:12px;padding:0 28px 28px}.panel{padding:14px;min-height:650px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:7px}.filters input{grid-column:span 2}.filters input,.filters select,.formgrid input,.formgrid select,textarea{padding:10px;border:1px solid #cbd9e9;border-radius:5px;width:100%}.machine{padding:13px 10px;border-bottom:1px solid #e5edf6;cursor:pointer}.machine.sel{border:2px solid #247bf1;background:#f5f9ff;border-radius:6px}.machine small{display:block;color:#6a7d9d;margin-top:5px}.badge{padding:4px 8px;border-radius:12px;font-size:11px}.green{background:#e4f7eb;color:#138648}.gray{background:#edf1f6;color:#66758c}.orange{background:#fff2dd;color:#a85c00}.titleline{display:flex;justify-content:space-between;align-items:center}.titleline h2{margin-bottom:3px}.titleline span{color:#6b7c9b}.tabs{margin:15px 0;border-bottom:2px solid #e4ecf6;padding:12px 0;color:#1263cc}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.formgrid label,.notes{font-size:12px;color:#607292}.formgrid input,.formgrid select{display:block;margin-top:5px}.caps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cap{border:1px solid #d7e3f2;border-radius:7px;padding:10px}.cap b{display:block;margin-bottom:7px}.cap select{width:100%;padding:8px;border:1px solid #cbd9e9;border-radius:5px}.warning{margin:14px 0;padding:12px;background:#fff7e8;border:1px solid #f2d298;border-radius:6px;color:#8a5a00}.notes textarea{display:block;height:65px;margin-top:5px}.save{float:right;margin-top:12px}@media(max-width:1050px){.layout{grid-template-columns:1fr}.caps{grid-template-columns:repeat(2,1fr)}}