: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}.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-02ea888a]{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--background-color)}.login-card[data-v-02ea888a]{width:100%;max-width:400px;padding:48px;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-02ea888a]{text-align:center;margin-bottom:32px}.login-header h2[data-v-02ea888a]{font-size:28px;font-weight:700;color:var(--text-color);margin-bottom:8px}.login-header p[data-v-02ea888a]{color:var(--text-color-light)}.login-form[data-v-02ea888a]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-02ea888a]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-02ea888a]{font-size:14px;font-weight:500;color:var(--text-color)}.input[data-v-02ea888a]{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-02ea888a]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.error-message[data-v-02ea888a]{background-color:#fee2e2;color:#b91c1c;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #fca5a5}.login-button[data-v-02ea888a]{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-02ea888a]:hover:not(:disabled){background-color:var(--primary-color-dark)}.login-button[data-v-02ea888a]:disabled{opacity:.6;cursor:not-allowed}.article-list[data-v-c67c4641]{padding:32px}.list-header[data-v-c67c4641]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.list-header h2[data-v-c67c4641]{font-size:24px;font-weight:700;color:var(--text-color)}.header-actions[data-v-c67c4641]{display:flex;gap:12px}.new-article-button[data-v-c67c4641],.import-button[data-v-c67c4641],.export-all-button[data-v-c67c4641]{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;transition:background-color .2s}.new-article-button[data-v-c67c4641]{background-color:var(--primary-color);color:#fff}.new-article-button[data-v-c67c4641]:hover{background-color:var(--primary-color-dark)}.import-button[data-v-c67c4641]{background-color:#10b981;color:#fff}.import-button[data-v-c67c4641]:hover{background-color:#059669}.export-all-button[data-v-c67c4641]{background-color:#3b82f6;color:#fff}.export-all-button[data-v-c67c4641]:hover{background-color:#2563eb}.filter-container[data-v-c67c4641]{margin-bottom:24px}.filters[data-v-c67c4641]{display:grid;grid-template-columns:1fr 200px;gap:16px}.search-input[data-v-c67c4641],.status-filter[data-v-c67c4641]{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-c67c4641]:focus,.status-filter[data-v-c67c4641]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.loading[data-v-c67c4641],.empty[data-v-c67c4641]{padding:48px;text-align:center;color:var(--text-color-light);font-size:16px}.articles-table-container[data-v-c67c4641]{background-color:var(--card-background-color);border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.articles-table[data-v-c67c4641]{width:100%;border-collapse:collapse;table-layout:fixed}.articles-table th[data-v-c67c4641]{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 .title-col[data-v-c67c4641]{width:40%}.articles-table td[data-v-c67c4641]{padding:16px 24px;font-size:14px;color:var(--text-color);border-bottom:1px solid var(--border-color)}.articles-table tbody tr:last-child td[data-v-c67c4641]{border-bottom:none}.articles-table tbody tr[data-v-c67c4641]{cursor:pointer;transition:background-color .2s}.articles-table tbody tr[data-v-c67c4641]:hover{background-color:var(--background-color)}.article-title[data-v-c67c4641]{font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-title>div[data-v-c67c4641]{display:flex;align-items:center}.notification-dot[data-v-c67c4641]{width:8px;height:8px;background-color:#ef4444;border-radius:50%;margin-left:8px}.author-name[data-v-c67c4641]{font-size:12px;color:var(--text-color-light)}.status-badge[data-v-c67c4641]{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-c67c4641]{background-color:#dcfce7!important;color:#166534!important}.status-badge.inactive[data-v-c67c4641]{background-color:#fee2e2!important;color:#991b1b!important}.version[data-v-c67c4641]{font-weight:500;color:var(--text-color-light)}.date[data-v-c67c4641]{color:var(--text-color-light);font-size:13px}.actions-cell[data-v-c67c4641]{align-items:center}.actions[data-v-c67c4641]{display:flex;gap:8px;align-items:center}.delete-button[data-v-c67c4641],.export-button[data-v-c67c4641]{font-size:12px;font-weight:500;color:#fff;padding:4px 8px;border-radius:6px;transition:background-color .2s}.delete-button[data-v-c67c4641]{background-color:#ef4444}.delete-button[data-v-c67c4641]:hover{background-color:#dc2626}.export-button[data-v-c67c4641]{background-color:#3b82f6}.export-button[data-v-c67c4641]:hover{background-color:#2563eb}.pagination[data-v-c67c4641]{display:flex;justify-content:center;align-items:center;margin-top:24px;gap:8px}.pagination-button[data-v-c67c4641]{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-c67c4641]:hover:not(:disabled){background-color:var(--background-color);color:var(--text-color);border-color:var(--primary-color)}.pagination-button[data-v-c67c4641]:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active[data-v-c67c4641]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-dots[data-v-c67c4641]{padding:8px 0;color:var(--text-color-light)}.modal-overlay[data-v-4c86f8aa]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal[data-v-4c86f8aa]{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-4c86f8aa]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h2[data-v-4c86f8aa]{font-size:20px;font-weight:700;color:#1a202c;margin:0}.close-button[data-v-4c86f8aa]{background:none;border:none;font-size:32px;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-4c86f8aa]:hover{color:#4a5568}.modal-body[data-v-4c86f8aa]{flex:1;overflow-y:auto;padding:24px}.info-banner[data-v-4c86f8aa]{background:#bee3f8;color:#2c5282;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;border:1px solid #90cdf4}.form-group[data-v-4c86f8aa]{margin-bottom:20px}.form-group label[data-v-4c86f8aa]{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.input[data-v-4c86f8aa],.select[data-v-4c86f8aa],.textarea[data-v-4c86f8aa]{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.input[data-v-4c86f8aa]:focus,.select[data-v-4c86f8aa]:focus,.textarea[data-v-4c86f8aa]:focus{outline:none;border-color:#667eea}.input[data-v-4c86f8aa]:disabled,.select[data-v-4c86f8aa]:disabled,.textarea[data-v-4c86f8aa]:disabled{background:#f7fafc;cursor:not-allowed}.textarea[data-v-4c86f8aa]{resize:vertical;line-height:1.6}.image-previews[data-v-4c86f8aa]{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.image-preview[data-v-4c86f8aa]{width:100px;height:100px;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0}.image-preview img[data-v-4c86f8aa]{width:100%;height:100%;object-fit:cover}.error-message[data-v-4c86f8aa]{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #fc8181}.modal-footer[data-v-4c86f8aa]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e2e8f0}.cancel-button[data-v-4c86f8aa],.save-button[data-v-4c86f8aa]{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-button[data-v-4c86f8aa]{background:#fff;color:#4a5568;border:2px solid #e2e8f0}.cancel-button[data-v-4c86f8aa]:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.save-button[data-v-4c86f8aa]{background:#667eea;color:#fff}.save-button[data-v-4c86f8aa]:hover:not(:disabled){background:#5568d3}.cancel-button[data-v-4c86f8aa]:disabled,.save-button[data-v-4c86f8aa]:disabled{opacity:.6;cursor:not-allowed}.lightbox-overlay[data-v-3427c01f]{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-3427c01f]{position:relative;max-width:90vw;max-height:90vh}.lightbox-image[data-v-3427c01f]{max-width:100%;max-height:100%;display:block;border-radius:8px}.close-button[data-v-3427c01f]{position:absolute;top:-40px;right:0;background:none;border:none;font-size:40px;color:#fff;cursor:pointer}.article-content[data-v-9361f860]{padding:48px}.header-top[data-v-9361f860]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.header-top h1[data-v-9361f860]{font-size:30px;font-weight:700;color:var(--text-color);line-height:1.3;flex:1}.header-actions[data-v-9361f860]{display:flex;gap:16px;align-items:center}.status-select[data-v-9361f860]{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-9361f860]{padding:6px 16px;border-radius:9999px;font-size:12px;font-weight:500;color:#fff;text-transform:uppercase}.action-button[data-v-9361f860]{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-9361f860]:hover{background-color:var(--primary-color-dark)}.header-meta[data-v-9361f860]{display:block;font-size:12px;color:var(--text-color-light);margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.version-badge[data-v-9361f860]{padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;background-color:#93a8d2;color:#fff;margin-bottom:8px;display:inline-block}.image-gallery[data-v-9361f860]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px}.image-thumbnail[data-v-9361f860]{width:50px;height:50px;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0;cursor:pointer}.image-thumbnail img[data-v-9361f860]{width:100%;height:100%;object-fit:cover}.image-thumbnail-edit[data-v-9361f860]{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0}.image-thumbnail-edit img[data-v-9361f860]{width:100%;height:100%;object-fit:cover}.remove-image-button[data-v-9361f860]{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.article-text[data-v-9361f860]{font-size:16px;line-height:1.7;color:var(--text-color);white-space:pre-wrap}.content-actions[data-v-9361f860]{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:16px}.content-footer[data-v-9361f860]{margin-top:48px;padding-top:32px;border-top:1px solid var(--border-color)}.versions-title[data-v-9361f860]{font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:24px}.loading[data-v-9361f860]{text-align:center;padding:32px;color:#718096}.versions-list[data-v-9361f860]{display:flex;flex-direction:column;gap:16px}.version-item[data-v-9361f860]{padding:16px;border:1px solid #e2e8f0;border-radius:8px;transition:border-color .2s;display:block;text-decoration:none}.version-item[data-v-9361f860]:hover{border-color:var(--primary-color)}.version-item.current[data-v-9361f860]{border-color:var(--primary-color);background:#f7fafc}.version-header[data-v-9361f860]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.version-info[data-v-9361f860]{display:flex;align-items:center;gap:12px}.version-info strong[data-v-9361f860]{font-size:15px;color:#1a202c}.version-status[data-v-9361f860]{padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase}.current-badge[data-v-9361f860]{padding:6px 16px;background:var(--success-color);color:#fff;border-radius:4px;font-size:13px;font-weight:600}.version-meta[data-v-9361f860]{font-size:13px;color:#718096;margin-bottom:8px}.version-preview[data-v-9361f860]{font-size:14px;color:#4a5568;line-height:1.6}.edit-form[data-v-9361f860]{padding:24px;background-color:var(--card-background-color);border-radius:12px}.form-group[data-v-9361f860]{margin-bottom:20px}.form-group label[data-v-9361f860]{display:block;font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:8px}.input[data-v-9361f860],.textarea[data-v-9361f860]{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-9361f860]{resize:vertical;min-height:200px}.form-actions[data-v-9361f860]{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-button[data-v-9361f860],.save-button[data-v-9361f860]{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.cancel-button[data-v-9361f860]{background:#fff;color:#4a5568;border:1px solid #e2e8f0}.cancel-button[data-v-9361f860]:hover:not(:disabled){background:#f7fafc}.save-button[data-v-9361f860]{background:var(--primary-color);color:#fff}.save-button[data-v-9361f860]:hover:not(:disabled){background:var(--primary-color-dark)}.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-70416bce]{display:flex;flex-direction:column;height:100%}.detail-header[data-v-70416bce]{padding:24px 32px;background-color:var(--card-background-color);border-bottom:1px solid var(--border-color)}.back-button[data-v-70416bce]{font-size:14px;font-weight:500;color:var(--text-color-light);transition:color .2s}.back-button[data-v-70416bce]:hover{color:var(--text-color)}.detail-content[data-v-70416bce]{display:grid;grid-template-columns:1fr 400px;gap:32px;padding:32px;overflow-y:auto;flex:1}.article-container[data-v-70416bce]{background-color:var(--card-background-color);border-radius:12px;box-shadow:0 1px 3px #0000000d}.comment-container[data-v-70416bce]{background-color:var(--card-background-color);border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.modal-overlay[data-v-24315bfa]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal[data-v-24315bfa]{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-24315bfa]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h2[data-v-24315bfa]{font-size:20px;font-weight:700;color:#1a202c;margin:0}.close-button[data-v-24315bfa]{background:none;border:none;font-size:32px;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-24315bfa]:hover{color:#4a5568}.modal-body[data-v-24315bfa]{flex:1;overflow-y:auto;padding:24px}.form-group[data-v-24315bfa]{margin-bottom:20px}.form-group label[data-v-24315bfa]{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.input[data-v-24315bfa],.select[data-v-24315bfa],.textarea[data-v-24315bfa]{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s}.input[data-v-24315bfa]:focus,.select[data-v-24315bfa]:focus,.textarea[data-v-24315bfa]:focus{outline:none;border-color:#667eea}.input[data-v-24315bfa]:disabled,.select[data-v-24315bfa]:disabled,.textarea[data-v-24315bfa]:disabled{background:#f7fafc;cursor:not-allowed}.textarea[data-v-24315bfa]{resize:vertical;line-height:1.6}.image-previews[data-v-24315bfa]{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.image-preview[data-v-24315bfa]{width:100px;height:100px;border-radius:8px;overflow:hidden;border:2px solid #e2e8f0}.image-preview img[data-v-24315bfa]{width:100%;height:100%;object-fit:cover}.error-message[data-v-24315bfa]{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #fc8181}.modal-footer[data-v-24315bfa]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e2e8f0}.cancel-button[data-v-24315bfa],.save-button[data-v-24315bfa]{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-button[data-v-24315bfa]{background:#fff;color:#4a5568;border:2px solid #e2e8f0}.cancel-button[data-v-24315bfa]:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.save-button[data-v-24315bfa]{background:#667eea;color:#fff}.save-button[data-v-24315bfa]:hover:not(:disabled){background:#5568d3}.cancel-button[data-v-24315bfa]:disabled,.save-button[data-v-24315bfa]:disabled{opacity:.6;cursor:not-allowed}.user-management[data-v-2462f5a6]{padding:32px}.management-header[data-v-2462f5a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.management-header h2[data-v-2462f5a6]{font-size:24px;font-weight:700;color:var(--text-color)}.create-button[data-v-2462f5a6]{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-2462f5a6]:hover{background-color:var(--primary-color-dark)}.loading[data-v-2462f5a6]{padding:48px;text-align:center;color:var(--text-color-light);font-size:16px}.users-table-container[data-v-2462f5a6]{background-color:var(--card-background-color);border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.users-table[data-v-2462f5a6]{width:100%;border-collapse:collapse}.users-table th[data-v-2462f5a6]{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)}.users-table td[data-v-2462f5a6]{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-2462f5a6]{border-bottom:none}.user-name[data-v-2462f5a6]{font-weight:600;color:var(--text-color)}.user-username[data-v-2462f5a6]{font-size:13px;color:var(--text-color-light)}.email[data-v-2462f5a6]{color:var(--text-color-light)}.date[data-v-2462f5a6]{color:var(--text-color-light);font-size:13px}.role-badge[data-v-2462f5a6]{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500;color:#fff;text-transform:capitalize}.status-badge[data-v-2462f5a6]{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:500}.status-badge.active[data-v-2462f5a6]{background-color:#dcfce7;color:#166534}.status-badge.inactive[data-v-2462f5a6]{background-color:#fee2e2;color:#991b1b}.actions-cell[data-v-2462f5a6]{align-items:center}.actions[data-v-2462f5a6]{display:flex;gap:8px;align-items:center}.action-button[data-v-2462f5a6]{font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;transition:background-color .2s,color .2s;color:#fff}.edit-button[data-v-2462f5a6]{background-color:var(--primary-color)}.edit-button[data-v-2462f5a6]:hover{background-color:var(--primary-color-dark)}.delete-button[data-v-2462f5a6]{background-color:#ef4444}.delete-button[data-v-2462f5a6]:hover{background-color:#dc2626}.toggle-button[data-v-2462f5a6]{background-color:#6b7280}.toggle-button[data-v-2462f5a6]:hover:not(:disabled){background-color:#4b5563}.toggle-button[data-v-2462f5a6]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-2462f5a6]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal[data-v-2462f5a6]{background:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-2462f5a6]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h2[data-v-2462f5a6]{font-size:20px;font-weight:600;color:#1a202c}.close-button[data-v-2462f5a6]{background:none;border:none;font-size:24px;color:#a0aec0;cursor:pointer}.modal-body[data-v-2462f5a6]{padding:24px;max-height:60vh;overflow-y:auto}.form-group[data-v-2462f5a6]{margin-bottom:20px}.form-group label[data-v-2462f5a6]{display:block;font-size:14px;font-weight:500;color:#2d3748;margin-bottom:8px}.input[data-v-2462f5a6],.select[data-v-2462f5a6]{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px}.input[data-v-2462f5a6]:focus,.select[data-v-2462f5a6]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f133}.error-message[data-v-2462f5a6]{background:#fee2e2;color:#b91c1c;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #fca5a5}.permissions-grid[data-v-2462f5a6]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.permission-item[data-v-2462f5a6]{display:flex;align-items:center;gap:8px}.permission-item input[data-v-2462f5a6]{width:16px;height:16px}.permission-item label[data-v-2462f5a6]{font-size:14px;font-weight:500;color:#2d3748}.modal-footer[data-v-2462f5a6]{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e2e8f0}.cancel-button[data-v-2462f5a6],.save-button[data-v-2462f5a6]{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s}.cancel-button[data-v-2462f5a6]{background:#fff;color:#4a5568;border:1px solid #e2e8f0}.cancel-button[data-v-2462f5a6]:hover:not(:disabled){background:#f7fafc}.save-button[data-v-2462f5a6]{background:var(--primary-color);color:#fff}.save-button[data-v-2462f5a6]:hover:not(:disabled){background:var(--primary-color-dark)}.dashboard[data-v-3db6be40]{display:flex;flex-direction:column;height:100vh;background-color:var(--background-color)}.dashboard-header[data-v-3db6be40]{background-color:var(--card-background-color);border-bottom:1px solid var(--border-color);z-index:10}.header-content[data-v-3db6be40]{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:64px}.logo[data-v-3db6be40]{font-size:24px;font-weight:700;color:var(--primary-color)}.header-actions[data-v-3db6be40]{display:flex;align-items:center;gap:24px}.user-info[data-v-3db6be40]{color:var(--text-color);font-size:14px;font-weight:500}.logout-button[data-v-3db6be40]{font-size:14px;font-weight:500;color:var(--text-color-light);transition:color .2s}.logout-button[data-v-3db6be40]:hover{color:var(--text-color)}.dashboard-content[data-v-3db6be40]{display:flex;flex:1;overflow:hidden}.sidebar[data-v-3db6be40]{width:240px;background-color:var(--card-background-color);border-right:1px solid var(--border-color);padding:24px}.nav-section[data-v-3db6be40]{display:flex;flex-direction:column;gap:8px}.nav-button[data-v-3db6be40]{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}.nav-button[data-v-3db6be40]:hover{background-color:var(--background-color);color:var(--text-color)}.nav-button.active[data-v-3db6be40]{background-color:var(--primary-color);color:#fff}.nav-icon[data-v-3db6be40]{font-size:20px}.notification-badge[data-v-3db6be40]{margin-left:auto;background-color:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:9999px}.main-content[data-v-3db6be40]{flex:1;overflow-y:auto}.article-view[data-v-8278263d]{min-height:100vh;background:#f7fafc;display:flex;flex-direction:column}.view-header[data-v-8278263d]{background:#fff;border-bottom:1px solid #e2e8f0;padding:16px 24px}.back-button[data-v-8278263d]{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s}.back-button[data-v-8278263d]:hover{border-color:#667eea;color:#667eea}.loading[data-v-8278263d],.error[data-v-8278263d]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.error h2[data-v-8278263d]{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 8px}.error p[data-v-8278263d]{font-size:16px;color:#718096;margin:0 0 24px}.back-button-primary[data-v-8278263d]{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-8278263d]:hover{background:#5568d3}.view-content[data-v-8278263d]{display:flex;flex:1;max-width:1400px;width:100%;margin:0 auto;gap:32px;padding:32px}.article-container[data-v-8278263d]{flex:1;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:48px}.article-header[data-v-8278263d]{margin-bottom:24px}.article-header h1[data-v-8278263d]{font-size:36px;font-weight:700;color:#1a202c;margin:0 0 16px;line-height:1.3}.article-meta[data-v-8278263d]{display:flex;gap:12px;align-items:center}.status-badge[data-v-8278263d],.version-badge[data-v-8278263d]{display:inline-block;padding:8px 16px;border-radius:16px;font-size:13px;font-weight:600;text-transform:uppercase}.status-badge[data-v-8278263d]{color:#fff}.version-badge[data-v-8278263d]{background:#edf2f7;color:#4a5568}.article-info[data-v-8278263d]{display:flex;gap:12px;font-size:14px;color:#718096;padding-bottom:24px;border-bottom:2px solid #e2e8f0;margin-bottom:32px}.article-body[data-v-8278263d]{margin-bottom:32px}.article-text[data-v-8278263d]{font-size:17px;line-height:1.8;color:#2d3748;white-space:pre-wrap;word-wrap:break-word}.comment-container[data-v-8278263d]{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-8278263d]{flex-direction:column}.comment-container[data-v-8278263d]{width:100%;max-height:600px}}@media (max-width: 768px){.article-container[data-v-8278263d]{padding:24px}.article-header h1[data-v-8278263d]{font-size:28px}}