@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{font-family:Barlow,Arial,sans-serif;color:#172b31;background:#eef1f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a{color:inherit;text-decoration:none}button,.button{cursor:pointer;border:0;background:#e9bc38;color:#182b30;font-weight:700;border-radius:5px;padding:13px 20px;display:inline-block}button:hover,.button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:wait}header{height:100px;padding:0 4%;background:#142e34;color:white;display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid #e8bc3e}.brand{display:flex;gap:12px;align-items:center;font-size:29px;font-weight:800;letter-spacing:1.6px}.brand small{display:block;font-size:9px;letter-spacing:2.3px;color:#a6b9ba;margin-top:4px}.mark{font-size:42px;background:#e9bc38;color:#183239;width:49px;height:52px;line-height:49px;text-align:center;font-family:Arial;font-weight:900;transform:skew(-8deg)}.as{font-size:17px;color:#d5dfdf}nav{display:flex;align-items:center;gap:32px;font-size:14px;color:#b9c9ca}nav a.active{color:#f2ca54}.clock{border-left:1px solid #3a5156;padding-left:28px;font-variant-numeric:tabular-nums}main{max-width:1700px;padding:42px 4% 20px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#607276}h1{font-family:'Barlow Condensed',Arial,sans-serif;font-size:46px;letter-spacing:-.4px;line-height:1.1;margin:10px 0}p{color:#6a7a7e;font-size:15px;line-height:1.5;margin:8px 0}.actions{display:flex;gap:12px}.secondary{background:transparent;border:1px solid #c8d1d1}.demo{border:1px solid #ddc472;border-left:4px solid #d5a424;background:#fff8e3;padding:12px 17px;display:flex;gap:20px;font-size:12px;margin-bottom:23px;color:#6b5620}.demo strong{letter-spacing:1px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{background:white;border:1px solid #dce2e0;padding:21px;display:flex;align-items:flex-start;gap:12px;text-align:left;font-weight:500;box-shadow:0 2px 2px #142e3403}.stat.selected{border-color:#234c54;box-shadow:0 0 0 1px #234c54}.dot{width:8px;height:8px;border-radius:50%;margin-top:6px;background:#5682bd}.stat div{display:flex;flex-direction:column;gap:10px;color:#657479;font-size:13px}.stat strong{font-family:'Barlow Condensed',Arial,sans-serif;font-size:38px;line-height:1;color:#183238;font-weight:600}.statIcon{margin-left:auto;font-size:25px;color:#94a4a6}.dot.s1{background:#d6ab25}.dot.s2{background:#dc864b}.dot.s3{background:#4b9874}.panel{background:#fff;border:1px solid #d8e0de;border-radius:6px;overflow:hidden}.toolbar{padding:23px;display:flex;align-items:center;gap:24px}.toolbar>div:first-child{display:flex;gap:12px;align-items:center}.toolbar h2{font-size:18px;margin:0}.toolbar>div>span{background:#edf1ef;font-size:11px;padding:4px 8px;border-radius:4px;color:#708180}.tools{display:flex;gap:10px;margin-left:auto}input,select,textarea{border:1px solid #d6dedc;border-radius:4px;background:#fff;padding:11px;color:#273f44;width:100%}.tools input{width:265px;font-size:12px}.tools select{width:142px;font-size:12px}.live{font-size:11px;color:#668078;white-space:nowrap;display:flex;align-items:center;gap:7px}.live i{width:6px;height:6px;border-radius:50%;background:#8c9898}.live .online{background:#4b9671}.tableWrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f5f7f6;color:#7b898a;font-size:10px;letter-spacing:1px;padding:15px 20px;border-top:1px solid #e5eae8;border-bottom:1px solid #e0e6e4;font-weight:600}td{padding:22px 20px;border-bottom:1px solid #e9edeb;font-size:13px;vertical-align:middle}td>b{display:block;font-weight:600;margin-bottom:7px}td>span:not(.badge):not(.priority):not(.mechanic){display:block;font-size:12px;color:#718184}.orderNo{font-family:'Barlow Condensed',Arial,sans-serif;font-size:19px;letter-spacing:.4px}.description{max-width:360px;line-height:1.5}.mechanic{display:flex;align-items:center;gap:8px;white-space:nowrap}.mechanic i{font-style:normal;background:#edf1ef;border:1px solid #dde5e1;color:#617a76;width:27px;height:27px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px}.priority{font-size:11px;white-space:nowrap;color:#7b8987}.priority.high{color:#a97918}.priority.urgent{color:#c05842;font-weight:700}.badge{font-size:11px;border-radius:4px;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;padding:7px 9px;background:#eaf1fb;color:#567ba8;font-weight:600}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.badge.s1{background:#fff4cf;color:#8b711e}.badge.s2{background:#fbece1;color:#ac703e}.badge.s3{background:#e5f3eb;color:#3d8c64}.rowAction{background:transparent;padding:7px 10px;font-size:20px;color:#768b8b}.tableFoot{display:flex;justify-content:space-between;padding:17px 22px;background:#fbfcfb;color:#91a09f;font-size:10px}.empty{text-align:center;padding:60px 20px}.empty a{display:inline-block;margin-top:15px;color:#715919}footer{display:flex;justify-content:space-between;padding:26px 0;font-size:11px;color:#879794}footer b{color:#607974;font-size:10px;letter-spacing:1.5px}.sep{margin:0 12px}footer a{margin-left:15px;text-decoration:underline}.error{padding:15px 22px;background:#fff0ec;color:#a7422d;font-size:14px;line-height:1.5}.error button{margin-left:15px}.overlay{position:fixed;inset:0;background:#0d252db5;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal{background:#fff;border-radius:8px;padding:30px;width:650px;max-height:93vh;overflow:auto;box-shadow:0 20px 80px #0004}.modal h2{font-family:'Barlow Condensed',Arial,sans-serif;font-size:30px;margin:8px 0 22px}.modal h3{font-size:14px}.modalHead{display:flex;justify-content:space-between;align-items:center}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.formGrid label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:7px}.wide{grid-column:1/-1}.modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.danger{background:#a54031;color:white;margin-right:auto}.confirm{z-index:30}.confirm .modal{width:460px}.readOnly{font-size:12px;letter-spacing:1.5px;color:#e8c85c}.tv main{max-width:none;padding:30px 3%}.tv h1{font-size:52px}.tv .stats{margin-bottom:22px}.tv .stat{padding:15px 22px}.tv td{font-size:20px;padding:22px}.tv td>span:not(.badge):not(.priority):not(.mechanic){font-size:17px}.tv .orderNo{font-size:27px}.tv .badge,.tv .priority{font-size:17px}.tv .description{max-width:550px}.tv th{font-size:13px}.tv .tableFoot{font-size:13px}.tv footer{font-size:13px}.tv .live{margin-left:auto;font-size:13px}.tv .toolbar h2{font-size:23px}.tv .heading{margin-bottom:22px}.tv .stat div{font-size:15px}
@media(min-width:1800px){.tv td{padding:27px 22px;font-size:24px}.tv .badge,.tv .priority{font-size:20px}.tv td>span:not(.badge):not(.priority):not(.mechanic){font-size:20px}}@media(max-width:1100px){.toolbar{flex-wrap:wrap}.tools{margin-left:auto}.live{display:none}.clock{font-size:12px}td{padding:18px 12px}th{padding:14px 12px}}@media(max-width:760px){header{height:85px}.brand{font-size:22px}.brand small{font-size:7px}.mark{width:38px;height:42px;font-size:34px;line-height:42px}nav{gap:14px;font-size:12px}.clock{display:none}main{padding:28px 4%}h1{font-size:37px}.heading{align-items:flex-start;gap:20px;flex-direction:column}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:31px}.demo{flex-direction:column;gap:5px}.toolbar{padding:17px;gap:15px}.tools{width:100%}.tools input{width:60%}.tools select{width:40%}table{min-width:920px}.tableFoot{gap:15px;line-height:1.5}footer{gap:20px;line-height:1.6}.formGrid{grid-template-columns:1fr}.modal{padding:20px}.modalActions{flex-wrap:wrap}.tv table{min-width:1100px}}