.content-editor,.content-editor-list{flex-direction:column;gap:.5rem;display:flex}.content-editor-item{background:#00abf008;border:1px solid #00abf033;border-radius:8px;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}.content-editor-item:hover{border-color:var(--font-primary-color);background:#00abf014}.content-editor-item-header{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.content-editor-item-number{width:20px;height:20px;color:var(--font-primary-color);font-size:.7rem;font-weight:600;font-family:var(--font-style);background:#00abf033;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.content-editor-item-type{color:var(--font-secondary-color);font-size:.75rem;font-weight:400;font-family:var(--font-style);white-space:nowrap;background:#00abf01a;border:1px solid #00abf04d;border-radius:20px;flex-shrink:0;padding:.25rem .75rem;transition:all .3s}.content-editor-item-body{flex:1;min-width:0}.content-editor-preview-text,.content-editor-preview-image,.content-editor-preview-code,.content-editor-preview-link{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.content-editor-preview-label{color:var(--font-secondary-color);font-size:.8rem;font-weight:500;font-family:var(--font-style);flex-shrink:0}.content-editor-preview-value{color:var(--font-highlight-color);font-size:.85rem;font-family:var(--font-style);word-break:break-word;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.content-editor-image-thumbnail{object-fit:cover;border:1px solid #00abf033;border-radius:4px;flex-shrink:0;max-width:60px;max-height:40px}.content-editor-item-actions{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.content-editor-action-button{width:24px;height:24px;color:var(--font-highlight-color);cursor:pointer;font-family:var(--font-style);opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:.9rem;transition:all .3s;display:flex}.content-editor-action-button:hover:not(:disabled){opacity:1;transform:scale(1.1)}.content-editor-action-button:active:not(:disabled){transform:scale(.95)}.content-editor-action-button:disabled{opacity:.4;cursor:not-allowed}.content-editor-remove-button{color:#ff6b6b}.content-editor-remove-button:hover:not(:disabled){background:#ff6b6b1a;border-color:#ff6b6b}.content-editor-edit-button{color:#007bff}.content-editor-edit-button:hover:not(:disabled){background:#007bff1a;border-color:#007bff}@media (max-width:768px){.content-editor-item{flex-wrap:wrap;padding:.6rem}.content-editor-item-body{order:3;width:100%}.content-editor-item-actions{margin-left:auto}}
.delete-confirmation-overlay{-webkit-backdrop-filter:blur();z-index:1000;will-change:opacity, backdrop-filter;background-color:#081b2900;justify-content:center;align-items:center;animation:.35s cubic-bezier(.4,0,.2,1) forwards deleteOverlayFadeIn;display:flex;position:fixed;inset:0}@keyframes deleteOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(10px);background-color:#081b29b3}}.delete-confirmation-modal{background:var(--bg-color);border:2px solid #00abf04d;border-radius:16px;width:100%;max-width:500px;padding:2rem;animation:.3s ease-out slideIn;box-shadow:0 8px 32px #00abf033}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.delete-confirmation-header{border-bottom:1px solid #00abf033;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.delete-confirmation-title{color:var(--font-highlight-color);font-size:1.5rem;font-weight:600;font-family:var(--font-style);margin:0}.delete-confirmation-close{color:var(--font-secondary-color);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;transition:all .3s;display:flex}.delete-confirmation-close:hover{color:var(--font-primary-color);background:#00abf01a;transform:rotate(90deg)}.delete-confirmation-content{flex-direction:column;gap:1.5rem;display:flex}.delete-confirmation-warning{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;padding:1rem}.delete-confirmation-message{color:#ff6b6b;font-size:1rem;font-weight:500;font-family:var(--font-style);margin:0}.delete-confirmation-title-display{flex-direction:column;gap:.5rem;display:flex}.delete-confirmation-label{color:var(--font-primary-color);font-size:.9rem;font-weight:500;font-family:var(--font-style)}.delete-confirmation-title-text{color:var(--font-highlight-color);font-size:1rem;font-family:var(--font-style);word-break:break-word;background:#00abf00d;border:2px solid #00abf033;border-radius:8px;padding:.75rem 1rem;font-weight:500}.delete-confirmation-input-group{flex-direction:column;gap:.5rem;display:flex}.delete-confirmation-input{color:var(--font-highlight-color);font-size:1rem;font-family:var(--font-style);background:#00abf00d;border:2px solid #00abf033;border-radius:8px;outline:none;padding:.75rem 1rem;transition:all .3s}.delete-confirmation-input:focus{border-color:var(--font-primary-color);background:#00abf01a;box-shadow:0 0 0 3px #00abf01a}.delete-confirmation-input::placeholder{color:var(--font-secondary-color);opacity:.5}.delete-confirmation-note{color:var(--font-secondary-color);opacity:.7;font-size:.8rem;font-style:italic;font-family:var(--font-style);margin:0}.delete-confirmation-actions{border-top:1px solid #00abf033;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.delete-confirmation-cancel{font-size:1rem;font-weight:500;font-family:var(--font-style);color:var(--font-primary-color);cursor:pointer;background:#00abf01a;border:2px solid #00abf04d;border-radius:8px;padding:.75rem 1.5rem;transition:all .3s}.delete-confirmation-cancel:hover{border-color:var(--font-primary-color);background:#00abf033;transform:translateY(-2px)}.delete-confirmation-confirm{color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-style);cursor:pointer;background:linear-gradient(135deg,#ff6b6b 0%,#ff4757 100%);border:2px solid #ffffff1a;border-radius:8px;padding:.875rem 1.5rem;transition:all .3s;box-shadow:0 4px 16px #ff6b6b4d}.delete-confirmation-confirm:not(.disabled):hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.delete-confirmation-confirm:not(.disabled):active{transform:translateY(0)}.delete-confirmation-confirm.disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width:768px){.delete-confirmation-modal{max-width:none;margin:1rem;padding:1.5rem}.delete-confirmation-title{font-size:1.25rem}.delete-confirmation-actions{flex-direction:column;gap:1rem}.delete-confirmation-cancel,.delete-confirmation-confirm{width:100%}}
.add-blog-modal{max-width:700px;max-height:90vh;padding:1.25rem;overflow-y:auto}.add-blog-header{margin-bottom:1rem;padding-bottom:.75rem}.add-blog-form{gap:.75rem}.add-blog-field-group{gap:.35rem}.add-blog-required{color:#ff6b6b}.add-blog-input-disabled{background:#00abf005}.add-blog-input{padding:.6rem .875rem;font-size:.95rem}.add-blog-actions{border-top:1px solid #00abf033;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.5rem;padding-top:.75rem;display:flex}.add-blog-actions-right{align-items:center;gap:.75rem;display:flex}.add-blog-cancel-button,.add-blog-submit-button,.add-blog-delete-button{font-size:.9rem;font-weight:600;font-family:var(--font-style);border-radius:20px;padding:.5rem 1.25rem}.add-blog-delete-button{color:var(--bg-color);background:linear-gradient(135deg,#ff6b6b 0%,#ff4757 100%);border:2px solid #ff6b6b1a;transition:all .3s;box-shadow:0 4px 16px #ff6b6b4d}.add-blog-delete-button:hover:not(:disabled){border-color:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.add-blog-delete-button:active:not(:disabled){transform:translateY(0)}.add-blog-loading{text-align:center;color:var(--font-secondary-color);font-family:var(--font-style);padding:2rem}.add-blog-content-form{border-top:1px solid #00abf033;margin-top:.5rem;padding-top:.5rem}.add-content-type-selector{flex-direction:column;gap:.5rem;display:flex}.add-content-type-title{color:var(--font-primary-color);font-size:.95rem;font-weight:500;font-family:var(--font-style);margin:0}.add-content-type-grid{flex-wrap:wrap;gap:.75rem;display:flex}.add-content-type-option{cursor:pointer;font-family:var(--font-style);white-space:nowrap;background:#00abf01a;border:1px solid #00abf04d;border-radius:20px;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .3s;display:flex}.add-content-type-option:hover,.add-content-type-option.selected{border-color:var(--font-primary-color);background:#00abf033}.add-content-type-icon{font-size:1.25rem}.add-content-type-label{color:var(--font-primary-color);font-size:.9rem;font-weight:500}.modal-textarea{resize:vertical;min-height:100px;font-family:var(--font-style)}.modal-code-textarea{font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.modal-file-input{cursor:pointer;padding:.5rem}.modal-file-input::-webkit-file-upload-button{cursor:pointer;font-family:var(--font-style);color:var(--font-primary-color);background:#00abf01a;border:1px solid #00abf04d;border-radius:6px;margin-right:1rem;padding:.5rem 1rem;transition:all .3s}.modal-file-input::-webkit-file-upload-button:hover{border-color:var(--font-primary-color);background:#00abf033}.add-content-image-preview{border:1px solid #00abf033;border-radius:8px;max-width:100%;margin-top:.75rem;overflow:hidden}.add-content-image-preview img{width:100%;height:auto;display:block}.add-content-form-divider{background:#00abf033;height:1px;margin:.75rem 0}.add-content-actions{border-top:1px solid #00abf033;justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:.75rem;display:flex}.add-content-actions button{border-radius:20px;padding:.5rem 1.25rem;font-size:.9rem}@media (max-width:768px){.add-blog-modal{max-width:100%;padding:1.5rem}.add-blog-title{font-size:1.25rem}.add-blog-actions{flex-direction:column;gap:1rem}.add-blog-actions-right{justify-content:space-between;width:100%}.add-blog-delete-button,.add-blog-cancel-button,.add-blog-submit-button{width:100%}.add-content-type-grid{flex-direction:column}.add-content-type-option{justify-content:center;width:100%}.add-content-actions{flex-direction:column}.add-content-actions button{width:100%}}