@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--primary: #10b981;--primary-light: #34d399;--primary-dark: #059669;--primary-glow: rgba(16, 185, 129, .15);--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #141414;--bg-card-hover: #1c1c1c;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--border: #27272a;--border-light: #3f3f46;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--gradient-bg: linear-gradient(135deg, #0a0a0a 0%, #111827 50%, #0a0a0a 100%);--gradient-card: linear-gradient(145deg, #1a1a1a 0%, #141414 100%);--gradient-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-glow: radial-gradient(ellipse at center, rgba(16, 185, 129, .08) 0%, transparent 70%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(16, 185, 129, .2);--font-primary: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Poppins", sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .875rem;--space-4: 1.125rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 2.5rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--gradient-bg);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.app:before{content:"";position:fixed;inset:0;background:var(--gradient-glow);pointer-events:none;z-index:0}.header{background:#0a0a0acc;border-bottom:1px solid var(--border);padding:var(--space-3) var(--space-6);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;cursor:pointer}.logo-icon{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--bg-primary)}.logo-icon svg{width:18px;height:18px}.logo-text{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.logo-text span{color:var(--primary)}.nav-links{display:flex;gap:var(--space-4)}.nav-link{text-decoration:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color var(--transition-fast);cursor:pointer;display:flex;align-items:center;gap:var(--space-1)}.nav-link:hover,.nav-link.active{color:var(--primary)}.user-menu{position:relative}.user-menu-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.user-menu-btn:hover{background:var(--bg-tertiary);border-color:var(--primary)}.user-menu-btn svg{width:16px;height:16px}.user-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-2);background:var(--bg-primary)!important;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:280px;width:280px;z-index:1000;padding:0}.user-dropdown .user-info,.user-dropdown .user-menu-section,.user-dropdown .user-menu-actions{display:block!important;width:100%!important;flex:none!important}.user-info{padding:var(--space-4);border-bottom:1px solid var(--border)}.user-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.user-email{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-2)}.user-role{margin-bottom:var(--space-3)}.role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.role-admin{background:var(--primary-glow);color:var(--primary);border:1px solid rgba(16,185,129,.3)}.role-staff{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.role-user{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.user-organization{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-secondary)}.user-organization svg{opacity:.6}.user-logout-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2);width:fit-content;background:var(--bg-tertiary);color:var(--error)}.user-logout-btn:hover{background:#ef44441a;border-color:var(--error)}.user-logout-btn svg{width:12px;height:12px}.user-menu-section{padding:var(--space-4)}.section-divider{height:1px;background:var(--border);margin-bottom:var(--space-3)}.section-header{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3)}.section-header svg{color:var(--primary)}.wordpress-status{display:flex;flex-direction:column;gap:var(--space-2)}.wordpress-status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.wordpress-status-info{display:flex;align-items:center;gap:var(--space-2)}.wordpress-status-text{font-size:.875rem;font-weight:500}.wordpress-site{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-primary);font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.connected{background-color:var(--primary);box-shadow:0 0 6px #10b98166}.status-dot.disconnected{background-color:var(--text-muted)}.wordpress-user{font-size:.8rem;color:var(--text-secondary);margin-left:18px}.wordpress-action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2);width:fit-content}.wordpress-action-btn.connect{background:var(--gradient-primary);color:var(--bg-primary);border-color:var(--primary)}.wordpress-action-btn.connect:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.wordpress-action-btn.disconnect{background:var(--bg-tertiary);color:var(--error);border-color:#ef44444d}.wordpress-action-btn.disconnect:hover{background:#ef44441a;border-color:var(--error)}.wordpress-action-btn svg{width:12px;height:12px}.user-menu-actions{padding:var(--space-2) var(--space-4);border-top:1px solid var(--border)}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:var(--space-6);position:relative;z-index:1}.hero{text-align:center;padding:var(--space-8) 0 var(--space-6)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--primary-glow);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-full);color:var(--primary);font-size:.875rem;font-weight:500;margin-bottom:var(--space-5)}.hero-badge svg{width:14px;height:14px}.hero-title{font-family:var(--font-display);font-size:2.75rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:var(--space-3)}.hero-title span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);max-width:540px;margin:0 auto var(--space-6)}.input-section{max-width:580px;margin:0 auto}.input-wrapper{display:flex;gap:var(--space-2);padding:var(--space-2);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-wrapper:focus-within{border-color:var(--primary);box-shadow:var(--shadow-glow)}.keyword-input{flex:1;padding:var(--space-3) var(--space-4);border:none;outline:none;font-size:1rem;font-family:var(--font-primary);color:var(--text-primary);background:transparent}.keyword-input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:6px 14px;font-family:var(--font-primary);font-size:.8rem;font-weight:500;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;min-height:32px}.btn svg{width:16px;height:16px}.btn-primary{background:var(--gradient-primary);color:var(--bg-primary)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--space-1) var(--space-2)}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:.75rem}.btn-xs{padding:2px var(--space-1);font-size:.7rem}.btn-lg{padding:var(--space-3) var(--space-4);font-size:.9rem}.features{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}.feature-pill{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.8rem;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.feature-pill:hover{border-color:#10b9814d;color:var(--primary-light)}.feature-pill svg{width:14px;height:14px;color:var(--primary)}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;transition:all var(--transition-normal)}.card:hover{border-color:var(--border-light)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.card-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-primary)}.card-body{padding:var(--space-5)}.progress-section{max-width:540px;margin:var(--space-8) auto}.progress-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;text-align:center;margin-bottom:var(--space-6);color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.progress-title svg{width:22px;height:22px;color:var(--primary)}.progress-steps{display:flex;flex-direction:column;gap:var(--space-3)}.progress-step{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--transition-normal)}.progress-step.active{border-color:var(--primary);background:var(--primary-glow)}.progress-step.completed{border-color:var(--success);background:#10b9810d}.step-icon{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-muted);flex-shrink:0}.step-icon svg{width:18px;height:18px}.progress-step.active .step-icon{background:var(--gradient-primary);color:var(--bg-primary);animation:pulse 1.5s infinite}.progress-step.completed .step-icon{background:var(--success);color:var(--bg-primary)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.step-content{flex:1;min-width:0}.step-title{font-size:.95rem;font-weight:500;color:var(--text-primary)}.step-subtitle{font-size:.85rem;color:var(--text-muted)}.step-spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.step-check{color:var(--success)}.step-check svg{width:20px;height:20px}.result-section{margin-top:var(--space-6)}.result-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4)}.result-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);line-height:1.3}.result-meta{font-size:.9rem;color:var(--text-muted);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.result-meta svg{width:14px;height:14px}.result-actions{display:flex;gap:var(--space-3);flex-shrink:0}.seo-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.seo-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border)}.seo-card.full-width{grid-column:span 2}.seo-card-icon{width:32px;height:32px;background:var(--primary-glow);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.seo-card-content{flex:1;min-width:0}.seo-card-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px}.seo-card-value{font-size:.9rem;font-weight:500;color:var(--text-primary);word-break:break-word}.token-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.token-header{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.token-header svg{color:var(--primary)}.token-cost{margin-left:auto;background:var(--primary-glow);color:var(--primary);padding:4px 10px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.token-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.token-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.token-item-icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff}.token-item-icon.research{background:#3b82f6}.token-item-icon.trends{background:#8b5cf6}.token-item-icon.seo{background:#f59e0b}.token-item-icon.writing{background:#10b981}.token-item-info{display:flex;flex-direction:column}.token-item-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.token-item-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.token-total{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--border);font-size:.85rem;color:var(--text-secondary)}.token-total-value{font-size:1.1rem;font-weight:700;color:var(--primary)}.humanization-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.humanization-header{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.humanization-header svg{color:var(--primary)}.analysis-description{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-4);line-height:1.5}.humanization-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.score-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md)}.score-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--primary-glow);color:var(--primary)}.score-card.ai .score-icon{background:#ef444426;color:var(--error)}.score-info{flex:1}.score-label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.score-bar-container{width:100%;height:6px;background:var(--border);border-radius:var(--radius-full);margin-bottom:6px;overflow:hidden}.score-bar{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.score-value{font-size:1.25rem;font-weight:700}.flagged-section{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.flagged-header{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;font-weight:600;color:var(--error);margin-bottom:var(--space-3)}.flagged-list{list-style:none;padding:0;margin:0}.flagged-item{font-size:.85rem;color:var(--text-secondary);padding:var(--space-2) 0;border-bottom:1px solid rgba(239,68,68,.1);line-height:1.4}.flagged-item:last-child{border-bottom:none}.humanization-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.humanization-tokens{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:var(--text-muted);padding-top:var(--space-3);border-top:1px solid var(--border)}.token-cost-small{margin-left:auto;color:var(--primary);font-weight:500}.seo-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.seo-item{padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border)}.seo-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.seo-label svg{width:12px;height:12px}.seo-value{font-size:.95rem;font-weight:500;color:var(--text-primary);word-break:break-word}.seo-panel{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(16,185,129,.02) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5);position:relative;overflow:hidden}.seo-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary)}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-icon{width:56px;height:56px;background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.auth-icon svg{width:28px;height:28px}.auth-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.auth-subtitle{font-size:.95rem;color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input-wrapper svg{position:absolute;left:var(--space-4);width:18px;height:18px;color:var(--text-muted);transition:color var(--transition-fast)}.form-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4) var(--space-3) 2.75rem;color:var(--text-primary);font-family:var(--font-primary);font-size:.95rem;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);background:var(--bg-tertiary);box-shadow:0 0 0 4px var(--primary-glow)}.form-input:focus+svg{color:var(--primary)}.auth-button{background:var(--gradient-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);padding:var(--space-3);font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3);color:var(--error);font-size:.85rem}.error-message svg{width:18px;height:18px;flex-shrink:0}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:.9rem;color:var(--text-secondary)}.auth-link{color:var(--primary);text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}.input-section{padding:var(--space-6);position:relative}.input-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.input-group{margin-bottom:var(--space-5)}.input-label{display:block;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3)}.keyword-input-wrapper{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:3px;transition:all var(--transition-fast)}.keyword-input-wrapper:focus-within{border-color:var(--primary);box-shadow:var(--shadow-glow)}.search-icon{margin-left:var(--space-3);color:var(--text-muted)}.keyword-input{flex:1;background:transparent;border:none;padding:var(--space-3);color:var(--text-primary);font-size:.95rem;outline:none;min-width:0}.persona-select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-3);height:38px;margin:0 var(--space-2);font-size:.85rem;outline:none;cursor:pointer;flex-shrink:0}.generate-btn{padding:0 var(--space-5);height:38px;background:var(--gradient-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;flex-shrink:0}.generate-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.persona-select-full{width:100%;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0 var(--space-3);height:48px;font-size:.95rem;font-family:var(--font-primary);outline:none;cursor:pointer;transition:border-color var(--transition-fast);appearance:auto}.persona-select-full:focus{border-color:var(--primary);box-shadow:var(--shadow-glow)}.persona-select-full:disabled{opacity:.5;cursor:not-allowed}.generate-now-btn{width:100%;height:48px;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}.status-bar{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted)}.status-connected{color:var(--success);font-weight:600;margin-left:6px}.status-disconnected{color:var(--error);margin-left:6px}.connect-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem}.connect-btn:hover{background:var(--bg-card-hover);border-color:var(--primary)}.spinning{animation:spin 1s linear infinite}.seo-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--success),var(--primary));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.seo-header{display:flex;align-items:center;gap:var(--space-3);font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-5);position:relative;z-index:1}.seo-header svg{color:var(--primary);width:20px;height:20px}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);position:relative;z-index:1}@media(max-width:768px){.seo-panel{padding:var(--space-4);margin-bottom:var(--space-4)}.seo-header{font-size:.9rem;margin-bottom:var(--space-4)}.seo-grid{grid-template-columns:1fr;gap:var(--space-3)}.seo-item{padding:var(--space-3)}.seo-item-header{gap:var(--space-2)}.seo-item-icon{width:20px;height:20px;font-size:.7rem}.seo-label{font-size:.7rem}.seo-value{font-size:.85rem}}@media(max-width:480px){.seo-panel{padding:var(--space-3)}.seo-header{font-size:.85rem;gap:var(--space-2)}.seo-item{padding:var(--space-3);gap:var(--space-2)}.seo-value{font-size:.8rem;line-height:1.3}}.seo-item{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition-fast);position:relative;overflow:hidden}.seo-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--primary);opacity:0;transition:opacity var(--transition-fast)}.seo-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#10b98133}.seo-item:hover:before{opacity:1}.seo-item-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.seo-item-icon{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0}.seo-item-icon.title{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.seo-item-icon.description{background:linear-gradient(135deg,#10b981,#059669)}.seo-item-icon.slug{background:linear-gradient(135deg,#f59e0b,#d97706)}.seo-item-icon.keyword{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.seo-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0}.seo-value{font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.4;word-break:break-word;margin:0}.seo-keywords{display:flex;flex-wrap:wrap;gap:var(--space-2)}.keyword-tag{background:linear-gradient(135deg,var(--primary-glow),rgba(16,185,129,.1));color:var(--primary);padding:4px var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;border:1px solid rgba(16,185,129,.2);transition:all var(--transition-fast)}.keyword-tag:hover{transform:scale(1.05);box-shadow:0 2px 8px #10b98133}.table-of-contents{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--space-5);overflow:hidden}.toc-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--gradient-primary);color:#fff;font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}.toc-nav{padding:var(--space-4) var(--space-6)}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:var(--space-2)}.toc-item.toc-level-1{font-weight:600;font-size:var(--text-base)}.toc-item.toc-level-2{margin-left:var(--space-4);font-size:var(--text-sm)}.toc-item.toc-level-3{margin-left:var(--space-8);font-size:var(--text-sm);color:var(--text-secondary)}.toc-link{color:var(--text-primary);text-decoration:none;transition:color .2s ease;display:block;padding:var(--space-1) 0}.toc-link:hover{color:var(--primary)}.table-of-contents a{color:var(--primary)!important;text-decoration:none;transition:color .2s ease}.table-of-contents a:hover{color:var(--primary-light)!important}.blog-content{padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);margin-bottom:var(--space-5);overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.blog-content *{max-width:100%;box-sizing:border-box}.blog-content h1{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-5)}.blog-content h2{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--text-primary);margin:var(--space-6) 0 var(--space-4)}.blog-content h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin:var(--space-5) 0 var(--space-3)}.blog-content p{margin-bottom:var(--space-4);color:var(--text-secondary);font-size:1rem;line-height:1.75}.blog-content ul,.blog-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.blog-content li{margin-bottom:var(--space-2);color:var(--text-secondary);font-size:1rem}.blog-content code{background:var(--bg-tertiary);padding:3px 8px;border-radius:var(--radius-sm);font-size:.9rem;color:var(--primary)}.blog-content pre{background:var(--bg-secondary);color:var(--text-secondary);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--space-4);font-size:.9rem}.blog-content blockquote{border-left:3px solid var(--primary);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--text-muted);font-style:italic;font-size:1rem}.blog-content table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;table-layout:auto}.blog-content th,.blog-content td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border);border-right:1px solid var(--border);word-wrap:break-word;overflow-wrap:break-word;white-space:normal;vertical-align:top}.blog-content th:last-child,.blog-content td:last-child{border-right:none}.blog-content th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);position:sticky;top:0;z-index:1}.blog-content td{color:var(--text-secondary)}.blog-content tr:hover{background:var(--bg-tertiary)}.blog-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-4) 0;display:block}.blog-content a{color:var(--primary)!important;text-decoration:none;transition:color .2s ease}.blog-content a:hover{color:var(--primary-light)!important;text-decoration:underline}.images-section{margin-top:var(--space-5)}.images-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.images-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.images-title svg{width:20px;height:20px;color:var(--primary)}.images-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.image-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-card)}.image-card img{width:100%;height:auto;display:block}.image-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3);background:linear-gradient(transparent,#000c);display:flex;justify-content:flex-end;gap:var(--space-2);opacity:0;transition:opacity var(--transition-fast)}.image-card:hover .image-overlay{opacity:1}.image-btn{width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--text-primary)}.image-btn:hover{background:var(--primary);color:var(--bg-primary);border-color:var(--primary)}.image-btn svg{width:16px;height:16px}.section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.section-title svg{width:20px;height:20px;color:var(--primary)}.recent-blogs-section{margin-top:var(--space-8);margin-bottom:var(--space-8)}.recent-blogs-section .section-title{margin-bottom:var(--space-4)}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5)}.docs-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);position:relative}.docs-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.docs-delete-btn{position:absolute;top:8px;right:8px;z-index:10;background:#ef4444e6;border:none;border-radius:var(--radius-md);padding:6px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:all var(--transition-fast)}.docs-card:hover .docs-delete-btn{opacity:1}.docs-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.docs-preview{height:140px;background:linear-gradient(145deg,#1a1a1a,#141414);display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--border)}.docs-preview-content{display:flex;align-items:center;justify-content:center}.docs-preview-icon{color:var(--text-muted);opacity:.5}.docs-card:hover .docs-preview-icon{color:var(--primary);opacity:1}.docs-score-badge{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600}.docs-score-badge.score-high{background:#10b98126;color:var(--success)}.docs-score-badge.score-medium{background:#f59e0b26;color:var(--warning)}.docs-score-badge.score-low{background:#ef444426;color:var(--error)}.skeleton-card{pointer-events:none}.skeleton-preview{background:var(--bg-tertiary);overflow:hidden}.skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-title{height:16px;width:80%;background:var(--border);border-radius:4px;margin-bottom:10px}.skeleton-excerpt{height:12px;width:100%;background:var(--border);border-radius:4px;margin-bottom:12px}.skeleton-meta{height:20px;width:60%;background:var(--border);border-radius:4px}.docs-info{padding:var(--space-4)}.docs-title{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docs-excerpt{font-size:.8rem;color:var(--text-muted);line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.docs-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem}.docs-meta-item{display:flex;align-items:center;gap:4px;color:var(--text-muted);background:var(--bg-tertiary);padding:3px 8px;border-radius:var(--radius-sm)}.docs-meta-item.tokens{color:var(--primary)}.docs-meta-item svg{width:12px;height:12px}.blog-list{display:flex;flex-direction:column;gap:var(--space-3)}.blog-list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.blog-list-item:hover{border-color:var(--primary);background:var(--bg-card-hover)}.blog-list-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-list-icon svg{width:20px;height:20px;color:var(--primary)}.blog-list-info{flex:1;min-width:0}.blog-list-title{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-list-meta{font-size:.85rem;color:var(--text-muted);display:flex;gap:var(--space-4)}.blog-list-meta span{display:flex;align-items:center;gap:6px}.blog-list-meta svg{width:12px;height:12px}.blog-list-arrow{color:var(--text-muted);transition:color var(--transition-fast)}.blog-list-arrow svg{width:18px;height:18px}.blog-list-item:hover .blog-list-arrow{color:var(--primary)}.empty-state{text-align:center;padding:var(--space-8) var(--space-5)}.empty-icon{width:64px;height:64px;background:var(--bg-tertiary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5)}.empty-icon svg{width:28px;height:28px;color:var(--text-muted)}.empty-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-text{font-size:.95rem;color:var(--text-muted)}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.toast{position:fixed;bottom:var(--space-5);right:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-3);z-index:9999;animation:slideIn .3s ease;font-size:.95rem;min-width:300px;max-width:500px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-color:var(--success)}.toast-success svg{color:var(--success)}.toast-error{border-color:var(--error)}.toast-error svg{color:var(--error)}.toast svg{width:18px;height:18px}.error-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.error-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.error-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--border)}.error-modal-header h3{margin:0;color:var(--error);font-size:1.25rem}.error-modal-header button{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.error-modal-header button:hover{background:var(--bg-secondary);color:var(--text-primary)}.error-modal-body{padding:var(--space-5)}.error-modal-body p{margin:0 0 var(--space-4) 0;color:var(--text-primary)}.error-modal-body details{margin-top:var(--space-4)}.error-modal-body summary{cursor:pointer;color:var(--primary);font-weight:500}.error-modal-body pre{background:var(--bg-secondary);padding:var(--space-3);border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-secondary);overflow-x:auto;margin-top:var(--space-2)}.error-modal-footer{padding:var(--space-5);border-top:1px solid var(--border);display:flex;justify-content:flex-end}.error-modal-footer button{background:var(--primary);color:var(--bg-primary);border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-weight:500}.error-modal-footer button:hover{background:var(--primary-dark)}.text-center{text-align:center}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.spin{animation:spin .8s linear infinite}@media(max-width:768px){html{font-size:15px}.header-content{gap:var(--space-3)}.logo-text{font-size:1.1rem}.nav-links{gap:var(--space-2)}.nav-link{font-size:.85rem}.hero{padding:var(--space-6) 0 var(--space-4)}.hero-title{font-size:2rem}.hero-subtitle{font-size:.9rem}.input-wrapper{flex-direction:column;gap:var(--space-3)}.keyword-input{padding:var(--space-3) var(--space-4)}.main-content{padding:var(--space-4)}.progress-title{font-size:1.1rem}.progress-steps{gap:var(--space-2)}.progress-step{padding:var(--space-3);gap:var(--space-3)}.step-title{font-size:.9rem}.result-section{margin-top:var(--space-4)}.result-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.result-title{font-size:1.3rem}.result-actions{width:100%}.result-actions .btn{flex:1;justify-content:center}.token-panel{padding:var(--space-4)}.token-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.token-item{padding:var(--space-2);gap:var(--space-2)}.token-item-icon{width:24px;height:24px}.humanization-panel{padding:var(--space-4)}.humanization-scores{grid-template-columns:1fr;gap:var(--space-3)}.score-card{padding:var(--space-3)}.humanization-actions{flex-direction:column;gap:var(--space-2)}.humanization-actions .btn{width:100%}.features{flex-wrap:wrap;gap:var(--space-2)}.feature-pill{font-size:.8rem}.recent-blogs-section{margin-top:var(--space-6);margin-bottom:var(--space-6)}.recent-blogs-section .section-title{margin-bottom:var(--space-3);font-size:1.1rem}.docs-card{border-radius:var(--radius-md)}.docs-preview{height:120px}.blog-list-title{font-size:.9rem}.blog-list-meta{flex-wrap:wrap;gap:var(--space-2)}.blog-list-actions{gap:var(--space-2)}.blog-list-actions .btn{padding:var(--space-2) var(--space-3);font-size:.8rem}.empty-state{padding:var(--space-6) var(--space-4);text-align:center}.empty-icon svg{width:48px;height:48px}.empty-title{font-size:1.2rem}.empty-text{font-size:.9rem}}@media(max-width:480px){html{font-size:14px}.nav-links{gap:var(--space-1)}.nav-link{font-size:.8rem;padding:var(--space-1) var(--space-2)}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.85rem}.progress-title{font-size:1rem}.step-content{min-width:0}.result-title{font-size:1.2rem}.result-meta{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.token-grid{grid-template-columns:1fr}.token-item{flex-direction:column;text-align:center;gap:var(--space-2)}.token-item-info{align-items:center}.score-card{flex-direction:column;text-align:center;gap:var(--space-2)}.score-info{align-items:center}.recent-blogs-section{margin-top:var(--space-4);margin-bottom:var(--space-4)}.recent-blogs-section .section-title{margin-bottom:var(--space-2);font-size:1rem}.docs-card{border-radius:var(--radius-md)}.docs-preview{height:100px}.blog-list-title{font-size:.85rem}.blog-list-meta{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.blog-list-actions{flex-direction:column;gap:var(--space-2)}.blog-list-actions .btn{width:100%;padding:var(--space-2) var(--space-3);font-size:.8rem}.empty-state{padding:var(--space-4) var(--space-2)}.empty-icon svg{width:40px;height:40px}.empty-title{font-size:1rem}.empty-text{font-size:.85rem}}.wordpress-card{margin-top:var(--space-8);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.wordpress-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.wordpress-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.wordpress-logo-title{display:flex;align-items:center;gap:var(--space-3)}.wordpress-logo{width:24px;height:24px;color:var(--primary);flex-shrink:0}.wordpress-w-logo{width:24px;height:24px;background:var(--primary);color:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.wordpress-logo-small{width:14px;height:14px;color:currentColor;flex-shrink:0;margin-right:var(--space-2)}.wordpress-w-logo-small{width:14px;height:14px;background:currentColor;color:#fff;border-radius:2px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;flex-shrink:0;margin-right:var(--space-2)}.wordpress-card-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.wordpress-status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:.75rem;font-weight:600;color:var(--success);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-full)}.wordpress-status-badge svg{width:12px;height:12px}.wordpress-card-body{padding:var(--space-5)}.wordpress-card-text{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.5}.wordpress-card-text strong{color:var(--text-primary);font-weight:600}.wordpress-card-actions{display:flex;gap:var(--space-3)}.wordpress-card-compact{margin-top:var(--space-4);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:all var(--transition-normal)}.wordpress-card-compact:hover{border-color:var(--border-light);box-shadow:var(--shadow-sm)}.wordpress-compact-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.wordpress-compact-logo{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.wordpress-compact-text{font-size:.875rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wordpress-compact-actions{display:flex;gap:var(--space-2);flex-shrink:0}.wordpress-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap}.wordpress-buttons .btn{flex:1;min-width:100px;padding:var(--space-2) var(--space-3);font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.schedule-picker{margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:var(--space-3);align-items:center}.schedule-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.schedule-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:700px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.schedule-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.schedule-modal-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3)}.schedule-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.schedule-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.schedule-modal-body{padding:var(--space-3)}.schedule-form-group{margin-bottom:var(--space-3);text-align:center}.schedule-form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);text-align:center}.schedule-form-group input,.schedule-form-group select{margin:0 auto;display:block}.schedule-form-row{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.schedule-form-row .schedule-form-group{flex:1}.schedule-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.schedule-datetime-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.schedule-datetime-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.schedule-help-text{font-size:.75rem;color:var(--text-secondary);margin-top:var(--space-2);line-height:1.4}.schedule-modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.wordpress-error-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wordpress-error-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:450px;max-height:90vh;overflow-y:auto}.wordpress-error-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.wordpress-error-modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3)}.wordpress-error-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.wordpress-error-modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.wordpress-error-modal-body{padding:var(--space-6);text-align:center}.wordpress-error-icon{color:var(--error);margin-bottom:var(--space-4)}.wordpress-error-message{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.wordpress-error-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.5}.wordpress-error-modal-actions{display:flex;gap:var(--space-3);justify-content:center}.datetime-picker{margin-top:var(--space-4)}.datetime-display{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.datetime-section{flex:1}.datetime-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.datetime-value{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast)}.datetime-value:hover{border-color:var(--primary);background:var(--bg-tertiary)}.datetime-value:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.calendar-picker{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.calendar-nav{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.calendar-nav:hover{background:var(--bg-tertiary);color:var(--text-primary)}.calendar-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1)}.calendar-weekday{padding:var(--space-2);text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.calendar-day{padding:var(--space-2);border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:32px}.calendar-day:hover:not(.disabled){background:var(--bg-tertiary)}.calendar-day.selected{background:var(--primary);color:#fff}.calendar-day.disabled{color:var(--text-muted);cursor:not-allowed}.time-picker{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.time-display{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.time-text{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--text-primary)}.ampm-toggle{padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;transition:all var(--transition-fast)}.ampm-toggle.am{background:var(--primary);color:#fff;border-color:var(--primary)}.ampm-toggle:hover{border-color:var(--primary)}.time-selector{display:flex;gap:var(--space-4)}.time-section{flex:1}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.time-grid.minutes{grid-template-columns:repeat(4,1fr)}.time-button{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:36px}.time-button:hover{border-color:var(--primary);background:var(--bg-tertiary)}.time-button.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.schedule-input{flex:1;padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-primary)}.schedule-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.schedule-checkbox{margin-right:var(--space-2)}.checkbox-label{display:flex;align-items:center;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer}.toggle-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.toggle-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:24px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--text-secondary);border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary);border-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{background-color:#fff;transform:translate(20px)}.schedule-datetime-container{display:flex;gap:var(--space-4);align-items:flex-start;justify-content:center;margin:0 auto;max-width:fit-content}.schedule-date-block,.schedule-time-block{flex:1}.block-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.time-inputs-row{display:flex;align-items:center;gap:var(--space-2)}.time-separator{color:var(--text-secondary);font-weight:600}.time-hour-input,.time-minute-input{width:3rem;text-align:center}.time-ampm-select{width:4rem}.wordpress-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wordpress-modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:32rem;width:90vw;max-height:90vh;overflow-y:auto;border:1px solid var(--border)}.wordpress-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.wordpress-modal-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.wordpress-modal-title-container{display:flex;align-items:center;gap:var(--space-3)}.wordpress-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast)}.wordpress-modal-close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.wordpress-modal-form{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.wordpress-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.wordpress-form-group-full{grid-column:1 / -1}.wordpress-form-input{padding:var(--space-3) var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-family:var(--font-primary);transition:all var(--transition-fast)}.wordpress-form-help{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-1)}.wordpress-error-message{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--error);font-size:.875rem;grid-column:1 / -1}.wordpress-help-compact{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:#3b82f60d;border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-secondary);grid-column:1 / -1}.wordpress-help-compact svg{color:var(--info);margin-top:var(--space-1);flex-shrink:0}.wordpress-help-steps{margin-top:var(--space-1);color:var(--text-muted);font-size:.75rem}.wordpress-modal-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-2)}.wordpress-modal-actions .btn{padding:var(--space-2) var(--space-4);font-size:.875rem;min-width:100px}.wordpress-connect-btn{min-width:120px}.wordpress-connect-btn svg{animation:spin 1s linear infinite}@media(max-width:640px){.wordpress-modal{width:95vw;margin:var(--space-4)}.wordpress-modal-header{padding:var(--space-4) var(--space-5)}.wordpress-modal-form{padding:var(--space-5);gap:var(--space-4)}.wordpress-form-grid{grid-template-columns:1fr;gap:var(--space-3)}.wordpress-form-group-full{grid-column:1}.wordpress-modal-actions{flex-direction:column}.wordpress-modal-actions .btn{width:100%}}.wordpress-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.wordpress-modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:28rem;width:100%;margin:0 var(--space-4);border:1px solid var(--border)}.wordpress-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border)}.wordpress-modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.wordpress-modal-close{color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:color var(--transition-fast)}.wordpress-modal-close:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.wordpress-modal-form{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.wordpress-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.wordpress-form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.wordpress-form-input{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-family:var(--font-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.wordpress-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.wordpress-form-input-mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace}.wordpress-form-help{font-size:.75rem;color:var(--text-muted);margin:0}.wordpress-error-message{display:flex;align-items:center;gap:var(--space-2);color:var(--error);background:#ef44441a;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.2);font-size:.875rem}.wordpress-error-message svg{flex-shrink:0}.wordpress-help-section{background:#3b82f60d;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(59,130,246,.1)}.wordpress-help-content{display:flex;align-items:flex-start;gap:var(--space-3)}.wordpress-help-content svg{color:var(--info);margin-top:var(--space-1);flex-shrink:0}.wordpress-help-title{font-weight:600;color:var(--info);margin-bottom:var(--space-2);margin:0 0 var(--space-2) 0}.wordpress-help-list{list-style-type:decimal;list-style-position:inside;display:flex;flex-direction:column;gap:var(--space-1);font-size:.75rem;color:var(--text-secondary);margin:0;padding:0}.wordpress-modal-actions{display:flex;gap:var(--space-3);padding-top:var(--space-4)}.wordpress-modal-actions .btn{flex:1;justify-content:center}.wordpress-connect-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}@media(max-width:768px){.wordpress-card{margin-top:var(--space-6)}.wordpress-card-header{padding:var(--space-3) var(--space-4)}.wordpress-card-title{font-size:1rem}.wordpress-card-body{padding:var(--space-4)}.wordpress-card-actions{flex-direction:column;gap:var(--space-2)}.wordpress-card-actions .btn{width:100%}.wordpress-modal{margin:0 var(--space-2);max-width:none}.wordpress-modal-header{padding:var(--space-4)}.wordpress-modal-form{padding:var(--space-4);gap:var(--space-3)}.wordpress-modal-actions{flex-direction:column;gap:var(--space-2)}.wordpress-modal-actions .btn{width:100%}.wordpress-buttons{flex-direction:column;gap:var(--space-2)}.wordpress-buttons .btn{width:100%;min-width:auto}}.datetime-picker-compact{background:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.datetime-tabs-compact{display:flex;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.datetime-tab-compact{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;color:var(--text-secondary);position:relative}.datetime-tab-compact:hover{background:var(--bg-primary);color:var(--text-primary)}.datetime-tab-compact.active{background:var(--bg-primary);color:var(--primary);font-weight:600}.datetime-tab-compact.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary)}.datetime-content-compact{padding:var(--space-3)}.calendar-compact{width:100%}.calendar-header-compact{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding:0 var(--space-1)}.calendar-nav-compact{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.calendar-nav-compact:hover{background:var(--bg-tertiary);color:var(--text-primary)}.calendar-title-compact{font-size:.875rem;font-weight:600;color:var(--text-primary)}.calendar-grid-compact{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-weekday-compact{padding:var(--space-2);text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.calendar-day-compact{padding:var(--space-2);border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:32px}.calendar-day-compact:hover:not(.disabled){background:var(--bg-tertiary)}.calendar-day-compact.selected{background:var(--primary);color:#fff;font-weight:600}.calendar-day-compact.disabled{color:var(--text-muted);cursor:not-allowed}.time-picker-compact{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.time-display-compact{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border)}.time-digital-compact{display:flex;align-items:baseline;gap:var(--space-1)}.time-hour-compact,.time-minute-compact{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1}.time-separator-compact{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin:0 var(--space-1)}.ampm-dropdown-compact{position:relative}.ampm-toggle-compact{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:600;transition:all var(--transition-fast);text-transform:uppercase}.ampm-toggle-compact:hover{border-color:var(--primary);background:var(--bg-tertiary)}.ampm-options-compact{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);z-index:10;margin-top:2px}.ampm-options-compact button{display:block;width:100%;padding:var(--space-2);border:none;background:none;color:var(--text-primary);cursor:pointer;font-size:.75rem;font-weight:600;text-align:center;text-transform:uppercase;transition:all var(--transition-fast)}.ampm-options-compact button:hover{background:var(--bg-tertiary)}.time-selection-compact{display:flex;gap:var(--space-3);width:100%;justify-content:center}.time-column-compact{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.time-options-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);min-width:100px}.time-option-compact{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:28px}.time-option-compact:hover{border-color:var(--primary);background:var(--bg-tertiary)}.time-option-compact.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.modern-datetime-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);max-width:320px;width:100%;margin:0 auto}.datetime-display{display:flex;background:var(--bg-tertiary);border-bottom:1px solid var(--border)}.display-item{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent}.display-item:hover{background:var(--bg-primary);color:var(--text-primary)}.display-item.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--bg-primary)}.display-item svg{width:16px;height:16px}.datetime-content{padding:var(--space-6) var(--space-4)}.modern-calendar{width:100%;max-width:280px;margin:0 auto}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding:0 var(--space-2)}.nav-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-btn svg{width:18px;height:18px}.month-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:var(--space-2)}.weekday{padding:var(--space-2);text-align:center;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.day-btn{padding:var(--space-2);border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:36px;font-weight:500}.day-btn:hover:not(.disabled){background:var(--bg-tertiary)}.day-btn.selected{background:var(--primary);color:#fff;font-weight:600}.day-btn.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.modern-time-picker{display:flex;flex-direction:column;gap:var(--space-4)}.time-display{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border)}.time-digits{display:flex;align-items:baseline;gap:var(--space-1);font-family:var(--font-mono)}.hour,.minute{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.colon{font-size:1.5rem;font-weight:700;color:var(--text-secondary);margin:0 var(--space-1)}.ampm-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;text-transform:uppercase;transition:all var(--transition-fast);min-width:50px;display:flex;align-items:center;justify-content:center}.ampm-btn.am{background:var(--primary);color:#fff;border-color:var(--primary)}.ampm-btn:hover{border-color:var(--primary);background:var(--bg-tertiary)}.time-grid{display:flex;gap:var(--space-6);justify-content:center;padding:0 var(--space-2)}.time-section{flex:0 0 auto;min-width:120px}.time-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px;text-align:center}.time-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);justify-items:center}.time-buttons.minutes{grid-template-columns:repeat(2,1fr)}.time-btn{padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-height:36px}.time-btn:hover{border-color:var(--primary);background:var(--bg-tertiary)}.time-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}.wordpress-connect-prompt{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-4)}.wordpress-connect-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.wordpress-connect-header .wordpress-w-logo{width:32px;height:32px;background:var(--primary);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.wordpress-connect-header span{font-size:1rem;font-weight:600;color:var(--text-primary)}.wordpress-connect-description{color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.5}.schedule-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.schedule-modal{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border);pointer-events:auto}.schedule-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border)}.schedule-title{display:flex;align-items:center;gap:var(--space-3)}.schedule-title h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.schedule-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.schedule-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.wordpress-status-card{margin:0 var(--space-6);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border);display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--text-secondary)}.wordpress-status-card svg{color:var(--primary);flex-shrink:0}.wordpress-connected{color:var(--success);font-weight:600}.wordpress-disconnected{color:var(--error);font-weight:600}.schedule-actions{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.schedule-table-container{flex:1;overflow:auto;padding:var(--space-6);min-height:0}.schedule-table{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--bg-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.schedule-table thead th{background:var(--bg-tertiary);padding:var(--space-4) var(--space-3);text-align:center;font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:10;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.schedule-table tbody td{padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--border-light);vertical-align:middle;position:relative;text-align:center}.schedule-table tbody tr:hover{background:var(--bg-tertiary)}.col-sr{width:60px;text-align:center;font-weight:600;color:var(--text-secondary)}.col-id{width:140px;min-width:120px}.col-keyword{min-width:200px}.col-schedule{min-width:220px}.col-status{width:120px}.col-platform{width:100px;min-width:90px}.col-actions{width:200px;min-width:180px}@media(max-width:1200px){.schedule-modal{max-width:95vw;max-height:90vh}.col-keyword{min-width:150px}.col-schedule{min-width:180px}.col-actions{width:160px;min-width:140px}}@media(max-width:768px){.schedule-modal{max-width:98vw;padding:var(--space-4)}.schedule-header,.schedule-table-container{padding:var(--space-4)}.col-id{width:100px;min-width:100px}.col-keyword{min-width:120px}.col-schedule{min-width:160px}.col-status{width:100px}.col-platform{width:80px;min-width:70px}.col-actions{width:140px;min-width:120px}.datetime-input{min-width:160px;font-size:.8rem}}.schedule-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.schedule-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.date-input{font-family:var(--font-mono);text-align:center}.schedule-input-group{display:flex;flex-direction:column;gap:var(--space-2)}.date-inputs{display:flex;align-items:center;gap:var(--space-1)}.date-inputs span{color:var(--text-muted);font-weight:500}.date-part{width:40px;padding:var(--space-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;text-align:center;font-family:var(--font-mono);transition:all var(--transition-fast)}.date-part:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.year-input{width:60px}.time-inputs{display:flex;align-items:center;gap:var(--space-1)}.time-part{width:35px;padding:var(--space-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;text-align:center;font-family:var(--font-mono);transition:all var(--transition-fast)}.time-part:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.ampm-select{padding:var(--space-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);min-width:50px}.ampm-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.datetime-input-group{display:flex;gap:8px;align-items:center;height:32px}.date-input{padding:6px 32px 6px 8px;border:1px solid var(--border);border-radius:4px;font-size:14px;background:var(--bg-card);color:var(--text-primary)!important;cursor:pointer;pointer-events:auto!important;min-width:120px;font-family:var(--font-primary);position:relative;z-index:100;height:32px;box-sizing:border-box;-webkit-appearance:none;appearance:none}.date-input:after{content:"▼";position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--text-primary);font-size:12px;pointer-events:none;z-index:101}.date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);cursor:text!important}.date-input:hover{border-color:var(--primary-light);cursor:pointer}.time-input-group{display:flex;align-items:center;gap:4px;height:32px}.time-hour-input,.time-minute-input{width:50px;padding:6px 4px;border:1px solid var(--border);border-radius:4px;font-size:14px;background:var(--bg-card);color:var(--text-primary)!important;text-align:center;font-family:var(--font-primary);cursor:text;height:32px;box-sizing:border-box}.time-hour-input:focus,.time-minute-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.time-separator{color:var(--text-secondary);font-weight:500}.time-ampm-select{padding:6px 4px;border:1px solid var(--border);border-radius:4px;font-size:14px;background:var(--bg-card);color:var(--text-primary)!important;cursor:pointer;font-family:var(--font-primary);min-width:50px;height:32px}.time-ampm-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.status-cell{display:flex;align-items:center;gap:var(--space-2);font-weight:500;font-size:.875rem}.status-completed{color:var(--success)}.status-processing{color:var(--primary)}.status-scheduled{color:var(--warning)}.status-failed{color:var(--error)}.status-pending{color:var(--text-muted)}.action-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;align-items:center}.btn-icon{width:32px;height:32px;padding:var(--space-1);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:all var(--transition-fast);border:1px solid transparent}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background:var(--success-dark);border-color:var(--success-dark);transform:translateY(-1px)}.btn-danger{background:var(--error);color:#fff;border-color:var(--error)}.btn-danger:hover{background:var(--error-dark);border-color:var(--error-dark);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.btn-small{padding:var(--space-2) var(--space-3);font-size:.75rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:var(--space-1);font-weight:500;transition:all var(--transition-fast)}.btn-small svg{width:14px;height:14px}.schedule-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.schedule-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--text-secondary)}.schedule-empty svg{color:var(--text-muted);margin-bottom:var(--space-4)}.schedule-empty h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.schedule-empty p{margin:0 0 var(--space-6) 0;max-width:300px}.schedule-footer{padding:var(--space-6);background:var(--bg-tertiary);border-top:1px solid var(--border)}.schedule-footer p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.schedule-footer strong{color:var(--text-primary)}@media(max-width:1024px){.schedule-modal{max-width:95vw;max-height:95vh}.schedule-table-container{padding:var(--space-4)}.col-title,.col-description{min-width:150px}}@media(max-width:768px){.schedule-modal-overlay{padding:var(--space-2)}.schedule-modal{max-width:100%;max-height:100%;border-radius:0}.schedule-header{padding:var(--space-4)}.schedule-title h1{font-size:1.25rem}.wordpress-status-card{margin:0 var(--space-4);padding:var(--space-2);font-size:.75rem}.schedule-actions{padding:var(--space-3) var(--space-4)}.schedule-table-container{padding:var(--space-3)}.schedule-table{font-size:.75rem}.schedule-table thead th,.schedule-table tbody td{padding:var(--space-2)}.action-buttons{flex-direction:column;gap:var(--space-1)}.btn-small{width:100%;justify-content:center}.schedule-footer{padding:var(--space-4)}}.nav-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:500;text-decoration:none}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:var(--primary);color:#fff}.nav-link svg{width:16px;height:16px}.wordpress-connect-btn{background:var(--success);color:#fff;border:1px solid var(--success);transition:all .2s ease}.wordpress-connect-btn:hover{background:var(--success-dark);border-color:var(--success-dark);transform:translateY(-1px)}.wordpress-account-menu{position:relative}.wordpress-account-btn{display:flex;align-items:center;gap:.375rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);transition:all .2s ease}.wordpress-account-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.wordpress-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1000}.wordpress-account-info{padding:1rem;border-bottom:1px solid var(--border)}.account-site{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;word-break:break-all}.account-user{font-size:.75rem;color:var(--text-secondary)}.wordpress-logout-btn{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;color:var(--error);cursor:pointer;font-size:.875rem;transition:background .2s ease}.wordpress-logout-btn:hover{background:var(--bg-hover)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:90vw;width:90vw;max-height:90vh;overflow-y:auto;border:1px solid var(--border)}.blog-view-modal .modal-content{max-width:90vw;width:90vw;max-height:90vh}.blog-view-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.blog-view-modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.blog-view-modal .modal-close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--radius);transition:all .2s}.blog-view-modal .modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.blog-view-modal .modal-body{padding:0}.publish-success-modal .modal-header{text-align:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border);position:relative}.publish-success-modal .success-icon{color:var(--success);margin:0 auto .5rem}.publish-success-modal .modal-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.publish-success-modal .modal-close-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:1px solid rgba(255,255,255,.3);color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius);transition:all .2s}.publish-success-modal .modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.publish-success-modal .modal-body{padding:1.5rem;text-align:center}.publish-success-modal .success-message{margin:0 0 1.5rem;color:var(--text-primary);font-size:.95rem;line-height:1.5}.publish-success-modal .success-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.publish-success-modal .success-actions .btn.btn-ghost{border:1px solid rgba(255,255,255,.3)}@media(max-width:480px){.publish-success-modal .success-actions{flex-direction:column;align-items:stretch}.publish-success-modal .success-actions .btn{justify-content:center}}.wordpress-connection-modal .modal-header{text-align:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border);position:relative}.wordpress-connection-modal .wordpress-w-logo{width:3rem;height:3rem;background:#21759b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.wordpress-connection-modal .modal-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.wordpress-connection-modal .modal-close-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:1px solid rgba(255,255,255,.3);color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius);transition:all .2s}.wordpress-connection-modal .modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.wordpress-connection-modal .modal-body{padding:1.5rem;text-align:center}.wordpress-connection-modal .connection-message{margin:0 0 2rem;color:var(--text-primary);font-size:.95rem;line-height:1.5}.wordpress-connection-modal .connection-options{display:flex;flex-direction:column;gap:1.5rem;align-items:center}.wordpress-connection-modal .option-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;max-width:300px;width:100%}.wordpress-connection-modal .option-card h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.wordpress-connection-modal .option-card p{margin:0 0 1rem;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.wordpress-connection-modal .option-divider{color:var(--text-secondary);font-weight:500;position:relative}.wordpress-connection-modal .option-divider:before,.wordpress-connection-modal .option-divider:after{content:"";position:absolute;top:50%;width:100px;height:1px;background:var(--border)}.wordpress-connection-modal .option-divider:before{left:-120px}.wordpress-connection-modal .option-divider:after{right:-120px}@media(max-width:480px){.wordpress-connection-modal .connection-options{gap:1rem}.wordpress-connection-modal .option-card{max-width:100%}.wordpress-connection-modal .option-divider:before,.wordpress-connection-modal .option-divider:after{width:60px}.wordpress-connection-modal .option-divider:before{left:-70px}.wordpress-connection-modal .option-divider:after{right:-70px}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gradient-bg)}.auth-card{max-width:500px;width:100%;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);border:1px solid var(--border)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.auth-icon svg{width:24px;height:24px;color:var(--bg-primary)}.auth-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.auth-subtitle{color:var(--text-secondary);font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:var(--space-6)}.auth-form.register-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-family:var(--font-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.form-group input:disabled,.form-group select:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;background-repeat:no-repeat;background-size:16px;padding-right:2.5rem;appearance:none;-webkit-appearance:none;-moz-appearance:none}.register-form .form-group.full-width{grid-column:1 / -1}.form-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-input-wrapper{position:relative;display:flex;align-items:center}.form-input-wrapper svg{position:absolute;left:var(--space-3);width:16px;height:16px;color:var(--text-muted);z-index:1}.form-input{width:100%;padding:var(--space-3) var(--space-4);padding-left:calc(var(--space-3) + var(--space-4) + 16px);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-primary);font-size:.875rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b9811a}.form-input::placeholder{color:var(--text-muted)}.error-message{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--error);font-size:.875rem}.error-message svg{width:16px;height:16px;flex-shrink:0}.auth-button{grid-column:1 / -1;width:100%;padding:var(--space-3) var(--space-4);background:var(--gradient-primary);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-button:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-button svg{width:16px;height:16px}.auth-footer{margin-top:var(--space-6);text-align:center}.auth-link{color:var(--primary);text-decoration:none;font-weight:500;transition:color var(--transition-fast)}.auth-link:hover{color:var(--primary-light)}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-4)}.auth-loading svg{width:32px;height:32px;color:var(--primary);animation:spin 1s linear infinite}.user-management{padding:var(--space-6);max-width:1200px;margin:0 auto}.user-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.user-management-header .header-content{display:flex;align-items:center;gap:var(--space-4)}.header-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--bg-primary)}.header-text h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.header-text p{color:var(--text-secondary);margin:0}.user-form-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1050;padding:var(--space-4)}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.user-form{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3)}.permission-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast)}.permission-item:hover{border-color:var(--primary)}.permission-item input[type=checkbox]{margin-top:2px;width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.permission-content{flex:1}.permission-label{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.permission-description{font-size:.875rem;color:var(--text-secondary)}.admin-note{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin-top:var(--space-2)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.form-actions .btn{min-width:80px}.users-table{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 2fr 1fr 2fr 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-bottom:1px solid var(--border);font-weight:600;color:var(--text-primary);font-size:.8rem}.table-row{display:grid;grid-template-columns:2fr 2fr 1fr 2fr 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);align-items:center}.table-row:last-child{border-bottom:none}.table-cell{color:var(--text-primary);font-size:.85rem}.role-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-transform:uppercase}.role-admin{background:var(--gradient-primary);color:var(--bg-primary)}.role-staff{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.permissions-display{display:flex;align-items:center}.permission-count-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;font-size:.75rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.permission-count-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-light)}.permission-tag{padding:var(--space-1) var(--space-2);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary)}.permission-tag.admin-all{background:var(--gradient-primary);color:var(--bg-primary);border:none}.action-buttons{display:flex;gap:var(--space-2)}.btn-icon{padding:var(--space-2);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.empty-state svg{margin-bottom:var(--space-4);opacity:.5}.empty-state h3{margin:var(--space-2) 0;color:var(--text-primary)}.empty-state p{margin-bottom:var(--space-6)}.loading-state{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.loading-state svg{margin-bottom:var(--space-4)}.alert{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--error)}.alert-success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:var(--success)}.auth-loading p{color:var(--text-secondary);font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.activities-page{min-height:100vh;background:var(--bg-primary);padding:var(--space-4) var(--space-4) var(--space-6) var(--space-4)}.page-header{margin-bottom:var(--space-4)}.page-header .header-content{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.header-icon{width:28px;height:28px;color:var(--primary);flex-shrink:0}.header-content h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-1) 0}.header-content p{color:var(--text-secondary);margin:0;font-size:.8rem}.page-content{max-width:1400px;margin:0 auto}.error-message{background:#ef44441a;border:1px solid var(--error);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);color:var(--error);font-weight:500;font-size:.875rem}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-2);display:flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.stat-icon{width:24px;height:24px;background:var(--gradient-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-icon svg{width:12px;height:12px}.stat-info{flex:1}.stat-value{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:.7rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.025em}.content-grid{display:grid;grid-template-columns:380px 1fr;gap:var(--space-4);align-items:start}.left-column{display:flex;flex-direction:column;gap:var(--space-4)}.left-column .globe-panel{flex-shrink:0}.left-column .panel:not(.globe-panel){flex:1}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.panel-header{padding:var(--space-3) var(--space-3) var(--space-2) var(--space-3);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.panel-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.panel-count{background:var(--primary);color:#fff;font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);min-width:20px;text-align:center}.panel-actions{display:flex;gap:var(--space-2)}.filter-select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:.875rem;min-width:140px;cursor:pointer;transition:all var(--transition-fast)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #10b9811a}.panel-content{padding:var(--space-3)}.online-users-grid{display:flex;flex-direction:column;gap:var(--space-3)}.online-user-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--transition-fast)}.online-user-card:hover{background:var(--bg-tertiary);border-color:var(--border-light)}.user-avatar{width:32px;height:32px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-avatar svg{width:16px;height:16px}.user-details{flex:1;min-width:0}.user-name{font-weight:500;color:var(--text-primary);font-size:.875rem;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;color:var(--text-secondary)}.status-indicator{width:6px;height:6px;border-radius:var(--radius-full)}.status-indicator.online{background:var(--success);box-shadow:0 0 6px #10b98166}.user-location{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--text-muted);margin-top:var(--space-1)}.user-location svg{width:12px;height:12px}.user-time{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.activity-feed-panel{min-height:600px}.activity-timeline{position:relative;padding-left:var(--space-8)}.timeline-item{position:relative;padding-bottom:var(--space-5);padding-left:var(--space-8)}.timeline-item:not(:last-child):before{content:"";position:absolute;left:24px;top:48px;bottom:0;width:3px;background:linear-gradient(to bottom,var(--primary-light),rgba(34,197,94,.3));border-radius:2px}.timeline-marker{position:absolute;left:0;top:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:3px solid var(--primary);border-radius:var(--radius-full);z-index:2;box-shadow:var(--shadow-lg)}.activity-icon{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.activity-icon svg{width:18px;height:18px}.timeline-content{margin-left:var(--space-3)}.activity-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-md);transition:all var(--transition-fast);position:relative;overflow:hidden}.activity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast)}.activity-card:hover{box-shadow:var(--shadow-xl);border-color:var(--primary-light);transform:translateY(-2px)}.activity-card:hover:before{opacity:1}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.user-info{display:flex;align-items:center;gap:var(--space-2)}.user-avatar{width:36px;height:36px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;border:2px solid var(--bg-primary);box-shadow:var(--shadow-sm)}.user-avatar svg{width:18px;height:18px}.user-details{display:flex;flex-direction:column;gap:var(--space-1)}.user-name{font-weight:600;color:var(--text-primary);font-size:.9rem}.user-role{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--text-secondary);font-weight:500}.user-role svg{width:10px;height:10px;color:var(--primary)}.activity-time{font-size:.75rem;color:var(--text-muted);white-space:nowrap;font-weight:500}.activity-body{margin-bottom:var(--space-2)}.activity-type{font-size:.9rem;color:var(--text-primary);font-weight:600;margin-bottom:var(--space-2);text-transform:capitalize;letter-spacing:.025em}.activity-detail{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:var(--text-secondary);margin-bottom:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border)}.detail-label{font-weight:600;color:var(--text-primary)}.detail-value{font-style:italic;color:var(--primary);font-weight:500}.activity-footer{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border)}.meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:.75rem;color:var(--text-muted);font-weight:500;padding:var(--space-1);background:var(--bg-tertiary);border-radius:var(--radius-sm)}.meta-item svg{width:12px;height:12px;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center;color:var(--text-muted)}.empty-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:var(--space-4);box-shadow:var(--shadow-lg)}.empty-icon svg{width:32px;height:32px}.empty-state h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.empty-state p{margin:0;font-size:.875rem;max-width:300px}.globe-container{display:flex;justify-content:center;align-items:center;min-height:280px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,rgba(34,197,94,.1) 100%);border-radius:var(--radius-lg);overflow:hidden;position:relative;border:1px solid var(--border)}.globe-loading{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem;padding:2rem}.globe-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(34,197,94,.1) 0%,transparent 50%);pointer-events:none}.globe-container canvas{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),0 0 40px #22c55e33;transition:all var(--transition-fast)}.globe-container canvas:hover{box-shadow:var(--shadow-xl),0 0 60px #22c55e4d}@media(max-width:768px){.globe-container{min-height:200px}}@media(max-width:480px){.globe-container{min-height:180px}}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.pagination-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:.875rem;font-weight:500}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);gap:var(--space-4);color:var(--text-secondary)}.loading-state .loading-spinner{width:24px;height:24px;border-width:2px}@media(max-width:1024px){.content-grid{grid-template-columns:1fr;gap:var(--space-4)}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:768px){.activities-page{padding:var(--space-4)}.header-content{flex-direction:column;text-align:center;gap:var(--space-3)}.header-content h1{font-size:1.5rem}.stats-overview{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat-card{padding:var(--space-3);gap:var(--space-2)}.stat-value{font-size:1.25rem}.panel-header,.panel-content{padding:var(--space-3)}.online-user-card,.activity-item{padding:var(--space-2);gap:var(--space-2)}.pagination{flex-direction:column;gap:var(--space-2)}}@media(max-width:480px){.stats-overview{grid-template-columns:1fr}.panel-actions{flex-direction:column;width:100%}.filter-select{width:100%}.activity-timeline{padding-left:var(--space-6)}.timeline-item{padding-bottom:var(--space-4);padding-left:var(--space-6)}.timeline-item:not(:last-child):before{left:20px}.timeline-marker{width:40px;height:40px}.activity-icon{width:28px;height:28px}.activity-icon svg{width:14px;height:14px}.activity-card{padding:var(--space-3)}.activity-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.user-info{gap:var(--space-2)}.user-avatar{width:32px;height:32px}.user-avatar svg{width:16px;height:16px}.activity-footer{gap:var(--space-2)}.meta-item{font-size:.75rem;padding:var(--space-1)}}