.dashboard{display:flex;min-height:100vh;position:relative}.dashboard-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 70% -5%,rgba(176,106,216,.07),transparent 55%),radial-gradient(ellipse 60% 40% at 10% 100%,rgba(224,90,138,.06),transparent 50%),var(--bg)}.dashboard-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.22}.dashboard-glow--1{width:480px;height:480px;top:-120px;right:5%;background:#e05a8a}.dashboard-glow--2{width:380px;height:380px;bottom:-60px;left:18%;background:#a978d8}.dashboard-glow--3{width:260px;height:260px;top:45%;left:42%;background:#6b5cae;opacity:.1}.sidebar{width:260px;padding:16px 12px 16px 16px;position:fixed;top:0;left:0;bottom:0;z-index:10;flex-shrink:0}.sidebar-inner{height:100%;display:flex;flex-direction:column;padding:16px 12px;background:#121116b8;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.sidebar-header{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.sidebar-title{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.02em}.sidebar-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 12px 8px;opacity:.7}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:4px;padding:0 4px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .25s ease,background .25s var(--ease-out),transform .25s var(--ease-out);border:1px solid transparent;position:relative}.nav-link:hover{background:var(--bg-hover);color:var(--text);text-decoration:none}.nav-link.active{background:var(--gradient-subtle);border-color:#e05a8a2e;color:#f3e8ff}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--gradient)}.nav-link-icon{display:flex;opacity:.65;transition:opacity .2s}.nav-link.active .nav-link-icon{opacity:1;color:#e8a4c0}.sidebar-footer{border-top:1px solid var(--border);padding-top:14px;margin-top:8px}.user-card{display:flex;align-items:center;gap:12px;padding:10px;margin-bottom:10px;background:#ffffff06;border-radius:var(--radius-sm);border:1px solid var(--border)}.user-avatar-ring{padding:2px;border-radius:12px;background:var(--gradient);flex-shrink:0}.user-avatar{width:36px;height:36px;border-radius:10px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-details{min-width:0}.logout-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-weight:500;transition:all .25s ease}.logout-btn:hover{background:#f8717114;border-color:#f8717133;color:#fca5a5}.main-shell{flex:1;margin-left:260px;min-height:100vh;position:relative;z-index:1;display:flex;flex-direction:column}.main-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:28px 40px 0}.main-topbar-start{min-width:0}.main-topbar-end{display:flex;align-items:center;gap:10px;flex-shrink:0}.mobile-topbar-brand,.mobile-bottom-nav{display:none}.main-topbar-eyebrow{font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:4px}.main-topbar-title{font-family:var(--font-display);font-size:clamp(24px,2.5vw,30px);font-weight:800;letter-spacing:-.03em;line-height:1.1}.main-topbar-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;font-size:12px;font-weight:500;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);flex-shrink:0}.main-topbar-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 8px #6ee7a080}.main-content{flex:1;padding:24px 40px 40px}@media(max-width:768px){.sidebar{display:none}.main-shell{margin-left:0;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.mobile-topbar-brand{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-family:var(--font-display);font-size:15px;font-weight:700}.user-avatar-ring--sm{padding:1.5px;border-radius:10px}.user-avatar--sm{width:32px;height:32px;border-radius:8px;font-size:12px}.mobile-profile-btn .user-avatar-ring--sm{background:linear-gradient(128deg,#f0a8c4,#c49aef)}.mobile-profile-btn .user-avatar--sm{background:#ffffff1f;color:#fff;font-weight:700}.mobile-profile-btn.open .user-avatar-ring--sm{box-shadow:0 0 0 2px #f0a8c48c}.mobile-profile-btn.open .user-avatar--sm{background:#ffffff2e}.main-topbar{padding:16px 16px 0;flex-wrap:nowrap;align-items:flex-start;gap:12px}.main-topbar-start{flex:1;min-width:0}.main-topbar-end{flex-shrink:0;padding-top:4px}.main-topbar-eyebrow{font-size:11px;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.main-topbar-title{font-size:22px}.main-topbar-badge{padding:6px 12px;font-size:11px}.main-content{padding:16px}.mobile-bottom-nav{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:4px;background:#121116eb;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border-top:1px solid var(--border)}.mobile-nav-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:6px 4px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:500;border:1px solid transparent;transition:color .2s ease,background .2s ease}.mobile-nav-link.active{color:#f3e8ff;background:var(--gradient-subtle);border-color:#e05a8a2e}.mobile-nav-link-icon{display:flex;opacity:.7}.mobile-nav-link.active .mobile-nav-link-icon{opacity:1;color:#e8a4c0}.mobile-nav-link-label{line-height:1.1;text-align:center}.mobile-bottom-nav-user{position:relative;display:flex;align-items:center;flex-shrink:0;padding-left:6px;margin-left:2px;border-left:1px solid var(--border)}.mobile-profile-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.mobile-profile-btn.open{background:var(--gradient-subtle);border-color:#e05a8a40;box-shadow:0 0 16px #e05a8a26}.mobile-profile-menu{position:absolute;right:0;bottom:calc(100% + 10px);z-index:30;min-width:200px;padding:10px;background:#1c1a22fa;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);box-shadow:0 8px 32px #00000059}.mobile-profile-menu-header{padding:4px 8px 10px;border-bottom:1px solid var(--border);margin-bottom:8px}.mobile-profile-menu-header .user-name{font-size:13px;margin-bottom:2px}.mobile-profile-menu-header .user-email{font-size:11px}.mobile-profile-logout{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-weight:500}.mobile-profile-logout:active{background:#f8717114;border-color:#f8717133;color:#fca5a5}}.ig-phone{--ig-bg: #121116;--ig-bg-elevated: #1c1b22;--ig-text: #f2f0f5;--ig-muted: #8e8998;--ig-incoming: #2a2830;--ig-accent: #e05a8a;--ig-accent-2: #a978d8;--ig-gradient: linear-gradient(135deg, #c06ad8 0%, #e05a8a 100%);--ig-border: rgba(255, 255, 255, .07);--ease-out: cubic-bezier(.22, 1, .36, 1);position:relative;width:100%;max-width:380px;margin:0 auto}.ig-phone-glow{position:absolute;top:12%;right:-12%;bottom:-8%;left:-12%;background:radial-gradient(ellipse at 50% 55%,rgba(176,106,216,.2),transparent 68%);filter:blur(36px);pointer-events:none;z-index:0}.ig-phone-frame{position:relative;z-index:1;background:var(--ig-bg);border-radius:44px;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px #ffffff08,0 28px 64px #0000008c,inset 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column;height:min(680px,calc(100vh - 140px));min-height:520px}.ig-phone-notch{width:96px;height:28px;background:var(--ig-bg);border-radius:0 0 18px 18px;margin:0 auto;flex-shrink:0;border:1px solid var(--ig-border);border-top:none}.ig-header{display:flex;align-items:center;gap:10px;padding:8px 14px 12px;border-bottom:1px solid var(--ig-border);flex-shrink:0}.ig-header-back{background:none;border:none;color:var(--ig-text);padding:4px;display:flex;cursor:default;opacity:.85}.ig-header-profile{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.ig-avatar-ring{padding:2px;border-radius:50%;background:linear-gradient(135deg,#f09433,#e05a8a,#a978d8);flex-shrink:0}.ig-avatar{width:36px;height:36px;border-radius:50%;background:var(--ig-bg-elevated);border:2px solid var(--ig-bg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.ig-header-username{font-size:15px;font-weight:600;color:var(--ig-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ig-header-names{display:flex;flex-direction:column;min-width:0}.ig-header-sub{font-size:12px;color:#6ee7a0}.ig-header-actions{display:flex;gap:16px;color:var(--ig-text);flex-shrink:0;opacity:.9}.ig-thread-start{display:flex;flex-direction:column;align-items:center;padding:18px 24px 8px;text-align:center;flex-shrink:0}.ig-thread-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#7c6cf0,#b06ad8);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;margin-bottom:10px}.ig-thread-start p{font-size:15px;font-weight:600;color:var(--ig-text);margin-bottom:4px}.ig-thread-start span{font-size:12px;color:var(--ig-muted)}.ig-chat{flex:1;overflow-y:auto;padding:12px 14px 8px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth;opacity:1;transform:translateY(0);transition:opacity .52s var(--ease-out),transform .52s var(--ease-out)}.ig-chat--hidden{opacity:0;transform:translateY(6px);pointer-events:none}.ig-chat::-webkit-scrollbar{width:0}.ig-msg{display:flex;max-width:82%}.ig-msg--in{align-self:flex-start}.ig-msg--out{align-self:flex-end}.ig-msg--animate{animation:ig-msg-in .5s var(--ease-out) both}@keyframes ig-msg-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ig-bubble{padding:10px 14px;border-radius:22px;font-size:14px;line-height:1.45;word-break:break-word}.ig-bubble--in{background:var(--ig-incoming);color:var(--ig-text);border-bottom-left-radius:6px;border:1px solid rgba(255,255,255,.04)}.ig-bubble--out{background:var(--ig-gradient);color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 14px #e05a8a33}.ig-bubble--typing{display:flex;align-items:center;gap:4px;padding:12px 16px;min-width:52px;background:var(--ig-incoming);border:1px solid rgba(255,255,255,.04)}.ig-bubble--typing span{width:6px;height:6px;border-radius:50%;background:var(--ig-muted);animation:ig-typing 1.3s ease infinite}.ig-bubble--typing span:nth-child(2){animation-delay:.15s}.ig-bubble--typing span:nth-child(3){animation-delay:.3s}@keyframes ig-typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.ig-chip{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;font-size:11px;font-weight:600;color:#e8a4c0;background:#e05a8a1a;border:1px solid rgba(224,90,138,.22)}.ig-chip-dot{width:6px;height:6px;border-radius:50%;background:#6ee7a0;box-shadow:0 0 8px #6ee7a080}.ig-meta{text-align:center;font-size:11px;color:var(--ig-muted);padding:4px 0}.ig-system{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;font-size:11px;color:var(--ig-muted);background:#ffffff09;border:1px solid var(--ig-border)}.ig-system svg{color:#6ee7a0;flex-shrink:0}.ig-stats{align-self:stretch;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:4px 0}.ig-stat{text-align:center;padding:12px 8px;background:#ffffff09;border:1px solid var(--ig-border);border-radius:14px}.ig-stat strong{display:block;font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--ig-text);margin-bottom:4px}.ig-stat span{font-size:10px;color:var(--ig-muted);line-height:1.3}.ig-input-bar{display:flex;align-items:center;gap:10px;padding:10px 14px 12px;border-top:1px solid var(--ig-border);flex-shrink:0}.ig-input-fake{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:24px;border:1px solid var(--ig-border);background:#ffffff05;color:var(--ig-muted);font-size:14px}.ig-input-icons{display:flex;gap:14px;color:var(--ig-text);opacity:.85}@media(max-width:768px){.ig-phone-frame{height:min(620px,calc(100vh - 320px));min-height:480px;border-radius:36px}}@media(prefers-reduced-motion:reduce){.ig-chat,.ig-msg--animate{animation:none;transition:none}}.landing{--landing-bg: #0e0d12;--landing-bg-soft: #15141b;--landing-surface: rgba(255, 252, 254, .045);--landing-surface-hover: rgba(255, 252, 254, .07);--landing-border: rgba(255, 255, 255, .07);--landing-text: #f3f0f6;--landing-muted: #a8a3b3;--landing-accent: #e05a8a;--landing-accent-2: #9b6fd4;--landing-accent-glow: rgba(224, 90, 138, .22);--landing-gradient: linear-gradient(128deg, #e05a8a 0%, #b06ad8 100%);--landing-gradient-soft: linear-gradient(128deg, rgba(224, 90, 138, .14), rgba(176, 106, 216, .1));--landing-font-display: "Plus Jakarta Sans", "Inter", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--landing-bg);color:var(--landing-text);overflow-x:hidden}.landing-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 90% 60% at 50% -10%,rgba(176,106,216,.08),transparent 55%),radial-gradient(ellipse 70% 50% at 0% 100%,rgba(224,90,138,.06),transparent 50%),var(--landing-bg)}.landing-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.28}.landing-glow--1{width:560px;height:560px;top:-180px;right:-80px;background:#e05a8a}.landing-glow--2{width:480px;height:480px;bottom:5%;left:-160px;background:#9b6fd4}.landing-glow--3{width:320px;height:320px;top:40%;left:45%;background:#6b5cae;opacity:.12}.landing>header,.landing>main,.landing>footer{position:relative;z-index:1}.landing>main{flex:1;display:flex;align-items:center}.landing-header{position:sticky;top:0;z-index:100;padding:14px 0;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:#0e0d12c7;border-bottom:1px solid var(--landing-border)}.landing-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.landing-brand{display:flex;align-items:center;gap:10px;font-family:var(--landing-font-display);font-size:18px;font-weight:700;color:var(--landing-text);text-decoration:none;flex-shrink:0}.landing-brand:hover{text-decoration:none;opacity:.9}.landing-brand--sm span{font-size:16px}.landing-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background .25s ease;white-space:nowrap}.landing-btn:hover{text-decoration:none;transform:translateY(-1px)}.landing-btn--primary{background:var(--landing-gradient);color:#fff;box-shadow:0 4px 20px var(--landing-accent-glow)}.landing-btn--primary:hover{box-shadow:0 8px 28px #e05a8a52;color:#fff}.landing-btn--ghost{background:transparent;color:var(--landing-muted)}.landing-btn--ghost:hover{color:var(--landing-text)}.landing-btn--outline{background:var(--landing-surface);color:var(--landing-text);border:1px solid var(--landing-border)}.landing-btn--outline:hover{background:var(--landing-surface-hover);border-color:#ffffff1f;color:var(--landing-text)}.landing-btn--lg{padding:14px 24px;font-size:15px;border-radius:12px}.landing-showcase{padding:48px 0 64px;width:100%}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 64px;align-items:center}.showcase-title{font-family:var(--landing-font-display);font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:28px}.showcase-title-accent{background:var(--landing-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.showcase-dynamic{opacity:0;transform:translateY(10px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out)}.showcase-dynamic--visible{opacity:1;transform:translateY(0)}.showcase-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;margin-bottom:18px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#e8a4c0;background:#e05a8a1a;border:1px solid rgba(224,90,138,.18)}.showcase-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:#6ee7a0;box-shadow:0 0 10px #6ee7a073}.showcase-chapter{margin-bottom:28px;padding:22px 24px;background:var(--landing-gradient-soft);border:1px solid var(--landing-border);border-radius:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.showcase-chapter h2{font-family:var(--landing-font-display);font-size:clamp(20px,2.2vw,26px);font-weight:700;letter-spacing:-.02em;margin-bottom:8px;line-height:1.2;color:#faf8fc}.showcase-chapter p{font-size:15px;line-height:1.7;color:var(--landing-muted)}.showcase-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.showcase-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--landing-muted)}.showcase-features li:before{content:"";width:18px;height:18px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' fill='none'%3E%3Ccircle cx='9' cy='9' r='9' fill='%23e05a8a' fill-opacity='0.14'/%3E%3Cpath d='M5.5 9l2 2 5-5' stroke='%23e05a8a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat}.showcase-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.showcase-progress{display:flex;align-items:center;gap:14px}.showcase-progress-track{flex:1;height:3px;border-radius:100px;background:#ffffff14;overflow:hidden}.showcase-progress-fill{height:100%;border-radius:inherit;background:var(--landing-gradient);transition:width .7s var(--ease-out)}.showcase-progress-text{font-size:12px;font-weight:500;color:var(--landing-muted);font-variant-numeric:tabular-nums;min-width:36px}.showcase-phone{display:flex;justify-content:center;align-items:center}.landing-footer{padding:24px 0;border-top:1px solid var(--landing-border)}.landing-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.landing-footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.landing-footer-links a{font-size:13px;color:var(--landing-muted)}.landing-footer-links a:hover{color:var(--landing-text)}.landing-footer-links p{font-size:13px;color:var(--landing-muted)}@media(max-width:960px){.showcase-grid{grid-template-columns:1fr;gap:40px}.showcase-phone{order:-1}.showcase-story{text-align:center}.showcase-features{align-items:center}.showcase-cta{justify-content:center}.showcase-progress{max-width:320px;margin:0 auto}.showcase-chapter{text-align:left}}@media(max-width:480px){.landing-showcase{padding:32px 0 48px}.showcase-cta{flex-direction:column}.showcase-cta .landing-btn{width:100%}.landing-footer-inner{flex-direction:column;text-align:center}.landing-footer-links{align-items:center}}@media(prefers-reduced-motion:reduce){.showcase-dynamic,.showcase-progress-fill{transition:none}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--bg)}.auth-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.auth-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.3}.auth-glow--1{width:500px;height:500px;top:-150px;right:-100px;background:#e1306c}.auth-glow--2{width:400px;height:400px;bottom:-100px;left:-100px;background:#833ab4}.auth-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black,transparent)}.auth-container{position:relative;width:100%;max-width:420px;padding:24px;z-index:1}.auth-logo{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text);text-decoration:none;margin-bottom:32px}.auth-logo:hover{opacity:.9;text-decoration:none}.auth-card{background:#ffffff08;border:1px solid var(--border);border-radius:20px;padding:36px 32px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 80px #00000080}.auth-card h1{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.auth-subtitle{color:var(--text-muted);font-size:14px;margin-bottom:28px;line-height:1.5}.auth-footer{margin-top:24px;text-align:center;font-size:14px;color:var(--text-muted)}.auth-footer a{color:#f9a8d4;font-weight:600}.auth-legal{margin-top:20px;text-align:center;font-size:13px}.auth-legal a{color:var(--text-muted)}.auth-legal a:hover{color:var(--text)}.auth-card .btn-primary{width:100%;padding:13px;font-size:15px;border-radius:12px}.ig-connect{display:flex;align-items:flex-start;gap:22px;padding:28px 30px;background:var(--gradient-subtle);border:1px solid rgba(224,90,138,.16);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.ig-connect:before{content:"";position:absolute;top:-40%;right:-10%;width:280px;height:280px;background:radial-gradient(circle,rgba(224,90,138,.12),transparent 70%);pointer-events:none}.ig-connect--compact{padding:18px 22px}.ig-connect-icon{width:54px;height:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#e05a8a1a;border:1px solid rgba(224,90,138,.18);border-radius:16px;color:var(--accent);position:relative;z-index:1}.ig-connect-body{position:relative;z-index:1;flex:1}.ig-connect-body h3{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:6px;letter-spacing:-.02em}.ig-connect-desc{font-size:14px;color:var(--text-muted);margin-bottom:18px;line-height:1.6;max-width:520px}.ig-connect-success{font-size:13px;color:#86efac;margin-bottom:12px;padding:10px 14px;background:#6ee7a014;border:1px solid rgba(110,231,160,.18);border-radius:var(--radius-sm)}.ig-connect-actions{display:flex;gap:10px;flex-wrap:wrap}.ig-connect-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border:none;border-radius:12px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;background:var(--gradient);box-shadow:0 4px 18px var(--gradient-glow);transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.ig-connect-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px #e05a8a52}.ig-connect-btn:disabled{opacity:.6;cursor:not-allowed}.ig-connect-btn--demo{background:var(--bg-hover);border:1px solid var(--border);box-shadow:none;color:var(--text)}.ig-connect-error{font-size:13px;color:#fca5a5;margin-bottom:12px}.ig-connect--connected{background:#6ee7a00d;border-color:#6ee7a029;align-items:center}.ig-connect-avatar{width:46px;height:46px;border-radius:12px;background:var(--gradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;text-transform:uppercase;flex-shrink:0}.ig-connect-username{font-family:var(--font-display);font-weight:700;font-size:15px}.ig-connect-status{font-size:13px;color:var(--text-muted)}.ig-connect-dot{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 10px #6ee7a080;margin-left:auto;flex-shrink:0;animation:pulse-dot 2s ease infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.ig-connect--empty{flex-direction:column;align-items:stretch;padding:20px 18px;gap:18px}.ig-connect-body{order:1}.ig-connect-icon{display:none}.ig-connect-desc{margin-bottom:16px;max-width:none}.ig-connect-actions{flex-direction:column}.ig-connect-btn{width:100%;justify-content:center}}.dashboard-page{animation:dash-in .5s var(--ease-out) both}@keyframes dash-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-connect{margin-bottom:24px}.stats-bento{display:grid;grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:auto auto;gap:12px;margin-bottom:24px}.bento-tile{position:relative;padding:20px 20px 18px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;transition:transform .35s var(--ease-out),border-color .3s ease,box-shadow .35s ease}.bento-tile:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--shadow-soft)}.bento-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.06),transparent 50%);pointer-events:none}.bento-kicker{display:block;font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.bento-num{font-family:var(--font-display);font-size:42px;font-weight:800;letter-spacing:-.04em;line-height:1;background:linear-gradient(135deg,#faf8fc 20%,#e8a4c0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bento-num--inline{font-size:36px;margin:4px 0 2px}.bento-caption{font-size:12px;color:var(--text-muted);margin-top:4px}.bento-tile-head{display:flex;align-items:flex-start;justify-content:space-between;color:var(--text-muted);margin-bottom:4px}.bento-tile--instagram{grid-row:span 2;display:flex;flex-direction:column;background:radial-gradient(ellipse 80% 60% at 0% 0%,rgba(224,90,138,.14),transparent 55%),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(169,120,216,.1),transparent 50%),var(--bg-card);border-color:#e05a8a24}.bento-tile--live{border-color:#6ee7a02e}.bento-instagram-top{display:flex;gap:14px;align-items:center;margin-bottom:20px;position:relative;z-index:1}.bento-avatar-ring{padding:3px;border-radius:50%;background:linear-gradient(135deg,#f09433,#e05a8a,#a978d8);flex-shrink:0;animation:ring-spin 8s linear infinite}.bento-avatar-ring--off{background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.12) 0 12deg,transparent 12deg 24deg);animation:none}@keyframes ring-spin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.bento-avatar{width:52px;height:52px;border-radius:50%;background:var(--bg-elevated);border:3px solid var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:20px}.bento-instagram-name{display:block;font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.02em;margin-bottom:4px;word-break:break-all}.bento-status{font-size:12px;color:var(--text-muted)}.bento-status--on{color:#86efac}.bento-mini-chat{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;position:relative;z-index:1;margin-bottom:12px}.bento-bubble{max-width:88%;padding:9px 13px;border-radius:18px;font-size:12px;line-height:1.4;animation:bubble-in .6s var(--ease-out) both}.bento-bubble--in{align-self:flex-start;background:#ffffff0f;border:1px solid var(--border);border-bottom-left-radius:5px;animation-delay:.1s}.bento-bubble--out{align-self:flex-end;background:var(--gradient);color:#fff;border-bottom-right-radius:5px;box-shadow:0 4px 14px #e05a8a40;animation-delay:.25s}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.bento-link{font-size:13px;font-weight:600;color:#e8a4c0;position:relative;z-index:1}.bento-link:hover{color:#f5d0e0}.bento-tile--rules{border-color:#a978d824}.bento-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.bento-chips span{padding:4px 10px;border-radius:100px;font-size:10px;font-weight:600;color:#c4b5fd;background:#a978d81f;border:1px solid rgba(169,120,216,.2)}.bento-chips span:nth-child(2){color:#e8a4c0;background:#e05a8a1a;border-color:#e05a8a2e}.bento-tile--inbox{border-color:#60a5fa1f}.bento-bars{display:flex;align-items:flex-end;gap:4px;height:36px;margin-top:14px}.bento-bar{flex:1;height:calc(var(--h) * 100%);min-height:4px;border-radius:3px 3px 1px 1px;background:linear-gradient(to top,#60a5fa26,#60a5fa8c);transform-origin:bottom;animation:bar-grow .8s var(--ease-out) both;animation-delay:calc(var(--i) * .06s)}@keyframes bar-grow{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.bento-tile--replies{grid-column:span 2;border-color:#6ee7a024;background:radial-gradient(ellipse 50% 80% at 100% 50%,rgba(110,231,160,.08),transparent 60%),var(--bg-card)}.bento-replies-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:1}.reply-ring{position:relative;width:88px;height:88px;flex-shrink:0}.reply-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.reply-ring-bg{fill:none;stroke:#ffffff0f;stroke-width:7}.reply-ring-fill{fill:none;stroke:#6ee7a0;stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-out)}.reply-ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:15px;font-weight:800;color:#86efac}.bento-rate{margin-top:10px;font-size:11px;color:var(--text-muted);position:relative;z-index:1}.activity-panel .panel-header{align-items:flex-start}.panel-subtitle{font-size:13px;color:var(--text-muted);margin-top:4px;font-weight:400}.empty-activity{text-align:center;padding:52px 24px}.empty-activity-icon{width:68px;height:68px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:var(--gradient-subtle);border:1px solid rgba(224,90,138,.12);border-radius:18px;color:#e8a4c0}.empty-activity p{font-family:var(--font-display);font-weight:700;font-size:16px;margin-bottom:6px}.empty-activity span{display:block;font-size:13px;color:var(--text-muted);margin-bottom:20px}.empty-activity-btn{margin-top:4px}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--border);transition:background .2s ease}.activity-item:hover{background:#ffffff04;margin:0 -12px;padding-left:12px;padding-right:12px;border-radius:var(--radius-sm);border-bottom-color:transparent}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-item:first-child{padding-top:0}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);margin-top:7px;flex-shrink:0}.activity-dot[data-replied=true]{background:var(--success);box-shadow:0 0 8px #6ee7a073}.activity-content{flex:1;min-width:0}.activity-text{display:block;font-size:14px;margin-bottom:8px;line-height:1.45}.activity-tags{display:flex;gap:6px;flex-wrap:wrap}.activity-time{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-top:2px;font-variant-numeric:tabular-nums}@media(max-width:1024px){.stats-bento{grid-template-columns:1fr 1fr}.bento-tile--instagram{grid-row:span 1;grid-column:span 2}.bento-tile--replies{grid-column:span 2}}@media(max-width:540px){.stats-bento{grid-template-columns:1fr}.bento-tile--instagram,.bento-tile--replies{grid-column:span 1}.bento-num{font-size:36px}}@media(prefers-reduced-motion:reduce){.dashboard-page,.bento-bubble,.bento-bar,.bento-avatar-ring{animation:none}}.page-toolbar{display:flex;justify-content:flex-end;margin-bottom:20px}.automation-list{display:flex;flex-direction:column;gap:14px}.automation-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;transition:border-color .2s,box-shadow .2s}.automation-card--active{border-color:#22c55e33;box-shadow:0 0 0 1px #22c55e0d}.automation-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.automation-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.automation-info h3{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.01em}.status-pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:100px;background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border)}.status-pill--on{background:#22c55e1f;color:#86efac;border-color:#22c55e33}.automation-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.keyword-tag{color:#f9a8d4;font-size:14px;font-weight:600}.automation-count{font-size:12px;color:var(--text-muted)}.reply-preview{padding:14px 16px;background:#00000040;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;color:var(--text-muted);line-height:1.55;margin-bottom:16px}.reply-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;opacity:.7}.automation-footer{display:flex;gap:8px}.btn-sm{padding:7px 14px;font-size:13px}.empty-state{text-align:center;padding:72px 32px;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius)}.empty-state-icon{width:72px;height:72px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:var(--gradient-subtle);border:1px solid rgba(225,48,108,.15);border-radius:18px;color:#f9a8d4}.empty-state h3{font-family:var(--font-display);font-size:20px;font-weight:700;margin-bottom:8px}.empty-state p{color:var(--text-muted);font-size:14px;margin-bottom:24px;max-width:360px;margin-left:auto;margin-right:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:#141519;border:1px solid var(--border);border-radius:20px;box-shadow:0 32px 80px #0009}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.modal-header h2{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.02em}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);transition:all .2s}.modal-close:hover{color:var(--text);border-color:var(--border-hover)}.modal-form{padding:20px 24px 24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0003;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:24px;cursor:pointer}.toggle-row span{font-size:14px;font-weight:500}.modal-actions{display:flex;gap:10px;justify-content:flex-end}@media(max-width:540px){.form-row{grid-template-columns:1fr}.automation-top{flex-direction:column}}.ig-test-send-card{margin-top:24px;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.ig-test-send-header h3{font-size:18px;margin-bottom:8px}.ig-test-send-header p{color:var(--text-muted);font-size:14px;line-height:1.5}.ig-test-send-toolbar .btn-sm{align-self:flex-start;padding:8px 14px;font-size:13px}.ig-test-send-toolbar{display:flex;flex-direction:column;gap:10px;margin-top:16px}.ig-test-send-hint{color:var(--warning);font-size:13px;line-height:1.5}.ig-test-send-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.ig-test-send-field select{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text)}.ig-test-send-field{display:flex;flex-direction:column;gap:8px}.ig-test-send-field--full{grid-column:1 / -1}.ig-test-send-field span{font-size:13px;color:var(--text-muted)}.ig-test-send-field input,.ig-test-send-field textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text)}.ig-test-send-field input:focus,.ig-test-send-field textarea:focus{outline:none;border-color:var(--border-hover)}.ig-settings-footer{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}@media(max-width:720px){.ig-test-send-form{grid-template-columns:1fr}}.privacy-page{min-height:100vh;background:var(--bg)}.privacy-header{padding:20px 0;border-bottom:1px solid var(--border)}.privacy-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.privacy-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;color:var(--text)}.privacy-back{font-size:14px;color:var(--text-muted)}.privacy-back:hover{color:var(--text)}.privacy-content{max-width:760px;padding:48px 24px 72px}.privacy-content h1{font-family:var(--font-display);font-size:clamp(28px,4vw,36px);margin-bottom:8px}.privacy-updated{color:var(--text-muted);font-size:14px;margin-bottom:40px}.privacy-content section{margin-bottom:32px}.privacy-content h2{font-family:var(--font-display);font-size:20px;margin-bottom:12px}.privacy-content p,.privacy-content li{color:var(--text-muted);line-height:1.7}.privacy-content p+p,.privacy-content ul{margin-top:12px}.privacy-content ul{padding-left:20px}.privacy-content a{color:var(--primary-hover)}.privacy-footer{padding:24px 0 40px;border-top:1px solid var(--border)}.privacy-footer p{font-size:13px;color:var(--text-muted);text-align:center}:root{--bg: #0e0d12;--bg-card: rgba(255, 252, 254, .04);--bg-elevated: #16151c;--bg-hover: rgba(255, 252, 254, .06);--border: rgba(255, 255, 255, .07);--border-hover: rgba(255, 255, 255, .12);--text: #f3f0f6;--text-muted: #a8a3b3;--accent: #e05a8a;--accent-2: #a978d8;--primary: #e05a8a;--primary-hover: #e8a4c0;--success: #6ee7a0;--danger: #f87171;--warning: #fbbf24;--gradient: linear-gradient(128deg, #e05a8a 0%, #b06ad8 100%);--gradient-subtle: linear-gradient(128deg, rgba(224, 90, 138, .12), rgba(176, 106, 216, .08));--gradient-glow: rgba(224, 90, 138, .2);--radius: 16px;--radius-sm: 11px;--radius-lg: 22px;--shadow: 0 12px 40px rgba(0, 0, 0, .35);--shadow-soft: 0 4px 24px rgba(0, 0, 0, .2);--font-display: "Plus Jakarta Sans", "Inter", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--primary-hover);text-decoration:none}a:hover{text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:transform .25s var(--ease-out),box-shadow .25s var(--ease-out),background .2s ease;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 4px 18px var(--gradient-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 28px #e05a8a52;color:#fff}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:#ffffff14;border-color:var(--border-hover);color:var(--text)}.btn-danger{background:#f871711a;color:#fca5a5;border:1px solid rgba(248,113,113,.22)}.btn-danger:hover{background:#f871712e}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--text-muted);letter-spacing:.01em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;background:#00000040;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#e05a8a73;box-shadow:0 0 0 3px #e05a8a1a}.form-group textarea{min-height:100px;resize:vertical}.alert{padding:14px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:20px}.alert-error{background:#f871711a;border:1px solid rgba(248,113,113,.22);color:#fca5a5}.alert-success{background:#6ee7a01a;border:1px solid rgba(110,231,160,.22);color:#86efac}.alert-info{background:#e05a8a14;border:1px solid rgba(224,90,138,.18);color:#e8a4c0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:#ffffff04}.panel-header h2{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.01em}.panel-body{padding:20px 24px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-success{background:#6ee7a01f;color:#86efac;border:1px solid rgba(110,231,160,.2)}.badge-danger{background:#f871711f;color:#fca5a5}.badge-muted{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border)}.badge-accent{background:#e05a8a1a;color:#e8a4c0;border:1px solid rgba(224,90,138,.2)}.page-header{margin-bottom:32px}.page-header h1{font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:-.03em;margin-bottom:6px}.page-header p{color:var(--text-muted);font-size:15px}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px;color:var(--text-muted);font-size:14px}.loading-spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-hover);border:1px solid var(--border);border-radius:100px;cursor:pointer;transition:all .25s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;top:50%;transform:translateY(-50%);background:var(--text-muted);border-radius:50%;transition:all .25s}.toggle-switch input:checked+.toggle-slider{background:#6ee7a026;border-color:#6ee7a059}.toggle-switch input:checked+.toggle-slider:before{transform:translateY(-50%) translate(20px);background:var(--success)}