@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{font-family:Inter,sans-serif}.glass-effect{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.premium-shadow{box-shadow:0 10px 40px #00000014}.gold-text{color:#b8860b;font-weight:600}.badge-gold{background:gold;color:#333}.badge-silver{background:silver;color:#333}.badge-bronze{background:#cd7f32;color:#fff}.task-card{transition:all .3s ease}.task-card:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0000001a}.progress-bar{background:gold}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease}.notification{position:fixed;top:20px;right:20px;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:9999;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification.success{background:#10b981;color:#fff}.notification.error{background:#ef4444;color:#fff}.notification.info{background:#3b82f6;color:#fff}.btn-primary{background:#000;color:#fff;padding:12px 24px;border-radius:8px;font-weight:500;transition:all .3s}.btn-primary:hover{background:#333;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;color:#374151;padding:12px 24px;border-radius:8px;font-weight:500;transition:all .3s}.btn-secondary:hover{background:#e5e7eb}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #0000000f;transition:all .3s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.mentor-card{border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s;cursor:pointer}.mentor-card:hover{border-color:gold;box-shadow:0 4px 20px #ffd70033}.activity-item{display:flex;align-items:start;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.loading-spinner{border:3px solid #f3f4f6;border-top:3px solid #FFD700;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.modal-content{background:#fff;border-radius:16px;padding:25px;width:90%;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .3s ease}.animate-scaleIn{animation:scaleIn .3s ease}.user-type-btn{transition:all .3s}.user-type-btn.selected{border-color:gold;background:#fffbeb}.user-type-btn:hover{border-color:gold}.menu-item{transition:all .3s}.menu-item.active{background-color:#f3f4f6;color:#111827}.menu-item.active i{color:#ca8a04}@media(max-width:768px){.container{padding:0 1rem}.notification{top:10px;right:10px;left:10px;max-width:calc(100% - 20px)}.modal-content{width:95%;padding:25px;margin:10px}.stat-card{padding:16px}.btn-primary,.btn-secondary{padding:10px 20px;font-size:14px}.mobile-menu-btn{display:block}.sidebar-mobile{position:fixed;left:-100%;top:0;width:280px;height:100vh;background:#fff;z-index:1000;transition:left .3s ease;box-shadow:2px 0 10px #0000001a}.sidebar-mobile.active{left:0}.menu-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:none}.menu-overlay.active{display:block}.header-mobile{padding:12px 16px}.grid-mobile{grid-template-columns:1fr;gap:12px}.text-responsive{font-size:14px}.hide-mobile{display:none}.show-mobile{display:block}.task-card{padding:12px}.activity-item{padding:8px 0;font-size:14px}.mentor-card{padding:16px}}@media(max-width:640px){.glass-effect{padding:20px}h1{font-size:1.5rem}h2{font-size:1.25rem}.text-3xl{font-size:1.5rem}.text-4xl{font-size:1.75rem}.user-type-btn{padding:12px}.user-type-btn i{font-size:24px}.stat-value{font-size:1.5rem}}@media(max-width:768px){.desktop-only{display:none!important}}@media(min-width:769px){.mobile-only,.sidebar-mobile{display:none!important}}