:root{--bg: #0C0F1D;--bg-deep: #080A14;--surface-clay: #1B2238;--surface-solid: #161B2E;--surface-hover: #222B45;--surface-active: #283352;--surface-recessed: #101524;--cyan: #06B6D4;--cyan-glow: rgba(6, 182, 212, .35);--violet: #8B5CF6;--violet-glow: rgba(139, 92, 246, .35);--indigo: #6366F1;--rose: #F43F5E;--rose-glow: rgba(244, 63, 94, .35);--emerald: #10B981;--emerald-glow: rgba(16, 185, 129, .35);--amber: #F59E0B;--amber-glow: rgba(245, 158, 11, .35);--purple: #A855F7;--blue: #3B82F6;--yellow: #F59E0B;--yellow-dk: #D97706;--pink: #F43F5E;--pink-dk: #E11D48;--blue-dk: #2563EB;--green: #10B981;--green-dk: #059669;--orange: #F97316;--orange-dk: #EA580C;--purple-dk: #9333EA;--red: #EF4444;--black: #000000;--text: #F8FAFC;--text-muted: #94A3B8;--text-subtle: #64748B;--clay-card-shadow: inset 3px 3px 6px rgba(255, 255, 255, .12), inset -4px -4px 10px rgba(0, 0, 0, .55), 8px 12px 28px rgba(0, 0, 0, .4);--clay-card-hover: inset 4px 4px 8px rgba(255, 255, 255, .18), inset -5px -5px 12px rgba(0, 0, 0, .65), 12px 18px 36px rgba(0, 0, 0, .5);--clay-btn-shadow: inset 2px 2px 4px rgba(255, 255, 255, .3), inset -3px -3px 6px rgba(0, 0, 0, .45), 4px 8px 18px rgba(0, 0, 0, .35);--clay-btn-pressed: inset 3px 3px 6px rgba(0, 0, 0, .6), inset -1px -1px 3px rgba(255, 255, 255, .1), 0 2px 4px rgba(0, 0, 0, .25);--clay-inset-shadow: inset 4px 4px 8px rgba(0, 0, 0, .5), inset -2px -2px 6px rgba(255, 255, 255, .06), inset 0 0 0 1px rgba(0, 0, 0, .3);--glass-bg: var(--surface-clay);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-border-light: 1px solid rgba(255, 255, 255, .14);--glass-border-subtle: 1px solid rgba(255, 255, 255, .04);--glass-blur: none;--glass-blur-heavy: none;--shadow-sm: 0 4px 10px rgba(0, 0, 0, .25);--shadow-md: var(--clay-card-shadow);--shadow-lg: var(--clay-card-hover);--shadow-xl: inset 4px 4px 10px rgba(255, 255, 255, .2), inset -6px -6px 14px rgba(0, 0, 0, .7), 16px 24px 48px rgba(0, 0, 0, .6);--border: 1px solid rgba(255, 255, 255, .08);--border-2: 1px solid rgba(255, 255, 255, .04);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-xl: 36px;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;line-height:1.5}body:before{content:"";position:fixed;top:-15%;left:-8%;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(139,92,246,.22) 0%,rgba(99,102,241,.1) 50%,transparent 75%);filter:blur(60px);pointer-events:none;z-index:0;animation:mesh-float 22s ease-in-out infinite alternate}body:after{content:"";position:fixed;bottom:-15%;right:-8%;width:55vw;height:55vw;border-radius:50%;background:radial-gradient(circle at 65% 65%,rgba(6,182,212,.2) 0%,rgba(16,185,129,.08) 50%,transparent 75%);filter:blur(70px);pointer-events:none;z-index:0;animation:mesh-float 18s ease-in-out infinite alternate-reverse}@keyframes mesh-float{0%{transform:translate(0) scale(1)}50%{transform:translate(35px,-25px) scale(1.06)}to{transform:translate(-25px,35px) scale(.96)}}#root{position:relative;z-index:1;min-height:100vh}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--surface-recessed);box-shadow:inset 2px 2px 4px #00000080}::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#2a3454,#1d243a);border-radius:99px;box-shadow:inset 1px 1px 2px #fff3,inset -1px -1px 3px #0006}::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#8b5cf6,#6d28d9)}.app-shell{display:flex;min-height:100vh;width:100%}.sidebar-drawer{width:265px;min-width:265px;height:100vh;position:sticky;top:0;flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px 16px;background:var(--surface-clay);box-shadow:6px 0 24px #00000073,inset -2px 0 6px #00000059,inset 2px 0 4px #ffffff14;z-index:50;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:10px 12px 18px;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.25);margin-bottom:18px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.sidebar-brand:hover{transform:scale(1.02)}.sidebar-brand-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:linear-gradient(145deg,#8b5cf6,#06b6d4);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 2px 2px 4px #fff6,inset -3px -3px 6px #0006,4px 6px 16px #8b5cf666}.sidebar-brand-name{font-size:21px;font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1}.sidebar-brand-sub{font-size:9.5px;color:var(--cyan);font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}.nav-menu{display:flex;flex-direction:column;gap:8px}.nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:700;color:var(--text-muted);background:linear-gradient(145deg,#181f33,#131828);border:1px solid rgba(255,255,255,.04);box-shadow:inset 1px 1px 2px #ffffff0f,inset -2px -2px 4px #0006,2px 4px 10px #0003;cursor:pointer;transition:all .22s cubic-bezier(.34,1.56,.64,1);text-align:left}.nav-item:hover{color:#fff;background:linear-gradient(145deg,#242e4b,#1a2138);transform:translateY(-2px);box-shadow:inset 2px 2px 4px #ffffff26,inset -3px -3px 6px #00000080,4px 8px 16px #0000004d}.nav-item:active{transform:translateY(1px) scale(.98);box-shadow:var(--clay-btn-pressed)}.nav-item.active-dashboard{background:linear-gradient(145deg,#0284c7,#06b6d4);color:#fff;box-shadow:inset 2px 2px 4px #fff6,inset -3px -3px 6px #0006,4px 8px 18px #06b6d466}.nav-item.active-feed{background:linear-gradient(145deg,#e11d48,#f43f5e);color:#fff;box-shadow:inset 2px 2px 4px #fff6,inset -3px -3px 6px #0006,4px 8px 18px #f43f5e66}.nav-item.active-settings{background:linear-gradient(145deg,#059669,#10b981);color:#fff;box-shadow:inset 2px 2px 4px #fff6,inset -3px -3px 6px #0006,4px 8px 18px #10b98166}.nav-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0;background:#00000040;box-shadow:inset 2px 2px 4px #0006,inset -1px -1px 2px #ffffff1a}.nav-item-badge{font-size:10px;font-weight:800;font-family:var(--font-mono);padding:3px 8px;border-radius:var(--radius-full);background:linear-gradient(145deg,#f43f5e,#be123c);color:#fff;box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 4px #0006,0 2px 8px #f43f5e66}.sidebar-bottom{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid rgba(0,0,0,.25)}.workspace-box{padding:13px 15px;border-radius:var(--radius-md);background:var(--surface-recessed);box-shadow:var(--clay-inset-shadow)}.workspace-box-title{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:6px}.workspace-id{font-family:var(--font-mono);font-size:11.5px;font-weight:700;color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-md);background:linear-gradient(145deg,#1d253d,#151a2c);box-shadow:var(--clay-card-shadow)}.profile-avatar{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(145deg,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;font-family:var(--font-mono);flex-shrink:0;box-shadow:inset 1px 1px 3px #fff6,inset -2px -2px 4px #0006}.profile-name{font-size:12.5px;font-weight:800;color:#fff}.profile-status{font-size:10.5px;font-weight:700;color:var(--emerald);display:flex;align-items:center;gap:5px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:inset 1px 1px 2px #fff9,inset -1px -1px 2px #0006,0 0 8px var(--emerald)}.app-main-content{flex:1;min-width:0;display:flex;flex-direction:column}.top-bar-header{position:sticky;top:0;z-index:40;width:100%;display:flex;align-items:center;gap:16px;padding:14px 28px;background:var(--surface-clay);box-shadow:0 6px 20px #0006,inset 0 2px 4px #ffffff14}.top-bar-page-title{font-size:13.5px;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.page-title-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:inset 1px 1px 2px #fff9,inset -1px -1px 2px #0006,0 0 10px var(--cyan);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.top-bar-search{display:flex;align-items:center;justify-content:space-between;flex:1;max-width:380px;padding:9px 16px;border-radius:var(--radius-full);background:var(--surface-recessed);box-shadow:var(--clay-inset-shadow);cursor:pointer;transition:all .2s ease;gap:10px}.top-bar-search:hover{box-shadow:inset 5px 5px 10px #0009,inset -2px -2px 6px #ffffff1a}.top-bar-search-placeholder{font-size:12px;color:var(--text-muted);font-weight:600;flex:1}.top-bar-search-kbd{font-size:10px;font-family:var(--font-mono);font-weight:800;color:var(--cyan);background:linear-gradient(145deg,#1b233a,#121828);box-shadow:inset 1px 1px 2px #fff3,inset -1px -1px 3px #0006,0 2px 4px #0003;padding:3px 7px;border-radius:var(--radius-sm)}.top-bar-right{display:flex;align-items:center;gap:10px;margin-left:auto}.top-bar-icon-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:linear-gradient(145deg,#222b45,#171d30);box-shadow:var(--clay-btn-shadow);color:var(--text-muted);cursor:pointer;position:relative;transition:all .2s cubic-bezier(.34,1.56,.64,1);border:none}.top-bar-icon-btn:hover{background:linear-gradient(145deg,#2b3758,#1f2740);color:#fff;transform:translateY(-2px);box-shadow:var(--clay-card-hover)}.top-bar-icon-btn:active{transform:translateY(1px) scale(.97);box-shadow:var(--clay-btn-pressed)}.notif-badge{position:absolute;top:-3px;right:-3px;width:17px;height:17px;border-radius:50%;background:linear-gradient(145deg,#f43f5e,#be123c);color:#fff;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #0006,0 2px 6px #f43f5e80}.app-container{padding:30px 34px}.page-title{font-size:27px;font-weight:900;color:#fff;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}.page-subtitle{font-size:13.5px;color:var(--text-muted);font-weight:600;margin-top:4px}.bento-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:24px}.bento-span-8{grid-column:1 / 2}.bento-span-4{grid-column:2 / 3}.bento-span-12{grid-column:1 / -1}.bento-span-6{grid-column:span 1}.mira-glass,.brutal-card,.clay-card{background:var(--surface-clay);border-radius:var(--radius-md);box-shadow:var(--clay-card-shadow);overflow:hidden;position:relative;transition:all .25s cubic-bezier(.34,1.56,.64,1);border:none}.mira-glass-hover,.brutal-card-hover,.clay-card-hover{transition:all .25s cubic-bezier(.34,1.56,.64,1)}.mira-glass-hover:hover,.brutal-card-hover:hover,.clay-card-hover:hover{background:var(--surface-hover);box-shadow:var(--clay-card-hover);transform:translateY(-3px)}.metrics-row-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-stat-box{padding:18px 20px;border-radius:var(--radius-md);background:linear-gradient(145deg,#1f2740,#161b2e);box-shadow:var(--clay-card-shadow);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.34,1.56,.64,1);border:none}.metric-stat-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.15;pointer-events:none;transition:opacity .25s ease}.metric-stat-box:nth-child(1):before{background:radial-gradient(circle at top right,var(--amber),transparent 70%)}.metric-stat-box:nth-child(2):before{background:radial-gradient(circle at top right,var(--cyan),transparent 70%)}.metric-stat-box:nth-child(3):before{background:radial-gradient(circle at top right,var(--rose),transparent 70%)}.metric-stat-box:nth-child(4):before{background:radial-gradient(circle at top right,var(--emerald),transparent 70%)}.metric-stat-box:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--clay-card-hover)}.metric-stat-box:hover:before{opacity:.3}.stat-box-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.stat-box-value{font-size:32px;font-weight:900;font-family:var(--font-mono);line-height:1.1;color:#fff;letter-spacing:-.03em}.metric-stat-box:nth-child(1) .stat-box-value{color:var(--amber)}.metric-stat-box:nth-child(2) .stat-box-value{color:var(--cyan)}.metric-stat-box:nth-child(3) .stat-box-value{color:var(--rose)}.metric-stat-box:nth-child(4) .stat-box-value{color:var(--emerald)}.competitor-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:transparent;border-radius:var(--radius-sm);margin:14px 0}.stat-pill-item{display:flex;flex-direction:column;gap:3px;padding:10px 14px;background:var(--surface-recessed);border-radius:var(--radius-sm);box-shadow:var(--clay-inset-shadow)}.integration-status-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-sm);background:linear-gradient(145deg,#1b2238,#14192b);box-shadow:inset 1px 1px 2px #ffffff1a,inset -2px -2px 4px #0006,2px 4px 10px #00000040;font-size:13px;font-weight:700;margin-bottom:10px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.integration-status-row:hover{transform:translateY(-2px);box-shadow:inset 2px 2px 4px #ffffff2e,inset -3px -3px 6px #00000080,4px 8px 16px #00000059}.clay-toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:12px;max-width:400px;width:calc(100vw - 48px);pointer-events:none}.clay-toast{pointer-events:auto;background:var(--surface-clay);border-radius:var(--radius-md);box-shadow:var(--clay-card-shadow);padding:14px 18px;display:flex;align-items:flex-start;gap:14px;animation:toast-slide-in .35s cubic-bezier(.34,1.56,.64,1);border-left:5px solid var(--cyan)}.clay-toast-rose{border-left-color:var(--rose)}.clay-toast-violet{border-left-color:var(--violet)}.clay-toast-emerald{border-left-color:var(--emerald)}.clay-toast-amber{border-left-color:var(--amber)}.toast-live-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:pulse-dot 1.5s ease-in-out infinite;flex-shrink:0;margin-top:4px}.toast-title{font-size:13px;font-weight:800;color:#fff;line-height:1.2}.toast-desc{font-size:11.5px;color:var(--text-muted);font-weight:500;margin-top:3px}@keyframes toast-slide-in{0%{opacity:0;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}button,.btn,.mira-btn,input[type=button],input[type=submit]{position:relative;z-index:2;cursor:pointer!important;pointer-events:auto!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}button *,.btn *,.mira-btn *{pointer-events:none}.btn,.mira-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-full);font-size:13px;font-weight:800;cursor:pointer;font-family:var(--font-sans);padding:10px 20px;white-space:nowrap;transition:all .22s cubic-bezier(.34,1.56,.64,1);letter-spacing:.01em;background:linear-gradient(145deg,#27314d,#1a2036);color:#fff;box-shadow:var(--clay-btn-shadow);border:none}.btn:hover,.mira-btn:hover{background:linear-gradient(145deg,#303d60,#202844);transform:translateY(-2px);box-shadow:var(--clay-card-hover)}.btn:active,.mira-btn:active{transform:translateY(1px) scale(.97);box-shadow:var(--clay-btn-pressed)}.btn-primary,.mira-btn-primary{background:linear-gradient(145deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:inset 2px 2px 4px #fff6,inset -3px -3px 6px #0006,4px 8px 18px #8b5cf666}.btn-primary:hover,.mira-btn-primary:hover{background:linear-gradient(145deg,#9333ea,#7c3aed);box-shadow:inset 2px 2px 5px #ffffff80,inset -4px -4px 8px #00000080,6px 12px 24px #8b5cf680}.btn-primary:active,.mira-btn-primary:active{transform:translateY(1px) scale(.97);box-shadow:inset 3px 3px 6px #0009,inset -1px -1px 3px #fff3}.mira-btn-secondary{background:linear-gradient(145deg,#222a42,#161b2e);color:#f8fafc;box-shadow:var(--clay-btn-shadow)}.mira-btn-secondary:hover{background:linear-gradient(145deg,#2c3756,#1d243d)}.btn-emerald,.mira-btn-emerald{background:linear-gradient(145deg,#10b981,#047857);color:#fff;box-shadow:inset 2px 2px 4px #fff6,inset -3px -3px 6px #0006,4px 8px 18px #10b98166}.btn-emerald:hover,.mira-btn-emerald:hover{background:linear-gradient(145deg,#34d399,#059669)}.btn-danger,.mira-btn-danger{background:linear-gradient(145deg,#f43f5e,#be123c);color:#fff;box-shadow:inset 2px 2px 4px #fff6,inset -3px -3px 6px #0006,4px 8px 18px #f43f5e66}.btn-danger:hover,.mira-btn-danger:hover{background:linear-gradient(145deg,#fb7185,#e11d48)}.mira-btn-cyan{background:linear-gradient(145deg,#06b6d4,#0e7490);color:#fff;box-shadow:inset 2px 2px 4px #fff6,inset -3px -3px 6px #0006,4px 8px 18px #06b6d466}.mira-btn-cyan:hover{background:linear-gradient(145deg,#22d3ee,#0284c7)}.btn-sm,.mira-btn-sm{padding:7px 14px;font-size:11.5px}.badge,.mira-badge-violet,.mira-badge-emerald,.mira-badge-amber,.mira-badge-rose,.mira-badge-cyan,.mira-badge-sky{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--radius-full);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-family:var(--font-mono);border:none}.mira-badge-violet,.badge-violet{background:linear-gradient(145deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 4px #0006,0 2px 6px #8b5cf659}.mira-badge-emerald,.badge-emerald{background:linear-gradient(145deg,#10b981,#047857);color:#fff;box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 4px #0006,0 2px 6px #10b98159}.mira-badge-amber,.badge-amber{background:linear-gradient(145deg,#f59e0b,#b45309);color:#fff;box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 4px #0006,0 2px 6px #f59e0b59}.mira-badge-rose,.badge-rose{background:linear-gradient(145deg,#f43f5e,#be123c);color:#fff;box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 4px #0006,0 2px 6px #f43f5e59}.mira-badge-cyan,.badge-cyan{background:linear-gradient(145deg,#06b6d4,#0e7490);color:#fff;box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 4px #0006,0 2px 6px #06b6d459}.mira-badge-sky,.badge-blue{background:linear-gradient(145deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 4px #0006,0 2px 6px #3b82f659}.mira-skeleton{background:linear-gradient(90deg,#151b2c,#232d48,#151b2c);background-size:200% 100%;animation:shimmer 1.8s infinite linear;border-radius:var(--radius-md);box-shadow:var(--clay-inset-shadow)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mira-form-group,.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.mira-form-label,.form-label{font-size:11.5px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:6px}.mira-input,.mira-select,.mira-textarea,.form-input,.form-select,.form-textarea{width:100%;background:var(--surface-recessed);border:none;border-radius:var(--radius-sm);padding:12px 16px;font-size:13.5px;font-weight:600;color:#fff;font-family:var(--font-sans);outline:none;box-shadow:var(--clay-inset-shadow);transition:all .2s ease}.mira-input::-moz-placeholder,.form-input::-moz-placeholder,.mira-textarea::-moz-placeholder{color:#94a3b88c}.mira-input::placeholder,.form-input::placeholder,.mira-textarea::placeholder{color:#94a3b88c}.mira-input:focus,.mira-select:focus,.mira-textarea:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:inset 5px 5px 12px #000000b3,inset -2px -2px 6px #8b5cf633,0 0 0 2px #8b5cf666;outline:none}.mira-select option,.form-select option{background:var(--surface-solid);color:#fff}.mira-textarea,.form-textarea{resize:vertical;min-height:90px}.mira-form-hint{font-size:11px;color:var(--text-subtle);font-weight:500}.modal-backdrop,.mira-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060cbf;display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}.modal-panel{width:100%;max-width:540px;background:var(--surface-clay);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;border:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.25);background:#00000026}.modal-title{font-size:17px;font-weight:900;color:#fff;display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.modal-body{padding:24px}.modal-footer{display:flex;gap:12px;padding:18px 24px;border-top:1px solid rgba(0,0,0,.25);background:#0003}.feed-layout{display:grid;grid-template-columns:230px 1fr;gap:24px}.feed-card{background:var(--surface-clay);border-radius:var(--radius-md);box-shadow:var(--clay-card-shadow);margin-bottom:20px;transition:all .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden;border:none}.feed-card:hover{transform:translateY(-3px);box-shadow:var(--clay-card-hover)}.feed-card-accent-rose{border-left:6px solid var(--rose)}.feed-card-accent-amber{border-left:6px solid var(--amber)}.feed-card-accent-violet{border-left:6px solid var(--violet)}.feed-card-body{padding:22px 24px}.impact-score-badge{width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:900;font-size:14px;box-shadow:inset 1px 1px 3px #fff6,inset -2px -2px 4px #0006,0 4px 10px #0000004d}.impact-high{background:linear-gradient(145deg,#f43f5e,#be123c);color:#fff}.impact-medium{background:linear-gradient(145deg,#f59e0b,#b45309);color:#fff}.impact-low{background:linear-gradient(145deg,#8b5cf6,#6d28d9);color:#fff}.feed-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px;background:var(--surface-recessed);border-radius:var(--radius-sm);box-shadow:var(--clay-inset-shadow);margin:14px 0}.mobile-only-btn{display:none!important}@media (max-width: 1024px){.mobile-only-btn{display:flex!important}}@media (max-width: 1200px){.grid.grid-cols-3,.competitor-cards-col3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.sidebar-drawer{display:none}.bento-grid{grid-template-columns:1fr}.bento-span-8,.bento-span-4,.bento-span-12{grid-column:1 / -1}.metrics-row-grid{grid-template-columns:repeat(2,1fr)}.feed-layout{grid-template-columns:1fr}}@media (max-width: 768px){.app-container{padding:16px}.top-bar-header{padding:12px 16px}.metrics-row-grid{grid-template-columns:repeat(2,1fr)}.feed-analysis-grid{grid-template-columns:1fr}}.space-y-1>*+*{margin-top:4px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-3\.5>*+*{margin-top:14px}.space-y-4>*+*{margin-top:16px}.space-y-5>*+*{margin-top:20px}.space-y-6>*+*{margin-top:24px}.space-y-8>*+*{margin-top:32px}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.inline{display:inline}@media (min-width: 640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:inline{display:inline}.sm\:grid{display:grid}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:col-span-3{grid-column:span 3}.lg\:col-span-9{grid-column:span 9}.lg\:col-span-12{grid-column:span 12}}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.shrink-0{flex-shrink:0}.min-w-0{min-width:0}.w-full{width:100%}.h-full{height:100%}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.self-start{align-self:flex-start}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-2\.5{gap:10px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.p-2{padding:8px}.p-3{padding:12px}.p-3\.5{padding:14px}.p-4{padding:16px}.p-5{padding:20px}.p-5\.5{padding:22px}.p-6{padding:24px}.p-7{padding:28px}.p-8{padding:32px}.p-12{padding:48px}.px-1\.5{padding-left:6px;padding-right:6px}.px-2{padding-left:8px;padding-right:8px}.px-2\.5{padding-left:10px;padding-right:10px}.px-3{padding-left:12px;padding-right:12px}.px-3\.5{padding-left:14px;padding-right:14px}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-1\.5{padding-top:6px;padding-bottom:6px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-3\.5{padding-top:14px;padding-bottom:14px}.pt-0\.5{padding-top:2px}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-4{padding-top:16px}.pt-5{padding-top:20px}.pb-2{padding-bottom:8px}.pb-2\.5{padding-bottom:10px}.mx-auto{margin-left:auto;margin-right:auto}.mt-0\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mr-1{margin-right:4px}.my-8{margin-top:32px;margin-bottom:32px}.my-12{margin-top:48px;margin-bottom:48px}.w-2{width:8px}.h-2{height:8px}.w-3{width:12px}.h-3{height:12px}.w-3\.5{width:14px}.h-3\.5{height:14px}.w-4{width:16px}.h-4{height:16px}.w-4\.5{width:18px}.h-4\.5{height:18px}.w-5{width:20px}.h-5{height:20px}.w-6{width:24px}.h-6{height:24px}.w-7{width:28px}.h-7{height:28px}.w-8{width:32px}.h-8{height:32px}.w-8\.5{width:34px}.h-8\.5{height:34px}.w-10{width:40px}.h-10{height:40px}.w-12{width:48px}.h-12{height:48px}.w-14{width:56px}.h-14{height:56px}.w-16{width:64px}.h-16{height:64px}.h-0\.5{height:2px}.max-w-2xl{max-width:672px}.max-w-xl{max-width:576px}.max-w-md{max-width:448px}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.right-0{right:0}.left-0{left:0}.top-24{top:96px}.-top-1{top:-4px}.-right-1{right:-4px}.-top-24{top:-96px}.-left-24{left:-96px}.z-40{z-index:40}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-tight{letter-spacing:-.02em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-relaxed{line-height:1.625}.text-center{text-align:center}.text-right{text-align:right}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-2\.5xl{font-size:clamp(22px,2.5vw,26px)}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.font-\[\'Outfit\'\]{font-family:"Outfit",var(--font-sans)}.text-white{color:#fff}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-violet-300{color:#c084fc}.text-violet-400{color:#a855f7}.text-sky-300{color:#7dd3fc}.text-sky-400{color:#38bdf8}.text-cyan-300{color:#67e8f9}.text-cyan-400{color:#22d3ee}.text-emerald-400{color:#34d399}.text-rose-300{color:#fda4af}.text-rose-400{color:#fb7185}.text-amber-300{color:#fcd34d}.text-amber-400{color:#fbbf24}.bg-black\/80{background:#04060cd9}.bg-violet-500\/15{background:linear-gradient(145deg,#8b5cf6,#6d28d9);box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 4px #0006}.bg-violet-500\/10{background:#8b5cf626}.bg-cyan-500\/10{background:#06b6d426}.bg-cyan-500\/20{background:linear-gradient(145deg,#06b6d4,#0e7490);box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 4px #0006}.bg-white\/5{background:var(--surface-recessed);box-shadow:var(--clay-inset-shadow)}.bg-white\/10{background:linear-gradient(145deg,#222a42,#161b2e);box-shadow:var(--clay-btn-shadow)}.bg-rose-950\/25{background:#f43f5e26}.bg-slate-900\/60{background:var(--surface-clay);box-shadow:var(--clay-card-shadow)}.bg-slate-900\/40{background:var(--surface-recessed);box-shadow:var(--clay-inset-shadow)}.bg-amber-500\/15{background:#f59e0b26}.bg-sky-500\/10{background:#3b82f626}.bg-rose-500\/10{background:#f43f5e26}.bg-gradient-to-br{background:linear-gradient(135deg,var(--tw-gradient-from),var(--tw-gradient-to))}.bg-gradient-to-r{background:linear-gradient(90deg,var(--tw-gradient-from),var(--tw-gradient-to))}.bg-gradient-to-tr{background:linear-gradient(45deg,var(--tw-gradient-from),var(--tw-gradient-to))}.from-violet-500{--tw-gradient-from: #8B5CF6}.from-violet-600{--tw-gradient-from: #7C3AED}.to-sky-400{--tw-gradient-to: #38BDF8}.to-violet-400{--tw-gradient-to: #A855F7}.from-rose-500{--tw-gradient-from: #F43F5E}.to-pink-500{--tw-gradient-to: #EC4899}.from-amber-500{--tw-gradient-from: #F59E0B}.to-orange-500{--tw-gradient-to: #F97316}.from-sky-400{--tw-gradient-from: #38BDF8}.from-sky-300{--tw-gradient-from: #7DD3FC}.to-violet-500{--tw-gradient-to: #8B5CF6}.border{border:none}.border-t{border-top:1px solid rgba(0,0,0,.25)}.border-b{border-bottom:1px solid rgba(0,0,0,.25)}.border-l-2{border-left:4px solid}.border-l-4{border-left:6px solid}.border-white\/10,.border-white\/5,.border-white\/20{border:none}.border-violet-500{border-color:#8b5cf6}.border-violet-500\/20{border-color:#8b5cf633}.border-violet-400\/25{border-color:#a855f740}.border-violet-400\/30{border-color:#a855f74d}.border-rose-500{border-color:#f43f5e}.border-rose-500\/30{border-color:#f43f5e4d}.border-amber-500{border-color:#f59e0b}.border-sky-400{border-color:#38bdf8}.border-cyan-500\/20{border-color:#06b6d433}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-md)}.rounded-2xl{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--clay-card-shadow)}.shadow-lg{box-shadow:var(--clay-card-hover)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:inset 4px 4px 10px #fff3,inset -6px -6px 14px #000000b3,20px 30px 60px #000000a6}.transition-all{transition:all .22s cubic-bezier(.34,1.56,.64,1)}.transition-colors{transition:color .2s,background-color .2s}.transition-opacity{transition:opacity .2s}.duration-300{transition-duration:.3s}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:text-violet-300{color:#c084fc}.group:hover .group-hover\:text-sky-300{color:#7dd3fc}.group:hover .group-hover\:text-cyan-300{color:#67e8f9}.group:hover .group-hover\:text-violet-400{color:#a855f7}.group:hover .group-hover\:bg-white\/10{background:linear-gradient(145deg,#283352,#1c233c)}.group:hover .group-hover\:scale-110{transform:scale(1.08)}.group:hover .group-hover\:translate-x-0\.5{transform:translate(3px)}.hover\:text-violet-300:hover{color:#c084fc}.hover\:text-sky-300:hover{color:#7dd3fc}.hover\:text-rose-300:hover{color:#fda4af}.hover\:text-emerald-400:hover{color:#34d399}.hover\:text-white:hover{color:#fff}.hover\:underline:hover{text-decoration:underline}.hover\:text-sky-400:hover{color:#38bdf8}.stroke-\[3\]{stroke-width:3}