.admin-page{color:#111827;background:linear-gradient(#f5f7fb 0%,#fff 40%);min-height:100vh}.admin-container{max-width:1120px;margin:0 auto;padding:48px 24px 80px}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.admin-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#059669;font-size:.75rem;font-weight:600}.admin-title{margin-top:12px;font-size:2rem;font-weight:600}.admin-subtitle{color:#6b7280;max-width:520px;margin-top:12px;font-size:.95rem;line-height:1.6}.admin-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-button{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s}.admin-button:hover{transform:translateY(-1px);box-shadow:0 12px 22px -16px #0f172a59}.admin-button--ghost{color:#374151;background:#fff;border-color:#e5e7eb}.admin-button--primary{color:#fff;background:#111827}.admin-button--accent{color:#fff;background:#059669}.admin-button--danger{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.admin-status-row{color:#6b7280;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;font-size:.75rem;display:flex}.admin-status-pill{color:#047857;background:#ecfdf5;border-radius:999px;padding:6px 14px;font-weight:600}.admin-status-divider{background:#d1d5db;border-radius:999px;width:6px;height:6px;display:none}.admin-grid{grid-template-columns:minmax(220px,.9fr) minmax(0,2fr) minmax(0,1fr);gap:24px;margin-top:32px;display:grid}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;box-shadow:0 18px 30px -25px #0f172a59}.admin-posts{align-self:start;position:sticky;top:24px}.admin-posts-card{flex-direction:column;gap:12px;max-height:calc(100vh - 220px);display:flex}.admin-posts-list{flex:1;gap:10px;min-height:0;padding-right:6px;display:grid;overflow-y:auto}.admin-post-item{text-align:left;color:#111827;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;gap:4px;padding:10px 12px;font-size:.85rem;transition:border .15s,box-shadow .15s,background .15s;display:grid}.admin-post-item:hover,.admin-post-item:focus-visible{border-color:#111827;outline:none;box-shadow:0 8px 20px -14px #0f172a59}.admin-post-item.is-active{color:#fff;background:#111827;border-color:#111827}.admin-post-title{font-weight:600}.admin-post-slug{color:#6b7280;font-size:.7rem}.admin-post-item.is-active .admin-post-slug{color:#ffffffbf}.admin-form{gap:24px;display:grid}.admin-section-title{color:#111827;font-size:1.1rem;font-weight:600}.admin-muted{color:#6b7280;margin-top:6px;font-size:.85rem;line-height:1.5}.admin-field-grid{gap:16px;display:grid}.admin-field-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-field-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-label{color:#374151;gap:8px;font-size:.85rem;font-weight:600;display:grid}.admin-label-row{align-items:center;gap:10px;display:inline-flex}.admin-label--spaced{margin-top:20px}.admin-input,.admin-textarea,.admin-select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:10px 12px;font-size:.9rem;transition:border .15s,box-shadow .15s;box-shadow:inset 0 1px 2px #0f172a0a}.admin-input:focus,.admin-textarea:focus,.admin-select:focus{border-color:#0f172a;outline:none;box-shadow:0 0 0 3px #0f172a1f}.admin-textarea{resize:vertical}.admin-tip{justify-content:flex-start;align-items:center;display:inline-flex;position:relative}.admin-tip-trigger{color:#f59e0b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:border .15s,box-shadow .15s,transform .15s;display:inline-flex}.admin-tip-trigger svg{fill:currentColor;width:20px;height:20px}.admin-tip-trigger:hover,.admin-tip-trigger:focus-visible{border-color:#f59e0b;outline:none;transform:translateY(-1px);box-shadow:0 10px 20px -14px #0f172a59}.admin-tip-popover{opacity:0;pointer-events:none;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:min(280px,70vw);padding:12px 14px;transition:opacity .15s,transform .15s;position:absolute;top:48px;left:0;transform:translateY(-4px);box-shadow:0 18px 30px -22px #0f172a59}.admin-tip:hover .admin-tip-popover,.admin-tip:focus-within .admin-tip-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.admin-tip-title{color:#374151;font-size:.9rem;font-weight:600}.admin-tip-list{color:#4b5563;gap:6px;margin-top:10px;padding-left:18px;font-size:.8rem;display:grid}.admin-form-footer{color:#6b7280;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:16px;font-size:.8rem;display:flex}.admin-divider{background:#e5e7eb;height:1px;margin:20px 0}.admin-alert{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:6px;margin-top:16px;padding:12px 16px;font-size:.85rem;display:grid}.admin-alert__error{color:#b91c1c;font-weight:600}.admin-alert__success{color:#047857;font-weight:600}.admin-helper{color:#9ca3af;font-size:.75rem;font-weight:500}.admin-editor{gap:12px;display:grid}.admin-editor__toolbar{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;display:flex}.admin-editor__label{color:#374151;font-weight:600}.admin-editor__option{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:4px 8px;font-weight:600}.admin-textarea--editor{min-height:220px}.admin-editor__toggle{gap:8px;display:inline-flex}.admin-toggle{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 12px;font-size:.75rem;font-weight:600}.admin-toggle--active{color:#fff;background:#111827;border-color:#111827}.admin-side{align-self:start;gap:20px;display:grid;position:sticky;top:24px}.admin-image-picker{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.admin-image-picker__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.admin-image-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-top:16px;overflow:hidden}.admin-image-placeholder{text-align:center;color:#6b7280;padding:32px 16px;font-size:.8rem}.admin-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.admin-image-tile{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.admin-image{object-fit:cover;width:100%;height:110px;display:block}.admin-help{color:#9ca3af;margin-top:12px;font-size:.75rem}.admin-seo-preview{gap:6px;margin-top:16px;display:grid}.admin-seo-title{color:#4338ca;font-size:.9rem;font-weight:600}.admin-seo-link{color:#16a34a;font-size:.75rem}.admin-checklist{color:#4b5563;gap:12px;margin-top:16px;font-size:.85rem;display:grid}.admin-checklist li{align-items:center;gap:10px;display:flex}.admin-check{background:#fbbf24;border-radius:999px;width:10px;height:10px}.admin-check--success{background:#10b981}.admin-check--warning{background:#f59e0b}.admin-image-modal{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-image-modal__panel{background:#fff;border-radius:20px;flex-direction:column;width:min(720px,100%);max-height:85vh;display:flex;overflow-y:auto;box-shadow:0 24px 48px #0f172a40}.admin-image-modal__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.admin-image-modal__header h3{margin:4px 0 0;font-size:1.1rem;font-weight:600}.admin-image-modal__eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#6b7280;font-size:.7rem}.admin-image-modal__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:20px 24px;display:grid}.admin-image-modal__card{cursor:pointer;text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.admin-image-modal__card:hover{border-color:#111827;box-shadow:0 8px 20px -14px #0f172a59}.admin-image-modal__image{object-fit:cover;width:100%;height:100px;display:block}.admin-image-modal__filename{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:.7rem;display:block;overflow:hidden}.admin-image-modal__footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.admin-image-modal__page{color:#6b7280;font-size:.8rem}.admin-editor__option--action{color:#fff;background:#059669;border-color:#059669}@media (max-width:1024px){.admin-grid{grid-template-columns:1fr}.admin-posts,.admin-side{position:static}}@media (max-width:720px){.admin-container{padding:32px 18px 64px}.admin-field-grid--two,.admin-field-grid--three{grid-template-columns:1fr}.admin-status-divider{display:inline-block}}