:root{font-family:Inter,system-ui,Arial,sans-serif;color:#172a3a;background:#f3f6f9}*{box-sizing:border-box}main{max-width:940px;margin:30px auto;padding:20px}header{background:#112f4b;color:#fff;border-radius:16px;padding:26px;display:flex;justify-content:space-between;gap:16px}header h1{margin:5px 0}header p{margin:0;color:#c3d7e8}nav{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}button{border:0;border-radius:9px;background:#17649b;color:#fff;padding:12px 18px;font-weight:650;cursor:pointer}button.secondary{background:#e2eaf1;color:#19374f}header button.secondary{height:42px}button.active{background:#112f4b}button:disabled{opacity:.5}section,.login{background:#fff;padding:24px;border-radius:14px;box-shadow:0 3px 18px #102a4310}form{display:grid;gap:16px}label{display:grid;gap:7px;font-weight:600;margin-bottom:12px}input,select{width:100%;border:1px solid #c9d5df;border-radius:8px;padding:11px;font:inherit;background:#fff;color:#172a3a}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.event{padding:12px;border:1px solid #d9e2e9;border-radius:10px;margin-bottom:8px}aside{padding:12px;background:#e9f3ff;border-radius:9px;margin-bottom:15px}table{width:100%;border-collapse:collapse;margin-top:20px}td,th{padding:12px;border-bottom:1px solid #e5edf2;text-align:left}footer{margin:25px 0;color:#6b7c89;text-align:center}.hint,small{color:#7890a3}.login{max-width:480px;margin:60px auto}.login h1{color:#123653}@media(max-width:550px){main{padding:10px;margin:8px auto}header{padding:18px}section{padding:16px}nav button{flex:1;padding:11px 7px}td,th{padding:8px;font-size:13px}}