*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}@keyframes spin{to{transform:rotate(360deg)}}.stat-card{background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:20px 24px;flex:1;min-width:180px;cursor:default;animation:fadeInUp .5s ease both;transition:box-shadow .25s,transform .25s}.stat-card:hover{box-shadow:0 10px 28px #2563eb24;transform:translateY(-3px)}.stat-card:nth-child(1){animation-delay:.05s}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.panel{background:#fff;border:1px solid #dbeafe;border-radius:14px;animation:scaleIn .45s ease both;transition:box-shadow .25s}.panel:hover{box-shadow:0 6px 20px #2563eb1a}.header-btn{font-size:13px;padding:7px 16px;border-radius:8px;border:1px solid #dbeafe;background:#eff6ff;color:#2563eb;cursor:pointer;transition:all .2s;font-weight:500}.header-btn:hover{background:#dbeafe;border-color:#93c5fd;box-shadow:0 2px 8px #2563eb26}.logout-btn{background:transparent;border:1px solid #e2e8f0;color:#64748b}.logout-btn:hover{background:#fef2f2!important;border-color:#fca5a5!important;color:#ef4444!important}.live-dot{width:8px;height:8px;background:#10b981;border-radius:50%;display:inline-block;animation:pulse-dot 1.8s ease-in-out infinite}.spinner{width:36px;height:36px;border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:spin .7s linear infinite}