@charset "UTF-8";html,body{margin:0;padding:0;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ffffff!important;overflow-x:hidden}.app{min-height:100vh;display:flex;flex-direction:column;background:#ffffff;margin:0;padding:0;width:100%}.main-content{flex:1;width:100%;margin:0;padding:0;background:#ffffff}.main-content.no-footer{min-height:calc(100vh - 80px)}body>*{margin:0!important;padding:0!important}body,.app,.main-content,#root{background:#ffffff!important;background-color:#fff!important}section,div,main,header,footer{margin:0;padding:0}.no-footer-page{min-height:100vh;background:#ffffff}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center;background:#ffffff}.error-boundary h2{color:#dc2626;margin-bottom:20px}.error-boundary button{padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px}.error-boundary button:hover{background:#1d4ed8}.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center;background:#ffffff}.not-found h2{color:#374151;margin-bottom:16px}.not-found p{color:#6b7280;margin-bottom:24px}.not-found button{padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px}.not-found button:hover{background:#1d4ed8}@media (max-width: 768px){.main-content.no-footer{min-height:calc(100vh - 60px)}}.navbar{position:fixed;top:0;width:100%;background:#000000;z-index:1000;transition:transform .3s ease-in-out,background-color .3s ease,box-shadow .3s ease,padding .3s ease;padding:17px 0;transform:translateY(0)}.navbar.hidden{transform:translateY(-100%)}.navbar.active{background:rgb(65.5,65.5,65.5);box-shadow:0 5px 10px #0000004d;padding:15px 0}.navbar .container{max-width:1400px;margin:0 auto;padding:0 25px;display:flex;align-items:center;justify-content:space-between;position:relative}.navbar .logo .link{text-decoration:none;display:flex;align-items:center;gap:8px}.navbar .logo .link .logo-image{width:48px;height:48px;flex-shrink:0;filter:brightness(0) invert(1)}.navbar .logo .link .text{font-size:20px;font-weight:700;color:#fff}.navbar .search-bar-section{flex:1;max-width:500px;margin:0 2rem}@media (max-width: 768px){.navbar .search-bar-section{display:none}}.navbar .desktop-nav{display:flex;align-items:center;flex:1;justify-content:flex-end;gap:2rem}@media (max-width: 1024px){.navbar .desktop-nav{display:none}}.navbar .desktop-nav .nav-links{display:flex;align-items:center;gap:2rem}.navbar .desktop-nav .nav-links .nav-link{text-decoration:none;color:#fff;font-weight:500;font-size:14px;transition:all .3s ease;position:relative;white-space:nowrap}.navbar .desktop-nav .nav-links .nav-link:hover{color:#fff}.navbar .desktop-nav .nav-links .nav-link.super-admin-link{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;padding:8px 16px;border-radius:20px;font-weight:600}.navbar .desktop-nav .nav-links .nav-link.super-admin-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ee5a244d}.navbar .desktop-nav .user-section,.navbar .desktop-nav .user-section .auth-buttons{display:flex;align-items:center;gap:1rem}.navbar .desktop-nav .user-section .auth-buttons .login-btn{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;padding:8px 16px}.navbar .desktop-nav .user-section .auth-buttons .login-btn:hover{color:#fff}.navbar .desktop-nav .user-section .auth-buttons .join-btn button{background:rgb(255,65,18);color:#fff;border:none;padding:8px 20px;border-radius:20px;font-weight:500;cursor:pointer;transition:all .3s ease}.navbar .desktop-nav .user-section .auth-buttons .join-btn button:hover{background:rgb(190.2107438017,44.9876033058,.7892561983);transform:translateY(-2px)}.navbar .desktop-nav .user-section .user-menu{display:flex;align-items:center;gap:1rem;position:relative}.navbar .desktop-nav .user-section .user-menu .level-badge-nav .level-badge-compact{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.navbar .desktop-nav .user-section .user-menu .level-badge-nav .level-badge-compact.diamond{background:linear-gradient(135deg,#b9f2ff,#7feaff);color:#06c}.navbar .desktop-nav .user-section .user-menu .level-badge-nav .level-badge-compact.gold{background:linear-gradient(135deg,#ffd700,#ffed4e);color:#8b6b00}.navbar .desktop-nav .user-section .user-menu .level-badge-nav .level-badge-compact.silver{background:linear-gradient(135deg,#c0c0c0,#e8e8e8);color:#5a5a5a}.navbar .desktop-nav .user-section .user-menu .level-badge-nav .level-badge-compact.bronze{background:linear-gradient(135deg,#cd7f32,#e89c5d);color:#5a2c00}.navbar .desktop-nav .user-section .user-menu .level-badge-nav .level-badge-compact .level-icon{display:flex;align-items:center;justify-content:center}.navbar .desktop-nav .user-section .user-menu .level-badge-nav .level-badge-compact .level-icon .MuiSvgIcon-root{font-size:14px}.navbar .desktop-nav .user-section .user-menu .level-badge-nav .level-badge-loading{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;background:#333333;color:#b0b0b0;font-size:12px}.navbar .desktop-nav .user-section .user-menu .level-badge-nav .level-badge-loading .loading-spinner-small{width:12px;height:12px;border:2px solid #444444;border-top:2px solid #1dbf73;border-radius:50%;animation:spin 1s linear infinite}.navbar .desktop-nav .user-section .user-menu .notifications-btn-wrapper{position:relative}.navbar .desktop-nav .user-section .user-menu .notifications-btn-wrapper .notifications-btn{background:transparent;border:none;cursor:pointer;position:relative;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.navbar .desktop-nav .user-section .user-menu .notifications-btn-wrapper .notifications-btn:hover{background:rgba(220,38,38,.1);transform:translateY(-1px)}.navbar .desktop-nav .user-section .user-menu .notifications-btn-wrapper .notifications-btn.pulse{animation:pulse-red 2s ease-in-out}.navbar .desktop-nav .user-section .user-menu .notifications-btn-wrapper .notifications-btn .notifications-icon{color:#fff;font-size:24px}.navbar .desktop-nav .user-section .user-menu .notifications-btn-wrapper .notifications-btn .notifications-badge{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;border-radius:10px;min-width:18px;height:18px;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #000000;box-shadow:0 2px 4px #0000004d}.navbar .desktop-nav .user-section .user-menu .notifications-btn-wrapper .notifications-btn .notifications-badge.double-digit{min-width:22px;font-size:9px}.navbar .desktop-nav .user-section .user-menu .notifications-btn-wrapper .notifications-btn .validation-badge-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#ef4444;border-radius:50%;border:2px solid #000000;animation:blink-red 2s infinite}.navbar .desktop-nav .user-section .user-menu .instructor-notification-hint{position:absolute;top:100%;right:0;margin-top:8px;background:#000000;border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px #00000080;font-size:12px;color:#fff;display:flex;align-items:center;gap:6px;white-space:nowrap;z-index:1000;border:1px solid #ef4444}.navbar .desktop-nav .user-section .user-menu .instructor-notification-hint:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background:#000000;transform:rotate(45deg);border-left:1px solid #ef4444;border-top:1px solid #ef4444}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown{position:absolute;top:100%;right:0;margin-top:12px;width:420px;max-height:600px;background:#000000;border-radius:12px;box-shadow:0 10px 25px #00000080;border:1px solid #ef4444;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header{padding:16px;border-bottom:1px solid #ef4444;display:flex;align-items:center;justify-content:space-between;background:#111111}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header .header-title{display:flex;align-items:center;gap:8px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header .header-title h4{margin:0;font-size:16px;font-weight:600;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header .header-title .unread-count-badge{background:#ef4444;color:#fff;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header .header-actions{display:flex;gap:8px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header .header-actions .mark-all-read-btn,.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header .header-actions .close-dropdown-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:center}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header .header-actions .mark-all-read-btn:hover,.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header .header-actions .close-dropdown-btn:hover{background:#ef4444;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters{padding:12px 16px;border-bottom:1px solid #ef4444;background:#111111}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters .filters-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters .filters-scroll::-webkit-scrollbar{height:4px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters .filters-scroll::-webkit-scrollbar-track{background:#2a2a2a;border-radius:2px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters .filters-scroll::-webkit-scrollbar-thumb{background:#ef4444;border-radius:2px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters .filters-scroll .filter-btn{background:#2a2a2a;border:1px solid #444444;border-radius:20px;padding:6px 12px;font-size:12px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap;transition:all .2s}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters .filters-scroll .filter-btn:hover{border-color:#ef4444;background:#333333}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters .filters-scroll .filter-btn.active{background:#ef4444;border-color:#ef4444;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters .filters-scroll .filter-btn.active .filter-icon{color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters .filters-scroll .filter-btn .filter-icon{font-size:14px;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .instructor-notifications-section{padding:16px;background:black;border-bottom:1px solid #ef4444}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .instructor-notifications-section .section-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .instructor-notifications-section .section-header .section-icon{color:#ef4444;font-size:16px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .instructor-notifications-section .section-header span{font-size:14px;font-weight:600;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .instructor-notifications-section .section-header .section-badge{background:#ef4444;color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .instructor-notifications-section .section-content p{margin:0 0 8px;font-size:13px;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .instructor-notifications-section .section-content .view-gig-notifications-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .instructor-notifications-section .section-content .view-gig-notifications-btn:hover{background:#dc2626}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-list{flex:1;overflow-y:auto;max-height:400px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-list::-webkit-scrollbar{width:6px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-list::-webkit-scrollbar-thumb{background:#ef4444;border-radius:3px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-list .notifications-loading{padding:40px 20px;text-align:center;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-list .notifications-loading .loading-spinner{width:32px;height:32px;border:3px solid #2a2a2a;border-top:3px solid #ef4444;border-radius:50%;margin:0 auto 12px;animation:spin 1s linear infinite}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-list .notifications-loading p{margin:0;font-size:14px;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-list .no-notifications{padding:40px 20px;text-align:center;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-list .no-notifications .no-notifications-icon{font-size:48px;color:#444;margin-bottom:12px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-list .no-notifications .no-notifications-title{margin:0 0 4px;font-size:14px;font-weight:500;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-list .no-notifications .no-notifications-subtitle{margin:0;font-size:12px;color:#999}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item{padding:16px;border-bottom:1px solid #2a2a2a;cursor:pointer;transition:background .2s;position:relative}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item:hover{background:#111111}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item.unread{background:#1a0000}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item.unread:hover{background:#220000}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item.priority-high{border-left:3px solid #ef4444}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item.priority-medium{border-left:3px solid #f97316}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item.priority-low{border-left:3px solid #22c55e}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item.gig,.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item.gig:hover{background:black}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-content-wrapper{display:flex;gap:12px;align-items:flex-start}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-icon-wrapper{position:relative}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-icon-wrapper .notification-icon{width:36px;height:36px;background:#2a2a2a;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d;font-size:18px;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-icon-wrapper .unread-indicator{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid #000000;box-shadow:0 1px 2px #0000004d}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-details{flex:1;min-width:0}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-details .notification-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-details .notification-header .notification-title{margin:0;font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-details .notification-header .notification-time{font-size:11px;color:#999;white-space:nowrap;margin-left:8px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-details .notification-message{margin:0 0 4px;font-size:13px;color:#e0e0e0;line-height:1.4}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-details .notification-message .gig-title{font-weight:500;color:#ff6b6b}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-details .notification-details-text{margin:0 0 8px;font-size:12px;color:#b3b3b3;line-height:1.4}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-details .notification-actions{display:flex;gap:8px}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-details .notification-actions .notification-context{background:#2a2a2a;border-radius:4px;padding:2px 6px;font-size:10px;color:#fff;font-weight:500;border:1px solid #444444}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-actions-menu{position:relative}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-actions-menu .notification-action-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#999;display:flex;align-items:center;justify-content:center}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-actions-menu .notification-action-btn:hover{background:#2a2a2a;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-actions-menu .notification-actions-dropdown{position:absolute;top:100%;right:0;background:#2a2a2a;border-radius:8px;box-shadow:0 4px 12px #00000080;border:1px solid #444444;z-index:1;min-width:160px;overflow:hidden}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-actions-menu .notification-actions-dropdown .dropdown-action-btn{width:100%;padding:8px 12px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;color:#fff;text-align:left;transition:background .2s}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-actions-menu .notification-actions-dropdown .dropdown-action-btn:hover{background:#ef4444}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-actions-menu .notification-actions-dropdown .dropdown-action-btn svg{font-size:16px;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-footer{padding:12px 16px;border-top:1px solid #ef4444;background:#111111;display:flex;justify-content:space-between;align-items:center}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-footer .view-all-notifications-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-footer .view-all-notifications-btn:hover{background:#dc2626}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-footer .notifications-stats{font-size:12px;color:#fff}@keyframes pulse-red{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes blink-red{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 768px){.navbar .desktop-nav .user-section .user-menu .notifications-dropdown{position:fixed;inset:0;margin:0;width:100%;max-height:100vh;border-radius:0;z-index:1002;border:none}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header{position:sticky;top:0;z-index:1;border-bottom:2px solid #ef4444}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-list{max-height:calc(100vh - 200px)}.navbar .desktop-nav .user-section .user-menu .notification-item .notification-content-wrapper{gap:8px}.navbar .desktop-nav .user-section .user-menu .notification-item .notification-details .notification-header{flex-direction:column;align-items:flex-start;gap:4px}.navbar .desktop-nav .user-section .user-menu .notification-item .notification-details .notification-header .notification-time{margin-left:0;color:#ef4444}}@media (prefers-color-scheme: dark){.navbar .desktop-nav .user-section .user-menu .notifications-dropdown{background:#000000;border-color:#ef4444;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header{background:#111111;border-color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header h4,.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header .header-actions button{color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-header .header-actions button:hover{background:#ef4444;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters{background:#111111;border-color:#ef4444}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters .filter-btn{background:#2a2a2a;border-color:#444;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters .filter-btn:hover{border-color:#ef4444;background:#333333}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-filters .filter-btn.active{background:#ef4444;border-color:#ef4444;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .instructor-notifications-section{background:linear-gradient(135deg,#1a0000 0%,#330000 100%);border-color:#ef4444}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .instructor-notifications-section span{color:#ff6b6b}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item{border-color:#2a2a2a;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item:hover{background:#111111}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item.unread{background:rgba(239,68,68,.1)}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item.unread:hover{background:rgba(239,68,68,.15)}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item.gig:hover{background:linear-gradient(135deg,#330000 0%,#440000 100%)}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-icon{background:#2a2a2a}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-details .notification-title{color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-details .notification-message{color:#e0e0e0}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-details .notification-actions .notification-context{background:#2a2a2a;color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-actions-dropdown{background:#2a2a2a;border-color:#444}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-actions-dropdown .dropdown-action-btn{color:#fff}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notification-item .notification-actions-dropdown .dropdown-action-btn:hover{background:#ef4444}.navbar .desktop-nav .user-section .user-menu .notifications-dropdown .notifications-footer{background:#111111;border-color:#ef4444}.navbar .desktop-nav .user-section .user-menu .instructor-notification-hint{background:#000000;border-color:#ef4444;color:#fff}.navbar .desktop-nav .user-section .user-menu .instructor-notification-hint:before{background:#000000;border-color:#ef4444}}.navbar .desktop-nav .user-section .user-menu .user-trigger{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:25px;cursor:pointer;transition:all .3s ease;background:#222222;border:1px solid #333333}.navbar .desktop-nav .user-section .user-menu .user-trigger:hover{background:#333333;box-shadow:0 2px 10px #ffffff1a}.navbar .desktop-nav .user-section .user-menu .user-trigger .user-avatar{width:35px;height:35px;border-radius:50%;object-fit:cover}.navbar .desktop-nav .user-section .user-menu .user-trigger .user-details{display:flex;flex-direction:column;align-items:flex-start}.navbar .desktop-nav .user-section .user-menu .user-trigger .user-details .username{font-weight:600;font-size:14px;color:#fff}.navbar .desktop-nav .user-section .user-menu .user-trigger .user-details .user-role-badge{margin-top:2px}.navbar .desktop-nav .user-section .user-menu .user-trigger .dropdown-arrow{font-size:10px;transition:all .3s ease;color:#b0b0b0}.navbar .desktop-nav .user-section .user-menu .user-trigger .dropdown-arrow.open{transform:rotate(180deg)}.navbar .desktop-nav .user-section .user-menu .dropdown-menu{position:absolute;top:100%;right:0;background:#1a1a1a;border-radius:8px;box-shadow:0 4px 20px #00000080;min-width:250px;z-index:1001;margin-top:8px}.navbar .desktop-nav .user-section .user-menu .dropdown-menu.scrollable-dropdown{max-height:400px;overflow-y:auto}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content{padding:8px 0}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #333333}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-header .dropdown-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-header .user-info{display:flex;flex-direction:column;gap:2px}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-header .user-info strong{font-weight:600;color:#fff}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-header .user-info span{font-size:12px;color:#b0b0b0}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-header .user-info .user-role-display{margin-top:4px}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-divider{height:1px;background:#333333;margin:8px 0}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:#fff;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all .3s ease;font-size:14px}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-item:hover{background:#222222}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-item .icon{display:flex;align-items:center;justify-content:center;width:20px;color:#fff}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-item .icon .MuiSvgIcon-root{font-size:18px}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-item.logout{color:#ff4757}.navbar .desktop-nav .user-section .user-menu .dropdown-menu .dropdown-content .dropdown-item.logout:hover{background:#331111}.navbar .role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.navbar .role-badge.super-admin{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff}.navbar .role-badge.admin{background:linear-gradient(45deg,#4834d4,#686de0);color:#fff}.navbar .role-badge.instructor{background:linear-gradient(45deg,#00b894,#55efc4);color:#fff}.navbar .role-badge.student{background:linear-gradient(45deg,#0984e3,#74b9ff);color:#fff}.navbar .role-badge.default{background:#b0b0b0;color:#fff}.navbar .role-badge .role-icon{display:flex;align-items:center;justify-content:center}.navbar .role-badge .role-icon .MuiSvgIcon-root{font-size:12px}.navbar .mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;color:#fff;transition:all .3s ease}@media (max-width: 1024px){.navbar .mobile-menu-btn{display:flex;align-items:center;justify-content:center}}.navbar .mobile-menu-btn .MuiSvgIcon-root{font-size:24px}.navbar .mobile-menu-btn.open{color:#fff}.search-bar-container{position:relative;width:100%}.search-form{width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#222222;border:2px solid #333333;border-radius:25px;padding:.5rem 1rem;transition:all .3s ease}.search-input-wrapper.focused{border-color:#667eea;background:#1a1a1a;box-shadow:0 2px 10px #667eea33}.search-input-wrapper:hover{border-color:#555}.search-icon{color:#b0b0b0;margin-right:.5rem}.search-icon .MuiSvgIcon-root{font-size:1.25rem}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:.9rem;color:#fff}.search-input::placeholder{color:#b0b0b0}.clear-search{background:none;border:none;color:#b0b0b0;cursor:pointer;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-search:hover{background:#333333;color:#fff}.clear-search .MuiSvgIcon-root{font-size:18px}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:1px solid #333333;border-radius:12px;box-shadow:0 4px 20px #0000004d;margin-top:.5rem;z-index:1000;max-height:300px;overflow-y:auto}.suggestion-item{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #222222}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#222222}.suggestion-icon{color:#667eea;margin-right:.75rem}.suggestion-icon .MuiSvgIcon-root{font-size:1.25rem}.suggestion-content{flex:1}.suggestion-title{font-weight:600;color:#fff;font-size:.9rem;margin-bottom:.25rem}.suggestion-category{color:#b0b0b0;font-size:.8rem}.suggestion-price{color:#28a745;font-weight:600;font-size:.9rem;margin-left:1rem}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav{position:fixed;top:0;right:-100%;width:320px;height:100vh;background:#111111;box-shadow:-5px 0 30px #00000080;transition:all .3s ease;z-index:1002;display:flex;flex-direction:column}@media (max-width: 768px){.mobile-nav{width:280px}}.mobile-nav.open{right:0}.mobile-nav .mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #333333;background:#111111;flex-shrink:0}.mobile-nav .mobile-nav-header .mobile-user-info{display:flex;align-items:center;gap:12px;flex:1}.mobile-nav .mobile-nav-header .mobile-user-info .mobile-user-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.mobile-nav .mobile-nav-header .mobile-user-info .mobile-user-details{flex:1;display:flex;flex-direction:column}.mobile-nav .mobile-nav-header .mobile-user-info .mobile-user-details .mobile-username{font-weight:600;font-size:16px;color:#fff;margin-bottom:2px}.mobile-nav .mobile-nav-header .mobile-user-info .mobile-user-details .mobile-user-email{font-size:12px;color:#b0b0b0;margin-bottom:4px}.mobile-nav .mobile-nav-header .mobile-user-info .mobile-user-details .mobile-role-badge .role-badge{font-size:9px;padding:3px 6px}.mobile-nav .mobile-nav-header .mobile-guest-info{display:flex;flex-direction:column;flex:1}.mobile-nav .mobile-nav-header .mobile-guest-info strong{font-weight:600;color:#fff;margin-bottom:4px}.mobile-nav .mobile-nav-header .mobile-guest-info span{font-size:12px;color:#b0b0b0}.mobile-nav .mobile-nav-header .mobile-close-btn{background:none;border:none;cursor:pointer;color:#b0b0b0;transition:all .3s ease;padding:5px;display:flex;align-items:center;justify-content:center}.mobile-nav .mobile-nav-header .mobile-close-btn:hover{color:#fff;transform:scale(1.1)}.mobile-nav .mobile-nav-header .mobile-close-btn .MuiSvgIcon-root{font-size:20px}.mobile-nav .mobile-nav-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.mobile-nav .mobile-nav-content .mobile-nav-links{flex:1;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-nav-link{display:flex;align-items:center;gap:15px;padding:15px 20px;text-decoration:none;color:#fff;transition:all .3s ease;font-size:14px;border-left:3px solid transparent;border-bottom:1px solid #333333;background:none;border-right:none;border-top:none;width:100%;text-align:left;cursor:pointer}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-nav-link:last-child{border-bottom:none}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-nav-link:hover{background:#222222;border-left-color:#fff;color:#fff}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-nav-link .mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;color:#fff}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-nav-link .mobile-nav-icon .MuiSvgIcon-root{font-size:18px}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-nav-link.super-admin-mobile{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;margin:0;border-radius:0;border-left:3px solid #ee5a24}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-nav-link.super-admin-mobile:hover{background:linear-gradient(45deg,#ff5252,#e84118)}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-nav-divider{height:1px;background:#333333;margin:0}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-nav-section .mobile-section-title{display:block;padding:15px 20px 10px;font-size:12px;text-transform:uppercase;color:#b0b0b0;font-weight:600;letter-spacing:1px;background:#111111;border-bottom:1px solid #333333;position:sticky;top:0;z-index:1}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-logout-btn{display:flex;align-items:center;gap:15px;padding:15px 20px;background:none;border:none;color:#ff6b6b;font-size:14px;cursor:pointer;transition:all .3s ease;width:100%;text-align:left;border-bottom:1px solid #333333}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-logout-btn:hover{background:#ff6b6b;color:#fff}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-logout-btn .mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:24px}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-logout-btn .mobile-nav-icon .MuiSvgIcon-root{font-size:18px}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-auth-buttons{padding:20px;display:flex;flex-direction:column;gap:10px;border-top:1px solid #333333;flex-shrink:0;background:#111111}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-auth-buttons .mobile-login-btn{padding:12px;text-align:center;text-decoration:none;color:#fff;border:1px solid #333333;border-radius:8px;font-weight:500;transition:all .3s ease;background:none;cursor:pointer}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-auth-buttons .mobile-login-btn:hover{background:#222222;color:#fff}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-auth-buttons .mobile-join-btn{padding:12px;text-align:center;text-decoration:none;background:rgb(255,26,26);color:#fff;border-radius:8px;font-weight:500;transition:all .3s ease;border:none;cursor:pointer}.mobile-nav .mobile-nav-content .mobile-nav-links .mobile-auth-buttons .mobile-join-btn:hover{background:#ff0101}.explorer-wrapper{position:relative}.explorer-wrapper .explorer-trigger{display:flex;align-items:center;gap:4px;background:none;border:none;color:#fff;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease}.explorer-wrapper .explorer-trigger:hover{background:rgba(255,255,255,.1)}.explorer-wrapper .explorer-trigger.active{background:rgba(255,255,255,.15)}.explorer-wrapper .explorer-trigger .explorer-arrow{transition:transform .2s ease;font-size:18px}.explorer-wrapper .explorer-trigger .explorer-arrow.open{transform:rotate(180deg)}.explorer-dropdown{position:absolute;top:100%;left:0;width:900px;background:#1a1a1a;border-radius:12px;box-shadow:0 10px 40px #00000080;z-index:1000;margin-top:8px}.explorer-dropdown:before{content:"";position:absolute;top:-8px;left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #1a1a1a}.explorer-dropdown-content{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-height:500px;overflow-y:auto}.explorer-section{padding:20px;border-right:1px solid #333333}.explorer-section:last-child{border-right:none}.explorer-section:nth-child(3n){border-right:none}.explorer-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #333333}.explorer-section-header .section-icon{color:#b0b0b0;font-size:18px}.explorer-section-header h4{margin:0;font-size:14px;font-weight:600;color:#fff}.explorer-section-items{display:flex;flex-direction:column;gap:4px}.explorer-item{background:none;border:none;text-align:left;padding:8px 12px;border-radius:6px;font-size:13px;color:#b0b0b0;cursor:pointer;transition:all .2s ease}.explorer-item:hover{background:#222222;color:#fff}.explorer-view-all{background:none;border:none;text-align:left;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;color:#667eea;cursor:pointer;transition:all .2s ease;margin-top:4px}.explorer-view-all:hover{background:#222222}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width: 768px){.navbar .container{padding:0 15px}.explorer-dropdown{width:100vw;left:50%;transform:translate(-50%);border-radius:0}.explorer-dropdown:before{display:none}.explorer-dropdown-content{grid-template-columns:1fr}.explorer-section{border-right:none;border-bottom:1px solid #333333}.explorer-section:last-child{border-bottom:none}}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%;height:100%}body,body.mobile-menu-open{padding-top:80px}@media (max-width: 768px){body,body.mobile-menu-open{padding-top:70px}}.desktop-nav .nav-links .nav-link{position:relative;padding:8px 12px;border-radius:6px;transition:all .3s ease}.desktop-nav .nav-links .nav-link:hover{color:#fff;background:rgba(255,255,255,.1);transform:translateY(-2px)}.desktop-nav .nav-links .nav-link:hover:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.desktop-nav .user-section .user-menu .user-trigger{transition:all .3s cubic-bezier(.4,0,.2,1)}.desktop-nav .user-section .user-menu .user-trigger:hover{background:#333333;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 15px #667eea33}.desktop-nav .user-section .user-menu .user-trigger:hover .user-details .username{color:#667eea}.desktop-nav .user-section .user-menu .user-trigger:hover .dropdown-arrow{color:#667eea;transform:translateY(2px)}.desktop-nav .user-section .user-menu .notifications-wrapper .notifications-btn{position:relative;overflow:hidden}.desktop-nav .user-section .user-menu .notifications-wrapper .notifications-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s}.desktop-nav .user-section .user-menu .notifications-wrapper .notifications-btn:hover{background:rgba(102,126,234,.1);transform:scale(1.1)}.desktop-nav .user-section .user-menu .notifications-wrapper .notifications-btn:hover:before{left:100%}.desktop-nav .user-section .user-menu .notifications-wrapper .notifications-btn:hover .notifications-icon{color:#667eea}.desktop-nav .user-section .auth-buttons .login-btn{position:relative;overflow:hidden}.desktop-nav .user-section .auth-buttons .login-btn:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.desktop-nav .user-section .auth-buttons .login-btn:hover{color:#667eea;transform:translateY(-2px)}.desktop-nav .user-section .auth-buttons .login-btn:hover:before{width:100%}.desktop-nav .user-section .auth-buttons .join-btn button{position:relative;overflow:hidden;background:rgb(0,132,255);transition:all .3s ease}.desktop-nav .user-section .auth-buttons .join-btn button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,.1);transition:left .5s}.desktop-nav .user-section .auth-buttons .join-btn button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0084ff66}.desktop-nav .user-section .auth-buttons .join-btn button:hover:before{left:100%}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.language-switcher{position:relative}.language-switcher .language-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px;background:white;border:1px solid #e1e1e1;border-radius:20px;cursor:pointer;transition:all .3s ease}.language-switcher .language-trigger:hover{background:#f5f5f5;border-color:#1dbf73}.language-switcher .language-trigger .language-flag{width:20px;height:15px;object-fit:cover;border-radius:2px}.language-switcher .language-trigger .language-code{font-size:14px;font-weight:600;color:#333}.language-switcher .language-trigger .language-arrow{font-size:16px;color:#666;transition:transform .3s ease}.language-switcher .language-trigger .language-arrow.open{transform:rotate(180deg)}.language-switcher .language-dropdown{position:absolute;top:100%;right:0;margin-top:5px;background:white;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:180px;z-index:1000;overflow:hidden}.language-switcher .language-dropdown .language-option{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;background:none;border:none;cursor:pointer;transition:rgb(255,246,246) .2s ease}.language-switcher .language-dropdown .language-option:hover{background:#f5f5f5}.language-switcher .language-dropdown .language-option.active{background:#f0f9ff}.language-switcher .language-dropdown .language-option.active .language-check{color:#1dbf73;margin-left:auto}.language-switcher .language-dropdown .language-option .language-flag{width:24px;height:18px;object-fit:cover;border-radius:2px}.language-switcher .language-dropdown .language-option .language-name{font-size:14px;color:#333}.desktop-language-switcher-wrapper{margin-left:15px}.mobile-language-switcher{padding:15px;border-bottom:1px solid #eee}.mobile-language-switcher .mobile-language-label{display:block;font-size:14px;color:#666;margin-bottom:10px}.mobile-language-switcher .mobile-language-buttons{display:flex;gap:10px}.mobile-language-switcher .mobile-language-buttons .mobile-language-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;font-size:14px;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease}.mobile-language-switcher .mobile-language-buttons .mobile-language-btn:hover{background:#e9e9e9}.mobile-language-switcher .mobile-language-buttons .mobile-language-btn.active{background:#1dbf73;color:#fff;border-color:#1dbf73}.mobile-language-switcher .mobile-language-buttons .mobile-language-btn .mobile-language-flag{width:20px;height:15px;object-fit:cover;border-radius:2px}@media (max-width: 768px){.desktop-language-switcher-wrapper{display:none}}@media (min-width: 769px){.mobile-language-switcher{display:none}}.footer{background-color:#000;color:#fff;padding:30px 0 20px;margin-top:50px}.footer .container{max-width:1200px;margin:0 auto;padding:0 20px}.footer .top{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:30px}.footer .top .item{display:flex;flex-direction:column}.footer .top .item h2{font-size:16px;font-weight:700;margin-bottom:15px;color:#fff}.footer .top .item span{font-size:14px;margin-bottom:8px;cursor:pointer;transition:color .2s ease}.footer .top .item span:hover{color:#006eff}.footer hr{border:none;height:1px;background-color:#fff;margin:20px 0}.footer .bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer .bottom .left{display:flex;align-items:center;gap:15px}.footer .bottom .left h2{font-size:24px;font-weight:700;color:#3fc2ff;text-transform:lowercase}.footer .bottom .left span{font-size:14px;color:#fff9f9}.footer .bottom .right{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer .bottom .right .social{display:flex;gap:15px}.footer .bottom .right .social img{width:20px;height:20px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.footer .bottom .right .social img:hover{opacity:1}.footer .bottom .right .link{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:14px}.footer .bottom .right .link img{width:16px;height:16px}.footer .bottom .right .link:hover{color:#1dbf73}.footer .bottom .right img:last-child{width:20px;height:20px;cursor:pointer;opacity:.7}.footer .bottom .right img:last-child:hover{opacity:1}@media (max-width: 768px){.footer{padding:20px 0 15px}.footer .top{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.footer .top .item h2{font-size:14px;margin-bottom:10px}.footer .top .item span{font-size:12px;margin-bottom:6px}.footer .bottom{flex-direction:column;text-align:center;gap:15px}.footer .bottom .left{flex-direction:column;gap:10px}.footer .bottom .right{justify-content:center;gap:15px}}@media (max-width: 480px){.footer .top{grid-template-columns:1fr 1fr;gap:15px}.footer .top .item h2{font-size:13px}.footer .top .item span{font-size:11px}.footer .bottom .right{flex-direction:column;gap:10px}.footer .bottom .right .social{gap:10px}}@media (max-width: 320px){.footer .top{grid-template-columns:1fr}}.hero-slider{position:relative;width:100%;height:400px;overflow:hidden;box-shadow:0 8px 32px #00000026;margin-bottom:2rem}.hero-slider.loading,.hero-slider.error,.hero-slider.empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px dashed #dee2e6}.hero-slider:hover .nav-button{opacity:1;transform:translateY(-50%) scale(1)}.slider-skeleton{width:100%;max-width:1200px;padding:0 40px}.slider-skeleton .skeleton-content .skeleton-text{height:24px;background:linear-gradient(90deg,#e9ecef 25%,#f8f9fa 50%,#e9ecef 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:6px;margin-bottom:16px}.slider-skeleton .skeleton-content .skeleton-text:first-child{width:40%;height:32px}.slider-skeleton .skeleton-content .skeleton-text:nth-child(2){width:80%;height:20px}.slider-skeleton .skeleton-content .skeleton-text:nth-child(3){width:60%;height:20px}.slider-skeleton .skeleton-content .skeleton-text.short{width:70%}.slider-skeleton .skeleton-content .skeleton-button{height:48px;width:200px;background:linear-gradient(90deg,#e9ecef 25%,#f8f9fa 50%,#e9ecef 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px;margin-top:24px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state,.empty-state{text-align:center;color:#6c757d;padding:2rem}.error-state .error-icon,.error-state .empty-icon,.empty-state .error-icon,.empty-state .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.error-state h3,.empty-state h3{margin-bottom:.5rem;color:#495057;font-size:1.5rem;font-weight:600}.error-state p,.empty-state p{margin-bottom:1.5rem;font-size:1.1rem;max-width:400px;line-height:1.5}.error-state .btn-retry,.empty-state .btn-retry{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.error-state .btn-retry:hover,.empty-state .btn-retry:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.empty-state .empty-icon{font-size:3.5rem}.slider-container{position:relative;width:100%;height:100%}.slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.slide:before{content:"";position:absolute;inset:0;z-index:1}@media (min-width: 769px){.slide:before{background:linear-gradient(90deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.1) 70%,transparent 100%)}}@media (max-width: 768px){.slide:before{background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,rgba(0,0,0,.4) 30%,rgba(0,0,0,.2) 50%,transparent 80%)}}.slide.active{z-index:1}.slide-content{position:relative;z-index:2;display:flex;width:100%;max-width:1200px;margin:0 auto;padding:0 40px;gap:60px;align-items:center}@media (max-width: 768px){.slide-content{flex-direction:column;justify-content:center;text-align:center;padding:20px;gap:30px;height:100%}}.course-info{flex:1;color:#fff;max-width:600px}@media (max-width: 768px){.course-info{max-width:100%;order:1}}.course-info .category-badge{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block;margin-bottom:20px;border:1px solid rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.course-info .category-badge{font-size:.75rem;padding:6px 12px;margin-bottom:15px}}.course-info .course-title{font-size:2.2rem;font-weight:750;line-height:1.2;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1024px){.course-info .course-title{font-size:2rem}}@media (max-width: 768px){.course-info .course-title{font-size:1.6rem;margin-bottom:12px;-webkit-line-clamp:2}}@media (max-width: 480px){.course-info .course-title{font-size:1.4rem}}.course-info .course-description{font-size:1.1rem;line-height:1.5;margin-bottom:24px;opacity:.95;text-shadow:0 1px 2px rgba(0,0,0,.2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 1024px){.course-info .course-description{font-size:1rem}}@media (max-width: 768px){.course-info .course-description{font-size:.9rem;margin-bottom:20px;-webkit-line-clamp:2}}@media (max-width: 480px){.course-info .course-description{font-size:.85rem}}.course-info .course-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}@media (max-width: 768px){.course-info .course-meta{align-items:center;gap:8px;margin-bottom:20px}}.course-info .course-meta .rating{display:flex;align-items:center;gap:8px;font-size:.95rem}@media (max-width: 768px){.course-info .course-meta .rating{font-size:.85rem;justify-content:center;flex-wrap:wrap}}.course-info .course-meta .rating .rating-stars{color:gold;text-shadow:0 1px 2px rgba(0,0,0,.2);font-size:1.1rem}@media (max-width: 768px){.course-info .course-meta .rating .rating-stars{font-size:1rem}}.course-info .course-meta .rating .rating-value{font-weight:700;margin-left:4px}.course-info .course-meta .rating .rating-count{opacity:.8;font-size:.9rem}.course-info .price-section{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}@media (max-width: 768px){.course-info .price-section{justify-content:center;gap:12px;margin-bottom:20px}}.course-info .price-section .current-price{font-size:2.2rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.2)}@media (max-width: 768px){.course-info .price-section .current-price{font-size:1.6rem}}@media (max-width: 480px){.course-info .price-section .current-price{font-size:1.4rem}}.course-info .price-section .original-price{font-size:1.3rem;text-decoration:line-through;opacity:.8;font-weight:500}@media (max-width: 768px){.course-info .price-section .original-price{font-size:1.1rem}}@media (max-width: 480px){.course-info .price-section .original-price{font-size:1rem}}.course-info .price-section .discount-badge{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:700;border:1px solid rgba(255,255,255,.3)}@media (max-width: 768px){.course-info .price-section .discount-badge{font-size:.75rem;padding:4px 10px}}.course-info .action-buttons{display:flex;gap:16px;flex-wrap:wrap}@media (max-width: 768px){.course-info .action-buttons{flex-direction:column;gap:12px}}.course-info .action-buttons .cta-button{background:rgb(0,0,0);color:#fff;border:none;font-weight:700;border-radius:0;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003;text-align:center;padding:12px 24px;font-size:.9rem;min-width:180px}@media (max-width: 768px){.course-info .action-buttons .cta-button{width:100%;padding:14px 20px;font-size:1rem;min-width:unset}}@media (max-width: 480px){.course-info .action-buttons .cta-button{padding:12px 16px;font-size:.9rem}}.course-info .action-buttons .cta-button:hover{background:#f8fafc;color:#000;transform:translateY(-3px);box-shadow:0 8px 25px #00000040}.course-info .action-buttons .cta-button:active{transform:translateY(-1px)}.course-visual{flex:0 0 400px;display:flex;justify-content:center;align-items:center}@media (max-width: 1024px){.course-visual{flex:0 0 300px}}@media (max-width: 768px){.course-visual{flex:0 0 auto;width:100%;max-width:280px;order:2;margin-top:auto;margin-bottom:20px}}@media (max-width: 480px){.course-visual{max-width:240px}}.course-visual .course-image{width:550px;height:300px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;box-shadow:0 12px 40px #0000004d;transition:all .3s ease;background-color:#f8f9fa}@media (max-width: 1024px){.course-visual .course-image{height:200px}}@media (max-width: 768px){.course-visual .course-image{height:160px;max-width:100%}}@media (max-width: 480px){.course-visual .course-image{height:140px}}.course-visual .course-image:hover{transform:scale(1.05);box-shadow:0 16px 50px #0006}@media (max-width: 768px){.course-visual .course-image:hover{transform:none}}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;cursor:pointer;z-index:10;transition:all .3s ease;opacity:0}@media (max-width: 768px){.nav-button{opacity:1;width:40px;height:40px;font-size:1.2rem}}@media (max-width: 480px){.nav-button{width:35px;height:35px;font-size:1rem}}.nav-button:hover{background:rgba(255,255,255,.25);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 15px #0003}.nav-button.prev{left:20px}@media (max-width: 768px){.nav-button.prev{left:10px}}@media (max-width: 480px){.nav-button.prev{left:8px}}.nav-button.next{right:20px}@media (max-width: 768px){.nav-button.next{right:10px}}@media (max-width: 480px){.nav-button.next{right:8px}}.slider-dots{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}@media (max-width: 768px){.slider-dots{bottom:15px}}@media (max-width: 480px){.slider-dots{bottom:10px;gap:8px}}.slider-dots .dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}@media (max-width: 768px){.slider-dots .dot{width:10px;height:10px}}@media (max-width: 480px){.slider-dots .dot{width:8px;height:8px}}.slider-dots .dot.active{background:white;border-color:#fff;transform:scale(1.2)}.slider-dots .dot:hover{background:rgba(255,255,255,.3);border-color:#fffc}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.slide.active .slide-content{animation:slideIn .6s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.hero-slider.loading .slider-skeleton{animation:pulse 2s infinite}@media (max-width: 768px){.hero-slider{height:500px}}@media (max-width: 480px){.hero-slider{height:480px;margin-bottom:1rem}}@media (prefers-reduced-motion: reduce){.slide{transition:none}.slide.active .slide-content{animation:none}.nav-button,.dot,.course-image{transition:none}}@media (prefers-contrast: high){.hero-slider{border:2px solid #000}.nav-button{border:2px solid #fff;background:rgba(0,0,0,.8)}.dot{border:2px solid #fff}.dot.active{background:#fff}}@supports not (backdrop-filter: blur(10px)){.category-badge,.discount-badge,.nav-button{background:rgba(0,0,0,.5)}}.competition-card{background:var(--surface-color);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.competition-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.competition-card:hover .card-header .card-actions{opacity:1}.competition-card .card-header{position:relative;height:200px;overflow:hidden}.competition-card .card-header .competition-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.competition-card .card-header:hover .competition-image{transform:scale(1.05)}.competition-card .card-header .super-admin-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;z-index:10;border:1px solid white}.competition-card .card-header .status-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:16px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;z-index:2}.competition-card .card-header .card-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px;opacity:0;transition:opacity .3s ease;z-index:10}.competition-card .card-header .card-actions .btn-more,.competition-card .card-header .card-actions .btn-edit,.competition-card .card-header .card-actions .btn-view,.competition-card .card-header .card-actions .btn-delete{background:rgba(255,255,255,.95);border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);color:var(--text-secondary);box-shadow:0 2px 4px #0000001a}.competition-card .card-header .card-actions .btn-more:hover,.competition-card .card-header .card-actions .btn-edit:hover,.competition-card .card-header .card-actions .btn-view:hover,.competition-card .card-header .card-actions .btn-delete:hover{background:white;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.competition-card .card-header .card-actions .btn-more svg,.competition-card .card-header .card-actions .btn-edit svg,.competition-card .card-header .card-actions .btn-view svg,.competition-card .card-header .card-actions .btn-delete svg{width:18px;height:18px}.competition-card .card-header .card-actions .btn-edit:hover{color:#1976d2}.competition-card .card-header .card-actions .btn-view:hover{color:#388e3c}.competition-card .card-header .card-actions .btn-delete:hover{background:#ff4757;color:#fff}.competition-card .card-body{padding:20px}.competition-card .card-body .competition-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.competition-card .card-body .competition-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.competition-card .card-body .competition-meta{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.competition-card .card-body .competition-meta .meta-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.competition-card .card-body .competition-meta .meta-item .label{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-weight:500}.competition-card .card-body .competition-meta .meta-item .label .meta-icon{font-size:1rem;color:var(--text-tertiary)}.competition-card .card-body .competition-meta .meta-item .value{color:var(--text-primary);font-weight:600}.competition-card .card-body .competition-meta .meta-item .difficulty{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.competition-card .card-body .competition-meta .meta-item .difficulty.beginner{background:#e8f5e8;color:#057642}.competition-card .card-body .competition-meta .meta-item .difficulty.intermediate{background:#fff3e0;color:#b24000}.competition-card .card-body .competition-meta .meta-item .difficulty.advanced{background:#ffebee;color:#c9372c}.competition-card .card-body .competition-footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:16px;border-top:1px solid var(--border-light)}.competition-card .card-body .competition-footer .participants-info{display:flex;flex-direction:column;gap:6px}.competition-card .card-body .competition-footer .participants-info .participants{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary);font-weight:500}.competition-card .card-body .competition-footer .participants-info .participants .participants-icon{font-size:1rem}.competition-card .card-body .competition-footer .participants-info .registration-status{font-size:.75rem;font-weight:600}.competition-card .card-body .competition-footer .participants-info .registration-status.open{color:#28a745}.competition-card .card-body .competition-footer .participants-info .registration-status.closed{color:#dc3545}.competition-card .card-body .competition-footer .card-actions-footer{display:flex;gap:8px}.competition-card .card-body .competition-footer .card-actions-footer .btn-primary,.competition-card .card-body .competition-footer .card-actions-footer .btn-secondary{padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer;white-space:nowrap}.competition-card .card-body .competition-footer .card-actions-footer .btn-primary{background:var(--primary-color);color:#fff}.competition-card .card-body .competition-footer .card-actions-footer .btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.competition-card .card-body .competition-footer .card-actions-footer .btn-secondary{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.competition-card .card-body .competition-footer .card-actions-footer .btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-1px)}.admin-context-menu .menu-item-danger{color:#d32f2f}.admin-context-menu .menu-item-danger:hover{background-color:#d32f2f0a}.delete-dialog .warning-text{color:#d32f2f;font-weight:700;margin-top:8px}:root{--primary-color: #0a66c2;--primary-dark: #004182;--primary-light: #378fe9;--surface-color: #ffffff;--background-color: #f3f2ef;--text-primary: #000000e6;--text-secondary: #00000099;--text-tertiary: #00000066;--border-color: #d0d8df;--border-light: #eef3f8}@media (max-width: 768px){.competition-card .card-body{padding:16px}.competition-card .card-body .competition-footer{flex-direction:column;gap:16px;align-items:stretch}.competition-card .card-body .competition-footer .card-actions-footer{justify-content:center}.competition-card .card-header .card-actions{flex-direction:row}.competition-card .card-header .card-actions .btn-more,.competition-card .card-header .card-actions .btn-edit,.competition-card .card-header .card-actions .btn-view,.competition-card .card-header .card-actions .btn-delete{width:32px;height:32px}.competition-card .card-header .card-actions .btn-more svg,.competition-card .card-header .card-actions .btn-edit svg,.competition-card .card-header .card-actions .btn-view svg,.competition-card .card-header .card-actions .btn-delete svg{width:16px;height:16px}.competition-card .super-admin-badge{font-size:9px;padding:3px 6px}}@media (max-width: 480px){.competition-card .card-header{height:160px}.competition-card .card-header .card-actions{gap:4px}.competition-card .card-header .card-actions .btn-more,.competition-card .card-header .card-actions .btn-edit,.competition-card .card-header .card-actions .btn-view,.competition-card .card-header .card-actions .btn-delete{width:28px;height:28px}}.filters{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-bottom:2rem;border:1px solid #e2e8f0;transition:all .3s ease}.filters:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media (max-width: 768px){.filters{flex-direction:column;gap:1rem;padding:1rem}}.filters .filter-group{flex:1;min-width:200px}@media (max-width: 768px){.filters .filter-group{min-width:100%}}.filters .filter-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#334155;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.filters .filter-group label:after{content:":";margin-left:2px}.filters .filter-group select{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.9375rem;font-weight:500;color:#1e293b;background-color:#fff;border:2px solid #cbd5e1;border-radius:8px;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364758b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem}.filters .filter-group select:hover{border-color:#94a3b8;background-color:#f8fafc}.filters .filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.filters .filter-group select:disabled{opacity:.5;cursor:not-allowed;background-color:#f1f5f9}.filters .filter-group select option{padding:.5rem;font-weight:500}.filters .filter-group select option:hover{background-color:#3b82f6;color:#fff}.filters .filter-group select option[value=programming]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='12' y='16' text-anchor='middle' font-size='12'%3E💻%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .5rem center;padding-left:2rem}.filters .filter-group select option[value=mathematics]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='12' y='16' text-anchor='middle' font-size='12'%3E📐%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .5rem center;padding-left:2rem}.filters .filter-group select option[value=science]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='12' y='16' text-anchor='middle' font-size='12'%3E🔬%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .5rem center;padding-left:2rem}.filters .filter-group select option[value=robotics]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ctext x='12' y='16' text-anchor='middle' font-size='12'%3E🤖%3C/text%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .5rem center;padding-left:2rem}.filters .filter-group select:focus+.filter-feedback{opacity:1;transform:translateY(0)}.filters .filter-feedback{position:absolute;bottom:-2rem;left:0;right:0;text-align:center;font-size:.75rem;color:#64748b;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none}.dark-theme .filters{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#334155;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.dark-theme .filters .filter-group label{color:#cbd5e1}.dark-theme .filters .filter-group select{color:#f1f5f9;background-color:#334155;border-color:#475569;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23cbd5e1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}.dark-theme .filters .filter-group select:hover{border-color:#64748b;background-color:#475569}.dark-theme .filters .filter-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.dark-theme .filters .filter-group select:disabled{background-color:#1e293b}.filters.loading .filter-group select{position:relative;overflow:hidden}.filters.loading .filter-group select:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}@media (max-width: 640px){.filters .filter-group select{font-size:.875rem;padding:.625rem 2.25rem .625rem .875rem;background-position:right .75rem center;background-size:1rem}.filters .filter-group label{font-size:.8125rem}}.filters:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.filters .filter-group select:invalid{border-color:#ef4444}.filters .filter-group select:invalid:focus{box-shadow:0 0 0 3px #ef44441a}.filters .filter-group select:valid{border-color:#10b981}.filters .filter-group select:valid:focus{box-shadow:0 0 0 3px #10b9811a}.comp-page{min-height:100vh;background:#f8f9fa;padding:2rem}@media (max-width: 768px){.comp-page{padding:1rem}}.comp-header{background:white;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a}@media (max-width: 768px){.comp-header{padding:1.5rem}}.comp-header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}@media (max-width: 768px){.comp-header-content{flex-direction:column;gap:1rem}}.comp-header-text h1{margin:0 0 .5rem;color:#333;font-size:2rem}@media (max-width: 768px){.comp-header-text h1{font-size:1.5rem}}.comp-header-text .comp-page-subtitle{color:#666;margin:0 0 .5rem;font-size:1.1rem}@media (max-width: 768px){.comp-header-text .comp-page-subtitle{font-size:1rem}}.comp-header-actions{display:flex;gap:1rem;align-items:center}.comp-btn-refresh{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;padding:.75rem;cursor:pointer;transition:all .3s ease}.comp-btn-refresh:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.comp-btn-refresh:disabled{opacity:.6;cursor:not-allowed}.comp-create-competition-btn{background:#1976d2;color:#fff;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-weight:500;transition:background .3s ease}.comp-create-competition-btn:hover{background:#1565c0}.comp-create-competition-btn .comp-btn-icon{font-size:1.2rem}.comp-admin-badge{display:inline-block;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700;margin-top:.5rem}.comp-user-badge{display:inline-flex;align-items:center;gap:.5rem;background:#2196f3;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700;margin-top:.5rem}.comp-visitor-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ff9800;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700;margin-top:.5rem}.comp-visitor-badge .comp-badge-icon{font-size:.9rem}.comp-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}@media (max-width: 768px){.comp-stats-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.comp-stats-container{grid-template-columns:repeat(2,1fr)}}.comp-stat-item{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:1rem;border-radius:8px;text-align:center}.comp-stat-item .comp-stat-number{display:block;font-size:1.8rem;font-weight:700;margin-bottom:.25rem}.comp-stat-item .comp-stat-label{font-size:.9rem;opacity:.9}.comp-admin-stat{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%)!important}.comp-visitor-banner{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border:2px solid #ffb74d;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.comp-visitor-banner .comp-banner-content{display:flex;align-items:center;gap:1.5rem}@media (max-width: 768px){.comp-visitor-banner .comp-banner-content{flex-direction:column;text-align:center;gap:1rem}}.comp-visitor-banner .comp-banner-content .comp-banner-icon{font-size:2.5rem;color:#ff9800;flex-shrink:0}.comp-visitor-banner .comp-banner-content .comp-banner-text{flex:1}.comp-visitor-banner .comp-banner-content .comp-banner-text strong{display:block;font-size:1.2rem;color:#e65100;margin-bottom:.5rem}.comp-visitor-banner .comp-banner-content .comp-banner-text span{color:#ef6c00;font-size:1rem}.comp-visitor-banner .comp-banner-content .comp-banner-actions{display:flex;gap:1rem;flex-shrink:0}@media (max-width: 480px){.comp-visitor-banner .comp-banner-content .comp-banner-actions{flex-direction:column;width:100%}}.comp-visitor-banner .comp-banner-content .comp-banner-actions .comp-btn-login,.comp-visitor-banner .comp-banner-content .comp-banner-actions .comp-btn-register{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;display:flex;align-items:center;transition:all .3s ease}@media (max-width: 480px){.comp-visitor-banner .comp-banner-content .comp-banner-actions .comp-btn-login,.comp-visitor-banner .comp-banner-content .comp-banner-actions .comp-btn-register{justify-content:center}}.comp-visitor-banner .comp-banner-content .comp-banner-actions .comp-btn-login{background:#1976d2;color:#fff}.comp-visitor-banner .comp-banner-content .comp-banner-actions .comp-btn-login:hover{background:#1565c0;transform:translateY(-2px)}.comp-visitor-banner .comp-banner-content .comp-banner-actions .comp-btn-register{background:white;color:#1976d2;border:2px solid #1976d2}.comp-visitor-banner .comp-banner-content .comp-banner-actions .comp-btn-register:hover{background:#f5f5f5;transform:translateY(-2px)}.comp-filters-section{background:white;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 10px #0000001a}.comp-filters-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.comp-filters-header h3{margin:0;color:#333}.comp-filters-icon{color:#666}.comp-admin-filter-note{font-size:.8rem;color:#666;font-style:italic}.comp-admin-filters{margin-top:1rem;display:flex;gap:1.5rem;flex-wrap:wrap}.comp-filter-group{display:flex;align-items:center;gap:.5rem}.comp-filter-group label{font-weight:500;color:#333;white-space:nowrap;font-size:.9rem}.comp-filter-group .comp-filter-select{padding:.5rem;border:1px solid #ddd;border-radius:4px;background:white;min-width:120px}.comp-competitions-content{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.comp-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.comp-loading-container .comp-loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1976d2;border-radius:50%;animation:comp-spin 1s linear infinite;margin-bottom:1rem}.comp-loading-container p{color:#666;margin:0}@keyframes comp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comp-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.comp-results-header{flex-direction:column;align-items:stretch}}.comp-results-info{display:flex;align-items:center;gap:.5rem;color:#666}.comp-results-info .comp-results-icon{color:#1976d2}.comp-admin-actions{display:flex;gap:.5rem;flex-wrap:wrap}.comp-admin-actions .comp-btn-status{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;background:white;cursor:pointer;transition:all .3s ease;font-size:.9rem;white-space:nowrap}.comp-admin-actions .comp-btn-status:hover{background:#f5f5f5}.comp-admin-actions .comp-btn-status.comp-active{background:#1976d2;color:#fff;border-color:#1976d2}.comp-competitions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.comp-competitions-grid{grid-template-columns:1fr}}.comp-no-competitions{text-align:center;padding:3rem}.comp-no-competitions .comp-no-data-icon{font-size:4rem;margin-bottom:1rem}.comp-no-competitions h3{color:#333;margin-bottom:.5rem}.comp-no-competitions p{color:#666;margin-bottom:2rem}.comp-no-competitions-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.comp-no-competitions-actions .comp-btn-clear-filters{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer}.comp-no-competitions-actions .comp-btn-clear-filters:hover{background:#5a6268}.comp-no-competitions-actions .comp-btn-create-first{background:#1976d2;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none}.comp-no-competitions-actions .comp-btn-create-first:hover{background:#1565c0}.comp-no-competitions-actions .comp-btn-refresh-list{background:#f8f9fa;color:#333;border:1px solid #ddd;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center}.comp-no-competitions-actions .comp-btn-refresh-list:hover{background:#e9ecef}.comp-no-competitions-actions .comp-btn-secondary{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block}.comp-no-competitions-actions .comp-btn-secondary:hover{background:#5a6268}.comp-debug-info{margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:6px}.comp-debug-info p{margin:0}.comp-debug-info p small{color:#666}.comp-error-container{text-align:center;padding:3rem}.comp-error-container .comp-error-icon{font-size:3rem;margin-bottom:1rem;color:#dc3545}.comp-error-container h2{color:#dc3545;margin-bottom:1rem}.comp-error-container p{color:#666;margin-bottom:2rem}.comp-error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.comp-error-actions .comp-btn-retry{background:#1976d2;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer}.comp-error-actions .comp-btn-retry:hover{background:#1565c0}.comp-error-actions .comp-btn-secondary{background:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;display:flex;align-items:center}.comp-error-actions .comp-btn-secondary:hover{background:#5a6268}@media (max-width: 768px){.comp-page{padding:1rem}.comp-header-content{flex-direction:column;gap:1rem}.comp-stats-container{grid-template-columns:repeat(2,1fr)}.comp-admin-filters{flex-direction:column;gap:.5rem}.comp-admin-filters .comp-filter-group{justify-content:space-between}.comp-results-header{flex-direction:column;align-items:stretch}.comp-admin-actions{justify-content:center}.comp-admin-actions .comp-btn-status{flex:1;min-width:100px}.comp-no-competitions-actions,.comp-error-actions{flex-direction:column}.comp-no-competitions-actions button,.comp-no-competitions-actions a,.comp-error-actions button,.comp-error-actions a{width:100%}.comp-visitor-banner .comp-banner-content{flex-direction:column;text-align:center}.comp-visitor-banner .comp-banner-content .comp-banner-actions{flex-direction:column;width:100%}}@media (max-width: 480px){.comp-stats-container,.comp-competitions-grid{grid-template-columns:1fr}.comp-header-text h1{font-size:1.3rem}.comp-filters-section,.comp-competitions-content{padding:1rem}}.comp-fade-in{animation:comp-fadeIn .5s ease-in}@keyframes comp-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.comp-competitions-grid .competition-card{transition:transform .3s ease,box-shadow .3s ease}.comp-competitions-grid .competition-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.competition-detail-page{min-height:100vh;background:#f8f9fa}.competition-detail-page .loading-state,.competition-detail-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.competition-detail-page .loading-state .spinner,.competition-detail-page .error-state .spinner{width:40px;height:40px;border:4px solid #e3e3e3;border-top:4px solid #ff4f0f;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.competition-detail-page .loading-state .error-icon,.competition-detail-page .error-state .error-icon{font-size:3rem;margin-bottom:1rem}.competition-detail-page .competition-hero{position:relative;color:#fff;overflow:hidden}.competition-detail-page .competition-hero .hero-background{position:absolute;inset:0}.competition-detail-page .competition-hero .hero-background img{width:100%;height:100%;object-fit:cover}.competition-detail-page .competition-hero .hero-background .hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.314) 0%,rgba(0,0,0,.286) 100%)}.competition-detail-page .competition-hero .hero-content{position:relative;padding:4rem 2rem;max-width:1200px;margin:0 auto}.competition-detail-page .competition-hero .hero-content .competition-badges{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.competition-detail-page .competition-hero .hero-content .competition-badges .status-badge,.competition-detail-page .competition-hero .hero-content .competition-badges .difficulty-badge,.competition-detail-page .competition-hero .hero-content .competition-badges .visibility-badge{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem;backdrop-filter:blur(10px);background:rgba(255,255,255,.2)}.competition-detail-page .competition-hero .hero-content .competition-title{font-size:3rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.competition-detail-page .competition-hero .hero-content .competition-subtitle{font-size:1.2rem;opacity:.9;margin-bottom:2rem;max-width:600px}.competition-detail-page .competition-hero .hero-content .hero-meta{display:flex;gap:2rem;flex-wrap:wrap}.competition-detail-page .competition-hero .hero-content .hero-meta .meta-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;opacity:.8}.competition-detail-page .competition-container{max-width:1200px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr 300px;gap:2rem}.competition-detail-page .competition-container .action-bar{grid-column:1/-1;background:white;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:2rem}.competition-detail-page .competition-container .action-bar .action-stats{display:flex;gap:2rem;flex:1}.competition-detail-page .competition-container .action-bar .action-stats .stat{display:flex;align-items:center;gap:1rem}.competition-detail-page .competition-container .action-bar .action-stats .stat .stat-info{display:flex;flex-direction:column}.competition-detail-page .competition-container .action-bar .action-stats .stat .stat-info .stat-value{font-size:1.5rem;font-weight:700;color:#333}.competition-detail-page .competition-container .action-bar .action-stats .stat .stat-info .stat-label{font-size:.8rem;color:#666}.competition-detail-page .competition-container .action-bar .action-stats .stat .progress{width:80px;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.competition-detail-page .competition-container .action-bar .action-stats .stat .progress .progress-bar{height:100%;background:#28a745;transition:width .3s ease}.competition-detail-page .competition-container .action-bar .action-buttons .registration-status{display:flex;align-items:center;gap:1rem}.competition-detail-page .competition-container .action-bar .action-buttons .registration-status .success-badge{background:#28a745;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.competition-detail-page .competition-container .tab-navigation{grid-column:1/-1;display:flex;gap:0;background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000001a}.competition-detail-page .competition-container .tab-navigation .tab-button{flex:1;padding:1rem 1.5rem;border:none;background:none;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent}.competition-detail-page .competition-container .tab-navigation .tab-button:hover{background:#f8f9fa}.competition-detail-page .competition-container .tab-navigation .tab-button.active{background:#ff4f0f;color:#fff;border-bottom-color:#ff2121}.competition-detail-page .competition-container .main-content .tab-content .content-card{background:white;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000001a}.competition-detail-page .competition-container .main-content .tab-content .content-card h3{margin-bottom:1.5rem;color:#333;font-size:1.5rem}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .html-content{line-height:1.6}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .html-content h1,.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .html-content h2,.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .html-content h3,.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .html-content h4,.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .html-content h5,.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .html-content h6{margin:1.5rem 0 .5rem;color:#333}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .html-content p{margin-bottom:1rem}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .html-content ul,.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .html-content ol{margin:1rem 0;padding-left:2rem}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .rules-list .rule-item{display:flex;gap:1rem;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .rules-list .rule-item .rule-number{font-weight:700;color:#007bff;min-width:30px}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .rules-list .rule-item .rule-text{flex:1}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .rules-list .rule-item:last-child{border-bottom:none}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .prizes-grid{display:grid;gap:1rem}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .prizes-grid .prize-card{display:flex;gap:1rem;padding:1.5rem;border:2px solid #f0f0f0;border-radius:12px;transition:all .3s ease}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .prizes-grid .prize-card:hover{border-color:red;transform:translateY(-2px)}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .prizes-grid .prize-card .prize-rank{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;color:#fff;font-weight:700}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .prizes-grid .prize-card .prize-rank svg{font-size:1.2rem}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .prizes-grid .prize-card .prize-rank span{font-size:.8rem}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .prizes-grid .prize-card .prize-details{flex:1}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .prizes-grid .prize-card .prize-details h4{margin:0 0 .5rem;color:#333}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .prizes-grid .prize-card .prize-details .prize-description{color:#666;margin-bottom:.5rem}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .prizes-grid .prize-card .prize-details .prize-value{font-size:1.2rem;font-weight:700;color:#28a745}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .tags-container .tag{background:#ff4f0f;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem}.competition-detail-page .competition-container .main-content .tab-content .content-card .content-body .no-content{text-align:center;color:#666;font-style:italic;padding:2rem}.competition-detail-page .competition-container .sidebar{display:flex;flex-direction:column;gap:1.5rem}.competition-detail-page .competition-container .sidebar .info-card{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000001a}.competition-detail-page .competition-container .sidebar .info-card h4{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#333}.competition-detail-page .competition-container .sidebar .info-card .timeline .timeline-item{display:flex;gap:1rem;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.competition-detail-page .competition-container .sidebar .info-card .timeline .timeline-item:last-child{border-bottom:none}.competition-detail-page .competition-container .sidebar .info-card .timeline .timeline-item .timeline-icon{width:32px;height:32px;background:#000000;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem}.competition-detail-page .competition-container .sidebar .info-card .timeline .timeline-item .timeline-icon svg{font-size:1rem}.competition-detail-page .competition-container .sidebar .info-card .timeline .timeline-item .timeline-content{flex:1}.competition-detail-page .competition-container .sidebar .info-card .timeline .timeline-item .timeline-content .timeline-label{font-size:.9rem;color:#666;margin-bottom:.25rem}.competition-detail-page .competition-container .sidebar .info-card .timeline .timeline-item .timeline-content .timeline-date{font-weight:600;color:#333;font-size:.9rem}.competition-detail-page .competition-container .sidebar .info-card .status-info .status-message{padding:1rem;border-radius:8px}.competition-detail-page .competition-container .sidebar .info-card .status-info .status-message.info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.competition-detail-page .competition-container .sidebar .info-card .status-info .status-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.competition-detail-page .competition-container .sidebar .info-card .status-info .status-message.warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.competition-detail-page .competition-container .sidebar .info-card .status-info .status-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.competition-detail-page .competition-container .sidebar .info-card .status-info .status-message .status-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.competition-detail-page .competition-container .sidebar .info-card .status-info .status-message .status-header strong{font-weight:600}.competition-detail-page .competition-container .sidebar .info-card .status-info .status-message p{margin:0;font-size:.9rem}.competition-detail-page .competition-container .sidebar .info-card.admin-card .admin-actions{display:flex;flex-direction:column;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;text-decoration:none;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;font-size:.9rem}.btn.btn-primary{background:#000000;color:#fff}.btn.btn-primary:hover:not(:disabled){background:#585858;transform:translateY(-1px)}.btn.btn-outline{background:transparent;border:2px solid #6c757d;color:#6c757d}.btn.btn-outline:hover:not(:disabled){background:#6c757d;color:#fff}.btn.btn-admin{background:#6c757d;color:#fff}.btn.btn-admin:hover:not(:disabled){background:#545b62}.btn.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (max-width: 768px){.competition-detail-page .competition-hero .hero-content{padding:2rem 1rem!important}.competition-detail-page .competition-hero .hero-content .competition-title{font-size:2rem!important}.competition-detail-page .competition-hero .hero-content .competition-subtitle{font-size:1rem!important}.competition-detail-page .competition-hero .hero-content .hero-meta{gap:1rem!important}.competition-detail-page .competition-hero .hero-content .hero-meta .meta-item{font-size:.8rem!important}.competition-detail-page .competition-container{grid-template-columns:1fr!important;padding:1rem!important;gap:1rem!important}.competition-detail-page .competition-container .action-bar{flex-direction:column;gap:1rem!important;text-align:center}.competition-detail-page .competition-container .action-bar .action-stats{flex-direction:column;gap:1rem!important;width:100%}.competition-detail-page .competition-container .tab-navigation{flex-direction:column}.competition-detail-page .competition-container .tab-navigation .tab-button{justify-content:center}.competition-detail-page .competition-container .main-content .tab-content .content-card{padding:1.5rem!important}.competition-detail-page .competition-container .sidebar .info-card{padding:1rem!important}}@media (max-width: 480px){.competition-detail-page .competition-hero .hero-content .competition-badges{justify-content:center}.competition-detail-page .competition-hero .hero-content .competition-title{font-size:1.5rem!important;text-align:center}.competition-detail-page .competition-hero .hero-content .competition-subtitle{text-align:center}.competition-detail-page .competition-hero .hero-content .hero-meta{justify-content:center}.competition-detail-page .competition-container .action-bar .action-stats .stat{flex-direction:column;text-align:center;gap:.5rem!important}.competition-detail-page .competition-container .action-bar .action-buttons,.competition-detail-page .competition-container .action-bar .action-buttons .btn{width:100%}}.create-competition-page{max-width:800px;margin:0 auto;padding:24px}.create-competition-page .page-header{margin-bottom:32px}.create-competition-page .page-header .header-content{display:flex;align-items:center;gap:16px}.create-competition-page .page-header .header-content .header-icon{font-size:2.5rem;color:var(--primary-color)}.create-competition-page .page-header .header-content h1{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.create-competition-page .page-header .header-content p{font-size:1.1rem;color:var(--text-secondary);margin:0}.create-competition-page .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.create-competition-page .loading-container .spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.create-competition-page .loading-container p{color:var(--text-secondary)}.create-competition-page .alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;margin-bottom:24px;font-weight:500}.create-competition-page .alert.error{background:#ffebee;color:#c9372c;border:1px solid #ffcdd2}.create-competition-page .alert.success{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.create-competition-page .alert .alert-icon{font-size:1.2rem}.create-competition-page .competition-form{background:var(--surface-color);border-radius:12px;border:1px solid var(--border-color);padding:32px}.create-competition-page .competition-form .form-section{margin-bottom:40px}.create-competition-page .competition-form .form-section .section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--border-light)}.create-competition-page .competition-form .form-section .section-header .section-icon{font-size:1.5rem;color:var(--primary-color)}.create-competition-page .competition-form .form-section .section-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.create-competition-page .competition-form .form-section .section-subheader{display:flex;align-items:center;gap:12px;margin-bottom:16px}.create-competition-page .competition-form .form-section .section-subheader h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1}.create-competition-page .competition-form .form-section .section-subheader .btn-add-prize{display:flex;align-items:center;gap:8px;background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500}.create-competition-page .competition-form .form-section .section-subheader .btn-add-prize:hover{background:var(--primary-dark)}.create-competition-page .competition-form .form-group{margin-bottom:20px}.create-competition-page .competition-form .form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:.9rem}.create-competition-page .competition-form .form-group label .label-icon{font-size:1.1rem;color:var(--text-secondary)}.create-competition-page .competition-form .form-group input,.create-competition-page .competition-form .form-group select,.create-competition-page .competition-form .form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;transition:all .2s ease;background:white}.create-competition-page .competition-form .form-group input:focus,.create-competition-page .competition-form .form-group select:focus,.create-competition-page .competition-form .form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #0a66c21a}.create-competition-page .competition-form .form-group input:hover,.create-competition-page .competition-form .form-group select:hover,.create-competition-page .competition-form .form-group textarea:hover{border-color:var(--primary-light)}.create-competition-page .competition-form .form-group textarea{resize:vertical;min-height:80px}.create-competition-page .competition-form .form-group .char-count{text-align:right;font-size:.8rem;color:var(--text-tertiary);margin-top:4px}.create-competition-page .competition-form .form-group .help-text{font-size:.8rem;color:var(--text-tertiary);margin-top:4px}.create-competition-page .competition-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 768px){.create-competition-page .competition-form .form-row{grid-template-columns:1fr}}.create-competition-page .competition-form .checkbox-group .checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;margin-bottom:4px}.create-competition-page .competition-form .checkbox-group .checkbox-label input[type=checkbox]{display:none}.create-competition-page .competition-form .checkbox-group .checkbox-label input[type=checkbox]:checked+.checkmark{background:var(--primary-color);border-color:var(--primary-color)}.create-competition-page .competition-form .checkbox-group .checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";color:#fff;font-size:.8rem;font-weight:700}.create-competition-page .competition-form .checkbox-group .checkbox-label .checkmark{width:20px;height:20px;border:2px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.create-competition-page .competition-form .checkbox-group .checkbox-label:hover .checkmark{border-color:var(--primary-light)}.create-competition-page .competition-form .prizes-section .prize-item{background:var(--background-color);border:1px solid var(--border-light);border-radius:8px;padding:16px;margin-bottom:12px}.create-competition-page .competition-form .prizes-section .prize-item .prize-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.create-competition-page .competition-form .prizes-section .prize-item .prize-header .prize-position{font-weight:600;color:var(--text-primary)}.create-competition-page .competition-form .prizes-section .prize-item .prize-header .btn-remove-prize{background:#ffebee;color:#c9372c;border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.create-competition-page .competition-form .prizes-section .prize-item .prize-header .btn-remove-prize:hover{background:#ffcdd2}.create-competition-page .competition-form .prizes-section .prize-item .prize-fields{display:grid;grid-template-columns:2fr 1fr;gap:12px}.create-competition-page .competition-form .prizes-section .prize-item .prize-fields input{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem}.create-competition-page .competition-form .prizes-section .prize-item .prize-fields input:focus{border-color:var(--primary-color)}.create-competition-page .competition-form .form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-light)}.create-competition-page .competition-form .form-actions button{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.9rem}.create-competition-page .competition-form .form-actions button:disabled{opacity:.6;cursor:not-allowed}.create-competition-page .competition-form .form-actions .btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.create-competition-page .competition-form .form-actions .btn-secondary:hover:not(:disabled){background:var(--border-light);border-color:var(--text-secondary)}.create-competition-page .competition-form .form-actions .btn-primary{background:var(--primary-color);color:#fff}.create-competition-page .competition-form .form-actions .btn-primary:hover:not(:disabled){background:var(--primary-dark)}.create-competition-page .competition-form .form-actions .btn-primary .spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.create-competition-page{padding:16px}.create-competition-page .page-header .header-content{flex-direction:column;text-align:center;gap:12px}.create-competition-page .competition-form{padding:24px}.create-competition-page .competition-form .form-actions{flex-direction:column-reverse}.create-competition-page .competition-form .form-actions button{width:100%;justify-content:center}}.competition-form-container{max-width:800px;margin:0 auto;padding:1rem}.competition-form{background:white;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.form-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2rem;margin-bottom:0}.form-header h2{margin:0 0 .5rem;font-size:1.8rem}.form-header .form-subtitle{margin:0;opacity:.9;font-size:1rem}.form-section{padding:2rem;border-bottom:1px solid #eee}.form-section:last-child{border-bottom:none}.form-section h3{margin:0 0 1.5rem;color:#333;font-size:1.3rem;display:flex;align-items:center;gap:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background:white}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.form-group small{display:block;margin-top:.5rem;color:#6c757d;font-size:.85rem;line-height:1.4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:400;margin-bottom:.25rem}.checkbox-group label input[type=checkbox]{width:18px;height:18px;margin:0}.error-message{background:#ffebee;color:#d32f2f;padding:.75rem 1rem;border-radius:6px;border:1px solid #ffcdd2;margin-top:1rem;font-size:.9rem}.date-errors .error-message{margin-bottom:.5rem}.date-errors .error-message:last-child{margin-bottom:0}.prizes-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.prizes-section .section-header label{margin:0;font-weight:600;color:#333}.prizes-section .btn-add-prize{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.prizes-section .btn-add-prize:hover{background:#218838}.no-prizes{text-align:center;padding:2rem;background:#f8f9fa;border-radius:6px;color:#6c757d}.no-prizes p{margin:0}.prize-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:1rem}.prize-item .prize-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.prize-item .prize-header .prize-position{font-weight:600;color:#495057}.prize-item .prize-header .btn-remove-prize{background:#dc3545;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1}.prize-item .prize-header .btn-remove-prize:hover{background:#c82333}.prize-item .prize-fields{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 480px){.prize-item .prize-fields{grid-template-columns:1fr}}.prize-item .prize-fields input{padding:.5rem .75rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem}.prize-item .prize-fields input:focus{border-color:#667eea;outline:none}.image-preview{margin-top:.5rem}.image-preview img{max-width:200px;max-height:150px;border-radius:6px;border:2px solid #e9ecef}.disabled-input{background:#f8f9fa!important;color:#6c757d!important;cursor:not-allowed!important}.form-actions{background:#f8f9fa;padding:1.5rem 2rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid #e9ecef}.form-actions button{padding:.75rem 2rem;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;min-width:140px}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.form-actions .btn-primary{background:#667eea;color:#fff}.form-actions .btn-primary:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px)}.form-actions .btn-secondary{background:white;color:#495057;border:2px solid #e9ecef}.form-actions .btn-secondary:hover:not(:disabled){background:#f8f9fa;border-color:#667eea;color:#667eea}@media (max-width: 768px){.competition-form-container{padding:.5rem}.form-header{padding:1.5rem}.form-header h2{font-size:1.5rem}.form-section{padding:1.5rem}.form-actions{padding:1rem 1.5rem;flex-direction:column-reverse}.form-actions button{width:100%}.prizes-section .section-header{flex-direction:column;gap:1rem;align-items:stretch}.prizes-section .section-header .btn-add-prize{align-self:flex-start}}@media (max-width: 480px){.form-header{padding:1rem}.form-header h2{font-size:1.3rem}.form-section{padding:1rem}}.edit-competition-page{max-width:1128px;margin:0 auto;padding:24px 16px}.edit-competition-page .page-header{margin-bottom:32px}.edit-competition-page .page-header h1{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.edit-competition-page .page-header p{font-size:1.1rem;color:var(--text-secondary);margin:0}.edit-competition-page .loading,.edit-competition-page .error{text-align:center;padding:60px 20px}.edit-competition-page .loading h2,.edit-competition-page .error h2{margin-bottom:16px}.edit-competition-page .loading button,.edit-competition-page .error button{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600}.edit-competition-page .loading button:hover,.edit-competition-page .error button:hover{background:var(--primary-dark)}.edit-competition-page .error{color:#c9372c}@media (max-width: 768px){.edit-competition-page{padding:16px 12px}.edit-competition-page .page-header h1{font-size:1.5rem}.edit-competition-page .page-header p{font-size:1rem}}.explorer-page{font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f3f2ef;min-height:100vh;line-height:1.4;color:#000000e6}.explorer-page *{box-sizing:border-box}.explorer-page .explorer-hero{background:linear-gradient(135deg,var(--primary-color, #0a66c2) 0%,#004182 100%);padding:60px 0 80px;position:relative;overflow:hidden}.explorer-page .explorer-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)}.explorer-page .explorer-hero .hero-content{max-width:1128px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.explorer-page .explorer-hero .hero-text{text-align:center;color:#fff;max-width:700px;margin:0 auto}.explorer-page .explorer-hero .hero-icon-wrapper{width:80px;height:80px;background:rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.explorer-page .explorer-hero .hero-icon-wrapper svg{font-size:2.5rem;color:#fff}.explorer-page .explorer-hero .hero-title{font-size:3rem;font-weight:300;margin:0 0 16px;line-height:1.1}.explorer-page .explorer-hero .hero-description{font-size:1.25rem;font-weight:300;opacity:.9;margin:0 0 32px;line-height:1.5}.explorer-page .explorer-hero .hero-stats{display:flex;justify-content:center;gap:48px;margin:32px 0;padding:24px 0;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.explorer-page .explorer-hero .stat{text-align:center}.explorer-page .explorer-hero .stat .stat-number{display:block;font-size:2rem;font-weight:600;margin-bottom:4px}.explorer-page .explorer-hero .stat .stat-label{font-size:.875rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.explorer-page .explorer-hero .hero-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.explorer-page .explorer-hero .hero-actions button{padding:12px 24px;border-radius:24px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none}.explorer-page .explorer-hero .hero-actions button.primary-btn{background:#ffffff;color:var(--primary-color, #0a66c2)}.explorer-page .explorer-hero .hero-actions button.primary-btn:hover{background:rgba(255,255,255,.9);transform:translateY(-1px)}.explorer-page .explorer-hero .hero-actions button.secondary-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.explorer-page .explorer-hero .hero-actions button.secondary-btn:hover{background:rgba(255,255,255,.1);border-color:#fff}.explorer-page .container{max-width:1128px;margin:0 auto;padding:0 24px}.explorer-page .formations-section{padding:64px 0}.explorer-page .formations-section .section-header{text-align:center;margin-bottom:48px}.explorer-page .formations-section .section-header h2{font-size:2rem;font-weight:300;margin:0 0 8px;color:#000000e6}.explorer-page .formations-section .section-header .section-subtitle{font-size:1rem;color:#0009;margin:0}.explorer-page .formations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-bottom:48px}.explorer-page .formation-card{background:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 0 0 1px #00000014,0 2px 4px #00000021;transition:all .2s ease}.explorer-page .formation-card:hover{box-shadow:0 0 0 1px #00000026,0 4px 8px #0000002e;transform:translateY(-2px)}.explorer-page .formation-card .formation-image{position:relative;height:160px;overflow:hidden}.explorer-page .formation-card .formation-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.explorer-page .formation-card .formation-image:hover img{transform:scale(1.05)}.explorer-page .formation-card .formation-image .formation-cat{position:absolute;top:12px;left:12px;background:var(--primary-color, #0a66c2);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:500}.explorer-page .formation-card .formation-content{padding:20px}.explorer-page .formation-card .formation-title{font-size:1.25rem;font-weight:500;margin:0 0 12px;color:#000000e6;line-height:1.3}.explorer-page .formation-card .formation-desc{font-size:.875rem;color:#0009;margin:0 0 16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.explorer-page .formation-card .formation-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.explorer-page .formation-card .formation-features .feature-tag{background:#f3f2ef;color:#0009;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.explorer-page .formation-card .formation-meta{display:flex;gap:16px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.explorer-page .formation-card .formation-meta .meta-item{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#0009}.explorer-page .formation-card .formation-meta .meta-item .meta-icon{font-size:1rem;color:var(--primary-color, #0a66c2)}.explorer-page .formation-card .formation-footer{display:flex;justify-content:space-between;align-items:center}.explorer-page .formation-card .formation-footer .formation-price{font-size:1.25rem;font-weight:600;color:var(--primary-color, #0a66c2)}.explorer-page .formation-card .formation-footer .voir-formation-btn{background:var(--primary-color, #0a66c2);color:#fff;padding:8px 16px;border-radius:16px;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.explorer-page .formation-card .formation-footer .voir-formation-btn:hover{background:#004182;transform:translateY(-1px)}.explorer-page .no-formations{text-align:center;padding:80px 0}.explorer-page .no-formations .no-formations-icon{width:120px;height:120px;background:rgba(10,102,194,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.explorer-page .no-formations .no-formations-icon svg{font-size:3rem;color:var(--primary-color, #0a66c2)}.explorer-page .no-formations h3{font-size:1.5rem;font-weight:400;margin:0 0 12px;color:#000000e6}.explorer-page .no-formations p{font-size:1rem;color:#0009;max-width:500px;margin:0 auto 32px}.explorer-page .no-formations .no-formations-actions{display:flex;gap:16px;justify-content:center}.explorer-page .no-formations .no-formations-actions a{padding:12px 24px;border-radius:24px;font-weight:500;text-decoration:none;transition:all .2s ease}.explorer-page .no-formations .no-formations-actions a.browse-all-btn{background:var(--primary-color, #0a66c2);color:#fff}.explorer-page .no-formations .no-formations-actions a.browse-all-btn:hover{background:#004182}.explorer-page .no-formations .no-formations-actions a.secondary-btn{background:transparent;color:var(--primary-color, #0a66c2);border:1px solid var(--primary-color, #0a66c2)}.explorer-page .no-formations .no-formations-actions a.secondary-btn:hover{background:rgba(10,102,194,.05)}.explorer-page .cta-section{background:#ffffff;padding:80px 0;border-top:1px solid #e0e0e0}.explorer-page .cta-section .cta-content{text-align:center;max-width:600px;margin:0 auto}.explorer-page .cta-section .cta-content h2{font-size:2rem;font-weight:300;margin:0 0 16px;color:#000000e6}.explorer-page .cta-section .cta-content p{font-size:1.125rem;color:#0009;margin:0 0 32px}.explorer-page .cta-section .cta-buttons{display:flex;gap:16px;justify-content:center}.explorer-page .cta-section .cta-buttons .cta-btn{padding:12px 32px;border-radius:24px;font-weight:500;text-decoration:none;transition:all .2s ease}.explorer-page .cta-section .cta-buttons .cta-btn.primary{background:var(--primary-color, #0a66c2);color:#fff}.explorer-page .cta-section .cta-buttons .cta-btn.primary:hover{background:#004182;transform:translateY(-1px)}.explorer-page .cta-section .cta-buttons .cta-btn.secondary{background:transparent;color:var(--primary-color, #0a66c2);border:1px solid var(--primary-color, #0a66c2)}.explorer-page .cta-section .cta-buttons .cta-btn.secondary:hover{background:rgba(10,102,194,.05)}.explorer-page .loading-page{padding:120px 0;text-align:center}.explorer-page .loading-page .error-content,.explorer-page .loading-page .loading-content{max-width:600px;margin:0 auto}.explorer-page .loading-page h1{font-size:2.5rem;font-weight:300;margin:0 0 16px;color:#000000e6}.explorer-page .loading-page p{font-size:1.125rem;color:#0009;margin:0 0 32px}.explorer-page .loading-page .loading-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top:4px solid var(--primary-color, #0a66c2);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 24px}.explorer-page .suggestions{margin:32px 0}.explorer-page .suggestions h3{font-size:1.25rem;font-weight:500;margin:0 0 20px;color:#000000e6}.explorer-page .suggestions .suggestion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.explorer-page .suggestions .suggestion-category{background:#ffffff;padding:20px;border-radius:8px;box-shadow:0 0 0 1px #00000014,0 2px 4px #00000021}.explorer-page .suggestions .suggestion-category h4{font-size:1rem;font-weight:600;margin:0 0 12px;color:#000000e6;text-transform:uppercase;letter-spacing:.5px}.explorer-page .suggestions .suggestion-links{display:flex;flex-direction:column;gap:8px}.explorer-page .suggestions .suggestion-link{color:var(--primary-color, #0a66c2);text-decoration:none;font-size:.875rem;padding:4px 0;transition:color .2s ease}.explorer-page .suggestions .suggestion-link:hover{color:#004182;text-decoration:underline}.explorer-page .home-link{display:inline-flex;align-items:center;background:var(--primary-color, #0a66c2);color:#fff;padding:12px 24px;border-radius:24px;text-decoration:none;font-weight:500;transition:all .2s ease}.explorer-page .home-link:hover{background:#004182;transform:translateY(-1px)}@media (max-width: 768px){.explorer-page .explorer-hero{padding:40px 0 60px}.explorer-page .explorer-hero .hero-title{font-size:2rem}.explorer-page .explorer-hero .hero-description{font-size:1.125rem}.explorer-page .explorer-hero .hero-stats{gap:32px}.explorer-page .explorer-hero .hero-stats .stat-number{font-size:1.5rem}.explorer-page .explorer-hero .hero-actions{flex-direction:column;align-items:center}.explorer-page .explorer-hero .hero-actions button{width:100%;max-width:280px}.explorer-page .formations-grid{grid-template-columns:1fr}.explorer-page .cta-buttons{flex-direction:column;align-items:center}.explorer-page .cta-buttons .cta-btn{width:100%;max-width:280px}.explorer-page .no-formations-actions{flex-direction:column;align-items:center}.explorer-page .no-formations-actions a{width:100%;max-width:280px}.explorer-page .suggestion-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f8fafc;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#334155}.professional-dashboard{min-height:100vh;background-color:#f8fafc}.professional-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fff}.professional-loading .loading-content{text-align:center}.professional-loading .loading-content .loading-spinner-professional{width:60px;height:60px;border:3px solid #f1f5f9;border-top:3px solid #0ea5e9;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.professional-loading .loading-content h3{color:#1e293b;margin-bottom:8px;font-weight:600;font-size:20px}.professional-loading .loading-content p{color:#64748b;font-size:14px}.professional-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fff}.professional-error .error-content{text-align:center;max-width:400px;padding:40px}.professional-error .error-content h3{color:#dc2626;margin-bottom:16px;font-weight:600}.professional-error .error-content p{color:#64748b;margin-bottom:24px;line-height:1.5}.professional-error .error-content .error-actions{display:flex;gap:12px;justify-content:center}.professional-error .error-content .error-actions .btn-primary-professional,.professional-error .error-content .error-actions .btn-secondary-professional{padding:12px 24px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;font-size:14px}.professional-error .error-content .error-actions .btn-primary-professional:hover,.professional-error .error-content .error-actions .btn-secondary-professional:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.professional-error .error-content .error-actions .btn-primary-professional{background:#0ea5e9;color:#fff}.professional-error .error-content .error-actions .btn-primary-professional:hover{background:#0284c7}.professional-error .error-content .error-actions .btn-secondary-professional{background:transparent;color:#64748b;border:1px solid #cbd5e1}.professional-error .error-content .error-actions .btn-secondary-professional:hover{background:#f1f5f9;border-color:#94a3b8}.professional-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000001a}.professional-header .header-main{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;max-width:1400px;margin:0 auto}.professional-header .header-main .header-left .logo-section{display:flex;align-items:center;gap:12px}.professional-header .header-main .header-left .logo-section h1{font-size:22px;font-weight:700;color:#0f172a;background:linear-gradient(135deg,#0ea5e9,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.professional-header .header-main .header-center .time-range-selector{display:flex;align-items:center;gap:8px}.professional-header .header-main .header-center .time-range-selector label{font-size:14px;color:#64748b;font-weight:500}.professional-header .header-main .header-center .time-range-selector .time-range-select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;background:white;font-size:14px;color:#334155;cursor:pointer}.professional-header .header-main .header-center .time-range-selector .time-range-select:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.professional-header .header-main .header-right{display:flex;align-items:center;gap:8px}.professional-header .header-main .header-right .header-btn{background:none;border:none;padding:8px;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center}.professional-header .header-main .header-right .header-btn:hover{background:#f1f5f9;color:#334155}.professional-header .header-main .header-right .leaderboard-btn{position:relative}.professional-header .header-main .header-right .leaderboard-btn:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:#f59e0b;border-radius:50%;border:2px solid white}.professional-header .header-main .header-right .user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#3b82f6);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.professional-header .header-nav{display:flex;justify-content:center;gap:4px;padding:0 24px 12px;max-width:1400px;margin:0 auto}.professional-header .header-nav .nav-btn{display:flex;align-items:center;padding:10px 20px;border:none;background:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#64748b;transition:all .2s;border:1px solid transparent}.professional-header .header-nav .nav-btn:hover{background:#f8fafc;color:#334155;border-color:#e2e8f0}.professional-header .header-nav .nav-btn.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9;box-shadow:0 2px 8px #0ea5e94d}.professional-main{display:flex;max-width:1400px;margin:0 auto;padding:24px;gap:24px;min-height:calc(100vh - 120px)}.stats-sidebar{width:320px;flex-shrink:0}.stats-sidebar .sidebar-section{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.stats-sidebar .sidebar-section.quick-stats h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.stats-sidebar .sidebar-section.quick-stats .quick-stat{display:flex;align-items:center;gap:12px;padding:16px 0}.stats-sidebar .sidebar-section.quick-stats .quick-stat:not(:last-child){border-bottom:1px solid #f1f5f9}.stats-sidebar .sidebar-section.quick-stats .quick-stat .stat-icon{width:44px;height:44px;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stats-sidebar .sidebar-section.quick-stats .quick-stat .stat-info{flex:1}.stats-sidebar .sidebar-section.quick-stats .quick-stat .stat-info .stat-value{display:block;font-size:18px;font-weight:700;color:#1e293b;margin-bottom:2px}.stats-sidebar .sidebar-section.quick-stats .quick-stat .stat-info .stat-label{font-size:12px;color:#64748b;margin-bottom:4px}.stats-sidebar .sidebar-section.quick-stats .quick-stat .stat-info .stat-change{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.stats-sidebar .sidebar-section.quick-stats .quick-stat .stat-info .stat-change.positive{color:#10b981}.stats-sidebar .sidebar-section.quick-stats .quick-stat .stat-info .stat-change.negative{color:#ef4444}.stats-sidebar .sidebar-section.quick-stats .level-card-sidebar{margin-top:20px;border-radius:12px;padding:20px;color:#fff;position:relative;overflow:hidden}.stats-sidebar .sidebar-section.quick-stats .level-card-sidebar .level-content{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stats-sidebar .sidebar-section.quick-stats .level-card-sidebar .level-content .level-info h4{font-size:16px;font-weight:600;margin-bottom:2px}.stats-sidebar .sidebar-section.quick-stats .level-card-sidebar .level-content .level-info p{font-size:12px;opacity:.9;margin:0}.stats-sidebar .sidebar-section.quick-stats .level-card-sidebar .level-progress .progress-text{font-size:12px;font-weight:500;margin-bottom:8px;opacity:.9}.stats-sidebar .sidebar-section.quick-stats .level-card-sidebar .level-progress .progress-bar{height:6px;background:rgba(255,255,255,.2);border-radius:3px;overflow:hidden;margin-bottom:6px}.stats-sidebar .sidebar-section.quick-stats .level-card-sidebar .level-progress .progress-bar .progress-fill{height:100%;background:white;border-radius:3px;transition:width .5s ease}.stats-sidebar .sidebar-section.quick-stats .level-card-sidebar .level-progress .progress-target{font-size:11px;opacity:.8}.stats-sidebar .sidebar-section.quick-stats .quick-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.stats-sidebar .sidebar-section.quick-stats .quick-actions .action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.stats-sidebar .sidebar-section.quick-stats .quick-actions .action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.stats-sidebar .sidebar-section.quick-stats .quick-actions .action-btn.primary{background:#0ea5e9;color:#fff}.stats-sidebar .sidebar-section.quick-stats .quick-actions .action-btn.primary:hover{background:#0284c7}.stats-sidebar .sidebar-section.quick-stats .quick-actions .action-btn.secondary{background:transparent;border:1px solid #cbd5e1;color:#64748b}.stats-sidebar .sidebar-section.quick-stats .quick-actions .action-btn.secondary:hover{background:#f8fafc;border-color:#94a3b8}.professional-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}.kpi-section .kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi-section .kpi-grid .kpi-card{background:white;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:all .2s ease}.kpi-section .kpi-grid .kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.kpi-section .kpi-grid .kpi-card .kpi-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.kpi-section .kpi-grid .kpi-card .kpi-header h3{font-size:14px;font-weight:600;color:#64748b;margin:0}.kpi-section .kpi-grid .kpi-card .kpi-value{font-size:28px;font-weight:700;color:#1e293b;margin-bottom:8px;line-height:1}.kpi-section .kpi-grid .kpi-card .kpi-trend,.kpi-section .kpi-grid .kpi-card .kpi-level{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.kpi-section .kpi-grid .kpi-card .kpi-trend.positive,.kpi-section .kpi-grid .kpi-card .kpi-level.positive{color:#10b981}.kpi-section .kpi-grid .kpi-card .kpi-trend.neutral,.kpi-section .kpi-grid .kpi-card .kpi-level.neutral{color:#f59e0b}.kpi-section .kpi-grid .kpi-card .kpi-level{color:#64748b}.kpi-section .kpi-grid .kpi-card.total-revenue{border-left:4px solid #10b981}.kpi-section .kpi-grid .kpi-card.total-students{border-left:4px solid #0ea5e9}.kpi-section .kpi-grid .kpi-card.active-courses{border-left:4px solid #8b5cf6}.kpi-section .kpi-grid .kpi-card.commission-rate{border-left:4px solid #f59e0b}.tab-content{flex:1;background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.tab-content .content-card{padding:24px}.tab-content .content-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tab-content .content-card .card-header h3{font-size:18px;font-weight:600;color:#1e293b;margin:0}.tab-content .content-card .card-header .card-actions{display:flex;gap:8px}.tab-content .content-card .card-header .card-actions .action-btn{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s}.tab-content .content-card .card-header .card-actions .action-btn:hover{background:#f1f5f9;color:#334155}.tab-content .content-card .card-header .revenue-filters .filter-select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;background:white;font-size:14px;color:#334155;cursor:pointer}.tab-content .content-card .card-header .revenue-filters .filter-select:focus{outline:none;border-color:#0ea5e9}.overview-content .content-row{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-bottom:24px}.overview-content .content-row.full-col{grid-template-columns:1fr}.overview-content .revenue-chart .chart-container{height:300px;padding:20px 0}.overview-content .revenue-chart .chart-container .chart-bars{display:flex;align-items:flex-end;gap:16px;height:200px;padding:0 20px}.overview-content .revenue-chart .chart-container .chart-bars .chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.overview-content .revenue-chart .chart-container .chart-bars .chart-bar-group .chart-bar{width:40px;background:linear-gradient(to top,#0ea5e9,#3b82f6);border-radius:6px 6px 0 0;transition:all .3s ease;position:relative;min-height:20px}.overview-content .revenue-chart .chart-container .chart-bars .chart-bar-group .chart-bar .bar-value{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:11px;font-weight:500;color:#64748b;white-space:nowrap}.overview-content .revenue-chart .chart-container .chart-bars .chart-bar-group .chart-label{margin-top:8px;font-size:12px;color:#64748b;font-weight:500}.overview-content .courses-performance .course-performance-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.overview-content .courses-performance .course-performance-item:not(:last-child){border-bottom:1px solid #f1f5f9}.overview-content .courses-performance .course-performance-item .course-info{display:flex;align-items:center;gap:8px}.overview-content .courses-performance .course-performance-item .course-info .course-avatar{width:32px;height:32px;border-radius:6px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b}.overview-content .courses-performance .course-performance-item .course-info .course-name{font-weight:500;color:#334155;font-size:14px}.overview-content .courses-performance .course-performance-item .course-stats{display:flex;align-items:center;gap:16px}.overview-content .courses-performance .course-performance-item .course-stats .students-count{font-size:12px;color:#64748b}.overview-content .courses-performance .course-performance-item .course-stats .course-earnings{font-weight:600;color:#10b981;font-size:14px}.overview-content .level-progression-horizontal{display:flex;justify-content:space-between;align-items:center;position:relative;padding:20px 0}.overview-content .level-progression-horizontal .level-stage{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:2}.overview-content .level-progression-horizontal .level-stage .stage-icon{width:60px;height:60px;border-radius:50%;background:#f8fafc;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border:3px solid #e2e8f0;transition:all .3s ease}.overview-content .level-progression-horizontal .level-stage .stage-icon.current{border-color:#0ea5e9;background:white;transform:scale(1.1);box-shadow:0 4px 12px #0ea5e933}.overview-content .level-progression-horizontal .level-stage .stage-info{text-align:center}.overview-content .level-progression-horizontal .level-stage .stage-info .stage-name{display:block;font-weight:600;color:#1e293b;margin-bottom:4px;font-size:14px}.overview-content .level-progression-horizontal .level-stage .stage-info .stage-requirement{font-size:12px;color:#64748b}.overview-content .level-progression-horizontal .level-stage .stage-connector{position:absolute;top:30px;right:-50%;width:100%;height:3px;background:#e2e8f0;z-index:-1}.revenue-content .revenue-table-container{overflow-x:auto}.revenue-content .revenue-table-container .revenue-table{width:100%;border-collapse:collapse}.revenue-content .revenue-table-container .revenue-table thead{background:#f8fafc}.revenue-content .revenue-table-container .revenue-table thead tr th{padding:16px 12px;text-align:left;font-weight:600;color:#475569;font-size:14px;border-bottom:2px solid #e2e8f0}.revenue-content .revenue-table-container .revenue-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s}.revenue-content .revenue-table-container .revenue-table tbody tr:hover{background:#f8fafc}.revenue-content .revenue-table-container .revenue-table tbody tr td{padding:16px 12px;font-size:14px}.revenue-content .revenue-table-container .revenue-table tbody tr td .course-cell{display:flex;align-items:center;gap:8px}.revenue-content .revenue-table-container .revenue-table tbody tr td .course-cell .course-avatar{width:32px;height:32px;border-radius:6px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b}.revenue-content .revenue-table-container .revenue-table tbody tr td .student-cell{display:flex;align-items:center;gap:4px;color:#64748b}.revenue-content .revenue-table-container .revenue-table tbody tr td .rate-badge{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.revenue-content .revenue-table-container .revenue-table tbody tr td.revenue-cell{font-weight:600;color:#10b981}.revenue-content .revenue-table-container .revenue-table tbody tr td .performance-indicator{width:80px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.revenue-content .revenue-table-container .revenue-table tbody tr td .performance-indicator .performance-bar{height:100%;background:linear-gradient(90deg,#0ea5e9,#3b82f6);border-radius:3px;transition:width .3s ease}.analytics-content .projections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.analytics-content .projections-grid .projection-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.analytics-content .projections-grid .projection-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.analytics-content .projections-grid .projection-card .projection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.analytics-content .projections-grid .projection-card .projection-header h4{font-size:16px;font-weight:600;color:#1e293b;margin:0}.analytics-content .projections-grid .projection-card .projection-body .projection-metric{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:14px;color:#64748b}.analytics-content .projections-grid .projection-card .projection-body .projection-metric:not(:last-child){border-bottom:1px solid #e2e8f0}.analytics-content .projections-grid .projection-card .projection-body .projection-metric.highlight{color:#1e293b;font-weight:600}.analytics-content .next-level-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d}.analytics-content .next-level-card .next-level-content{display:flex;align-items:center;gap:24px}.analytics-content .next-level-card .next-level-content .level-info{display:flex;align-items:center;gap:16px}.analytics-content .next-level-card .next-level-content .level-info .level-details h4{color:#92400e;margin-bottom:8px;font-size:18px}.analytics-content .next-level-card .next-level-content .level-info .level-details p{color:#92400e;margin:0;line-height:1.5}.analytics-content .next-level-card .next-level-content .progress-section{flex:1}.analytics-content .next-level-card .next-level-content .progress-section .progress-info{display:flex;justify-content:space-between;margin-bottom:8px}.analytics-content .next-level-card .next-level-content .progress-section .progress-info span{font-size:14px;font-weight:500;color:#92400e}.analytics-content .next-level-card .next-level-content .progress-section .progress-bar-large{height:8px;background:#fef3c7;border-radius:4px;overflow:hidden;margin-bottom:8px}.analytics-content .next-level-card .next-level-content .progress-section .progress-bar-large .progress-fill-large{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:4px;transition:width .5s ease}.analytics-content .next-level-card .next-level-content .progress-section .progress-remaining{font-size:12px;color:#92400e;text-align:center}.courses-content .courses-table-container{overflow-x:auto}.courses-content .courses-table-container .courses-table{width:100%;border-collapse:collapse}.courses-content .courses-table-container .courses-table thead{background:#f8fafc}.courses-content .courses-table-container .courses-table thead tr th{padding:16px 12px;text-align:left;font-weight:600;color:#475569;font-size:14px;border-bottom:2px solid #e2e8f0}.courses-content .courses-table-container .courses-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .2s}.courses-content .courses-table-container .courses-table tbody tr:hover{background:#f8fafc}.courses-content .courses-table-container .courses-table tbody tr td{padding:16px 12px;font-size:14px}.courses-content .courses-table-container .courses-table tbody tr td .course-cell{display:flex;align-items:center;gap:8px}.courses-content .courses-table-container .courses-table tbody tr td .course-cell .course-avatar{width:32px;height:32px;border-radius:6px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#64748b}.courses-content .courses-table-container .courses-table tbody tr td .course-cell .course-name{font-weight:500;color:#334155}.courses-content .courses-table-container .courses-table tbody tr td .student-count{display:flex;align-items:center;gap:4px;color:#64748b}.courses-content .courses-table-container .courses-table tbody tr td .commission-badge{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.courses-content .courses-table-container .courses-table tbody tr td.revenue-cell{font-weight:600;color:#10b981}.courses-content .courses-table-container .courses-table tbody tr td .performance-cell{width:80px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.courses-content .courses-table-container .courses-table tbody tr td .performance-cell .performance-bar{height:100%;background:linear-gradient(90deg,#0ea5e9,#3b82f6);border-radius:3px;transition:width .3s ease}.no-data{text-align:center;padding:60px 20px;color:#94a3b8}.no-data p{margin:16px 0 0;font-size:16px;color:#64748b}@media (max-width: 1200px){.professional-main{flex-direction:column}.stats-sidebar{width:100%}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.overview-content .content-row{grid-template-columns:1fr!important}}@media (max-width: 768px){.professional-header .header-main{flex-direction:column;gap:16px;padding:12px}.professional-header .header-main .header-center{width:100%}.professional-header .header-main .header-center .time-range-selector{justify-content:center}.professional-header .header-nav{flex-wrap:wrap;gap:4px}.professional-header .header-nav .nav-btn{flex:1;min-width:120px;justify-content:center}.professional-main{padding:16px;gap:16px}.kpi-grid{grid-template-columns:1fr!important;gap:12px!important}.stats-sidebar .sidebar-section.quick-stats{padding:16px}.level-progression-horizontal{flex-direction:column;gap:24px}.level-progression-horizontal .level-stage .stage-connector{display:none}.next-level-card .next-level-content{flex-direction:column;text-align:center;gap:20px}.revenue-table,.courses-table{font-size:12px}.revenue-table th,.revenue-table td,.courses-table th,.courses-table td{padding:12px 8px!important}}@media (max-width: 480px){.professional-header .header-nav .nav-btn{min-width:calc(50% - 8px);font-size:12px;padding:8px 12px}.kpi-card{padding:16px!important}.kpi-card .kpi-value{font-size:24px!important}.content-card{padding:16px!important}}.super-admin-dashboard{padding:20px;background:#f5f7fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-header{background:white;padding:24px 30px;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;border-left:5px solid #0a66c2}.admin-header .header-content{display:flex;justify-content:space-between;align-items:center}.admin-header .header-content .header-title{display:flex;align-items:center;gap:16px}.admin-header .header-content .header-title h1{margin:0;color:#1a1a1a;font-size:28px;font-weight:700;background:linear-gradient(135deg,#0a66c2,#004182);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-header .header-content .header-title svg{background:linear-gradient(135deg,#0a66c2,#004182);padding:12px;border-radius:12px;color:#fff}.admin-header .header-content .header-actions .btn-download{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#0a66c2,#004182);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-header .header-content .header-actions .btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0a66c24d}.admin-header .header-content .header-actions .btn-download:active{transform:translateY(0)}.global-stats-section{margin-bottom:30px}.global-stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.global-stats-section .stats-grid .stat-card{background:white;padding:28px;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;gap:20px;transition:all .3s ease;border:1px solid #f0f0f0}.global-stats-section .stats-grid .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.global-stats-section .stats-grid .stat-card.total-earnings{border-top:4px solid #4caf50}.global-stats-section .stats-grid .stat-card.active-instructors{border-top:4px solid #2196f3}.global-stats-section .stats-grid .stat-card.average-earnings{border-top:4px solid #ff9800}.global-stats-section .stats-grid .stat-card.top-performer{border-top:4px solid #9c27b0}.global-stats-section .stats-grid .stat-card .stat-icon{padding:18px;border-radius:14px;background:linear-gradient(135deg,#f0f7ff,#e3f2fd)}.global-stats-section .stats-grid .stat-card .stat-icon svg{font-size:34px;color:#0a66c2}.global-stats-section .stats-grid .stat-card .stat-content{flex:1}.global-stats-section .stats-grid .stat-card .stat-content h3{margin:0 0 8px;font-size:14px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.global-stats-section .stats-grid .stat-card .stat-content .stat-value{font-size:28px;font-weight:800;color:#1a1a1a;margin-bottom:6px;line-height:1.2}.global-stats-section .stats-grid .stat-card .stat-content .stat-label{font-size:13px;color:#888;font-weight:500}.filters-section{background:white;padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.filters-section .search-box{display:flex;align-items:center;gap:12px;background:#f8f9fa;padding:12px 18px;border-radius:12px;flex:1;min-width:300px;border:2px solid transparent;transition:all .3s ease}.filters-section .search-box:focus-within{border-color:#0a66c2;background:white}.filters-section .search-box input{border:none;background:none;outline:none;font-size:15px;width:100%;color:#333}.filters-section .search-box input::placeholder{color:#999}.filters-section .search-box svg{color:#666}.filters-section .filter-controls{display:flex;align-items:center;gap:16px}.filters-section .filter-controls .level-filter{padding:12px 16px;border:2px solid #e1e5e9;border-radius:10px;font-size:14px;background:white;color:#333;cursor:pointer;transition:all .3s ease;min-width:160px}.filters-section .filter-controls .level-filter:focus{outline:none;border-color:#0a66c2;box-shadow:0 0 0 3px #0a66c21a}.filters-section .filter-controls .btn-filter{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#f8f9fa;color:#333;border:2px solid #e1e5e9;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.filters-section .filter-controls .btn-filter:hover{background:#e9ecef;border-color:#0a66c2}.instructors-section .instructors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px}.instructors-table-container{background:white;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.instructors-table{width:100%;border-collapse:collapse}.instructors-table th{background:#f8f9fa;padding:16px 12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e9ecef;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.instructors-table td{padding:16px 12px;border-bottom:1px solid #e9ecef;vertical-align:middle}.instructors-table .instructor-row{transition:background-color .2s ease}.instructors-table .instructor-row:hover{background-color:#f8f9fa}.rank-cell{width:60px;text-align:center}.rank-cell .rank-number{background:#0a66c2;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;margin:0 auto}.instructor-cell .instructor-info{display:flex;align-items:center;gap:12px}.instructor-cell .instructor-avatar{width:40px;height:40px;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;color:#666}.instructor-cell .instructor-details .instructor-name{font-weight:600;color:#333;margin-bottom:2px}.instructor-cell .instructor-details .instructor-email{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#666;margin-bottom:2px}.instructor-cell .instructor-details .instructor-specialty{font-size:.75rem;color:#888}.level-cell .level-info{display:flex;align-items:center;gap:6px}.level-cell .level-label{font-weight:500;text-transform:capitalize}.earnings-cell .earnings-amount{font-weight:600;color:#0a66c2;font-size:1rem}.courses-cell .courses-count,.courses-cell .students-count,.courses-cell .commission-rate,.students-cell .courses-count,.students-cell .students-count,.students-cell .commission-rate,.commission-cell .courses-count,.commission-cell .students-count,.commission-cell .commission-rate{display:flex;align-items:center;gap:6px;font-weight:500}.actions-cell{width:120px}.actions-cell .table-actions{display:flex;align-items:center;gap:8px}.actions-cell .table-actions .btn-expand,.actions-cell .table-actions .btn-view-details{background:none;border:none;padding:6px;border-radius:4px;cursor:pointer;color:#666;transition:all .2s ease}.actions-cell .table-actions .btn-expand:hover,.actions-cell .table-actions .btn-view-details:hover{background:#e9ecef;color:#333}.expanded-row{background:#f8f9fa}.expanded-row .expanded-content{padding:20px}.expanded-row .expanded-content .expanded-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px}.expanded-row .expanded-content .stat-group h4{margin:0 0 12px;color:#333;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.expanded-row .expanded-content .stats-grid{display:grid;gap:8px}.expanded-row .expanded-content .stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.expanded-row .expanded-content .stat-item .stat-label{color:#666;font-size:.875rem}.expanded-row .expanded-content .stat-item .stat-value{font-weight:600;color:#333}.no-data{color:#999;font-style:italic}.no-results{text-align:center;padding:60px 20px;color:#666}.no-results h3{margin:16px 0 8px;color:#333}@media (max-width: 768px){.instructors-table-container{overflow-x:auto}.instructors-table{min-width:800px}.expanded-content .expanded-stats{grid-template-columns:1fr;gap:16px}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;backdrop-filter:blur(5px)}.modal-content{background:white;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content .modal-header{padding:24px 30px;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.modal-content .modal-header h2{margin:0;color:#1a1a1a;font-size:24px;font-weight:700}.modal-content .modal-header .btn-close{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-content .modal-header .btn-close:hover{background:rgba(0,0,0,.1);color:#333}.modal-content .modal-body{padding:30px}.modal-content .modal-body .instructor-detail h3{margin:0 0 8px;font-size:22px;font-weight:700;color:#1a1a1a}.modal-content .modal-body .instructor-detail p{margin:0 0 24px;color:#666;font-size:15px}.modal-content .modal-body .instructor-detail .detail-stats{display:grid;gap:16px}.modal-content .modal-body .instructor-detail .detail-stats .detail-stat{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:10px;border-left:4px solid #0a66c2}.modal-content .modal-body .instructor-detail .detail-stats .detail-stat strong{color:#333;font-weight:600}.modal-content .modal-body .instructor-detail .detail-stats .detail-stat:nth-child(2){border-left-color:#4caf50}.modal-content .modal-body .instructor-detail .detail-stats .detail-stat:nth-child(3){border-left-color:#ff9800}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.admin-loading .loading-content{text-align:center}.admin-loading .loading-content .loading-spinner{width:60px;height:60px;border:4px solid #f0f0f0;border-top:4px solid #0a66c2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.admin-loading .loading-content h3{margin:0 0 8px;color:#333;font-size:18px}.admin-loading .loading-content p{margin:0;color:#666;font-size:14px}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state svg{font-size:64px;color:#ccc;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:20px;color:#333}.empty-state p{margin:0 0 24px;font-size:15px}@media (max-width: 1200px){.instructors-section .instructors-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.super-admin-dashboard{padding:16px}.admin-header{padding:20px}.admin-header .header-content{flex-direction:column;gap:16px;align-items:flex-start}.global-stats-section .stats-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.filters-section .search-box{min-width:auto}.filters-section .filter-controls{justify-content:space-between}.instructors-section .instructors-grid,.instructor-card .earnings-content .secondary-stats{grid-template-columns:1fr}.modal-content{margin:20px;max-height:calc(100vh - 40px)}}@media (max-width: 480px){.admin-header .header-content .header-title h1{font-size:22px}.instructor-card .card-header{flex-direction:column;text-align:center}.instructor-card .card-header .instructor-avatar{align-self:center}.instructor-card .card-header .rank-badge{position:static;margin-top:12px;align-self:center}}.instructor-card{animation:fadeInUp .5s ease-out}.stat-card{animation:fadeInUp .6s ease-out}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 20px 20px 0}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.level-bronze{background:linear-gradient(135deg,#cd7f32,#8b4513)!important}.level-silver{background:linear-gradient(135deg,#c0c0c0,#868686)!important}.level-gold{background:linear-gradient(135deg,#ffd700,#b8860b)!important}.level-diamond{background:linear-gradient(135deg,#b9f2ff,#667eea)!important}.level-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.level-badge.bronze{background:linear-gradient(135deg,#cd7f32,#8b4513)}.level-badge.silver{background:linear-gradient(135deg,#c0c0c0,#868686);color:#333}.level-badge.gold{background:linear-gradient(135deg,#ffd700,#b8860b)}.level-badge.diamond{background:linear-gradient(135deg,#b9f2ff,#667eea);color:#333}.home{width:100%;overflow-x:hidden}.home .certifications-slider{padding:60px 0;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.home .certifications-slider .container{max-width:1200px;margin:0 auto;padding:0 20px}.home .certifications-slider .section-header{text-align:center;margin-bottom:40px}.home .certifications-slider .section-header h2{font-size:2.5rem;font-weight:800;margin-bottom:10px;color:#1e293b;line-height:1.2}.home .certifications-slider .section-header p{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.home .certifications-slider .slider-container{position:relative;display:flex;align-items:center;gap:15px;margin-bottom:20px}.home .certifications-slider .slider-nav-btn{background:white;color:#1e293b;border:1px solid #e2e8f0;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:0 2px 4px #0000001a}.home .certifications-slider .slider-nav-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.home .certifications-slider .slider-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.home .certifications-slider .slider-wrapper{flex:1;overflow:hidden;border-radius:16px}.home .certifications-slider .gigs-slider{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:10px}.home .certifications-slider .gigs-slider::-webkit-scrollbar{display:none}.home .certifications-slider .gigs-slider .slider-item{flex:0 0 auto;width:300px;transition:transform .3s ease}.home .certifications-slider .gigs-slider .slider-item:hover{transform:translateY(-4px)}.home .certifications-slider .slider-loading{display:flex;gap:20px;padding:20px;justify-content:center}.home .certifications-slider .slider-loading .loading-card{width:300px;height:380px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);border-radius:12px;animation:shimmer 1.5s infinite;background-size:200% 100%}.home .certifications-slider .slider-error,.home .certifications-slider .slider-empty{text-align:center;padding:60px 20px;color:#64748b}.home .certifications-slider .slider-error p,.home .certifications-slider .slider-empty p{font-size:1.1rem;margin-bottom:20px}.home .certifications-slider .slider-indicators{text-align:center;margin-top:30px}.home .certifications-slider .slider-indicators .slider-count{color:#64748b;font-size:.9rem;background:rgba(100,116,139,.1);padding:6px 12px;border-radius:20px;font-weight:500}.home .platform-stats{padding:60px 0;background:white}.home .platform-stats .container{max-width:1200px;margin:0 auto;padding:0 20px}.home .platform-stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.home .platform-stats .stats-grid .stat-item{text-align:center;padding:30px 20px;background:#f8fafc;border-radius:16px;transition:all .3s ease}.home .platform-stats .stats-grid .stat-item:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a;background:white}.home .platform-stats .stats-grid .stat-item .stat-number{font-size:48px;font-weight:800;color:#8b5cf6;margin-bottom:10px;line-height:1;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home .platform-stats .stats-grid .stat-item .stat-label{font-size:18px;color:#475569;font-weight:500;line-height:1.4}.home .testimonials{padding:80px 0;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%)}.home .testimonials .container{max-width:1200px;margin:0 auto;padding:0 20px}.home .testimonials .section-header{text-align:center;margin-bottom:50px}.home .testimonials .section-header h2{font-size:2.5rem;font-weight:800;margin-bottom:10px;color:#1e293b;line-height:1.2}.home .testimonials .section-header p{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.home .testimonials .testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.home .testimonials .testimonial-card{background:white;padding:30px;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f1f5f9}.home .testimonials .testimonial-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.home .testimonials .testimonial-card .testimonial-content{margin-bottom:25px;position:relative;padding-left:20px}.home .testimonials .testimonial-card .testimonial-content:before{content:'"';position:absolute;left:0;top:-10px;font-size:60px;color:#cbd5e1;font-family:Georgia,serif;line-height:1}.home .testimonials .testimonial-card .testimonial-content p{font-size:1rem;line-height:1.7;color:#334155;font-style:normal}.home .testimonials .testimonial-card .testimonial-author{display:flex;align-items:center;gap:15px;padding-top:20px;border-top:1px solid #f1f5f9}.home .testimonials .testimonial-card .testimonial-author img{width:60px;height:60px;border-radius:12px;object-fit:cover;border:3px solid #f1f5f9}.home .testimonials .testimonial-card .testimonial-author .author-info{flex:1}.home .testimonials .testimonial-card .testimonial-author .author-info h4{margin:0 0 5px;font-size:1.1rem;font-weight:600;color:#1e293b}.home .testimonials .testimonial-card .testimonial-author .author-info p{margin:0;color:#64748b;font-size:.9rem;line-height:1.4}.home .final-cta{padding:80px 0;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.home .final-cta:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.home .final-cta .container{max-width:800px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.home .final-cta .cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:15px;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.home .final-cta .cta-content p{font-size:1.2rem;margin-bottom:30px;opacity:.9;line-height:1.6}.home .final-cta .cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.home .final-cta .cta-buttons .cta-primary,.home .final-cta .cta-buttons .cta-outline{padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-size:1rem;display:inline-block}.home .final-cta .cta-buttons .cta-primary.large,.home .final-cta .cta-buttons .cta-outline.large{padding:18px 40px;font-size:1.1rem;font-weight:700}.home .final-cta .cta-buttons .cta-primary{background:white;color:#8b5cf6;box-shadow:0 4px 12px #fff3}.home .final-cta .cta-buttons .cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ffffff4d}.home .final-cta .cta-buttons .cta-primary:active{transform:translateY(-1px)}.home .final-cta .cta-buttons .cta-outline{background:transparent;color:#fff;border:2px solid white}.home .final-cta .cta-buttons .cta-outline:hover{background:white;color:#8b5cf6;transform:translateY(-3px);box-shadow:0 8px 20px #fff3}.home .final-cta .cta-buttons .cta-outline:active{transform:translateY(-1px)}.home .recent-blog{padding:0}.home .recent-blog .container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 1024px){.home .certifications-slider .gigs-slider .slider-item{width:280px}.home .platform-stats .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.home .certifications-slider{padding:40px 0}.home .certifications-slider .section-header{margin-bottom:30px}.home .certifications-slider .section-header h2{font-size:2rem}.home .certifications-slider .section-header p{font-size:1rem}.home .certifications-slider .slider-container{gap:10px}.home .certifications-slider .slider-nav-btn{width:44px;height:44px;font-size:1.2rem;position:absolute;z-index:2;background:white;border:1px solid #e2e8f0;box-shadow:0 4px 6px #0000001a}.home .certifications-slider .slider-nav-btn.prev{left:10px}.home .certifications-slider .slider-nav-btn.next{right:10px}.home .certifications-slider .gigs-slider{gap:15px;padding:0 10px}.home .certifications-slider .gigs-slider .slider-item{width:260px}.home .certifications-slider .slider-loading{gap:15px}.home .certifications-slider .slider-loading .loading-card{width:260px;height:350px}.home .platform-stats{padding:40px 0}.home .platform-stats .stats-grid{grid-template-columns:1fr;gap:20px}.home .platform-stats .stats-grid .stat-item{padding:25px 15px}.home .platform-stats .stats-grid .stat-item .stat-number{font-size:40px}.home .platform-stats .stats-grid .stat-item .stat-label{font-size:16px}.home .testimonials{padding:60px 0}.home .testimonials .section-header{margin-bottom:40px}.home .testimonials .section-header h2{font-size:2rem}.home .testimonials .section-header p{font-size:1rem}.home .testimonials .testimonials-grid{grid-template-columns:1fr;gap:20px}.home .testimonials .testimonial-card{padding:25px}.home .testimonials .testimonial-card .testimonial-content{padding-left:15px}.home .testimonials .testimonial-card .testimonial-content:before{font-size:50px}.home .testimonials .testimonial-card .testimonial-content p{font-size:.95rem}.home .testimonials .testimonial-card .testimonial-author img{width:50px;height:50px}.home .testimonials .testimonial-card .testimonial-author .author-info h4{font-size:1rem}.home .testimonials .testimonial-card .testimonial-author .author-info p{font-size:.85rem}.home .final-cta{padding:60px 0}.home .final-cta .cta-content h2{font-size:2rem}.home .final-cta .cta-content p{font-size:1.1rem;margin-bottom:25px}.home .final-cta .cta-buttons{flex-direction:column;align-items:center;gap:15px}.home .final-cta .cta-buttons .cta-primary,.home .final-cta .cta-buttons .cta-outline{width:100%;max-width:300px;text-align:center}.home .final-cta .cta-buttons .cta-primary.large,.home .final-cta .cta-buttons .cta-outline.large{padding:16px 25px;font-size:1rem}}@media (max-width: 480px){.home .certifications-slider{padding:30px 0}.home .certifications-slider .section-header h2{font-size:1.8rem}.home .certifications-slider .gigs-slider .slider-item{width:240px}.home .certifications-slider .slider-loading .loading-card{width:240px;height:320px}.home .platform-stats{padding:30px 0}.home .platform-stats .stats-grid .stat-item{padding:20px 15px}.home .platform-stats .stats-grid .stat-item .stat-number{font-size:36px}.home .platform-stats .stats-grid .stat-item .stat-label{font-size:15px}.home .testimonials{padding:40px 0}.home .testimonials .section-header h2{font-size:1.8rem}.home .testimonials .testimonial-card{padding:20px}.home .final-cta{padding:40px 0}.home .final-cta .cta-content h2{font-size:1.8rem;margin-bottom:10px}.home .final-cta .cta-content p{font-size:1rem;margin-bottom:20px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slider-item,.stat-item,.testimonial-card{animation:fadeInUp .6s ease forwards;opacity:0}.slider-item:nth-child(1){animation-delay:.1s}.slider-item:nth-child(2){animation-delay:.2s}.slider-item:nth-child(3){animation-delay:.3s}.slider-item:nth-child(4){animation-delay:.4s}.slider-item:nth-child(5){animation-delay:.5s}.stat-item:nth-child(1){animation-delay:.2s}.stat-item:nth-child(2){animation-delay:.3s}.stat-item:nth-child(3){animation-delay:.4s}.stat-item:nth-child(4){animation-delay:.5s}.testimonial-card:nth-child(1){animation-delay:.2s}.testimonial-card:nth-child(2){animation-delay:.3s}.testimonial-card:nth-child(3){animation-delay:.4s}.challenge-card{position:relative;background:white;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:1px solid #e2e8f0;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;min-height:450px;height:auto;color:inherit}.challenge-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #667eea26;border-color:#667eea;text-decoration:none}.challenge-card .image-container{position:relative;height:200px;overflow:hidden;flex-shrink:0}.challenge-card .image-container .gig-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.challenge-card .image-container:hover .gig-image{transform:scale(1.05)}.challenge-card .image-container .status-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2}.challenge-card .image-container .status-badge.status-open{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.challenge-card .image-container .status-badge.status-closed{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.challenge-card .image-container .status-badge .status-dot{width:6px;height:6px;border-radius:50%;animation:pulse 2s infinite}.challenge-card .image-container .status-open .status-dot{background:#68d391}.challenge-card .image-container .status-closed .status-dot{background:#fc8181}.challenge-card .image-container .countdown-badge{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:rgba(255,0,0,.95);color:#fff;border-radius:12px;font-size:11px;font-weight:700;z-index:2;backdrop-filter:blur(10px)}.challenge-card .image-container .countdown-badge .countdown-icon{font-size:10px}.challenge-card .card-content{padding:20px;flex:1;display:flex;flex-direction:column;gap:12px}.challenge-card .card-content .challenge-header .challenge-title{font-size:18px;font-weight:700;color:#2d3748;line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;min-height:46px}.challenge-card .card-content .challenge-header .duration{font-size:12px;color:#667eea;font-weight:600;background:#f7fafc;padding:4px 8px;border-radius:6px;display:inline-block}.challenge-card .card-content .challenge-description{color:#718096;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:60px}.challenge-card .card-content .mentor-info .mentor{display:flex;align-items:center;gap:12px}.challenge-card .card-content .mentor-info .mentor .mentor-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0;flex-shrink:0}.challenge-card .card-content .mentor-info .mentor .mentor-details{flex:1;min-width:0}.challenge-card .card-content .mentor-info .mentor .mentor-details .mentor-name{display:block;font-size:14px;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.challenge-card .card-content .mentor-info .mentor .mentor-details .mentor-role{font-size:12px;color:#667eea;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.challenge-card .card-content .keywords-preview{margin-top:auto;flex-shrink:0}.challenge-card .card-content .keywords-preview .keywords-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.challenge-card .card-content .keywords-preview .keywords-list .keyword-tag{padding:4px 8px;background:#edf2f7;color:#4a5568;border-radius:6px;font-size:10px;font-weight:500;white-space:nowrap}.challenge-card .card-content .keywords-preview .keywords-list .keyword-more{padding:4px 8px;background:#667eea;color:#fff;border-radius:6px;font-size:10px;font-weight:600}.challenge-card .card-footer{padding:0 20px 20px;flex-shrink:0;margin-top:auto}.challenge-card .card-footer .price-badge{display:flex;align-items:center;gap:8px;justify-content:flex-start}.challenge-card .card-footer .price-badge .original-price{text-decoration:line-through;color:#718096;font-size:14px;font-weight:500}.challenge-card .card-footer .price-badge .current-price{font-size:18px;font-weight:700;color:#2d3748}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mentor-loading{display:flex;align-items:center;gap:12px}.mentor-loading .avatar-skeleton{width:40px;height:40px;border-radius:50%;background:#e2e8f0;animation:pulse 2s infinite;flex-shrink:0}.mentor-loading .mentor-details-skeleton{flex:1}.mentor-loading .mentor-details-skeleton .mentor-name-skeleton{height:14px;background:#e2e8f0;border-radius:4px;margin-bottom:6px;width:80%;animation:pulse 2s infinite}.mentor-loading .mentor-details-skeleton .mentor-title-skeleton{height:12px;background:#e2e8f0;border-radius:4px;width:60%;animation:pulse 2s infinite .5s}.mentor-error{display:flex;align-items:center;gap:12px}.mentor-error .mentor-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e2e8f0;flex-shrink:0}.mentor-error .mentor-details{flex:1;min-width:0}.mentor-error .mentor-details .mentor-name{display:block;font-size:14px;font-weight:600;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mentor-error .mentor-details .mentor-role{font-size:12px;color:#a0aec0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link{text-decoration:none;color:inherit;display:block;height:100%}.link:hover{text-decoration:none;color:inherit}@media (max-width: 768px){.challenge-card{min-height:420px}.challenge-card .image-container{height:180px}.challenge-card .card-content{padding:16px;gap:10px}.challenge-card .card-content .challenge-header .challenge-title{font-size:16px;min-height:42px}.challenge-card .card-content .challenge-description{font-size:13px;min-height:54px;-webkit-line-clamp:2}.challenge-card .card-content .mentor-info .mentor .mentor-avatar{width:36px;height:36px}.challenge-card .card-content .mentor-info .mentor .mentor-details .mentor-name{font-size:13px}.challenge-card .card-content .mentor-info .mentor .mentor-details .mentor-role{font-size:11px}.challenge-card .card-footer{padding:0 16px 16px}.challenge-card .card-footer .price-badge .original-price{font-size:13px}.challenge-card .card-footer .price-badge .current-price{font-size:16px}}@media (max-width: 480px){.challenge-card{min-height:400px}.challenge-card .image-container{height:160px}.challenge-card .card-content{padding:14px}.challenge-card .card-content .challenge-header .challenge-title{font-size:15px;min-height:40px}.challenge-card .card-content .challenge-description{font-size:12px;min-height:48px}}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;align-items:stretch}@media (max-width: 768px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media (max-width: 480px){.cards-grid{grid-template-columns:1fr;gap:12px}}.course-illustration{width:400px;height:auto;display:block;margin:0 auto;border-radius:12px;box-shadow:0 4px 20px #0000001a;animation:floatAnimation 6s ease-in-out infinite;transition:transform .3s ease}.course-illustration:hover{animation-play-state:paused;transform:scale(1.05)}@keyframes floatAnimation{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(.5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-5px) rotate(-.5deg)}}.course-illustration-container{text-align:center;margin-bottom:40px}.course-illustration-container .course-illustration{max-width:100%;height:auto;max-height:400px;border-radius:20px;box-shadow:0 10px 25px #0000001a}.cta-primary.large{display:inline-block;padding:16px 32px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff!important;text-decoration:none;border-radius:12px;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.cta-primary.large:hover{transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf666}@media (max-width: 768px){.course-illustration-container .course-illustration{max-height:250px}}.gigs{min-height:100vh;background:#f8f9fa}.gigs .container{max-width:1200px;margin:0 auto;padding:0 20px}.gigs .search-hero{background:rgb(0,92,142);padding:30px 0;margin:0 -20px 30px;border-radius:0 0 16px 16px;color:#fff}.gigs .search-hero .search-hero-content{max-width:800px;margin:0 auto;text-align:center}.gigs .search-hero .search-hero-content h1{font-size:2.2rem;font-weight:700;margin-bottom:12px;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gigs .search-hero .search-hero-content p{font-size:1rem;opacity:.9;margin-bottom:25px}.gigs .search-hero .hero-search-container .hero-search-bar{display:flex;background:white;border-radius:10px;padding:6px;box-shadow:0 4px 20px #0000001a;margin-bottom:15px}.gigs .search-hero .hero-search-container .hero-search-bar .search-input-container{flex:1;display:flex;align-items:center;position:relative}.gigs .search-hero .hero-search-container .hero-search-bar .search-input-container .search-icon{width:18px;height:18px;margin:0 14px;opacity:.5}.gigs .search-hero .hero-search-container .hero-search-bar .search-input-container .hero-search-input{flex:1;border:none;outline:none;padding:12px 0;font-size:1rem;background:transparent}.gigs .search-hero .hero-search-container .hero-search-bar .search-input-container .hero-search-input::placeholder{color:#999;font-size:.95rem}.gigs .search-hero .hero-search-container .hero-search-bar .search-input-container .clear-search-btn{background:none;border:none;font-size:1.3rem;color:#999;cursor:pointer;padding:6px 12px;margin-right:6px;border-radius:50%}.gigs .search-hero .hero-search-container .hero-search-bar .search-input-container .clear-search-btn:hover{background:#f5f5f5;color:#666}.gigs .search-hero .hero-search-container .hero-search-bar .hero-search-btn{background:#1dbf73;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.gigs .search-hero .hero-search-container .hero-search-bar .hero-search-btn:hover{background:#19a463;transform:translateY(-1px)}.gigs .search-hero .hero-search-container .quick-suggestions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.gigs .search-hero .hero-search-container .quick-suggestions span{opacity:.9;font-size:.85rem}.gigs .search-hero .hero-search-container .quick-suggestions .suggestion-tag{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:16px;font-size:.85rem;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}.gigs .search-hero .hero-search-container .quick-suggestions .suggestion-tag:hover{background:rgba(255,255,255,.2);transform:translateY(-1px)}.gigs .controls-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.gigs .controls-section .results-info-main .results-count-main{font-size:1rem;color:#404145;font-weight:600}.gigs .controls-section .controls-right{display:flex;align-items:center;gap:15px}.gigs .controls-section .controls-right .filter-toggle .filter-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:white;border:2px solid #e4e5e7;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#404145;font-size:.9rem}.gigs .controls-section .controls-right .filter-toggle .filter-btn img{width:14px;height:14px;opacity:.7}.gigs .controls-section .controls-right .filter-toggle .filter-btn:hover{border-color:#1dbf73}.gigs .controls-section .controls-right .filter-toggle .filter-btn.active{border-color:#1dbf73;background:#f0fff4;color:#1dbf73}.gigs .controls-section .controls-right .filter-toggle .filter-btn .filter-badge{background:#1dbf73;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.gigs .controls-section .controls-right .sort-menu{display:flex;align-items:center;gap:10px}.gigs .controls-section .controls-right .sort-menu .sort-label{color:#62646a;font-weight:500;font-size:.9rem}.gigs .controls-section .controls-right .sort-menu .sort-dropdown{position:relative}.gigs .controls-section .controls-right .sort-menu .sort-dropdown .sort-trigger{display:flex;align-items:center;gap:6px;padding:10px 14px;background:white;border:2px solid #e4e5e7;border-radius:8px;cursor:pointer;font-weight:500;color:#404145;transition:all .3s ease;font-size:.9rem}.gigs .controls-section .controls-right .sort-menu .sort-dropdown .sort-trigger:hover{border-color:#1dbf73}.gigs .controls-section .controls-right .sort-menu .sort-dropdown .sort-trigger img{width:10px;height:10px;transition:transform .3s ease}.gigs .controls-section .controls-right .sort-menu .sort-dropdown .sort-options{position:absolute;top:100%;right:0;background:white;border:2px solid #e4e5e7;border-radius:8px;box-shadow:0 4px 20px #0000001a;z-index:1000;min-width:180px;margin-top:6px}.gigs .controls-section .controls-right .sort-menu .sort-dropdown .sort-options button{display:block;width:100%;padding:10px 14px;border:none;background:none;text-align:left;cursor:pointer;color:#404145;transition:all .2s ease;font-size:.9rem}.gigs .controls-section .controls-right .sort-menu .sort-dropdown .sort-options button:hover{background:#f8f9fa;color:#1dbf73}.gigs .controls-section .controls-right .sort-menu .sort-dropdown .sort-options button:not(:last-child){border-bottom:1px solid #e4e5e7}.gigs .filters-panel{background:white;border:2px solid #e4e5e7;border-radius:10px;padding:20px;margin-bottom:25px;box-shadow:0 2px 12px #0000000d}.gigs .filters-panel .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.gigs .filters-panel .filters-header h3{color:#404145;font-size:1.2rem;margin:0}.gigs .filters-panel .filters-header .filters-header-actions{display:flex;gap:10px}.gigs .filters-panel .filters-header .filters-header-actions .clear-filters-btn{padding:6px 12px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.gigs .filters-panel .filters-header .filters-header-actions .clear-filters-btn:hover{background:#c0392b}.gigs .filters-panel .filters-header .filters-header-actions .close-filters-btn{background:#e4e5e7;border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.9rem}.gigs .filters-panel .filters-header .filters-header-actions .close-filters-btn:hover{background:#d5d6d8}.gigs .filters-panel .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:20px}.gigs .filters-panel .filters-grid .filter-group label{display:block;margin-bottom:6px;font-weight:600;color:#404145;font-size:.9rem}.gigs .filters-panel .filters-grid .filter-group select{width:100%;padding:10px 14px;border:2px solid #e4e5e7;border-radius:8px;background:white;color:#404145;cursor:pointer;transition:all .3s ease;font-size:.9rem}.gigs .filters-panel .filters-grid .filter-group select:focus{outline:none;border-color:#1dbf73}.gigs .filters-panel .active-filters-panel{border-top:1px solid #e4e5e7;padding-top:16px}.gigs .filters-panel .active-filters-panel h4{color:#404145;margin-bottom:10px;font-size:.95rem}.gigs .filters-panel .active-filters-panel .active-filters{display:flex;flex-wrap:wrap;gap:6px}.gigs .filters-panel .active-filters-panel .active-filters .active-filter-tag{display:flex;align-items:center;gap:6px;background:#f0fff4;border:1px solid #1dbf73;color:#1dbf73;padding:4px 10px;border-radius:16px;font-size:.85rem;font-weight:500}.gigs .filters-panel .active-filters-panel .active-filters .active-filter-tag button{background:none;border:none;color:#1dbf73;cursor:pointer;font-size:1rem;padding:0;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%}.gigs .filters-panel .active-filters-panel .active-filters .active-filter-tag button:hover{background:#1dbf73;color:#fff}.gigs .cards .mobile-search-bar{display:none;margin-bottom:20px}.gigs .cards .mobile-search-bar .mobile-search-container{display:flex;align-items:center;background:white;border:2px solid #e4e5e7;border-radius:8px;padding:10px 14px}.gigs .cards .mobile-search-bar .mobile-search-container img{width:16px;height:16px;margin-right:10px;opacity:.5}.gigs .cards .mobile-search-bar .mobile-search-container input{flex:1;border:none;outline:none;font-size:.95rem}.gigs .cards .mobile-search-bar .mobile-search-container input::placeholder{color:#999}.gigs .cards .mobile-search-bar .mobile-search-container button{background:none;border:none;font-size:1.1rem;color:#999;cursor:pointer;padding:4px;margin-left:8px}.gigs .cards .mobile-search-bar .mobile-search-container button:hover{color:#666}.gigs .cards .cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.gigs .cards .loading-container{text-align:center;padding:40px 20px}.gigs .cards .loading-container .loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1dbf73;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.gigs .cards .loading-container .loading-text{color:#62646a;font-size:1rem}.gigs .cards .error{text-align:center;padding:40px 20px;color:#e74c3c;background:#fdf2f2;border:1px solid #fbd5d5;border-radius:10px;font-size:1rem}.gigs .cards .no-data{text-align:center;padding:60px 20px}.gigs .cards .no-data .no-data-content{max-width:400px;margin:0 auto}.gigs .cards .no-data .no-data-content img{width:100px;height:100px;margin-bottom:20px;opacity:.7}.gigs .cards .no-data .no-data-content h3{color:#404145;margin-bottom:10px;font-size:1.3rem}.gigs .cards .no-data .no-data-content p{color:#62646a;margin-bottom:20px;line-height:1.5;font-size:.95rem}.gigs .cards .no-data .no-data-content .no-data-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.gigs .cards .no-data .no-data-content .no-data-actions .clear-all-btn,.gigs .cards .no-data .no-data-content .no-data-actions .browse-all-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.9rem}.gigs .cards .no-data .no-data-content .no-data-actions .clear-all-btn{background:#e4e5e7;color:#404145}.gigs .cards .no-data .no-data-content .no-data-actions .clear-all-btn:hover{background:#d5d6d8}.gigs .cards .no-data .no-data-content .no-data-actions .browse-all-btn{background:#1dbf73;color:#fff}.gigs .cards .no-data .no-data-content .no-data-actions .browse-all-btn:hover{background:#19a463}@media (max-width: 768px){.gigs .container{padding:0 15px}.gigs .search-hero{padding:25px 0;margin:0 -15px 25px;border-radius:0 0 12px 12px}.gigs .search-hero .search-hero-content h1{font-size:1.8rem}.gigs .search-hero .search-hero-content p{font-size:.9rem;margin-bottom:20px}.gigs .search-hero .hero-search-container .hero-search-bar{margin-bottom:12px}}.faqs-section{padding:4rem 2rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:100vh}.faqs-container{max-width:800px;margin:0 auto}.faqs-header{text-align:center;margin-bottom:3rem}.faqs-title{font-size:2.5rem;color:#2c3e50;margin-bottom:1rem;font-weight:700}.faqs-subtitle{font-size:1.1rem;color:#6c757d;line-height:1.6;max-width:600px;margin:0 auto}.faqs-list{background:white;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.faq-item{border-bottom:1px solid #e9ecef}.faq-item:last-child{border-bottom:none}.faq-question{width:100%;padding:1.5rem 2rem;background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.faq-question:hover{background-color:#f8f9fa}.faq-question-text{font-size:1.1rem;font-weight:600;color:#2c3e50;flex:1;margin-right:1rem}.faq-icon{font-size:1.5rem;font-weight:700;color:#3498db;min-width:20px}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background-color:#f8f9fa}.faq-item.active .faq-answer{max-height:500px;padding:0 2rem 1.5rem}.faq-answer p{color:#6c757d;line-height:1.6;margin:0}.faqs-footer{text-align:center;margin-top:3rem;padding:2rem;background:white;border-radius:12px;box-shadow:0 2px 4px #0000001a}.faqs-footer p{color:#6c757d;margin-bottom:1.5rem;font-size:1.1rem}.contact-button{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.contact-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}@media (max-width: 768px){.faqs-section{padding:2rem 1rem}.faqs-title{font-size:2rem}.faqs-subtitle{font-size:1rem}.faq-question{padding:1.25rem 1.5rem}.faq-question-text{font-size:1rem}.faq-item.active .faq-answer{padding:0 1.5rem 1.25rem}.faqs-footer{margin-top:2rem;padding:1.5rem}}@media (max-width: 480px){.faqs-section{padding:1.5rem 1rem}.faqs-title{font-size:1.75rem}.faq-question{padding:1rem 1.25rem}.faq-question-text{font-size:.95rem}.contact-button{width:100%;padding:.875rem 1.5rem}}.login{min-height:150vh;background-color:#fff;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login__container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media (max-width: 968px){.login__container{grid-template-columns:1fr}}.login__illustration{background:white;color:#000;padding:3rem;display:flex;align-items:center;justify-content:center}@media (max-width: 968px){.login__illustration{display:none}}.login__illustration__content{max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.login__illustration__title{font-size:2rem;font-weight:400;line-height:1.25;margin:0;color:#000}.login__illustration__subtitle{font-size:1.125rem;color:#000000e6;line-height:1.5;margin:0}.login__form-section{display:flex;align-items:center;justify-content:center;padding:0rem;background:#ffffff}@media (max-width: 768px){.login__form-section{padding:2rem}}.login__form-wrapper{width:100%;max-width:400px;display:flex;flex-direction:column;gap:2rem}.login__header{text-align:center;margin-bottom:1.5rem}.login__header h1{font-size:2rem;font-weight:400;color:#000000e6;margin:0 0 .5rem;line-height:1.25}.login__header p{color:#0009;margin:0;font-size:1rem;line-height:1.5}.login__form{display:flex;flex-direction:column;gap:1.5rem}.login .form__group{display:flex;flex-direction:column;gap:.5rem}.login .form__label{font-size:.875rem;font-weight:600;color:#000000e6;margin-bottom:.25rem}.login .form__label-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.login .form__forgot-password{font-size:.875rem;color:#0a66c2;text-decoration:none;font-weight:500}.login .form__forgot-password:hover{text-decoration:underline;color:#004182}.login .form__input{padding:.75rem 1rem;border:1px solid #d0d0d0;border-radius:.5rem;font-size:1rem;transition:all .2s ease-in-out;background:#ffffff}.login .form__input:focus{outline:none;border-color:#0a66c2;box-shadow:0 0 0 2px #0a66c233}.login .form__input:hover{border-color:#a0a0a0}.login .form__input--error{border-color:#d11124}.login .form__input--error:focus{border-color:#d11124;box-shadow:0 0 0 2px #d1112433}.login .form__input:disabled{background-color:#f3f2f0;color:#0006;cursor:not-allowed}.login .form__input::placeholder{color:#0006}.login .form .recaptcha-container{display:flex;justify-content:center;margin:1rem 0}.login .form .recaptcha-container>div{transform:scale(.95);transform-origin:0 0}.login .form__error{background-color:#d111240d;border:1px solid rgba(209,17,36,.2);border-radius:.5rem;padding:1rem;color:#d11124;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.login .form__error .error__icon{font-size:1rem}.login .form__submit{background-color:#0a66c2;color:#fff;border:none;border-radius:1.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.login .form__submit:hover:not(:disabled){background-color:#004182;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.login .form__submit:active:not(:disabled){transform:translateY(0)}.login .form__submit:disabled{background-color:#0006;cursor:not-allowed;transform:none;box-shadow:none}.login .form__submit--loading{background-color:#378fe9}.login .form .submit__spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.login__divider{text-align:center;position:relative;margin:2rem 0}.login__divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#d0d0d0}.login__divider span{background:#ffffff;padding:0 1rem;color:#0009;font-size:.875rem;position:relative;z-index:1}.login__register{text-align:center}.login__register .register__link{display:inline-block;padding:.75rem 2rem;border:1px solid #0a66c2;border-radius:1.5rem;color:#0a66c2;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s ease-in-out}.login__register .register__link:hover{background-color:#0a66c20d;border-color:#004182;color:#004182;text-decoration:none;box-shadow:0 2px 4px #00000014}.login__footer{text-align:center;margin-top:3rem}.login__footer p{color:#0006;font-size:.75rem;margin:0;line-height:1.5}.login__footer a{color:#0a66c2;text-decoration:none;margin:0 .5rem}.login__footer a:hover{text-decoration:underline}.img_illustration{max-width:100%;height:auto;margin-left:20px;transition:all .2s ease-in-out}@media (max-width: 480px){.login__form-section{padding:1.5rem}.login__header h1{font-size:1.75rem}.login .form__submit,.login .form .register__link{width:100%;justify-content:center}}.register{min-height:150vh;background-color:#fff;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.register__container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}@media (max-width: 968px){.register__container{grid-template-columns:1fr}}.register__illustration{background:white;color:#000;padding:3rem;display:flex;align-items:center;justify-content:center}@media (max-width: 968px){.register__illustration{display:none}}.register__illustration__content{max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.register__illustration__title{font-size:2rem;font-weight:400;line-height:1.25;margin:0;color:#000}.register__illustration__subtitle{font-size:1.125rem;color:#000000e6;line-height:1.5;margin:0}.register__form-section{display:flex;align-items:center;justify-content:center;padding:0rem;background:#ffffff}@media (max-width: 768px){.register__form-section{padding:2rem}}.register__form-wrapper{width:100%;max-width:400px;display:flex;flex-direction:column;gap:2rem}.register__header{text-align:center;margin-bottom:1.5rem}.register__header h1{font-size:2rem;font-weight:400;color:#000000e6;margin:0 0 .5rem;line-height:1.25}.register__header p{color:#0009;margin:0;font-size:1rem;line-height:1.5}.register__form{display:flex;flex-direction:column;gap:1.5rem}.register .form__group{display:flex;flex-direction:column;gap:.5rem}.register .form__label{font-size:.875rem;font-weight:600;color:#000000e6;margin-bottom:.25rem}.register .form__input{padding:.75rem 1rem;border:1px solid #d0d0d0;border-radius:.5rem;font-size:1rem;transition:all .2s ease-in-out;background:#ffffff}.register .form__input:focus{outline:none;border-color:#0a66c2;box-shadow:0 0 0 2px #0a66c233}.register .form__input:hover{border-color:#a0a0a0}.register .form__input--error{border-color:#d11124}.register .form__input--error:focus{border-color:#d11124;box-shadow:0 0 0 2px #d1112433}.register .form__input:disabled{background-color:#f3f2f0;color:#0006;cursor:not-allowed}.register .form__input::placeholder{color:#0006}.register .form__select{padding:.75rem 1rem;border:1px solid #d0d0d0;border-radius:.5rem;font-size:1rem;transition:all .2s ease-in-out;background:#ffffff;cursor:pointer}.register .form__select:focus{outline:none;border-color:#0a66c2;box-shadow:0 0 0 2px #0a66c233}.register .form__select:hover{border-color:#a0a0a0}.register .form__select--error{border-color:#d11124}.register .form__select--error:focus{border-color:#d11124;box-shadow:0 0 0 2px #d1112433}.register .form__password-container{position:relative;display:flex;align-items:center}.register .form__password-container .form__input{width:100%;padding-right:3rem}.register .form__password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:#0006;padding:.25rem;border-radius:.25rem}.register .form__password-toggle:hover{background-color:#f3f2f0}.register .form .recaptcha-container{display:flex;justify-content:center;margin:1rem 0}.register .form .recaptcha-container>div{transform:scale(.95);transform-origin:0 0}.register .form__error{background-color:#d111240d;border:1px solid rgba(209,17,36,.2);border-radius:.5rem;padding:1rem;color:#d11124;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.register .form__error .error__icon{font-size:1rem}.register .form__error-message{color:#d11124;font-size:.75rem;margin-top:.25rem}.register .form__submit{background-color:#0a66c2;color:#fff;border:none;border-radius:1.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.register .form__submit:hover:not(:disabled){background-color:#004182;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.register .form__submit:active:not(:disabled){transform:translateY(0)}.register .form__submit:disabled{background-color:#0006;cursor:not-allowed;transform:none;box-shadow:none}.register .form__submit--loading{background-color:#378fe9}.register .form .submit__spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.register__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.register__form-row{grid-template-columns:1fr}}.register__divider{text-align:center;position:relative;margin:2rem 0}.register__divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#d0d0d0}.register__divider span{background:#ffffff;padding:0 1rem;color:#0009;font-size:.875rem;position:relative;z-index:1}.register__login{text-align:center}.register__login .login__link{display:inline-block;padding:.75rem 2rem;border:1px solid #0a66c2;border-radius:1.5rem;color:#0a66c2;text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s ease-in-out}.register__login .login__link:hover{background-color:#0a66c20d;border-color:#004182;color:#004182;text-decoration:none;box-shadow:0 2px 4px #00000014}.register__footer{text-align:center;margin-top:3rem}.register__footer p{color:#0006;font-size:.75rem;margin:0;line-height:1.5}.register__footer a{color:#0a66c2;text-decoration:none;margin:0 .5rem}.register__footer a:hover{text-decoration:underline}.img_illustration{margin-top:30px;max-width:100%;height:auto;margin-left:20px;transition:all .2s ease-in-out}.server-error{background-color:#d111240d;border:1px solid rgba(209,17,36,.2);border-radius:.5rem;padding:1rem;color:#d11124;font-size:.875rem;text-align:center;margin-bottom:1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid #0a66c2;outline-offset:2px}@media (max-width: 480px){.register__form-section{padding:1.5rem}.register__header h1{font-size:1.75rem}.register .form__submit,.register .form .login__link{width:100%;justify-content:center}.register__form-row{grid-template-columns:1fr}}.form__privacy-policy{margin:1.5rem 0 2rem;padding:1rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.privacy-policy__checkbox-container{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.privacy-policy__checkbox{width:20px;height:20px;margin-top:2px;accent-color:#0ea5e9;cursor:pointer}.privacy-policy__checkbox:disabled{cursor:not-allowed;opacity:.6}.privacy-policy__checkbox--error{outline:2px solid #ef4444;outline-offset:2px}.privacy-policy__label{font-size:.95rem;color:#334155;line-height:1.5;cursor:pointer}.privacy-policy__label:hover{color:#0f172a}.privacy-policy__link{color:#0ea5e9;text-decoration:none;font-weight:600}.privacy-policy__link:hover{text-decoration:underline;color:#0284c7}.privacy-policy__error{display:block;margin-top:.25rem;margin-left:1.75rem}.privacy-policy__description{margin-top:.75rem;padding:.75rem;background-color:#fff;border-radius:6px;border-left:4px solid #0ea5e9}.privacy-policy__description p{font-size:.85rem;color:#64748b;line-height:1.5;margin:0}.form__submit:disabled:not(.form__submit--loading){background-color:#cbd5e1;cursor:not-allowed}.form__submit:disabled:not(.form__submit--loading):hover{background-color:#cbd5e1;transform:none}.footer__link{color:#0ea5e9;text-decoration:none}.footer__link:hover{text-decoration:underline;color:#0284c7}.server-error{margin-bottom:1rem}.add-multistep{padding:40px 0;background:#f8f9fa;min-height:100vh}.add-multistep .container{max-width:800px;margin:0 auto;background:white;border-radius:12px;padding:40px;box-shadow:0 2px 20px #0000001a}.add-multistep .form-header{text-align:center;margin-bottom:40px}.add-multistep .form-header h1{color:#fff;margin-bottom:8px;font-size:2rem}.add-multistep .form-header p{color:#fff;font-size:1.1rem}.rich-text-display{line-height:1.6}.rich-text-display strong,.rich-text-display b{font-weight:700}.rich-text-display em,.rich-text-display i{font-style:italic}.rich-text-display u{text-decoration:underline}.rich-text-display ul,.rich-text-display ol{margin:8px 0;padding-left:20px}.rich-text-display li{margin:4px 0}.description-preview{background:#f8f9fa;padding:12px;border-radius:8px;border:1px solid #e9ecef;margin-top:8px}.progress-steps{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;position:relative}.progress-steps .step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.progress-steps .step.active .step-circle,.progress-steps .step.completed .step-circle{background:#6b2bff;color:#fff;border-color:#6b2bff}.progress-steps .step-circle{width:40px;height:40px;border-radius:50%;border:2px solid #ddd;display:flex;align-items:center;justify-content:center;font-weight:700;background:white;transition:all .3s ease;z-index:2}.progress-steps .step-title{margin-top:8px;font-size:.9rem;color:#666;font-weight:500}.progress-steps .step-connector{position:absolute;top:20px;left:60px;right:0;height:2px;background:#ddd;z-index:1}.progress-steps .step.completed .step-connector{background:#6b2bff}.step-container{min-height:400px}.step-content h2{color:#333;margin-bottom:8px;font-size:1.5rem}.step-content .step-description{color:#666;margin-bottom:30px;font-size:1rem}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6b2bff}.form-group input.error-input,.form-group select.error-input,.form-group textarea.error-input{border-color:#ef4444}.simple-rich-editor{border:1px solid #ddd;border-radius:8px;overflow:hidden}.simple-rich-editor.error-editor{border-color:#ff4d4f;box-shadow:0 0 0 2px #ff4d4f1a}.simple-rich-editor .editor-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap}.simple-rich-editor .editor-toolbar .toolbar-btn{background:white;border:1px solid #dee2e6;border-radius:4px;padding:6px 10px;cursor:pointer;font-size:13px;transition:all .2s ease}.simple-rich-editor .editor-toolbar .toolbar-btn:hover{background:#e9ecef;border-color:#adb5bd}.simple-rich-editor .editor-toolbar .toolbar-btn:active{background:#dee2e6}.simple-rich-editor .editor-toolbar .toolbar-separator{width:1px;height:20px;background:#dee2e6;margin:0 4px}.simple-rich-editor .editor-content{min-height:200px;max-height:400px;overflow-y:auto;padding:16px;font-size:14px;line-height:1.6;outline:none}.simple-rich-editor .editor-content[placeholder]:empty:before{content:attr(placeholder);color:#6c757d;font-style:italic}.simple-rich-editor .editor-content strong,.simple-rich-editor .editor-content b{font-weight:700}.simple-rich-editor .editor-content em,.simple-rich-editor .editor-content i{font-style:italic}.simple-rich-editor .editor-content u{text-decoration:underline}.simple-rich-editor .editor-content ul,.simple-rich-editor .editor-content ol{padding-left:24px;margin:8px 0}.simple-rich-editor .editor-content ul{list-style-type:disc}.simple-rich-editor .editor-content ol{list-style-type:decimal}.simple-rich-editor .editor-content li{margin:4px 0}.editor-tips{margin-top:8px;color:#6c757d;font-size:12px}.editor-tips small strong,.editor-tips small em{color:#495057}.description-review{margin-top:8px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.description-review strong,.description-review b{font-weight:700}.description-review em,.description-review i{font-style:italic}.description-review u{text-decoration:underline}.description-review ul,.description-review ol{padding-left:20px;margin:8px 0}.description-review ul{list-style-type:disc}.description-review ol{list-style-type:decimal}.description-review li{margin:4px 0}.image-preview-container{margin-top:15px}.preview-image-wrapper{position:relative;border-radius:8px;overflow:hidden;border:2px dashed #ddd}.preview-image-wrapper .preview-image{width:100%;height:200px;object-fit:cover;display:block}.preview-image-wrapper .image-actions{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);padding:10px;display:flex;gap:10px;justify-content:center}.preview-image-wrapper .image-actions .replace-btn,.preview-image-wrapper .image-actions .remove-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.preview-image-wrapper .image-actions .replace-btn:hover,.preview-image-wrapper .image-actions .remove-btn:hover{transform:translateY(-2px)}.preview-image-wrapper .image-actions .replace-btn{background:#1dbf73;color:#fff}.preview-image-wrapper .image-actions .remove-btn{background:#e74c3c;color:#fff}.gallery-previews{margin-top:15px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-bottom:15px}.gallery-preview-item{position:relative;border-radius:8px;overflow:hidden;border:2px dashed #ddd;aspect-ratio:1}.gallery-preview-item .gallery-preview-image{width:100%;height:100%;object-fit:cover;display:block}.gallery-preview-item .gallery-image-actions{position:absolute;top:5px;right:5px;display:flex;gap:5px;opacity:0;transition:opacity .3s ease}.gallery-preview-item .gallery-image-actions .gallery-action-btn{width:30px;height:30px;border:none;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.gallery-preview-item .gallery-image-actions .gallery-action-btn.replace{background:#3498db;color:#fff}.gallery-preview-item .gallery-image-actions .gallery-action-btn.remove{background:#e74c3c;color:#fff}.gallery-preview-item .gallery-image-actions .gallery-action-btn:hover{transform:scale(1.1)}.gallery-preview-item .image-number{position:absolute;top:5px;left:5px;background:rgba(0,0,0,.7);color:#fff;padding:2px 6px;border-radius:10px;font-size:10px}.gallery-preview-item:hover .gallery-image-actions{opacity:1}.add-more-images{display:flex;align-items:center;justify-content:center;height:100%;border:2px dashed #1dbf73;border-radius:8px;background:#f8fff8;color:#1dbf73;text-decoration:none;font-weight:500;cursor:pointer;transition:all .3s ease}.add-more-images:hover{background:#1dbf73;color:#fff}.media-review .cover-review,.media-review .gallery-review{margin-bottom:20px}.media-review .cover-review strong,.media-review .gallery-review strong{display:block;margin-bottom:10px}.media-review .review-cover-image{width:100%;max-width:300px;height:150px;object-fit:cover;border-radius:8px;border:2px solid #ddd}.media-review .review-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.media-review .review-gallery .review-gallery-image{width:100%;height:80px;object-fit:cover;border-radius:6px;border:1px solid #ddd}.upload-submit-btn.completed{background:#27ae60!important;cursor:not-allowed}.upload-submit-btn.completed:hover{background:#27ae60!important;transform:none!important}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.preview-image-wrapper .preview-image{height:150px}.image-actions{flex-direction:column;gap:5px}.image-actions .replace-btn,.image-actions .remove-btn{padding:6px 12px;font-size:12px}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.form-grid .form-group{margin-bottom:0}.form-grid .form-group:nth-child(2){grid-column:1/-1}.feature-form{margin-bottom:16px}.feature-input-group{display:flex;gap:12px}.feature-input-group input{flex:1}.feature-input-group .btn-secondary{background:#6c757d;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .3s ease}.feature-input-group .btn-secondary:hover{background:rgb(84.3605150215,91.3905579399,97.6394849785)}.features-list{display:flex;flex-wrap:wrap;gap:8px;min-height:40px;align-items:center}.no-features{color:#666;font-style:italic;font-size:.9rem}.feature-tag{background:white;color:#4b00f7;padding:6px 12px;border-radius:20px;font-size:.9rem;display:flex;align-items:center;gap:8px;font-weight:500}.feature-tag .remove-feature{background:none;border:none;color:#4b00f7;cursor:pointer;font-size:1.2rem;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.feature-tag .remove-feature:hover{background:#EF4444;color:#fff}.upload-section .upload-card{background:#f8f9fa;border-radius:8px;padding:24px;margin-bottom:20px}.upload-section .upload-header{margin-bottom:16px}.upload-section .upload-header h3{margin-bottom:4px;color:#333}.upload-section .upload-header p{color:#666;font-size:.9rem}.upload-section .upload-area input[type=file]{display:none}.upload-section .upload-btn{display:inline-block;background:white;border:2px dashed #ddd;padding:20px;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease;width:100%}.upload-section .upload-btn:hover{border-color:#6b2bff;color:#6b2bff}.upload-section .file-name{display:block;margin-top:8px;color:#666;font-size:.9rem}.upload-submit-btn{width:100%;background:#6b2bff;color:#fff;border:none;padding:16px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .3s ease}.upload-submit-btn:hover:not(:disabled){background:#7C3AED}.upload-submit-btn:disabled{background:#ccc;cursor:not-allowed}.upload-submit-btn.uploading{background:#6c757d}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.upload-success{background:rgb(181.828358209,248.671641791,226.5223880597);border:1px solid #10B981;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px;margin-top:20px}.upload-success .success-icon{background:#10B981;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.upload-success h4{margin:0;color:#085b40}.upload-success p{margin:0;color:#666;font-size:.9rem}.pricing-card{background:#f8f9fa;border-radius:12px;padding:30px;text-align:center}.price-input-group{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.price-input-group .currency-symbol{font-size:2rem;font-weight:700;color:#333;margin-right:8px}.price-input-group input{font-size:2rem;font-weight:700;text-align:center;max-width:200px;border:2px solid #e1e5e9;border-radius:8px;padding:12px}.price-features{text-align:left;background:white;padding:20px;border-radius:8px}.price-features h4{margin-bottom:12px;color:#333}.price-features ul{list-style:none;padding:0}.price-features ul li{padding:4px 0;color:#666}.price-features ul li:before{content:"✓";color:#10b981;font-weight:700;margin-right:8px}.review-card{background:#f8f9fa;border-radius:12px;padding:30px}.review-section{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e1e5e9}.review-section:last-child{border-bottom:none;margin-bottom:0}.review-section h3{color:#333;margin-bottom:16px;font-size:1.2rem}.review-item{margin-bottom:12px}.review-item strong{color:#333;display:block;margin-bottom:4px}.review-item p{margin:0;color:#666;line-height:1.5}.features-review{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.feature-review-tag{background:white;color:#4b00f7;padding:4px 12px;border-radius:16px;font-size:.9rem}.media-status{padding:12px 16px;border-radius:8px;font-weight:500}.media-status.success{background:rgb(181.828358209,248.671641791,226.5223880597);color:#085b40}.media-status.warning{background:#fff3cd;color:#856404}.price-review{font-size:1.5rem;font-weight:700;color:#6b2bff}.form-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px;border-top:1px solid #e1e5e9}.form-navigation button{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:rgb(84.3605150215,91.3905579399,97.6394849785)}.btn-primary{background:#6b2bff;color:#fff}.btn-primary:hover{background:#7C3AED}.btn-submit{background:#6b2bff;color:#fff}.btn-submit:hover:not(:disabled){background:#7C3AED}.btn-submit:disabled{background:#ccc;cursor:not-allowed}.error{color:#ef4444;font-size:.9rem;margin-top:4px;display:block}@media (max-width: 768px){.add-multistep .container{margin:20px;padding:20px}.progress-steps{flex-wrap:wrap;gap:20px}.form-grid{grid-template-columns:1fr}.form-grid .form-group:nth-child(2){grid-column:1}.feature-input-group{flex-direction:column}.form-navigation{flex-direction:column;gap:12px}.form-navigation button{width:100%}}.media-section{margin-top:2rem}.media-section .form-group{margin-bottom:2rem}.media-section .form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#333;font-size:1rem}.media-section .form-group .help-text{color:#666;font-size:.875rem;margin-bottom:1rem;line-height:1.4}.media-section .form-group .help-text strong{color:#e74c3c}.file-input{width:100%;padding:.75rem;border:2px dashed #ddd;border-radius:8px;background-color:#fafafa;transition:all .3s ease;cursor:pointer}.file-input:hover{border-color:#3498db;background-color:#f0f8ff}.file-input:focus{outline:none;border-color:#2980b9;background-color:#fff}.file-input::file-selector-button{background:#3498db;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;margin-right:1rem;transition:background .3s ease}.file-input::file-selector-button:hover{background:#2980b9}.file-preview{margin-top:1rem;padding:1rem;border:1px solid #e0e0e0;border-radius:8px;background:#f8f9fa;display:flex;align-items:center;gap:1rem;animation:fadeIn .3s ease}.file-preview .preview-image{width:80px;height:80px;object-fit:cover;border-radius:6px;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.file-preview span{font-size:.9rem;color:#555;font-weight:500}.upload-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.upload-section .btn-upload{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:.75rem 2rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #27ae604d}.upload-section .btn-upload:hover:not(:disabled){background:linear-gradient(135deg,#229954,#27ae60);transform:translateY(-1px);box-shadow:0 4px 8px #27ae6066}.upload-section .btn-upload:disabled{background:#bdc3c7;cursor:not-allowed;transform:none;box-shadow:none}.upload-section .btn-upload.uploading{background:linear-gradient(135deg,#f39c12,#e67e22);position:relative;overflow:hidden}.upload-section .btn-upload.uploading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.upload-section .upload-success{margin-top:1rem;padding:.75rem 1rem;background:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:6px;font-weight:500;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s ease}.upload-section .upload-success:before{content:"✓";font-weight:700;font-size:1.1rem}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.media-review .cover-review{margin-top:1rem}.media-review .cover-review strong{display:block;margin-bottom:.5rem;color:#333}.media-review .cover-review .review-cover-image{width:150px;height:100px;object-fit:cover;border-radius:8px;border:2px solid #e0e0e0;box-shadow:0 2px 8px #0000001a}.media-status{margin-top:1rem;padding:.75rem;border-radius:6px;font-weight:500;display:flex;align-items:center;gap:.5rem}.media-status.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.media-status.success:before{content:"✓";font-weight:700}.media-status.warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.media-status.warning:before{content:"⚠";font-weight:700}@media (max-width: 768px){.media-section{margin-top:1rem}.media-section .form-group{margin-bottom:1.5rem}.file-preview{flex-direction:column;text-align:center;gap:.75rem}.file-preview .preview-image{width:100px;height:100px}.upload-section .btn-upload{width:100%;padding:1rem}.media-review .cover-review .review-cover-image{width:120px;height:80px}}.error{color:#e74c3c;font-size:.875rem;margin-top:.25rem;display:block;font-weight:500}.file-input.error-input{border-color:#e74c3c;background-color:#fdf2f2}.file-input.drag-over{border-color:#3498db;background-color:#ebf5fb;transform:scale(1.02)}.uploading-state{position:relative}.uploading-state:before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;border-radius:8px}.uploading-state .upload-progress{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;background:#3498db;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.875rem}.messages{display:flex;justify-content:center}.messages .container{width:1400px;padding:50px 0}.messages .container .title{display:flex;justify-content:space-between}.messages .container .title button{background-color:#1dbf73;color:#fff;font-weight:500;border:none;padding:10px;cursor:pointer}.messages .container table{width:100%}.messages .container table tr{height:100px}.messages .container table tr th{text-align:left}.messages .container table tr td{padding:10px}.messages .container table tr td:first-child{font-weight:500}.messages .container table tr td:nth-child(2),.messages .container table tr td:nth-child(3){color:gray}.messages .container table tr button{background-color:#1dbf73;color:#fff;padding:10px;border:none;cursor:pointer}.messages .container table tr.active{background-color:#1dbf730f}.message{display:flex;justify-content:center}.message .container{width:1200px;margin:50px}.message .container .breadcrumbs{font-weight:300;font-size:13px;color:#555}.message .container .messages{margin:30px 0;padding:50px;display:flex;flex-direction:column;gap:20px;height:500px;overflow:scroll}.message .container .messages .item{display:flex;gap:20px;max-width:600px;font-size:18px}.message .container .messages .item.owner{flex-direction:row-reverse;align-self:flex-end}.message .container .messages .item.owner p{max-width:500px;border-radius:20px 0 20px 20px;background-color:#4169e1;color:#fff}.message .container .messages .item img{width:40px;height:40px;border-radius:50%;object-fit:cover}.message .container .messages .item p{max-width:500px;padding:20px;background-color:#f4f1f1;border-radius:0 20px 20px;color:gray;font-weight:300}.message .container hr{height:0;border:.5px solid rgb(232,230,230);margin-bottom:20px}.message .container .write{display:flex;align-items:center;justify-content:space-between}.message .container .write textarea{width:80%;height:100px;padding:10px;border:1px solid lightgray;border-radius:10px}.message .container .write button{background-color:#1dbf73;padding:20px;color:#fff;font-weight:500;border:none;border-radius:10px;cursor:pointer;width:100px}.myGigs{padding:40px 0;min-height:70vh}.myGigs .container{max-width:1200px;margin:0 auto;padding:0 20px}.myGigs .header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.myGigs .header-section .title-content h1{margin-top:50px;font-size:2.5rem;font-weight:700;color:#333;margin-bottom:8px}.myGigs .header-section .title-content p{font-size:1.1rem;color:#666;margin:0}.myGigs .header-section .add-gig-btn{margin-top:50px;background:#0073f7;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.myGigs .header-section .add-gig-btn:hover{background:#001c46;transform:translateY(-2px);box-shadow:0 4px 12px #1dbf734d}.myGigs .auth-message,.myGigs .seller-message,.myGigs .empty-state{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;margin:40px 0}.myGigs .auth-message h2,.myGigs .seller-message h2,.myGigs .empty-state h2{font-size:2rem;color:#333;margin-bottom:16px}.myGigs .auth-message p,.myGigs .seller-message p,.myGigs .empty-state p{font-size:1.1rem;color:#666;margin-bottom:24px}.myGigs .auth-message .action-buttons,.myGigs .seller-message .action-buttons,.myGigs .empty-state .action-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.myGigs .primary-btn{background:#1dbf73;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.myGigs .primary-btn:hover{background:#19a463;transform:translateY(-2px)}.myGigs .secondary-btn{background:transparent;color:#1dbf73;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;border:2px solid #1dbf73;cursor:pointer;transition:all .3s ease}.myGigs .secondary-btn:hover{background:#1dbf73;color:#fff}.myGigs .loading-state,.myGigs .error-state{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;margin:40px 0}.myGigs .loading-state .spinner,.myGigs .error-state .spinner{border:4px solid #f3f3f3;border-top:4px solid #1dbf73;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}.myGigs .loading-state h3,.myGigs .error-state h3{font-size:1.5rem;color:#333;margin-bottom:16px}.myGigs .loading-state p,.myGigs .error-state p{color:#666;margin-bottom:20px}.myGigs .error-state{background:#fff5f5;border:1px solid #fed7d7}.myGigs .error-state h3{color:#e53e3e}.myGigs .gigs-table-container{background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.myGigs .gigs-table{width:100%;border-collapse:collapse}.myGigs .gigs-table thead{background:#f8f9fa}.myGigs .gigs-table thead th{padding:20px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e9ecef;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.myGigs .gigs-table tbody tr.gig-row{border-bottom:1px solid #e9ecef;transition:background-color .3s ease}.myGigs .gigs-table tbody tr.gig-row:hover{background:#f8f9fa}.myGigs .gigs-table tbody tr.gig-row:last-child{border-bottom:none}.myGigs .gigs-table tbody tr.gig-row td{padding:20px;vertical-align:middle}.myGigs .gig-image{width:80px;height:60px;border-radius:8px;overflow:hidden}.myGigs .gig-image img{width:100%;height:100%;object-fit:cover}.myGigs .gig-info .gig-title{font-weight:600;color:#333;margin-bottom:4px;font-size:1rem}.myGigs .gig-info .gig-category{color:#666;font-size:.9rem;margin:0}.myGigs .price{font-weight:700;color:#000;font-size:1.1rem}.myGigs .sales{font-weight:600;color:#333}.myGigs .action-buttons{display:flex;gap:8px;flex-wrap:wrap}.myGigs .action-buttons .view-btn,.myGigs .action-buttons .edit-btn,.myGigs .action-buttons .delete-btn{padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all .3s ease;white-space:nowrap}.myGigs .action-buttons .view-btn{background:#0095ff;color:#fff}.myGigs .action-buttons .view-btn:hover{background:#003968}.myGigs .action-buttons .edit-btn{background:#ff9d00;color:#fff}.myGigs .action-buttons .edit-btn:hover{background:#a06000}.myGigs .action-buttons .delete-btn{background:#ff082d;color:#fff}.myGigs .action-buttons .delete-btn:hover:not(:disabled){background:#aa0011;transform:translateY(-1px)}.myGigs .action-buttons .delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.myGigs .action-buttons .delete-btn.deleting{background:#ffcdd2;color:#b71c1c}@media (max-width: 768px){.myGigs{padding:20px 0}.myGigs .header-section{flex-direction:column;text-align:center}.myGigs .header-section .title-content h1{font-size:2rem}.myGigs .gigs-table-container{overflow-x:auto}.myGigs .gigs-table{min-width:600px}.myGigs .gigs-table th,.myGigs .gigs-table td{padding:12px 8px}.myGigs .action-buttons{flex-direction:column}.myGigs .action-buttons .view-btn,.myGigs .action-buttons .edit-btn,.myGigs .action-buttons .delete-btn{text-align:center;padding:10px}}.edit-gig-container{min-height:100vh;background:#f8f9fa}.edit-gig-container .edit-gig-header{background:white;border-bottom:1px solid #e0e0e0;padding:1rem 0}.edit-gig-container .edit-gig-header .header-content{max-width:900px;margin:0 auto;padding:0 2rem}.edit-gig-container .edit-gig-header .header-content h1{font-size:2.5rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.edit-gig-container .edit-gig-header .header-content p{font-size:1.1rem;color:#666;margin:0}.edit-gig-container .edit-gig-content{max-width:1200px;margin:0 auto;padding:200px}.steps-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:0rem;position:relative}.steps-navigation:before{content:"";position:absolute;top:1.5rem;left:0;right:0;height:2px;background:#e0e0e0;z-index:1}.steps-navigation .step-nav-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.steps-navigation .step-nav-item .step-nav-circle{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;background:white;border:2px solid #e0e0e0;color:#666;margin-bottom:.5rem;transition:all .3s ease}.steps-navigation .step-nav-item .step-nav-label{font-size:.9rem;font-weight:500;color:#666;transition:color .3s ease}.steps-navigation .step-nav-item.active .step-nav-circle{border-color:#0a66c2;background:#0a66c2;color:#fff}.steps-navigation .step-nav-item.active .step-nav-label{color:#0a66c2;font-weight:600}.steps-navigation .step-nav-item.completed .step-nav-circle{border-color:#0a66c2;background:#0a66c2;color:#fff}.step-container{background:white;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;overflow:hidden}.step-container .step-header{padding:2rem 2rem 1rem;border-bottom:1px solid #f0f0f0}.step-container .step-header .step-indicator{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.step-container .step-header .step-indicator .step-number{font-weight:600;color:#0a66c2}.step-container .step-header .step-indicator .step-total{color:#666;font-size:.9rem}.step-container .step-header .step-title{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.step-container .step-header .step-subtitle{color:#666;font-size:1.1rem;margin:0}.step-container .step-content{padding:2rem}.form-grid{display:grid;gap:1.5rem}.form-grid.two-columns{grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.form-grid.two-columns{grid-template-columns:1fr}}.form-field{margin-bottom:1.5rem}.form-field .form-label{display:block;font-weight:600;color:#1a1a1a;margin-bottom:.5rem;font-size:.95rem}.form-field .form-label .required-asterisk{color:#dc2626;margin-left:.25rem}.form-field .helper-text{font-size:.875rem;color:#666;margin-top:.25rem}.form-field .error-message{color:#dc2626;font-size:.875rem;margin-top:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:white}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#0a66c2;box-shadow:0 0 0 3px #0a66c21a}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.professional-editor{border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .2s ease}.professional-editor.focused{border-color:#0a66c2;box-shadow:0 0 0 3px #0a66c21a}.professional-editor.error{border-color:#dc2626}.professional-editor .editor-toolbar{display:flex;align-items:center;padding:.75rem;background:#f8f9fa;border-bottom:1px solid #e0e0e0;gap:.5rem}.professional-editor .editor-toolbar .toolbar-group{display:flex;gap:.25rem}.professional-editor .editor-toolbar .toolbar-group:not(:last-child):after{content:"";width:1px;height:1.5rem;background:#e0e0e0;margin:0 .5rem}.professional-editor .editor-toolbar .toolbar-btn{padding:.5rem .75rem;border:1px solid transparent;background:transparent;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.professional-editor .editor-toolbar .toolbar-btn:hover{background:#e8f4fd;border-color:#0a66c2}.professional-editor .editor-toolbar .toolbar-btn.active{background:#0a66c2;color:#fff}.professional-editor .editor-content{min-height:200px;padding:1rem;outline:none}.professional-editor .editor-content[data-placeholder]:empty:before{content:attr(data-placeholder);color:#9ca3af}.tags-input-form .tags-input-container{display:flex;gap:.5rem}.tags-input-form .tags-input-container .tags-input{flex:1}.tags-input-form .tags-input-container .add-tag-btn{padding:.75rem 1.5rem;background:#0a66c2;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s ease}.tags-input-form .tags-input-container .add-tag-btn:hover{background:#004182}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#e8f4fd;color:#0a66c2;border-radius:20px;font-size:.9rem;font-weight:500}.tag .tag-remove{background:none;border:none;color:#0a66c2;cursor:pointer;font-size:1.2rem;padding:0;width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%}.tag .tag-remove:hover{background:#0a66c2;color:#fff}.media-grid{display:grid;gap:2rem}.upload-card{border:2px dashed #e0e0e0;border-radius:12px;padding:2rem;transition:all .3s ease}.upload-card:hover{border-color:#0a66c2}.upload-card .upload-card-header{margin-bottom:1.5rem}.upload-card .upload-card-header h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:.25rem}.upload-card .upload-card-header p{color:#666;margin:0}.upload-card .file-input{display:none}.upload-area .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;border:2px dashed #d1d5db;border-radius:8px;background:#fafbfc;cursor:pointer;transition:all .3s ease;text-align:center}.upload-area .upload-placeholder:hover{border-color:#0a66c2;background:#f0f7ff}.upload-area .upload-placeholder .upload-icon{font-size:2.5rem;margin-bottom:1rem}.upload-area .upload-placeholder span{font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.upload-area .upload-placeholder small{color:#666}.image-preview .single-preview{position:relative;border-radius:8px;overflow:hidden}.image-preview .single-preview img{width:100%;height:300px;object-fit:cover}.image-preview .single-preview .preview-actions{position:absolute;bottom:1rem;right:1rem}.image-preview .gallery-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.image-preview .gallery-preview .gallery-item{aspect-ratio:1;border-radius:8px;overflow:hidden}.image-preview .gallery-preview .gallery-item img{width:100%;height:100%;object-fit:cover}.image-preview .gallery-preview .add-more-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #d1d5db;border-radius:8px;background:#fafbfc;cursor:pointer;transition:all .3s ease;text-align:center;padding:2rem}.image-preview .gallery-preview .add-more-btn:hover{border-color:#0a66c2;background:#f0f7ff}.pricing-container{display:flex;justify-content:center}.pricing-card{background:#f8f9fa;border-radius:12px;padding:2rem;max-width:500px;width:100%}.price-input-wrapper{display:flex;align-items:center;background:white;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden}.price-input-wrapper .currency{padding:.75rem 1rem;background:#f3f4f6;font-weight:600;color:#374151;border-right:1px solid #e0e0e0}.price-input-wrapper .price-input{flex:1;border:none;padding:.75rem 1rem;font-size:1.5rem;font-weight:600}.price-input-wrapper .price-input:focus{outline:none}.included-features{margin-top:2rem}.included-features h4{margin-bottom:1rem;color:#1a1a1a}.included-features ul{list-style:none;padding:0;margin:0}.included-features ul li{padding:.5rem 0;color:#666}.review-container{display:grid;gap:2rem}.review-section{background:#f8f9fa;border-radius:12px;padding:1.5rem}.review-section .review-section-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e0e0e0}.review-item{margin-bottom:1rem}.review-item strong{color:#1a1a1a;display:block;margin-bottom:.25rem}.review-item .html-content{margin-top:.5rem;line-height:1.6}.tags-review{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.media-status{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:8px;background:white}.media-status .status-indicator{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.media-status .status-indicator.success{background:#d1fae5;color:#059669}.media-status .status-indicator.warning{background:#fef3c7;color:#d97706}.upload-actions,.submit-actions{display:flex;justify-content:center;margin-top:2rem}.upload-btn,.submit-btn{padding:1rem 2rem;border:none;border-radius:24px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.upload-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed}.upload-btn{background:#0a66c2;color:#fff}.upload-btn:hover:not(:disabled){background:#004182}.upload-btn.uploading{background:#ca8a04}.upload-btn.completed{background:#059669}.submit-btn{background:#059669;color:#fff;padding:1.25rem 3rem;font-size:1.1rem}.submit-btn:hover:not(:disabled){background:#047857}.steps-actions{display:flex;justify-content:space-between;align-items:center;padding:2rem 0}.btn-primary,.btn-secondary,.btn-outline{padding:.75rem 1.5rem;border:none;border-radius:24px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:#0a66c2;color:#fff}.btn-primary:hover{background:#004182}.btn-secondary{background:transparent;color:#666;border:1px solid #666}.btn-secondary:hover{background:#f3f4f6}.btn-outline{background:white;color:#0a66c2;border:1px solid #0a66c2}.btn-outline:hover{background:#f0f7ff}.edit-gig-loading,.edit-gig-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.edit-gig-loading .loading-spinner,.edit-gig-error .loading-spinner{width:3rem;height:3rem;border:3px solid #e0e0e0;border-top:3px solid #0a66c2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.edit-gig-content{padding:1rem}.steps-navigation{flex-direction:column;gap:1rem}.steps-navigation:before{display:none}.step-container .step-content{padding:1.5rem}.steps-actions{flex-direction:column;gap:1rem}.steps-actions button{width:100%;justify-content:center}}.textarea-with-counter{position:relative}.textarea-with-counter .character-counter{position:absolute;bottom:.5rem;right:.5rem;font-size:.875rem;color:#666;background:white;padding:.25rem .5rem;border-radius:4px}.google-meet-scheduler{background:white;border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000001a;border:1px solid #e1e5e9;max-width:500px;margin:20px 0}.google-meet-scheduler .scheduler-header{text-align:center;margin-bottom:24px}.google-meet-scheduler .scheduler-header h3{margin:0 0 8px;color:#1a73e8;font-size:20px;font-weight:600}.google-meet-scheduler .scheduler-header p{margin:0;color:#5f6368;font-size:14px}.google-meet-scheduler .scheduler-form .form-section{margin-bottom:24px}.google-meet-scheduler .scheduler-form .form-section h4{margin:0 0 16px;color:#3c4043;font-size:16px;font-weight:500;border-bottom:1px solid #f1f3f4;padding-bottom:8px}.google-meet-scheduler .scheduler-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.google-meet-scheduler .scheduler-form .form-row{grid-template-columns:1fr}}.google-meet-scheduler .scheduler-form .form-group label{display:block;margin-bottom:6px;font-weight:500;color:#3c4043;font-size:14px}.google-meet-scheduler .scheduler-form .form-group input,.google-meet-scheduler .scheduler-form .form-group select{width:100%;padding:10px 12px;border:1px solid #dadce0;border-radius:6px;font-size:14px;transition:all .2s ease;background:white}.google-meet-scheduler .scheduler-form .form-group input:focus,.google-meet-scheduler .scheduler-form .form-group select:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}.google-meet-scheduler .scheduler-form .form-group input:invalid,.google-meet-scheduler .scheduler-form .form-group select:invalid{border-color:#ea4335}.google-meet-scheduler .scheduler-form .form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;border-radius:4px}.google-meet-scheduler .action-buttons{display:flex;gap:12px;margin:24px 0}@media (max-width: 480px){.google-meet-scheduler .action-buttons{flex-direction:column}}.google-meet-scheduler .action-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:6px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.google-meet-scheduler .action-buttons button .icon{font-size:16px}.google-meet-scheduler .action-buttons button.primary{background:#1a73e8;color:#fff}.google-meet-scheduler .action-buttons button.primary:hover:not(:disabled){background:#1669d9;transform:translateY(-1px)}.google-meet-scheduler .action-buttons button.primary:disabled{background:#9aa0a6;cursor:not-allowed;transform:none}.google-meet-scheduler .action-buttons button.secondary{background:white;color:#1a73e8;border:1px solid #1a73e8}.google-meet-scheduler .action-buttons button.secondary:hover{background:#f8f9fa}.google-meet-scheduler .meeting-summary{background:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #1a73e8;margin-top:16px}.google-meet-scheduler .meeting-summary h4{margin:0 0 12px;color:#3c4043;font-size:14px;font-weight:600}.google-meet-scheduler .meeting-summary .summary-details p{margin:4px 0;font-size:14px;color:#5f6368}.google-meet-scheduler .meeting-summary .summary-details p strong{color:#3c4043}.google-meet-scheduler .help-text{background:#e8f0fe;padding:16px;border-radius:8px;margin-top:20px}.google-meet-scheduler .help-text p{margin:0 0 8px;font-size:14px;color:#1a73e8;font-weight:500}.google-meet-scheduler .help-text ul{margin:0;padding-left:20px}.google-meet-scheduler .help-text ul li{font-size:13px;color:#5f6368;margin-bottom:4px;line-height:1.4}@media (max-width: 768px){.google-meet-scheduler{margin:16px;padding:20px}}.meet-dashboard{min-height:100vh;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%)}.meet-header{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.meet-header .nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.meet-header .nav-container{padding:1rem}}.meet-header .logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-weight:700;font-size:1.5rem;color:#2d3748}.meet-header .logo .logo-icon{font-size:2rem}.meet-header .nav-link{color:#667eea;text-decoration:none;font-weight:500;padding:.75rem 1.5rem;border:2px solid #667eea;border-radius:50px;transition:all .3s ease}.meet-header .nav-link:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:4rem 0}.hero-section .hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width: 968px){.hero-section .hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}}@media (max-width: 768px){.hero-section .hero-container{padding:0 1rem}}.hero-section .badge{display:inline-block;background:rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;backdrop-filter:blur(10px)}.hero-section .hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}@media (max-width: 768px){.hero-section .hero-title{font-size:2.5rem}}.hero-section .hero-title .gradient-text{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section .hero-description{font-size:1.25rem;line-height:1.6;margin-bottom:2rem;opacity:.9}@media (max-width: 768px){.hero-section .hero-description{font-size:1.1rem}}.hero-section .hero-stats{display:flex;gap:2rem}@media (max-width: 768px){.hero-section .hero-stats{justify-content:center;flex-wrap:wrap}}.hero-section .hero-stats .stat{text-align:center}.hero-section .hero-stats .stat .stat-number{font-size:2rem;margin-bottom:.5rem}.hero-section .hero-stats .stat .stat-text{font-size:.875rem;font-weight:600}.hero-section .meeting-card-preview{background:white;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden;max-width:300px;margin:0 auto}.hero-section .meeting-card-preview .preview-header{padding:1rem;background:#f7fafc;border-bottom:1px solid #e2e8f0}.hero-section .meeting-card-preview .preview-header .preview-dots{display:flex;gap:.5rem}.hero-section .meeting-card-preview .preview-header .preview-dots .dot{width:12px;height:12px;border-radius:50%}.hero-section .meeting-card-preview .preview-header .preview-dots .dot.red{background:#fc8181}.hero-section .meeting-card-preview .preview-header .preview-dots .dot.yellow{background:#f6e05e}.hero-section .meeting-card-preview .preview-header .preview-dots .dot.green{background:#68d391}.hero-section .meeting-card-preview .preview-content{padding:2rem;text-align:center}.hero-section .meeting-card-preview .preview-content .preview-title{font-size:1.125rem;font-weight:600;color:#2d3748;margin-bottom:1.5rem}.hero-section .meeting-card-preview .preview-content .preview-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:50px;font-weight:600;cursor:pointer;width:100%;transition:transform .3s ease}.hero-section .meeting-card-preview .preview-content .preview-button.pulse{animation:pulse 2s infinite}.hero-section .meeting-card-preview .preview-content .preview-button:hover{transform:translateY(-2px)}.action-section{padding:4rem 0;background:#f8fafc}.action-section .action-container{max-width:800px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.action-section .action-container{padding:0 1rem}}.action-section .action-card{background:white;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden;padding:3rem}@media (max-width: 768px){.action-section .action-card{padding:2rem 1.5rem}}.action-section .action-card .card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.action-section .action-card .card-header .header-icon{font-size:3rem}.action-section .action-card .card-header .header-content h2{font-size:1.75rem;font-weight:700;color:#2d3748;margin:0 0 .25rem}.action-section .action-card .card-header .header-content p{color:#718096;margin:0}.action-section .action-card .meeting-started-banner{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:1rem 1.5rem;border-radius:12px;margin-top:1.5rem}.action-section .action-card .meeting-started-banner .banner-content{display:flex;align-items:center;gap:1rem}.action-section .action-card .meeting-started-banner .banner-content .banner-icon{font-size:1.5rem}.action-section .action-card .meeting-started-banner .banner-content .banner-text{display:flex;flex-direction:column}.action-section .action-card .meeting-started-banner .banner-content .banner-text strong{font-weight:600}.action-section .action-card .meeting-started-banner .banner-content .banner-text span{font-size:.875rem;opacity:.9}.features-section{padding:6rem 0;background:white}.features-section .features-container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.features-section .features-container{padding:0 1rem}}.features-section .section-header{text-align:center;margin-bottom:4rem}.features-section .section-header h2{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}@media (max-width: 768px){.features-section .section-header h2{font-size:2rem}}.features-section .section-header p{font-size:1.125rem;color:#718096;max-width:600px;margin:0 auto}.features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}@media (max-width: 768px){.features-section .features-grid{grid-template-columns:1fr;gap:1.5rem}}.features-section .features-grid .feature-card{padding:2.5rem;background:#f8fafc;border-radius:16px;text-align:center;transition:all .3s ease;border:1px solid transparent}.features-section .features-grid .feature-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #00000026;border-color:#667eea}.features-section .features-grid .feature-card .feature-icon{font-size:3rem;margin-bottom:1.5rem}.features-section .features-grid .feature-card h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:1rem}.features-section .features-grid .feature-card p{color:#718096;line-height:1.6;margin:0}.steps-section{padding:6rem 0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.steps-section .steps-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width: 968px){.steps-section .steps-container{grid-template-columns:1fr;gap:3rem;text-align:center}}@media (max-width: 768px){.steps-section .steps-container{padding:0 1rem}}.steps-section .steps-content h2{font-size:2.5rem;font-weight:700;margin-bottom:3rem}@media (max-width: 768px){.steps-section .steps-content h2{font-size:2rem}}.steps-section .steps-content .steps{display:flex;flex-direction:column;gap:2rem}.steps-section .steps-content .step{display:flex;align-items:flex-start;gap:1.5rem}@media (max-width: 968px){.steps-section .steps-content .step{justify-content:center}}@media (max-width: 480px){.steps-section .steps-content .step{flex-direction:column;align-items:center;text-align:center}}.steps-section .steps-content .step .step-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:50%;font-weight:700;font-size:1.25rem;flex-shrink:0}.steps-section .steps-content .step .step-content h4{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.steps-section .steps-content .step .step-content p{margin:0;opacity:.9;line-height:1.5}.steps-section .visual-card{background:white;border-radius:16px;box-shadow:0 20px 40px #0000001a;overflow:hidden;max-width:400px;margin:0 auto}.steps-section .visual-card .demo-screen{background:#2d3748;border-radius:12px;overflow:hidden}.steps-section .visual-card .demo-screen .screen-header{padding:1rem;background:#4a5568}.steps-section .visual-card .demo-screen .screen-header .screen-dots{display:flex;gap:.5rem}.steps-section .visual-card .demo-screen .screen-header .screen-dots span{width:8px;height:8px;border-radius:50%;background:#cbd5e0}.steps-section .visual-card .demo-screen .screen-header .screen-dots span:nth-child(1){background:#fc8181}.steps-section .visual-card .demo-screen .screen-header .screen-dots span:nth-child(2){background:#f6e05e}.steps-section .visual-card .demo-screen .screen-header .screen-dots span:nth-child(3){background:#68d391}.steps-section .visual-card .demo-screen .screen-content{padding:3rem 2rem;text-align:center}.steps-section .visual-card .demo-screen .screen-content .user-avatar{font-size:4rem;margin-bottom:1rem}.steps-section .visual-card .demo-screen .screen-content .status-text{color:#a0aec0;margin-bottom:2rem}.steps-section .visual-card .demo-screen .screen-content .action-button{background:#667eea;color:#fff;padding:1rem 2rem;border-radius:8px;font-weight:600;display:inline-block}.meet-footer{background:#2d3748;color:#fff;padding:3rem 0}.meet-footer .footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}@media (max-width: 768px){.meet-footer .footer-container{padding:0 1rem}}.meet-footer .footer-content{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.meet-footer .footer-content{flex-direction:column;gap:2rem;text-align:center}}.meet-footer .footer-content .footer-brand .logo{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.meet-footer .footer-content .footer-brand p{color:#cbd5e0;margin:0}.meet-footer .footer-content .footer-links{display:flex;gap:2rem}@media (max-width: 480px){.meet-footer .footer-content .footer-links{flex-direction:column;gap:1rem}}.meet-footer .footer-content .footer-links a{color:#cbd5e0;text-decoration:none;transition:color .3s ease}.meet-footer .footer-content .footer-links a:hover{color:#fff}@media (max-width: 768px){.hero-section{padding:3rem 0}.action-section,.features-section,.steps-section{padding:4rem 0}.features-grid{grid-template-columns:1fr!important}}@media (max-width: 480px){.hero-title{font-size:2rem!important}.section-header h2{font-size:1.75rem!important}.action-card{padding:1.5rem!important}}.modal-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.assignment-modal{background:white;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;animation:slideUp .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px;background:linear-gradient(135deg,#4361ee 0%,#3a0ca3 100%);color:#fff;border-radius:16px 16px 0 0;position:sticky;top:0;z-index:10}.modal-header .header-content{flex:1}.modal-header .header-content h3{margin:0 0 6px;font-size:1.6rem;font-weight:700;display:flex;align-items:center;gap:10px}.modal-header .header-content .modal-subtitle{margin:0;font-size:.95rem;opacity:.9;font-weight:400}.modal-header .close-btn{background:rgba(255,255,255,.15);border:none;color:#fff;font-size:28px;line-height:1;cursor:pointer;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-left:16px}.modal-header .close-btn:hover{background:rgba(255,255,255,.25);transform:rotate(90deg)}.modal-header .close-btn:active{transform:scale(.95) rotate(90deg)}.student-preview{padding:28px;border-bottom:1px solid #eef2ff;background:#f8faff}.student-preview .student-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.student-preview .student-header .student-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 6px 20px #00000026;flex-shrink:0}.student-preview .student-header .student-info{flex:1}.student-preview .student-header .student-info h4{margin:0 0 10px;font-size:1.4rem;color:#1e293b;font-weight:700}.student-preview .student-header .student-info .student-details{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.student-preview .student-header .student-info .student-details .detail-item{display:flex;align-items:center;gap:6px;font-size:.95rem;color:#475569}.student-preview .student-header .student-info .student-details .detail-item .detail-icon{opacity:.7}.student-preview .student-header .student-info .student-details .detail-item .detail-text{font-weight:500}.student-preview .student-header .student-info .student-details .skill-badge{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;display:inline-flex;align-items:center;gap:6px}.student-preview .student-header .student-info .student-details .skill-badge.debutant{background:linear-gradient(135deg,#dbeafe 0%,#93c5fd 100%);color:#1e40af}.student-preview .student-header .student-info .student-details .skill-badge.intermediaire{background:linear-gradient(135deg,#dcfce7 0%,#86efac 100%);color:#166534}.student-preview .student-header .student-info .student-details .skill-badge.avance{background:linear-gradient(135deg,#fef3c7 0%,#fbbf24 100%);color:#92400e}.student-preview .student-header .student-info .student-details .skill-badge .skill-icon{font-size:.9rem}.student-preview .student-header .student-info .student-details .skill-badge .skill-text{font-weight:600}.student-preview .student-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:20px;background:white;border-radius:12px;border:1px solid #e2e8f0}.student-preview .student-meta .meta-item{display:flex;flex-direction:column;gap:4px}.student-preview .student-meta .meta-item .meta-label{font-size:.85rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.student-preview .student-meta .meta-item .meta-value{font-size:1rem;color:#1e293b;font-weight:600}.assignment-form{padding:28px}.assignment-form .form-group{margin-bottom:32px}.assignment-form .form-group:last-of-type{margin-bottom:0}.assignment-form .form-group label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:600;color:#334155;font-size:1.05rem}.assignment-form .form-group label .label-icon{font-size:1.2rem}.assignment-form .form-group label .label-text{flex:1}.evaluation-textarea{width:100%;padding:16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:120px;transition:all .2s ease;background:#f8fafc}.evaluation-textarea:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 4px #4361ee26;background:white}.evaluation-textarea::placeholder{color:#94a3b8}.form-help{display:block;margin-top:8px;font-size:.85rem;color:#64748b;font-style:italic}.instructor-select-wrapper .instructor-select{width:100%;padding:14px 48px 14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;background:white;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.instructor-select-wrapper .instructor-select:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 4px #4361ee26}.instructor-select-wrapper .instructor-select.no-slots{border-color:#ef4444;background-color:#fef2f2}.instructor-select-wrapper .instructor-select option{padding:12px;font-size:.95rem}.instructor-select-wrapper .instructor-select option.no-slots-option{color:#94a3b8;background-color:#f8fafc}.instructor-select-wrapper .instructor-quick-info{margin-top:16px;padding:16px;background:#f1f5f9;border-radius:12px;border:1px solid #e2e8f0}.instructor-select-wrapper .instructor-quick-info .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.instructor-select-wrapper .instructor-quick-info .info-grid .info-item{display:flex;flex-direction:column;gap:4px}.instructor-select-wrapper .instructor-quick-info .info-grid .info-item .info-label{font-size:.85rem;color:#64748b;font-weight:500}.instructor-select-wrapper .instructor-quick-info .info-grid .info-item .info-value{font-size:1.05rem;font-weight:600}.instructor-select-wrapper .instructor-quick-info .info-grid .info-item .info-value.utilization-high{color:#dc2626}.instructor-select-wrapper .instructor-quick-info .info-grid .info-item .info-value.utilization-medium{color:#f59e0b}.instructor-select-wrapper .instructor-quick-info .info-grid .info-item .info-value.utilization-low{color:#059669}.instructor-select-wrapper .instructor-quick-info .info-grid .info-item .info-value.available-slots{color:#2563eb}.instructor-select-wrapper .instructor-quick-info .info-grid .info-item .info-value.rating{color:#f59e0b;display:flex;align-items:center;gap:4px}.course-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.course-selection-header .courses-count-badge{background:#6366f1;color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.gig-select-wrapper{position:relative}.gig-select-wrapper .gig-select{width:100%;padding:14px 48px 14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;background:white;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px}.gig-select-wrapper .gig-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126}.gig-select-wrapper .gig-select:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}.gig-select-wrapper .gig-select option{padding:12px;font-size:.95rem}.gig-select-wrapper .gig-select option.no-gigs-option{color:#94a3b8;background-color:#f8fafc}.gig-select-wrapper .gig-select option.gig-full-option{color:#94a3b8;background-color:#fef2f2}.loading-gigs{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;background:#f8fafc;border-radius:12px;border:2px dashed #cbd5e1}.loading-gigs .loading-spinner{width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.loading-gigs .loading-text{color:#64748b;font-size:.95rem;font-weight:500}.gig-details-preview{margin-top:20px;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gig-details-preview .gig-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.gig-details-preview .gig-details-header h5{margin:0;font-size:1.1rem;color:#1e293b;font-weight:600}.gig-details-preview .gig-details-header .gig-status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.gig-details-preview .gig-details-header .gig-status-badge.approved{background:#d1fae5;color:#065f46}.gig-details-preview .gig-info-card{padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.gig-details-preview .gig-info-card .gig-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.gig-details-preview .gig-info-card .gig-title-row .gig-title{margin:0;font-size:1.2rem;color:#1e293b;font-weight:700;flex:1}.gig-details-preview .gig-info-card .gig-title-row .gig-price{background:#6366f1;color:#fff;padding:6px 12px;border-radius:8px;font-size:.95rem;font-weight:600;margin-left:16px}.gig-details-preview .gig-info-card .gig-description{margin:0 0 12px;color:#475569;font-size:.95rem;line-height:1.5}.gig-details-preview .gig-info-card .gig-full-description{margin:12px 0;padding:12px;background:white;border-radius:8px;border-left:4px solid #6366f1}.gig-details-preview .gig-info-card .gig-full-description p{margin:0;color:#64748b;font-size:.9rem;line-height:1.5}.gig-details-preview .gig-info-card .gig-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0}.gig-details-preview .gig-info-card .gig-stats-grid .gig-stat{display:flex;align-items:center;gap:10px;padding:12px;background:white;border-radius:8px;border:1px solid #e2e8f0}.gig-details-preview .gig-info-card .gig-stats-grid .gig-stat .stat-icon{font-size:1.1rem;color:#6366f1}.gig-details-preview .gig-info-card .gig-stats-grid .gig-stat .stat-label{font-size:.9rem;color:#64748b;font-weight:500}.gig-details-preview .gig-info-card .gig-stats-grid .gig-stat .stat-value{font-size:.95rem;color:#1e293b;font-weight:600;margin-left:auto;display:flex;align-items:center;gap:4px}.gig-details-preview .gig-info-card .gig-stats-grid .gig-stat .stat-value .stat-percentage{font-size:.85rem;color:#94a3b8;font-weight:400}.gig-details-preview .gig-info-card .gig-meta{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;text-align:right}.gig-details-preview .gig-info-card .gig-meta .meta-text{font-size:.85rem;color:#94a3b8}.no-gigs-message{margin-top:20px;padding:20px;background:#fef3c7;border-radius:12px;border:1px solid #fbbf24;display:flex;gap:16px;align-items:flex-start}.no-gigs-message .message-icon{font-size:1.5rem;color:#d97706;flex-shrink:0}.no-gigs-message .message-content{flex:1}.no-gigs-message .message-content p{margin:0 0 8px;color:#92400e;font-size:.95rem;line-height:1.5}.no-gigs-message .message-content p:last-child{margin-bottom:0}.no-gigs-message .message-content p strong{font-weight:600}.info-message{margin:20px 0;padding:20px;background:#dbeafe;border-radius:12px;border:1px solid #93c5fd;display:flex;gap:16px;align-items:flex-start}.info-message .info-icon{font-size:1.5rem;color:#1d4ed8;flex-shrink:0}.info-message .info-content{flex:1}.info-message .info-content p{margin:0;color:#1e40af;font-size:.95rem;line-height:1.5}.info-message .info-content p strong{font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:32px;margin-top:32px;border-top:1px solid #e2e8f0}.modal-actions .btn-secondary,.modal-actions .btn-primary{padding:14px 32px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:140px}.modal-actions .btn-secondary{background:#f1f5f9;color:#475569}.modal-actions .btn-secondary:hover:not(:disabled){background:#e2e8f0}.modal-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.modal-actions .btn-primary{background:linear-gradient(135deg,#4361ee 0%,#3a0ca3 100%);color:#fff}.modal-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4361ee4d}.modal-actions .btn-primary:active:not(:disabled){transform:translateY(0)}.modal-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.modal-actions .btn-primary .btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.modal-actions .btn-primary .btn-icon{font-size:1.1rem}.modal-actions .btn-primary .btn-text{font-weight:600}@media (max-width: 768px){.assignment-modal{width:95%;margin:10px;max-height:95vh}.modal-header{padding:20px}.modal-header h3{font-size:1.4rem}.student-preview{padding:20px}.student-preview .student-header{flex-direction:column;text-align:center;gap:16px}.student-preview .student-header .student-info{text-align:center}.student-preview .student-meta{grid-template-columns:1fr}.assignment-form{padding:20px}.instructor-quick-info .info-grid{grid-template-columns:1fr}.gig-stats-grid{grid-template-columns:1fr!important}.modal-actions{flex-direction:column}.modal-actions .btn-secondary,.modal-actions .btn-primary{width:100%;min-width:auto}}@media (max-width: 480px){.modal-header{flex-direction:column;gap:16px;align-items:stretch}.modal-header .header-content{text-align:center}.modal-header .close-btn{align-self:flex-end;margin-left:0}.gig-info-card .gig-title-row{flex-direction:column;gap:12px}.gig-info-card .gig-title-row .gig-price{align-self:flex-start;margin-left:0}}.student-assignment{padding:2rem;max-width:1400px;margin:0 auto}.student-assignment .assignment-header{margin-bottom:2rem}.student-assignment .assignment-header h2{margin:0 0 .5rem;font-size:2rem;color:#2c3e50}.student-assignment .assignment-header p{margin:0;color:#6c757d;font-size:1.1rem}.student-assignment .notification{position:fixed;top:20px;right:20px;z-index:1000;min-width:300px;max-width:500px;border-radius:8px;padding:16px;box-shadow:0 4px 12px #00000026}.student-assignment .notification.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.student-assignment .notification.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.student-assignment .notification.confirmation{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.student-assignment .notification-content{display:flex;justify-content:space-between;align-items:center;gap:12px}.student-assignment .confirmation-buttons{display:flex;gap:8px;margin-top:8px}.student-assignment .confirm-btn,.student-assignment .cancel-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.student-assignment .confirm-btn{background:#dc3545;color:#fff}.student-assignment .confirm-btn:hover{background:#c82333}.student-assignment .cancel-btn{background:#6c757d;color:#fff}.student-assignment .cancel-btn:hover{background:#545b62}.student-assignment .close-notification{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;padding:0;margin-left:8px}.student-assignment .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.student-assignment .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.student-assignment .error-container{text-align:center;padding:40px}.student-assignment .error-container .error-icon{font-size:48px;margin-bottom:16px}.student-assignment .error-container .retry-btn{margin-top:16px;padding:8px 16px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.student-assignment .error-container .retry-btn:hover{background:#0056b3}.student-assignment .instructor-card.compact{padding:1rem;margin-bottom:1rem;background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.student-assignment .instructor-card.compact .instructor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;gap:1rem}.student-assignment .instructor-card.compact .instructor-header .instructor-main-info{display:flex;align-items:center;gap:.75rem;flex:1}.student-assignment .instructor-card.compact .instructor-header .instructor-main-info .instructor-avatar{width:45px;height:45px;border-radius:50%;object-fit:cover;flex-shrink:0}.student-assignment .instructor-card.compact .instructor-header .instructor-main-info .instructor-details{min-width:0;flex:1}.student-assignment .instructor-card.compact .instructor-header .instructor-main-info .instructor-details .instructor-name{font-size:1rem;font-weight:700;color:#1a202c;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-assignment .instructor-card.compact .instructor-header .instructor-main-info .instructor-details .instructor-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.student-assignment .instructor-card.compact .instructor-header .instructor-main-info .instructor-details .instructor-meta .instructor-email{font-size:.75rem;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.student-assignment .instructor-card.compact .instructor-header .instructor-main-info .instructor-details .instructor-meta .specialty,.student-assignment .instructor-card.compact .instructor-header .instructor-main-info .instructor-details .instructor-meta .rating{font-size:.7rem;color:#4a5568;background:#f7fafc;padding:.2rem .4rem;border-radius:4px;white-space:nowrap}.student-assignment .instructor-card.compact .instructor-header .instructor-stats{flex-shrink:0;text-align:right;min-width:120px}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .stats-grid{display:flex;gap:.5rem;margin-bottom:.4rem;justify-content:flex-end}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .stats-grid .stat-item{text-align:center}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .stats-grid .stat-item .stat-number,.student-assignment .instructor-card.compact .instructor-header .instructor-stats .stats-grid .stat-item .stat-percent{display:block;font-size:.9rem;font-weight:700;color:#2d3748;line-height:1}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .stats-grid .stat-item .stat-percent.high{color:#e53e3e}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .stats-grid .stat-item .stat-percent.medium{color:#dd6b20}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .stats-grid .stat-item .stat-percent.low{color:#38a169}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .stats-grid .stat-item .stat-label{font-size:.65rem;color:#718096;margin-top:.1rem}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .utilization-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .utilization-bar .utilization-fill{height:100%;background:#48bb78;border-radius:3px;transition:width .3s ease}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .utilization-bar .utilization-fill[data-utilization="100"]{background:#e53e3e}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .utilization-bar .utilization-fill[data-utilization^="9"]:not([data-utilization="100"]){background:#ed8936}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .utilization-bar .utilization-fill[data-utilization^="8"]{background:#ecc94b}.student-assignment .instructor-card.compact .students-section.compact{border-top:1px solid #e2e8f0;padding-top:.75rem}.student-assignment .instructor-card.compact .students-section.compact .students-header{margin-bottom:.5rem}.student-assignment .instructor-card.compact .students-section.compact .students-header .students-title{font-size:.85rem;font-weight:600;color:#4a5568}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border:1px solid #f1f5f9;border-radius:6px;margin-bottom:.4rem;background:#fafafa}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact:hover{background:#f0f4f8}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-info{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-info .student-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-info .student-details{min-width:0;flex:1}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-name{display:block;font-size:.85rem;font-weight:600;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.1rem}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta{display:flex;align-items:center;gap:.4rem}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta .skill-badge{font-size:.6rem;padding:.15rem .3rem;border-radius:8px;background:#edf2f7;white-space:nowrap}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta .skill-badge.debutant{background:#fed7d7;color:#c53030}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta .skill-badge.intermediaire{background:#feebc8;color:#dd6b20}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta .skill-badge.avance{background:#c6f6d5;color:#276749}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta .student-email{font-size:.7rem;color:#718096;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-actions .unassign-btn.small{padding:.3rem .5rem;font-size:.7rem;background:#fed7d7;color:#c53030;border:1px solid #feb2b2;border-radius:4px;min-width:auto;cursor:pointer}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-actions .unassign-btn.small:hover:not(:disabled){background:#feb2b2}.student-assignment .instructor-card.compact .students-section.compact .students-list.compact .student-item.compact .student-actions .unassign-btn.small:disabled{opacity:.6;cursor:not-allowed}.student-assignment .instructor-card.compact.with-dropdown .instructor-header{position:relative;padding-right:140px}.student-assignment .instructor-card.compact.with-dropdown .instructor-header .dropdown-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%)}.student-assignment .instructor-card.compact.with-dropdown .instructor-header .dropdown-toggle .dropdown-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 6px #667eea4d}.student-assignment .instructor-card.compact.with-dropdown .instructor-header .dropdown-toggle .dropdown-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66;background:linear-gradient(135deg,#764ba2,#667eea)}.student-assignment .instructor-card.compact.with-dropdown .instructor-header .dropdown-toggle .dropdown-btn.expanded{background:linear-gradient(135deg,#ed64a6,#ed8936)}.student-assignment .instructor-card.compact.with-dropdown .instructor-header .dropdown-toggle .dropdown-btn.expanded:hover{background:linear-gradient(135deg,#ed8936,#ed64a6)}.student-assignment .instructor-card.compact.with-dropdown .instructor-header .dropdown-toggle .dropdown-btn .dropdown-icon{font-size:.7rem;transition:transform .3s ease}.student-assignment .instructor-card.compact.with-dropdown .instructor-header .dropdown-toggle .dropdown-btn .dropdown-text{white-space:nowrap}.student-assignment .instructor-card.compact.with-dropdown .instructor-header .dropdown-toggle .dropdown-btn .students-badge{background:rgba(255,255,255,.2);padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:700;min-width:20px;text-align:center}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content{max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content.expanded{max-height:600px;opacity:1;margin-top:1rem}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact{border-top:1px solid #e2e8f0;padding-top:1rem;background:#fafbff;border-radius:8px;margin-top:.5rem}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-header .students-title{font-size:.9rem;font-weight:700;color:#4a5568;background:linear-gradient(135deg,#4a5568,#718096);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-header .students-summary .no-students-message{font-size:.8rem;color:#a0aec0;font-style:italic}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-header .students-summary .students-breakdown{font-size:.75rem;color:#718096;background:#f7fafc;padding:.3rem .6rem;border-radius:12px;font-weight:600}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact{display:flex;justify-content:space-between;align-items:flex-start;padding:.8rem;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:.6rem;background:white;transition:all .3s ease;border-left:4px solid #667eea}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact:hover{background:#f8fafc;transform:translate(4px);box-shadow:0 2px 8px #0000001a}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info{display:flex;align-items:flex-start;gap:.8rem;flex:1;min-width:0}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #e2e8f0}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-details{min-width:0;flex:1}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-name{display:block;font-size:.9rem;font-weight:700;color:#2d3748;margin-bottom:.3rem;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem;flex-wrap:wrap}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta .skill-badge{font-size:.65rem;padding:.2rem .5rem;border-radius:10px;font-weight:700;white-space:nowrap}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta .skill-badge.debutant{background:linear-gradient(135deg,#fed7d7,#feb2b2);color:#c53030}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta .skill-badge.intermediaire{background:linear-gradient(135deg,#feebc8,#fbd38d);color:#dd6b20}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta .skill-badge.avance{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);color:#276749}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta .student-email,.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-meta .student-phone{font-size:.75rem;color:#718096;background:#f7fafc;padding:.2rem .5rem;border-radius:6px}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-notes{margin-top:.3rem}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-notes .notes-label{font-size:.7rem;font-weight:600;color:#4a5568;margin-right:.3rem}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-info .student-details .student-notes .notes-text{font-size:.75rem;color:#718096;font-style:italic}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-actions .unassign-btn.small{padding:.5rem .7rem;font-size:.8rem;background:linear-gradient(135deg,#fed7d7,#feb2b2);color:#c53030;border:1px solid #feb2b2;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease;white-space:nowrap}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-actions .unassign-btn.small:hover:not(:disabled){background:linear-gradient(135deg,#feb2b2,#fc8181);transform:scale(1.05)}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .students-list.compact .student-item.compact .student-actions .unassign-btn.small:disabled{opacity:.6;cursor:not-allowed}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .empty-students-state{text-align:center;padding:2rem;color:#a0aec0}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .empty-students-state .empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .empty-students-state p{margin-bottom:1rem;font-size:.9rem}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .empty-students-state .assign-first-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.student-assignment .instructor-card.compact.with-dropdown .dropdown-content .students-section.compact .empty-students-state .assign-first-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #48bb784d}.student-assignment .dropdown-content.expanded .students-section.compact{animation:slideDown .3s ease-out}@media (max-width: 768px){.student-assignment .instructor-card.compact.with-dropdown .instructor-header{padding-right:0;flex-direction:column;gap:1rem;align-items:stretch}.student-assignment .instructor-card.compact.with-dropdown .instructor-header .dropdown-toggle{position:static;transform:none;align-self:center}.student-assignment .instructor-card.compact.with-dropdown .instructor-header .dropdown-toggle .dropdown-btn{width:100%;justify-content:center}.student-assignment .instructor-card.compact.with-dropdown .student-item.compact{flex-direction:column;gap:1rem}.student-assignment .instructor-card.compact.with-dropdown .student-item.compact .student-actions{align-self:flex-end}}.student-assignment .dropdown-btn:focus{outline:2px solid #667eea;outline-offset:2px}.student-assignment .dropdown-btn .dropdown-icon{transition:transform .3s ease}.student-assignment .dropdown-btn.expanded .dropdown-icon{transform:rotate(180deg)}@media (max-width: 768px){.student-assignment .instructor-card.compact .instructor-header{flex-direction:column;align-items:flex-start;gap:.75rem}.student-assignment .instructor-card.compact .instructor-header .instructor-stats{width:100%;text-align:left}.student-assignment .instructor-card.compact .instructor-header .instructor-stats .stats-grid{justify-content:flex-start}.student-assignment .instructor-card.compact .student-item.compact .student-info .student-details .student-meta{flex-direction:column;align-items:flex-start;gap:.2rem}.student-assignment .instructor-card.compact .student-item.compact .student-info .student-details .student-meta .student-email{max-width:150px!important}}.student-assignment .instructors-list .instructor-card.compact:last-child{margin-bottom:0}.student-assignment .instructors-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.5rem}.student-assignment .instructors-stats .stat-card{background:white;padding:.75rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;text-align:center}.student-assignment .instructors-stats .stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.student-assignment .instructors-stats .stat-card.highlight .stat-value,.student-assignment .instructors-stats .stat-card.highlight .stat-label{color:#fff}.student-assignment .instructors-stats .stat-card .stat-value{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:.25rem}.student-assignment .instructors-stats .stat-card .stat-label{font-size:.8rem;color:#718096;font-weight:500}.student-assignment .utilization-high{color:#e53e3e!important}.student-assignment .utilization-medium{color:#dd6b20!important}.student-assignment .utilization-low{color:#38a169!important}.student-assignment .stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.student-assignment .stats-container .stat-card{background:white;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.student-assignment .stats-container .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000026}.student-assignment .stats-container .stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.student-assignment .stats-container .stat-card.highlight .stat-value{color:#fff}.student-assignment .stats-container .stat-card.highlight .stat-label{color:#ffffffe6}.student-assignment .stats-container .stat-card .stat-value{font-size:2.5rem;font-weight:700;color:#2c3e50;line-height:1;margin-bottom:.5rem}.student-assignment .stats-container .stat-card .stat-label{font-size:.9rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.student-assignment .controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.student-assignment .controls-bar .search-container{position:relative;flex:1;min-width:300px}.student-assignment .controls-bar .search-container .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.student-assignment .controls-bar .search-container .search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.student-assignment .controls-bar .search-container .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6c757d}.student-assignment .controls-bar .pagination-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.student-assignment .controls-bar .pagination-controls .page-size-selector{display:flex;align-items:center;gap:.5rem}.student-assignment .controls-bar .pagination-controls .page-size-selector label{font-size:.9rem;color:#6c757d;white-space:nowrap}.student-assignment .controls-bar .pagination-controls .page-size-selector .page-size-select{padding:.5rem;border:1px solid #ddd;border-radius:6px;background:white;cursor:pointer;transition:border-color .3s ease}.student-assignment .controls-bar .pagination-controls .page-size-selector .page-size-select:focus{outline:none;border-color:#667eea}.student-assignment .controls-bar .pagination-controls .pagination-info{font-size:.9rem;color:#6c757d;white-space:nowrap}.student-assignment .table-container{background:white;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.student-assignment .students-table{width:100%;border-collapse:collapse}.student-assignment .students-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.student-assignment .students-table thead tr th{padding:1rem;text-align:left;font-weight:600;color:#2c3e50;white-space:nowrap}.student-assignment .students-table thead tr th.sortable-header{cursor:pointer;user-select:none;transition:background-color .3s ease;position:relative}.student-assignment .students-table thead tr th.sortable-header:hover{background:#e9ecef}.student-assignment .students-table thead tr th.sortable-header:after{margin-left:.5rem;font-size:.8rem}.student-assignment .students-table tbody tr{transition:background-color .3s ease;border-bottom:1px solid #e9ecef}.student-assignment .students-table tbody tr:hover{background:#f8f9fa}.student-assignment .students-table tbody tr:last-child{border-bottom:none}.student-assignment .students-table tbody tr td{padding:1rem;vertical-align:top}.student-assignment .students-table tbody tr td.student-cell .student-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:.75rem;float:left}.student-assignment .students-table tbody tr td.student-cell .student-info{overflow:hidden}.student-assignment .students-table tbody tr td.student-cell .student-info .student-name{font-weight:600;color:#2c3e50;margin-bottom:.25rem}.student-assignment .students-table tbody tr td.student-cell .student-info .student-email{font-size:.8rem;color:#6c757d}.student-assignment .students-table tbody tr td.contact-cell .phone-number{font-size:.9rem;color:#2c3e50}.student-assignment .students-table tbody tr td.contact-cell .phone-number.no-phone{color:#6c757d;font-style:italic}.student-assignment .students-table tbody tr td.evaluation-cell .evaluation-notes{max-width:300px;font-size:.9rem;line-height:1.4;color:#2c3e50}.student-assignment .students-table tbody tr td.evaluation-cell .evaluation-notes.empty{color:#6c757d;font-style:italic}.student-assignment .students-table tbody tr td.skill-level-cell .skill-level-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.student-assignment .students-table tbody tr td.skill-level-cell .skill-level-badge.beginner{background:#e8f5e8;color:#2e7d32}.student-assignment .students-table tbody tr td.skill-level-cell .skill-level-badge.intermediate{background:#e3f2fd;color:#1976d2}.student-assignment .students-table tbody tr td.skill-level-cell .skill-level-badge.advanced{background:#fce4ec;color:#c2185b}.student-assignment .students-table tbody tr td.skill-level-cell .skill-level-badge.expert{background:#fff3e0;color:#ef6c00}.student-assignment .students-table tbody tr td.skill-level-cell .no-level{color:#6c757d;font-style:italic;font-size:.9rem}.student-assignment .students-table tbody tr td.action-cell .assign-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;white-space:nowrap}.student-assignment .students-table tbody tr td.action-cell .assign-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.student-assignment .students-table tbody tr td.action-cell .assign-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.student-assignment .pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #e9ecef;background:#f8f9fa}.student-assignment .pagination .pagination-btn{background:white;border:1px solid #ddd;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}.student-assignment .pagination .pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.student-assignment .pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.student-assignment .pagination .page-numbers{display:flex;align-items:center;gap:.5rem}.student-assignment .pagination .page-numbers .page-btn{background:white;border:1px solid #ddd;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .3s ease;min-width:40px}.student-assignment .pagination .page-numbers .page-btn:hover{background:#f8f9fa}.student-assignment .pagination .page-numbers .page-btn.active{background:#667eea;color:#fff;border-color:#667eea}.student-assignment .pagination .page-numbers .page-ellipsis{color:#6c757d;padding:0 .25rem}.student-assignment .view-tabs{display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000000d;position:relative}.student-assignment .view-tabs:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.student-assignment .tab{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:white;border:2px solid transparent;border-radius:12px;font-size:.95rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;flex:1;min-width:0;box-shadow:0 2px 6px #0000000a}.student-assignment .tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .6s}.student-assignment .tab:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 6px 20px #0000001a;color:#475569}.student-assignment .tab:hover:before{left:100%}.student-assignment .tab:hover .tab-count{transform:scale(1.1);background:#3b82f6;color:#fff}.student-assignment .tab.active{border-color:transparent;color:#fff;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.student-assignment .tab.active:first-child{background:linear-gradient(135deg,#ef4444,#f97316)}.student-assignment .tab.active:first-child:after{background:linear-gradient(135deg,#dc2626,#ea580c)}.student-assignment .tab.active:nth-child(2){background:linear-gradient(135deg,#10b981,#059669)}.student-assignment .tab.active:nth-child(2):after{background:linear-gradient(135deg,#059669,#047857)}.student-assignment .tab.active:nth-child(3){background:linear-gradient(135deg,#6366f1,#8b5cf6)}.student-assignment .tab.active:nth-child(3):after{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.student-assignment .tab.active .tab-count{background:rgba(255,255,255,.3);color:#fff;border:2px solid rgba(255,255,255,.5)}.student-assignment .tab:after{content:"";position:absolute;inset:0;border-radius:10px;opacity:0;transition:opacity .3s ease}.student-assignment .tab-count{background:#f1f5f9;color:#475569;padding:.3rem .7rem;border-radius:20px;font-size:.8rem;font-weight:700;min-width:28px;text-align:center;transition:all .3s ease;border:2px solid transparent;box-shadow:0 2px 4px #0000001a}.student-assignment .tab:first-child:before{background:linear-gradient(135deg,#ef4444,#f97316)}.student-assignment .tab:nth-child(2):before{background:linear-gradient(135deg,#10b981,#059669)}.student-assignment .tab:nth-child(3):before{background:linear-gradient(135deg,#6366f1,#8b5cf6)}@keyframes tabSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.student-assignment .tab{animation:tabSlideIn .5s ease-out}.student-assignment .tab:nth-child(1){animation-delay:.1s}.student-assignment .tab:nth-child(2){animation-delay:.2s}.student-assignment .tab:nth-child(3){animation-delay:.3s}@media (max-width: 768px){.student-assignment .view-tabs{flex-direction:column;gap:.5rem;padding:1rem}.student-assignment .tab{padding:1.2rem 1rem;font-size:.9rem;justify-content:space-between}.student-assignment .tab:hover,.student-assignment .tab.active{transform:translateY(-1px)}.student-assignment .tab-count{font-size:.75rem;padding:.25rem .6rem;min-width:24px}}@media (max-width: 480px){.student-assignment .view-tabs{border-radius:12px;padding:.75rem}.student-assignment .tab{padding:1rem .8rem;font-size:.85rem;gap:.5rem}}.student-assignment .tab:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.student-assignment .tab:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.student-assignment .tab:disabled:hover{transform:none!important;border-color:transparent!important}.student-assignment .tab:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;opacity:0;transition:opacity .3s ease}.student-assignment .tab:nth-child(1):after{background:#ef4444}.student-assignment .tab:nth-child(2):after{background:#10b981}.student-assignment .tab:nth-child(3):after{background:#6366f1}.student-assignment .tab.active:after{opacity:1;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.student-assignment .tab:hover{z-index:1}.student-assignment .view-tabs{transition:all .3s ease}.student-assignment .empty-state{text-align:center;padding:4rem 2rem;color:#6c757d}.student-assignment .empty-state .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.student-assignment .empty-state h4{margin:0 0 1rem;color:#495057;font-size:1.5rem}.student-assignment .empty-state p{margin:0 0 2rem;font-size:1.1rem;max-width:400px;margin-left:auto;margin-right:auto}.student-assignment .empty-state .clear-search-btn{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.student-assignment .empty-state .clear-search-btn:hover{background:#5a6fd8}.student-assignment .background-loading{position:fixed;top:1rem;right:1rem;background:#667eea;color:#fff;padding:.75rem 1rem;border-radius:6px;box-shadow:0 2px 10px #0003;z-index:1000;animation:slideIn .3s ease}.student-assignment .background-loading .loading-indicator{font-size:.9rem;font-weight:500}.student-assignment.loading{display:flex;align-items:center;justify-content:center;min-height:50vh}.student-assignment.loading .loading-container{text-align:center}.student-assignment.loading .loading-container .loading-spinner{width:50px;height:50px;border:4px solid #e9ecef;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.student-assignment.loading .loading-container p{color:#6c757d;margin:0}.student-assignment.error{display:flex;align-items:center;justify-content:center;min-height:50vh}.student-assignment.error .error-container{text-align:center;background:white;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a}.student-assignment.error .error-container .error-icon{font-size:3rem;margin-bottom:1rem}.student-assignment.error .error-container h3{margin:0 0 .5rem;color:#e74c3c}.student-assignment.error .error-container p{margin:0 0 1rem;color:#6c757d}.student-assignment.error .error-container .retry-btn{background:#667eea;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.student-assignment.error .error-container .retry-btn:hover{background:#5a6fd8}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.student-assignment{padding:1rem}.student-assignment .assignment-header h2{font-size:1.5rem}.student-assignment .assignment-header p{font-size:1rem}.student-assignment .stats-container{grid-template-columns:repeat(2,1fr);gap:.75rem}.student-assignment .stats-container .stat-card{padding:1rem}.student-assignment .stats-container .stat-card .stat-value{font-size:2rem}.student-assignment .controls-bar{flex-direction:column;align-items:stretch}.student-assignment .controls-bar .search-container{min-width:auto}.student-assignment .controls-bar .pagination-controls{justify-content:space-between}.student-assignment .students-table thead{display:none}.student-assignment .students-table tbody tr{display:block;margin-bottom:1rem;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.student-assignment .students-table tbody tr td{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid #e9ecef}.student-assignment .students-table tbody tr td:before{content:attr(data-label);font-weight:600;color:#2c3e50;margin-right:1rem;min-width:120px}.student-assignment .students-table tbody tr td:last-child{border-bottom:none}.student-assignment .students-table tbody tr td.student-cell .student-avatar{float:none;margin-right:.75rem}.student-assignment .students-table tbody tr td.student-cell .student-info{flex:1}.student-assignment .students-table tbody tr td .assign-btn{width:100%;justify-content:center}.student-assignment .pagination{flex-direction:column;gap:1rem;padding:1rem}.student-assignment .pagination .page-numbers{order:-1}}@media (max-width: 480px){.student-assignment .stats-container{grid-template-columns:1fr}.student-assignment .pagination .page-numbers{flex-wrap:wrap;justify-content:center}}.linkedin-meeting-manager{background:#f3f2f1;min-height:100vh;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.linkedin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem}.linkedin-loading .loading-spinner{width:40px;height:40px;border:4px solid #eef3f8;border-left:4px solid #0a66c2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.linkedin-loading p{color:#6a6a6a;margin:0}.linkedin-empty-state{text-align:center;padding:3rem 2rem}.linkedin-empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.linkedin-empty-state h3{color:#1f1f1f;margin-bottom:.5rem}.linkedin-empty-state p{color:#6a6a6a;margin:0}.linkedin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin:1.5rem 0}.linkedin-stats-grid .linkedin-stat-card{background:white;border:1px solid #d0d8df;border-radius:8px;padding:1rem;text-align:center}.linkedin-stats-grid .linkedin-stat-card .stat-number{display:block;font-size:1.5rem;font-weight:600;color:#0a66c2;margin-bottom:.25rem}.linkedin-stats-grid .linkedin-stat-card .stat-label{font-size:.875rem;color:#6a6a6a}.linkedin-stats-grid .linkedin-stat-card.stat-total{border-top:3px solid #0a66c2}.linkedin-stats-grid .linkedin-stat-card.stat-upcoming{border-top:3px solid #b24000}.linkedin-stats-grid .linkedin-stat-card.stat-completed{border-top:3px solid #057642}.manager-header{background:white;border-bottom:1px solid #d0d8df;padding:2rem}.manager-header h2{margin:0 0 1rem;color:#1f1f1f;font-weight:600}.linkedin-tabs{display:flex;background:white;border-bottom:1px solid #d0d8df}.linkedin-tabs .linkedin-tab{flex:1;padding:1rem 1.5rem;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.linkedin-tabs .linkedin-tab:hover{background:#eef3f8}.linkedin-tabs .linkedin-tab.active{background:#0a66c2;color:#fff}.linkedin-tabs .linkedin-tab.active .tab-count{background:rgba(255,255,255,.2)}.linkedin-tabs .linkedin-tab .tab-label{font-weight:500}.linkedin-tabs .linkedin-tab .tab-count{background:#f3f2f1;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;min-width:24px}.linkedin-filters-container{background:white;border-bottom:1px solid #d0d8df;padding:1.5rem}.linkedin-filters-container .filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.linkedin-filters-container .filters-header h3{margin:0;color:#1f1f1f}.linkedin-filters-container .filters-header .results-count{color:#6a6a6a;font-size:.875rem}.linkedin-filters-container .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.linkedin-filters-container .filter-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#1f1f1f;font-size:.875rem}.linkedin-search-input input{width:100%;padding:.5rem;border:1px solid #d0d8df;border-radius:4px;font-size:.875rem}.linkedin-search-input input:focus{outline:none;border-color:#0a66c2;box-shadow:0 0 0 1px #0a66c2}.linkedin-select{width:100%;padding:.5rem;border:1px solid #d0d8df;border-radius:4px;background:white;font-size:.875rem}.linkedin-select:focus{outline:none;border-color:#0a66c2;box-shadow:0 0 0 1px #0a66c2}.advanced-filters-section{border-top:1px solid #f3f2f1;padding-top:1rem}.advanced-filters-section .filter-toggles{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.linkedin-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem}.linkedin-checkbox input{display:none}.linkedin-checkbox .checkmark{width:16px;height:16px;border:2px solid #d0d8df;border-radius:2px;position:relative}.linkedin-checkbox .checkmark:after{content:"";position:absolute;display:none;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.linkedin-checkbox input:checked+.checkmark{background:#0a66c2;border-color:#0a66c2}.linkedin-checkbox input:checked+.checkmark:after{display:block}.duration-filter{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.duration-filter .duration-input{width:60px;padding:.25rem;border:1px solid #d0d8df;border-radius:4px;text-align:center}.duration-filter .duration-input:focus{outline:none;border-color:#0a66c2}.active-filters{margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f2f1}.active-filters .active-filters-label{font-weight:600;font-size:.875rem;color:#1f1f1f;margin-right:1rem}.active-filters .active-filters-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.active-filters .active-filter-tag{display:flex;align-items:center;gap:.5rem;background:#eef3f8;color:#0a66c2;padding:.25rem .75rem;border-radius:16px;font-size:.75rem;font-weight:500}.active-filters .active-filter-tag button{background:none;border:none;color:#0a66c2;cursor:pointer;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.active-filters .active-filter-tag button:hover{background:rgba(10,102,194,.1)}.active-filters .clear-all-filters{background:none;border:none;color:#0a66c2;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.active-filters .clear-all-filters:hover{text-decoration:underline}.list-header{display:grid;grid-template-columns:2fr 1fr 1fr .8fr 1fr 1.2fr;gap:1rem;padding:1rem 1.5rem;background:#eef3f8;border-bottom:1px solid #d0d8df;font-weight:600;color:#1f1f1f;font-size:.875rem}.meetings-list-container,.bulk-sessions-list-container{background:white;margin-bottom:1rem}.meeting-list-item,.bulk-session-list-item{display:grid;grid-template-columns:2fr 1fr 1fr .8fr 1fr 1.2fr;gap:1rem;padding:1.5rem;border-bottom:1px solid #f3f2f1}.meeting-list-item:hover,.bulk-session-list-item:hover{background:#eef3f8}.meeting-list-item:last-child,.bulk-session-list-item:last-child{border-bottom:none}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.primary{background:rgb(182.25,216.75,251.25);color:#0a66c2}.status-badge.success{background:rgb(177.2926829268,251.7073170732,217.4634146341);color:#057642}.status-badge.warning{background:rgb(255,205.6853932584,178);color:#b24000}.status-badge.default{background:#f3f2f1;color:#6a6a6a}.linkedin-btn{padding:.5rem 1rem;border:1px solid;border-radius:16px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.linkedin-btn-primary{background:#0a66c2;color:#fff;border-color:#0a66c2}.linkedin-btn-primary:hover{background:#004182}.linkedin-btn-secondary{background:white;color:#0a66c2;border-color:#0a66c2}.linkedin-btn-secondary:hover{background:#eef3f8}.linkedin-btn-success{background:#057642;color:#fff;border-color:#057642}.linkedin-btn-success:hover{background:rgb(2.9268292683,69.0731707317,38.6341463415)}.linkedin-btn-outline{background:white;color:#1f1f1f;border-color:#d0d8df}.linkedin-btn-outline:hover{background:#f3f2f1}.meeting-actions-group{display:flex;gap:.5rem}.link-actions{display:flex;gap:.5rem;margin-top:.5rem}.feedback-expansion{grid-column:1/-1;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f2f1}.feedback-expansion .feedback-content{background:#f3f2f1;padding:1rem;border-radius:4px}.feedback-expansion .feedback-content strong{color:#1f1f1f}.feedback-expansion .feedback-content p{margin:.5rem 0;color:#6a6a6a}.feedback-expansion .rating-display{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.feedback-expansion .rating-display .stars{color:#ffc107}.feedback-expansion .rating-display .rating-value{color:#6a6a6a;font-size:.875rem}.bulk-session-list-item .students-preview .avatars-stack{display:flex;margin-bottom:.5rem}.bulk-session-list-item .students-preview .avatars-stack .student-avatar{width:32px;height:32px;border-radius:50%;border:2px solid white;margin-left:-8px}.bulk-session-list-item .students-preview .avatars-stack .student-avatar:first-child{margin-left:0}.bulk-session-list-item .students-preview .avatars-stack .more-students{width:32px;height:32px;border-radius:50%;background:#f3f2f1;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#6a6a6a;margin-left:-8px;border:2px solid white}.bulk-session-list-item .students-preview .students-text{font-size:.875rem;color:#6a6a6a}.linkedin-pagination{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid #d0d8df;background:white}.linkedin-pagination .pagination-info{font-size:.875rem;color:#6a6a6a}.linkedin-pagination .pagination-controls{display:flex;align-items:center;gap:.5rem}.linkedin-pagination .page-size-select{padding:.5rem;border:1px solid #d0d8df;border-radius:4px;background:white;font-size:.875rem;margin-right:1rem}.linkedin-pagination .page-size-select:focus{outline:none;border-color:#0a66c2}.linkedin-pagination .pagination-btn{padding:.5rem .75rem;border:1px solid #d0d8df;background:white;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease;min-width:40px}.linkedin-pagination .pagination-btn:hover:not(:disabled){background:#eef3f8;border-color:#0a66c2}.linkedin-pagination .pagination-btn.active{background:#0a66c2;color:#fff;border-color:#0a66c2}.linkedin-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.linkedin-pagination .pagination-btn.dots{background:transparent;border:none;cursor:default}.linkedin-pagination .pagination-btn.dots:hover{background:transparent}@media (max-width: 768px){.linkedin-tabs{flex-direction:column}.linkedin-tabs .linkedin-tab{justify-content:flex-start;padding:1rem}.filters-grid{grid-template-columns:1fr!important}.list-header,.meeting-list-item,.bulk-session-list-item{grid-template-columns:1fr;gap:.5rem}.linkedin-pagination{flex-direction:column;gap:1rem;text-align:center}.linkedin-pagination .pagination-controls{flex-wrap:wrap;justify-content:center}.linkedin-pagination .page-size-select{margin-right:0;margin-bottom:.5rem}.meeting-actions-group,.link-actions{flex-direction:column}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;padding:20px}.auth-form{background:white;padding:40px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.auth-form h2{text-align:center;margin-bottom:10px;color:#333}.auth-subtitle{text-align:center;color:#666;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007bff}.auth-button{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.auth-button:hover:not(:disabled){background-color:#0056b3}.auth-button:disabled{background-color:#6c757d;cursor:not-allowed}.success-message{background-color:#d4edda;color:#155724;padding:12px;border-radius:4px;margin-top:20px;text-align:center}.error-message{background-color:#f8d7da;color:#721c24;padding:12px;border-radius:4px;margin-top:20px;text-align:center}.loading{text-align:center;color:#666}.auth-links{margin-top:20px;text-align:center}.auth-link{color:#007bff;text-decoration:none}.auth-link:hover{text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.reset-password-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1rem}.reset-password-container:has(>div:not(.reset-password-form)){background:#f8f9fa;color:#2b2d42;font-size:1.1rem;font-weight:500}.reset-password-form{background:#ffffff;border-radius:12px;box-shadow:0 10px 30px #00000014;padding:2rem;width:100%;max-width:450px;animation:slideDown .5s ease}.reset-password-form h2{color:#2b2d42;text-align:center;margin-bottom:2rem;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#4361ee,#3a56d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reset-password-form form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#2b2d42;font-size:.95rem}.form-group input{width:100%;padding:1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#fff}.form-group input:focus{outline:none;border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a}.form-group input:hover{border-color:#cbd3da}.form-group input::placeholder{color:#8d99ae;font-size:.9rem}button[type=submit]{width:100%;padding:1rem;background:linear-gradient(135deg,#4361ee,#3a56d4);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #4361ee4d}button[type=submit]:active:not(:disabled){transform:translateY(0)}button[type=submit]:disabled{background:#8d99ae;cursor:not-allowed;transform:none;box-shadow:none}button[type=submit]{margin-top:.5rem;position:relative;overflow:hidden}button[type=submit]:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s}button[type=submit]:active:after{width:300px;height:300px}button[type=submit]:disabled:before{content:"";display:inline-block;width:16px;height:16px;border:2px solid transparent;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.success-message{background:white;border:1px solid rgb(217.1701030928,243.587628866,251.8298969072);color:#119ac5;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center;animation:slideDown .3s ease;animation:pulse 2s infinite}.success-message p{margin:.5rem 0 0;font-size:.9rem;opacity:.8}.error-message{background:white;border:1px solid rgb(252.4159292035,184.5840707965,215.592920354);color:#b00654;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center;animation:slideDown .3s ease}.error-message a{color:#b00654;text-decoration:none;font-weight:600;transition:all .3s ease}.error-message a:hover{color:#7e053c;text-decoration:underline}.error-message p{margin:.5rem 0 0;font-size:.9rem}@media (max-width: 768px){.reset-password-container{padding:1rem;background:#f8f9fa}.reset-password-container.reset-password-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.reset-password-form{padding:1.5rem;margin:0}.reset-password-form h2{font-size:1.5rem;margin-bottom:1.5rem}.form-group input,button[type=submit]{padding:.875rem;font-size:.95rem}}@media (max-width: 480px){.reset-password-form{padding:1.25rem;border-radius:8px}.reset-password-form h2{font-size:1.35rem}.form-group label{font-size:.9rem}.form-group input{padding:.75rem;font-size:.9rem}.success-message,.error-message{padding:.875rem;font-size:.9rem}}@media (prefers-contrast: high){.reset-password-form{border:2px solid #2b2d42}.form-group input{border-width:2px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.reset-password-container:not(:has(>.reset-password-form)){background:rgb(2.7614678899,2.8899082569,4.2385321101);color:#fff}}.logs-visualization{padding:1rem;width:100%;background:#f8f9fa;min-height:100vh}.logs-visualization h3{margin-bottom:1.5rem;color:#2c3e50;font-size:1.5rem;font-weight:600;text-align:center}.logs-visualization .charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;width:100%}@media (max-width: 1200px){.logs-visualization .charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.logs-visualization .charts-grid{gap:1rem;padding:.5rem}}.logs-visualization .charts-grid .chart-container{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #00000012;border:1px solid #e1e5e9;transition:transform .2s ease,box-shadow .2s ease}.logs-visualization .charts-grid .chart-container:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000001a}.logs-visualization .charts-grid .chart-container.full-width{grid-column:1/-1}.logs-visualization .charts-grid .chart-container h4{margin-bottom:1rem;color:#34495e;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.logs-visualization .charts-grid .chart-container .recharts-responsive-container{margin:0 auto}.logs-visualization .charts-grid .chart-container .recharts-surface{overflow:visible}.logs-visualization .charts-grid .chart-container .recharts-legend-wrapper{padding-top:10px}.logs-visualization .custom-tooltip{background:white;border:1px solid #ddd;border-radius:6px;padding:.75rem;box-shadow:0 4px 12px #00000026;backdrop-filter:blur(10px)}.logs-visualization .custom-tooltip .tooltip-label{font-weight:600;margin-bottom:.5rem;color:#2c3e50;font-size:.9rem}.logs-visualization .custom-tooltip .tooltip-value{font-weight:500;font-size:.9rem}.logs-visualization .no-data-visualization{text-align:center;padding:3rem;color:#7f8c8d;background:white;border-radius:12px;border:2px dashed #bdc3c7;margin:2rem 0}.logs-visualization .no-data-visualization p{font-size:1.1rem;margin:0}@media (max-width: 768px){.logs-visualization{padding:.5rem}.logs-visualization .charts-grid .chart-container{padding:1rem}.logs-visualization .charts-grid .chart-container h4{font-size:1rem}.logs-visualization h3{font-size:1.3rem;margin-bottom:1rem}}.recharts-legend-item-text{font-size:.85rem;color:#555}.recharts-x-axis .recharts-cartesian-axis-tick-value,.recharts-y-axis .recharts-cartesian-axis-tick-value{font-size:.8rem;fill:#666}.recharts-bar-rectangle,.recharts-line-curve{transition:all .3s ease}.contact-form-container{max-width:800px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.contact-header{margin-top:150px;text-align:center;margin-bottom:2rem}.contact-header h1{color:#2c3e50;margin-bottom:.5rem;font-size:2.2rem}.contact-header .header-description{color:#7f8c8d;font-size:1.1rem;line-height:1.5}.contact-form{background:white;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.form-section{border:1px solid #e1e8ed;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;background:#fafbfc}.form-section legend{font-weight:600;color:#2c3e50;padding:0 .5rem;font-size:1.1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.form-group label .optional{color:#7f8c8d;font-weight:400;font-size:.9em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e1e8ed;border-radius:6px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:120px}.file-info{margin-top:.5rem;padding:.5rem;background:#e8f4fd;border-radius:4px;color:#2980b9;font-size:.9rem}.processing-info{background:#e8f4fd;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.processing-info h4{color:#2980b9;margin-bottom:1rem}.processing-info ul{margin:0;padding-left:1.5rem}.processing-info ul li{margin-bottom:.5rem;color:#2c3e50}.form-actions{text-align:center;margin:2rem 0}.submit-btn{background:#e74c3c;color:#fff;border:none;padding:1rem 2rem;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.submit-btn:hover:not(:disabled){background:#c0392b}.submit-btn:disabled{background:#bdc3c7;cursor:not-allowed}.submit-btn.loading{background:#95a5a6}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.status-message{padding:1rem;border-radius:6px;margin:1rem 0;text-align:center;font-weight:500}.status-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.privacy-note{text-align:center;padding:1rem;background:#f8f9fa;border-radius:6px;margin:1rem 0}.privacy-note p{margin:0;color:#6c757d;font-size:.9rem}.emergency-contact{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:1rem;margin-top:1rem}.emergency-contact p{margin:0;color:#856404;text-align:center}.emergency-contact p a{color:#e74c3c;text-decoration:none;font-weight:600}.emergency-contact p a:hover{text-decoration:underline}@media (max-width: 768px){.contact-form-container,.contact-form{padding:1rem}.form-row{grid-template-columns:1fr}}.linkedin-style-form{min-height:100vh;background-color:#f3f2ef}.form-header-linkedin{background:linear-gradient(135deg,#0077b5 0%,#00a0dc 100%);color:#fff;padding:40px 0;margin-bottom:30px}.header-content{max-width:1200px;margin:0 auto;padding:0 20px}.header-content h1{font-size:2.5rem;font-weight:300;margin-bottom:10px}.header-content p{font-size:1.1rem;opacity:.9;margin-bottom:30px}.profile-completion-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border-radius:12px;padding:25px;max-width:500px}.completion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.completion-title{font-weight:500}.completion-percentage{font-weight:600;font-size:1.2rem}.completion-bar-linkedin{background:rgba(255,255,255,.3);height:6px;border-radius:3px;overflow:hidden;margin-bottom:10px}.completion-progress{height:100%;background:#ffffff;border-radius:3px;transition:width .3s ease}.completion-tip{font-size:.9rem;opacity:.8}.form-container-single-page{max-width:1200px;margin:0 auto;padding:0 150px 10px}.form-content-single{background:white;border-radius:12px;padding:40px;box-shadow:0 2px 4px #0000001a}.section-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #eaeaea}.section-icon{display:flex;align-items:center;color:#0077b5}.section-icon svg{font-size:1.8rem}.section-header h3{font-size:1.4rem;font-weight:500;color:#333;margin:0}.profile-image-section{display:flex;gap:30px;align-items:flex-start;margin-bottom:30px}.image-container{flex:0 0 150px}.profile-image-preview-linkedin{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid #eaeaea}.image-placeholder-linkedin{width:150px;height:150px;border-radius:50%;background:#f3f2ef;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #ccc;color:#666;text-align:center}.placeholder-icon{display:flex;align-items:center;margin-bottom:8px}.placeholder-icon svg{font-size:2.5rem;color:#999}.image-controls{flex:1;display:flex;flex-direction:column;gap:15px}.image-input{display:none}.image-upload-btn-linkedin,.remove-image-btn-linkedin,.add-btn-linkedin,.cancel-btn-linkedin,.submit-btn-linkedin{display:flex;align-items:center;gap:8px;border:none;padding:12px 20px;border-radius:24px;cursor:pointer;font-weight:500;transition:all .2s ease;text-align:center;justify-content:center}.btn-icon{font-size:1.1rem}.image-upload-btn-linkedin{background:#0077b5;color:#fff;max-width:200px}.image-upload-btn-linkedin:hover{background:#00669c}.image-upload-btn-linkedin.uploading{background:#ccc;cursor:not-allowed}.remove-image-btn-linkedin{background:none;border:1px solid #ccc;color:#666;max-width:200px}.remove-image-btn-linkedin:hover{background:#f8f8f8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.full-width{grid-column:1 / -1}.form-group-linkedin{display:flex;flex-direction:column}.form-label{font-weight:500;margin-bottom:8px;color:#333}.required{color:#d11141}.form-input-linkedin,.form-select-linkedin,.form-textarea-linkedin{padding:12px 15px;border:1px solid #ccc;border-radius:8px;font-size:.95rem;transition:border-color .2s ease;font-family:inherit}.form-input-linkedin:focus,.form-select-linkedin:focus,.form-textarea-linkedin:focus{outline:none;border-color:#0077b5;box-shadow:0 0 0 2px #0077b51a}.form-textarea-linkedin{resize:vertical;min-height:100px}.multi-select-linkedin{height:120px;padding:12px;border:1px solid #ccc;border-radius:8px}.selected-specialties{margin-top:8px;font-size:.9rem;color:#666}.array-field-group-linkedin{margin-bottom:25px}.education-card,.certification-card,.language-card{background:#f8f9fa;border-radius:8px;padding:20px;position:relative;margin-bottom:15px}.remove-btn-linkedin{position:absolute;top:15px;right:15px;background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;padding:5px;display:flex;align-items:center;gap:4px}.remove-btn-linkedin:hover{color:#d11141}.add-btn-linkedin{background:none;border:1px dashed #0077b5;color:#0077b5;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;max-width:250px}.add-btn-linkedin:hover{background:#e1f0ff}.message-linkedin{padding:15px 20px;border-radius:8px;margin-bottom:25px;border-left:4px solid}.message-linkedin.success{background:#d4edda;border-color:#28a745;color:#155724}.message-linkedin.error{background:#f8d7da;border-color:#dc3545;color:#721c24}.message-linkedin.info{background:#cce7ff;border-color:#0077b5;color:#004085}.message-content{display:flex;align-items:center;gap:10px}.message-icon{font-size:1.2rem}.form-section-linkedin{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #eaeaea}.form-section-linkedin:last-of-type{border-bottom:none;margin-bottom:20px}.form-actions-single{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:30px;border-top:1px solid #eaeaea}.cancel-btn-linkedin{background:none;border:1px solid #ccc;color:#666;padding:12px 25px;border-radius:24px;cursor:pointer;font-weight:500;transition:all .2s ease}.cancel-btn-linkedin:hover{background:#f8f8f8}.submit-btn-linkedin{background:#0077b5;color:#fff;border:none;padding:12px 30px;border-radius:24px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.submit-btn-linkedin:hover{background:#00669c}.submit-btn-linkedin:disabled{background:#ccc;cursor:not-allowed}.char-count{text-align:right;font-size:.8rem;color:#666;margin-top:5px}.error-text{color:#d11141;font-size:.8rem;margin-top:5px}@media (max-width: 768px){.form-content-single{padding:20px}.form-grid{grid-template-columns:1fr}.profile-image-section{flex-direction:column}.form-actions-single{flex-direction:column;gap:15px}.cancel-btn-linkedin,.submit-btn-linkedin{width:100%}.header-content h1{font-size:2rem}}.instructors-page.linkedin-style{min-height:100vh;background:#f8f9fa;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.instructors-header{margin-top:35px;background:#ffffff;padding:60px 0 40px;text-align:center;border-bottom:1px solid #e0e0e0}.instructors-header .instructors-header-content{max-width:800px;margin:0 auto;padding:0 20px}.instructors-header .instructors-title{font-size:2.5rem;font-weight:600;color:#1f1f1f;margin-bottom:1rem;line-height:1.2}.instructors-header .instructors-subtitle{font-size:1.2rem;color:#666;line-height:1.5;margin:0}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2rem;font-weight:600;color:#1f1f1f;margin-bottom:.5rem}.section-header p{font-size:1.1rem;color:#666;margin:0}.featured-instructors-section{padding:4rem 0;background:#ffffff}.featured-slider-container{max-width:1200px;margin:0 auto;position:relative;padding:0 60px}.slider-controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;z-index:10;pointer-events:none}.slider-nav{background:rgb(0,92,123);border:1px solid #e0e0e0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;pointer-events:all}.slider-nav:hover:not(:disabled){background:#0a66c2;color:#fff;border-color:#0a66c2;box-shadow:0 4px 16px #00000026}.slider-nav:disabled{opacity:.3;cursor:not-allowed}.slider-nav:disabled:hover{background:#ffffff;color:#1f1f1f;border-color:#e0e0e0;box-shadow:0 2px 8px #0000001a}.featured-slider{overflow:hidden;border-radius:12px}.slider-track{display:flex;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.slider-slide{flex:0 0 100%;min-width:100%}.featured-instructors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1rem}.featured-instructor-card{background:rgb(255,255,255);border-radius:42px;border:1px solid rgb(0,44,75);overflow:hidden;transition:all .3s ease}.featured-instructor-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026;border-color:#378fe9}.featured-instructor-card.empty-card{background:#f8f9fa;border:2px dashed #dee2e6;display:flex;align-items:center;justify-content:center;min-height:400px}.featured-instructor-card.empty-card .empty-card-content{text-align:center;color:#6c757d}.featured-instructor-card.empty-card .empty-card-content p{margin:0;font-size:1rem;opacity:.7}.featured-instructor-card .card-header{position:relative;padding:2rem 1.5rem 1rem;text-align:center;border-bottom:1px solid #e0e0e0;background-color:#d5d5d5}.featured-instructor-card .card-header .profile-image,.featured-instructor-card .card-header .profile-placeholder{width:100px;height:100px;border-radius:50%;margin:0 auto 1rem;object-fit:cover;border:3px solid #ffffff;box-shadow:0 2px 8px #0000001a}.featured-instructor-card .card-header .profile-placeholder{background:linear-gradient(135deg,#0a66c2,#004182);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;font-weight:600}.featured-instructor-card .card-header .verification-badge{position:absolute;top:1rem;right:1rem;background:#000000;color:#fff;padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.3rem}.featured-instructor-card .card-header .verification-badge .verified-icon{font-size:.7rem}.featured-instructor-card .card-content{padding:1.5rem}.featured-instructor-card .card-content .instructor-info{text-align:center;margin-bottom:1rem}.featured-instructor-card .card-content .instructor-info .instructor-name{font-size:1.25rem;font-weight:600;color:#1f1f1f;margin-bottom:.25rem}.featured-instructor-card .card-content .instructor-info .instructor-title{font-size:.95rem;color:#666;margin-bottom:.75rem}.featured-instructor-card .card-content .instructor-info .rating{display:flex;align-items:center;justify-content:center;gap:.5rem}.featured-instructor-card .card-content .instructor-info .rating .rating-value{font-size:.9rem;font-weight:600;color:#1f1f1f}.featured-instructor-card .card-content .instructor-info .rating .rating-stars{display:flex;gap:.1rem}.featured-instructor-card .card-content .instructor-info .rating .rating-stars .star{color:#ffc107;font-size:.8rem}.featured-instructor-card .card-content .specialties{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;justify-content:center}.featured-instructor-card .card-content .specialties .specialty-tag{background:#f8f9fa;color:#1f1f1f;padding:.4rem .8rem;border-radius:16px;font-size:.8rem;font-weight:500;border:1px solid #e0e0e0}.featured-instructor-card .card-content .instructor-bio{color:#666;line-height:1.5;margin-bottom:1.5rem;font-size:.9rem;text-align:center}.featured-instructor-card .card-content .instructor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.featured-instructor-card .card-content .instructor-stats .stat{text-align:center}.featured-instructor-card .card-content .instructor-stats .stat .stat-label{display:block;font-size:.75rem;color:#8f8f8f;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.featured-instructor-card .card-content .instructor-stats .stat .stat-value{display:block;font-size:.9rem;font-weight:600;color:#1f1f1f}.featured-instructor-card .card-content .card-actions{display:flex;gap:.75rem}.featured-instructor-card .card-content .card-actions .view-profile-btn,.featured-instructor-card .card-content .card-actions .contact-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:24px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none}.featured-instructor-card .card-content .card-actions .view-profile-btn.primary,.featured-instructor-card .card-content .card-actions .contact-btn.primary{background:#0a66c2;color:#fff}.featured-instructor-card .card-content .card-actions .view-profile-btn.primary:hover,.featured-instructor-card .card-content .card-actions .contact-btn.primary:hover{background:#004182}.featured-instructor-card .card-content .card-actions .view-profile-btn.secondary,.featured-instructor-card .card-content .card-actions .contact-btn.secondary{background:transparent;color:#0a66c2;border:1px solid #0a66c2}.featured-instructor-card .card-content .card-actions .view-profile-btn.secondary:hover,.featured-instructor-card .card-content .card-actions .contact-btn.secondary:hover{background:rgba(10,102,194,.1)}.slider-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.slider-indicators .indicator{width:8px;height:8px;border-radius:50%;border:none;background:#e0e0e0;cursor:pointer;transition:all .3s ease}.slider-indicators .indicator.active{background:#0a66c2;transform:scale(1.2)}.filters-section{background:#ffffff;padding:2rem 0;border-bottom:1px solid #e0e0e0}.filters-container{max-width:1200px;margin:0 auto;padding:0 20px}.search-box{margin-bottom:1.5rem;text-align:center}.search-box .search-input{width:100%;max-width:500px;padding:.875rem 1.5rem;border:1px solid #e0e0e0;border-radius:24px;font-size:1rem;transition:all .3s ease}.search-box .search-input:focus{outline:none;border-color:#0a66c2;box-shadow:0 0 0 2px #0a66c21a}.search-box .search-input::placeholder{color:#8f8f8f}.filter-grid{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.filter-grid .filter-select,.filter-grid .reset-filters-btn{padding:.75rem 1.25rem;border:1px solid #e0e0e0;border-radius:4px;background:#ffffff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.filter-grid .filter-select:focus,.filter-grid .reset-filters-btn:focus{outline:none;border-color:#0a66c2}.filter-grid .reset-filters-btn{background:#666666;color:#fff;border:none}.filter-grid .reset-filters-btn:hover:not(:disabled){background:#1f1f1f}.filter-grid .reset-filters-btn:disabled{opacity:.5;cursor:not-allowed}.filter-grid .reset-filters-btn.large{padding:1rem 2rem;font-size:1rem}.instructors-grid-section{padding:4rem 0;background:#f8f9fa}.instructors-grid-section .section-header{max-width:1200px;margin:0 auto 3rem;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.instructors-grid-section .section-header .results-count{font-size:1rem;color:#666;font-weight:500}.instructors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 20px}.instructor-card{background:#ffffff;border-radius:12px;border:1px solid #e0e0e0;overflow:hidden;transition:all .3s ease}.instructor-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;border-color:#378fe9}.instructor-card .card-header{position:relative;padding:1.5rem 1.5rem 1rem}.instructor-card .card-header .image-container{width:64px;height:64px;border-radius:50%;overflow:hidden;margin-bottom:1rem}.instructor-card .card-header .image-container img,.instructor-card .card-header .image-container .image-placeholder{width:100%;height:100%;object-fit:cover}.instructor-card .card-header .image-container .image-placeholder{background:linear-gradient(135deg,#0a66c2,#004182);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}.instructor-card .card-header .header-badges{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem}.instructor-card .card-header .header-badges .rating-badge,.instructor-card .card-header .header-badges .availability-badge{padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500}.instructor-card .card-header .header-badges .rating-badge{background:#fff3cd;color:#856404}.instructor-card .card-header .header-badges .availability-badge{background:#d1edff;color:#0a66c2}.instructor-card .card-header .header-badges .availability-badge.available{background:#d1f7e4;color:#0f5132}.instructor-card .card-content{padding:0 1.5rem 1.5rem}.instructor-card .card-content .instructor-info{margin-bottom:1rem}.instructor-card .card-content .instructor-info .instructor-name{font-size:1.1rem;font-weight:600;color:#1f1f1f;margin-bottom:.25rem}.instructor-card .card-content .instructor-info .instructor-title{font-size:.9rem;color:#666;margin:0}.instructor-card .card-content .specialties{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.instructor-card .card-content .specialties .specialty-tag{background:#f8f9fa;color:#1f1f1f;padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;border:1px solid #e0e0e0}.instructor-card .card-content .specialties .specialty-tag.small{font-size:.7rem;padding:.25rem .5rem}.instructor-card .card-content .instructor-bio{color:#666;line-height:1.4;margin-bottom:1.25rem;font-size:.85rem}.instructor-card .card-content .instructor-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.instructor-card .card-content .instructor-stats.compact{grid-template-columns:1fr}.instructor-card .card-content .instructor-stats .stat .stat-label{display:block;font-size:.7rem;color:#8f8f8f;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.5px}.instructor-card .card-content .instructor-stats .stat .stat-value{display:block;font-size:.85rem;font-weight:600;color:#1f1f1f}.instructor-card .card-content .card-actions .view-profile-btn{display:block;width:100%;padding:.75rem 1rem;background:transparent;color:#0a66c2;border:1px solid #0a66c2;border-radius:24px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none}.instructor-card .card-content .card-actions .view-profile-btn:hover{background:rgba(10,102,194,.1)}.instructors-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;color:#666}.instructors-loading-container .instructors-loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid #0a66c2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.no-results{text-align:center;padding:4rem 2rem;background:#ffffff}.no-results .no-results-content{max-width:500px;margin:0 auto}.no-results .no-results-content h3{font-size:1.5rem;color:#1f1f1f;margin-bottom:1rem}.no-results .no-results-content p{color:#666;margin-bottom:2rem}@media (max-width: 1024px){.featured-instructors-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.featured-slider-container{padding:0 40px}}@media (max-width: 768px){.instructors-header{padding:40px 0 30px}.instructors-header .instructors-title{font-size:2rem}.instructors-header .instructors-subtitle{font-size:1.1rem}.featured-instructors-grid{grid-template-columns:1fr;gap:1rem}.featured-slider-container{padding:0 20px}.slider-controls{display:none}.instructors-grid{grid-template-columns:1fr}.filter-grid{flex-direction:column;align-items:center}.filter-grid .filter-select,.filter-grid .reset-filters-btn{width:100%;max-width:300px}}@media (max-width: 480px){.instructors-header .instructors-title{font-size:1.75rem}.section-header h2{font-size:1.5rem}}.instructor-public-profile.linkedin-style{background:#ffffff;min-height:100vh}.instructor-public-profile.linkedin-style .profile-header{background:white;border-radius:0 0 8px 8px;box-shadow:0 0 0 1px #00000014;width:100%;max-width:1128px;margin:0 auto 16px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header{border-radius:0;margin-bottom:8px}}.instructor-public-profile.linkedin-style .profile-header .header-background{height:200px;background:linear-gradient(135deg,#6cc2ff 0%,#053bff 100%);position:relative}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-background{height:120px;border-radius:0}}.instructor-public-profile.linkedin-style .profile-header .header-content{padding:0 24px 24px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content{padding:0 16px 16px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info{display:flex;align-items:flex-end;margin-top:-80px;position:relative}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info{flex-direction:column;align-items:center;text-align:center;margin-top:-60px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .avatar-section{margin-right:24px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .avatar-section{margin-right:0;margin-bottom:16px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .avatar-section .avatar-wrapper .profile-avatar{width:160px;height:160px;border-radius:50%;border:4px solid white;background:white;object-fit:cover;object-position:center}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .avatar-section .avatar-wrapper .profile-avatar{width:120px;height:120px;border-width:3px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .avatar-section .avatar-wrapper .default-avatar.large{width:160px;height:160px;border-radius:50%;border:4px solid white;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .avatar-section .avatar-wrapper .default-avatar.large{width:120px;height:120px;font-size:36px;border-width:3px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .avatar-section .avatar-wrapper .default-avatar.large .avatar-initials{font-size:inherit}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info{flex:1;padding-bottom:16px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info{width:100%;padding-bottom:12px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .name-verification{display:flex;align-items:center;margin-bottom:8px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .name-verification{flex-direction:column;align-items:center;margin-bottom:12px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .name-verification .instructor-name{font-size:32px;font-weight:600;color:#000000e6;margin:0 12px 0 0}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .name-verification .instructor-name{font-size:24px;margin:0 0 8px;text-align:center}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .name-verification .verification-badge{background:#000000;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .name-verification .verification-badge{font-size:11px;padding:3px 6px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .name-verification .verification-badge .verified-icon{margin-right:4px}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .instructor-title{font-size:18px;color:#000000e6;margin:0 0 12px;font-weight:400}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .instructor-title{font-size:16px;margin-bottom:16px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .location-info{display:flex;align-items:center;margin-bottom:16px;flex-wrap:wrap}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .location-info{justify-content:center;margin-bottom:20px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .location-info .location{display:flex;align-items:center;margin-right:16px;color:#0009;font-size:14px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .location-info .location{margin-right:12px;font-size:13px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .location-info .location .availability-dot{width:6px;height:6px;background:#00a400;border-radius:50%;margin-left:8px}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .location-info .availability-text{color:#0009;font-size:14px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .location-info .availability-text{font-size:13px;width:100%;text-align:center;margin-top:4px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .profile-stats{display:flex;gap:24px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .profile-stats{justify-content:center;gap:32px;margin-bottom:20px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .profile-stats .stat-item{text-align:center}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .profile-stats .stat-item .stat-value{display:block;font-size:20px;font-weight:600;color:#000000e6}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .profile-stats .stat-item .stat-value{font-size:18px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .profile-stats .stat-item .stat-label{display:block;font-size:14px;color:#0009;margin-top:4px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .profile-info .profile-stats .stat-item .stat-label{font-size:12px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .header-actions{display:flex;gap:12px;padding-bottom:16px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .header-actions{width:100%;justify-content:center;flex-direction:column;gap:8px;padding-bottom:0}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .header-actions .btn-primary{background:#0a66c2;color:#fff;border:none;padding:8px 16px;border-radius:16px;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .header-actions .btn-primary{width:100%;padding:10px 16px;border-radius:20px;font-size:14px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .header-actions .btn-primary:hover{background:#004182}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .header-actions .btn-secondary{background:transparent;color:#0a66c2;border:1px solid #0a66c2;padding:8px 16px;border-radius:16px;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap}@media (max-width: 768px){.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .header-actions .btn-secondary{width:100%;padding:10px 16px;border-radius:20px;font-size:14px}}.instructor-public-profile.linkedin-style .profile-header .header-content .profile-main-info .header-actions .btn-secondary:hover{background:rgba(10,102,194,.1)}.instructor-public-profile.linkedin-style .main-content{max-width:1128px;margin:0 auto;padding:0 16px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .main-content{padding:0 8px}}.instructor-public-profile.linkedin-style .main-content .content-container{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}@media (max-width: 768px){.instructor-public-profile.linkedin-style .main-content .content-container{grid-template-columns:1fr;gap:8px}}.instructor-public-profile.linkedin-style .content-section{background:white;border-radius:8px;padding:24px;margin-bottom:16px;box-shadow:0 0 0 1px #00000014}@media (max-width: 768px){.instructor-public-profile.linkedin-style .content-section{padding:16px;border-radius:0;margin-bottom:8px;box-shadow:0 1px #00000014}}.instructor-public-profile.linkedin-style .content-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.08)}@media (max-width: 768px){.instructor-public-profile.linkedin-style .content-section .section-header{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px;margin-bottom:12px}}.instructor-public-profile.linkedin-style .content-section .section-header h2{font-size:20px;font-weight:600;color:#000000e6;margin:0}@media (max-width: 768px){.instructor-public-profile.linkedin-style .content-section .section-header h2{font-size:18px}}.instructor-public-profile.linkedin-style .content-section .section-header .section-count{font-size:14px;color:#0009}@media (max-width: 768px){.instructor-public-profile.linkedin-style .content-section .section-header .section-count{font-size:13px}}.instructor-public-profile.linkedin-style .bio-content{margin-bottom:20px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .bio-content{margin-bottom:16px}}.instructor-public-profile.linkedin-style .bio-content .bio-text{font-size:16px;line-height:1.5;color:#000000e6;margin:0}@media (max-width: 768px){.instructor-public-profile.linkedin-style .bio-content .bio-text{font-size:14px;line-height:1.4}}.instructor-public-profile.linkedin-style .info-grid{display:grid;gap:20px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .info-grid{gap:16px}}.instructor-public-profile.linkedin-style .info-grid .info-item h4{font-size:16px;font-weight:600;color:#000000e6;margin:0 0 8px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .info-grid .info-item h4{font-size:15px}}.instructor-public-profile.linkedin-style .info-grid .info-item .info-content .expertise-tag{display:inline-block;background:rgba(0,0,0,.05);padding:4px 12px;border-radius:16px;font-size:14px;color:#000000e6;margin:0 8px 8px 0}@media (max-width: 768px){.instructor-public-profile.linkedin-style .info-grid .info-item .info-content .expertise-tag{font-size:12px;padding:3px 10px;margin:0 6px 6px 0}}.instructor-public-profile.linkedin-style .info-grid .info-item .info-content .experience-value{font-size:18px;font-weight:600;color:#000000e6}@media (max-width: 768px){.instructor-public-profile.linkedin-style .info-grid .info-item .info-content .experience-value{font-size:16px}}.instructor-public-profile.linkedin-style .info-grid .info-item .info-content .experience-label{font-size:14px;color:#0009}@media (max-width: 768px){.instructor-public-profile.linkedin-style .info-grid .info-item .info-content .experience-label{font-size:13px}}.instructor-public-profile.linkedin-style .info-grid .info-item .info-content .teaching-value{font-size:16px;color:#000000e6;line-height:1.4}@media (max-width: 768px){.instructor-public-profile.linkedin-style .info-grid .info-item .info-content .teaching-value{font-size:14px}}.instructor-public-profile.linkedin-style .courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .courses-grid{grid-template-columns:1fr;gap:12px}}.instructor-public-profile.linkedin-style .courses-loading{text-align:center;padding:40px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .courses-loading{padding:30px 16px}}.instructor-public-profile.linkedin-style .courses-loading .loading-spinner{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #0a66c2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.instructor-public-profile.linkedin-style .courses-loading p{color:#0009;font-size:14px;margin:0}@media (max-width: 768px){.instructor-public-profile.linkedin-style .courses-loading p{font-size:13px}}.instructor-public-profile.linkedin-style .no-courses{text-align:center;padding:40px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .no-courses{padding:30px 16px}}.instructor-public-profile.linkedin-style .no-courses h3{color:#000000e6;margin:0 0 8px;font-weight:600}@media (max-width: 768px){.instructor-public-profile.linkedin-style .no-courses h3{font-size:18px}}.instructor-public-profile.linkedin-style .no-courses p{color:#0009;margin:0 0 16px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .no-courses p{font-size:14px}}.instructor-public-profile.linkedin-style .no-courses .btn-primary{background:#0a66c2;color:#fff;text-decoration:none;padding:8px 16px;border-radius:16px;font-weight:600;display:inline-block}@media (max-width: 768px){.instructor-public-profile.linkedin-style .no-courses .btn-primary{width:100%;padding:10px 16px;border-radius:20px}}.instructor-public-profile.linkedin-style .no-courses .btn-primary:hover{background:#004182}.instructor-public-profile.linkedin-style .education-list .education-item{display:flex;margin-bottom:16px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .education-list .education-item{margin-bottom:12px}}.instructor-public-profile.linkedin-style .education-list .education-item .education-marker{width:8px;height:8px;background:#0a66c2;border-radius:50%;margin:8px 16px 0 0;flex-shrink:0}@media (max-width: 768px){.instructor-public-profile.linkedin-style .education-list .education-item .education-marker{width:6px;height:6px;margin:8px 12px 0 0}}.instructor-public-profile.linkedin-style .education-list .education-item .education-content{flex:1}.instructor-public-profile.linkedin-style .education-list .education-item .education-content h4{font-size:16px;font-weight:600;color:#000000e6;margin:0 0 4px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .education-list .education-item .education-content h4{font-size:15px}}.instructor-public-profile.linkedin-style .education-list .education-item .education-content .institution{font-size:14px;color:#000000e6;margin:0 0 4px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .education-list .education-item .education-content .institution{font-size:13px}}.instructor-public-profile.linkedin-style .education-list .education-item .education-content .education-year{font-size:14px;color:#0009}@media (max-width: 768px){.instructor-public-profile.linkedin-style .education-list .education-item .education-content .education-year{font-size:13px}}.instructor-public-profile.linkedin-style .certifications-list .certification-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}.instructor-public-profile.linkedin-style .certifications-list .certification-item:last-child{border-bottom:none}.instructor-public-profile.linkedin-style .certifications-list .certification-item .certification-content h4{font-size:16px;font-weight:600;color:#000000e6;margin:0 0 4px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .certifications-list .certification-item .certification-content h4{font-size:15px}}.instructor-public-profile.linkedin-style .certifications-list .certification-item .certification-content .cert-issuer{font-size:14px;color:#000000e6;margin:0 0 4px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .certifications-list .certification-item .certification-content .cert-issuer{font-size:13px}}.instructor-public-profile.linkedin-style .certifications-list .certification-item .certification-content .cert-year{font-size:14px;color:#0009}@media (max-width: 768px){.instructor-public-profile.linkedin-style .certifications-list .certification-item .certification-content .cert-year{font-size:13px}}.instructor-public-profile.linkedin-style .languages-list .language-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.08)}.instructor-public-profile.linkedin-style .languages-list .language-item:last-child{border-bottom:none}@media (max-width: 768px){.instructor-public-profile.linkedin-style .languages-list .language-item{flex-direction:column;align-items:flex-start;gap:4px}}.instructor-public-profile.linkedin-style .languages-list .language-item .language-name{font-size:16px;color:#000000e6}@media (max-width: 768px){.instructor-public-profile.linkedin-style .languages-list .language-item .language-name{font-size:15px}}.instructor-public-profile.linkedin-style .languages-list .language-item .language-proficiency{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .languages-list .language-item .language-proficiency{width:100%}}.instructor-public-profile.linkedin-style .languages-list .language-item .language-proficiency .proficiency-dots{display:flex;gap:2px}.instructor-public-profile.linkedin-style .languages-list .language-item .language-proficiency .proficiency-dots .proficiency-dot{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.1)}.instructor-public-profile.linkedin-style .languages-list .language-item .language-proficiency .proficiency-dots .proficiency-dot:nth-child(-n+3).level-avancé,.instructor-public-profile.linkedin-style .languages-list .language-item .language-proficiency .proficiency-dots .proficiency-dot:nth-child(-n+4).level-intermédiaire,.instructor-public-profile.linkedin-style .languages-list .language-item .language-proficiency .proficiency-dots .proficiency-dot:nth-child(-n+5).level-expert{background:#0a66c2}.instructor-public-profile.linkedin-style .languages-list .language-item .language-proficiency .proficiency-text{font-size:14px;color:#0009}@media (max-width: 768px){.instructor-public-profile.linkedin-style .languages-list .language-item .language-proficiency .proficiency-text{font-size:13px}}.instructor-public-profile.linkedin-style .reviews-summary{margin-bottom:20px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .reviews-summary{margin-bottom:16px}}.instructor-public-profile.linkedin-style .reviews-summary .rating-overview .overall-rating{display:flex;align-items:center;gap:16px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .reviews-summary .rating-overview .overall-rating{flex-direction:column;align-items:flex-start;gap:8px}}.instructor-public-profile.linkedin-style .reviews-summary .rating-overview .overall-rating .rating-score{font-size:32px;font-weight:600;color:#000000e6}@media (max-width: 768px){.instructor-public-profile.linkedin-style .reviews-summary .rating-overview .overall-rating .rating-score{font-size:28px}}.instructor-public-profile.linkedin-style .reviews-summary .rating-overview .overall-rating .rating-stars{display:flex;gap:2px}.instructor-public-profile.linkedin-style .reviews-summary .rating-overview .overall-rating .rating-stars .star{color:#ffc107;font-size:20px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .reviews-summary .rating-overview .overall-rating .rating-stars .star{font-size:18px}}.instructor-public-profile.linkedin-style .reviews-summary .rating-overview .overall-rating .rating-count{font-size:14px;color:#0009}@media (max-width: 768px){.instructor-public-profile.linkedin-style .reviews-summary .rating-overview .overall-rating .rating-count{font-size:13px}}.instructor-public-profile.linkedin-style .reviews-list .review-item{padding:16px 0;border-bottom:1px solid rgba(0,0,0,.08)}.instructor-public-profile.linkedin-style .reviews-list .review-item:last-child{border-bottom:none}@media (max-width: 768px){.instructor-public-profile.linkedin-style .reviews-list .review-item{padding:12px 0}}.instructor-public-profile.linkedin-style .reviews-list .review-item .review-header{display:flex;align-items:center;margin-bottom:8px}.instructor-public-profile.linkedin-style .reviews-list .review-item .review-header .reviewer-avatar{margin-right:12px}.instructor-public-profile.linkedin-style .reviews-list .review-item .review-header .reviewer-avatar .default-avatar.small{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}@media (max-width: 768px){.instructor-public-profile.linkedin-style .reviews-list .review-item .review-header .reviewer-avatar .default-avatar.small{width:36px;height:36px;font-size:12px}}.instructor-public-profile.linkedin-style .reviews-list .review-item .review-header .reviewer-info{flex:1}.instructor-public-profile.linkedin-style .reviews-list .review-item .review-header .reviewer-info .reviewer-name{font-size:16px;font-weight:600;color:#000000e6}@media (max-width: 768px){.instructor-public-profile.linkedin-style .reviews-list .review-item .review-header .reviewer-info .reviewer-name{font-size:15px}}.instructor-public-profile.linkedin-style .reviews-list .review-item .review-header .reviewer-info .review-date{font-size:14px;color:#0009}@media (max-width: 768px){.instructor-public-profile.linkedin-style .reviews-list .review-item .review-header .reviewer-info .review-date{font-size:13px}}.instructor-public-profile.linkedin-style .reviews-list .review-item .review-header .review-rating{font-size:16px;font-weight:600;color:#000000e6}@media (max-width: 768px){.instructor-public-profile.linkedin-style .reviews-list .review-item .review-header .review-rating{font-size:15px}}.instructor-public-profile.linkedin-style .reviews-list .review-item .review-content p{font-size:16px;line-height:1.5;color:#000000e6;margin:0}@media (max-width: 768px){.instructor-public-profile.linkedin-style .reviews-list .review-item .review-content p{font-size:14px;line-height:1.4}}@media (max-width: 768px){.instructor-public-profile.linkedin-style .sidebar-column{order:-1;margin-bottom:8px}}.instructor-public-profile.linkedin-style .sidebar-column .sidebar-card{background:white;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 0 0 1px #00000014}@media (max-width: 768px){.instructor-public-profile.linkedin-style .sidebar-column .sidebar-card{border-radius:0;margin-bottom:8px;box-shadow:0 1px #00000014}}.instructor-public-profile.linkedin-style .sidebar-column .sidebar-card h3{font-size:16px;font-weight:600;color:#000000e6;margin:0 0 16px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .sidebar-column .sidebar-card h3{font-size:15px;margin-bottom:12px}}.instructor-public-profile.linkedin-style .sidebar-column .contact-card .contact-methods .contact-method{margin-bottom:12px}.instructor-public-profile.linkedin-style .sidebar-column .contact-card .contact-methods .contact-method:last-child{margin-bottom:0}.instructor-public-profile.linkedin-style .sidebar-column .contact-card .contact-methods .contact-method .method-label{display:block;font-size:14px;color:#0009;margin-bottom:4px}@media (max-width: 768px){.instructor-public-profile.linkedin-style .sidebar-column .contact-card .contact-methods .contact-method .method-label{font-size:13px}}.instructor-public-profile.linkedin-style .sidebar-column .contact-card .contact-methods .contact-method .contact-link{font-size:14px;color:#0a66c2;text-decoration:none;background:none;border:none;cursor:pointer;padding:0;display:block;text-align:left;width:100%}@media (max-width: 768px){.instructor-public-profile.linkedin-style .sidebar-column .contact-card .contact-methods .contact-method .contact-link{font-size:13px}}.instructor-public-profile.linkedin-style .sidebar-column .contact-card .contact-methods .contact-method .contact-link:hover{text-decoration:underline}.instructor-public-profile.linkedin-style .sidebar-column .stats-card .stats-list .stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.08)}.instructor-public-profile.linkedin-style .sidebar-column .stats-card .stats-list .stat-row:last-child{border-bottom:none}.instructor-public-profile.linkedin-style .sidebar-column .stats-card .stats-list .stat-row .stat-label{font-size:14px;color:#000000e6}@media (max-width: 768px){.instructor-public-profile.linkedin-style .sidebar-column .stats-card .stats-list .stat-row .stat-label{font-size:13px}}.instructor-public-profile.linkedin-style .sidebar-column .stats-card .stats-list .stat-row .stat-value{font-size:14px;font-weight:600;color:#000000e6}@media (max-width: 768px){.instructor-public-profile.linkedin-style .sidebar-column .stats-card .stats-list .stat-row .stat-value{font-size:13px}}.instructor-public-profile.linkedin-style .sidebar-column .social-card .social-links{display:flex;flex-direction:column;gap:8px}.instructor-public-profile.linkedin-style .sidebar-column .social-card .social-links .social-link{font-size:14px;color:#0a66c2;text-decoration:none;padding:8px 0}@media (max-width: 768px){.instructor-public-profile.linkedin-style .sidebar-column .social-card .social-links .social-link{font-size:13px;padding:6px 0}}.instructor-public-profile.linkedin-style .sidebar-column .social-card .social-links .social-link:hover{text-decoration:underline}.instructor-public-profile.linkedin-style .sidebar-column .courses-card .quick-courses-list .course-preview{display:flex;align-items:center;padding:12px 0;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.08)}.instructor-public-profile.linkedin-style .sidebar-column .courses-card .quick-courses-list .course-preview:last-child{border-bottom:none}.instructor-public-profile.linkedin-style .sidebar-column .courses-card .quick-courses-list .course-preview .course-thumbnail{width:48px;height:48px;border-radius:4px;overflow:hidden;margin-right:12px;flex-shrink:0}.instructor-public-profile.linkedin-style .sidebar-column .courses-card .quick-courses-list .course-preview .course-thumbnail img{width:100%;height:100%;object-fit:cover}.instructor-public-profile.linkedin-style .sidebar-column .courses-card .quick-courses-list .course-preview .course-info{flex:1}.instructor-public-profile.linkedin-style .sidebar-column .courses-card .quick-courses-list .course-preview .course-info h4{font-size:14px;font-weight:600;color:#000000e6;margin:0 0 4px;line-height:1.3}@media (max-width: 768px){.instructor-public-profile.linkedin-style .sidebar-column .courses-card .quick-courses-list .course-preview .course-info h4{font-size:13px}}.instructor-public-profile.linkedin-style .sidebar-column .courses-card .quick-courses-list .course-preview .course-info .course-price{font-size:14px;font-weight:600;color:#0a66c2}@media (max-width: 768px){.instructor-public-profile.linkedin-style .sidebar-column .courses-card .quick-courses-list .course-preview .course-info .course-price{font-size:13px}}.instructor-public-profile.linkedin-style .sidebar-column .courses-card .view-all-link{display:block;text-align:center;margin-top:12px;padding:8px;background:transparent;color:#0a66c2;text-decoration:none;border-radius:4px;font-size:14px;font-weight:600}@media (max-width: 768px){.instructor-public-profile.linkedin-style .sidebar-column .courses-card .view-all-link{font-size:13px;padding:10px}}.instructor-public-profile.linkedin-style .sidebar-column .courses-card .view-all-link:hover{background:rgba(10,102,194,.1)}.instructor-public-profile.linkedin-style .loading-container,.instructor-public-profile.linkedin-style .error-container{text-align:center;padding:60px 20px;max-width:600px;margin:0 auto}@media (max-width: 768px){.instructor-public-profile.linkedin-style .loading-container,.instructor-public-profile.linkedin-style .error-container{padding:40px 16px}}@media (max-width: 480px){.instructor-public-profile.linkedin-style .profile-header .header-content{padding:0 12px 12px}.instructor-public-profile.linkedin-style .main-content{padding:0 4px}.instructor-public-profile.linkedin-style .content-section{padding:12px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}