@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');:root{--purple:#35106b;--pink:#ec168f;--yellow:#f4d21b;--ink:#1b1028;--bg:#f5f2f7;--muted:#8d8197;--line:#e8e1ec}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Alexandria,Arial,sans-serif}.top{height:72px;position:fixed;z-index:30;top:0;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.top strong{font:800 14px 'DM Sans';letter-spacing:2px}.top strong b{color:var(--pink)}.top a{color:var(--purple);font-size:11px;text-decoration:none}.side{position:fixed;top:72px;bottom:0;right:0;width:250px;background:#1b1028;color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:7px;z-index:20}.side-brand{font:800 23px 'DM Sans';padding:0 13px 27px;border-bottom:1px solid #ffffff20;margin-bottom:15px}.side-brand span{color:var(--pink)}.side-brand small{display:block;color:#9888a8;font:700 8px 'DM Sans';letter-spacing:2px;margin-top:7px}.side a{color:#c9bfd2;text-decoration:none;padding:14px 13px;border-radius:8px;font-size:11px;transition:.2s}.side a:hover,.side a.active{background:#ffffff12;color:#fff;border-inline-start:3px solid var(--pink)}.main{margin-right:250px;padding:112px 38px 55px;max-width:1500px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.heading h1{font-size:27px;margin:0 0 8px}.heading p{margin:0;color:var(--muted);font-size:11px}.btn,button{border:0;background:var(--pink);color:#fff;padding:13px 19px;border-radius:7px;font:600 11px Alexandria;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px;box-shadow:0 7px 25px #27153b06}.card small{display:block;color:#9a8ea3;font-size:10px}.card strong{display:block;font:700 39px 'DM Sans';margin:14px 0;color:var(--purple)}.panel{margin-bottom:22px;overflow-x:auto}.panel h2{font-size:16px;margin:0 0 22px}.table{width:100%;border-collapse:collapse;min-width:650px;font-size:10px}.table th{text-align:right;color:#92859b;font-weight:600;background:#faf8fb}.table th,.table td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}.table a{color:var(--purple)}.notice{background:#e9f7f0;color:#176344;padding:13px 16px;border-radius:8px;margin-bottom:18px;font-size:11px}.form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form label{display:block;font-size:10px;color:#766a80;margin-bottom:8px}.form input:not([type=checkbox]),.form textarea,.form select{width:100%;border:1px solid var(--line);background:#fff;border-radius:7px;padding:12px;font:12px Alexandria;color:#21142e}.form textarea{min-height:100px}.form .full{grid-column:1/-1}.form input[type=checkbox]{width:auto}.form button{width:max-content}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 20%,#4b2185,#1b1028 50%,#100819)}.login-box{width:min(440px,100%);background:#fff;border-radius:15px;padding:35px;box-shadow:0 25px 80px #0004}.login-box h1{margin:0 0 7px;font-size:24px}.login-box p{color:#8d8197;font-size:11px;margin-bottom:25px}.login-box .form{grid-template-columns:1fr}.login-box .form .full{grid-column:auto}.login-box input{margin-bottom:8px}.muted{color:var(--muted)}.danger{background:#fff0f2;color:#a32048}.stat-note{font-size:10px;color:#9a8ea3}@media(max-width:900px){.side{width:205px}.main{margin-right:205px;padding:100px 22px 40px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.top{height:62px;padding:0 14px}.top strong{font-size:10px;letter-spacing:1px}.top span{font-size:10px}.side{top:auto;bottom:0;left:0;right:0;width:auto;height:64px;padding:5px 8px;display:flex;flex-direction:row;justify-content:space-around;gap:2px;overflow-x:auto}.side-brand{display:none}.side a{padding:10px 9px;font-size:9px;white-space:nowrap;border:0!important}.main{margin:0;padding:88px 14px 85px}.heading{align-items:flex-start}.heading h1{font-size:20px}.heading .btn{font-size:9px;padding:11px}.cards{gap:9px}.card{padding:15px}.card strong{font-size:30px}.card small{font-size:9px}.panel{padding:16px}.form{grid-template-columns:1fr}.form .full{grid-column:auto}.top>a{font-size:9px}}