.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.auth-form{padding:2rem;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.auth-form h2{margin-top:0;text-align:center}.auth-form input{padding:.8rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}.auth-form button{padding:.8rem;border:none;border-radius:4px;background-color:#007bff;color:#fff;font-size:1rem;cursor:pointer}.auth-form button:hover{background-color:#0056b3}.auth-form p{text-align:center;margin:0}.error{color:red;text-align:center;font-size:.9rem}.auth-form .form-section{display:flex;flex-direction:column;gap:1rem}.auth-form .form-section-title{font-size:1.1rem;color:#495057;margin-bottom:0;margin-top:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef;font-weight:600}.logo-link{text-decoration:none;color:inherit}.app-header nav{display:flex;align-items:center;gap:1.5rem}.nav-link{color:#495057;text-decoration:none;font-weight:500;font-size:1.1rem;padding:1rem 1.5rem;border-radius:8px;transition:background-color .2s,color .2s;position:relative}.nav-link:hover{color:#0056b3;background-color:#e9ecef}.nav-link.active{color:#007bff;font-weight:700}.nav-link.active:after{content:"";position:absolute;bottom:12px;left:1.5rem;right:1.5rem;height:3px;background-color:#007bff;border-radius:2px}.user-menu{display:flex;align-items:center;gap:1rem}.user-name{font-weight:600;font-size:1rem;color:#343a40;display:none}@media (min-width: 768px){.user-name{display:block}}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #dee2e6;background-color:#f8f9fa;cursor:pointer;transition:all .3s ease}.avatar:hover{transform:scale(1.05);border-color:#007bff;box-shadow:0 0 10px #007bff4d}.app-layout{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f9fa}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 2.5rem;height:80px;background-color:#fff;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000000f;border-bottom:1px solid #dee2e6;position:sticky;top:0;z-index:10;gap:2rem}.app-header h1{font-size:2rem;font-weight:700;color:#343a40;margin:0}.app-header .main-nav{flex-grow:1;justify-content:center}.app-header .logout-button{background-color:#f8f9fa;color:#dc3545;border:2px solid #f8f9fa;font-weight:500;padding:.6rem 1.2rem;border-radius:8px;transition:all .2s ease-in-out;cursor:pointer}.app-header .logout-button:hover{background-color:#dc3545;color:#fff;border-color:#c82333;transform:translateY(-1px);box-shadow:0 4px 8px #dc354533}.app-main{flex-grow:1}.app-footer{padding:2rem;text-align:center;background-color:#343a40;color:#ced4da;font-size:.9rem;border-top:4px solid #007bff}.app-footer p{margin:0}.dashboard-title{color:#111827}