body{background:#f8f9fa;color:#212529;padding-top:2px}.dark body{background:#0f172a;color:#e2e8f0}.bottom-nav,body,header{transition:background-color .3s ease,color .3s ease}#logo-sidebar{top:56px;left:0;width:260px;height:calc(100vh - 56px);transition:transform .3s ease-in-out;z-index:1040;position:fixed;background-color:#fff}@media (max-width:991.98px){#logo-sidebar{transform:translateX(-100%)}.sidebar-open #logo-sidebar{transform:translateX(0)}main{margin-left:0;padding:1rem}}@media (min-width:992px){.sidebar-open #logo-sidebar{transform:translateX(0)}main{margin-left:260px;padding:2rem}}.dark #logo-sidebar,.dark .bg-white{background:#1e293b!important}.card{border-radius:.75rem;transition:all .2s ease}.card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.08)}.card-title{font-size:1.25rem}.text-muted{font-size:.95rem;color:#6c757d!important}.dark .card{background:#1e293b;color:#e2e8f0}.dark .text-muted{color:#94a3b8!important}.switch{position:relative;display:inline-block;width:4em;height:2.2em;border-radius:30px;box-shadow:0 0 8px rgba(0,0,0,.2);margin-bottom:1rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#2a2a2a;border-radius:30px;transition:.4s}.slider:before{content:"";position:absolute;width:1.2em;height:1.2em;left:.5em;bottom:.5em;border-radius:50%;background:#fff;transition:.4s cubic-bezier(.81,-.04,.38,1.5)}.star{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff}.star_1{top:.6em;left:2.5em}.star_2{top:1.2em;left:2.2em}.star_3{top:.9em;left:3em}.cloud{position:absolute;width:3.5em;bottom:-1.4em;left:-1.1em;opacity:0;transition:.4s}.switch input:checked+.slider{background:#00a6ff}.switch input:checked+.slider:before{transform:translateX(1.8em);box-shadow:inset 15px -4px #ffcf48}.switch input:checked~.slider .star{opacity:0}.switch input:checked~.slider .cloud{opacity:1}.rounded-circle{object-fit:cover}main{min-height:100vh;background-color:#fdfdfd;border-left:1px solid #dee2e6;padding:1rem 1rem 2rem 1.5rem;margin-left:0;transition:all .3s ease;box-shadow:inset 1px 0 0 rgba(0,0,0,.05)}.dark main{background-color:#0f172a;border-left:1px solid #334155;box-shadow:inset 1px 0 0 rgba(255,255,255,.05)}@media (min-width:992px){.sidebar-open main{margin-left:260px;padding:2rem 2rem 2rem 2rem}}@media (max-width:991.98px){main{margin-left:0!important;padding:1rem;border-left:none;box-shadow:none}}@media (max-width:991.98px){#sidebarToggleFloating{display:none!important}}#sidebarToggleFloating{display:block}#logo-sidebar{transform:translateX(-100%);transition:transform .3s ease-in-out}.sidebar-open #logo-sidebar{transform:translateX(0)}.bottom-nav i,.bottom-nav span,.header i,.header span{transition:color .3s ease}.dark .bottom-nav i,.dark .bottom-nav span,.dark .header i,.dark .header span{color:#f1f5f9!important}.vision-section{display:flex;align-items:center;gap:15px}.robot-eye{width:50px;height:50px;background:radial-gradient(circle at center,#2e2e2e 40%,#1a1a1a 100%);border:3px solid #444;border-radius:50%;position:relative;box-shadow:0 0 10px #00f7ff80,inset 0 0 10px #00f7ff;animation:pulse 2s infinite}.eye-outer{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center}.eye-inner{width:20px;height:20px;background:#00f7ff;border-radius:50%;position:relative;box-shadow:0 0 5px #00f7ff;animation:blink 5s infinite}.eye-glow{position:absolute;width:8px;height:8px;background:#fff;top:4px;left:4px;border-radius:50%;opacity:.6;animation:glowMove 3s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 10px #00f7ff80,inset 0 0 10px #00f7ff}50%{box-shadow:0 0 20px #00f7ffcc,inset 0 0 20px #00f7ff}}@keyframes blink{0%,100%,90%{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes glowMove{0%{transform:translate(0,0)}50%{transform:translate(4px,4px)}100%{transform:translate(0,0)}}.commando-badge{width:70px;height:70px;background:linear-gradient(145deg,#1e2a36,#0c141c);border:2px solid #007bff;border-radius:50%;position:relative;box-shadow:0 0 12px rgba(0,123,255,.3),inset 0 0 6px rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%{box-shadow:0 0 8px rgba(0,191,255,.3)}50%{box-shadow:0 0 16px rgba(0,191,255,.6)}100%{box-shadow:0 0 8px rgba(0,191,255,.3)}}.commando-badge svg{width:40px;height:40px;fill:#00bfff;filter:drop-shadow(0 0 3px rgba(0, 191, 255, .4))}#calendar{max-width:100%;margin:auto}.event-banner{width:100%;max-height:300px;object-fit:cover;margin-top:16px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1)}.event-banner:hover{transform:scale(1.015);box-shadow:0 10px 32px rgba(0,0,0,.5)}.join-button{display:inline-block;margin-top:15px;padding:10px 20px;background:linear-gradient(135deg,#00bcd4,#008c9e);color:#fff;font-weight:500;font-size:15px;text-decoration:none;border-radius:30px;box-shadow:0 4px 12px rgba(0,188,212,.3);transition:all .3s ease}.join-button:hover{background:linear-gradient(135deg,#008c9e,#00bcd4);box-shadow:0 6px 18px rgba(0,188,212,.4);transform:translateY(-2px)}.uiverse-card{width:100%;border-radius:20px;background:#1b233d;overflow:hidden;box-shadow:rgba(100,100,111,.2) 0 7px 20px 0}.uiverse-card .top-section{height:150px;background:linear-gradient(45deg,#049fbb 0,#50f6ff 100%);border-radius:15px 15px 0 0}.uiverse-card .bottom-section{margin-top:15px;padding:10px 5px;color:#fff;text-align:center}.uiverse-card .bottom-section .title{font-size:17px;font-weight:bolder;letter-spacing:2px}.coin{position:absolute;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 30% 30%,gold,#ffbf00);display:flex;justify-content:center;align-items:center;font-weight:700;color:brown;font-size:14px;pointer-events:none;transition:transform .1s linear}.skeleton{background:linear-gradient(90deg,#e0e0e0 25%,#f6f6f6 37%,#e0e0e0 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}.skeleton-circle{border-radius:50%}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-sm{width:50%}.skeleton-md{width:70%}.attendance{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:3.5rem;padding:0 2rem;border-radius:9999px;background:linear-gradient(135deg,#ffd074,#17f1d1);font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:600;font-size:1.2rem;color:#1a1a1a;border:none;cursor:pointer;box-shadow:0 8px 14px rgb(255 208 116 / .4);transition:box-shadow .3s ease,transform .2s ease;position:relative;overflow:hidden}.attendance:focus,.attendance:hover{box-shadow:0 12px 24px rgb(255 208 116 / .6),0 0 8px #17f1d1;transform:translateY(-2px)}.attendance i{font-size:1.25rem;color:#1a1a1a;pointer-events:none}.attendance:active{transform:translateY(0);box-shadow:0 6px 10px rgb(255 208 116 / .3)}@keyframes gradient-slide{0%{background-position:0 50%}100%{background-position:100% 50%}}.attendance{background:linear-gradient(270deg,#ffd074,#17f1d1,#a374ff);background-size:600% 600%;animation:gradient-slide 8s ease infinite;color:#fff}.attendance:hover .button-inner-static{opacity:0;transform:translateY(-1.75rem);transition:transform 1.4s cubic-bezier(.19,1,.22,1),opacity .3s linear}.attendance:hover .button-inner-hover{opacity:1;transform:translateY(0);transition:transform 1.4s cubic-bezier(.19,1,.22,1),opacity 1.4s cubic-bezier(.19,1,.22,1)}.attendance:hover .button-bg-layer-1{transform:scale(1);transition:transform 1.3s cubic-bezier(.19,1,.22,1),opacity .3s linear}.attendance:hover .button-bg-layer-2{transition-delay:.1s;transform:scale(1)}.attendance:hover .button-bg-layer-3{transition-delay:.2s;transform:scale(1)}#topStudentsCards{display:flex;overflow-x:hidden;scroll-behavior:smooth;will-change:transform;gap:.5rem;padding:1rem 0;user-select:none;transition:width .3s}#topStudentsCards>div{flex:0 0 auto;width:20rem;scroll-snap-align:start;transition:transform .5s ease}