*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#17253c;font:16px system-ui,sans-serif}header{background:#0b1f3a;color:white;padding:18px 5%;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}a{color:#1262a3}header a{color:white;margin-right:12px}main{max-width:1050px;margin:30px auto;padding:0 16px}form,.panel{background:white;padding:22px;border-radius:14px;box-shadow:0 3px 20px #17253c12;margin:15px 0}label{display:block;margin:12px 0}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #c9d0da;border-radius:8px;font:inherit}button,.btn{display:inline-block;background:#0b1f3a;color:white;border:0;border-radius:8px;padding:12px 18px;text-decoration:none;cursor:pointer}table{width:100%;border-collapse:collapse;background:white}td,th{padding:12px;text-align:left;border-bottom:1px solid #eee}.scroll{overflow:auto}canvas{border:1px solid #aab;width:100%;height:190px;touch-action:none;background:white}@media(max-width:600px){header{display:block}nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}td,th{min-width:100px}}