@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;background:#f3f6f9;color:#203247;font-family:DM Sans,sans-serif;font-size:13px}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#10243a;color:#d9e5ef;padding:20px 13px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 28px}.mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#61b5ce,#246a9c);display:grid;place-items:center;color:#fff;font-weight:800;font-family:Manrope}.brand b{display:block;color:#fff;font:700 13px Manrope}.brand small{font-size:9px;letter-spacing:1.5px;color:#8ea9bd}.workspace{font-size:9px;letter-spacing:1.5px;color:#8da4b8;padding:0 10px 18px}.workspace span{display:block;background:#1b3b56;padding:10px;border-radius:6px;margin-top:8px;letter-spacing:0;color:#e3edf5}.sidebar nav{display:grid;gap:4px}.sidebar nav button,.logout{display:flex;align-items:center;gap:11px;border:0;background:none;color:#afc0cf;padding:10px;border-radius:6px;text-align:left;font-size:11px}.sidebar nav button:hover,.sidebar nav button.active{background:#245477;color:#fff}.logout{margin-top:auto;border-top:1px solid #29455e;border-radius:0;padding-top:18px}.close,.hamb{display:none}.main{margin-left:245px}main{margin-left:245px;min-height:100vh;display:flex;flex-direction:column}header{height:78px;background:#fff;border-bottom:1px solid #e4eaf0;padding:0 30px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:3}.heading small,.intro small{font-size:9px;letter-spacing:1.5px;color:#5182a2;font-weight:700}.heading h2{font:800 18px Manrope;margin:4px 0}.right{display:flex;align-items:center;gap:18px}.search{display:flex;gap:8px;align-items:center;border:1px solid #e5ebf0;border-radius:6px;padding:8px;color:#8393a2}.search input{border:0;outline:0;width:145px;font-size:11px}.user{font-size:10px;color:#637588}.content{padding:28px 30px;max-width:1500px;width:100%;margin:auto;flex:1}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:15px}.intro h1{font:800 22px Manrope;margin:6px 0;color:#1b3045}.intro p{color:#83909d;font-size:11px;margin:0}.primary{border:0;background:#1e608a;color:#fff;padding:10px 14px;border-radius:6px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.primary:hover{background:#174b6d}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.kpi,article{background:#fff;border:1px solid #e4eaf0;border-radius:9px;box-shadow:0 2px 7px #10243a06}.kpi{padding:16px}.kpi small{display:block;color:#81909d;font-size:10px}.kpi strong{display:block;font:800 25px Manrope;margin:7px 0 3px}.kpi span{font-size:10px;color:#9aa5af}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.grid article{padding:18px}.grid h3{font:700 13px Manrope;margin:0}.grid p{font-size:10px;color:#8996a2;margin:5px 0 15px}.project{display:flex;align-items:center;gap:12px;border-top:1px solid #eef1f4;padding:13px 0}.project>div{flex:1;min-width:0}.project b{font-size:11px}.project small{display:block;font-size:9px;color:#93a0ab;margin-top:4px}.track{height:5px;background:#edf1f4;border-radius:5px;margin-top:8px;overflow:hidden}.track i{display:block;height:100%;background:#4c9db7}.project strong{font:700 11px Manrope}.project em,em{font-style:normal;font-size:9px;font-weight:700;border-radius:4px;padding:4px 7px;background:#edf2f6;color:#54728b}.green{background:#e7f5ed!important;color:#32805b!important}.amber{background:#fff3dc!important;color:#a97823!important}.red{background:#ffebea!important;color:#b95550!important}.attention{border-top:1px solid #eef1f4;padding:17px 4px;display:flex;align-items:center;gap:13px}.attention b{font:800 19px Manrope;color:#28445b;width:28px}.attention span{font-size:11px;color:#718292}.tablewrap{overflow:auto;background:#fff;border:1px solid #e4eaf0;border-radius:9px}table{width:100%;border-collapse:collapse;min-width:780px}th{text-align:left;background:#f8fafb;color:#81909d;text-transform:uppercase;letter-spacing:.5px;font-size:9px;padding:13px;border-bottom:1px solid #e6ebf0}td{padding:13px;border-bottom:1px solid #eef1f4;color:#5d6f80;font-size:10px}td:first-child{font-weight:600;color:#293e52}td select{border:1px solid #e4eaf0;padding:5px;border-radius:4px;font-size:10px}.bad{color:#b95550;font-weight:700}.good{color:#32805b;font-weight:700}.placeholder{padding:40px;text-align:center;margin:40px auto;max-width:700px}.placeholder h2{font:800 20px Manrope}.placeholder p{color:#758697;line-height:1.7}.placeholder b{font-size:10px;color:#56809d}footer{border-top:1px solid #e4eaf0;padding:14px 30px;color:#9aa5af;font-size:9px;display:flex;justify-content:space-between}.login,.setup{min-height:100vh;display:grid;place-items:center;background:#f2f6f9;padding:20px}.loginbox,.setup{background:#fff}.loginbox{width:min(420px,100%);padding:38px;border:1px solid #e4eaf0;border-radius:12px;box-shadow:0 12px 40px #10243a0c}.loginbox .mark{margin-bottom:24px}.loginbox h1{font:800 25px Manrope;margin:7px 0}.loginbox p{font-size:11px;color:#7d8c99;margin-bottom:24px}.loginbox>small{color:#5584a1;font-size:9px;letter-spacing:1.3px}.loginbox form{display:grid;gap:14px}.loginbox label,.fields label{display:grid;gap:6px;font-size:10px;font-weight:700;color:#5e7080}.loginbox input,.fields input,.fields select{height:39px;border:1px solid #dfe6ec;border-radius:5px;padding:0 10px;font-size:11px}.secure{display:block;margin-top:22px!important;color:#90a0ad!important;letter-spacing:0!important}.error{background:#fff0ee;color:#ad4f49;padding:8px;font-size:10px}.setup{display:block;max-width:600px;margin:10vh auto;padding:35px;border-radius:10px;line-height:1.8}.setup h1{font:800 25px Manrope}.setup p,.setup li{font-size:12px;color:#687b8d}.setup b{color:#9a6e20;font-size:11px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#091c2d99;display:grid;place-items:center;z-index:20;padding:15px}.modal{background:#fff;border-radius:10px;width:min(600px,100%);padding:20px}.modalhead{display:flex;justify-content:space-between;margin-bottom:18px;font:700 14px Manrope}.modalhead button{border:0;background:none;font-size:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modalbuttons{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.modalbuttons>button:first-child{border:0;background:#edf1f5;padding:9px 13px;border-radius:5px;font-size:11px}.toast{position:fixed;right:20px;bottom:20px;background:#173f55;color:#fff;padding:12px 17px;border-radius:7px;z-index:30;font-size:11px}@media(max-width:900px){.sidebar{width:220px}main{margin-left:220px}.kpis{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{transform:translate(-100%);transition:.2s;width:270px}.sidebar.show{transform:translate(0)}main{margin-left:0}header{padding:0 13px;height:68px}.hamb{display:block;border:0;background:none;margin-right:9px}.heading{display:flex;align-items:center}.heading h2{font-size:15px}.right{gap:8px}.search{display:none}.content{padding:20px 13px}.intro{align-items:flex-start;flex-direction:column}.intro h1{font-size:19px}.kpis{gap:8px}.kpi{padding:12px}.kpi strong{font-size:21px}.fields{grid-template-columns:1fr}.close{display:block;margin-left:auto;background:none;color:#fff;border:0}.brand{align-items:center}footer{padding:13px;gap:8px;flex-direction:column}}