body{background-color:#f4f6f8;color:#333}form{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:2em auto;max-width:400px;padding:1.5em}form h2{margin-bottom:1em}form input,form select,form textarea{border:1px solid #ccc;border-radius:4px;font-size:1em;margin-bottom:1em;padding:.75em;width:100%}form button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75em 1.2em}form button:hover{background-color:#2980b9}.listing{background-color:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 1px 4px #0000001a;margin:1em auto;max-width:600px;padding:1em}nav{background-color:#2c3e50;padding:1em}nav a{color:#ecf0f1;margin-right:1em}nav a:hover{text-decoration:underline}.logo{height:40px;margin-right:1em}.App{background-color:#f7f9fc;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;position:relative}nav{align-items:center;background-color:#1e1e2f;display:flex;flex-wrap:wrap;gap:1em;padding:1em 2em}nav a{border-radius:5px;color:#fff;font-weight:500;padding:.5em .8em;text-decoration:none;transition:all .3s ease}nav a:hover{background-color:#ffffff1a}nav img.logo{height:40px;margin-right:auto}.user-profile{gap:12px;margin-left:auto;position:relative}.user-greeting,.user-profile{align-items:center;display:flex}.user-greeting{color:#ecf0f1;font-size:.95rem;font-weight:500;gap:8px}.user-icon{color:#3498db;font-size:1.4rem;transition:transform .3s ease}.username{color:#fff;font-weight:600;text-transform:capitalize}.user-profile:hover .user-icon{color:#2ecc71;transform:scale(1.1)}.logout-button{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#ecf0f1;cursor:pointer;font-size:.9rem;padding:.4em .8em;transition:all .3s ease}.logout-button:hover{background:#fff3;border-color:#ffffff4d}.auth-container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:400px;padding:2rem}.auth-title{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.auth-form{gap:1.2rem}.form-group{margin-bottom:1.2em}.form-group label{color:#2c3e50;display:block;font-weight:700;margin-bottom:.3em}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8em;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#3498db}.form-options{display:flex;justify-content:flex-end;margin-top:-.5rem}.forgot-password{color:#3498db;font-size:.9rem;transition:color .3s}.forgot-password:hover{color:#2980b9}.auth-button{background-color:#3498db;padding:.8rem;transition:all .3s;width:100%}.auth-button:hover{background-color:#2980b9;transform:translateY(-1px)}.auth-button:disabled{background-color:#95a5a6;transform:none}.auth-error{background-color:#fadbd8;border-radius:4px;color:#e74c3c;font-size:.9rem;margin-bottom:1rem;padding:.8rem}.auth-footer{color:#7f8c8d;font-size:.9rem}.auth-footer a{color:#3498db;text-decoration:none;transition:color .3s}.auth-footer a:hover{color:#2980b9;text-decoration:underline}.page-container{background:#fff;border-radius:10px;box-shadow:0 2px 15px #00000014;margin:2em auto;max-width:1200px;padding:2em}.card{border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:1.5em;padding:1.5em;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}@media (max-width:768px){nav{gap:.5em;padding:1em}nav a{font-size:.9rem;padding:.4em .6em}.user-greeting{font-size:.85rem}.page-content{margin:1em;padding:1em}.auth-container{margin:1rem auto;padding:1.5rem}}@media (max-width:480px){.user-profile{gap:8px}.user-icon{font-size:1.2rem}.logout-button{font-size:.8rem;padding:.3em .6em}.auth-container{border-radius:0;box-shadow:none;margin:1rem;padding:1rem}}.landing-container{background:linear-gradient(to bottom right,#3498db,#8e44ad);color:#fff;min-height:100vh;padding:2em;text-align:center}.landing-hero{margin-bottom:3em}.landing-hero h1{font-size:3rem;margin-bottom:.5em}.landing-hero p{font-size:1.2rem;margin-bottom:1.5em}.landing-buttons{display:flex;flex-wrap:wrap;gap:1em;justify-content:center}.landing-btn{background:#fff;border-radius:8px;color:#333;font-weight:700;padding:.75em 1.5em;text-decoration:none;transition:all .3s ease}.landing-btn.primary{background:#2ecc71;color:#fff}.landing-btn:hover{opacity:.9;transform:translateY(-2px)}.landing-section{margin-top:3em}.landing-section h2{font-size:1.8rem;margin-bottom:1em}.cards{display:flex;flex-wrap:wrap;gap:1.5em;justify-content:center}.card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;color:#333;padding:1em;text-align:center;transition:transform .2s;width:250px}.card:hover{transform:translateY(-5px)}.profile-pic{border-radius:50%;height:60px;margin-bottom:.5em;object-fit:cover;width:60px}.resource-icon{font-size:2.5rem;margin-bottom:.5em}.student-card{border-left:5px solid #1abc9c}.tutor-card{border-left:5px solid #f39c12}.resource-card{border-left:5px solid #9b59b6}.contact-section{background:#1e1e2f;border-top:1px solid #444;color:#fff;margin-top:4em;padding:2em;text-align:center}.contact-section p{font-size:1rem;margin:.5em 0}.social-icons a{align-items:center;background-color:#333;border-radius:50%;color:#fff;display:inline-flex;font-size:1.2rem;height:40px;justify-content:center;padding:.6em;text-decoration:none;transition:background .3s,transform .3s;width:40px}.social-icons a:hover{background-color:#555;transform:scale(1.1)}.contact-section footer{color:#ccc;font-size:.9rem;margin-top:2em}.contact-email{align-items:center;display:flex;font-size:1rem;gap:.5em;justify-content:center;margin-top:.8em}.contact-email a{color:#61dafb;text-decoration:none;transition:color .3s}.contact-email a:hover{color:#1abc9c}.contact-icon{color:#61dafb;font-size:1.1rem}.login-container{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:450px;padding:40px;width:100%}.login-title{color:#2d3748;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#4a5568;font-size:14px;font-weight:500}.form-group input{border:1px solid #e2e8f0;border-radius:6px;font-size:16px;padding:12px 16px;transition:border-color .2s}.form-group input:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e133;outline:none}.login-options{align-items:center;display:flex;font-size:14px;justify-content:space-between}.forgot-password{color:#4299e1;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{background-color:#4299e1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s}.login-button:hover{background-color:#3182ce}.login-button:disabled{background-color:#a0aec0;cursor:not-allowed}.login-footer{color:#718096;font-size:14px;margin-top:20px;text-align:center}.login-footer a{color:#4299e1;text-decoration:none}.login-footer a:hover{text-decoration:underline}.error-message{align-items:center;background-color:#fff5f5;border-left:4px solid #f56565;color:#c53030;display:flex;gap:8px;margin-bottom:20px;padding:12px}.error-icon{flex-shrink:0;height:20px;width:20px}.spinner{animation:spin 1s linear infinite}.auth-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:2rem;width:100%}.auth-header{margin-bottom:1.5rem;text-align:center}.auth-header h2{color:#1f2937;margin-bottom:.5rem}.auth-header p{color:#6b7280;margin:0}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:1rem}.form-group,.input-with-icon{position:relative}.input-icon{color:#6b7280;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.auth-form input{border:1px solid #e5e7eb;border-radius:4px;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.auth-button{align-items:center;background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem}.auth-button:disabled{cursor:not-allowed;opacity:.7}.message{border-radius:4px;margin-top:1rem;padding:.75rem}.message.success{background-color:#ecfdf5;color:#059669}.message.error{background-color:#fee2e2;color:#dc2626}.auth-footer{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;text-align:center}.auth-link{color:#3b82f6;font-size:.875rem;text-decoration:none}.auth-link:hover{text-decoration:underline}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.dashboard-container{margin:2rem auto;max-width:1200px;padding:2rem;text-align:center}.activity-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.activity-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:inherit;padding:2rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.activity-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.activity-card h2{color:#2c3e50;margin-top:0}.activity-card p{color:#7f8c8d}
/*# sourceMappingURL=main.5d16b627.css.map*/