.color-alert{color:#d4111e}.color-success{color:#10b981}.color-warning{color:#f59e0b}.color-info{color:#3b82f6}.color-primary{color:#667eea}.color-app-background{background-color:#f8fafc}.bg-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3}.shadow-glass{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.gradient-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.gradient-warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.loading-component-wrapper{justify-content:center;align-items:center;display:flex}@media only screen and (max-width:900px){.loading-component-wrapper{flex-direction:column-reverse;width:100%}}.loading-component-wrapper .panel{flex-direction:column;flex:1;min-width:200px;max-width:300px;display:flex}@media only screen and (max-width:900px){.loading-component-wrapper .panel{justify-content:center;align-items:center;width:100%}}.loading-component-wrapper .panel .title{margin-bottom:1rem;font-size:2rem;font-weight:600}.loading-component-wrapper .logo{flex:1;max-width:500px}@media only screen and (max-width:900px){.loading-component-wrapper .logo img{width:100%}}.loading-component-wrapper .spinner{border:16px solid #f3f3f3;border-color:#dfa401 #f3f3f3 #050b13;border-radius:50%;width:120px;height:120px;margin:20px auto;animation:2s linear infinite spin}@keyframes spin{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);transform:rotate(0)}50%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(180deg)}to{transform:rotate(360deg)}}