*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f4f6fb;color:#172033}aside{position:fixed;left:0;top:0;bottom:0;width:245px;background:#10182d;padding:25px 15px;color:#fff}.logo{font-size:20px;padding:8px 12px 25px;color:#fff}.logo:first-letter{background:#5865f2;padding:8px;border-radius:10px}aside a{display:block;color:#aebbd7;text-decoration:none;padding:12px 14px;border-radius:10px;margin:4px 0}aside a:hover{background:#202b49;color:#fff}main{margin-left:245px}header{height:70px;background:#fff;border-bottom:1px solid #e6eaf1;padding:0 28px;display:flex;align-items:center;justify-content:space-between}header a{margin-left:15px;color:#5368dc;text-decoration:none}section{padding:28px}.hero{background:linear-gradient(120deg,#263d9f,#653ac8);color:#fff;border-radius:20px;padding:28px;display:flex;justify-content:space-between}.hero h1{margin:0}.amount{font-size:30px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}.card,.service{background:#fff;border:1px solid #e6eaf1;border-radius:16px;padding:20px}.stat small{color:#758097}.stat strong{display:block;font-size:24px;margin-top:9px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.service{text-decoration:none;color:inherit}.service h3{margin-bottom:5px}.muted{color:#718096;font-size:13px}.form{max-width:700px}.field{margin:14px 0}.field label{display:block;font-weight:600;font-size:13px;margin-bottom:7px}.field input{width:100%;padding:12px;border:1px solid #d8deea;border-radius:10px;font:inherit}.btn{background:#5368dc;color:#fff;border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:13px;border-bottom:1px solid #edf0f5;text-align:left;font-size:13px}.table th{background:#fafbfe}.wrap{overflow:auto;border-radius:15px}.badge{padding:5px 9px;border-radius:20px;font-size:11px}.pending{background:#fff1d6;color:#9b6900}.success{background:#e5f8ee;color:#167a47}.failed{background:#ffe7ea;color:#b3293b}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#10182d,#354db4)}.box{width:min(420px,94%);background:#fff;padding:30px;border-radius:20px}.error{background:#ffe7ea;padding:12px;border-radius:10px}@media(max-width:850px){aside{width:210px}main{margin-left:210px}.grid{grid-template-columns:1fr 1fr}.services{grid-template-columns:1fr 1fr}}@media(max-width:600px){aside{position:static;width:auto}main{margin-left:0}.grid,.services{grid-template-columns:1fr}.hero{display:block}}