:root{--font-sans: "Inter", sans-serif;--font-display: "Outfit", sans-serif;--bg-main: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #ffffff;--border-color: rgba(15, 23, 42, .08);--border-color-hover: rgba(15, 23, 42, .16);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--accent-primary: #7c3aed;--accent-primary-glow: rgba(124, 58, 237, .12);--accent-secondary: #0891b2;--seo-blue: #0284c7;--ai-orange: #ea580c;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(124,58,237,.04) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(8,145,178,.02) 0%,transparent 45%);background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f172a40}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}.premium-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:var(--transition-smooth);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005}.premium-card:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;transform:translateY(-2px)}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background-image:radial-gradient(circle at 50% 50%,rgba(139,92,246,.15) 0%,transparent 60%)}.auth-card{max-width:480px;width:100%;text-align:center;padding:3rem 2rem}.auth-logo{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 12px var(--accent-primary-glow));animation:pulse-glow 3s infinite alternate}.app-header{border-bottom:1px solid var(--border-color);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;max-width:1600px;margin:0 auto;width:100%}.logo-container{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-weight:800;font-size:1.25rem}.logo-accent{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.header-group{display:flex;align-items:center;gap:.5rem}.header-divider{width:1px;height:24px;background:var(--border-color);margin:0 .25rem;flex-shrink:0}.header-select{height:38px;padding:0 2rem 0 .75rem;border-radius:8px;border:1px solid var(--border-color);font-size:.83rem;font-weight:600;background-color:#fff;color:var(--text-primary);cursor:pointer;outline:none;transition:var(--transition-smooth);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .65rem center;background-size:.95rem;max-width:220px}.header-select:hover{border-color:var(--border-color-hover)}.header-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-glow)}.header-btn{height:38px;padding:0 .85rem;border-radius:8px;font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap;cursor:pointer;transition:var(--transition-smooth);box-sizing:border-box;border:1px solid transparent}.header-btn-secondary{background:#fff;border-color:var(--border-color);color:var(--text-primary);box-shadow:0 1px 2px #00000008}.header-btn-secondary:hover{background:#f8fafc;border-color:var(--border-color-hover)}.header-btn-copy-success{background:#ecfdf5;border-color:#10b981;color:#059669}.header-btn-sync{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;box-shadow:0 2px 4px #10b98133}.header-btn-sync:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 10px #10b9814d;transform:translateY(-1px)}.header-btn-sync:disabled{opacity:.65;cursor:not-allowed}.header-btn-ghost{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}.header-btn-ghost:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.header-icon-btn{width:38px;height:38px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);box-sizing:border-box;flex-shrink:0;box-shadow:0 1px 2px #00000008}.header-icon-btn:hover:not(:disabled){color:var(--accent-primary);border-color:var(--accent-primary);background:#7c3aed0d}.header-icon-btn:disabled{opacity:.5;cursor:not-allowed}.google-login-btn{display:inline-flex;align-items:center;gap:.75rem;background:#fff;color:#1f2937;border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:9999px;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 4px 6px #0000000d}.google-login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 12px #00000014;background:#f9fafb}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),#7c3aed);color:#fff;border:none;padding:.65rem 1.25rem;border-radius:10px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition-smooth)}.btn-primary:hover{box-shadow:0 0 15px var(--accent-primary-glow);filter:brightness(1.1)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);padding:.65rem 1.25rem;border-radius:10px;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-outline:hover{background:#0f172a0a;border-color:var(--border-color-hover)}.select-input{background:#fff;border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 2rem .5rem .75rem;border-radius:8px;font-weight:500;cursor:pointer;outline:none;font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.select-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-glow)}.searchable-select-container{position:relative;display:inline-flex;align-items:center;gap:.5rem}.searchable-select-trigger{background:#fff;border:1px solid var(--border-color);color:var(--text-primary);padding:0 .75rem;height:38px;box-sizing:border-box;border-radius:8px;font-weight:500;cursor:pointer;outline:none;font-size:.85rem;display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none}.searchable-select-trigger:hover:not(:disabled){border-color:var(--border-color-hover);background:#0f172a05}.searchable-select-trigger:focus,.searchable-select-trigger.open{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-glow)}.searchable-select-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 12px 28px -4px #0000001f,0 6px 12px -4px #00000014;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.searchable-select-search{padding:.6rem .75rem;border-bottom:1px solid var(--border-color);background:#f8fafc;display:flex;align-items:center;gap:.5rem}.searchable-select-search input{width:100%;border:none;background:transparent;outline:none;font-size:.85rem;color:var(--text-primary);font-family:inherit}.searchable-select-options{max-height:260px;overflow-y:auto;padding:.35rem;display:flex;flex-direction:column;gap:2px}.searchable-select-option{padding:.5rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:background .1s;color:var(--text-primary)}.searchable-select-option:hover{background:#7c3aed14;color:var(--accent-primary)}.searchable-select-option.selected{background:#7c3aed1f;color:var(--accent-primary);font-weight:600}.btn-refresh{display:inline-flex;align-items:center;gap:.45rem;background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary);padding:.5rem .95rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 2px 4px #7c3aed33;white-space:nowrap}.btn-refresh:hover:not(:disabled){background:#6d28d9;border-color:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 10px var(--accent-primary-glow)}.btn-refresh:disabled{opacity:.7;cursor:not-allowed}.tabs-navigation{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);margin-bottom:2rem;overflow-x:auto;padding-bottom:1px}.tab-btn{background:transparent;border:none;color:var(--text-secondary);padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;cursor:pointer;position:relative;transition:var(--transition-smooth);white-space:nowrap}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:9999px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{position:relative;overflow:hidden}.kpi-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.kpi-val{font-family:var(--font-display);font-size:2rem;font-weight:800;margin-bottom:.5rem}.kpi-trend{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--danger)}.kpi-trend.neutral{color:var(--text-secondary)}.table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}.premium-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.premium-table th{background:#0f172a08;padding:.9rem 1.25rem;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.premium-table td{padding:.8rem 1.25rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle}.premium-table tr:last-child td{border-bottom:none}.premium-table tr{transition:var(--transition-smooth)}.premium-table tbody tr:nth-child(2n) td{background-color:#0f172a03}.premium-table tbody tr:hover td{background-color:#0f172a08!important}.grid-2col{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 600px){.grid-2col{grid-template-columns:1fr}}.tag{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;line-height:1}.tag-seo{background:#0ea5e926;color:var(--seo-blue);border:1px solid rgba(14,165,233,.25)}.tag-ai{background:#f9731626;color:var(--ai-orange);border:1px solid rgba(249,115,22,.25)}.custom-tooltip-trigger{position:relative;cursor:help;border-bottom:1px dotted var(--text-secondary)}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 37%,#ffffff08 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite}.skeleton-text{height:1rem;border-radius:4px;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:50%;border-radius:6px;margin-bottom:1rem}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%{text-shadow:0 0 10px rgba(139,92,246,.2)}to{text-shadow:0 0 25px rgba(139,92,246,.6),0 0 5px rgba(6,182,212,.3)}}.spin-animation{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}