.safe-update-loading{position:relative;pointer-events:none;transition:opacity 0.3s ease}.safe-update-loading::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.7);z-index:10}.safe-update-loading::before{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border:3px solid #e0e0e0;border-top-color:var(--primary-color,#3498db);border-radius:50%;animation:safeUpdateSpin 0.8s linear infinite;z-index:11}@keyframes safeUpdateSpin{to{transform:rotate(360deg)}}.safe-update,[data-safe-update="true"]{transition:opacity 0.3s ease,transform 0.3s ease}.safe-update.updating,[data-safe-update="true"].updating{opacity:0.5;transform:scale(0.98)}.attendance-content,.current-status-card,.break-status-advanced,.today-status-card-ultra{transition:opacity 0.3s ease}.attendance-content{min-height:200px}.current-status-card{min-height:150px}.break-status-advanced{min-height:100px}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-updated{animation:fadeIn 0.3s ease forwards}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:0.5em}.skeleton-button{height:40px;width:120px}.skeleton-avatar{width:60px;height:60px;border-radius:50%}.btn-primary,.btn-danger,.btn-success,.btn-warning{transition:all 0.3s ease}.btn-primary:disabled,.btn-danger:disabled,.btn-success:disabled,.btn-warning:disabled{opacity:0.7;cursor:not-allowed}.status-indicator{transition:background-color 0.3s ease,box-shadow 0.3s ease}.status-indicator.online{background-color:#28a745;box-shadow:0 0 0 3px rgba(40,167,69,0.3)}.status-indicator.offline{background-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,0.3)}.status-badge{transition:all 0.3s ease}.status-badge.approved{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.status-badge.pending{background-color:#fff3cd;color:#856404;border-color:#ffeeba}#breakTimer,#workDuration,#currentTime{font-variant-numeric:tabular-nums;transition:color 0.3s ease}.stats-grid-4col,.break-stats-row,.break-actions-row{display:flex;gap:10px}.stat-box,.stat-card-modern{flex:1;min-width:0}.progress-fill-full,.break-progress-fill{transition:width 1s linear}.btn-control{transition:all 0.3s ease}.btn-control:hover{transform:translateY(-2px)}.btn-control:active{transform:translateY(0)}[dir="rtl"].loading::before,html[lang="fa"].loading::before{animation-direction:reverse}