.blog-page{background-color:#f8f9fa;min-height:calc(100vh - 70px);padding:20px}.blog-page .blog-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:24px;margin-bottom:20px}.blog-page .page-header{margin-bottom:24px}.blog-page .page-header h1{font-size:24px;font-weight:600;color:#333;margin-bottom:4px}.blog-page .page-header p{font-size:14px;color:#777;margin:0}.blog-page .actions-bar{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:24px;gap:16px}@media(max-width:768px){.blog-page .actions-bar{flex-direction:column}}.blog-page .actions-bar .search-container{position:relative;width:100%;max-width:300px}@media(max-width:768px){.blog-page .actions-bar .search-container{max-width:100%}}.blog-page .actions-bar .search-container input{width:100%;padding:10px 40px 10px 16px;border:1px solid #eaeaea;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.blog-page .actions-bar .search-container input:focus{border-color:#c4c4c4}.blog-page .actions-bar .search-container .search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}.blog-page .actions-bar .search-container .clear-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#777;cursor:pointer;display:flex;align-items:center;font-size:14px;padding:0}.blog-page .actions-bar .search-container .clear-button svg{margin-right:4px}.blog-page .actions-bar .actions-right{display:flex;gap:12px}.blog-page .actions-bar .actions-right .sort-container{position:relative}.blog-page .actions-bar .actions-right .sort-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10px 36px 10px 16px;border:1px solid #eaeaea;border-radius:6px;background-color:#fff;font-size:14px;min-width:160px;cursor:pointer;outline:none}.blog-page .actions-bar .actions-right .sort-container .select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}.blog-page .actions-bar .actions-right .add-button{background-color:#d22630;color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background-color .2s}.blog-page .actions-bar .actions-right .add-button:hover{background-color:#bc222b}.blog-page .actions-bar .actions-right .add-button svg{font-size:16px}.blog-page .blog-table{width:100%;border-collapse:collapse;margin-bottom:24px}.blog-page .blog-table td,.blog-page .blog-table th{padding:12px 16px;text-align:left;border-bottom:1px solid #eaeaea}.blog-page .blog-table th{font-size:12px;font-weight:600;text-transform:uppercase;color:#777;background-color:#f9f9f9}.blog-page .blog-table td{font-size:14px;color:#333}.blog-page .blog-table tr:hover{background-color:#f0f0f0}.blog-page .blog-table .checkbox-cell{width:40px}.blog-page .blog-table .checkbox-cell input[type=checkbox]{cursor:pointer}.blog-page .blog-table .title-cell{display:flex;align-items:center;gap:12px}.blog-page .blog-table .title-cell img{width:48px;height:48px;object-fit:cover;border-radius:4px}.blog-page .blog-table .title-cell .post-title{font-weight:500}.blog-page .blog-table .category-cell,.blog-page .blog-table .date-cell,.blog-page .blog-table .tag-cell{color:#777}.blog-page .blog-table .actions-cell .action-buttons{display:flex;gap:12px}.blog-page .blog-table .actions-cell .action-buttons button{background:none;border:none;cursor:pointer;padding:0;font-size:16px;transition:color .2s}.blog-page .blog-table .actions-cell .action-buttons button.edit-button{color:#3498db}.blog-page .blog-table .actions-cell .action-buttons button.edit-button:hover{color:#217dbb}.blog-page .blog-table .actions-cell .action-buttons button.delete-button{color:#e74c3c}.blog-page .blog-table .actions-cell .action-buttons button.delete-button:hover{color:#d62c1a}.blog-page .blog-table .view-cell a{color:#3498db;text-decoration:none;font-size:12px;font-weight:600;text-transform:uppercase;transition:color .2s}.blog-page .blog-table .view-cell a:hover{color:#217dbb;text-decoration:underline}.blog-form{margin-top:20px}.blog-form .language-tabs{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.blog-form .language-tabs .language-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #eaeaea;border-radius:6px;background-color:#fff;cursor:pointer;transition:all .2s;font-size:14px}.blog-form .language-tabs .language-tab.active{border-color:#d22630;background-color:rgba(210,38,48,.05);font-weight:500}.blog-form .language-tabs .language-tab:hover:not(.active){background-color:#f0f0f0}.blog-form .language-tabs .language-tab .flag{font-size:16px}.blog-form .form-group{margin-bottom:24px}.blog-form .form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.blog-form .form-group .form-control{width:100%;padding:10px 16px;border:1px solid #eaeaea;border-radius:6px;font-size:14px;transition:border-color .2s}.blog-form .form-group .form-control:focus{outline:none;border-color:#3498db}.blog-form .editor-container{margin-bottom:30px}.blog-form .editor-container .quill{border-radius:6px;overflow:hidden}.blog-form .editor-container .quill .ql-toolbar{border-color:#eaeaea;border-top-left-radius:6px;border-top-right-radius:6px}.blog-form .editor-container .quill .ql-container{border-color:#eaeaea;border-bottom-left-radius:6px;border-bottom-right-radius:6px;min-height:200px}.blog-form .image-upload-area{border:2px dashed #eaeaea;border-radius:6px;padding:30px;text-align:center;cursor:pointer;transition:border-color .2s;position:relative;overflow:hidden}.blog-form .image-upload-area:hover{border-color:#3498db}.blog-form .image-upload-area.has-image{border-style:solid;padding:0;height:300px}.blog-form .image-upload-area .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.blog-form .image-upload-area .upload-placeholder .upload-icon{font-size:40px;color:#777}.blog-form .image-upload-area .upload-placeholder p{font-size:16px;margin:0}.blog-form .image-upload-area .upload-placeholder .upload-hint{font-size:12px;color:#777}.blog-form .image-upload-area .image-preview{width:100%;height:100%;object-fit:cover}.blog-form .image-upload-area .file-input{display:none}.blog-form .browse-button{display:inline-block;margin-top:12px;padding:8px 16px;background-color:#fff;border:1px solid #eaeaea;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.blog-form .browse-button:hover{background-color:#f0f0f0}.blog-form .language-tab.completed .completion-indicator{color:#00b300;margin-left:5px}.blog-form .form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:30px}.blog-form .form-actions .cancel-button{padding:10px 20px;background-color:#fff;border:1px solid #eaeaea;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.blog-form .form-actions .cancel-button:hover{background-color:#f0f0f0}.blog-form .form-actions .submit-button{padding:10px 20px;background-color:#d22630;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.blog-form .form-actions .submit-button:hover{background-color:#bc222b}