*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#15213a;font-family:Inter,Segoe UI,Arial,sans-serif}aside{position:fixed;top:0;bottom:0;left:0;width:252px;background:#101b33;color:white;padding:24px;overflow:auto}aside h2{color:#fff;margin:0 0 7px}aside small{color:#9caed0}aside a{display:block;color:#c7d5ee;text-decoration:none;padding:9px 11px;border-radius:7px;font-size:12px}aside a:hover,aside a.active{background:#284168;color:white}main{margin-left:252px;padding:36px;max-width:1450px}header{display:flex;justify-content:space-between;align-items:center}.tag{background:#e3ecfb;color:#24528a;border-radius:99px;padding:8px 12px;font-size:12px}.card{background:white;border:1px solid #e1e7f0;border-radius:14px;padding:22px;margin-top:20px;box-shadow:0 4px 15px #13203a0b}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{background:#f4f7fc;padding:20px;border-radius:10px}.stat b{font-size:30px}h1{font-size:30px;margin:20px 0 8px}p{color:#53637d}button{background:#205ab4;color:white;border:0;border-radius:8px;padding:12px 16px;cursor:pointer;margin:4px}button.secondary{background:#eaf0f9;color:#24456f}input,select,textarea{border:1px solid #cad6e5;border-radius:8px;padding:11px;width:100%;max-width:520px;margin:6px 0 14px;display:block}table{border-collapse:collapse;width:100%}td,th{padding:14px;text-align:left;border-bottom:1px solid #e6eaf1}th{font-size:12px;color:#62728b}.alert{padding:12px;background:#fff7e5;border-radius:8px;color:#865900}.demo{color:#53637d;font-size:12px}@media(max-width:800px){aside{position:relative;width:auto;max-height:200px}main{margin-left:0;padding:18px}.grid{grid-template-columns:1fr}}