.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;padding:0;background-color:#f5f5f5}.auth-container{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem}.auth-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2.5rem;max-width:450px;width:100%}.auth-card h1{color:#333;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.auth-card p{color:#666;margin-bottom:1rem;line-height:1.6}form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#333;font-weight:600;font-size:.95rem}.form-group input{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s ease;background-color:#fff;color:#333}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.form-group small{color:#666;font-size:.85rem}.btn{padding:.875rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-align:center;display:inline-block}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px #667eea66}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:#f8f9fa;color:#333;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background-color:#e9ecef}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.alert{padding:1rem;border-radius:6px;margin-bottom:1rem;line-height:1.5}.alert-error{background-color:#fee;color:#c33;border:1px solid #fcc}.alert-success{background-color:#efe;color:#3c3;border:1px solid #cfc}.auth-footer{text-align:center;color:#666;font-size:.9rem;margin-top:1rem}.auth-footer a{color:#667eea;font-weight:500}.user-info{background-color:#f8f9fa;border-radius:6px;padding:1.5rem;margin:1.5rem 0;border:1px solid #e9ecef}.user-info p{margin-bottom:.5rem;color:#333}.user-info strong{color:#667eea;font-weight:600}.button-group{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.button-group .btn{flex:1;min-width:150px}@media (max-width: 768px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.button-group{flex-direction:column}.button-group .btn{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#667eea;text-decoration:none;transition:color .2s ease}a:hover{color:#764ba2}button{font-family:inherit;cursor:pointer;transition:all .2s ease}input{font-family:inherit}