@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.layout{min-height:100vh}.top-navbar{height:var(--navbar-height);background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:var(--z-notifications)}[data-theme=dark] .top-navbar{background:#0f1117eb}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--space-6);max-width:1600px;margin:0 auto}.navbar-left{display:flex;align-items:center;gap:var(--space-6)}.navbar-logo{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);text-decoration:none;letter-spacing:1px}.navbar-logo:hover{color:var(--text-primary)}.navbar-links{display:flex;align-items:center;gap:var(--space-1)}.navbar-item{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--duration-fast);text-decoration:none;white-space:nowrap;cursor:pointer;background:none;border:none}.navbar-item:hover{color:var(--text-primary);background:var(--bg-hover)}.navbar-item.active{color:var(--primary);background:var(--primary-light)}.navbar-divider{width:1px;height:24px;background:var(--border);margin:0 var(--space-2)}.navbar-right{display:flex;align-items:center;gap:var(--space-2)}.user-dropdown{position:relative}.user-dropdown-trigger{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.user-dropdown-trigger:hover{color:var(--text-primary);background:var(--bg-hover)}.user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold)}.user-dropdown-name{font-size:var(--text-sm);font-weight:var(--font-medium)}.user-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;padding:var(--space-1);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-user-dropdown);animation:dropdown-in var(--duration-normal) ease-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:var(--space-3)}.user-dropdown-username{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.user-dropdown-role{font-size:var(--text-xs);color:var(--text-muted)}.dropdown-divider{height:1px;margin:var(--space-1) 0;background:var(--border)}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;transition:background var(--duration-fast);width:100%;border:none;background:none;cursor:pointer}.dropdown-item:hover{background:var(--bg-hover)}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:var(--error-bg)}.main-content{padding:var(--space-6) var(--space-8);margin-top:var(--navbar-height);min-height:calc(100vh - var(--navbar-height));max-width:1400px;margin-left:auto;margin-right:auto}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-secondary);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer}.mobile-menu-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.navbar-item-text{display:inline}@media (max-width: 992px){.navbar-item-text{display:none}}@media (max-width: 768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.navbar-links{display:none;position:fixed;top:var(--navbar-height);left:0;right:0;background:var(--bg-card);flex-direction:column;padding:var(--space-3);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);gap:var(--space-1)}.navbar-links.open{display:flex}.navbar-links .navbar-item{width:100%;padding:var(--space-3)}.navbar-divider{width:100%;height:1px;background:var(--border);margin:var(--space-1) 0}.user-dropdown-name{display:none}.main-content{padding:var(--space-4)}}.landing{min-height:100vh;overflow-x:hidden;background:var(--bg-page)}.landing-container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}[data-theme=dark] .landing-header{background:#0f1117d9}.landing-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px}.landing-logo{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:1px;justify-self:start}.landing-menu{display:flex;align-items:center;gap:var(--space-8);justify-self:center}.landing-auth{display:flex;align-items:center;gap:var(--space-3);justify-self:end}.landing-menu a{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:color var(--duration-fast)}.landing-menu a:hover{color:var(--text-primary)}.mobile-menu-btn{display:none;background:none;border:none;padding:var(--space-2);cursor:pointer;color:var(--text-primary)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:64px;overflow:hidden;background:linear-gradient(180deg,var(--bg-accent) 0%,var(--bg-page) 60%)}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center;padding:80px 0}.hero-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--primary-light);border:1px solid var(--info-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--primary);margin-bottom:var(--space-6)}.hero-title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-1px;color:var(--text-primary)}@media (min-width: 769px){.hero-title{font-size:3.5rem}}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,#8b5cf6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:60px}.hero-actions .btn svg{transition:transform var(--duration-fast)}.hero-actions .btn:hover svg{transform:translate(4px)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-10);padding:var(--space-8) var(--space-12);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl)}.hero-stat{text-align:center}.hero-stat-value{display:block;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1;margin-bottom:var(--space-1)}.hero-stat-label{font-size:var(--text-sm);color:var(--text-muted)}.stat-divider{width:1px;height:40px;background:var(--border)}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--text-primary)}@media (min-width: 769px){.section-title{font-size:2.5rem}}.section-subtitle{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7}.features{padding:100px 0;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--duration-slow)}.feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.feature-icon.blue{background:#2563eb14;color:#2563eb}.feature-icon.green{background:#05966914;color:#059669}.feature-icon.purple{background:#8b5cf614;color:#8b5cf6}.feature-icon.cyan{background:#06b6d414;color:#06b6d4}.feature-icon.orange{background:#f9731614;color:#f97316}.feature-card h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--text-primary)}.feature-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.how-it-works{padding:100px 0}.steps{display:flex;align-items:flex-start;justify-content:center;max-width:900px;margin:0 auto}.step{flex:1;text-align:center;padding:0 var(--space-6)}.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 auto var(--space-5);color:#fff}.step-content h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--text-primary)}.step-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.step-connector{width:48px;height:2px;background:var(--border);margin-top:23px;flex-shrink:0}.traffic-sources{padding:100px 0;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.sources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.source-card{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);text-align:center;transition:all var(--duration-slow)}.source-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.source-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);border-radius:var(--radius-2xl);transition:transform var(--duration-slow)}.source-card:hover .source-icon{transform:scale(1.1)}.source-icon.tiktok{background:linear-gradient(135deg,#25f4ee,#fe2c55);color:#fff}.source-icon.facebook{background:#1877f2;color:#fff}.source-icon.google{background:var(--bg-muted);color:#4285f4}.source-card h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--text-primary)}.source-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.pricing{padding:100px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:start}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-8);position:relative;transition:all var(--duration-slow)}.pricing-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.pricing-card.popular{border-color:var(--primary);border-width:2px;background:var(--bg-accent)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-4);background:var(--primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;white-space:nowrap}.pricing-header{text-align:center;margin-bottom:var(--space-8)}.pricing-header h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--text-secondary)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-currency{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-secondary)}.price-amount{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1;color:var(--text-primary)}.price-period{font-size:var(--text-base);color:var(--text-muted)}.pricing-features{list-style:none;margin-bottom:var(--space-8)}.pricing-features li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border)}.pricing-features li:last-child{border-bottom:none}.pricing-features svg{color:var(--success);flex-shrink:0}.pricing-btn{width:100%}.cta{padding:100px 0;background:var(--bg-card);border-top:1px solid var(--border)}.cta-content{text-align:center;max-width:600px;margin:0 auto;padding:var(--space-12);background:var(--bg-accent);border:1px solid var(--info-border);border-radius:var(--radius-2xl)}.cta-content h2{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--text-primary)}.cta-content p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-8)}.cta-content .btn svg{transition:transform var(--duration-fast)}.cta-content .btn:hover svg{transform:translate(4px)}.landing-footer{padding:80px 0 40px;border-top:1px solid var(--border)}.footer-content{display:flex;justify-content:space-between;gap:60px;margin-bottom:60px}.footer-brand{max-width:280px}.footer-brand .landing-logo{margin-bottom:var(--space-4)}.footer-brand p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.footer-links{display:flex;gap:80px}.footer-column h4{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-5);color:var(--text-primary)}.footer-column a{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);transition:color var(--duration-fast)}.footer-column a:hover{color:var(--text-primary)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--border);text-align:center}.footer-bottom p{font-size:var(--text-xs);color:var(--text-muted)}@media (max-width: 1024px){.features-grid,.sources-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.steps{flex-direction:column;align-items:center;gap:var(--space-6)}.step{max-width:400px}.step-connector{width:2px;height:40px;margin:0}}@media (max-width: 768px){.landing-nav{display:flex;justify-content:space-between}.landing-menu{display:none;position:fixed;top:64px;left:0;right:0;width:100%;background:var(--bg-card);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;padding:var(--space-4) var(--space-6);gap:var(--space-3);box-shadow:var(--shadow-md);z-index:101;justify-self:auto}.landing-menu.open{display:flex}.mobile-menu-btn{display:block}.landing-auth{display:none}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:var(--text-base)}.hero-stats{flex-direction:column;gap:var(--space-6);padding:var(--space-6)}.stat-divider{width:40px;height:1px}.hero-actions{flex-direction:column;gap:var(--space-3)}.hero-actions .btn{width:100%}.features-grid,.sources-grid,.pricing-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:var(--space-10)}.footer-links{flex-wrap:wrap;gap:var(--space-10)}.cta-content{padding:var(--space-8) var(--space-6)}}@media (max-width: 480px){.landing-container{padding:0 var(--space-4)}.hero-title{font-size:1.8rem}.pricing-card{padding:var(--space-8) var(--space-6)}.price-amount{font-size:2.8rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--bg-page) 0%,var(--bg-accent) 50%,var(--bg-page) 100%)}.auth-container{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:var(--space-10)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:1px}.auth-subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.auth-form{margin-bottom:var(--space-6)}.auth-btn{width:100%;margin-top:var(--space-2)}.auth-footer{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--border)}.auth-link{color:var(--primary);font-weight:var(--font-medium);font-size:var(--text-sm)}.auth-link:hover{color:var(--primary-hover)}.auth-text{color:var(--text-secondary);margin-right:var(--space-2);font-size:var(--text-sm)}.auth-divider{color:var(--text-muted);margin:0 var(--space-3)}.auth-success,.auth-info{text-align:center;padding:var(--space-6) 0}.success-icon,.info-icon{width:64px;height:64px;background:var(--success-bg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);font-size:2rem;color:var(--success)}.info-icon{background:var(--info-bg);color:var(--primary)}.auth-success h2,.auth-info h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.auth-success p,.auth-info p{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:var(--text-sm)}.password-strength{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.password-strength-bar{flex:1;height:4px;background:var(--bg-muted);border-radius:var(--radius-full);overflow:hidden}.password-strength-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-fast),background var(--duration-fast)}.password-strength-label{font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}:root{--font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--bg-page: #f9fafb;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #f3f4f6;--bg-muted: #f3f4f6;--bg-accent: #f0f5ff;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-light: rgba(37, 99, 235, .08);--primary-foreground: #ffffff;--dark: #111827;--dark-hover: #1f2937;--dark-text: #ffffff;--success: #059669;--success-light: rgba(5, 150, 105, .08);--success-bg: #ecfdf5;--success-border: #a7f3d0;--warning: #d97706;--warning-light: rgba(217, 119, 6, .08);--warning-bg: #fffbeb;--warning-border: #fde68a;--error: #dc2626;--error-light: rgba(220, 38, 38, .08);--error-bg: #fef2f2;--error-border: #fecaca;--info: #2563eb;--info-light: rgba(37, 99, 235, .08);--info-bg: #eff6ff;--info-border: #bfdbfe;--text-primary: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-on-primary: #ffffff;--border: #e5e7eb;--border-hover: #d1d5db;--border-focus: #2563eb;--border-input: #d1d5db;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--navbar-height: 56px;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--z-dropdown: 50;--z-bulk-actions: 90;--z-modal: 100;--z-notifications: 150;--z-toast: 200;--z-user-dropdown: 1000}[data-theme=dark]{--bg-page: #0f1117;--bg-card: #1a1d27;--bg-input: #1a1d27;--bg-hover: #252833;--bg-muted: #252833;--bg-accent: rgba(37, 99, 235, .15);--dark: #f9fafb;--dark-hover: #e5e7eb;--dark-text: #111827;--primary-light: rgba(37, 99, 235, .15);--success-light: rgba(5, 150, 105, .15);--success-bg: rgba(5, 150, 105, .12);--success-border: rgba(5, 150, 105, .3);--warning-light: rgba(217, 119, 6, .15);--warning-bg: rgba(217, 119, 6, .12);--warning-border: rgba(217, 119, 6, .3);--error-light: rgba(220, 38, 38, .15);--error-bg: rgba(220, 38, 38, .12);--error-border: rgba(220, 38, 38, .3);--info-light: rgba(37, 99, 235, .15);--info-bg: rgba(37, 99, 235, .12);--info-border: rgba(37, 99, 235, .3);--text-primary: #f9fafb;--text-secondary: #9ca3af;--text-muted: #6b7280;--border: #2d3039;--border-hover: #3d4049;--border-input: #2d3039;--shadow-sm: 0 1px 3px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.15);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.25), 0 2px 4px -1px rgba(0,0,0,.15);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.3), 0 4px 6px -2px rgba(0,0,0,.2);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.4), 0 10px 10px -5px rgba(0,0,0,.2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-page);color:var(--text-primary);line-height:1.5;min-height:100vh;font-size:var(--text-sm)}#root{min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:var(--text-base);color:var(--text-secondary)}.loading{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-8)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.8rem}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-1);color:var(--text-primary)}.page-subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-base);font-weight:var(--font-semibold)}.card-footer{padding-top:var(--space-4);border-top:1px solid var(--border);margin-top:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);border:none;transition:all var(--duration-fast);cursor:pointer;text-decoration:none;line-height:1}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-page),0 0 0 4px var(--primary)}.btn-dark{background:var(--dark);color:var(--dark-text)}.btn-dark:hover{background:var(--dark-hover);color:var(--dark-text)}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:var(--primary-hover);color:var(--primary-foreground)}.btn-secondary{background:var(--bg-muted);color:var(--text-primary)}.btn-secondary:hover{background:var(--border)}.btn-outline{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#b91c1c;color:#fff}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#047857;color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#b45309;color:#fff}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn-lg{height:44px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-icon{width:40px;height:40px;padding:0}.btn-icon.btn-sm{width:32px;height:32px}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--duration-fast)}.form-input:hover,.form-select:hover{border-color:var(--border-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input::placeholder{color:var(--text-muted)}.form-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-muted)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image: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='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}.form-error{color:var(--error);font-size:var(--text-xs);margin-top:var(--space-1)}.form-hint{color:var(--text-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-3)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.radio-group{display:flex;gap:var(--space-6)}.radio-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm)}.radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--primary)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger,.badge-error{background:var(--error-bg);color:var(--error)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-neutral{background:var(--bg-muted);color:var(--text-secondary)}.table-container{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);overflow-x:auto}.card .table-container{border:none;border-radius:0}.table{width:100%;border-collapse:collapse}.table th{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--bg-card);text-align:left}.table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border)}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.table-sm td,.table-sm th{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.grid{display:grid;gap:var(--space-6)}.grid-2{display:grid;gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;gap:var(--space-6);grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:16px}.mt-4{margin-top:24px}.mt-5{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:32px}.mr-2{margin-right:8px}.text-center{text-align:center}.text-right{text-align:right}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--error)}.text-muted{color:var(--text-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert{padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-5);font-size:var(--text-sm);border:1px solid}.alert-error{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.alert-success{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.alert-warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.alert-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{width:64px;height:64px;background:var(--bg-muted);border-radius:var(--radius-full);color:var(--text-muted);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);font-size:1.5rem}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.empty-state-text{font-size:var(--text-sm);color:var(--text-secondary);max-width:400px;margin:0 auto var(--space-6)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6)}[data-theme=dark] .modal-overlay{background:#0009}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);max-width:560px;width:100%;box-shadow:var(--shadow-xl);animation:modal-in var(--duration-normal) ease-out}@keyframes modal-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:var(--space-1);line-height:1;border-radius:var(--radius-md);transition:all var(--duration-fast)}.modal-close:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-body{padding:var(--space-6);max-height:calc(90vh - 140px);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border)}.progress{height:6px;background:var(--bg-muted);border-radius:var(--radius-full)}.progress-bar{background:var(--primary);border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow)}.progress-bar.success{background:var(--success)}.progress-bar.warning{background:var(--warning)}.progress-bar.error{background:var(--error)}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:#2563eb14;color:#2563eb}.stat-icon.green{background:#05966914;color:#059669}.stat-icon.red{background:#dc262614;color:#dc2626}.stat-icon.purple{background:#8b5cf614;color:#8b5cf6}.stat-icon.cyan{background:#06b6d414;color:#06b6d4}.stat-icon.orange{background:#f9731614;color:#f97316}[data-theme=dark] .stat-icon.blue{background:#2563eb26}[data-theme=dark] .stat-icon.green{background:#05966926}[data-theme=dark] .stat-icon.red{background:#dc262626}[data-theme=dark] .stat-icon.purple{background:#8b5cf626}[data-theme=dark] .stat-icon.cyan{background:#06b6d426}[data-theme=dark] .stat-icon.orange{background:#f9731626}.stat-value{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.stat-trend{font-size:var(--text-xs);font-weight:var(--font-medium);display:inline-flex;align-items:center;gap:2px}.stat-trend.up{color:var(--success)}.stat-trend.down{color:var(--error)}.tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:var(--space-6);gap:0}.tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;background:none;transition:all var(--duration-fast);white-space:nowrap}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:var(--font-semibold)}.tab .tab-count{background:var(--bg-muted);color:var(--text-secondary);font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);margin-left:var(--space-2)}.tab.active .tab-count{background:var(--primary-light);color:var(--primary)}.toggle{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.toggle input{display:none}.toggle-switch{width:40px;height:24px;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-full);position:relative;transition:all var(--duration-fast);flex-shrink:0}.toggle-switch:after{content:"";width:18px;height:18px;position:absolute;top:2px;left:2px;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast)}.toggle input:checked+.toggle-switch{background:var(--primary);border-color:var(--primary)}.toggle input:checked+.toggle-switch:after{transform:translate(16px)}.toggle-label{font-size:var(--text-sm);color:var(--text-primary)}.toast-container{position:fixed;top:calc(var(--navbar-height) + var(--space-4));right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{padding:var(--space-3) var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:320px;max-width:420px;display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);animation:toast-in var(--duration-slow) ease-out;pointer-events:auto}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--info)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--info)}.toast-message{flex:1;color:var(--text-primary)}.toast-close{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--duration-fast)}.toast-close:hover{color:var(--text-primary);background:var(--bg-hover)}.toast.removing{animation:toast-out var(--duration-normal) ease-in forwards}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.avatar{width:32px;height:32px;border-radius:var(--radius-full);font-weight:var(--font-semibold);font-size:var(--text-sm);color:#fff;background:linear-gradient(135deg,var(--primary),#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-sm{width:24px;height:24px;font-size:var(--text-xs)}.avatar-lg{width:40px;height:40px}.avatar-xl{width:56px;height:56px;font-size:var(--text-lg)}.wizard-steps{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-8)}.wizard-step{display:flex;align-items:center;gap:var(--space-3)}.wizard-step-number{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg-muted);color:var(--text-muted);font-weight:var(--font-semibold);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid transparent}.wizard-step.active .wizard-step-number{background:var(--primary);color:#fff}.wizard-step.completed .wizard-step-number{background:var(--success);color:#fff}.wizard-step-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted)}.wizard-step.active .wizard-step-label{color:var(--text-primary)}.wizard-step.completed .wizard-step-label{color:var(--success)}.wizard-step-connector{width:48px;height:2px;background:var(--border);margin:0 var(--space-3)}.wizard-step.completed+.wizard-step-connector,.wizard-step-connector.completed{background:var(--success)}.side-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);opacity:0;transition:opacity var(--duration-normal)}.side-panel-overlay.open{opacity:1}[data-theme=dark] .side-panel-overlay{background:#0009}.side-panel{position:fixed;top:0;right:0;width:480px;max-width:100vw;height:100vh;background:var(--bg-card);border-left:1px solid var(--border);box-shadow:var(--shadow-xl);z-index:var(--z-notifications);transform:translate(100%);transition:transform var(--duration-normal) ease-out;display:flex;flex-direction:column}.side-panel.open{transform:translate(0)}.side-panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);flex-shrink:0}.side-panel-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.side-panel-body{padding:var(--space-6);overflow-y:auto;flex:1}.toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:var(--space-2)}.toolbar-btn{height:36px;padding:0 var(--space-3);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:all var(--duration-fast);font-family:inherit}.toolbar-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.toolbar-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.toolbar-search{height:36px;padding:0 var(--space-3);padding-left:36px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);min-width:200px;transition:all var(--duration-fast)}.toolbar-search:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.toolbar-search-wrapper{position:relative;display:flex;align-items:center}.toolbar-search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.pagination-bar{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-3) 0}.pagination-btn{min-width:36px;height:36px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast);font-family:inherit}.pagination-btn:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-hover);color:var(--text-primary)}.pagination-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:var(--font-semibold)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:var(--text-sm);color:var(--text-secondary);margin:0 var(--space-2)}.bulk-actions-bar{position:fixed;bottom:-80px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001f;z-index:var(--z-bulk-actions);display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);transition:bottom var(--duration-normal) ease-out}.bulk-actions-bar.active{bottom:var(--space-6)}.bulk-count{background:var(--primary-light);color:var(--primary);font-weight:var(--font-semibold);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.admin-layout{display:flex;min-height:calc(100vh - var(--navbar-height))}.admin-sidebar{width:240px;background:var(--bg-card);border-right:1px solid var(--border);padding:var(--space-5) var(--space-3);flex-shrink:0;position:sticky;top:var(--navbar-height);height:calc(100vh - var(--navbar-height));overflow-y:auto}.admin-sidebar-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-4);margin-bottom:var(--space-2)}.admin-sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);text-decoration:none;margin-bottom:var(--space-1)}.admin-sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-sidebar-item.active{background:var(--primary-light);color:var(--primary);font-weight:var(--font-semibold)}.admin-content{flex:1;padding:var(--space-6) var(--space-8);max-width:calc(100% - 240px);min-width:0}@media (max-width: 992px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border);padding:var(--space-3);display:flex;gap:var(--space-1);overflow-x:auto;flex-shrink:0}.admin-sidebar-title{display:none}.admin-sidebar-item{white-space:nowrap}.admin-content{max-width:100%;padding:var(--space-5)}}.confirm-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.confirm-icon.danger{background:var(--error-bg);color:var(--error)}.confirm-icon.warning{background:var(--warning-bg);color:var(--warning)}.confirm-title{font-size:var(--text-lg);font-weight:var(--font-semibold);text-align:center;margin-bottom:var(--space-2)}.confirm-message{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin-bottom:var(--space-6)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block}.status-dot.online{background:var(--success);box-shadow:0 0 0 3px var(--success-light);animation:pulse-dot 2s ease-in-out infinite}.status-dot.offline{background:var(--error);box-shadow:0 0 0 3px var(--error-light)}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px var(--success-light)}50%{box-shadow:0 0 0 6px transparent}}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;padding:var(--space-1);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:dropdown-in var(--duration-normal) ease-out}.dropdown-menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;width:100%;border:none;background:none;cursor:pointer;transition:background var(--duration-fast);font-family:inherit}.dropdown-menu-item:hover{background:var(--bg-hover)}.dropdown-menu-item.danger{color:var(--error)}.dropdown-menu-item.danger:hover{background:var(--error-bg)}.dropdown-menu-divider{height:1px;margin:var(--space-1) 0;background:var(--border)}@media (max-width: 768px){.page-header{flex-direction:column;gap:var(--space-4)}.side-panel{width:100%}.toolbar{flex-direction:column;align-items:stretch}.toolbar-search{min-width:100%}.bulk-actions-bar{left:var(--space-3);right:var(--space-3);transform:none}.toast-container{left:var(--space-3);right:var(--space-3)}.toast{min-width:auto;max-width:none}}