.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-color)}.logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.logo-img{height:71px;object-fit:contain}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);padding:8px 12px;letter-spacing:.5px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .2s;text-decoration:none}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:var(--accent-primary);color:#fff}.nav-icon{font-size:1.1rem}.sidebar-footer{padding:20px;border-top:1px solid var(--border-color)}.user-info{margin-bottom:12px}.user-name{font-weight:600;font-size:.95rem}.user-role{font-size:.8rem;color:var(--text-muted)}.logout-btn{width:100%;padding:10px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.main-content{flex:1;margin-left:260px;padding:32px;min-height:100vh}@media (max-width: 1024px){.sidebar{width:80px}.sidebar-header{padding:16px;text-align:center}.logo{display:flex;align-items:center;gap:8px;font-size:1rem}.logo span{display:none}.logo-img{height:50px}.nav-section-title{display:none}.nav-link{justify-content:center;padding:12px}.nav-link span:last-child{display:none}.user-info{display:none}.logout-btn{padding:10px 8px;font-size:.8rem}.main-content{margin-left:80px;padding:24px}}.landing{min-height:100vh;overflow-x:hidden}.landing-container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.landing-nav{display:flex;align-items:center;justify-content:space-between;height:72px}.landing-logo{display:flex;align-items:center;gap:10px}.landing-logo-img{height:78px;object-fit:contain}.logo-text{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.landing-menu{display:flex;align-items:center;gap:32px}.landing-menu a{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s}.landing-menu a:hover{color:var(--text-primary)}.landing-auth{display:flex;align-items:center;gap:12px}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:72px;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-gradient{position:absolute;top:-50%;left:50%;transform:translate(-50%);width:150%;height:100%;background:radial-gradient(ellipse at center,rgba(99,102,241,.15) 0%,transparent 60%)}.hero-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:60px 60px;mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 70%)}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;text-align:center;padding:60px 0}.hero-badge{display:inline-block;padding:8px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:100px;font-size:.85rem;font-weight:500;color:var(--accent-primary);margin-bottom:24px}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:24px;letter-spacing:-1px}.gradient-text{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);line-height:1.7;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:60px}.hero-actions .btn svg{transition:transform .2s}.hero-actions .btn:hover svg{transform:translate(4px)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:40px;padding:32px 48px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stat{text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:.85rem;color:var(--text-muted)}.stat-divider{width:1px;height:40px;background:var(--border-color)}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;letter-spacing:-.5px}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.features{padding:120px 0;background:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;transition:all .3s}.feature-card:hover{border-color:#6366f14d;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.feature-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f126,#a855f726);border-radius:12px;margin-bottom:20px;color:var(--accent-primary)}.feature-card h3{font-size:1.15rem;font-weight:600;margin-bottom:12px}.feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.how-it-works{padding:120px 0}.steps{display:flex;align-items:flex-start;justify-content:center;gap:0;max-width:900px;margin:0 auto}.step{flex:1;text-align:center;padding:0 24px}.step-number{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;font-size:1.3rem;font-weight:700;margin:0 auto 24px;color:#fff}.step-content h3{font-size:1.15rem;font-weight:600;margin-bottom:12px}.step-content p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.step-connector{width:80px;height:2px;background:linear-gradient(90deg,var(--accent-primary) 0%,var(--border-color) 100%);margin-top:27px;flex-shrink:0}.traffic-sources{padding:120px 0;background:var(--bg-secondary)}.sources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.source-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px 32px;text-align:center;transition:all .3s}.source-card:hover{border-color:#6366f14d;transform:translateY(-4px)}.source-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;border-radius:20px;transition:transform .3s}.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:#fff;color:#4285f4}.source-card h3{font-size:1.2rem;font-weight:600;margin-bottom:12px}.source-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.pricing{padding:120px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:40px 32px;position:relative;transition:all .3s}.pricing-card:hover{border-color:#6366f14d;transform:translateY(-4px)}.pricing-card.popular{border-color:var(--accent-primary);background:linear-gradient(180deg,rgba(99,102,241,.08) 0%,var(--bg-card) 30%)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:100px;font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap}.pricing-header{text-align:center;margin-bottom:32px}.pricing-header h3{font-size:1.25rem;font-weight:600;margin-bottom:16px;color:var(--text-secondary)}.pricing-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-currency{font-size:1.5rem;font-weight:600;color:var(--text-secondary)}.price-amount{font-size:3.5rem;font-weight:700;line-height:1}.price-period{font-size:1rem;color:var(--text-muted)}.pricing-features{list-style:none;margin-bottom:32px}.pricing-features li{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:.95rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.05)}.pricing-features li:last-child{border-bottom:none}.pricing-features svg{color:var(--success);flex-shrink:0}.pricing-btn{width:100%}.cta{padding:120px 0;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.cta-content{text-align:center;max-width:600px;margin:0 auto;padding:60px;background:linear-gradient(135deg,#6366f11a,#a855f71a);border:1px solid rgba(99,102,241,.2);border-radius:24px}.cta-content h2{font-size:2rem;font-weight:700;margin-bottom:16px}.cta-content p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:32px}.cta-content .btn svg{transition:transform .2s}.cta-content .btn:hover svg{transform:translate(4px)}.landing-footer{padding:80px 0 40px;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between;gap:60px;margin-bottom:60px}.footer-brand{max-width:280px}.footer-brand .landing-logo{margin-bottom:16px}.footer-brand p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.footer-links{display:flex;gap:80px}.footer-column h4{font-size:.9rem;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.footer-column a{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:12px;transition:color .2s}.footer-column a:hover{color:var(--text-primary)}.footer-bottom{padding-top:32px;border-top:1px solid var(--border-color);text-align:center}.footer-bottom p{font-size:.85rem;color:var(--text-muted)}@media (max-width: 1024px){.hero-title{font-size:2.8rem}.features-grid,.sources-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.steps{flex-direction:column;align-items:center;gap:24px}.step{max-width:400px}.step-connector{width:2px;height:40px;margin:0;background:linear-gradient(180deg,var(--accent-primary) 0%,var(--border-color) 100%)}}@media (max-width: 768px){.landing-menu{display:none}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1rem}.hero-stats{flex-direction:column;gap:24px;padding:24px}.stat-divider{width:40px;height:1px}.hero-actions{flex-direction:column;gap:12px}.hero-actions .btn{width:100%}.section-title{font-size:1.8rem}.features-grid,.sources-grid,.pricing-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:40px}.footer-links{flex-wrap:wrap;gap:40px}.cta-content{padding:40px 24px}}@media (max-width: 480px){.landing-container{padding:0 16px}.hero-title{font-size:1.8rem}.pricing-card{padding:32px 24px}.price-amount{font-size:2.8rem}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.auth-container{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{font-size:2rem;font-weight:700;color:var(--accent-primary);margin-bottom:8px}.auth-subtitle{color:var(--text-secondary);font-size:1rem}.auth-form{margin-bottom:24px}.auth-btn{width:100%;margin-top:8px}.auth-footer{text-align:center;padding-top:24px;border-top:1px solid var(--border-color)}.auth-link{color:var(--accent-primary);font-weight:500}.auth-link:hover{color:var(--accent-hover)}.auth-text{color:var(--text-secondary);margin-right:8px}.auth-divider{color:var(--text-muted);margin:0 12px}.auth-success,.auth-info{text-align:center;padding:24px 0}.success-icon,.info-icon{width:64px;height:64px;background:#22c55e1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;color:var(--success)}.info-icon{background:#6366f11a;color:var(--accent-primary)}.auth-success h2,.auth-info h2{font-size:1.3rem;margin-bottom:12px}.auth-success p,.auth-info p{color:var(--text-secondary);margin-bottom:24px}.dashboard .header-actions{display:flex;gap:12px}.filters-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;flex-wrap:wrap}.period-selector{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flow-selector{min-width:200px}.form-select{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s}.form-select:hover{border-color:var(--accent-primary)}.form-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.period-btn{padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.period-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.period-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.custom-dates{display:flex;align-items:center;gap:12px}.custom-dates .form-input{width:auto;padding:8px 12px}.custom-dates span{color:var(--text-muted)}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.stat-value{font-size:2rem;font-weight:700}.chart-card{margin-bottom:24px}.chart-container{padding:16px 0}.distribution-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.pie-chart-container{display:flex;flex-direction:column;align-items:center;padding:16px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:center;margin-top:16px;padding:0 16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-label{color:var(--text-secondary)}.legend-value{color:var(--text-primary);font-weight:600}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 4px 12px #0000004d!important}.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label{color:var(--text-primary)!important;font-weight:600;margin-bottom:4px}.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item,.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item-name{color:var(--text-secondary)!important}.recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item-value{color:var(--text-primary)!important;font-weight:600}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.distribution-charts{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard .header-actions{flex-direction:column;width:100%}.filters-row{flex-direction:column}.flow-selector{width:100%}.stats-grid{grid-template-columns:1fr}.period-selector{flex-direction:column;align-items:flex-start;width:100%}.custom-dates{flex-direction:column;width:100%}.custom-dates .form-input{width:100%}}.flows-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.flow-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.flow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.flow-name{font-size:1.1rem;font-weight:600;margin:0}.flow-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.flow-meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.meta-value{font-size:.9rem;color:var(--text-primary)}.meta-value.capitalize{text-transform:capitalize}.flow-id{background:var(--bg-tertiary);border-radius:8px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.id-label{font-size:.8rem;color:var(--text-muted)}.id-value{font-size:.85rem;color:var(--text-secondary);background:none;word-break:break-all}.flow-actions{display:flex;gap:8px}@media (max-width: 768px){.flows-grid,.flow-meta{grid-template-columns:1fr}.flow-actions{flex-wrap:wrap}.flow-actions .btn{flex:1}}.flow-form-page .card,.flow-form-page .mb-4{margin-bottom:24px}.flow-form-page .mt-3{margin-top:16px}.country-selector{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.selected-countries{padding:12px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);min-height:48px;display:flex;flex-wrap:wrap;gap:8px}.selected-countries .placeholder{color:var(--text-muted)}.country-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--accent-primary);color:#fff;border-radius:4px;font-size:.85rem}.country-tag button{background:none;border:none;color:#fff;font-size:1.1rem;cursor:pointer;padding:0;line-height:1;opacity:.8}.country-tag button:hover{opacity:1}.country-search{margin:0;border:none;border-bottom:1px solid var(--border-color);border-radius:0;padding:12px}.country-search:focus{outline:none;box-shadow:none;border-bottom-color:var(--accent-primary)}.country-list{max-height:250px;overflow-y:auto;padding:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px}.country-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.country-item:hover{background:var(--bg-tertiary)}.country-item input{width:16px;height:16px;accent-color:var(--accent-primary)}.form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px}@media (max-width: 768px){.country-list{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.flow-clicks-page{max-width:1200px}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem}.breadcrumb a{color:var(--text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--primary)}.breadcrumb-separator{color:var(--text-muted)}.clicks-filters{display:flex;gap:8px;margin-bottom:20px}.filter-btn{padding:8px 16px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);border-radius:8px;cursor:pointer;font-size:.9rem;transition:all .2s}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#000}.clicks-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.clicks-table{width:100%;border-collapse:collapse}.clicks-table th{text-align:left;padding:14px 16px;background:var(--bg-tertiary);font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border-color)}.clicks-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:.9rem}.clicks-table tbody tr:last-child td{border-bottom:none}.clicks-table tbody tr:hover{background:var(--bg-tertiary)}.row-bot{background:#ef44440d}.row-user{background:#22c55e0d}.cell-date{color:var(--text-secondary);white-space:nowrap}.cell-ip code{background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;font-size:.85rem}.cell-country{font-weight:500}.cell-os{color:var(--text-secondary)}.cell-reason{color:var(--text-muted);font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-user{background:#22c55e26;color:#22c55e}.status-bot{background:#ef444426;color:#ef4444}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px;padding:16px}.pagination-info{color:var(--text-secondary);font-size:.9rem}.cell-actions{white-space:nowrap}.btn-xs{padding:4px 10px;font-size:.75rem}.click-detail-modal{background:var(--bg-card);border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.detail-section{padding:20px;border-bottom:1px solid var(--border-color)}.detail-section:last-child{border-bottom:none}.section-title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.detail-value{font-size:.9rem;color:var(--text-primary)}.detail-code{background:var(--bg-tertiary);padding:8px 12px;border-radius:6px;font-size:.85rem;color:var(--text-secondary);word-break:break-all;display:block}.detail-code.small{font-size:.75rem}.text-danger{color:#ef4444!important}.text-success{color:#22c55e!important}.text-warning{color:#f59e0b!important}.modal-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 20px;background:var(--bg-tertiary)}.tab-btn{padding:12px 20px;border:none;background:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.json-block{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;color:var(--text-secondary);overflow-x:auto;white-space:pre;margin:0;max-height:500px;overflow-y:auto}.section-description{font-size:.85rem;color:var(--text-muted);margin:0 0 16px}@media (max-width: 768px){.clicks-table-container{overflow-x:auto}.clicks-table{min-width:800px}.clicks-filters{flex-wrap:wrap}.click-detail-modal{width:95%}.detail-grid{grid-template-columns:1fr}}.profile-tabs{display:flex;gap:8px;margin-bottom:24px}.profile-page .card{max-width:500px}.current-plan-card{background:var(--bg-card);border:1px solid var(--accent-primary);border-radius:12px;padding:24px;margin-bottom:32px}.current-plan-card h3{margin-bottom:16px;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase}.current-plan-info{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.plan-name-badge{background:var(--accent-primary);color:#fff;padding:8px 20px;border-radius:8px;font-size:1.2rem;font-weight:600}.plan-usage{display:flex;gap:32px;flex-wrap:wrap}.usage-item{display:flex;flex-direction:column;gap:4px}.usage-label{font-size:.8rem;color:var(--text-muted)}.usage-value{font-size:1rem;font-weight:500}.section-title{margin-bottom:20px;font-size:1.1rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.plan-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;position:relative;transition:border-color .2s}.plan-card:hover{border-color:var(--accent-primary)}.plan-card.active{border-color:var(--accent-primary);border-width:2px}.current-badge{position:absolute;top:-12px;right:20px;background:var(--accent-primary);color:#fff;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.plan-name{font-size:1.5rem;font-weight:600;margin-bottom:8px}.plan-price{font-size:2rem;font-weight:700;color:var(--accent-primary);margin-bottom:24px}.plan-features{list-style:none;margin-bottom:24px}.plan-features li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-color);font-size:.95rem}.plan-features li:last-child{border-bottom:none}.feature-icon{color:var(--success);font-weight:700}.plan-btn{width:100%}.tariff-note{background:var(--bg-tertiary);border-radius:8px;padding:20px;text-align:center;color:var(--text-secondary)}.tariff-note a{margin-left:8px}@media (max-width: 768px){.current-plan-info{flex-direction:column;align-items:flex-start;gap:16px}.plan-usage{flex-direction:column;gap:12px}}.admin-page .page-header{display:flex;justify-content:space-between;align-items:flex-start}.admin-filters{display:flex;gap:16px;margin-bottom:24px}.admin-filters .form-input,.admin-filters .form-select{width:auto;min-width:200px}.admin-tabs{display:flex;gap:8px;margin-bottom:24px}.tab-btn{padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.tab-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.action-buttons{display:flex;gap:8px}.user-cell{display:flex;align-items:center;gap:8px}.username{font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.page-info{color:var(--text-secondary);font-size:.9rem}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px}.stat-label{font-size:.85rem;color:var(--text-muted);margin-bottom:8px}.stat-value{font-size:1.5rem;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.api-key-display{background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;font-size:.85rem}.usage-bar-container{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;margin-bottom:4px}.usage-bar{height:100%;background:var(--accent-primary);border-radius:3px;transition:width .3s}.usage-bar.warning{background:var(--warning)}.usage-text{font-size:.8rem;color:var(--text-muted)}.usage-bar-large{width:100%;height:10px;background:var(--bg-tertiary);border-radius:5px;overflow:hidden;margin-top:16px}.status-list{display:flex;flex-direction:column;gap:16px}.status-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.status-item:last-child{border-bottom:none;padding-bottom:0}.status-label{color:var(--text-secondary)}.status-value{font-weight:500}.loading{text-align:center;padding:48px;color:var(--text-secondary)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-summary{grid-template-columns:1fr}}.modal-lg{max-width:900px;width:95%}.modal-lg .modal-body{max-height:70vh;overflow-y:auto}.btn-warning{background:var(--warning, #f59e0b);color:#fff;border-color:var(--warning, #f59e0b)}.btn-warning:hover{background:#d97706;border-color:#d97706}.table-sm td,.table-sm th{padding:8px 10px;font-size:.85rem}.badge-danger{background:#ef444433;color:#ef4444}.mr-2{margin-right:8px}@media (max-width: 768px){.admin-page .page-header{flex-direction:column;gap:16px}.admin-filters{flex-direction:column}.admin-filters .form-input,.admin-filters .form-select{width:100%}.admin-tabs,.action-buttons{flex-wrap:wrap}.stats-grid,.grid-2{grid-template-columns:1fr}.modal-lg{width:100%;max-width:100%;border-radius:0;height:100%;max-height:100%}}.faq-list{max-width:800px}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:12px;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:none;border:none;color:var(--text-primary);font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:background .2s}.faq-question:hover{background:var(--bg-tertiary)}.faq-icon{font-size:1.5rem;color:var(--text-muted);flex-shrink:0;margin-left:16px}.faq-item.open .faq-question{border-bottom:1px solid var(--border-color)}.faq-answer{padding:20px 24px;color:var(--text-secondary);line-height:1.7}.faq-contact{margin-top:48px;text-align:center;padding:40px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;max-width:800px}.faq-contact h3{font-size:1.3rem;margin-bottom:8px}.faq-contact p{color:var(--text-secondary);margin-bottom:24px}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--bg-card: #16161f;--border-color: #2a2a3a;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6a6a7a;--accent-primary: #6366f1;--accent-hover: #818cf8;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh}a{color:var(--accent-primary);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:var(--text-secondary)}.container{max-width:1400px;margin:0 auto;padding:0 24px}.page-header{margin-bottom:32px}.page-title{font-size:1.75rem;font-weight:600;margin-bottom:8px}.page-subtitle{color:var(--text-secondary);font-size:.95rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-title{font-size:1.1rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;border:none;transition:all .2s}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#16a34a}.btn-sm{padding:6px 12px;font-size:.85rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--accent-primary)}.form-input::placeholder{color:var(--text-muted)}.form-select{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;cursor:pointer}.form-select:focus{outline:none;border-color:var(--accent-primary)}.form-error{color:var(--danger);font-size:.85rem;margin-top:6px}.form-hint{color:var(--text-muted);font-size:.85rem;margin-top:6px}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.radio-group{display:flex;gap:24px}.radio-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem}.radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--accent-primary)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500}.badge-success{background:#22c55e26;color:var(--success)}.badge-warning{background:#f59e0b26;color:var(--warning)}.badge-danger{background:#ef444426;color:var(--danger)}.badge-info{background:#3b82f626;color:var(--info)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);background:var(--bg-tertiary)}.table tr:hover{background:var(--bg-tertiary)}.table td{font-size:.9rem}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid-4{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}.text-center{text-align:center}.text-right{text-align:right}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-muted{color:var(--text-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert{padding:16px 20px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--danger)}.alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--success)}.alert-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--warning)}.alert-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:var(--info)}.empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.empty-state-text{margin-bottom:24px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-title{font-size:1.2rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:4px;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color)}