.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffbf;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:50;border-radius:inherit;transition:all .3s ease}body.dark-theme .loading-overlay{background:#0f172abf}.dot-spinner{display:flex;align-items:center;justify-content:center;gap:8px}.dot{width:12px;height:12px;background:var(--accent-gradient);border-radius:50%;animation:bounce .5s infinite alternate ease-in-out;box-shadow:0 4px 10px #667eea66}body.dark-theme .dot{box-shadow:0 4px 10px #818cf899}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.15s;background:var(--accent-primary)}.dot:nth-child(3){animation-delay:.3s;background:var(--accent-hover)}@keyframes bounce{0%{transform:translateY(6px);opacity:.6}to{transform:translateY(-6px);opacity:1}}html{font-size:16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){html{font-size:14px}}:root{--bg-primary: #f4f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--text-primary: #2d3748;--text-secondary: #718096;--text-tertiary: #a0aec0;--accent-primary: #667eea;--accent-hover: #5a67d8;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--card-shadow: 0 4px 6px rgba(0, 0, 0, .05);--modal-shadow: 0 10px 40px rgba(0, 0, 0, .2);--border-color: #e2e8f0;--success-color: #48bb78;--danger-color: #f56565;--input-bg: #fff}body.dark-theme{--bg-primary: #1e293b;--bg-secondary: #334155;--bg-tertiary: #475569;--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--accent-primary: #818cf8;--accent-hover: #a5b4fc;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--card-shadow: 0 4px 6px rgba(0, 0, 0, .25);--modal-shadow: 0 10px 40px rgba(0, 0, 0, .4);--border-color: #475569;--success-color: #4ade80;--danger-color: #f87171;--input-bg: #1e293b}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}.btn-primary{background:var(--accent-gradient);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s}.btn-primary:hover{transform:translateY(-2px)}.card{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);padding:20px}