@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#172033;background:#f6f8fb;margin:0;font-family:Inter,Arial}.app{min-height:100vh;display:flex}aside{color:#fff;background:#101c36;flex-direction:column;width:245px;padding:25px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 10px 28px;display:flex}.logo{background:#2374e8;border-radius:9px;place-items:center;width:38px;height:38px;font-size:23px;font-weight:800;display:grid}.brand b{letter-spacing:.5px;font-size:16px}.brand span{letter-spacing:2.5px;color:#8390aa;margin-top:3px;font-size:10px;display:block}nav{flex-direction:column;gap:5px;display:flex}nav button{color:#9ba7bd;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:11px 13px;font:500 14px Inter;display:flex}nav button:hover,nav button.active{color:#fff;background:#1d3158}.user{border-top:1px solid #273650;align-items:center;gap:10px;margin-top:auto;padding:20px 7px 0;display:flex}.user>div{background:#2a75db;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.user p{margin:0}.user b,.user span{font-size:11px;display:block}.user span{color:#8390aa;margin-top:3px}main{width:calc(100% - 245px);margin-left:245px;padding:0 34px 40px}header{justify-content:space-between;align-items:center;height:94px;display:flex}h1{margin:0 0 5px;font-size:24px}header p,.panelhead p{color:#8791a3;margin:0;font-size:12px}.actions{align-items:center;gap:10px;display:flex}.search{color:#9aa4b5;background:#fff;border:1px solid #e1e5ec;border-radius:8px;align-items:center;gap:8px;width:290px;height:39px;padding:0 12px;display:flex}.search input{border:0;outline:0;width:100%;font-size:12px}.icon,.primary,.panelhead button{cursor:pointer;background:#fff;border:1px solid #e1e5ec;border-radius:8px;height:39px;padding:0 13px}.icon{width:39px;position:relative}.icon i{background:#ef5350;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.primary{color:#fff;background:#2475e5;border:0;align-items:center;gap:7px;font-weight:600;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.stats article,.panel{background:#fff;border:1px solid #e8ebf0;border-radius:11px;box-shadow:0 1px 2px #18284908}.stats article{padding:18px 19px}.statTop{color:#778195;justify-content:space-between;font-size:12px;display:flex}.stats strong{margin:10px 0 6px;font-size:27px;display:block}.stats small{color:#8c95a5;font-size:11px}.stats small.good{color:#18a56d}.stats small.warn{color:#df8a22}.grid{grid-template-columns:1.65fr 1fr;gap:17px;margin-top:17px;display:grid}.panel{padding:20px}.panelhead{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.panelhead h2{margin:0 0 5px;font-size:15px}.panelhead button{color:#536078;height:31px;font-size:11px}.job{border-top:1px solid #f0f1f4;grid-template-columns:48px 22px 1fr auto;align-items:center;min-height:65px;display:grid}.job>b{font-size:12px}.dotline{place-items:center;height:100%;display:grid;position:relative}.dotline:after{content:"";background:#e5e8ed;width:1px;position:absolute;top:0;bottom:0}.dotline i{z-index:1;border:2px solid #fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #dbe0e8}.dotline i.blue{background:#2778e6}.dotline i.orange{background:#f09a34}.jobmain strong,.jobmain span{font-size:12px;display:block}.jobmain span{color:#8b94a4;align-items:center;gap:3px;margin-top:5px;font-size:10px;display:flex}.tag{border-radius:15px;padding:5px 9px;font-size:9px;font-style:normal;font-weight:600}.bluebg{color:#2876dc;background:#edf5ff}.orangebg{color:#db8120;background:#fff4e8}.greenbg{color:#16975e;background:#eaf9f1}.rightcol{width:auto;color:inherit;background:0 0;flex-direction:column;gap:17px;padding:0;display:flex;position:static}.alertrow{border-top:1px solid #f0f1f4;grid-template-columns:30px 1fr 25px;align-items:center;padding:13px 0;display:grid}.alertrow svg{color:#ed8d27;width:16px}.alertrow b,.alertrow span{font-size:11px;display:block}.alertrow span{color:#929baa;margin-top:3px;font-size:9px}.alertrow>strong{color:#db8120;text-align:center;background:#fff2e4;border-radius:12px;padding:4px;font-size:10px}.bar{background:linear-gradient(90deg,#2383e2 0 67%,#53bd91 67% 91%,#f0a348 91%);border-radius:10px;height:8px;overflow:hidden}.legend{gap:9px;margin-top:14px;display:grid}.legend span{color:#687386;grid-template-columns:10px 1fr 20px;align-items:center;font-size:10px;display:grid}.legend i{background:#2383e2;border-radius:50%;width:6px;height:6px}.legend span:nth-child(2) i{background:#53bd91}.legend span:nth-child(3) i{background:#f0a348}.legend b{text-align:right;color:#28344b}.bottom{margin-top:17px;padding-bottom:8px}table{border-collapse:collapse;width:100%}th{text-align:left;color:#9aa3b1;border-bottom:1px solid #eceef2;padding:10px 8px;font-size:9px;font-weight:600}td{border-bottom:1px solid #f0f1f4;padding:12px 8px;font-size:11px}td b,td span{display:block}td span{color:#969eac;margin-top:3px;font-size:9px}.empty{flex-direction:column;justify-content:center;align-items:center;min-height:300px;margin-top:10px;display:flex}.empty h2{margin:0}.empty p{color:#8791a3}.empty .primary{padding:0 18px}@media (width<=1000px){.search{display:none}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}aside{width:200px}main{width:calc(100% - 200px);margin-left:200px}}