#preloader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;z-index:9999}.logo-ring{position:relative;width:80px;height:80px}.ring-svg{position:absolute;top:0;left:0}.ring-track{fill:none;stroke:#e1f5ee;stroke-width:5}.ring-fill{fill:none;stroke:#1d9e75;stroke-width:5;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;transform-origin:center;transform:rotate(-90deg);animation:fillArc 1.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes fillArc{0%{stroke-dashoffset:200;opacity:1}65%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:.2}to{stroke-dashoffset:200;opacity:1}}.logo-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.logo-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.logo-grid span{display:block;border-radius:2px;background:#1d9e75;animation:pulse-block 1.4s ease-in-out infinite}.logo-grid span:nth-child(1){width:14px;height:14px;animation-delay:0s}.logo-grid span:nth-child(2){width:14px;height:14px;animation-delay:.1s}.logo-grid span:nth-child(3){width:14px;height:14px;animation-delay:.2s}.logo-grid span:nth-child(4){width:14px;height:14px;animation-delay:.3s}@keyframes pulse-block{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.erp-wordmark{margin-top:24px;display:flex;align-items:baseline;gap:1px;letter-spacing:-.5px}.erp-wordmark .erp{font-size:20px;font-weight:500;color:#1d9e75}.erp-wordmark .four{font-size:20px;font-weight:500;color:#0f6e56}.erp-wordmark .soft{font-size:20px;font-weight:500;color:#333}.status-row{margin-top:10px;display:flex;align-items:center;gap:8px}.dot-trail{display:flex;gap:5px}.dot-trail span{width:5px;height:5px;border-radius:50%;background:#1d9e75;animation:dotFade 1.2s ease-in-out infinite}.dot-trail span:nth-child(1){animation-delay:0s}.dot-trail span:nth-child(2){animation-delay:.2s}.dot-trail span:nth-child(3){animation-delay:.4s}@keyframes dotFade{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.status-text{font-size:13px;color:var(--color-text-secondary);letter-spacing:.04em}.progress-bar-wrap{margin-top:28px;width:180px;height:3px;background:#e1f5ee;border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;width:40%;background:#1d9e75;border-radius:99px;animation:slide 1.6s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%);width:40%}50%{width:60%}to{transform:translate(280%);width:40%}}