:root{font-family:system-ui,Arial,sans-serif;color:#172333;background:#f3f6fa}body{margin:0}main{max-width:1200px;margin:0 auto;padding:24px}header{display:flex;gap:20px;align-items:center;border-bottom:1px solid #d7dfe9}header h1{margin-right:auto}button{background:#16457b;color:white;border:0;border-radius:6px;padding:10px 16px;cursor:pointer}button.active{background:#0d7f91}nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.login,section{background:white;padding:24px;border-radius:12px;box-shadow:0 2px 14px #1c344418}.login{max-width:380px;margin:10vh auto}label{margin:18px 0}input,label{display:block}input{width:100%;box-sizing:border-box;padding:10px;margin-top:5px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%}td,th{padding:10px;border-bottom:1px solid #d7dfe9;text-align:left}th{background:#edf3f9}[role=alert]{color:#ad2539}