@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#bfc8cb;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6f797b}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes glow{0%,to{box-shadow:0 0 5px #006b5e4d}50%{box-shadow:0 0 20px #006b5e99}}@keyframes progressBar{0%{width:0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-in{animation:.3s ease-out forwards slideIn}.animate-slide-up{animation:.4s ease-out forwards slideUp}.animate-scale-in{animation:.3s ease-out forwards scaleIn}.animate-glow{animation:2s ease-in-out infinite glow}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #ffffff4d}.glass-dark{-webkit-backdrop-filter:blur(16px);background:#191c1dd9;border:1px solid #ffffff1a}.gradient-text{background:linear-gradient(135deg,#006b5e,#00a98f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-warm{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skeleton{background:linear-gradient(90deg,#e7e8ea 25%,#f2f2f3 50%,#e7e8ea 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}.timeline-line{background:linear-gradient(#006b5e,#cee9e0);width:2px;position:absolute;top:0;bottom:0;left:23px}.timeline-dot{z-index:1;background:#fff;border:3px solid #006b5e;border-radius:50%;width:16px;height:16px;position:absolute;left:16px}.timeline-dot.active{background:#006b5e;box-shadow:0 0 0 4px #006b5e33}.video-container{background:#191c1d;border-radius:24px;position:relative;overflow:hidden}.video-container video{object-fit:cover;width:100%;height:100%}.video-pip{border:2px solid #ffffff4d;border-radius:12px;width:180px;height:135px;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.video-controls{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;background:#191c1dcc;border-radius:20px;gap:12px;padding:12px 20px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.video-control-btn{cursor:pointer;color:#fff;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.video-control-btn:hover{background:#ffffff40;transform:scale(1.05)}.video-control-btn.danger{background:#ba1a1a}.video-control-btn.danger:hover{background:#ff5449}.notification-badge{color:#fff;background:#ba1a1a;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.chart-bar{border-radius:4px 4px 0 0;transition:height .5s ease-out,background-color .3s}.insight-card{transition:all .3s}.insight-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.pill{border-radius:100px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.pulse-dot{background:#00a98f;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.aspect-video{aspect-ratio:16/9}