*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem;color:#333}.container{max-width:1400px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:3rem;animation:fadeInDown .6s ease-out}.dashboard-header h1{color:#fff;font-size:3rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle{color:#ffffffe6;font-size:1.2rem;margin-bottom:1rem}.last-update{color:#fffc;font-size:.9rem;font-style:italic}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.vendor-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px #0003;transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp .6s ease-out;position:relative;overflow:hidden}.vendor-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.vendor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#667eea,#764ba2)}.vendor-card.running:before{background:linear-gradient(90deg,#11998e,#38ef7d);animation:pulse 2s ease-in-out infinite}.vendor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.vendor-name{font-size:1.8rem;font-weight:700;color:#333}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.running{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;animation:pulse 2s ease-in-out infinite}.status-badge.idle{background:#e0e0e0;color:#666}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.stat-item{text-align:center;padding:1rem;background:#f8f9fa;border-radius:12px;transition:background .3s ease}.stat-item:hover{background:#e9ecef}.stat-value{font-size:2rem;font-weight:700;color:#667eea;display:block;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.progress-container{margin-top:1.5rem}.progress-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:#666}.progress-bar{width:100%;height:30px;background:#e0e0e0;border-radius:15px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:15px;transition:width 1s ease-out;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.85rem;position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.progress-fill.high{background:linear-gradient(90deg,#f093fb,#f5576c)}.progress-fill.medium{background:linear-gradient(90deg,#fad0c4,#ffd1ff)}.progress-fill.low{background:linear-gradient(90deg,#a8edea,#fed6e3)}.last-sync-info{margin-top:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px;font-size:.85rem;color:#666}.sync-time-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid #e0e0e0}.sync-time-row:last-child{border-bottom:none}.sync-actions{display:flex;justify-content:center;margin-top:1rem}.controls{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;animation:fadeInUp .8s ease-out}.btn{padding:1rem 2rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #0003}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-icon{font-size:1.2rem}.dashboard-footer{text-align:center;color:#fffc;padding:2rem 0;animation:fadeIn 1s ease-out}.dashboard-footer a{color:#fff;text-decoration:none;font-weight:600;transition:opacity .3s ease}.dashboard-footer a:hover{opacity:.8}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){body{padding:1rem}.dashboard-header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stats-row{grid-template-columns:1fr}.controls{flex-direction:column}.btn{width:100%;justify-content:center}}.loading{text-align:center;padding:3rem;color:#fff;font-size:1.5rem}.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}