:root{--hue-primary: 220;--hue-accent: 330;--color-bg-base: hsl(var(--hue-primary), 20%, 8%);--color-bg-surface: hsl(var(--hue-primary), 20%, 12%);--color-bg-surface-hover: hsl(var(--hue-primary), 20%, 16%);--color-text-primary: hsl(var(--hue-primary), 10%, 98%);--color-text-secondary: hsl(var(--hue-primary), 10%, 70%);--color-text-muted: hsl(var(--hue-primary), 10%, 50%);--color-primary: hsl(var(--hue-primary), 90%, 60%);--color-primary-glow: hsla(var(--hue-primary), 90%, 60%, .5);--color-accent: hsl(var(--hue-accent), 70%, 55%);--color-accent-glow: hsla(var(--hue-accent), 70%, 55%, .4);--color-border: hsla(var(--hue-primary), 10%, 90%, .1);--color-success: hsl(145, 65%, 45%);--color-warning: hsl(35, 95%, 60%);--color-danger: hsl(0, 85%, 60%);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--color-bg-input: hsl(var(--hue-primary), 20%, 10%);--color-error: hsl(0, 85%, 60%);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--glass-bg: hsla(var(--hue-primary), 20%, 12%, .7);--glass-border: hsla(var(--hue-primary), 10%, 90%, .08);--glass-blur: 12px}html{scroll-behavior:smooth;color-scheme:dark}body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;-webkit-font-smoothing:antialiased;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:transform var(--transition-normal),border-color var(--transition-normal)}.card:hover{border-color:var(--color-primary-glow);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;box-shadow:0 4px 12px var(--color-accent-glow)}.btn-primary:hover:not(:disabled){opacity:.9;box-shadow:0 6px 16px var(--color-accent-glow)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-success:hover:not(:disabled){opacity:.9;box-shadow:0 6px 16px #10b98166}.btn-success:disabled{background:linear-gradient(135deg,#6ee7b7,#34d399);opacity:.7;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.badge{padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-draft{background:#3d475c80;color:#a0a0a0}.badge-working{background:#0f618a80;color:#60a5fa}.badge-pending_review{background:#916f0880;color:#fbbf24}.badge-approved{background:#14522e80;color:#34d399}.badge-published{background:#5c1f7a80;color:#c084fc}.badge-pending{background:#916f0880;color:#fbbf24}.badge-processing{background:#0f618a80;color:#60a5fa}.badge-adapted{background:#14522e80;color:#34d399}.badge-error{background:#82171780;color:#f87171}.badge-scheduled{background:#916f0880;color:#fbbf24}.badge-publishing{background:#0f618a80;color:#60a5fa}.badge-failed{background:#82171780;color:#f87171}.page-header{margin-bottom:var(--space-2xl);display:flex;justify-content:space-between;align-items:center}.page-title{font-size:2rem;font-weight:700;background:linear-gradient(to right,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.btn-secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--color-bg-surface-hover);border-color:var(--color-primary-glow)}.section{margin-bottom:var(--space-xl)}.section-header{margin-bottom:var(--space-lg)}.grid{display:grid;gap:var(--space-md)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.form-input{width:100%;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--color-bg-input);color:var(--color-text-primary);font-family:inherit;font-size:.95rem;outline:none;transition:border-color var(--transition-fast);box-sizing:border-box}.form-input:focus{border-color:var(--color-primary)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:disabled{opacity:.6;cursor:not-allowed}textarea.form-input{resize:vertical}.form-label{display:block;margin-bottom:var(--space-sm);font-size:.875rem;font-weight:500}.form-hint{font-size:.75rem;color:var(--color-text-secondary);margin-top:var(--space-xs)}.form-group{margin-bottom:var(--space-lg)}.form-error{padding:var(--space-md);background:#d9262626;color:var(--color-danger);border-radius:var(--radius-md);border:1px solid hsla(0,70%,50%,.2);font-size:.875rem;text-align:center}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;align-items:flex-start;gap:var(--space-md)}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.blue{background:hsla(var(--hue-primary),80%,50%,.15);color:var(--color-primary)}.stat-icon.green{background:#28bd6626;color:var(--color-success)}.stat-icon.purple{background:#9933cc26;color:#b870db}.stat-icon.amber{background:#f2930d26;color:var(--color-warning)}.stat-value{font-size:1.75rem;font-weight:700;line-height:1.2}.stat-label{font-size:.8rem;color:var(--color-text-secondary);margin-top:2px}.filter-bar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap}.filter-pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;border:1px solid var(--glass-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.filter-pill.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--color-text-muted);background:var(--glass-bg);border-radius:var(--radius-md);border:1px dashed var(--glass-border)}.empty-state-icon{margin-bottom:var(--space-md);opacity:.5}.empty-state-title{font-size:1.1rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.empty-state-text{font-size:.875rem;max-width:400px;margin:0 auto}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-bg-surface) 25%,var(--color-bg-surface-hover) 50%,var(--color-bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-line{height:14px;margin-bottom:var(--space-sm)}.skeleton-line.short{width:60%}.skeleton-card{height:80px;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:var(--space-md) var(--space-md) var(--space-sm)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-base);padding:var(--space-xl);box-sizing:border-box}.auth-card{width:100%;max-width:420px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-2xl)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-title{font-size:1.5rem;font-weight:700;margin:0 0 var(--space-sm)}.auth-subtitle{color:var(--color-text-secondary);font-size:.9rem;margin:0}.auth-footer{margin-top:var(--space-xl);text-align:center;color:var(--color-text-secondary);font-size:.875rem}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.editor-page{display:flex;flex-direction:column;height:calc(100vh - 2rem);margin:calc(-1 * var(--space-xl));margin-left:0;padding-left:var(--space-md)}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--color-bg-surface);border-bottom:1px solid var(--glass-border);flex-shrink:0}.editor-header-left{display:flex;align-items:center;gap:var(--space-md);flex:1}.editor-header-right{display:flex;align-items:center;gap:var(--space-sm)}.title-input{flex:1;max-width:500px;background:transparent;border:none;color:var(--color-text-primary);font-size:1.25rem;font-weight:600;outline:none;padding:var(--space-sm);border-radius:var(--radius-sm)}.title-input:focus{background:var(--color-bg-surface-hover)}.title-input::placeholder{color:var(--color-text-muted)}.mobile-view-toggle{display:none;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.mobile-view-toggle .btn{border-radius:0;padding:var(--space-sm)}.mobile-view-toggle .btn.active{background:var(--color-primary);color:#fff}.editor-toolbar{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--color-bg-surface);border-bottom:1px solid var(--glass-border);flex-wrap:wrap;flex-shrink:0}.toolbar-group{display:flex;gap:2px}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.toolbar-btn:hover:not(:disabled){background:var(--color-bg-surface-hover);color:var(--color-text-primary)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.active{background:var(--color-primary-glow);color:var(--color-primary)}.toolbar-divider{width:1px;height:24px;background:var(--glass-border);margin:0 var(--space-sm)}.find-replace-panel{padding:var(--space-md) var(--space-lg);background:var(--color-bg-surface);border-bottom:1px solid var(--glass-border);flex-shrink:0}.find-replace-row{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.find-replace-row:last-of-type{margin-bottom:0}.find-input-group{flex:1;display:flex;align-items:center;background:var(--color-bg-base);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:0 var(--space-sm)}.find-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);padding:var(--space-sm);font-size:.9rem;outline:none}.find-input::placeholder{color:var(--color-text-muted)}.match-count{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap}.find-buttons{display:flex;gap:2px}.find-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-surface-hover);border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.find-btn:hover:not(:disabled){background:var(--color-primary-glow);color:var(--color-primary)}.find-btn:disabled{opacity:.4;cursor:not-allowed}.find-btn.close-btn:hover{background:#d9262633;color:var(--color-danger)}.find-options{display:flex;gap:var(--space-lg);margin-top:var(--space-sm)}.find-option{display:flex;align-items:center;gap:var(--space-xs);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer}.find-option input{accent-color:var(--color-primary)}.editor-main{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden}.editor-panel,.preview-panel{display:flex;flex-direction:column;overflow:hidden}.editor-panel{border-right:1px solid var(--glass-border)}.panel-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-surface);border-bottom:1px solid var(--glass-border);font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.editor-textarea{flex:1;width:calc(100% - var(--space-md) * 2);padding:var(--space-lg);margin:var(--space-sm) var(--space-md);background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:JetBrains Mono,Fira Code,Monaco,monospace;font-size:.95rem;line-height:1.7;resize:none;outline:none;overflow-y:auto}.editor-textarea::placeholder{color:var(--color-text-muted)}.blog-preview-container{flex:1;overflow-y:auto;background:#fff}.blog-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:#fff;border-bottom:1px solid #e5e5e5}.blog-preview-logo{display:flex;align-items:center}.logo-text{font-family:Manrope,Inter,system-ui,sans-serif;font-size:1.1rem;font-weight:700;color:#1a1a1a}.preview-badge{font-size:.7rem;padding:2px 8px;background:#ccc5b9;color:#1a1a1a;border-radius:4px;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.blog-preview-article{max-width:720px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.article-header{margin-bottom:var(--space-2xl);text-align:center}.article-title{font-family:Manrope,Inter,system-ui,sans-serif;font-size:2.5rem;font-weight:800;color:#1a1a1a;line-height:1.2;margin:0 0 var(--space-lg) 0}.article-meta{display:flex;justify-content:center;gap:var(--space-md);font-family:Manrope,Inter,system-ui,sans-serif;font-size:.9rem;color:#666}.article-author{font-weight:500}.article-date{color:#999}.article-content{font-family:Manrope,Inter,system-ui,sans-serif;font-size:1.1rem;line-height:1.8;color:#333}.article-content h1{font-size:2rem;font-weight:700;margin:2rem 0 1rem;color:#1a1a1a}.article-content h2{font-size:1.6rem;font-weight:700;margin:1.8rem 0 .8rem;color:#1a1a1a}.article-content h3{font-size:1.3rem;font-weight:600;margin:1.5rem 0 .6rem;color:#1a1a1a}.article-content p{margin:0 0 1.5rem}.article-content a{color:#ccc5b9;text-decoration:underline;text-underline-offset:2px}.article-content a:hover{color:#b5a99a}.article-content strong{font-weight:600;color:#1a1a1a}.article-content em{font-style:italic}.article-content ul,.article-content ol{margin:0 0 1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid #ccc5b9;background:#f9f9f9;font-style:italic;color:#555}.article-content code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;background:#f4f4f4;padding:.2em .4em;border-radius:4px;color:#e74c3c}.article-content pre{margin:1.5rem 0;padding:1rem;background:#2d2d2d;border-radius:8px;overflow-x:auto}.article-content pre code{background:transparent;color:#f8f8f2;padding:0}.article-content hr{border:none;border-top:1px solid #e5e5e5;margin:2rem 0}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}@media(max-width:1024px){.editor-main{grid-template-columns:1fr}.mobile-view-toggle{display:flex}.mobile-hidden{display:none}.editor-panel{border-right:none}}@media(max-width:640px){.editor-header{flex-direction:column;gap:var(--space-sm);align-items:stretch}.editor-header-left{flex-wrap:wrap}.editor-header-right{justify-content:flex-end}.title-input{max-width:none;width:100%}.editor-toolbar{padding:var(--space-sm)}.toolbar-divider{display:none}.article-title{font-size:1.8rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}