*{box-sizing:border-box}body{margin:0;font:15px/1.5 Arial,sans-serif;color:#18283e;background:#eef7fd}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;background:#2459cf;color:#fff;border:0;padding:11px 16px;border-radius:9px;text-decoration:none;display:inline-block}input,select{width:100%;padding:11px;border:1px solid #c8dced;border-radius:8px;background:#fff;color:#18283e}label{display:block;margin:12px 0}h1{font-size:27px}h2{font-size:19px}a{color:#2459cf}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:#dceffc;padding:24px 18px}aside img{width:150px;height:auto;display:block;margin:auto}nav{display:grid;gap:8px;margin-top:22px}nav a{padding:12px;text-decoration:none;border-radius:8px;color:#24456c}nav a.active{background:#b8def7;font-weight:bold}main{padding:28px;max-width:1200px;width:100%}.panel{background:#fff;padding:23px;border:1px solid #cce4f5;border-radius:14px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.muted{color:#5c7089;font-size:13px}.alert{background:#c9e8fb;padding:15px;border-radius:9px;margin:14px 0}.error{background:#ffe8e8;color:#8e1725}.hero{display:grid;grid-template-columns:1fr 200px;background:#173e91;color:#fff;border-radius:15px;overflow:hidden;margin-bottom:20px}.hero div{padding:25px}.hero img{width:100%;height:250px;object-fit:cover;object-position:center 25%}.hero p{color:#dce8ff}.login{max-width:450px;margin:50px auto;padding:25px}.login img{width:150px;display:block;margin:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid #e1eaf3;overflow-wrap:anywhere}.scroll{overflow-x:auto}.checks label{display:flex;align-items:center;gap:10px}.checks input{width:auto}.badge{background:#d4edfc;padding:4px 9px;border-radius:12px}.top{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.inline{display:inline}.inline button{background:#ebf3fd;color:#2459cf;padding:6px 10px}@media(max-width:700px){.layout{grid-template-columns:1fr}aside{padding:12px}aside img{width:90px}nav{display:flex;flex-wrap:wrap;margin-top:10px;gap:0}nav a{padding:9px}main{padding:16px}.grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr 110px}.hero div{padding:16px}.hero img{height:260px}h1{font-size:23px}}