:root{--primary-color: #6366f1;--primary-color-light: #818cf8;--primary-color-dark: #4f46e5;--secondary-color: #10b981;--text-color: #1f2937;--text-color-light: #6b7280;--background-color: #f9fafb;--card-background-color: #ffffff;--border-color: #e5e7eb;--error-color: #ef4444;--success-color: #10b981;font-family:Inter,sans-serif;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh}#app{width:100%;height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-color-dark)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;transition:background-color .2s;white-space:nowrap;background-color:var(--primary-color);color:#fff;border:none}.btn:hover{background-color:var(--primary-color-dark)}.snackbar[data-v-2b04595b]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:16px 24px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;transition:all .3s ease}.snackbar.success[data-v-2b04595b]{background-color:#10b981}.snackbar.error[data-v-2b04595b]{background-color:#ef4444}*{box-sizing:border-box}#app{width:100%;height:100vh;margin:0;padding:0}.login-screen[data-v-c4c443c9]{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--background-color);padding:16px}.login-card[data-v-c4c443c9]{width:100%;max-width:400px;padding:32px;background-color:var(--card-background-color);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.login-header[data-v-c4c443c9]{text-align:center;margin-bottom:32px}.login-header h2[data-v-c4c443c9]{font-size:24px;font-weight:700;color:var(--text-color);margin-bottom:8px}.login-header p[data-v-c4c443c9]{color:var(--text-color-light);font-size:14px}.login-form[data-v-c4c443c9]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-c4c443c9]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-c4c443c9]{font-size:14px;font-weight:500;color:var(--text-color)}.input[data-v-c4c443c9]{padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;transition:border-color .2s,box-shadow .2s}.input[data-v-c4c443c9]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.error-message[data-v-c4c443c9]{background-color:#fee2e2;color:#b91c1c;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #fca5a5}.login-button[data-v-c4c443c9]{padding:14px 24px;background-color:var(--primary-color);color:#fff;border-radius:8px;font-size:16px;font-weight:600;transition:background-color .2s;margin-top:8px}.login-button[data-v-c4c443c9]:hover:not(:disabled){background-color:var(--primary-color-dark)}.login-button[data-v-c4c443c9]:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 480px){.login-card[data-v-c4c443c9]{padding:48px}.login-header h2[data-v-c4c443c9]{font-size:28px}.login-header p[data-v-c4c443c9]{font-size:16px}}.article-list[data-v-ff6b196c]{padding:16px}.list-header[data-v-ff6b196c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.list-header h2[data-v-ff6b196c]{font-size:24px;font-weight:700;color:var(--text-color)}.header-actions[data-v-ff6b196c]{display:flex;gap:12px;flex-wrap:wrap}.new-article-button[data-v-ff6b196c],.import-button[data-v-ff6b196c],.export-all-button[data-v-ff6b196c]{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:background-color .2s;background-color:var(--primary-color);color:#fff;border:none}.new-article-button[data-v-ff6b196c]:hover,.import-button[data-v-ff6b196c]:hover,.export-all-button[data-v-ff6b196c]:hover{background-color:var(--primary-color-dark)}.filter-container[data-v-ff6b196c]{margin-bottom:24px}.filters[data-v-ff6b196c]{display:grid;grid-template-columns:1fr;gap:16px}.search-input[data-v-ff6b196c],.status-filter[data-v-ff6b196c]{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background-color:var(--card-background-color)}.search-input[data-v-ff6b196c]:focus,.status-filter[data-v-ff6b196c]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.loading[data-v-ff6b196c],.empty[data-v-ff6b196c]{padding:48px;text-align:center;color:var(--text-color-light);font-size:16px}.articles-table-container[data-v-ff6b196c]{background-color:var(--card-background-color);border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.articles-table[data-v-ff6b196c]{width:100%;border-collapse:collapse}.articles-table th[data-v-ff6b196c]{padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:var(--text-color-light);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.articles-table td[data-v-ff6b196c]{padding:16px 24px;font-size:14px;color:var(--text-color);border-bottom:1px solid var(--border-color);white-space:nowrap}.articles-table tbody tr[data-v-ff6b196c]:last-child{border-bottom:none}.articles-table tbody tr[data-v-ff6b196c]{cursor:pointer;transition:background-color .2s}.articles-table tbody tr[data-v-ff6b196c]:hover{background-color:var(--background-color)}.article-title[data-v-ff6b196c]{font-weight:600;color:var(--text-color)}.article-title>div[data-v-ff6b196c]{display:flex;align-items:center}.notification-dot[data-v-ff6b196c]{width:8px;height:8px;background-color:#ef4444;border-radius:50%;margin-left:8px}.author-name[data-v-ff6b196c]{font-size:12px;color:var(--text-color-light)}.status-badge[data-v-ff6b196c]{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.status-badge.active[data-v-ff6b196c]{background-color:#dcfce7!important;color:#166534!important}.status-badge.inactive[data-v-ff6b196c]{background-color:#fee2e2!important;color:#991b1b!important}.version[data-v-ff6b196c]{font-weight:500;color:var(--text-color-light)}.date[data-v-ff6b196c]{color:var(--text-color-light);font-size:13px}.actions-cell[data-v-ff6b196c]{text-align:right}.actions[data-v-ff6b196c]{display:inline-flex;gap:8px;align-items:center}.delete-button[data-v-ff6b196c]{background-color:var(--error-color)}.delete-button[data-v-ff6b196c],.export-button[data-v-ff6b196c]{font-size:12px;font-weight:500;color:#fff;padding:4px 8px;border-radius:6px;transition:background-color .2s;border:none}.export-button[data-v-ff6b196c]{background-color:var(--primary-color)}.delete-button[data-v-ff6b196c]:hover,.export-button[data-v-ff6b196c]:hover{background-color:var(--primary-color-dark)}.pagination[data-v-ff6b196c]{display:flex;justify-content:center;align-items:center;margin-top:24px;gap:4px;flex-wrap:wrap}.pagination-button[data-v-ff6b196c]{padding:8px 12px;min-width:36px;background-color:var(--card-background-color);border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.pagination-button[data-v-ff6b196c]:hover:not(:disabled){background-color:var(--primary-color-dark);color:#fff;border-color:var(--primary-color-dark)}.pagination-button[data-v-ff6b196c]:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active[data-v-ff6b196c]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-dots[data-v-ff6b196c]{padding:8px 0;color:var(--text-color-light)}@media (min-width: 640px){.article-list[data-v-ff6b196c]{padding:32px}.filters[data-v-ff6b196c]{grid-template-columns:1fr 220px}}@media (max-width: 768px){.button-text[data-v-ff6b196c]{display:none}.new-article-button[data-v-ff6b196c],.import-button[data-v-ff6b196c],.export-all-button[data-v-ff6b196c]{padding:10px}.articles-table[data-v-ff6b196c]{display:block}.articles-table thead[data-v-ff6b196c]{display:none}.articles-table tbody[data-v-ff6b196c]{display:block}.articles-table tr[data-v-ff6b196c]{display:block;padding:16px;border-bottom:1px solid var(--border-color)}.articles-table tr[data-v-ff6b196c]:last-child{border-bottom:none}.articles-table td[data-v-ff6b196c]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border:none;white-space:normal}.articles-table td[data-v-ff6b196c]:before{content:attr(data-label);font-weight:600;color:var(--text-color-light);margin-right:16px}.article-title[data-v-ff6b196c]{flex-direction:column;align-items:flex-start;gap:4px}.actions-cell[data-v-ff6b196c]{justify-content:flex-end}.actions-cell[data-v-ff6b196c]:before{display:none}}.modal-overlay[data-v-54c90b4e]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal[data-v-54c90b4e]{background:#fff;border-radius:12px;width:100%;max-width:700px;margin-top:5vh;margin-bottom:5vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-54c90b4e]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.modal-header h2[data-v-54c90b4e]{font-size:18px;font-weight:700;color:#1a202c;margin:0}.close-button[data-v-54c90b4e]{background:none;border:none;font-size:28px;color:#a0aec0;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button[data-v-54c90b4e]:hover{color:var(--primary-color)}.modal-body[data-v-54c90b4e]{overflow-y:auto;padding:20px}.info-banner[data-v-54c90b4e]{background:#bee3f8;color:#2c5282;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;border:1px solid #90cdf4}.form-group[data-v-54c90b4e]{margin-bottom:20px}.form-group label[data-v-54c90b4e]{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.input[data-v-54c90b4e],.select[data-v-54c90b4e],.textarea[data-v-54c90b4e]{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.input[data-v-54c90b4e]:focus,.select[data-v-54c90b4e]:focus,.textarea[data-v-54c90b4e]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.input[data-v-54c90b4e]:disabled,.select[data-v-54c90b4e]:disabled,.textarea[data-v-54c90b4e]:disabled{background:#f7fafc;cursor:not-allowed}.textarea[data-v-54c90b4e]{resize:vertical;line-height:1.6}.image-previews[data-v-54c90b4e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-top:16px}.image-preview[data-v-54c90b4e]{width:100%;padding-top:100%;position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.image-preview img[data-v-54c90b4e]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.error-message[data-v-54c90b4e]{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #fc8181}.modal-footer[data-v-54c90b4e]{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e2e8f0;flex-shrink:0}.cancel-button[data-v-54c90b4e],.save-button[data-v-54c90b4e]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background-color:var(--primary-color);color:#fff}.cancel-button[data-v-54c90b4e]:hover:not(:disabled),.save-button[data-v-54c90b4e]:hover:not(:disabled){background-color:var(--primary-color-dark)}.cancel-button[data-v-54c90b4e]:disabled,.save-button[data-v-54c90b4e]:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 640px){.modal-header[data-v-54c90b4e],.modal-body[data-v-54c90b4e],.modal-footer[data-v-54c90b4e]{padding:24px}.modal-header h2[data-v-54c90b4e]{font-size:20px}.save-button[data-v-54c90b4e],.cancel-button[data-v-54c90b4e]{padding:10px 24px}}.lightbox-overlay[data-v-866bc018]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001}.lightbox-content[data-v-866bc018]{position:relative;max-width:90vw;max-height:90vh}.lightbox-image[data-v-866bc018]{max-width:100%;max-height:100%;display:block;border-radius:8px}.close-button[data-v-866bc018]{position:absolute;top:-40px;right:0;background:none;border:none;font-size:40px;color:#fff;cursor:pointer;transition:color .2s}.close-button[data-v-866bc018]:hover{color:var(--primary-color)}.article-content[data-v-cd8333c6]{padding:24px}.header-top[data-v-cd8333c6]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.header-top h1[data-v-cd8333c6]{font-size:24px;font-weight:700;color:var(--text-color);line-height:1.3;flex:1}.header-actions[data-v-cd8333c6]{display:flex;gap:16px;align-items:center}.status-select[data-v-cd8333c6]{padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-weight:500;background-color:var(--card-background-color);cursor:pointer}.status-badge[data-v-cd8333c6]{padding:6px 16px;border-radius:9999px;font-size:12px;font-weight:500;color:#fff;text-transform:uppercase;white-space:nowrap}.action-button[data-v-cd8333c6]{padding:10px 20px;background-color:var(--primary-color);color:#fff;border-radius:8px;font-size:14px;font-weight:500;transition:background-color .2s}.action-button[data-v-cd8333c6]:hover{background-color:var(--primary-color-dark)}.header-meta[data-v-cd8333c6]{font-size:12px;color:var(--text-color-light);margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.meta-grid[data-v-cd8333c6]{display:grid;grid-template-columns:1fr;gap:12px;align-items:center}.meta-item[data-v-cd8333c6]{display:flex;flex-direction:column;gap:4px}.meta-label[data-v-cd8333c6]{font-weight:500}.version-badge[data-v-cd8333c6]{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;background-color:#93a8d2;color:#fff;display:inline-block}.image-gallery[data-v-cd8333c6]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.image-thumbnail[data-v-cd8333c6]{width:60px;height:60px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);cursor:pointer}.image-thumbnail img[data-v-cd8333c6]{width:100%;height:100%;object-fit:cover}.image-thumbnail-edit[data-v-cd8333c6]{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.image-thumbnail-edit img[data-v-cd8333c6]{width:100%;height:100%;object-fit:cover}.remove-image-button[data-v-cd8333c6]{position:absolute;top:4px;right:4px;width:20px;height:20px;background:var(--primary-color);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.remove-image-button[data-v-cd8333c6]:hover{background:var(--primary-color-dark)}.article-text[data-v-cd8333c6]{font-size:16px;line-height:1.7;color:var(--text-color);white-space:pre-wrap;word-wrap:break-word}.content-actions[data-v-cd8333c6]{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px}.content-footer[data-v-cd8333c6]{margin-top:48px;padding-top:32px;border-top:1px solid var(--border-color)}.versions-title[data-v-cd8333c6]{font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:24px}.loading[data-v-cd8333c6]{text-align:center;padding:32px;color:#718096}.versions-list[data-v-cd8333c6]{display:flex;flex-direction:column;gap:16px}.version-item[data-v-cd8333c6]{padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color .2s;display:block;text-decoration:none}.version-item[data-v-cd8333c6]:hover{border-color:var(--primary-color)}.version-header[data-v-cd8333c6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.version-info[data-v-cd8333c6]{display:flex;align-items:center;gap:12px}.version-meta[data-v-cd8333c6]{font-size:13px;color:#718096;margin-bottom:8px}.version-preview[data-v-cd8333c6]{font-size:14px;color:#4a5568;line-height:1.6;word-break:break-word}.edit-form[data-v-cd8333c6]{padding:0}.form-group[data-v-cd8333c6]{margin-bottom:20px}.form-group label[data-v-cd8333c6]{display:block;font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:8px}.input[data-v-cd8333c6],.textarea[data-v-cd8333c6]{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background-color:var(--background-color)}.textarea[data-v-cd8333c6]{resize:vertical;min-height:200px}.form-actions[data-v-cd8333c6]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-button[data-v-cd8333c6],.save-button[data-v-cd8333c6]{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s;border:none;background:var(--primary-color);color:#fff}.cancel-button[data-v-cd8333c6]:hover:not(:disabled),.save-button[data-v-cd8333c6]:hover:not(:disabled){background:var(--primary-color-dark)}@media (min-width: 768px){.article-content[data-v-cd8333c6]{padding:48px}.header-top h1[data-v-cd8333c6]{font-size:30px}.meta-grid[data-v-cd8333c6]{grid-template-columns:repeat(3,1fr);text-align:center}.meta-item[data-v-cd8333c6]{flex-direction:row;align-items:center;justify-content:center;gap:8px}.meta-item[data-v-cd8333c6]:first-child{justify-content:flex-start}.meta-item[data-v-cd8333c6]:last-child{justify-content:flex-end}.image-thumbnail[data-v-cd8333c6]{width:80px;height:80px}.image-thumbnail-edit[data-v-cd8333c6]{width:100px;height:100px}}.comment-section[data-v-52ddfa51]{display:flex;flex-direction:column;height:100%}.section-header[data-v-52ddfa51]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-color)}.section-header h3[data-v-52ddfa51]{font-size:18px;font-weight:600;color:var(--text-color)}.action-button[data-v-52ddfa51]{padding:10px 20px;background-color:var(--primary-color);color:#fff;border-radius:8px;font-size:14px;font-weight:500;transition:background-color .2s}.action-button[data-v-52ddfa51]:hover{background-color:var(--primary-color-dark)}.new-comment[data-v-52ddfa51]{padding:24px;border-bottom:1px solid var(--border-color)}.comment-input[data-v-52ddfa51]{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;background-color:var(--card-background-color);resize:vertical;margin-bottom:12px}.comment-input[data-v-52ddfa51]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.submit-button[data-v-52ddfa51]{width:100%;padding:10px 16px;background-color:var(--primary-color);color:#fff;border-radius:8px;font-size:14px;font-weight:500;transition:background-color .2s}.submit-button[data-v-52ddfa51]:hover:not(:disabled){background-color:var(--primary-color-dark)}.submit-button[data-v-52ddfa51]:disabled{opacity:.6;cursor:not-allowed}.comments-list[data-v-52ddfa51]{flex:1;overflow-y:auto}.loading[data-v-52ddfa51],.empty[data-v-52ddfa51]{padding:48px 24px;text-align:center;color:var(--text-color-light)}.comment-items[data-v-52ddfa51]{display:flex;flex-direction:column}.comment-item[data-v-52ddfa51]{padding:16px 24px;border-bottom:1px solid var(--border-color)}.comment-item[data-v-52ddfa51]:last-child{border-bottom:none}.comment-header[data-v-52ddfa51]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.comment-author[data-v-52ddfa51]{font-size:14px;font-weight:600;color:var(--text-color)}.comment-date[data-v-52ddfa51]{font-size:12px;color:var(--text-color-light)}.comment-content[data-v-52ddfa51]{font-size:14px;line-height:1.6;color:var(--text-color)}.article-access[data-v-12ed50b9]{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.section-header[data-v-12ed50b9]{padding:0 24px 16px}.section-header h3[data-v-12ed50b9]{font-size:18px;font-weight:600;color:var(--text-color)}.loading[data-v-12ed50b9]{padding:24px;text-align:center;color:var(--text-color-light)}.user-list[data-v-12ed50b9]{display:flex;flex-direction:column;gap:12px;padding:0 24px}.user-item[data-v-12ed50b9]{display:flex;justify-content:space-between;align-items:center}.article-detail[data-v-6357d735]{display:flex;flex-direction:column;height:100%;background-color:var(--background-color)}.detail-header[data-v-6357d735]{padding:16px;background-color:var(--card-background-color);border-bottom:1px solid var(--border-color);flex-shrink:0}.back-button[data-v-6357d735]{font-size:14px;font-weight:500;color:var(--text-color-light);transition:color .2s}.back-button[data-v-6357d735]:hover{color:var(--text-color)}.detail-content[data-v-6357d735]{display:grid;grid-template-columns:1fr;gap:24px;padding:16px;overflow-y:auto;flex:1}.article-container[data-v-6357d735],.sidebar-container[data-v-6357d735]{background-color:var(--card-background-color);border-radius:12px;box-shadow:0 1px 3px #0000000d}.sidebar-container[data-v-6357d735]{display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.detail-header[data-v-6357d735]{padding:24px 32px}.detail-content[data-v-6357d735]{grid-template-columns:1fr 400px;gap:32px;padding:32px}.sidebar-container[data-v-6357d735]{gap:32px}}.modal-overlay[data-v-87fd9279]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal[data-v-87fd9279]{background:#fff;border-radius:12px;width:100%;max-width:700px;margin-top:5vh;margin-bottom:5vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-87fd9279]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.modal-header h2[data-v-87fd9279]{font-size:18px;font-weight:700;color:#1a202c;margin:0}.close-button[data-v-87fd9279]{background:none;border:none;font-size:28px;color:#a0aec0;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-button[data-v-87fd9279]:hover{color:var(--primary-color)}.modal-body[data-v-87fd9279]{overflow-y:auto;padding:20px}.form-group[data-v-87fd9279]{margin-bottom:20px}.form-group label[data-v-87fd9279]{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.input[data-v-87fd9279],.select[data-v-87fd9279],.textarea[data-v-87fd9279]{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.input[data-v-87fd9279]:focus,.select[data-v-87fd9279]:focus,.textarea[data-v-87fd9279]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.input[data-v-87fd9279]:disabled,.select[data-v-87fd9279]:disabled,.textarea[data-v-87fd9279]:disabled{background:#f7fafc;cursor:not-allowed}.textarea[data-v-87fd9279]{resize:vertical;line-height:1.6}.image-previews[data-v-87fd9279]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-top:16px}.image-preview[data-v-87fd9279]{width:100%;padding-top:100%;position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.image-preview img[data-v-87fd9279]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.error-message[data-v-87fd9279]{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #fc8181}.modal-footer[data-v-87fd9279]{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e2e8f0;flex-shrink:0}.cancel-button[data-v-87fd9279],.save-button[data-v-87fd9279]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;background-color:var(--primary-color);color:#fff}.cancel-button[data-v-87fd9279]:hover:not(:disabled),.save-button[data-v-87fd9279]:hover:not(:disabled){background-color:var(--primary-color-dark)}.cancel-button[data-v-87fd9279]:disabled,.save-button[data-v-87fd9279]:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 640px){.modal-header[data-v-87fd9279],.modal-body[data-v-87fd9279],.modal-footer[data-v-87fd9279]{padding:24px}.modal-header h2[data-v-87fd9279]{font-size:20px}.save-button[data-v-87fd9279],.cancel-button[data-v-87fd9279]{padding:10px 24px}}.user-management[data-v-d31361f0]{padding:16px}.management-header[data-v-d31361f0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.management-header h2[data-v-d31361f0]{font-size:24px;font-weight:700;color:var(--text-color)}.create-button[data-v-d31361f0]{padding:10px 20px;background-color:var(--primary-color);color:#fff;border-radius:8px;font-size:14px;font-weight:500;transition:background-color .2s}.create-button[data-v-d31361f0]:hover{background-color:var(--primary-color-dark)}.loading[data-v-d31361f0]{padding:48px;text-align:center;color:var(--text-color-light);font-size:16px}.users-table-container[data-v-d31361f0]{background-color:var(--card-background-color);border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow-x:auto}.users-table[data-v-d31361f0]{width:100%;border-collapse:collapse}.users-table th[data-v-d31361f0]{padding:16px 24px;text-align:left;font-size:12px;font-weight:600;color:var(--text-color-light);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color);white-space:nowrap}.users-table td[data-v-d31361f0]{padding:16px 24px;font-size:14px;color:var(--text-color);border-bottom:1px solid var(--border-color)}.users-table tbody tr:last-child td[data-v-d31361f0]{border-bottom:none}.user-name[data-v-d31361f0]{font-weight:600;color:var(--text-color)}.user-username[data-v-d31361f0]{font-size:13px;color:var(--text-color-light)}.email[data-v-d31361f0]{color:var(--text-color-light);word-break:break-all}.date[data-v-d31361f0]{color:var(--text-color-light);font-size:13px;white-space:nowrap}.role-badge[data-v-d31361f0]{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.status-badge[data-v-d31361f0]{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500}.status-badge.active[data-v-d31361f0]{background-color:#dcfce7;color:#166534}.status-badge.inactive[data-v-d31361f0]{background-color:#fee2e2;color:#991b1b}.actions-cell[data-v-d31361f0]{text-align:right}.actions[data-v-d31361f0]{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.action-button[data-v-d31361f0]{font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;transition:background-color .2s,color .2s;color:#fff;border:none}.delete-button[data-v-d31361f0]{background-color:var(--error-color)}.edit-button[data-v-d31361f0],.toggle-button[data-v-d31361f0]{background-color:var(--primary-color)}.edit-button[data-v-d31361f0]:hover,.delete-button[data-v-d31361f0]:hover,.toggle-button[data-v-d31361f0]:hover:not(:disabled){background-color:var(--primary-color-dark)}.toggle-button[data-v-d31361f0]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-d31361f0]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal[data-v-d31361f0]{background:#fff;border-radius:12px;width:100%;max-width:500px;margin-top:5vh;margin-bottom:5vh;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-d31361f0]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e2e8f0}.modal-header h2[data-v-d31361f0]{font-size:18px;font-weight:600;color:#1a202c}.close-button[data-v-d31361f0]{background:none;border:none;font-size:24px;color:#a0aec0;cursor:pointer}.close-button[data-v-d31361f0]:hover{color:var(--primary-color)}.modal-body[data-v-d31361f0]{padding:20px;max-height:70vh;overflow-y:auto}.form-group[data-v-d31361f0]{margin-bottom:20px}.form-group label[data-v-d31361f0]{display:block;font-size:14px;font-weight:500;color:#2d3748;margin-bottom:8px}.input[data-v-d31361f0],.select[data-v-d31361f0]{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.input[data-v-d31361f0]:focus,.select[data-v-d31361f0]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.error-message[data-v-d31361f0]{background:#fee2e2;color:#b91c1c;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #fca5a5}.permissions-grid[data-v-d31361f0]{display:grid;grid-template-columns:1fr;gap:12px}.permission-item[data-v-d31361f0]{display:flex;align-items:center;gap:8px}.permission-item input[data-v-d31361f0]{width:16px;height:16px}.permission-item label[data-v-d31361f0]{font-size:14px;font-weight:500;color:#2d3748;margin-bottom:0}.modal-footer[data-v-d31361f0]{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e2e8f0}.cancel-button[data-v-d31361f0],.save-button[data-v-d31361f0]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s;border:none;background:var(--primary-color);color:#fff}.cancel-button[data-v-d31361f0]:hover:not(:disabled),.save-button[data-v-d31361f0]:hover:not(:disabled){background:var(--primary-color-dark)}@media (min-width: 640px){.user-management[data-v-d31361f0]{padding:32px}.users-table-container[data-v-d31361f0]{overflow-x:visible}.modal-header[data-v-d31361f0],.modal-body[data-v-d31361f0],.modal-footer[data-v-d31361f0]{padding:24px}.modal-header h2[data-v-d31361f0]{font-size:20px}.permissions-grid[data-v-d31361f0]{grid-template-columns:repeat(2,1fr)}.permission-item label[data-v-d31361f0]{margin-bottom:0}.cancel-button[data-v-d31361f0],.save-button[data-v-d31361f0]{padding:10px 24px}}@media (max-width: 768px){.users-table[data-v-d31361f0]{display:block}.users-table thead[data-v-d31361f0]{display:none}.users-table tbody[data-v-d31361f0],.users-table tr[data-v-d31361f0]{display:block}.users-table tr[data-v-d31361f0]{padding:16px;border-bottom:1px solid var(--border-color)}.users-table tr[data-v-d31361f0]:last-child{border-bottom:none}.users-table td[data-v-d31361f0]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border:none;white-space:normal}.users-table td[data-v-d31361f0]:before{content:attr(data-label);font-weight:600;color:var(--text-color-light);margin-right:16px}.actions-cell[data-v-d31361f0]{justify-content:flex-end}.actions-cell[data-v-d31361f0]:before{display:none}}.dashboard[data-v-a79378fa]{display:flex;flex-direction:column;height:100vh;background-color:var(--background-color);transition:margin-left .3s ease}.dashboard-header[data-v-a79378fa]{background-color:var(--card-background-color);border-bottom:1px solid var(--border-color);z-index:10;position:fixed;width:100%;top:0}.header-content[data-v-a79378fa]{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px}.header-left[data-v-a79378fa]{display:flex;align-items:center;gap:16px}.sidebar-toggle[data-v-a79378fa]{font-size:24px;color:var(--text-color);background-color:transparent;border:none}.sidebar-toggle[data-v-a79378fa]:hover{color:var(--primary-color)}.logo[data-v-a79378fa]{font-size:20px;font-weight:700;color:var(--primary-color)}.header-actions[data-v-a79378fa]{display:flex;align-items:center;gap:24px}.user-info[data-v-a79378fa]{color:var(--text-color);font-size:14px;font-weight:500}.logout-button[data-v-a79378fa]{font-size:14px;font-weight:500;color:var(--text-color-light);transition:color .2s;background-color:transparent;border:none}.logout-button[data-v-a79378fa]:hover{color:var(--primary-color)}.dashboard-content[data-v-a79378fa]{display:flex;flex:1;overflow:hidden;padding-top:64px}.sidebar[data-v-a79378fa]{width:240px;background-color:var(--card-background-color);border-right:1px solid var(--border-color);padding:24px;transition:width .3s ease,padding .3s ease;overflow-x:hidden}.sidebar-collapsed .sidebar[data-v-a79378fa]{width:80px;padding:24px 16px}.sidebar-collapsed .nav-text[data-v-a79378fa],.sidebar-collapsed .notification-badge[data-v-a79378fa]{display:none}.sidebar-collapsed .nav-button[data-v-a79378fa]{justify-content:center}.nav-section[data-v-a79378fa]{display:flex;flex-direction:column;gap:8px}.nav-button[data-v-a79378fa]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;font-size:15px;font-weight:500;color:var(--text-color-light);transition:all .2s;text-align:left;white-space:nowrap;background-color:transparent;border:none}.nav-button[data-v-a79378fa]:hover{background-color:var(--primary-color-dark);color:#fff}.nav-button.active[data-v-a79378fa]{background-color:var(--primary-color);color:#fff}.nav-icon[data-v-a79378fa]{font-size:20px;min-width:24px;text-align:center}.notification-badge[data-v-a79378fa]{margin-left:auto;background-color:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:9999px}.main-content[data-v-a79378fa]{flex:1;overflow-y:auto;padding:24px;transition:margin-left .3s ease}@media (max-width: 768px){.sidebar[data-v-a79378fa]{position:absolute;left:0;top:64px;height:calc(100vh - 64px);z-index:100;transform:translate(0);transition:transform .3s ease,width .3s ease}.sidebar-collapsed .sidebar[data-v-a79378fa]{transform:translate(-100%)}.main-content[data-v-a79378fa]{padding:16px}.logo[data-v-a79378fa]{font-size:18px}.user-info[data-v-a79378fa]{display:none}}.article-view[data-v-6d28da33]{min-height:100vh;background:#f7fafc;display:flex;flex-direction:column}.view-header[data-v-6d28da33]{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 24px}.back-button[data-v-6d28da33]{padding:8px 16px;background:var(--primary-color);border:none;border-radius:6px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.back-button[data-v-6d28da33]:hover{background:var(--primary-color-dark)}.loading[data-v-6d28da33],.error[data-v-6d28da33]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.error h2[data-v-6d28da33]{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 8px}.error p[data-v-6d28da33]{font-size:16px;color:#718096;margin:0 0 24px}.back-button-primary[data-v-6d28da33]{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s}.back-button-primary[data-v-6d28da33]:hover{background:#5568d3}.view-content[data-v-6d28da33]{display:flex;flex:1;max-width:1400px;width:100%;margin:0 auto;gap:32px;padding:32px}.article-container[data-v-6d28da33]{flex:1;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:48px}.article-header[data-v-6d28da33]{margin-bottom:24px}.article-header h1[data-v-6d28da33]{font-size:36px;font-weight:700;color:#1a202c;margin:0 0 16px;line-height:1.3}.article-meta[data-v-6d28da33]{display:flex;gap:12px;align-items:center}.status-badge[data-v-6d28da33],.version-badge[data-v-6d28da33]{display:inline-block;padding:8px 16px;border-radius:16px;font-size:13px;font-weight:600;text-transform:uppercase}.status-badge[data-v-6d28da33]{color:#fff}.version-badge[data-v-6d28da33]{background:#edf2f7;color:#4a5568}.article-info[data-v-6d28da33]{display:flex;gap:12px;font-size:14px;color:#718096;padding-bottom:24px;border-bottom:2px solid #e2e8f0;margin-bottom:32px}.article-body[data-v-6d28da33]{margin-bottom:32px}.article-text[data-v-6d28da33]{font-size:17px;line-height:1.8;color:#2d3748;white-space:pre-wrap;word-wrap:break-word}.comment-container[data-v-6d28da33]{width:400px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;height:fit-content;max-height:calc(100vh - 160px);display:flex;flex-direction:column}@media (max-width: 1200px){.view-content[data-v-6d28da33]{flex-direction:column}.comment-container[data-v-6d28da33]{width:100%;max-height:600px}}@media (max-width: 768px){.article-container[data-v-6d28da33]{padding:24px}.article-header h1[data-v-6d28da33]{font-size:28px}}