body{font-family:sans-serif;margin:0;background:#f8f9fa;color:#222}.app-shell{display:flex;flex-direction:column;height:100vh}.topbar{background:#004a77;color:#fff;padding:.5rem 1rem}.main-content{padding:1rem;flex:1;overflow-y:auto}.auth-form{max-width:300px;margin:4rem auto;display:flex;flex-direction:column;gap:1rem}.auth-form input{padding:.5rem;font-size:1rem}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.table{width:100%;border-collapse:collapse;margin-top:1rem;background:#fff}.table th,.table td{border:1px solid #ccc;padding:.5rem;font-size:.9rem}.table td:last-child{text-align:center}.table th{background-color:#eee;text-align:left}button,.view-button{padding:.5rem 1rem;font-size:.9rem;background:#004a77;color:#fff;border:none;cursor:pointer}.view-button{display:inline-block;margin:0 auto}button:hover,.view-button:hover{background:#005e9b}.error{color:red;font-weight:700;margin-top:1rem}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10}.modal-content img{max-width:90vw;max-height:90vh;border:5px solid white}