@keyframes webPageEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes webCardEnter{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes webLoginEnter{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes webAlertEnter{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}
.main .content>.page-head{animation:webPageEnter .35s ease both}.main .content>.card,.main .content>.stats-grid,.main .content>.grid-2,.main .content>.dashboard-stats,.main .content>.dashboard-grid,.main .content>.alert{animation:webCardEnter .4s .04s ease both}.main .content>.card:nth-of-type(2),.main .content>.alert:nth-of-type(2){animation-delay:.09s}.main .content>.card:nth-of-type(3){animation-delay:.14s}
.btn{transition:transform .18s,box-shadow .18s,background-color .18s,color .18s,border-color .18s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.98)}
.card{transition:border-color .2s,box-shadow .2s}.form-card:hover{border-color:#cbd8e9;box-shadow:0 15px 38px rgba(20,38,68,.095)}
.data-table tbody tr{transition:transform .16s,box-shadow .16s}.data-table tbody tr:hover{position:relative;z-index:1;box-shadow:0 5px 15px rgba(24,45,78,.055)}
input,select,textarea{transition:border-color .18s,box-shadow .18s,transform .18s}input:focus,select:focus,textarea:focus{transform:translateY(-1px)}
.alert{animation:webAlertEnter .3s ease both}.login-card{animation:webLoginEnter .48s cubic-bezier(.2,.8,.2,1) both}.login-visual h1,.login-visual p{animation:webPageEnter .45s .12s ease both}.login-form>*{animation:webPageEnter .35s ease both}.login-form>*:nth-child(2){animation-delay:.04s}.login-form>*:nth-child(3){animation-delay:.08s}.login-form>*:nth-child(4){animation-delay:.12s}
.portal-top .brand,.portal-user>*{transition:transform .18s,opacity .18s}.portal-top .brand:hover,.portal-user>a:hover{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sidebar nav a:hover,.btn:hover,input:focus,select:focus,textarea:focus{transform:none!important}}