.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.loading-spinner{border:4px solid #ddd;border-top-color:#333;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-container p{margin:0;font-size:16px}@keyframes spin{to{transform:rotate(360deg)}}.auth-container{background:#f4f6f8;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:35px;box-shadow:0 8px 30px #00000014}.auth-card h1{text-align:center;color:#222;margin:0;font-size:30px}.auth-subtitle{text-align:center;color:#777;margin:8px 0 30px}.form-group{margin-bottom:18px}.form-group label{color:#333;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.form-group input{box-sizing:border-box;border:1px solid #ccc;border-radius:7px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.error-message{color:#b91c1c;background:#fee2e2;border-radius:6px;margin-bottom:20px;padding:11px 14px;font-size:14px}.field-error{color:#dc2626;margin-top:5px;font-size:13px;display:block}.success-message{color:#15803d;background:#dcfce7;border-radius:6px;margin-bottom:20px;padding:11px 14px;font-size:14px}.auth-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:background .2s}.auth-card button:hover{background:#1d4ed8}.auth-card button:disabled{cursor:not-allowed;background:#93c5fd}.auth-footer{text-align:center;color:#666;margin-top:25px;font-size:14px}.auth-footer a{color:#2563eb;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (width<=480px){.auth-container{padding:15px}.auth-card{padding:25px 20px}.auth-card h1{font-size:26px}}.navbar{z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;width:100%;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;gap:20px;max-width:1200px;min-height:64px;margin:0 auto;padding:0 20px;display:flex}.navbar-logo{color:#2563eb;white-space:nowrap;font-size:22px;font-weight:700;text-decoration:none}.navbar-links{align-items:center;gap:20px;display:flex}.navbar-links a{color:#374151;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.navbar-links a:hover{color:#2563eb}.navbar-user{color:#555;white-space:nowrap;font-size:14px;font-weight:600}.logout-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .2s}.logout-button:hover{background:#dc2626}@media (width<=700px){.navbar-container{flex-direction:column;align-items:flex-start;min-height:auto;padding:15px}.navbar-links{flex-wrap:wrap;gap:12px;width:100%}.navbar-user{width:100%}}.home-page{background:#f8fafc;min-height:calc(100vh - 65px);padding:60px 20px}.home-hero{text-align:center;max-width:800px;margin:0 auto}.home-hero h1{color:#111827;margin:0 0 15px;font-size:48px}.home-hero p{color:#6b7280;max-width:650px;margin:0 auto 25px;font-size:18px;line-height:1.6}.home-hero h2{color:#1f2937;margin:25px 0}.home-actions{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.primary-button,.secondary-button{border-radius:7px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-block}.primary-button{color:#fff;background:#2563eb}.primary-button:hover{background:#1d4ed8}.secondary-button{color:#2563eb;background:#fff;border:1px solid #2563eb}.secondary-button:hover{background:#eff6ff}.home-features{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:60px auto 0;display:grid}.feature-card{text-align:center;background:#fff;border-radius:10px;padding:25px;box-shadow:0 5px 20px #0000000f}.feature-card h3{color:#1f2937;margin-top:0}.feature-card p{color:#6b7280;margin-bottom:0;line-height:1.5}@media (width<=700px){.home-hero h1{font-size:36px}.home-hero p{font-size:16px}.home-features{grid-template-columns:1fr}}.profile-page{background:#f8fafc;justify-content:center;align-items:flex-start;min-height:calc(100vh - 65px);padding:60px 20px;display:flex}.profile-card{background:#fff;border-radius:12px;width:100%;max-width:600px;padding:35px;box-shadow:0 8px 30px #00000014}.profile-header{text-align:center;margin-bottom:30px}.profile-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 15px;font-size:32px;font-weight:700;display:flex}.profile-header h1{color:#1f2937;margin:0;font-size:30px}.profile-header p{color:#6b7280;margin-top:8px}.profile-info{border-top:1px solid #e5e7eb}.profile-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:18px 5px;display:flex}.profile-row span{color:#6b7280}.profile-row strong{color:#1f2937}@media (width<=500px){.profile-card{padding:25px 20px}.profile-row{flex-direction:column;align-items:flex-start;gap:5px}}.dashboard-page{background:#f8fafc;min-height:calc(100vh - 65px);padding:50px 20px}.dashboard-container{max-width:1100px;margin:0 auto}.dashboard-header{margin-bottom:35px}.dashboard-header h1{color:#1f2937;margin:0 0 10px;font-size:36px}.dashboard-header p{color:#6b7280;margin:0;font-size:17px}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.dashboard-card{background:#fff;border-radius:10px;padding:25px;box-shadow:0 5px 20px #0000000f}.dashboard-card h3{color:#1f2937;margin-top:0;margin-bottom:20px}.dashboard-card p{color:#6b7280;line-height:1.6}.dashboard-card strong{color:#374151}.dashboard-actions{flex-wrap:wrap;gap:15px;margin-top:35px;display:flex}@media (width<=800px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=500px){.dashboard-page{padding:35px 15px}.dashboard-header h1{font-size:28px}}