:root{--primary-color: #3f51b5;--accent-color: #e91e63;--background-color: #ffffff}.mat-primary{background-color:var(--primary-color)}.mat-accent{color:var(--accent-color)}.overlay-loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:1000}.spinner{border:4px solid rgba(0,0,0,.1);border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hide{display:none}