@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--background:#08090d;--background-secondary:#0d0f14;--foreground:#e8eaed;--accent:#818cf8;--accent-hover:#6366f1;--accent-glow:#818cf826;--accent-subtle:#818cf80f;--card-bg:#11131acc;--card-bg-solid:#11131a;--card-border:#ffffff0f;--card-border-hover:#818cf84d;--text-muted:#6b7280;--text-secondary:#9ca3af;--danger:#f87171;--danger-bg:#f8717114;--danger-border:#f8717126;--success:#34d399;--success-bg:#34d39914;--success-border:#34d39926;--warning:#fbbf24;--warning-bg:#fbbf2414;--warning-border:#fbbf2426;--sidebar-width:272px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #818cf81a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--background);color:var(--foreground);font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.dashboard-layout{background:radial-gradient(ellipse 60% 50% at 0% 0%, #818cf80a 0%, transparent 50%), radial-gradient(ellipse 40% 40% at 100% 100%, #a855f708 0%, transparent 50%), var(--background);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--card-bg-solid);border-right:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;flex-direction:column;gap:.5rem;height:100vh;padding:2rem 1.25rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:0}.main-content{flex:1;min-width:0;padding:2.5rem 3rem}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);padding:1.5rem}.card:hover{border-color:var(--card-border-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.card-static{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1rem;display:grid}h1,h2,h3,h4{letter-spacing:-.035em;font-weight:700;line-height:1.2}h1{font-size:1.875rem;font-weight:800}h2{font-size:1.25rem}h3{font-size:1.125rem}.btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1;display:inline-flex}.btn:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #818cf840}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--foreground);border-color:var(--card-border);box-shadow:none;background:#ffffff0a;transform:none}.btn-outline{color:var(--accent);background:0 0;border:1px solid #818cf84d}.btn-outline:hover{background:var(--accent-subtle);border-color:var(--accent)}.stat-card{border:1px solid var(--card-border);padding:1.5rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:1px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:hover:before{opacity:1}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.user-card{transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);cursor:default;padding:1.25rem}.user-card:hover{border-color:var(--card-border-hover);box-shadow:0 8px 24px #0000004d, var(--shadow-glow);transform:translateY(-2px)}.status-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:100px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.unfollowed{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.status-badge.removed{color:#c084fc;background:#a855f714;border:1px solid #a855f733}input[type=text],input[type=password],input[type=date],input[type=email]{transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;font-family:inherit;font-size:.875rem}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus{box-shadow:0 0 0 3px var(--accent-glow);border-color:var(--accent)!important}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer;opacity:.5;transition:opacity var(--transition-fast)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}table{font-size:.875rem}th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.75rem;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade{animation:.35s ease-out forwards fadeIn}.animate-fade-scale{animation:.3s ease-out forwards fadeInScale}.animate-slide-down{animation:.2s ease-out forwards slideDown}.animate-spin{animation:1s linear infinite spin}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--card-border);background:#11131a99}.pulse-dot{border-radius:50%;width:8px;height:8px;position:relative}.pulse-dot:after{content:"";opacity:0;border:1px solid;border-radius:50%;animation:2s ease-in-out infinite pulse-dot;position:absolute;inset:-3px}.mobile-header{z-index:30;background:var(--card-bg-solid);border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:none;position:sticky;top:0}.mobile-menu-btn{color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:background .15s;display:flex}.mobile-menu-btn:hover{background:#ffffff0d}.sidebar-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:none;position:fixed;inset:0}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.landing-page{color:#fff;background:#08090d;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}.landing-nav{z-index:100;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1.25rem 2rem;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav--scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08090dcc;border-bottom-color:#ffffff0d}.landing-nav__right{align-items:center;gap:2rem;display:flex}.landing-nav__links{color:#9ca3af;gap:1.5rem;font-size:.875rem;font-weight:500;display:flex}.landing-nav__links a{color:inherit;text-decoration:none;transition:color .2s}.landing-nav__links a:hover{color:#e5e7eb}.landing-nav__cta{color:#000;cursor:pointer;background:#fff;border:none;border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.landing-nav__cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffffff1a}.landing-nav__hamburger{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.35rem;transition:background .15s;display:none}.landing-nav__hamburger:hover{background:#ffffff0f}.landing-mobile-menu{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d0f14f7;border-bottom:1px solid #ffffff0f;flex-direction:column;gap:0;padding:1.5rem 2rem;display:none;position:fixed;top:60px;left:0;right:0}.landing-mobile-menu a{color:#d1d5db;border-bottom:1px solid #ffffff0a;padding:.85rem 0;font-size:1rem;font-weight:500;text-decoration:none;transition:color .15s}.landing-mobile-menu a:hover{color:#fff}.landing-mobile-menu__cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;display:flex}.landing-hero{padding-top:8rem;padding-bottom:4rem}.landing-features{max-width:1200px;margin:0 auto;padding:1rem 2rem}.landing-features__title{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.landing-features__grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.landing-cta-section{padding:8rem 2rem;position:relative}.landing-cta-box{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff03;border:1px solid #ffffff0d;border-radius:32px;max-width:800px;margin:0 auto;padding:4rem}.landing-cta-box__title{margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}.landing-footer{border-top:1px solid #ffffff0d;margin-top:4rem;padding:4rem 2rem}.landing-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:4rem;max-width:1200px;margin:0 auto;display:flex}.landing-footer__brand{flex:300px}.landing-footer__columns{flex-wrap:wrap;gap:4rem;display:flex}.landing-footer__bottom{color:#4b5563;justify-content:space-between;align-items:center;max-width:1200px;margin:4rem auto 0;font-size:.75rem;display:flex}@media (max-width:768px){.mobile-header{display:flex}.sidebar{z-index:50;width:260px;box-shadow:none;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #00000080}.sidebar-overlay.open{display:block}.dashboard-layout{flex-direction:column}.main-content{padding:1.25rem}.stats-grid,.dashboard-grid{grid-template-columns:1fr;gap:.75rem}.grid{grid-template-columns:1fr}h1{font-size:1.35rem}h2{font-size:1.05rem}.stat-card,.user-card{box-sizing:border-box;width:100%;min-width:0;padding:1.15rem}.stat-icon{width:38px;height:38px}.table-scroll table{min-width:600px}.card:hover{transform:none}.hide-on-mobile{display:none!important}.landing-nav{padding:1rem 1.25rem}.landing-nav__links,.landing-nav__cta{display:none}.landing-nav__hamburger{justify-content:center;align-items:center;display:flex}.landing-mobile-menu{display:flex}.landing-hero{padding:5.5rem 1.25rem 2.5rem}.landing-features{padding:4rem 1.25rem}.landing-features__title{font-size:1.75rem}.landing-features__grid{grid-template-columns:1fr}.landing-cta-section{padding:4rem 1.25rem}.landing-cta-box{border-radius:20px;padding:2.5rem 1.5rem}.landing-cta-box__title{font-size:1.75rem}.landing-footer{padding:3rem 1.25rem}.landing-footer__inner{flex-direction:column;gap:2.5rem}.landing-footer__brand{flex:auto}.landing-footer__columns{gap:2.5rem}.landing-footer__bottom{margin-top:2.5rem}}@media (max-width:480px){.main-content{padding:1rem .75rem}.stats-grid,.dashboard-grid{gap:.5rem}.stat-card,.user-card{padding:1rem}.landing-hero{padding-top:5rem;padding-bottom:2rem}.landing-features{padding:3rem 1rem}.landing-features__title{font-size:1.5rem}.landing-cta-section{padding:3rem 1rem}.landing-cta-box{border-radius:16px;padding:2rem 1.25rem}.landing-cta-box__title{font-size:1.5rem}.landing-footer{padding:2.5rem 1rem}.landing-footer__columns{flex-direction:column;gap:2rem}}