:root{--vl-load-accent36:#a41d48;--vl-load-light36:#df9bb3}
:root[data-vl-role36=parent],body.parent-layout{--vl-load-accent36:#bba8d4;--vl-load-light36:#deceed}
html.vl-load36::before{content:'';position:fixed;z-index:2147483000;left:0;right:0;top:0;height:3px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,var(--vl-load-accent36) 40%,var(--vl-load-light36) 55%,transparent 100%);background-size:45% 100%;background-repeat:no-repeat;animation:vl-travel36 1.2s ease-in-out infinite;box-shadow:0 1px 6px #b992b52e}
html.vl-load36.vl-load-done36::before{animation:none;background:var(--vl-load-light36);opacity:0;transition:opacity .18s}
.vl-ring36,body.compact-login .login-spinner{display:inline-block;width:46px;height:46px;border:2px solid #80969f33;border-top-color:var(--vl-load-light36);border-right-color:var(--vl-load-accent36);border-radius:50%;animation:vl-spin36 1.05s linear infinite;background:none;box-shadow:none;flex:none}
body.compact-login .login-loading{padding:60px 20px!important;max-width:460px;margin:auto}
body.student-dashboard-v40 .dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.vl-skeleton36{display:grid;width:100%;gap:12px;padding:12px 0;max-width:500px}
.vl-skeleton36 i{height:12px;border-radius:5px;display:block;background:linear-gradient(90deg,#78949f18 20%,#bac8d438 50%,#78949f18 80%);background-size:200% 100%;animation:vl-shimmer36 1.8s ease-in-out infinite}
.vl-skeleton36 i:first-child{width:72%;height:18px}.vl-skeleton36 i:nth-child(2){width:93%}.vl-skeleton36 i:nth-child(3){width:56%}
button.vl-busy36::before,.vl-status-busy36::before{content:'';display:inline-block;width:15px;height:15px;margin-right:9px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:vl-spin36 .9s linear infinite;flex:none;opacity:1}
button.vl-saved36::before,.vl-status-saved36::before{content:'✓';display:inline-block;margin-right:8px;color:inherit}
#login-loading-note.vl-status-busy36::before{display:none}
#parent-status.vl-status-busy36::after{content:'';display:block;height:72px;max-width:500px;margin:18px 0;background:linear-gradient(90deg,#78949f18,#bac8d438,#78949f18);background-size:200% 100%;border-radius:12px;animation:vl-shimmer36 1.8s ease-in-out infinite}
@keyframes vl-spin36{to{transform:rotate(360deg)}}@keyframes vl-travel36{from{background-position:-80% 0}to{background-position:180% 0}}@keyframes vl-shimmer36{from{background-position:120% 0}to{background-position:-80% 0}}
@media(prefers-reduced-motion:reduce){html.vl-load36::before,.vl-ring36,body.compact-login .login-spinner,.vl-skeleton36 i,button.vl-busy36::before,.vl-status-busy36::before,#parent-status.vl-status-busy36::after{animation:none!important}html.vl-load36::before{background:var(--vl-load-light36)}html.vl-load36.vl-load-done36::before{transition:none}}