*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;font-size:16px;line-height:1.5;color:#1a1a1a;background:#f5f5f5}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.auth-card{background:#fff;border-radius:8px;padding:2rem;width:100%;max-width:380px;box-shadow:0 1px 4px #0000001f}.auth-card h1{margin-bottom:1.5rem;font-size:1.5rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.form-group input{padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.form-group input:focus{outline:2px solid #4a90e2;outline-offset:1px;border-color:transparent}button[type=submit]{width:100%;padding:.6rem 1rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:.5rem}button[type=submit]:disabled{opacity:.6;cursor:default}.error{color:#c0392b;font-size:.875rem;margin-bottom:.5rem}.page{min-height:100vh;display:flex;flex-direction:column}.top-bar{background:#fff;border-bottom:1px solid #e0e0e0;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{font-weight:700;font-size:1.125rem}.user-info{display:flex;align-items:center;gap:1rem;font-size:.875rem}.user-info button{padding:.35rem .75rem;background:transparent;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.875rem}.user-info button:hover{background:#f0f0f0}.content{padding:2rem 1.5rem}.spinner-page{display:flex;justify-content:center;align-items:center;min-height:100vh}.spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top-color:#4a90e2;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}