@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--color-primary: #5a189a;--color-primary-light: #7b2cbf;--color-primary-dark: #3c096c;--color-secondary: #ffb703;--color-secondary-hover: #fb8500;--color-text-main: #2b2d42;--color-text-muted: #6c757d;--color-bg-base: #f8f9fa;--color-bg-surface: #ffffff;--color-border: #e9ecef;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 10px 25px rgba(0,0,0,.15);--shadow-primary: 0 8px 20px rgba(123, 44, 191, .2);--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: 1rem;--spacing-4: 1.5rem;--spacing-5: 2rem;--spacing-6: 3rem;--spacing-8: 4rem;--container-max-width: 1200px;--navbar-height: 80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;color:var(--color-text-main);background-color:var(--color-bg-base);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-3);color:var(--color-primary-dark)}p{margin-bottom:var(--spacing-3)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-light)}button{cursor:pointer;font-family:inherit;border:none;outline:none}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-4);width:100%}.section{padding:var(--spacing-8) 0}.text-center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;font-size:1rem;transition:all .3s ease;cursor:pointer;text-decoration:none}.btn-primary{background-color:var(--color-primary);color:#fff!important;box-shadow:var(--shadow-primary)}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-2px);color:#fff!important}.btn-secondary{background-color:var(--color-secondary);color:#fff!important}.btn-secondary:hover{background-color:var(--color-secondary-hover);transform:translateY(-2px);color:#fff!important}.btn-outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.grid-cols-md-2{grid-template-columns:repeat(2,1fr)}.grid-cols-md-3{grid-template-columns:repeat(3,1fr)}.grid-cols-md-4{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.card{background:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-4);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.navbar{height:var(--navbar-height);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:0;width:100%;z-index:1000;box-shadow:var(--shadow-sm);display:flex;align-items:center}.navbar-container{height:100%}.navbar-logo{height:60px;display:flex;align-items:center}.navbar-logo img{height:100%;width:auto;object-fit:contain}.navbar-menu{list-style:none;align-items:center}.navbar-menu a:not(.btn){color:var(--color-text-main);font-weight:500}.navbar-menu a:not(.btn):hover{color:var(--color-primary)}.navbar-toggle{display:none;flex-direction:column;gap:5px;background:transparent;border:none}.navbar-toggle span{width:25px;height:3px;background:var(--color-text-main);border-radius:2px;transition:all .3s ease}@media (max-width: 768px){.navbar-toggle{display:flex}.navbar-menu{position:absolute;top:var(--navbar-height);left:0;width:100%;background:var(--color-bg-surface);flex-direction:column;padding:var(--spacing-4) 0;box-shadow:var(--shadow-md);transform:translateY(-150%);transition:transform .3s ease-in-out;opacity:0;pointer-events:none}.navbar-menu.active{transform:translateY(0);opacity:1;pointer-events:auto}}.footer{background-color:var(--color-primary-dark);color:#fff;padding:var(--spacing-6) 0 var(--spacing-3);margin-top:var(--spacing-8)}.footer h3,.footer h4{color:#fff;margin-bottom:var(--spacing-3)}.footer-col p{color:#e9ecef;opacity:.8}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:var(--spacing-2)}.footer-col a{color:#e9ecef;transition:color .3s}.footer-col a:hover{color:var(--color-secondary)}.social-links a{display:inline-block;padding:.5rem 1rem;background:#ffffff1a;border-radius:var(--radius-md);color:#fff;transition:all .3s}.social-links a:hover{background:var(--color-secondary);color:var(--color-primary-dark)}.footer-bottom{margin-top:var(--spacing-6);padding-top:var(--spacing-3);border-top:1px solid rgba(255,255,255,.1);font-size:.875rem;opacity:.7}.tuteur-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-5) var(--spacing-4)}.tuteur-image-wrapper{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:var(--spacing-4);border:4px solid var(--color-bg-base);box-shadow:var(--shadow-sm);transition:border-color .3s}.tuteur-card:hover .tuteur-image-wrapper{border-color:var(--color-secondary)}.tuteur-image{width:100%;height:100%;object-fit:cover}.tuteur-name{margin-bottom:var(--spacing-1);color:var(--color-primary-dark)}.tuteur-role{font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--spacing-4)}.tuteur-contact-btn{width:100%;padding:.5rem 1rem;font-size:.9rem}.carousel-container{overflow:hidden;position:relative;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:#fff;text-align:center;padding:var(--spacing-6) var(--spacing-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-primary)}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.25,1,.5,1)}.carousel-slide{min-width:100%;padding:0 var(--spacing-3);display:flex;flex-direction:column;justify-content:center;align-items:center}.testimonial-text{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:400;font-style:italic;margin-bottom:var(--spacing-4);line-height:1.5;max-width:800px}.testimonial-author{color:var(--color-secondary);font-weight:700;font-size:1.1rem}.carousel-dots{display:flex;justify-content:center;gap:12px;margin-top:var(--spacing-5)}.dot{width:12px;height:12px;border-radius:50%;background-color:#fff3;transition:all .3s ease}.dot:hover{background-color:#ffffff80}.dot.active{background-color:var(--color-secondary);transform:scale(1.3)}.calendar-container{max-width:900px;margin:0 auto}.event-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.event-card{display:flex;align-items:center;padding:0;overflow:hidden}.event-date-box{background:var(--color-primary-dark);color:#fff;min-width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-right:2px solid var(--color-secondary)}.event-day{font-size:2rem;font-weight:700;line-height:1}.event-month{font-size:1rem;text-transform:uppercase;letter-spacing:1px}.event-details{flex-grow:1;padding:var(--spacing-3) var(--spacing-4)}.event-title{margin-bottom:var(--spacing-1)}.event-meta{color:var(--color-text-muted);font-size:.9rem;margin:0}.event-spots{font-size:.85rem;font-weight:600;color:var(--color-text-main)}.event-actions{padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-bg-base);height:100px;display:flex;align-items:center}.mb-1{margin-bottom:var(--spacing-1)}.badge-danger{background-color:#ffe3e3;color:#c92a2a}.badge-info{background-color:#e7f5ff;color:#1864ab}.badge-warning{background-color:#fff3bf;color:#f08c00}.badge-primary{background-color:var(--color-primary-light);color:#fff}.btn.disabled{opacity:.6;cursor:not-allowed;border-color:var(--color-border);color:var(--color-text-muted)}.btn.disabled:hover{background:transparent;color:var(--color-text-muted);transform:none}@media (max-width: 768px){.event-card{flex-direction:column;align-items:stretch}.event-date-box{height:auto;padding:var(--spacing-2) 0;border-right:none;border-bottom:2px solid var(--color-secondary)}.event-actions{height:auto;justify-content:center}}.home-page{padding-top:var(--navbar-height)}.hero{min-height:calc(100vh - var(--navbar-height));background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:var(--color-bg-base);clip-path:polygon(0 100%,100% 100%,100% 0)}.hero-title{color:#fff;font-size:clamp(2.5rem,5vw,4.5rem);margin-bottom:var(--spacing-3);letter-spacing:-1px}.hero-subtitle{font-size:clamp(1.1rem,2vw,1.5rem);max-width:700px;margin:0 auto var(--spacing-5);opacity:.9}.hero-cta{display:flex;gap:var(--spacing-3);justify-content:center;flex-wrap:wrap}.section-title{font-size:2.2rem;margin-bottom:var(--spacing-2)}.section-desc{color:var(--color-text-muted);max-width:600px;margin:0 auto var(--spacing-6)}.bg-light{background-color:var(--color-bg-base)}.info-box{background-color:#fff;border-left:6px solid var(--color-secondary);padding:var(--spacing-5)}.mt-8{margin-top:var(--spacing-6)}.tab-container{margin-bottom:var(--spacing-4)}.tab-btn{padding:.6rem 1.5rem;border-radius:var(--radius-full);background:#fff;border:1px solid var(--color-border);font-weight:600;color:var(--color-text-main);transition:all .3s ease}.tab-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.min-h-\[400px\]{min-height:400px}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));padding:var(--spacing-4)}.login-card{width:100%;max-width:450px;background:#fff;padding:var(--spacing-6) var(--spacing-5);animation:fadeIn .5s ease}.error-alert{background:#f8d7da;color:#721c24;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);text-align:center;font-size:.9rem}.input-group label{display:block;margin-bottom:var(--spacing-1);font-weight:500;color:var(--color-text-main)}.input-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;outline:none;transition:border-color .3s}.input-group input:focus{border-color:var(--color-primary)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.back-link{font-size:.9rem;color:var(--color-text-muted)}.back-link:hover{text-decoration:underline;color:var(--color-primary)}.drive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-4)}.drive-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-4);transition:all .2s ease;height:100%}.drive-item:hover{border-color:var(--color-primary)}.drive-icon{margin-bottom:var(--spacing-2)}.drive-name{font-weight:600;margin:0 0 var(--spacing-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.drive-meta{font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--spacing-3)}.btn-sm{padding:.4rem 1rem;font-size:.85rem;width:100%}.mt-auto{margin-top:auto}.grade-table-container{overflow-x:auto;padding:0!important}.grade-table{width:100%;border-collapse:collapse;text-align:left}.grade-table th,.grade-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border)}.grade-table th{background:var(--color-bg-base);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}.subject-cell{font-weight:600;color:var(--color-primary-dark)}.grade-badge{padding:.4rem .8rem;border-radius:var(--radius-md);font-weight:700;font-size:.9rem}.grade-badge.pass{background:#2ecc711a;color:#27ae60}.grade-badge.fail{background:#e74c3c1a;color:#c0392b}.view-btn{color:var(--color-primary);font-weight:600;text-decoration:underline;font-size:.9rem}.view-btn:hover{color:var(--color-primary-light)}.admin-panel-container{padding-top:1rem}.admin-subtabs{border-bottom:2px solid var(--color-border)}.admin-subtabs button{padding:.75rem 1rem;background:transparent;border:none;font-weight:600;color:var(--color-text-muted);border-bottom:3px solid transparent;display:flex;align-items:center;gap:.5rem;transition:all .2s}.admin-subtabs button:hover{color:var(--color-primary)}.admin-subtabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-subcontent{overflow:hidden}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;min-width:600px}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.admin-table th{background:var(--color-bg-base);color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase}.admin-table td select{padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.btn-icon{background:transparent;color:var(--color-text-muted);padding:.4rem;border-radius:var(--radius-md);transition:background .2s}.btn-icon:hover{background:var(--color-bg-base);color:var(--color-primary)}.btn-icon.text-red:hover{color:#c0392b;background:#e74c3c1a}.participants-modal{background:var(--color-bg-base);border-radius:var(--radius-md)}.subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.subject-card{background:#fff;padding:1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;transition:transform .2s,box-shadow .2s}.subject-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.subject-card span{font-weight:600;color:var(--color-text-dark)}.subject-card .delete-btn{color:#e74c3c;opacity:0;transition:opacity .2s}.subject-card:hover .delete-btn{opacity:1}form select,form input{padding:.6rem;border:1px solid var(--color-border);border-radius:var(--radius-md)}.events-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.event-card{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0;transition:transform .3s,box-shadow .3s;height:100%}.event-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.event-header{padding:1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.event-body{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.event-type-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;background:#fff3;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:.75rem}.event-title{font-size:1.25rem;line-height:1.3;margin:0;color:#fff!important}.event-detail-item{display:flex;align-items:center;gap:.75rem;color:var(--color-text-muted);font-size:.95rem;margin-bottom:.75rem}.event-detail-item svg{color:var(--color-primary)}.event-footer{margin-top:auto;padding-top:1.5rem}.btn-registered{width:100%;padding:.75rem;border-radius:var(--radius-md);background:#f0fff4;color:#27ae60;border:1px solid #c6f6d5;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600}.loading-dots:after{content:".";animation:dots 1.5s steps(5,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}.dashboard-layout{display:flex;min-height:100vh;background-color:var(--color-bg-base)}.sidebar{width:280px;background:#fff;border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--spacing-4);z-index:10}.sidebar-header{margin-bottom:var(--spacing-5)}.sidebar-header h2{color:var(--color-primary-dark);margin-bottom:var(--spacing-1)}.badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;background:var(--color-primary-light);color:#fff}.anon-id-box{background:var(--color-bg-base);border:1px dashed var(--color-primary);margin-bottom:var(--spacing-5);box-shadow:none}.anon-id-box p{margin:0;font-size:.85rem;color:var(--color-text-muted)}.anon-id-box h3{margin:0;color:var(--color-primary);font-family:monospace;letter-spacing:2px}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-2);flex-grow:1}.nav-btn{display:flex;align-items:center;gap:var(--spacing-3);padding:.75rem 1rem;border-radius:var(--radius-md);background:transparent;color:var(--color-text-main);font-weight:500;text-align:left;transition:all .2s}.nav-btn:hover{background:var(--color-bg-base);color:var(--color-primary)}.nav-btn.active{background:var(--color-primary);color:#fff}.logout-btn{margin-top:auto;display:flex;justify-content:center}.dashboard-content{flex-grow:1;display:flex;flex-direction:column}.dashboard-topbar{background:#fff;padding:var(--spacing-4) var(--spacing-5);box-shadow:var(--shadow-sm)}.dashboard-topbar h1{margin:0;font-size:1.5rem}.content-area{padding:var(--spacing-5);overflow-y:auto}@media (max-width: 768px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;order:2;position:sticky;bottom:0;flex-direction:row;padding:var(--spacing-2);box-shadow:0 -4px 10px #0000000d}.sidebar-header,.anon-id-box,.logout-btn{display:none}.sidebar-nav{flex-direction:row;justify-content:space-around}.nav-btn{flex-direction:column;padding:.5rem;font-size:.75rem;gap:.25rem}.dashboard-content{order:1;min-height:calc(100vh - 70px)}.dashboard-topbar h1{font-size:1.25rem}.mobile-anon-id{display:block!important;padding:.4rem .8rem;font-size:.85rem;margin:0;box-shadow:none;background:var(--color-bg-base);border:1px solid var(--color-primary-light)}.mobile-logout-btn{display:flex!important;align-items:center;justify-content:center;padding:.4rem;border-radius:var(--radius-md);background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}}.mobile-logout-btn,.mobile-anon-id{display:none}.drive-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;min-height:70vh}.overlay-locked{position:sticky;top:100px;z-index:100;width:95%;max-width:480px;text-align:center;padding:var(--spacing-6);background:#fff;border:2px solid var(--color-primary);box-shadow:0 15px 50px #0000004d;pointer-events:auto!important;margin-top:40px}.blur-content{filter:blur(15px) grayscale(90%);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.3;width:100%}.lock-icon{color:var(--color-primary);margin-bottom:var(--spacing-4)}.loader{display:flex;justify-content:center;align-items:center;height:100vh;font-weight:600;color:var(--color-primary)}