:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}*{box-sizing:border-box}input,textarea,select,button{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.75em .95em;font-family:inherit;font-size:.95rem;font-weight:500;transition:border-color .2s,box-shadow .2s}input,textarea,select{cursor:text;width:100%}textarea{resize:vertical}button:hover,input:focus,textarea:focus,select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f124}.primary{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#0000}.primary:hover{border-color:#0000}button:disabled{opacity:.65;cursor:not-allowed}#root{min-height:100vh}.auth-shell{place-items:center;min-height:100vh;padding:32px;display:grid}.auth-card,.panel,.metric-card,.banner,.list-card,.preview-box,.nav-card,.media-card,.quick-card,.topbar-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 16px 40px #0f172a0f}.auth-card{border-radius:24px;gap:16px;width:min(420px,100%);padding:28px;display:grid}.admin-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#e2e8f0;background:linear-gradient(#111827,#1e293b);align-content:start;gap:18px;padding:24px 18px;display:grid}.brand-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:24px;padding:18px}.brand-card h1,.panel h2,.article-editor h3,.topbar h2,.auth-card h1{margin:0}.sidebar-nav,.page-stack,.editor-form,.list-stack,.summary-list,.quick-links,.media-meta,.feature-toggle-list{gap:12px;display:grid}.nav-card{color:inherit;box-shadow:none;background:#ffffff0f;border-color:#ffffff14;border-radius:18px;gap:4px;padding:14px 16px;text-decoration:none;display:grid}.nav-card span,.brand-card .muted,.sidebar .summary-list span{color:#94a3b8}.nav-card.active{background:linear-gradient(135deg,#4f46e5e6,#7c3aede6);border-color:#0000}.nav-card.active span{color:#ffffffd1}.sidebar-summary{box-shadow:none;background:#ffffff14;border-color:#ffffff14}.sidebar-summary h2,.sidebar-summary strong{color:#fff}.admin-main{gap:18px;min-width:0;padding:24px;display:grid}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.topbar-card{border-radius:24px;padding:20px 22px}.page-shell{gap:20px;display:grid}.eyebrow{color:#4f46e5;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:12px;font-weight:700}.sidebar .eyebrow,.brand-card .eyebrow{color:#c7d2fe}.muted,.tip,.panel-header p,.list-card p,.metric-card span,.preview-title,.editor-header span,.user-chip span,.list-card small,.media-card p,.quick-card span,.text-link{color:#64748b}.topbar-actions,.inline-actions,.editor-actions,.toolbar,.inline-fields,.filter-bar{flex-wrap:wrap;gap:10px;display:flex}.user-chip{background:#eef2ff;border-radius:16px;gap:2px;padding:10px 14px;display:grid}.banner{text-align:left;border-radius:16px;width:100%;padding:14px 16px}.banner.dismissible{cursor:pointer}.banner.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.banner.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.metric-card,.panel,.media-card{border-radius:24px;padding:20px}.metric-card{gap:8px;display:grid}.metric-card strong{font-size:30px}.panel-grid,.dashboard-grid,.media-grid{gap:20px;display:grid}.panel-grid,.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.media-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.panel{gap:16px;display:grid}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.editor-form.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-form.compact .editor-actions{grid-column:1/-1}.article-panel{gap:18px}.article-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:18px}.cover-upload-panel,.rich-editor{background:#fff;border:1px solid #dbe4ff;border-radius:20px;padding:16px}.cover-upload-panel.prominent{background:linear-gradient(#fff,#f5f7ff);border-color:#c7d2fe}.cover-upload-panel{gap:12px;display:grid}.cover-upload-inline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cover-upload-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.cover-preview-card{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:14px;display:grid}.cover-preview-image{aspect-ratio:16/9;object-fit:cover;border:1px solid #dbe4ff;border-radius:14px;width:100%}.cover-preview-image.compact{max-width:320px}.cover-upload-hint{color:#64748b;font-size:14px}.cover-preview-meta{gap:8px;display:grid}.cover-preview-meta p{color:#64748b;word-break:break-all;margin:0}.rich-editor{gap:14px;display:grid}.rich-editor.focused{border-color:#818cf8;box-shadow:0 0 0 4px #6366f114}.rich-editor-toolbar{flex-wrap:wrap;gap:10px;display:flex}.rich-editor-body{position:relative}.rich-editor-placeholder{color:#94a3b8;pointer-events:none;position:absolute;top:14px;left:14px}.rich-editor-surface{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;outline:none;min-height:280px;padding:14px}.rich-editor-surface h2,.rich-editor-surface p,.rich-editor-surface blockquote,.rich-editor-surface ul,.rich-editor-surface ol{margin:0 0 12px}.rich-editor-surface blockquote{color:#475569;border-left:4px solid #c7d2fe;padding-left:12px}.rich-editor-surface img{border-radius:14px;max-width:100%;margin:12px 0;display:block}.rich-editor-upload-button{min-width:112px}.editor-media-panel{background:linear-gradient(#fff,#f8fbff);border:1px solid #dbe4ff;border-radius:20px;gap:14px;padding:16px;display:grid}.editor-media-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.editor-media-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;gap:10px;padding:12px;display:grid}.editor-media-card img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%}.preview-drawer-backdrop{z-index:30;background:#0f172a7a;justify-content:flex-end;display:flex;position:fixed;inset:0}.preview-drawer{background:#fff;gap:16px;width:min(720px,100%);height:100vh;padding:24px;display:grid;overflow-y:auto;box-shadow:-24px 0 48px #0f172a2e}.preview-cover{object-fit:cover;border-radius:18px;width:100%;max-height:320px}.editor-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.toolbar{align-items:center}.file-button{justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.media-upload-button{min-width:120px}.list-card{border-radius:18px;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.banner-card img,.media-card img{object-fit:cover;border-radius:14px}.banner-card img{width:96px;height:64px}.media-card img{aspect-ratio:16/9;width:100%}.article-card .article-main,.media-card,.quick-card,.empty-state{gap:8px;display:grid}.article-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status-pill,.tag{border-radius:999px;width:fit-content;padding:4px 10px;font-size:12px;font-weight:700}.status-pill.published,.tag.upload,.tag.banner{color:#166534;background:#dcfce7}.status-pill.top{color:#1d4ed8;background:#dbeafe}.status-pill.draft,.tag.cover,.tag.content{color:#92400e;background:#fef3c7}.preview-box{border-radius:18px;padding:16px}.preview-title{margin-bottom:10px;font-size:13px;font-weight:700}.checkbox-field{align-items:center;gap:8px;display:inline-flex}.checkbox-field input{width:auto}.uploading-text{color:#4f46e5;font-weight:600}.summary-list{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-list.dense{grid-template-columns:1fr}.summary-list>div,.quick-card,.empty-state,.pagination-summary,.result-chip,.feature-toggle-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px 16px}.feature-toggle-card{gap:14px;display:grid}.feature-card-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.feature-toggle-card p{margin:6px 0 0}.feature-visibility-badge{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.feature-visibility-badge.enabled{color:#166534;background:#dcfce7}.feature-visibility-badge.disabled{color:#92400e;background:#fef3c7}.feature-visibility-tip{border:1px solid #e2e8f0;border-radius:16px;gap:6px;padding:12px 14px;display:grid}.feature-visibility-tip.ready{background:#f0fdf4;border-color:#bbf7d0}.feature-visibility-tip.ready strong{color:#166534}.feature-visibility-tip.warning{background:#fff7ed;border-color:#fed7aa}.feature-visibility-tip.warning strong{color:#9a3412}.feature-toggle-card input[type=checkbox]{width:18px;height:18px;margin-top:4px}.feature-form-grid{gap:14px;display:grid}.feature-management-panel{gap:18px}.feature-management-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.feature-create-card{background:linear-gradient(#fff,#f8fbff);border-style:dashed;border-color:#cbd5e1}.feature-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-form-grid label{gap:8px;display:grid}.feature-user-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.feature-user-chip{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:4px 10px;padding:12px 14px;display:grid}.feature-user-chip input{grid-row:1/span 2}.feature-user-chip small{color:#64748b}.batch-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.article-select{padding-top:2px}.pagination-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.result-chip{color:#475569;align-items:center;display:inline-flex}.quick-links{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.quick-card{color:inherit;text-decoration:none}.action-card{text-align:left}.text-link{font-weight:600;text-decoration:none}.empty-state{color:#475569}@media (width<=1080px){.admin-shell{grid-template-columns:1fr}.sidebar{padding-bottom:0}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media (width<=920px){.cover-preview-card{grid-template-columns:1fr}.topbar,.panel-header,.editor-header,.list-card{display:grid}.grid-two,.editor-form.compact,.summary-list,.feature-management-grid,.feature-grid-three{grid-template-columns:1fr}.pagination-summary,.batch-toolbar{display:grid}.preview-drawer{width:100%}}