body{font-family:Arial,sans-serif;margin:0;background-color:#f9f9f9}.page-center{text-align:center;padding:2rem}.topbar{display:flex;justify-content:space-between;align-items:center;background:#002b5c;color:#fff;padding:.75rem 1rem}.bottom-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;width:100%;background:#002b5c;padding:.5rem 0}.topbar{display:flex;justify-content:space-between;align-items:center;background-color:#002b5c;color:#fff;padding:.75rem 1rem;position:sticky;top:0;z-index:1000}.topbar .brand{font-weight:700;font-size:1.1rem}.topbar .logout-button{background:#00d4ff;border:none;color:#002b5c;padding:.4rem .75rem;border-radius:4px;cursor:pointer;font-weight:600}.bottom-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background-color:#002b5c;padding:.6rem 0}.bottom-nav a{color:#fff;text-decoration:none;font-weight:500}.bottom-nav a.active{border-bottom:2px solid #00d4ff}table{border-collapse:collapse;margin-top:1rem}th,td{border:1px solid #002b5c;padding:.5rem 1rem;text-align:left}button{background-color:#002b5c;color:#fff;border:none;padding:.5rem 1rem;cursor:pointer}button:hover{background-color:#0046a3}