body{font-family:Inter,sans-serif;margin:0;background:linear-gradient(-45deg,#001a2f,#004e89,#002744,#0077c2);background-size:400% 400%;animation:gradientBG 15s ease infinite;color:#fff;line-height:1.6;min-height:100vh;overflow-x:hidden}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.screen{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;box-sizing:border-box;transition:opacity 1s ease-in-out}#logo-splash-screen{z-index:10;pointer-events:none;background:transparent}#login-screen{z-index:1;background:transparent}#splash-logo{max-width:250px;width:100%;animation:splash-fade-in 1s ease .2s forwards}@keyframes splash-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-container{background:#ffffff1a;padding:40px;border-radius:15px;box-shadow:0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-align:center;max-width:450px;width:100%;opacity:0;transform:translateY(20px);transition:opacity .8s ease-in-out .5s,transform .8s ease-in-out .5s}.login-container.visible{opacity:1;transform:translateY(0)}#login-screen h1{font-size:2.8em;font-weight:800;margin-bottom:10px}#login-screen p{font-size:1.1em;margin-bottom:30px;opacity:.9}.login-form input,.login-form select{width:100%;padding:15px;margin-bottom:20px;border:none;border-radius:8px;background:#ffffffe6;color:#333;font-size:1em;box-sizing:border-box}.login-form input:focus,.login-form select:focus{box-shadow:0 0 0 3px #ffffff80;outline:none}.login-btn{width:100%;padding:15px;border:none;border-radius:8px;background-color:#fff;color:#005a9c;font-size:1.2em;font-weight:700;cursor:pointer;transition:transform .2s}.login-btn:hover{transform:scale(1.03)}.lms-homepage-v7{background-color:#f8f9fc;min-height:100vh}.app-layout{display:grid;grid-template-columns:auto 1fr auto;min-height:100vh}.side-nav{width:90px;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.3);padding:25px 0;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:sticky;top:0;height:100vh;z-index:100;box-shadow:4px 0 24px #00000005}.side-nav:hover{width:280px}.side-nav-profile{display:flex;align-items:center;padding:0 24px;margin-bottom:40px;height:60px;overflow:hidden}.avatar-circle{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#005a9c,#004e89);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #005a9c4d}.profile-info{margin-left:16px;white-space:nowrap;opacity:0;transition:opacity .2s ease;display:flex;flex-direction:column}.side-nav:hover .profile-info{opacity:1}.profile-name{font-weight:700;font-size:1rem;color:#1e293b}.profile-course{font-size:.8rem;color:#64748b;font-weight:500}.nav-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;flex:1}.side-nav a,.side-nav button{display:flex;align-items:center;color:#64748b;text-decoration:none;padding:14px 30px;white-space:nowrap;transition:all .2s ease;border-left:4px solid transparent;background:transparent;width:100%;box-sizing:border-box}.side-nav svg{flex-shrink:0;width:24px;height:24px;stroke-width:2px;transition:stroke .2s}.side-nav a:hover,.side-nav button:hover{background-color:#f1f5f9;color:#005a9c}.side-nav a.active{background-color:#eff6ff;color:#005a9c;border-left-color:#005a9c}.nav-text{margin-left:20px;font-weight:600;opacity:0;transform:translate(-10px);transition:all .3s ease}.side-nav:hover .nav-text{opacity:1;transform:translate(0)}.logout-section{margin-top:auto;padding-top:20px;border-top:1px solid #f1f5f9}.logout-btn{cursor:pointer;border:none;font-family:inherit;font-size:1rem;color:#ef4444!important}.logout-btn:hover{background:#fef2f2!important;color:#dc2626!important}.main-content-v7{padding:20px 40px;overflow-y:auto;height:100vh}.hero-v6{background:#ffffff80;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px;display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;box-shadow:0 8px 32px #005a9c1a}.hero-left h2{font-size:2.2em;font-weight:800;color:#111827;margin:0 0 5px}.hero-left p{font-size:1.1em;color:#4b5563;margin:0 0 30px}.hero-stats-v6{display:flex;gap:40px}.stat-item-v6{display:flex;flex-direction:column}.stat-value{font-size:1.8em;font-weight:700;color:#005a9c}.stat-value .stat-unit{font-size:.6em;font-weight:500;color:#6b7280}.stat-label{font-size:1em;color:#6b7280}.section-title-v6{font-size:1.8em;font-weight:700;color:#111827;margin:0 0 25px;padding-bottom:10px}.essentials-grid-v6{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.essential-card-v6{background:#fff;border-radius:12px;padding:25px;border:1px solid #e5e7eb;transition:transform .3s,box-shadow .3s;display:block}.essential-card-v6:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000012}.card-icon-lms{width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.essential-card-v6 h3{font-size:1.2em;color:#1f2937;margin:0 0 10px}.essential-card-v6 p{font-size:.95em;margin:0 0 20px;color:#6b7280}.essential-card-v6 span{color:#005a9c;font-weight:600}.right-sidebar{width:350px;background-color:#fff;border-left:1px solid #e5e7eb;padding:30px;overflow-y:auto;height:100vh}.sidebar-widget{background:#f8f9fc;border:1px solid #e5e7eb;border-radius:16px;padding:25px;margin-bottom:30px}.sidebar-widget h3{margin:0 0 20px;font-size:1.2em;font-weight:700;color:#111827}.synopsis-widget{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none}.synopsis-widget h3{color:#fff}.synopsis-button{width:100%;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5);padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.rank-rush-widget-v4{background:linear-gradient(135deg,#d90429,#a4031f);color:#fff;border:none}.rank-rush-widget-v4 h3{color:#fff}.rank-rush-button{width:100%;background-color:#fff;color:#d90429;padding:12px 30px;border-radius:8px;font-weight:700;border:none;cursor:pointer}@media(max-width:1200px){.app-layout{grid-template-columns:auto 1fr}.right-sidebar{display:none}}@media(max-width:768px){.app-layout{grid-template-columns:1fr}.side-nav{display:none}.main-content-v7{padding:20px}.hero-v6{flex-direction:column}}