:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f5f5;color:#333}.app{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}.hero{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.2rem;opacity:.9}.api-config{background:#fff;padding:2rem;border-radius:10px;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.api-config h2{color:#667eea;margin-bottom:1.5rem}.api-input-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.api-input{flex:1;min-width:250px;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:5px;font-size:1rem;transition:border-color .3s ease}.api-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.btn-primary:active{transform:translateY(0)}.status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;white-space:nowrap}.status-badge.configured{background:#e8f5e9;color:#2e7d32}.status-badge.not-configured{background:#ffebee;color:#c62828}.tab-navigation{display:flex;gap:1rem;margin:2rem 0;border-bottom:2px solid #e0e0e0;overflow-x:auto;padding-bottom:1rem}.tab-button{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#999;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative;bottom:-1rem;white-space:nowrap}.tab-button:hover{color:#667eea}.tab-button.active{color:#667eea;border-bottom-color:#667eea}.tab-content{margin-top:2rem}.coming-soon{text-align:center;padding:3rem;color:#999;font-size:1.2rem;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a}.app-footer{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;padding:2rem;margin-top:3rem}.footer-links{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.footer-links a{color:#fff;text-decoration:none;transition:opacity .3s ease}.footer-links a:hover{opacity:.8}@media(max-width:768px){.app-main,.hero{padding:1.5rem}.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.api-input-group{flex-direction:column}.api-input{min-width:100%}.tab-navigation{gap:.5rem;padding-bottom:.5rem}.tab-button{padding:.5rem 1rem;font-size:.9rem;bottom:-.5rem}.footer-links{flex-direction:column;gap:.5rem}}@media(max-width:480px){.app-main,.hero{padding:1rem}.hero h1{font-size:1.3rem}.hero p{font-size:.9rem}.api-config{padding:1.5rem}.tab-navigation{gap:.25rem}.tab-button{padding:.5rem .75rem;font-size:.8rem}.coming-soon{padding:2rem 1rem}.app-footer{padding:1.5rem}}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 0;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.logo h1{font-size:1.8rem;margin:0;font-weight:700}.nav{flex:1;display:flex;justify-content:center}.nav-list{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.nav-list a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s ease;position:relative}.nav-list a:hover{opacity:.8}.nav-list a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.nav-list a:hover:after{width:100%}.language-toggle{background:#fff3;color:#fff;border:2px solid white;padding:.6rem 1.2rem;border-radius:5px;cursor:pointer;font-weight:600;transition:all .3s ease}.language-toggle:hover{background:#fff;color:#667eea}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem}@media(max-width:768px){.header-container{padding:0 1rem;flex-wrap:nowrap}.logo h1{font-size:1.3rem;flex:1}.menu-toggle{display:block;order:2}.nav{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);max-height:0;overflow:hidden;transition:max-height .3s ease}.nav.open{max-height:300px}.nav-list{flex-direction:column;gap:0;text-align:center}.nav-list li{border-bottom:1px solid rgba(255,255,255,.1)}.nav-list a{display:block;padding:1rem}.language-toggle{order:3}}@media(max-width:480px){.logo h1{font-size:1.2rem}.nav-list{gap:.5rem}.nav-list a{font-size:.9rem}.language-toggle{padding:.5rem 1rem;font-size:.9rem}}.dashboard{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin:2rem 0}.dashboard-tabs{display:flex;border-bottom:2px solid #e0e0e0;background:#f5f5f5;flex-wrap:wrap}.tab-btn{flex:1;padding:1rem;border:none;background:transparent;cursor:pointer;font-weight:600;color:#666;transition:all .3s ease;border-bottom:3px solid transparent;min-width:120px}.tab-btn:hover{background:#e8e8e8;color:#333}.tab-btn.active{color:#667eea;border-bottom-color:#667eea;background:#fff}.dashboard-content{padding:2rem}.tab-content h2{color:#667eea;margin-bottom:1.5rem;font-size:1.8rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:10px;text-align:center;box-shadow:0 4px 6px #667eea33;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #667eea4d}.stat-card h3{margin:0 0 .5rem;font-size:.9rem;opacity:.9}.stat-value{margin:0;font-size:2rem;font-weight:700}.ai-section{display:flex;flex-direction:column;gap:1rem}.ai-input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:5px;font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;transition:border-color .3s ease}.ai-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-send{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;align-self:flex-start}.btn-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.btn-send:disabled{opacity:.6;cursor:not-allowed}.ai-response{background:#f5f5f5;padding:1.5rem;border-radius:5px;border-left:4px solid #667eea}.ai-response h3{color:#667eea;margin-top:0}.ai-response p{margin:0;color:#333;line-height:1.6}.adsense-unit{padding:2rem;text-align:center;background:#f5f5f5;border-top:1px solid #e0e0e0}.ad-space{background:#f0f0f0;padding:2rem;border-radius:5px;text-align:center;color:#999;margin-top:1rem;min-height:250px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.dashboard-tabs{flex-direction:column}.tab-btn{min-width:100%;border-bottom:none;border-right:3px solid transparent}.tab-btn.active{border-right-color:#667eea;border-bottom:none}.dashboard-content{padding:1.5rem}.tab-content h2{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-value{font-size:1.5rem}}@media(max-width:480px){.dashboard{border-radius:5px}.dashboard-content{padding:1rem}.tab-content h2{font-size:1.2rem}.stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1rem}.stat-card h3{font-size:.8rem}.stat-value{font-size:1.3rem}.ai-input{min-height:100px;padding:.75rem}.btn-send{padding:.6rem 1.5rem;font-size:.9rem}}.blog-generator{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:2rem 0}.blog-generator h2{color:#667eea;margin-bottom:1.5rem;font-size:1.8rem}.generator-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:.95rem}.form-input,.form-select{padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:5px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;align-self:flex-start}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.btn-generate:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:1rem;border-radius:5px;border-left:4px solid #c33}.generated-content{background:#f5f5f5;padding:1.5rem;border-radius:5px;border-left:4px solid #667eea}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.content-header h3{margin:0;color:#667eea}.btn-copy{background:#667eea;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.btn-copy:hover{background:#764ba2}.content-text{background:#fff;padding:1.5rem;border-radius:5px;line-height:1.8;color:#333;font-size:1rem;max-height:600px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.blog-generator{padding:1.5rem}.form-row{grid-template-columns:1fr}.content-header{flex-direction:column;gap:1rem;align-items:flex-start}.btn-copy{align-self:flex-start}}@media(max-width:480px){.blog-generator{padding:1rem}.blog-generator h2{font-size:1.3rem}.form-input,.form-select{padding:.6rem .75rem;font-size:.95rem}.btn-generate{padding:.6rem 1.5rem;font-size:.9rem}.content-text{max-height:400px;padding:1rem}}.seo-tools{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.seo-tools h2{color:#667eea;margin-bottom:1.5rem;font-size:1.8rem}.seo-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0;padding-bottom:1rem;overflow-x:auto}.seo-tab{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#999;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative;bottom:-1rem;white-space:nowrap}.seo-tab:hover{color:#667eea}.seo-tab.active{color:#667eea;border-bottom-color:#667eea}.seo-content{margin-top:2rem}.seo-content section{animation:fadeIn .3s ease}.seo-content h3{color:#333;margin-bottom:1.5rem;font-size:1.3rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:5px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:.5rem;color:#999;font-size:.9rem}.btn-analyze,.btn-optimize{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;width:100%;margin-top:1rem}.btn-analyze:hover,.btn-optimize:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.keyword-results{background:#f5f5f5;padding:1.5rem;border-radius:5px;margin-top:1.5rem}.result-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e0e0e0}.result-item:last-child{border-bottom:none}.result-item span{color:#666}.result-item strong{color:#667eea;font-weight:600}.seo-score-section{margin-top:2rem;padding:2rem;background:#f5f5f5;border-radius:10px}.seo-score-section h4{color:#333;margin-bottom:1.5rem;text-align:center}.score-circle{width:150px;height:150px;border-radius:50%;border:6px solid #667eea;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 2rem;background:#fff}.score-value{font-size:2.5rem;font-weight:700;color:#667eea}.score-label{font-size:.9rem;color:#999;margin-top:.5rem}.suggestions-list{margin-top:1.5rem}.suggestions-list h5{color:#333;margin-bottom:1rem;font-size:1.1rem}.suggestions-list ul{list-style:none;padding:0}.suggestions-list li{padding:.75rem 1rem;background:#fff;margin-bottom:.5rem;border-left:4px solid #ff9800;border-radius:3px;color:#333}@media(max-width:768px){.seo-tools{padding:1.5rem}.seo-tools h2{font-size:1.5rem}.seo-tabs{gap:.5rem;padding-bottom:.5rem}.seo-tab{padding:.5rem 1rem;font-size:.9rem;bottom:-.5rem}.score-circle{width:120px;height:120px;border-width:4px}.score-value{font-size:2rem}}@media(max-width:480px){.seo-tools{padding:1rem}.seo-tools h2{font-size:1.2rem}.seo-tabs{gap:.25rem}.seo-tab{padding:.5rem .75rem;font-size:.8rem}.score-circle{width:100px;height:100px;border-width:3px}.score-value{font-size:1.5rem}}.adsense-manager{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem}.adsense-manager h2{color:#667eea;margin-bottom:1.5rem;font-size:1.8rem}.adsense-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0;padding-bottom:1rem;overflow-x:auto}.adsense-tab{background:none;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#999;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative;bottom:-1rem;white-space:nowrap}.adsense-tab:hover{color:#667eea}.adsense-tab.active{color:#667eea;border-bottom-color:#667eea}.adsense-content{margin-top:2rem}.adsense-content section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.adsense-content h3{color:#333;margin-bottom:1.5rem;font-size:1.3rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem;border-radius:10px;text-align:center;box-shadow:0 4px 6px #667eea4d;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h4{font-size:.9rem;opacity:.9;margin-bottom:.75rem}.stat-value{font-size:1.8rem;font-weight:700;margin:0}.stat-value.status-active{color:#4caf50;font-size:1.2rem}.payment-info{background:#f5f5f5;padding:1.5rem;border-radius:10px;margin-top:2rem}.payment-info h4{color:#333;margin-bottom:1rem;font-size:1.1rem}.payment-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{background:#fff;padding:1rem;border-radius:5px;border-left:4px solid #667eea}.detail-item span{display:block;color:#999;font-size:.9rem;margin-bottom:.5rem}.detail-item strong{color:#333;font-size:1.1rem}.add-unit-form{background:#f5f5f5;padding:1.5rem;border-radius:10px;margin-bottom:2rem}.add-unit-form h4{color:#333;margin-bottom:1rem}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-input,.form-select{flex:1;min-width:200px;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:5px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-create{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.ad-units-table{overflow-x:auto;margin-top:1.5rem}.ad-units-table table{width:100%;border-collapse:collapse;background:#fff}.ad-units-table thead{background:#f5f5f5;border-bottom:2px solid #e0e0e0}.ad-units-table th{padding:1rem;text-align:left;font-weight:600;color:#333}.ad-units-table td{padding:1rem;border-bottom:1px solid #e0e0e0;color:#666}.ad-units-table tbody tr:hover{background:#f9f9f9}.btn-delete{background:#f44336;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 8px #f443364d}.no-units{text-align:center;padding:2rem;color:#999;font-size:1.1rem}.coming-soon-message{text-align:center;padding:3rem;color:#999;background:#f5f5f5;border-radius:5px;font-size:1.1rem}@media(max-width:768px){.adsense-manager{padding:1.5rem}.adsense-manager h2{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:1.3rem}.form-row{flex-direction:column}.form-input,.form-select,.btn-create{min-width:100%}.ad-units-table{font-size:.9rem}.ad-units-table th,.ad-units-table td{padding:.75rem}}@media(max-width:480px){.adsense-manager{padding:1rem}.adsense-manager h2{font-size:1.2rem}.stats-grid{grid-template-columns:1fr}.stat-card h4{font-size:.8rem}.stat-value{font-size:1.2rem}.adsense-tabs{gap:.25rem}.adsense-tab{padding:.5rem .75rem;font-size:.8rem}.ad-units-table{font-size:.8rem}.ad-units-table th,.ad-units-table td{padding:.5rem}}