.ai-admin-login{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.ai-admin-login .login-form{background:#fff;border-radius:20px;width:100%;max-width:420px;padding:48px;box-shadow:0 20px 60px #0000004d}.ai-admin-login .login-form h2{text-align:center;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;font-size:28px;display:flex}.ai-admin-login .icon-sparkle{color:#f59e0b}.ai-admin-login .login-subtitle{text-align:center;color:#6b7280;margin-bottom:32px;font-size:14px}.ai-admin-login .login-form h2 span{color:#667eea}.ai-admin-container{max-width:1400px;margin:0 auto;padding:100px 24px 60px}.ai-admin-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:24px;display:flex}.ai-admin-header h1{align-items:center;gap:12px;font-size:28px;display:flex}.ai-admin-header .icon-sparkle{color:#f59e0b}.ai-admin-header h1 span{color:#667eea}.header-actions{gap:12px;display:flex}.ai-admin-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;gap:8px;width:fit-content;margin-bottom:32px;padding:8px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.tab-btn:hover{background:#f3f4f6}.tab-btn.active{color:#fff;background:#667eea}.ai-admin-grid{grid-template-columns:1fr 380px;gap:32px;display:grid}.ai-articles-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-header h2{font-size:18px}.count{color:#6b7280;background:#f3f4f6;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.articles-list{flex-direction:column;gap:16px;display:flex}.article-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.article-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.article-status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.article-title{color:#111827;margin-bottom:8px;font-size:16px;font-weight:700}.article-meta{color:#6b7280;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.article-meta .keyword{color:#667eea;font-weight:600}.article-excerpt{color:#6b7280;margin-bottom:16px;font-size:13px;line-height:1.6}.article-actions{flex-wrap:wrap;gap:8px;display:flex}.ai-sidebar{flex-direction:column;gap:20px;display:flex}.sidebar-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.sidebar-section h3{color:#374151;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.generate-form .form-group{margin-bottom:16px}.generate-form label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.generate-form input,.generate-form select,.generate-form textarea{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.generate-form input:focus,.generate-form select:focus,.generate-form textarea:focus{border-color:#667eea;outline:none}.suggested-topics{flex-direction:column;gap:12px;display:flex}.topic-item{background:#f9fafb;border-radius:8px;padding:12px}.topic-keyword{color:#667eea;margin-bottom:4px;font-size:13px;font-weight:700}.topic-reason{color:#6b7280;margin-bottom:8px;font-size:12px}.keywords-list{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.keyword-category{font-size:12px}.category-name{color:#374151;margin-bottom:6px;font-weight:700}.category-keywords{flex-wrap:wrap;gap:6px;display:flex}.keyword-tag{color:#6b7280;cursor:pointer;background:#f3f4f6;border-radius:20px;padding:4px 10px;font-size:11px;transition:all .2s}.keyword-tag:hover{color:#dc2626;background:#fee2e2}.logs-list{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.log-item{background:#f9fafb;border-radius:6px;justify-content:space-between;padding:8px;font-size:12px;display:flex}.log-action{color:#374151;font-weight:500}.log-date{color:#9ca3af}.schedule-form{background:#f9fafb;border-radius:8px;margin:16px 0;padding:16px}.schedule-form label{color:#374151;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.schedule-inputs{gap:8px;display:flex}.schedule-inputs input{border:1px solid #e5e7eb;border-radius:8px;flex:1;padding:10px;font-size:14px}.btn-full{width:100%}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading,.empty{text-align:center;color:#9ca3af;padding:40px;font-size:14px}.btn-sm{padding:6px 12px;font-size:12px}@media (max-width:1100px){.ai-admin-grid{grid-template-columns:1fr}.ai-sidebar{order:-1}}.image-upload{flex-direction:column;gap:10px;display:flex}.image-upload input[type=file]{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;padding:8px}.image-preview{display:inline-block;position:relative}.image-preview img{object-fit:cover;border-radius:8px;max-width:200px;max-height:150px}.btn-remove-image{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex;position:absolute;top:-8px;right:-8px}.tab-btn-manual{color:#667eea!important;border:1px dashed #667eea!important;font-weight:700!important}.tab-btn-manual.active{color:#fff!important;background:#667eea!important;border:1px solid #667eea!important}.manual-create-page{margin-top:32px}.manual-create-grid{grid-template-columns:1fr 380px;align-items:start;gap:28px;display:grid}.manual-create-main,.manual-create-sidebar{flex-direction:column;gap:20px;display:flex}.manual-section-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px;box-shadow:0 1px 3px #0000000a}.manual-section-card h2{color:#111827;align-items:center;gap:10px;margin-bottom:6px;font-size:20px;font-weight:700;display:flex}.manual-section-card h3{color:#374151;border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:12px;font-size:15px;font-weight:700;display:flex}.manual-subtitle{color:#6b7280;margin-bottom:28px;font-size:14px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.manual-section-card .form-group{margin-bottom:20px}.manual-section-card .form-group label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.manual-section-card .form-group input,.manual-section-card .form-group select,.manual-section-card .form-group textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.manual-section-card .form-group input:focus,.manual-section-card .form-group select:focus,.manual-section-card .form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.manual-section-card textarea{resize:vertical}.char-count{text-align:right;color:#9ca3af;margin-top:6px;font-size:11px;display:block}.uploading-text{color:#667eea;font-size:13px;font-weight:600}.manual-actions-card{flex-direction:column;gap:10px;display:flex}.manual-actions-card .btn{justify-content:center}@media (max-width:1100px){.manual-create-grid{grid-template-columns:1fr}}.editor-toolbar{background:#f3f4f6;border-radius:6px;gap:8px;margin-bottom:8px;padding:6px;display:flex}.btn-tool{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.btn-tool:hover{color:#304ffe;border-color:#304ffe}.badge-cat{color:#304ffe;background:#e8eaf6;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}
.admin-login{background:var(--bg-soft);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{width:100%;max-width:420px;box-shadow:var(--shadow-md);border:1px solid var(--border);background:#fff;border-radius:20px;padding:48px}.login-form h2{text-align:center;letter-spacing:-1px;margin-bottom:32px;font-size:24px}.login-form h2 span{color:var(--primary)}.admin-container{max-width:1300px;margin:0 auto;padding:120px 5% 60px}.admin-header{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.admin-header h1{letter-spacing:-1px;font-size:32px}.admin-header h1 span{color:var(--primary)}.admin-tabs{border:1px solid var(--border);background:#fff;border-radius:12px;gap:8px;width:fit-content;margin-bottom:32px;padding:6px;display:flex}.admin-tabs button{color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:700}.admin-tabs button.active{background:var(--primary);color:#fff}.admin-grid{grid-template-columns:1fr 450px;align-items:start;gap:40px;display:grid}.posts-list{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:32px}.posts-items{flex-direction:column;gap:16px;display:flex}.post-item{border:1px solid var(--border);transition:var(--transition);background:#fdfdfd;border-radius:12px;gap:20px;padding:16px;display:flex}.post-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);background:#fff}.post-item img{object-fit:cover;background:var(--bg-soft);border-radius:8px;width:90px;height:90px}.post-info{flex-direction:column;flex:1;justify-content:center;display:flex}.post-title{color:#000;margin-bottom:4px;font-size:16px;font-weight:700}.post-meta{color:var(--text-dim);margin-bottom:12px;font-size:12px}.post-actions{gap:20px;display:flex}.post-actions button{color:var(--primary);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.post-actions button.delete{color:var(--danger)}.editor-panel{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;padding:32px;position:sticky;top:110px}.editor-panel h2{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:16px;font-size:20px}.image-upload{margin-bottom:24px}.image-upload label{color:var(--text-main);text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.upload-area{border:2px dashed var(--border);background:var(--bg-soft);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:200px;padding:20px;transition:all .3s;display:flex;position:relative;overflow:hidden}.upload-area:hover{border-color:var(--primary);background:#fff}.upload-area img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.upload-area span{color:var(--text-dim);font-size:13px;font-weight:600}.upload-area input[type=file]{opacity:0;cursor:pointer;z-index:2;position:absolute;inset:0}.remove-img{border:1px solid var(--danger);width:100%;color:var(--danger);cursor:pointer;background:#fff;border-radius:8px;margin-top:12px;padding:10px;font-size:12px;font-weight:700;transition:all .2s}.remove-img:hover{background:var(--danger);color:#fff}.form-group{margin-bottom:24px}.form-group label{color:var(--text-main);text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);width:100%;color:var(--text-main);background:#fff;border-radius:10px;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.rich-editor{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.rich-editor.focused{border-color:var(--primary)}.editor-toolbar{border-bottom:1px solid var(--border);background:#f8f9fa;gap:8px;padding:12px;display:flex}.editor-toolbar button{color:var(--text-main);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.editor-toolbar button:hover{border-color:var(--primary);color:var(--primary)}.editor-content{outline:none;min-height:250px;padding:20px;font-size:15px;line-height:1.8}.editor-content:empty:before{content:attr(data-placeholder);color:var(--text-dim)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;background:#0009;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border);background:#fff;border-radius:20px;width:100%;max-width:800px;max-height:90vh;padding:40px;overflow-y:auto;box-shadow:0 40px 100px #0003}.modal-actions{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:16px;padding-top:24px;display:grid}.toast{z-index:10000;border:1px solid var(--border);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;font-weight:700;animation:.3s slideInRight;display:flex;position:fixed;bottom:40px;right:40px;box-shadow:0 20px 50px #0000001a}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:1000px){.admin-grid{grid-template-columns:1fr}.editor-panel{position:static}}
