:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-hover: #475569;--surface-primary: #1e293b;--surface-secondary: #334155;--surface-hover: #475569;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #dbeafe;--color-accent: #10b981;--color-accent-light: #d1fae5;--color-warning: #f59e0b;--color-error: #ef4444;--color-success: #10b981;--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-light: #64748b;--border-color: rgba(148, 163, 184, .1);--border-color-light: rgba(148, 163, 184, .05);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,DM Sans,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}p{margin-bottom:var(--spacing-md)}button{cursor:pointer;border:none;font-family:inherit;font-weight:500;transition:all var(--transition-fast);outline:none}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:.875rem;border:1px solid var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #3b82f61a}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-muted)}.btn-text{padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--text-primary);border:none;font-size:.875rem}.btn-text:hover{color:var(--color-primary)}.btn-lg{padding:var(--spacing-md) var(--spacing-2xl);font-size:1rem;font-weight:600}.btn-block{width:100%}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);padding:0}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--text-muted)}.btn-icon.btn-danger:hover{background:#ef44441a;color:var(--color-error);border-color:var(--color-error)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:var(--spacing-md);background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.form-input::placeholder{color:var(--text-light)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group{margin-bottom:var(--spacing-lg)}.form-row{display:flex;gap:var(--spacing-md)}.form-row .form-input{flex:1}.form-row .btn-primary{white-space:nowrap;margin-top:auto}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--spacing-md);color:var(--text-muted);pointer-events:none}.input-wrapper .form-input{padding-left:2.5rem}.card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{border-color:#94a3b833}.card-title{font-size:1.125rem;margin-bottom:var(--spacing-lg);color:var(--text-primary);font-weight:600}.navbar{background:var(--surface-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;height:64px;display:flex;align-items:center}.navbar-content{width:100%;max-width:100%;padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:var(--spacing-xl)}.navbar-links{display:flex;gap:var(--spacing-xl);flex:1}.nav-link{color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:var(--spacing-sm) 0;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);border-bottom-color:var(--color-primary)}.navbar-user{display:flex;align-items:center}.navbar-auth{display:flex;gap:var(--spacing-md);align-items:center}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.user-menu-button:hover{background:var(--surface-hover)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:var(--spacing-sm);background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.user-dropdown-item{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color-light);color:var(--text-muted);font-size:.875rem;word-break:break-all}.user-dropdown-logout{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:var(--text-primary);text-align:left;cursor:pointer;font-size:.875rem;transition:all var(--transition-fast)}.user-dropdown-logout:hover{background:#ef44440d;color:var(--color-error)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.layout-container{display:flex;flex:1}.main-content{flex:1;padding:var(--spacing-2xl);overflow-y:auto;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary))}.sidebar{width:280px;background:var(--surface-primary);border-right:1px solid var(--border-color);padding:var(--spacing-xl);overflow-y:auto;flex-shrink:0}.sidebar-projects{margin-bottom:var(--spacing-xl)}.sidebar-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--spacing-md);letter-spacing:.05em}.projects-selector{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.projects-selector:hover{background:var(--surface-hover);border-color:var(--text-muted)}.projects-selector svg{transition:transform var(--transition-fast)}.projects-selector svg.rotate{transform:rotate(180deg)}.projects-dropdown{margin-top:var(--spacing-sm);background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;animation:slideDown var(--transition-fast)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-item{width:100%;display:block;padding:var(--spacing-md) var(--spacing-md);text-align:left;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);border-left:2px solid transparent}.project-item:hover{background:#3b82f60d;color:var(--text-primary)}.project-item.active{background:#3b82f61a;color:var(--color-primary);border-left-color:var(--color-primary)}.empty-projects{padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-size:.875rem}.sidebar-nav{margin-top:var(--spacing-xl)}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.sidebar-link:hover{background:var(--surface-secondary);color:var(--text-primary)}.sidebar-link.active{background:#3b82f61a;color:var(--color-primary);border-left:3px solid var(--color-primary);padding-left:calc(var(--spacing-md) - 3px)}.landing-page{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));min-height:100vh}.landing-navbar{background:var(--surface-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) 0;position:sticky;top:0;z-index:100}.landing-navbar-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;align-items:center;justify-content:space-between}.landing-navbar-links{display:flex;gap:var(--spacing-md);align-items:center}.hero-section{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:center}.hero-content{animation:fadeInUp var(--transition-slow)}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.8}.hero-footnote{margin-top:var(--spacing-lg);color:var(--text-muted);font-size:.875rem}.hero-image{display:flex;align-items:center;justify-content:center;animation:fadeInRight var(--transition-slow)}.placeholder-chart{display:flex;align-items:flex-end;gap:var(--spacing-md);height:300px}.chart-bar{width:40px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-md);box-shadow:0 0 20px #3b82f64d}.chart-bar:nth-child(1){height:100px}.chart-bar:nth-child(2){height:150px}.chart-bar:nth-child(3){height:200px}.chart-bar:nth-child(4){height:180px}.chart-bar:nth-child(5){height:220px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.features-section{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.section-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-2xl)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.feature-card{padding:var(--spacing-xl);background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base)}.feature-card:hover{border-color:var(--color-primary);box-shadow:0 0 20px #3b82f61a;transform:translateY(-5px)}.feature-icon{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.feature-title{font-size:1.25rem;margin-bottom:var(--spacing-md)}.feature-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.pricing-section{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl);max-width:800px;margin:0 auto}.pricing-card{padding:var(--spacing-2xl);background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);position:relative;transition:all var(--transition-base)}.pricing-card:hover{border-color:var(--color-primary)}.pricing-card.featured{border-color:var(--color-primary);box-shadow:0 0 20px #3b82f633}.badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.pricing-title{font-size:1.5rem;margin-bottom:var(--spacing-lg)}.pricing-price{display:flex;align-items:baseline;margin-bottom:var(--spacing-lg)}.price-amount{font-size:2.5rem;font-weight:800}.price-period{color:var(--text-muted);margin-left:var(--spacing-sm)}.pricing-features{list-style:none;margin-bottom:var(--spacing-2xl)}.feature-item{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--text-secondary);font-size:.875rem}.feature-item svg{color:var(--color-accent);flex-shrink:0}.landing-footer{background:var(--surface-primary);border-top:1px solid var(--border-color);padding:var(--spacing-2xl) var(--spacing-xl);margin-top:var(--spacing-2xl)}.footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-links{display:flex;gap:var(--spacing-2xl)}.footer-links a{color:var(--text-secondary);font-size:.875rem}.footer-links a:hover{color:var(--text-primary)}.auth-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.auth-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);max-width:1000px;width:100%}.auth-box{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);animation:slideInUp var(--transition-slow)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-logo{display:block;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-lg)}.auth-title{font-size:1.75rem;margin-bottom:var(--spacing-sm)}.auth-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.auth-form{margin-bottom:var(--spacing-lg)}.auth-footer{text-align:center;font-size:.875rem;color:var(--text-secondary)}.auth-footer .link{color:var(--color-primary)}.auth-feature{display:flex;flex-direction:column;justify-content:center}.auth-feature h2{font-size:1.75rem;margin-bottom:var(--spacing-xl)}.feature-list{list-style:none}.feature-list li{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);color:var(--text-secondary);font-size:.875rem;line-height:1.6}.feature-list svg{color:var(--color-accent);margin-top:2px;flex-shrink:0}.alert{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.875rem}.alert-error{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2xl)}.page-title{font-size:2rem;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.stat-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--color-primary);box-shadow:0 0 15px #3b82f61a}.stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:var(--radius-md);color:var(--color-primary)}.stat-change{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm)}.stat-change.positive{background:#10b9811a;color:var(--color-accent)}.stat-change.negative{background:#ef44441a;color:var(--color-error)}.stat-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;margin-bottom:var(--spacing-sm);letter-spacing:.05em}.stat-value{font-size:1.75rem;font-weight:700}.chart-container{margin-bottom:var(--spacing-2xl)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#3b82f608;border-radius:var(--radius-md);border:1px solid var(--border-color-light)}.activity-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-size:1.125rem;flex-shrink:0}.activity-badge.success{background:#10b9811a;color:var(--color-accent)}.activity-badge.info{background:#3b82f61a;color:var(--color-primary)}.activity-badge.warning{background:#f59e0b1a;color:var(--color-warning)}.activity-content{flex:1}.activity-title{font-size:.875rem;font-weight:500;margin-bottom:4px}.activity-time{font-size:.75rem;color:var(--text-muted)}.quick-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.action-button{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left}.action-button:hover{background:var(--surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{background:var(--surface-secondary);color:var(--text-secondary);font-weight:600;text-align:left;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color)}.data-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color-light)}.data-table tbody tr:hover{background:#3b82f608}.keyword-name{color:var(--color-primary);font-weight:500}.change-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);font-weight:600;font-size:.75rem}.change-badge.positive{background:#10b9811a;color:var(--color-accent)}.change-badge.negative{background:#ef44441a;color:var(--color-error)}.difficulty-bar{width:100px;height:24px;background:var(--surface-secondary);border-radius:var(--radius-sm);overflow:hidden}.difficulty-progress{height:100%;transition:width var(--transition-base)}.text-muted{color:var(--text-muted)!important}.action-buttons{display:flex;gap:var(--spacing-sm)}.new-project-form,.add-keyword-form{margin-bottom:var(--spacing-xl)}.add-keyword-form .form-row{gap:var(--spacing-md)}.audit-form,.backlinks-form,.audit-results{margin-bottom:var(--spacing-xl)}.score-section{display:flex;align-items:center;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--border-color)}.score-circle{flex-shrink:0}.score-ring{position:relative;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--color-primary) 0deg,var(--color-primary) 360deg);padding:3px;display:flex;align-items:center;justify-content:center;flex-direction:column}.score-ring:after{content:"";position:absolute;width:144px;height:144px;border-radius:50%;background:var(--surface-primary)}.score-value{position:relative;font-size:2.5rem;font-weight:800;z-index:1}.score-label{position:relative;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;z-index:1}.score-info{flex:1}.score-status{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.score-timestamp{color:var(--text-muted);font-size:.875rem}.issues-section{margin-bottom:var(--spacing-2xl)}.section-subtitle{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.issues-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.issue-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-fast)}.issue-item.severity-error{background:#ef44440d;border-color:#ef444433}.issue-item.severity-error .issue-icon{color:var(--color-error)}.issue-item.severity-warning{background:#f59e0b0d;border-color:#f59e0b33}.issue-item.severity-warning .issue-icon{color:var(--color-warning)}.issue-item.severity-pass{background:#10b9810d;border-color:#10b98133}.issue-item.severity-pass .issue-icon{color:var(--color-accent)}.issue-icon{flex-shrink:0;margin-top:2px}.issue-content{flex:1}.issue-title{font-weight:600;margin-bottom:var(--spacing-sm)}.issue-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.empty-state-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--text-muted);gap:var(--spacing-md)}.empty-state-inline svg{color:var(--color-accent)}.meta-info{padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.meta-item{padding:var(--spacing-md);background:#3b82f608;border-radius:var(--radius-md);border:1px solid var(--border-color-light)}.meta-label{display:block;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;margin-bottom:var(--spacing-sm);letter-spacing:.05em}.meta-value{color:var(--text-primary);font-size:.875rem;word-break:break-word}.history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:.875rem}.history-item:hover{border-color:var(--color-primary);background:#3b82f608}.history-item.active{border-color:var(--color-primary);background:#3b82f61a}.history-score{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--surface-secondary);border-radius:var(--radius-md);font-weight:700;color:var(--color-primary);flex-shrink:0}.history-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-secondary);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.history-content{flex:1}.history-url{font-weight:500;margin-bottom:4px}.history-date,.history-meta{color:var(--text-muted);font-size:.75rem}.backlinks-results{margin-bottom:var(--spacing-xl)}.backlinks-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--border-color)}.summary-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:#3b82f608;border:1px solid var(--border-color-light);border-radius:var(--radius-md)}.summary-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--surface-secondary);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.summary-label{color:var(--text-muted);font-size:.75rem;text-transform:uppercase;margin-bottom:4px;letter-spacing:.05em}.summary-value{font-size:1.5rem;font-weight:700}.url-cell{max-width:300px}.url-cell a{color:var(--color-primary);word-break:break-all}.empty-state{text-align:center;padding:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg)}.empty-state svg{color:var(--text-muted);opacity:.5}.empty-title{font-size:1.25rem;color:var(--text-primary)}.empty-description{color:var(--text-secondary);max-width:400px}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.spinner{border:2px solid var(--surface-secondary);border-top:2px solid var(--color-primary);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.stats-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.pricing-grid,.hero-section,.auth-container{grid-template-columns:1fr}.auth-feature{display:none}.meta-grid,.backlinks-summary{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{width:240px;padding:var(--spacing-lg)}.main-content{padding:var(--spacing-lg)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.stats-grid,.features-grid{grid-template-columns:1fr}.navbar-links{display:none}.hero-title{font-size:2.5rem}.form-row{flex-direction:column}.form-row .btn-primary{margin-top:var(--spacing-md)}.footer-content{flex-direction:column;gap:var(--spacing-lg);text-align:center}.section-title{font-size:2rem}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width: 640px){.layout-container{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-xl)}.sidebar-nav{display:flex;gap:var(--spacing-lg);margin-top:0}.sidebar-link{margin-bottom:0}.auth-box,.hero-section{padding:var(--spacing-lg)}.hero-title{font-size:2rem}.hero-image{display:none}}.pricing-page{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) 0}.pricing-header{text-align:center;margin-bottom:var(--spacing-2xl)}.pricing-subtitle{font-size:1.125rem;color:var(--text-secondary);margin-top:var(--spacing-md);max-width:600px;margin-left:auto;margin-right:auto}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.pricing-card{position:relative;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;transition:all var(--transition-base)}.pricing-card:hover{border-color:#94a3b833;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pricing-card.featured{border:2px solid var(--color-primary);box-shadow:0 0 30px #3b82f626}.pricing-card.featured:hover{box-shadow:0 0 40px #3b82f640}.pro-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--color-primary),#3b82f6);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.plan-header{text-align:center;margin-bottom:var(--spacing-lg)}.plan-icon{width:56px;height:56px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:#3b82f61a}.plan-icon.free-icon{color:var(--color-warning);background:#f59e0b1a}.plan-icon.pro-icon{color:var(--color-primary);background:#3b82f61a}.plan-name{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs);margin:var(--spacing-lg) 0}.price-amount{font-size:2.5rem;font-weight:800;color:var(--text-primary)}.price-period{color:var(--text-muted);font-size:.875rem;font-weight:500}.plan-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-lg);text-align:center}.plan-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;border:1px solid var(--border-color);background:var(--surface-secondary);color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer}.plan-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-muted)}.plan-button.current-plan{background:#3b82f61a;border-color:var(--color-primary);color:var(--color-primary);cursor:default}.plan-button.upgrade-button{background:var(--color-primary);border-color:var(--color-primary);color:#fff;margin-bottom:var(--spacing-lg)}.plan-button.upgrade-button:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 0 0 3px #3b82f61a}.plan-button:disabled{opacity:.7;cursor:not-allowed}.plan-features{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:auto}.feature-item{display:grid;grid-template-columns:20px 1fr auto;gap:var(--spacing-md);align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color-light)}.feature-item:last-child{border-bottom:none}.feature-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.feature-icon.check{color:var(--color-success)}.feature-icon.cross{color:var(--text-muted);opacity:.5}.feature-name{color:var(--text-secondary);font-size:.875rem;font-weight:500}.feature-value{color:var(--text-muted);font-size:.75rem;text-align:right}.pricing-faq{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--border-color)}.section-title{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-xl);color:var(--text-primary)}.faq-items{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.faq-item{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.faq-item h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.faq-item p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0}.success-container{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-2xl)}.success-card{text-align:center;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);max-width:500px;animation:slideUp var(--transition-slow)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{margin-bottom:var(--spacing-lg);display:flex;justify-content:center;color:var(--color-success);animation:bounceIn var(--transition-slow)}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.success-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.success-message{color:var(--text-secondary);font-size:1rem;margin-bottom:var(--spacing-xl);line-height:1.6}.success-benefits{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:left;background:#3b82f60d;padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid rgba(59,130,246,.1)}.benefit-item{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-secondary);font-size:.875rem}.benefit-check{color:var(--color-success);font-weight:700;font-size:1rem}.plan-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.plan-badge.free{background:#94a3b81a;border-color:#94a3b84d;color:var(--text-muted)}.nav-upgrade-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);color:var(--color-warning);font-size:.75rem;font-weight:600;text-decoration:none;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.nav-upgrade-badge:hover{background:linear-gradient(135deg,#f59e0b26,#f59e0b1a);border-color:#f59e0b80;color:var(--color-warning)}.sidebar-bottom{margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.sidebar-upgrade-banner{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);margin-top:var(--spacing-md);background:linear-gradient(135deg,#3b82f61a,#10b9810d);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast);align-items:center}.sidebar-upgrade-banner:hover{background:linear-gradient(135deg,#3b82f626,#10b9811a);border-color:#3b82f64d;transform:translate(2px)}.sidebar-upgrade-banner>div{flex:1}.banner-title{font-size:.75rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0}.banner-subtitle{font-size:.7rem;color:var(--text-muted);margin:var(--spacing-xs) 0 0}.upgrade-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:linear-gradient(135deg,#3b82f61a,#10b9810d);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg)}.banner-content{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.banner-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#3b82f61a;border-radius:var(--radius-lg);color:var(--color-primary);flex-shrink:0}.banner-text{flex:1}.banner-text .banner-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs);text-transform:none;letter-spacing:normal}.banner-text .banner-description{font-size:.875rem;color:var(--text-secondary);margin:0}.upgrade-banner .btn-primary{flex-shrink:0}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.page-header-left .page-title{margin:0}@media (max-width: 768px){.pricing-cards,.faq-items{grid-template-columns:1fr}.upgrade-banner{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.upgrade-banner .btn-primary{width:100%;justify-content:center}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.page-header-left{flex-direction:column;align-items:flex-start}.page-header .btn-primary{width:100%}}