/* BOSTOP neumorphism for the Login page. Styling only. Remove its <link> to undo. */
body{--n-bg:#e4e8f1;--n-hi:#fff;--n-lo:#bcc3d6;--n-btn:linear-gradient(135deg,#8b5cf6,#3b82f6)}
body.dark-mode{--n-bg:#22252e;--n-hi:#2d313c;--n-lo:#15171c}
@property --bn-a{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes bnSpin{to{--bn-a:360deg}}
html,body,body.dark-mode{background:var(--n-bg)!important}
body:not(.dark-mode){color:#1d2230}body:not(.dark-mode) .login-card{color:#1d2230}
.login-card{border:1.5px solid transparent!important;border-radius:26px!important;box-shadow:10px 10px 24px var(--n-lo),-10px -10px 24px var(--n-hi)!important;background:linear-gradient(var(--n-bg),var(--n-bg)) padding-box,conic-gradient(from var(--bn-a),rgba(139,92,246,0) 0deg,rgba(139,92,246,.55) 50deg,rgba(59,130,246,.5) 110deg,rgba(34,211,238,.4) 160deg,rgba(236,72,153,.45) 230deg,rgba(139,92,246,0) 300deg,rgba(139,92,246,0) 360deg) border-box!important;animation:bnSpin 9s linear infinite}
.demo-creds{background:var(--n-bg)!important;border:0!important;box-shadow:inset 5px 5px 10px var(--n-lo),inset -5px -5px 10px var(--n-hi)}
.login-card input,.login-card select{background:var(--n-bg)!important;border:0!important;border-radius:14px!important;box-shadow:inset 5px 5px 10px var(--n-lo),inset -5px -5px 10px var(--n-hi)}
.login-card .button{background:var(--n-bg);border:0;border-radius:14px;box-shadow:5px 5px 11px var(--n-lo),-5px -5px 11px var(--n-hi);color:inherit}
.login-card .button.primary{background:var(--n-btn);color:#fff}
.login-card .theme-toggle{background:var(--n-bg);border:0;box-shadow:5px 5px 11px var(--n-lo),-5px -5px 11px var(--n-hi)}
@media (prefers-reduced-motion:reduce){.login-card{animation:none!important}}