:root{--primary:#4285f4;--primary-dark:#1a73e8;--secondary:#34a853;--error:#ea4335;--warning:#fbbc04;--text:#202124;--text-light:#5f6368;--bg:#fff;--bg-secondary:#f8f9fa;--border:#dadce0}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--bg-secondary);color:#202124;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App,.auth-page{min-height:100vh}.auth-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center}.auth-container{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;max-width:420px;padding:48px;width:100%}.auth-logo{margin-bottom:32px;text-align:center}.auth-logo svg{color:var(--primary);height:64px;width:64px}.auth-title{font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{color:var(--text-light);font-size:16px;margin-bottom:32px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:var(--text);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid var(--border);border-radius:8px;font-size:15px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4285f41a;outline:none}.form-group input.error{border-color:var(--error)}.error-text{color:var(--error);font-size:13px;margin-top:4px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 12px #4285f44d;transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--border)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#d33b2c}.btn-block{justify-content:center;width:100%}.layout{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--border);padding:24px;width:260px}.sidebar-logo{align-items:center;color:var(--text);display:flex;gap:12px;margin-bottom:40px;text-decoration:none}.sidebar-logo svg{color:var(--primary);height:32px;width:32px}.sidebar-logo h1{font-size:20px;font-weight:700}.sidebar-nav{list-style:none}.sidebar-nav li{margin-bottom:4px}.sidebar-nav a{align-items:center;border-radius:8px;color:var(--text-light);display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s}.sidebar-nav a:hover{background:var(--bg-secondary);color:var(--text)}.sidebar-nav a.active{background:var(--primary);color:#fff}.main-content{flex:1 1;overflow-y:auto;padding:32px}.dashboard-header h1{font-size:32px;font-weight:700;margin-bottom:8px}.dashboard-header p{color:var(--text-light);font-size:16px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:48px}.stat-card-header{margin-bottom:16px}.stat-card-icon{align-items:center;background:var(--bg-secondary);border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.stat-card-icon svg{color:var(--primary);height:24px;width:24px}.stat-card-value{font-size:32px;font-weight:700;margin-bottom:4px}.stat-card-label{color:var(--text-light);font-size:14px}.sites-header{justify-content:space-between;margin-bottom:32px}.add-site-btn,.sites-header{align-items:center;display:flex}.add-site-btn{background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.add-site-btn:hover{background:var(--primary-dark);box-shadow:0 4px 12px #4285f44d;transform:translateY(-1px)}.sites-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.site-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .2s}.site-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.site-card-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:20px}.site-info h3{font-size:18px;font-weight:600;margin-bottom:4px}.site-domain{color:var(--text-light);font-size:14px}.site-actions{display:flex;gap:8px}.action-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--text-light);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.action-btn:hover{background:var(--border);color:var(--text)}.action-btn.danger:hover{background:var(--error);color:#fff}.status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.status-badge.active{background:#34a8531a;color:var(--secondary)}.status-badge.inactive{background:#5f63681a;color:var(--text-light)}.widget-mode-selector.modern{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.widget-mode-option{background:#fff;border:2px solid #e0e0e0;border-radius:16px;cursor:pointer;padding:24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.widget-mode-option:hover{border-color:var(--primary);box-shadow:0 8px 24px #4285f426;transform:translateY(-4px)}.widget-mode-option.active{background:linear-gradient(135deg,#4285f40d,#4285f41a);border-color:var(--primary)}.widget-mode-option.active.recommended{background:linear-gradient(135deg,#0f9d580d,#0f9d581a);border-color:#0f9d58}.widget-mode-option .mode-icon{align-items:center;background:linear-gradient(135deg,var(--primary),#1a73e8);border-radius:16px;color:#fff;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.widget-mode-option .mode-icon svg{height:24px;width:24px}.widget-mode-option h4{color:var(--text);font-size:18px;font-weight:700;margin-bottom:8px}.widget-mode-option p{color:var(--text-light);font-size:14px;line-height:1.5}.recommended-badge{background:#0f9d58;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;position:absolute;right:12px;text-transform:uppercase;top:12px}.period-selector{background:#fff;border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;padding:4px}.period-selector button{background:none;border:none;border-radius:6px;color:var(--text-light);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.period-selector button.active{background:var(--primary);color:#fff}.chart-container{border:1px solid var(--border);border-radius:12px;padding:24px}.chart-container,.chart-header{margin-bottom:24px}.chart-title{font-size:18px;font-weight:600}.settings-page{max-width:800px}.settings-section{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:32px}.settings-section h2{font-size:20px;font-weight:600;margin-bottom:24px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.layout{flex-direction:column}.sidebar{border-bottom:1px solid var(--border);border-right:none;width:100%}.settings-grid,.sites-grid,.stats-grid,.widget-mode-selector.modern{grid-template-columns:1fr}}.loading-screen{align-items:center;display:flex;height:100vh;justify-content:center}.loading-spinner{border:4px solid var(--border);border-left-color:var(--primary)}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:24px}.user-info{align-items:center;display:flex;gap:12px;margin-bottom:12px;padding:12px}.user-name{font-size:14px;font-weight:600}.user-email{color:var(--text-light);font-size:12px}.logout-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s;width:100%}.logout-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.stat-trend{gap:4px}.stat-trend.up{color:var(--secondary)}.stat-trend.down{color:var(--error)}.dashboard-charts{margin-top:48px}.chart-legend{gap:20px}.legend-item{color:var(--text-light)}.legend-dot.primary{background:var(--primary)}.legend-dot.success{background:var(--secondary)}.legend-dot.error{background:var(--error)}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}.recent-activity{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.activity-header h2{font-size:18px;font-weight:600}.view-all{color:var(--primary)}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-icon{background:var(--bg-secondary);border-radius:10px;color:var(--primary)}.activity-title{font-weight:500;margin-bottom:2px}.activity-subtitle{color:var(--text-light)}.activity-stats{text-align:right}.activity-value{display:block;font-size:16px;font-weight:600}.activity-label{color:var(--text-light);font-size:12px}.dashboard-footer{margin-top:48px}.quick-actions h3{font-size:20px;margin-bottom:20px}.action-buttons{display:flex;gap:16px}.action-button{align-items:center;background:#fff;border:1px solid var(--border);border-radius:12px;color:var(--text);display:flex;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:all .2s}.action-button:hover{border-color:var(--primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.action-button svg{color:var(--primary);height:32px;width:32px}.sites-loading{flex-direction:column;gap:16px;height:60vh}.sites-empty,.sites-loading{align-items:center;display:flex;justify-content:center}.sites-empty{min-height:400px}.empty-content{text-align:center}.empty-icon{color:var(--text-light);margin-bottom:24px}.empty-content h3{font-size:24px;margin-bottom:8px}.empty-content p{color:var(--text-light);margin-bottom:24px}.cta-button{align-items:center;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.cta-button:hover{background:var(--primary-dark);box-shadow:0 4px 12px #4285f44d;transform:translateY(-1px)}.site-form-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:32px}.form-header,.site-form-card{margin-bottom:32px}.form-header h2{font-size:24px;margin-bottom:8px}.form-header p{color:var(--text-light)}.form-section{margin-bottom:40px}.form-section h3{align-items:center;display:flex;font-size:18px;gap:8px;margin-bottom:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-help{color:var(--text-light);font-size:13px;margin-top:4px}.form-actions{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.checkbox-inline label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-inline input[type=checkbox]{margin-right:8px;width:auto}.site-mode-info{background:var(--bg-secondary);border-radius:8px;padding:16px}.site-credentials,.site-mode-info{margin-bottom:20px}.credential-item{margin-bottom:16px}.credential-item label{color:var(--text-light);display:block;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.credential-value{align-items:center;display:flex;gap:8px}.credential-value code{background:var(--bg-secondary);border-radius:6px;flex:1 1;font-family:Courier New,monospace;font-size:13px;padding:8px 12px}.copy-btn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-light);cursor:pointer;padding:8px;transition:all .2s}.copy-btn:hover{background:var(--bg-secondary);color:var(--text)}.copy-btn.copied{background:var(--secondary);border-color:var(--secondary);color:#fff}.site-integration{margin-bottom:20px}.integration-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.preview-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;font-size:13px;gap:4px;margin-left:auto;padding:6px 12px;transition:all .2s}.preview-btn:hover{background:var(--bg-secondary)}.site-card-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:20px}.regenerate-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s}.regenerate-btn:hover{background:var(--bg-secondary)}.site-created{color:var(--text-light);font-size:13px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{background:#fff;border-radius:12px;max-width:480px;padding:32px;width:90%}.modal-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.warning-icon{color:var(--warning);height:24px;width:24px}.modal-header h3{font-size:20px}.modal-content{margin-bottom:24px}.modal-content p{color:var(--text-light);margin-bottom:16px}.warning-box{background:#fbbc041a;border:1px solid #fbbc044d;border-radius:8px;color:#b57c00;font-size:14px;padding:12px 16px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.analytics-page{max-width:1400px}.site-selector{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 16px}.site-selector select{background:none;border:none;font-size:14px;outline:none}.analytics-stats{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:48px}.stat-card{border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;padding:24px}.stat-card.primary .stat-icon{background:#4285f41a;color:var(--primary)}.stat-card.success .stat-icon{background:#34a8531a;color:var(--secondary)}.stat-card.error .stat-icon{background:#ea43351a;color:var(--error)}.stat-card.warning .stat-icon{background:#fbbc041a;color:var(--warning)}.stat-change{align-items:center;display:flex;font-size:13px;font-weight:600;gap:4px;margin-top:8px}.stat-change.up{color:var(--secondary)}.stat-change.down{color:var(--error)}.analytics-charts{display:flex;flex-direction:column;gap:24px}.chart-container.large{width:100%}.chart-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.analytics-table{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px}.table-header{margin-bottom:20px}.table-header h2{font-size:18px;font-weight:600}table{border-collapse:collapse;width:100%}th{border-bottom:1px solid var(--border);color:var(--text-light);font-size:13px;font-weight:600;padding:12px;text-align:left}td{border-bottom:1px solid var(--bg-secondary);padding:16px 12px}tr:last-child td{border-bottom:none}.site-name{align-items:center;display:flex;gap:8px}.success-rate{color:var(--secondary);font-weight:600}.trend{display:inline-flex}.trend.up{color:var(--secondary)}.trend.down{color:var(--error)}.settings-tabs{background:#fff;border:1px solid var(--border);border-radius:10px;display:flex;gap:4px;margin-bottom:32px;padding:4px}.settings-tabs .tab{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-light);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s}.settings-tabs .tab.active{background:var(--primary);color:#fff}.settings-tabs .tab:hover:not(.active){background:var(--bg-secondary);color:var(--text)}.security-subsection{margin-bottom:40px}.security-subsection h3{font-size:18px;margin-bottom:12px}.security-subsection p{color:var(--text-light);margin-bottom:16px}.notification-settings{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.notification-item label{align-items:start;background:var(--bg-secondary);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.notification-item label:hover{background:#e8f0fe}.notification-item input[type=checkbox]{margin-top:2px}.notification-item h4{font-size:15px;font-weight:600;margin-bottom:4px}.notification-item p{color:var(--text-light);font-size:13px}.subscription-info{margin-bottom:40px}.plan-card{background:var(--bg-secondary);border-radius:12px;margin:16px 0 24px;padding:24px}.plan-card h4{font-size:20px;margin-bottom:8px}.plan-limit{color:var(--text-light);margin-bottom:16px}.plan-progress{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.progress-bar{background:var(--primary);height:100%;transition:width .3s ease}.api-keys-notice{background:#e8f0fe;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px}.api-keys-notice svg{color:var(--primary);flex-shrink:0;height:24px;width:24px}.api-keys-notice h4{font-size:16px;margin-bottom:4px}.api-keys-notice p{color:var(--text-light);font-size:14px}.error-alert,.success-alert{align-items:center;border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.error-alert{background:#ea43351a;border:1px solid #ea433533;color:#d33b2c}.success-alert{background:#34a8531a;border:1px solid #34a85333;color:#0d7a2d}.error-alert button,.success-alert button{background:none;border:none;cursor:pointer;margin-left:auto;opacity:.6;padding:4px;transition:opacity .2s}.error-alert button:hover,.success-alert button:hover{opacity:1}.auth-footer{color:var(--text-light);margin-top:24px;text-align:center}.auth-footer a{color:var(--primary);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.form-select{background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:15px;padding:12px 16px;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary);border-radius:50%;box-shadow:0 2px 8px #4285f44d;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:var(--primary);border-radius:50%;box-shadow:0 2px 8px #4285f44d;cursor:pointer;height:20px;width:20px}@media (max-width:1200px){.chart-row,.dashboard-grid{grid-template-columns:1fr}}@media (max-width:992px){.analytics-controls{align-items:stretch;flex-direction:column}.analytics-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.settings-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.analytics-stats{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-button{width:100%}.sites-header{align-items:stretch;flex-direction:column;gap:16px}.add-site-btn{justify-content:center;width:100%}}.analytics-page.professional{background:#f8fafc;min-height:100vh;padding:32px}.analytics-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 32px}.analytics-controls{align-items:center;display:flex;gap:16px}.site-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;padding:12px 16px}.export-btn,.site-selector{align-items:center;display:flex;font-size:14px;gap:8px}.export-btn{background:#4285f4;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease}.export-btn:hover{background:#1a73e8;box-shadow:0 4px 12px #4285f44d;transform:translateY(-1px)}.performance-metrics{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.metric-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000a;display:flex;gap:20px;padding:24px;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-card.primary .metric-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.metric-card.success .metric-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.metric-card.warning .metric-icon{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#d97706}.metric-card.error .metric-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.metric-content{flex:1 1}.metric-value{font-size:24px;font-weight:700;margin-bottom:4px}.metric-title{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.metric-change{font-size:12px;font-weight:500}.metric-change.positive{color:#166534}.metric-change.negative{color:#dc2626}.analytics-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 12px #0000000a;display:flex;margin-bottom:32px;padding:6px}.analytics-tabs .tab{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.analytics-tabs .tab.active{background:#4285f4;box-shadow:0 2px 8px #4285f44d;color:#fff}.analytics-tabs .tab:hover:not(.active){background:#f8fafc;color:#374151}.tab-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000a;margin-bottom:32px;overflow:hidden}.geography-tab,.overview-tab,.performance-tab,.security-tab{padding:32px}.charts-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-top:32px}.chart-actions{display:flex;gap:12px}.chart-action{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease}.chart-action:hover{background:#4285f4;border-color:#4285f4;color:#fff}.security-overview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.security-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center}.security-icon{align-items:center;background:#fff;border-radius:12px;color:#4285f4;display:flex;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.security-content h3{color:#1a202c;font-size:16px;font-weight:600;margin-bottom:8px}.security-value{color:#4285f4;font-size:28px;font-weight:700;margin-bottom:8px}.security-content p{color:#64748b;font-size:14px;margin:0}.geographic-list{background:#f8fafc;border-radius:12px;padding:24px}.geographic-list h3{color:#1a202c;font-size:16px;font-weight:600;margin-bottom:20px}.country-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:12px 0}.country-item:last-child{border-bottom:none}.country-rank{color:#64748b;font-size:14px;font-weight:600;text-align:center;width:24px}.country-name{color:#1a202c;flex:1 1;font-weight:500}.country-count{color:#4285f4;font-weight:600}.country-percentage{color:#64748b;font-size:13px;text-align:right;width:48px}.analytics-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000a;overflow:hidden}.table-header{background:#fafbfc;border-bottom:1px solid #f1f5f9;padding:24px 32px}.table-header h3{color:#1a202c;font-size:18px;font-weight:600;margin:0}.table-wrapper{overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%}.analytics-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 32px;text-align:left;text-transform:uppercase}.analytics-table td{border-bottom:1px solid #f1f5f9;padding:20px 32px;vertical-align:middle}.analytics-table tr:last-child td{border-bottom:none}.analytics-table tr:hover{background:#fafbfc}.site-cell{align-items:center;display:flex;gap:12px}.site-cell svg{color:#64748b}.metric-value{color:#1a202c;font-weight:600}.success-rate.high{background:#dcfce7;color:#166534}.success-rate.high,.success-rate.medium{border-radius:6px;font-size:13px;font-weight:600;padding:4px 8px}.success-rate.medium{background:#fef3c7;color:#d97706}.success-rate.low{background:#fee2e2;border-radius:6px;color:#dc2626;font-size:13px;font-weight:600;padding:4px 8px}.risk-score{color:#4285f4;font-family:Courier New,monospace;font-weight:600}.bots-blocked{color:#dc2626;font-weight:600}.last-activity{color:#64748b;font-size:13px}.trend{align-items:center;display:flex;font-size:13px;font-weight:600;gap:4px}.trend.up{color:#166534}.trend.down{color:#dc2626}.analytics-loading,.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:60vh;justify-content:center}@media (max-width:1200px){.charts-grid,.charts-row,.dashboard-bottom{grid-template-columns:1fr}}@media (max-width:768px){.analytics-page.professional,.dashboard-page.professional{padding:16px}.analytics-header,.dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.analytics-controls,.header-controls{flex-wrap:wrap;justify-content:center}.performance-metrics,.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.analytics-tabs{overflow-x:auto}.analytics-table td,.analytics-table th{padding:12px 16px}}.chart-container,.metric-card,.stat-card{animation:fadeIn .6s ease-out}.activity-list::-webkit-scrollbar,.table-wrapper::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track,.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.activity-list::-webkit-scrollbar-thumb,.table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover,.table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-page.professional{background:#f8fafc;min-height:100vh;padding:32px}.dashboard-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 32px}.header-content h1{color:#1a202c;font-size:28px;font-weight:700;margin-bottom:8px}.header-content p{color:#64748b;font-size:16px;margin:0}.header-controls{align-items:center;display:flex;gap:16px}.period-selector,.site-filter{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;display:flex;font-size:14px;gap:8px;padding:12px 16px}.period-selector select,.site-filter select{background:none;border:none;color:#475569;font-size:14px;font-weight:500}.refresh-btn{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;padding:12px;transition:all .2s ease}.refresh-btn:hover{background:#f8fafc;border-color:#cbd5e1}.refresh-btn.active{background:#4285f4;border-color:#4285f4;color:#fff}.refresh-btn .spinning{animation:spin 1s linear infinite}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000a;overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 32px #00000014;transform:translateY(-4px)}.stat-card:before{background:linear-gradient(90deg,#4285f4,#1a73e8);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.success:before{background:linear-gradient(90deg,#0f9d58,#0d7a2d)}.stat-card.error:before{background:linear-gradient(90deg,#ea4335,#d33b2c)}.stat-card.warning:before{background:linear-gradient(90deg,#fbbc04,#f29900)}.stat-card-header{justify-content:space-between;margin-bottom:20px}.stat-card-header,.stat-icon{align-items:center;display:flex}.stat-icon{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;height:56px;justify-content:center;width:56px}.stat-card.primary .stat-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.stat-card.success .stat-icon{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.stat-card.error .stat-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.stat-card.warning .stat-icon{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#d97706}.stat-icon svg{height:24px;width:24px}.stat-trend{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.stat-trend.up{background:#dcfce7;color:#166534}.stat-trend.down{background:#fee2e2;color:#dc2626}.stat-value{color:#1a202c;font-size:36px;font-weight:800;line-height:1;margin-bottom:8px}.stat-title{color:#374151;font-size:16px;font-weight:600;margin-bottom:4px}.stat-description{color:#6b7280;font-size:14px}.dashboard-charts{margin-bottom:40px}.chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000a;overflow:hidden}.chart-container.main-chart{margin-bottom:24px}.chart-header{align-items:center;background:#fafbfc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.chart-header h2,.chart-header h3{color:#1a202c;font-size:18px;font-weight:600;margin:0}.chart-legend{display:flex;gap:24px}.legend-item{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:8px}.legend-dot{border-radius:50%;height:12px;width:12px}.legend-dot.primary{background:#4285f4}.legend-dot.success{background:#0f9d58}.legend-dot.error{background:#ea4335}.legend-dot.warning{background:#fbbc04}.charts-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.dashboard-bottom{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 400px;margin-bottom:40px}.recent-activity-card,.top-sites-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000a}.card-header{background:#fafbfc;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:24px 32px}.card-header,.card-header h3{align-items:center;display:flex}.card-header h3{color:#1a202c;font-size:16px;font-weight:600;gap:8px;margin:0}.view-all{align-items:center;color:#4285f4;display:flex;font-size:14px;font-weight:500;gap:4px;text-decoration:none;transition:color .2s}.view-all:hover{color:#1a73e8}.activity-list{max-height:400px;overflow-y:auto;padding:24px 32px}.activity-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:16px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-icon.verification_success{background:#dcfce7;color:#166534}.activity-icon.verification_failed{background:#fee2e2;color:#dc2626}.activity-icon.bot_detected{background:#fef3c7;color:#d97706}.activity-icon.verification_attempt{background:#dbeafe;color:#1d4ed8}.activity-content{flex:1 1}.activity-title{color:#1a202c;font-size:14px;font-weight:600;margin-bottom:4px}.activity-subtitle{color:#64748b;font-size:13px}.activity-time{color:#94a3b8;font-size:12px;font-weight:500}.sites-list{padding:24px 32px}.site-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:16px 0}.site-item:last-child{border-bottom:none}.site-rank{align-items:center;background:#f1f5f9;border-radius:8px;color:#64748b;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.site-info{flex:1 1}.site-name{color:#1a202c;font-size:14px;font-weight:600;margin-bottom:2px}.site-domain{color:#64748b;font-size:12px}.site-rate,.site-stats{text-align:center}.rate-value,.stat-value{color:#1a202c;font-size:16px;font-weight:700}.rate-label,.stat-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.quick-actions-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #0000000a;padding:32px}.quick-actions-section h3{color:#1a202c;font-size:20px;font-weight:600;margin-bottom:24px}.quick-actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quick-action-card{align-items:center;background:#fafbfc;border:2px solid #f1f5f9;border-radius:12px;color:inherit;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s ease}.quick-action-card:hover{background:#fff;border-color:#4285f4;box-shadow:0 8px 24px #4285f426;transform:translateY(-2px)}.action-icon{align-items:center;background:linear-gradient(135deg,#4285f4,#1a73e8);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.quick-action-card.success .action-icon{background:linear-gradient(135deg,#0f9d58,#0d7a2d)}.quick-action-card.warning .action-icon{background:linear-gradient(135deg,#fbbc04,#f29900)}.action-content{flex:1 1}.action-content h4{color:#1a202c;font-size:16px;font-weight:600;margin-bottom:4px}.action-content p{color:#64748b;font-size:14px;margin:0}.action-arrow{color:#94a3b8;transition:all .3s ease}.quick-action-card:hover .action-arrow{color:#4285f4;transform:translateX(4px)}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;height:60vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-left-color:#4285f4;border-radius:50%;height:48px;width:48px}@media (max-width:1200px){.charts-row,.dashboard-bottom{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-page.professional{padding:16px}.dashboard-header{align-items:stretch;flex-direction:column;gap:16px}.header-controls{flex-wrap:wrap;justify-content:center}.quick-actions-grid,.stats-grid{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-container,.stat-card{animation:fadeIn .6s ease-out}.activity-list::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}
/*# sourceMappingURL=main.7288f815.css.map*/