:root{--background:0 0% 4%;--foreground:0 0% 98%;--card:0 0% 8%;--card-foreground:0 0% 98%;--popover:0 0% 8%;--popover-foreground:0 0% 98%;--primary:0 0% 98%;--primary-foreground:0 0% 4%;--secondary:0 0% 14%;--secondary-foreground:0 0% 98%;--muted:0 0% 18%;--muted-foreground:0 0% 65%;--accent:262 83% 58%;--accent-foreground:0 0% 98%;--destructive:0 84% 60%;--destructive-foreground:0 0% 98%;--border:250 10% 16%;--input:250 10% 16%;--ring:262 83% 58%;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-xl:0 24px 80px #0009;--shadow-glow-blue:0 0 60px #3b82f633;--shadow-glow-purple:0 0 60px #a855f726;--shadow-glow-cyan:0 0 60px #06b6d426;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1)}.glass-card{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-xl);transition:all var(--transition-normal);background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%);border:1px solid #ffffff1a;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}.glass-card:hover{box-shadow:var(--shadow-glow-blue);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0f 100%);border-color:#ffffff26;transform:translateY(-2px)}.glass-card-subtle{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);background:linear-gradient(#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff0f}.glass-card-elevated{-webkit-backdrop-filter:blur(32px)saturate(200%);backdrop-filter:blur(32px)saturate(200%);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),var(--shadow-glow-blue);background:linear-gradient(135deg,#ffffff1f 0%,#ffffff0f 100%);border:1px solid #ffffff1f}.glass-card-premium{-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow-blue),var(--shadow-glow-purple);background:linear-gradient(135deg,#3b82f61a 0%,#8b5cf60d 50%,#ffffff0d 100%);border:1px solid #3b82f633}.glass-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);color:#fff;transition:all var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;outline:none;width:100%;padding:.875rem 1.125rem;font-size:.95rem}.glass-input::placeholder{color:#fff6}.glass-input:hover{background:#ffffff14;border-color:#ffffff2e}.glass-input:focus{box-shadow:0 0 0 4px #3b82f626,var(--shadow-glow-blue);background:#ffffff14;border-color:#3b82f699}.glass-select{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);color:#fff;cursor:pointer;appearance:none;transition:all var(--transition-fast);background:#ffffff0f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 1rem center no-repeat;border:1px solid #ffffff1a;padding:.875rem 2.75rem .875rem 1.125rem;font-size:.95rem}.glass-select:hover{background-color:#ffffff14;border-color:#ffffff2e}.glass-select:focus{border-color:#3b82f699;outline:none;box-shadow:0 0 0 4px #3b82f626}.glass-select option{color:#fff;background-color:#1a1a2e;padding:12px 16px}.glass-select option:hover,.glass-select option:focus,.glass-select option:checked{color:#fff;background-color:#2d2d44}.glass-select optgroup{color:#ffffffb3;background-color:#1a1a2e;font-weight:600}.glass-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff1f;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;display:inline-flex}.glass-button:hover{box-shadow:var(--shadow-md);background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.glass-button:active{transform:translateY(0)}.glass-button-primary{background:linear-gradient(135deg,#3b82f6e6 0%,#2563ebf2 100%);border:1px solid #3b82f666;box-shadow:0 4px 24px #3b82f640}.glass-button-primary:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-2px);box-shadow:0 8px 40px #3b82f659}.glass-button-secondary{background:linear-gradient(135deg,#8b5cf6cc 0%,#7c3aede6 100%);border:1px solid #8b5cf666;box-shadow:0 4px 24px #8b5cf633}.glass-button-secondary:hover{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 8px 40px #8b5cf64d}.text-display{font-family:var(--font-sans);letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#ffffffd9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700;line-height:1.1}.text-heading{font-family:var(--font-sans);letter-spacing:-.02em;font-weight:600;line-height:1.2}.text-body{font-family:var(--font-sans);color:#ffffffd9;font-weight:400;line-height:1.6}.text-caption{font-family:var(--font-sans);color:#ffffff8c;font-size:.8125rem;font-weight:400;line-height:1.4}.text-mono{font-family:var(--font-mono);color:#ffffffb3;font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 30px #3b82f633}50%{box-shadow:0 0 60px #3b82f666}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.animate-scale-in{animation:.4s ease-out forwards scaleIn}.animate-pulse-subtle{animation:2s ease-in-out infinite pulse-subtle}.animate-glow{animation:3s ease-in-out infinite glow}.animate-shimmer{background:linear-gradient(90deg,#fff0 0%,#ffffff1a 50%,#fff0 100%) 0 0/200% 100%;animation:2s linear infinite shimmer}.animate-float{animation:4s ease-in-out infinite float}.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}.container-main{max-width:1500px;padding:var(--space-xl);margin:0 auto}.grid-auto{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.gradient-text{background:linear-gradient(135deg,#fff 0%,#fffc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-accent{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 50%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-premium{background:linear-gradient(135deg,#f59e0b 0%,#ef4444 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-border{background:0 0;position:relative}.gradient-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#3b82f680,#8b5cf680);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-shine{position:relative;overflow:hidden}.glass-shine:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 40%,#ffffff08 50%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.recording-indicator{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;width:14px;height:14px;animation:1s ease-in-out infinite pulse-subtle;box-shadow:0 0 20px #ef444499}.status-dot{border-radius:50%;width:10px;height:10px;position:relative}.status-dot:after{content:"";opacity:.3;border-radius:50%;position:absolute;inset:-2px}.status-dot.active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 12px #22c55e80}.status-dot.active:after{background:#22c55e;animation:2s ease-in-out infinite pulse-subtle}.status-dot.inactive{background:#fff3}.status-dot.processing{background:linear-gradient(135deg,#3b82f6,#2563eb);animation:1s ease-in-out infinite pulse-subtle;box-shadow:0 0 12px #3b82f680}.status-dot.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 12px #f59e0b80}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);transition:all var(--transition-normal);background:linear-gradient(135deg,#ffffff14 0%,#ffffff0a 100%);border:1px solid #ffffff14;padding:1.5rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-lg),var(--shadow-glow-blue);border-color:#ffffff1f;transform:translateY(-4px)}.activity-item{border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.activity-item:hover{background:#ffffff0d}.badge{border-radius:var(--radius-full);align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:#4ade80;background:#22c55e26;border:1px solid #22c55e33}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b33}.badge-info{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f633}.badge-premium{color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#ec489933);border:1px solid #f59e0b4d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff05;border-radius:5px}::-webkit-scrollbar-thumb{background:#ffffff1a padding-box padding-box;border:2px solid #0000;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fff3}:focus-visible{outline-offset:3px;outline:2px solid #3b82f699}@media (max-width:768px){.container-main{padding:var(--space-lg)}.grid-auto{grid-template-columns:1fr}.glass-card{border-radius:var(--radius-lg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}