body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container{display:flex;height:100vh}.login-form-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.login-form{max-width:400px;width:100%}.register-link{margin-top:2rem;text-align:center}.register-link a{color:#4caf50;font-weight:500;text-decoration:none}.register-link a:hover{text-decoration:underline}.register-container{display:flex;height:100vh}.branding-section{align-items:center;background-color:#e5f0ef;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.logo{margin-bottom:2rem;width:100px}.tagline{color:#2c5e5e;font-size:1.8rem;font-weight:500;margin-top:2rem}.register-form-section{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:2rem}.register-form{max-width:400px;width:100%}.form-title{color:#2c5e5e;font-size:2rem;margin-bottom:.5rem}.form-subtitle{color:#757575;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.label{color:#424242;display:block;font-weight:500;margin-bottom:.5rem}.input{border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.error{color:#f44336;font-size:.875rem;margin-top:.25rem}.submit-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;transition:background-color .2s;width:100%}.submit-button:hover{background-color:#43a047}.submit-button:disabled{background-color:#a5d6a7;cursor:not-allowed}.error-message{background-color:#ffebee;border-radius:4px;color:#c62828;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem}.login-link{margin-top:2rem;text-align:center}.login-link a{color:#4caf50;font-weight:500;text-decoration:none}.login-link a:hover{text-decoration:underline}.sidebar-container{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;width:240px}.logo{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:1.5rem}.logo img{height:85px}.company-tagline{border-bottom:1px solid #f0f0f0;color:#4caf50;font-size:.75rem;padding:.75rem 1.5rem}.menu-section{margin-top:1rem;padding:0 1rem}.menu-header{color:#9e9e9e;font-size:.75rem;margin-bottom:.5rem;padding:0 .5rem;text-transform:uppercase}.menu-item{align-items:center;border-radius:4px;color:#424242;display:flex;font-weight:500;margin-bottom:.25rem;padding:.75rem .5rem;text-decoration:none;transition:all .2s ease}.menu-item .icon{color:#757575;font-size:1.25rem;margin-right:.75rem}.menu-item:hover{background-color:#f5f5f5}.menu-item.active{background-color:#e8f5e9;color:#4caf50}.menu-item.active .icon{color:#4caf50}.user-section{border-top:1px solid #f0f0f0;margin-top:auto;padding:1rem}.user-info{margin-bottom:1rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:#e0e0e0;border-radius:50%;color:#424242;font-weight:500;height:40px;justify-content:center;margin-right:.75rem;width:40px}.user-details{flex:1 1}.user-name{color:#424242;font-weight:500}.user-email{color:#757575;font-size:.75rem}.logout-button{align-items:center;background:none;border:none;border-radius:4px;color:#f44336;cursor:pointer;display:flex;font-weight:500;padding:.5rem;width:100%}.logout-button .icon{margin-right:.5rem}.logout-button:hover{background-color:#f5f5f5}.blur-item{filter:blur(.5px);opacity:.8;position:relative}.coming-soon-badge{background-color:#ff9800;border-radius:10px;color:#fff;font-size:.6rem;font-weight:400;padding:2px 6px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.layout-container{display:flex;height:100vh;overflow:hidden}.main-content{background-color:#f9f9f9;flex:1 1;overflow-y:auto;padding:2rem}