.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.login-box h1{margin:0 0 1.5rem;text-align:center;color:#333}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4a90e2}.submit-button{width:100%;padding:.75rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.two-factor-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5}.two-factor-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.two-factor-box h1{margin:0 0 .5rem;text-align:center;color:#333}.two-factor-box p{text-align:center;color:#666;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.code-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1.5rem;text-align:center;letter-spacing:.5rem;box-sizing:border-box}.code-input:focus{outline:none;border-color:#4a90e2}.error-message{color:#d32f2f;margin-bottom:1rem;padding:.5rem;background:#ffebee;border-radius:4px;font-size:.9rem}.submit-button{width:100%;padding:.75rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;margin-bottom:.5rem}.submit-button:hover:not(:disabled){background:#357abd}.submit-button:disabled{background:#ccc;cursor:not-allowed}.resend-button{width:100%;padding:.75rem;background:transparent;color:#4a90e2;border:1px solid #4a90e2;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background .2s}.resend-button:hover:not(:disabled){background:#f0f7ff}.resend-button:disabled{color:#ccc;border-color:#ccc;cursor:not-allowed}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo{margin:0;font-size:1.5rem;color:#333}.nav{display:flex;gap:1rem;flex:1;justify-content:center}.nav-link{padding:.5rem 1rem;text-decoration:none;color:#666;border-radius:4px;transition:background .2s,color .2s}.nav-link:hover{background:#f5f5f5;color:#333}.nav-link.active{background:#4a90e2;color:#fff}.user-menu{display:flex;align-items:center;gap:1rem}.username{color:#666}.logout-button{padding:.5rem 1rem;background:transparent;border:1px solid #ddd;border-radius:4px;cursor:pointer;color:#666;transition:background .2s,color .2s}.logout-button:hover{background:#f5f5f5;color:#333}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}*{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:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}