:root{font-family:system-ui,sans-serif;color:#142638;background:#f3f6f8}*{box-sizing:border-box}body{margin:0}header{background:#142638;color:white;padding:22px max(20px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}nav{display:flex;gap:20px}a{color:#007c83}header a{color:white}main{max-width:1100px;margin:auto;padding:30px 20px}h1{margin:0 0 18px}h2{font-size:20px;margin-top:24px}.card,.login{background:white;border:1px solid #dce4ea;padding:24px;border-radius:16px;margin-top:20px}form.card{max-width:740px}.login{max-width:480px;margin:12vh auto}label{display:grid;gap:7px;margin:14px 0}input,select{width:100%;padding:12px;border:1px solid #b8c8d4;border-radius:8px;font:inherit}button,.button{display:inline-block;background:#007c83;border:0;border-radius:8px;color:white;padding:12px 18px;font:inherit;cursor:pointer;text-decoration:none}small{color:#596f7d}.error{background:#fff0ee;color:#8c2a20;padding:12px;border-radius:8px}.table{overflow-x:auto;margin-top:24px}table{width:100%;border-collapse:collapse;background:white}td,th{padding:16px;text-align:left;border-bottom:1px solid #dce4ea;vertical-align:top}th{background:#e5edf2}@media(max-width:600px){.login{margin:40px 15px}main{padding:20px 12px}.card{padding:18px}}