*{box-sizing:border-box}body{color:#14203d;background:#f6f8fc;margin:0;font-family:Inter,Arial,sans-serif}button,input,select{font:inherit}.login{background:linear-gradient(135deg,#102354,#4420a2);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.loginBrand{color:#fff;padding:12vh 10vw}.loginBrand img{object-fit:cover;border-radius:25px;width:100px;height:100px}.loginBrand>span{letter-spacing:.18em;color:#8de8ff;margin-top:35px;font-size:11px;font-weight:800;display:block}.loginBrand h1{letter-spacing:-.05em;font-size:54px;line-height:1.08}.loginBrand h1 em{color:#dca8ff;font-style:normal}.loginBrand p{color:#c2cdec;max-width:510px;line-height:1.7}.loginCard{background:#fff;border-radius:24px;align-self:center;width:min(440px,90%);padding:38px;box-shadow:0 30px 90px #02081755}.loginCard>small,.content header span,.panel>small,.panelHead small,.settings article>small{letter-spacing:.16em;color:#7048d4;font-size:10px;font-weight:850}.loginCard h2{margin:9px 0;font-size:31px}.loginCard p{color:#71809a}.loginCard label{margin-top:20px;font-size:12px;font-weight:750;display:block}.loginCard input{border:1px solid #dfe4ef;border-radius:11px;width:100%;height:50px;margin-top:8px;padding:0 14px}.loginCard>button,.save{color:#fff;background:linear-gradient(110deg,#1766ec,#7329df);border:0;border-radius:12px;width:100%;margin-top:24px;padding:15px;font-weight:750}.error{color:#bd2848;background:#fff0f3;border-radius:9px;margin-top:15px;padding:11px;font-size:12px}.hint{background:#f2f5fb;border-radius:10px;justify-content:space-between;margin-top:18px;padding:12px;font-size:11px;display:flex}.hint span{font-family:monospace}.app{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#101b3a;width:240px;height:100vh;padding:25px 16px;position:fixed}.logo{border-bottom:1px solid #ffffff16;align-items:center;gap:10px;padding:0 10px 25px;display:flex}.logo img{object-fit:cover;border-radius:11px;width:44px;height:44px}.logo b,.logo small{display:block}.logo b{font-size:20px}.logo small{letter-spacing:.18em;color:#8fa5d6;font-size:8px}.app nav{gap:7px;margin-top:24px;display:grid}.app nav button{color:#9aa8c9;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px;font-size:13px;font-weight:650;display:flex}.app nav button i{text-align:center;width:22px;font-style:normal}.app nav button span{color:#fff;background:#e54765;border-radius:9px;margin-left:auto;padding:3px 7px;font-size:9px}.app nav button.active{color:#fff;background:linear-gradient(100deg,#2365d7,#6130ca)}.sideFoot{border-top:1px solid #ffffff16;align-items:center;gap:9px;padding-top:18px;display:flex;position:absolute;bottom:22px;left:16px;right:16px}.avatar{color:#fff;background:#2466dc;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.sideFoot b,.sideFoot small{display:block}.sideFoot b{font-size:12px}.sideFoot small{color:#8fa0c4;font-size:9px}.sideFoot button{color:#9babcd;background:0 0;border:0;margin-left:auto}.content{grid-column:2;padding:38px 42px}.content header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.content header h1{margin:6px 0;font-size:32px}.live{color:#58706a;background:#fff;border:1px solid #dbe5e2;border-radius:99px;padding:9px 13px;font-size:11px}.live i{background:#18b981;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.metrics{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.metrics article,.panel,.settings aside article{background:#fff;border:1px solid #e2e7f0;border-radius:17px;padding:22px}.metrics small,.metrics b,.metrics span,.settings aside small,.settings aside b,.settings aside span{display:block}.metrics small,.settings aside small{letter-spacing:.1em;color:#75829b;font-size:9px;font-weight:800}.metrics b{margin:11px 0;font-size:30px}.metrics span{color:#7d8aa2;font-size:10px}.metrics .up{color:#0a9f70}.metrics .warn{color:#dd7a16}.grid{grid-template-columns:1.45fr .75fr;gap:17px;margin-top:17px;display:grid}.panelHead{justify-content:space-between;align-items:center;display:flex}.panelHead h2{margin:6px 0;font-size:19px}.panelHead select,.search{color:#627089;background:#fff;border:1px solid #dfe4ed;border-radius:9px;padding:9px 12px;font-size:11px}.chart{align-items:end;gap:20px;height:230px;padding-top:25px;display:flex}.chart div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:8px;height:100%;display:flex}.chart i{background:linear-gradient(#7a37df,#1d69e8);border-radius:7px 7px 2px 2px;width:100%;max-width:38px}.chart span{color:#8290a8;font-size:9px}.event{border-bottom:1px solid #edf0f5;gap:11px;padding:14px 0;display:flex}.event>i{color:#09966a;background:#eaf9f3;border-radius:9px;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.event>i.red{color:#d43c58;background:#fff0f2}.event b,.event small{font-size:11px;display:block}.event small{color:#8590a4;margin-top:4px}.full{margin-top:5px}table{border-collapse:collapse;width:100%;margin-top:20px}th,td{text-align:left;border-bottom:1px solid #edf0f5;padding:14px 10px;font-size:11px}th{color:#77849a;letter-spacing:.08em;font-size:9px}td b,td small{display:block}td small{color:#8591a5;margin-top:4px}.badge{color:#078760;background:#e8f9f2;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:750;display:inline-block}.badge.review{color:#c36b10;background:#fff3e7}.more{background:0 0;border:0}.settings{grid-template-columns:1.3fr .7fr;gap:18px;display:grid}.settings>.panel{padding:30px}.settings h2{font-size:25px}.settings label{margin-top:22px;font-size:12px;font-weight:750;display:block}.settings label>span{color:#7d899d;margin:4px 0 9px;font-size:10px;font-weight:400;display:block}.settings label>div{position:relative}.settings label input[type=number]{border:1px solid #dfe4ed;border-radius:10px;width:100%;height:48px;padding:0 70px 0 13px}.settings label em{color:#78859c;font-size:10px;font-style:normal;position:absolute;top:15px;right:13px}.switchRow{background:#f6f8fc;border-radius:11px;justify-content:space-between;align-items:center;padding:17px;display:flex!important}.switchRow b,.switchRow small{display:block}.switchRow input{width:20px;height:20px}.settings aside{width:auto;height:auto;color:inherit;background:0 0;gap:13px;padding:0;display:grid;position:static}.settings aside article b{margin:7px 0;font-size:35px}.settings aside article span{color:#7f8ba1;font-size:10px}.safe{background:#ebfaf3;border:1px solid #ceeede;border-radius:14px;padding:18px}.safe b{color:#07855f;font-size:11px}.safe p{color:#5c776e;font-size:10px;line-height:1.5}.success{color:#07855f;font-size:11px}.case{background:#fffcf7;border:1px solid #eee5d8;border-radius:13px;align-items:center;gap:12px;margin-top:20px;padding:16px;display:flex}.case .purple{background:#7134d7}.case b,.case small{display:block}.case small{color:#7e899c;margin-top:4px;font-size:10px}.case div:nth-child(2){flex:1}.outline,.danger{border-radius:9px;padding:9px 12px;font-size:10px;font-weight:700}.outline{background:#fff;border:1px solid #dfe4ec}.danger{color:#fff;background:#d9405c;border:0}.empty{text-align:center;padding:90px}.empty>i{color:#7541d4;font-size:45px;font-style:normal}.empty p{color:#7b879d}.empty .save{width:auto;padding-inline:25px}@media (width<=1000px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media (width<=720px){.login{grid-template-columns:1fr}.loginBrand{display:none}.loginCard{margin:auto}.app{display:block}.app aside{width:100%;height:auto;position:relative}.app nav{grid-template-columns:repeat(2,1fr)}.sideFoot{display:none}.content{padding:25px 15px}.metrics,.settings{grid-template-columns:1fr}.content header{align-items:start}.live{display:none}table{min-width:700px}.full{overflow:auto}}