.App{text-align:center}.App-header{background-color:#282c34;padding:20px;color:#fff}.App-link{color:#61dafb}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;line-height:1.5;font-weight:400;--primary-blue: #4F46E5;--primary-blue-dark: #3730A3;--primary-blue-light: #E0E7FF;--secondary-gray: #6B7280;--light-gray: #F3F4F6;--white: #FFFFFF;--dark-gray: #1F2937;--success-green: #10B981;--error-red: #EF4444;--border-gray: #D1D5DB;--text-primary: #111827;--text-secondary: #6B7280;color-scheme:light;color:var(--text-primary);background-color:var(--light-gray);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:var(--primary-blue);text-decoration:inherit}a:hover{color:var(--primary-blue-dark)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--light-gray)}#root{min-height:100vh}main{margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.login-container{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);margin:0 -1rem}.login-card{width:100%;max-width:420px;background:var(--white);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2.5rem;border:1px solid var(--border-gray)}.login-header{text-align:center;margin-bottom:2rem}.logo-section{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.logo-circle{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:var(--white);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;letter-spacing:-.025em}.brand-name{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-.025em}.login-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.025em}.login-subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.error-message{display:flex;align-items:center;gap:.5rem;background-color:#fef2f2;border:1px solid #FECACA;color:var(--error-red);padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500}.error-icon{width:16px;height:16px;flex-shrink:0}.login-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border-gray);border-radius:8px;background-color:var(--white);color:var(--text-primary);font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-light)}.form-input::placeholder{color:var(--text-secondary)}.submit-button{width:100%;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:var(--white);border:none;padding:.875rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #4f46e54d}.submit-button:disabled{background:var(--secondary-gray);cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{display:flex;align-items:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-footer{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-gray)}.switch-text{color:var(--text-secondary);font-size:.875rem;margin:0}.switch-button{background:none;border:none;color:var(--primary-blue);font-weight:600;cursor:pointer;font-size:.875rem;margin-left:.25rem;padding:0;text-decoration:none;transition:color .2s ease}.switch-button:hover{color:var(--primary-blue-dark);text-decoration:underline}.App{text-align:left}.navbar{background-color:var(--white);padding:1rem 0;margin:0;border-bottom:1px solid var(--border-gray);box-shadow:0 1px 3px #0000001a}.navbar-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand-link .logo-circle{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.brand-text{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.navbar-menu ul{list-style:none;display:flex;align-items:center;gap:2rem;margin:0;padding:0}.navbar a{color:var(--primary-blue);text-decoration:none;font-weight:500;transition:color .2s ease}.navbar a:hover{color:var(--primary-blue-dark)}.dropdown-header{padding:.75rem 1rem!important;font-size:.75rem;color:var(--text-secondary)!important;cursor:default!important;line-height:1.3}.dropdown-header:hover{background-color:transparent!important}.authenticated-home-container{min-height:calc(100vh - 120px);background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 0}.authenticated-home-content{max-width:1200px;margin:0 auto;padding:0 1rem}.welcome-section{background:var(--white);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2.5rem;border:1px solid var(--border-gray)}.welcome-header{text-align:center;margin-bottom:3rem}.welcome-text{margin-top:1.5rem}.welcome-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.025em}.welcome-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.dashboard-card{background:var(--white);border:1px solid var(--border-gray);border-radius:12px;padding:1.5rem;transition:all .2s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.card-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:var(--white);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.card-icon svg{width:24px;height:24px}.card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.card-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 1.5rem;line-height:1.5}.card-button{width:100%;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:var(--white);border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease}.card-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4f46e54d}.features-section{border-top:1px solid var(--border-gray);padding-top:2rem}.features-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem;text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border-radius:8px;transition:background-color .2s ease}.feature-item:hover{background-color:var(--light-gray)}.feature-icon{width:40px;height:40px;background:var(--primary-blue-light);color:var(--primary-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:20px;height:20px}.feature-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.feature-content p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.4}.user-dropdown{position:relative;display:inline-block}.user-button{background:none;border:1px solid var(--border-gray);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--primary-blue)}.user-button:hover{background-color:var(--light-gray);border-color:var(--primary-blue)}.user-button svg{width:20px;height:20px}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:.5rem;background:var(--white);border:1px solid var(--border-gray);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;min-width:200px;z-index:50;overflow:hidden}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background-color .2s ease;border-radius:0;box-sizing:border-box}.dropdown-item:hover{background-color:var(--light-gray)}.dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.dropdown-divider{height:1px;background-color:var(--border-gray);margin:.5rem 0}@media (max-width: 640px){.login-card{padding:1.5rem;margin:1rem}.brand-name{font-size:1.5rem}.login-title{font-size:1.25rem}.authenticated-home-content{padding:0 .5rem}.welcome-section{padding:1.5rem}.welcome-title{font-size:1.5rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.features-grid{grid-template-columns:1fr}}