*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f3f5fb;color:#17203a}aside{position:fixed;left:0;top:0;bottom:0;width:240px;background:#070d21;color:#fff;padding:25px}aside a{display:block;padding:12px;color:#cfd5ea;border-radius:6px}aside a:hover{background:#4a46ff;color:#fff}.admin-main{margin-left:240px;padding:30px}.panel{background:#fff;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 8px 24px #17255d0d}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{font-size:28px;font-weight:bold}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #e4e8f2;text-align:left}.form input,.form textarea,.form select{width:100%;padding:12px;border:1px solid #dce1ec;border-radius:7px;margin:6px 0 14px}.btn{display:inline-block;background:#4a46ff;color:#fff;border:0;border-radius:7px;padding:11px 17px;text-decoration:none;cursor:pointer}.danger{background:#c92c2c}.notice{padding:12px;background:#e7f7e9;color:#246b2c;border-radius:7px;margin-bottom:18px}@media(max-width:800px){aside{position:relative;width:100%}.admin-main{margin:0}.grid{grid-template-columns:1fr 1fr}}