@conduction/nextcloud-vue 0.1.0-beta.1

package/dist/nextcloud-vue.css

@@ -0,0 +1,803 @@
+
+.cn-cell-renderer--uuid[data-v-186e38ee] {
+	font-family: monospace;
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-cell-renderer--number[data-v-186e38ee] {
+	font-variant-numeric: tabular-nums;
+}
+.cn-cell-renderer--date[data-v-186e38ee] {
+	white-space: nowrap;
+}
+.cn-cell-renderer__dash[data-v-186e38ee] {
+	color: var(--color-text-maxcontrast);
+}
+.cn-cell-renderer__icon--success[data-v-186e38ee] {
+	color: var(--color-success);
+}
+
+
+.cn-settings-section__actions[data-v-16a2820b] {
+	display: flex;
+	gap: 0.5rem;
+	align-items: center;
+	justify-content: flex-end;
+	float: right;
+	margin-top: -66px;
+	margin-bottom: 26px;
+	position: relative;
+	z-index: 10;
+}
+.cn-settings-section__content[data-v-16a2820b] {
+	clear: both;
+}
+.cn-settings-section__description-text[data-v-16a2820b] {
+	color: var(--color-text-maxcontrast);
+	margin-bottom: 16px;
+}
+.cn-settings-section__loading[data-v-16a2820b] {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 40px 20px;
+	gap: 16px;
+}
+.cn-settings-section__loading p[data-v-16a2820b] {
+	color: var(--color-text-maxcontrast);
+	font-size: 14px;
+}
+.cn-settings-section__error[data-v-16a2820b] {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 32px 20px;
+	gap: 16px;
+	background: var(--color-error-light);
+	border: 1px solid var(--color-error);
+	border-radius: var(--border-radius-large);
+}
+.cn-settings-section__error-message[data-v-16a2820b] {
+	color: var(--color-error);
+	font-weight: 500;
+	margin: 0;
+}
+.cn-settings-section__empty[data-v-16a2820b] {
+	padding: 40px 20px;
+}
+.cn-settings-section__empty-content[data-v-16a2820b] {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 16px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-settings-section__empty-content p[data-v-16a2820b] {
+	margin: 0;
+	font-size: 14px;
+}
+.cn-settings-section__footer[data-v-16a2820b] {
+	margin-top: 24px;
+	padding-top: 24px;
+	border-top: 1px solid var(--color-border);
+}
+@media (max-width: 768px) {
+.cn-settings-section__actions[data-v-16a2820b] {
+		position: static;
+		margin-top: 0;
+		margin-bottom: 1rem;
+		float: none;
+		flex-direction: column;
+		align-items: stretch;
+}
+}
+
+
+.cn-stats-block[data-v-1e8ce1fa] {
+	background: var(--color-background-hover);
+	border-radius: var(--border-radius-large, 10px);
+	padding: 1rem;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	text-decoration: none;
+	color: inherit;
+	border: 2px solid transparent;
+	transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+.cn-stats-block--horizontal[data-v-1e8ce1fa] {
+	flex-direction: row;
+	align-items: flex-start;
+	gap: 16px;
+}
+.cn-stats-block--horizontal .cn-stats-block__content[data-v-1e8ce1fa] {
+	text-align: left;
+}
+.cn-stats-block--horizontal .cn-stats-block__count[data-v-1e8ce1fa] {
+	justify-content: flex-start;
+}
+.cn-stats-block--clickable[data-v-1e8ce1fa] {
+	cursor: pointer;
+}
+.cn-stats-block--clickable[data-v-1e8ce1fa]:hover {
+	border-color: var(--color-primary-element);
+	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+}
+.cn-stats-block--clickable[data-v-1e8ce1fa]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+}
+
+/* Icon */
+.cn-stats-block__icon[data-v-1e8ce1fa] {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 44px;
+	height: 44px;
+	border-radius: 50%;
+	background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
+	color: var(--color-primary-element);
+	flex-shrink: 0;
+	margin-bottom: 8px;
+}
+.cn-stats-block--horizontal .cn-stats-block__icon[data-v-1e8ce1fa] {
+	margin-bottom: 0;
+}
+.cn-stats-block__icon--primary[data-v-1e8ce1fa] {
+	background: var(--color-primary-element-light, rgba(0, 130, 201, 0.1));
+	color: var(--color-primary-element);
+}
+.cn-stats-block__icon--success[data-v-1e8ce1fa] {
+	background: rgba(70, 186, 97, 0.1);
+	color: var(--color-success);
+}
+.cn-stats-block__icon--warning[data-v-1e8ce1fa] {
+	background: rgba(232, 163, 24, 0.1);
+	color: var(--color-warning);
+}
+.cn-stats-block__icon--error[data-v-1e8ce1fa] {
+	background: rgba(224, 36, 36, 0.1);
+	color: var(--color-error);
+}
+
+/* Content */
+.cn-stats-block__content[data-v-1e8ce1fa] {
+	flex: 1;
+	min-width: 0;
+	text-align: center;
+}
+.cn-stats-block__header h4[data-v-1e8ce1fa] {
+	margin-top: 0;
+	margin-bottom: 0.5rem;
+	color: var(--color-main-text);
+	font-size: 14px;
+	font-weight: 600;
+}
+.cn-stats-block__count[data-v-1e8ce1fa] {
+	display: flex;
+	align-items: baseline;
+	justify-content: center;
+	gap: 0.5rem;
+	font-size: 1.2rem;
+	margin-bottom: 0.5rem;
+}
+.cn-stats-block__count-value[data-v-1e8ce1fa] {
+	font-size: 2rem;
+	font-weight: bold;
+	color: var(--color-primary-element);
+}
+.cn-stats-block--primary .cn-stats-block__count-value[data-v-1e8ce1fa] { color: var(--color-primary-element);
+}
+.cn-stats-block--success .cn-stats-block__count-value[data-v-1e8ce1fa] { color: var(--color-success);
+}
+.cn-stats-block--warning .cn-stats-block__count-value[data-v-1e8ce1fa] { color: var(--color-warning);
+}
+.cn-stats-block--error .cn-stats-block__count-value[data-v-1e8ce1fa] { color: var(--color-error);
+}
+.cn-stats-block__count-label[data-v-1e8ce1fa] {
+	color: var(--color-text-maxcontrast);
+}
+.cn-stats-block__loading[data-v-1e8ce1fa] {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: 0.5rem;
+	color: var(--color-text-maxcontrast);
+	margin-bottom: 0.5rem;
+}
+.cn-stats-block__empty[data-v-1e8ce1fa] {
+	text-align: center;
+	color: var(--color-text-maxcontrast);
+	font-style: italic;
+	margin-bottom: 0.5rem;
+}
+.cn-stats-block__breakdown[data-v-1e8ce1fa] {
+	margin-top: 0.5rem;
+	padding: 0.75rem;
+	background: var(--color-background-hover);
+	border-radius: var(--border-radius);
+	border: 1px solid var(--color-border);
+	width: 100%;
+}
+.cn-stats-block__breakdown-item[data-v-1e8ce1fa] {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 0.5rem;
+}
+.cn-stats-block__breakdown-item[data-v-1e8ce1fa]:last-child {
+	margin-bottom: 0;
+}
+.cn-stats-block__breakdown-label[data-v-1e8ce1fa] {
+	font-weight: 500;
+	color: var(--color-main-text);
+}
+.cn-stats-block__breakdown-value[data-v-1e8ce1fa] {
+	font-weight: 600;
+	padding: 0.25rem 0.5rem;
+	border-radius: var(--border-radius);
+	background: var(--color-background-hover);
+}
+.cn-stats-block__breakdown-value--invalid[data-v-1e8ce1fa] { color: var(--color-warning);
+}
+.cn-stats-block__breakdown-value--deleted[data-v-1e8ce1fa] { color: var(--color-error);
+}
+.cn-stats-block__breakdown-value--published[data-v-1e8ce1fa] { color: var(--color-success);
+}
+
+
+.cn-config-card__status[data-v-7f20d485] {
+	display: flex;
+	gap: 8px;
+	margin-bottom: 12px;
+}
+.cn-config-card__content[data-v-7f20d485] {
+	margin-bottom: 8px;
+}
+.cn-config-card__footer[data-v-7f20d485] {
+	padding-top: 12px;
+	border-top: 1px solid var(--color-border);
+}
+
+
+.cn-version-info__card[data-v-29cf5e06] {
+	background: var(--color-background-hover);
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius-large);
+	padding: 20px;
+	margin-bottom: 20px;
+}
+.cn-version-info__card h4[data-v-29cf5e06] {
+	margin: 0 0 16px 0;
+	font-size: 16px;
+	font-weight: 600;
+	color: var(--color-main-text);
+}
+.cn-version-info__details[data-v-29cf5e06] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+.cn-version-info__item[data-v-29cf5e06] {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding: 8px 0;
+	border-bottom: 1px solid var(--color-border);
+}
+.cn-version-info__item[data-v-29cf5e06]:last-child {
+	border-bottom: none;
+}
+.cn-version-info__label[data-v-29cf5e06] {
+	font-weight: 500;
+	color: var(--color-text-maxcontrast);
+	font-size: 14px;
+}
+.cn-version-info__value[data-v-29cf5e06] {
+	font-family: 'Courier New', Courier, monospace;
+	font-weight: 600;
+	color: var(--color-main-text);
+	font-size: 14px;
+}
+
+/* Status classes for values */
+.cn-version-info__status--ok[data-v-29cf5e06] {
+	color: var(--color-success);
+	font-weight: 600;
+}
+.cn-version-info__status--warning[data-v-29cf5e06] {
+	color: var(--color-warning);
+	font-weight: 600;
+}
+.cn-version-info__status--error[data-v-29cf5e06] {
+	color: var(--color-error);
+	font-weight: 600;
+}
+@media (max-width: 768px) {
+.cn-version-info__item[data-v-29cf5e06] {
+		flex-direction: column;
+		align-items: flex-start;
+		gap: 4px;
+}
+.cn-version-info__label[data-v-29cf5e06] {
+		font-weight: 600;
+}
+.cn-version-info__value[data-v-29cf5e06] {
+		word-break: break-all;
+}
+}
+
+
+.cn-object-card[data-v-dd5d0a22] {
+	display: flex;
+	gap: 12px;
+	padding: 16px;
+	background: var(--color-main-background);
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius-large, 10px);
+	cursor: pointer;
+	transition: box-shadow 0.2s ease, border-color 0.2s ease;
+}
+.cn-object-card[data-v-dd5d0a22]:hover {
+	border-color: var(--color-primary-element);
+	box-shadow: 0 2px 8px var(--color-box-shadow);
+}
+.cn-object-card--selected[data-v-dd5d0a22] {
+	border-color: var(--color-primary-element);
+	background: var(--color-primary-element-light);
+}
+.cn-object-card__checkbox[data-v-dd5d0a22] {
+	flex-shrink: 0;
+	padding-top: 2px;
+}
+.cn-object-card__content[data-v-dd5d0a22] {
+	flex: 1;
+	min-width: 0;
+}
+.cn-object-card__header[data-v-dd5d0a22] {
+	display: flex;
+	gap: 12px;
+	align-items: flex-start;
+}
+.cn-object-card__image[data-v-dd5d0a22] {
+	width: 48px;
+	height: 48px;
+	border-radius: var(--border-radius);
+	object-fit: cover;
+	flex-shrink: 0;
+}
+.cn-object-card__title-area[data-v-dd5d0a22] {
+	flex: 1;
+	min-width: 0;
+}
+.cn-object-card__title[data-v-dd5d0a22] {
+	margin: 0;
+	font-size: 16px;
+	font-weight: 600;
+	line-height: 1.3;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.cn-object-card__description[data-v-dd5d0a22] {
+	margin: 4px 0 0;
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+	line-height: 1.4;
+}
+.cn-object-card__badges[data-v-dd5d0a22] {
+	margin-top: 8px;
+}
+.cn-object-card__metadata[data-v-dd5d0a22] {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+	gap: 8px;
+	margin-top: 12px;
+	padding-top: 12px;
+	border-top: 1px solid var(--color-border);
+}
+.cn-object-card__meta-item[data-v-dd5d0a22] {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+}
+.cn-object-card__meta-label[data-v-dd5d0a22] {
+	font-size: 11px;
+	font-weight: 500;
+	color: var(--color-text-maxcontrast);
+	text-transform: uppercase;
+	letter-spacing: 0.3px;
+}
+.cn-object-card__actions[data-v-dd5d0a22] {
+	flex-shrink: 0;
+}
+
+
+.cn-card-grid__grid[data-v-71163d45] {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+	gap: 16px;
+}
+.cn-card-grid__loading[data-v-71163d45] {
+	display: flex;
+	justify-content: center;
+	padding: 40px;
+}
+.cn-card-grid__empty[data-v-71163d45] {
+	padding: 40px 20px;
+	text-align: center;
+}
+
+
+.cn-facet-sidebar[data-v-f5e6b572] {
+	padding: 16px;
+	border-right: 1px solid var(--color-border);
+	min-width: 240px;
+	max-width: 300px;
+}
+.cn-facet-sidebar__header[data-v-f5e6b572] {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 16px;
+}
+.cn-facet-sidebar__title[data-v-f5e6b572] {
+	margin: 0;
+	font-size: 15px;
+	font-weight: 600;
+}
+.cn-facet-sidebar__loading[data-v-f5e6b572] {
+	display: flex;
+	justify-content: center;
+	padding: 20px;
+}
+.cn-facet-sidebar__filters[data-v-f5e6b572] {
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+}
+.cn-facet-sidebar__group[data-v-f5e6b572] {
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+}
+.cn-facet-sidebar__label[data-v-f5e6b572] {
+	font-size: 12px;
+	font-weight: 500;
+	color: var(--color-text-maxcontrast);
+	text-transform: uppercase;
+	letter-spacing: 0.3px;
+}
+.cn-facet-sidebar__select[data-v-f5e6b572] {
+	width: 100%;
+}
+
+
+.cn-view-mode-toggle[data-v-a3d14b7c] {
+	display: inline-flex;
+	gap: 0;
+	border-radius: var(--border-radius-pill, 20px);
+	overflow: hidden;
+}
+
+
+.cn-row-action--destructive[data-v-02a7d254] {
+	color: var(--color-error) !important;
+}
+
+
+.cn-mass-delete__list[data-v-1fcfdf95] {
+	max-height: 300px;
+	overflow-y: auto;
+	margin-top: 12px;
+}
+.cn-mass-delete__item[data-v-1fcfdf95] {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 8px 12px;
+	border-bottom: 1px solid var(--color-border);
+}
+.cn-mass-delete__item[data-v-1fcfdf95]:last-child {
+	border-bottom: none;
+}
+.cn-mass-delete__item-name[data-v-1fcfdf95] {
+	font-weight: 500;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.cn-mass-delete__empty[data-v-1fcfdf95] {
+	text-align: center;
+	color: var(--color-text-maxcontrast);
+	font-style: italic;
+	padding: 20px;
+}
+
+
+.cn-mass-copy__pattern[data-v-56d132fe] {
+	margin-bottom: 16px;
+}
+.cn-mass-copy__pattern label[data-v-56d132fe] {
+	display: block;
+	font-weight: 600;
+	margin-bottom: 4px;
+}
+.cn-mass-copy__list[data-v-56d132fe] {
+	max-height: 300px;
+	overflow-y: auto;
+}
+.cn-mass-copy__item[data-v-56d132fe] {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: 8px 12px;
+	border-bottom: 1px solid var(--color-border);
+}
+.cn-mass-copy__item[data-v-56d132fe]:last-child {
+	border-bottom: none;
+}
+.cn-mass-copy__item-names[data-v-56d132fe] {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	overflow: hidden;
+	flex: 1;
+}
+.cn-mass-copy__item-original[data-v-56d132fe] {
+	color: var(--color-text-maxcontrast);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.cn-mass-copy__item-arrow[data-v-56d132fe] {
+	flex-shrink: 0;
+	color: var(--color-text-maxcontrast);
+}
+.cn-mass-copy__item-new[data-v-56d132fe] {
+	font-weight: 500;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.cn-mass-copy__empty[data-v-56d132fe] {
+	text-align: center;
+	color: var(--color-text-maxcontrast);
+	font-style: italic;
+	padding: 20px;
+}
+
+
+.cn-mass-export__description[data-v-4d59fe8f] {
+	margin-bottom: 16px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-mass-export__field[data-v-4d59fe8f] {
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+}
+.cn-mass-export__field label[data-v-4d59fe8f] {
+	font-weight: 600;
+}
+
+
+.cn-mass-import__form[data-v-d5f77ada] {
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+}
+.cn-mass-import__file-row[data-v-d5f77ada] {
+	display: flex;
+	align-items: center;
+	gap: 12px;
+}
+.cn-mass-import__file-info[data-v-d5f77ada] {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+}
+.cn-mass-import__file-name[data-v-d5f77ada] {
+	font-weight: 500;
+}
+.cn-mass-import__file-size[data-v-d5f77ada] {
+	color: var(--color-text-maxcontrast);
+	font-size: 0.9em;
+}
+.cn-mass-import__help[data-v-d5f77ada] {
+	padding: 12px;
+	background: var(--color-background-hover);
+	border-radius: var(--border-radius);
+}
+.cn-mass-import__help p[data-v-d5f77ada] {
+	margin: 0 0 8px;
+}
+.cn-mass-import__help ul[data-v-d5f77ada] {
+	margin: 0;
+	padding-left: 20px;
+}
+.cn-mass-import__options[data-v-d5f77ada] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+}
+
+/* Summary table */
+.cn-mass-import__results h3[data-v-d5f77ada] {
+	margin: 0 0 12px;
+	font-size: 1.1rem;
+}
+.cn-mass-import__summary-table[data-v-d5f77ada] {
+	width: 100%;
+	border-collapse: collapse;
+	border-radius: var(--border-radius);
+	overflow: hidden;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+.cn-mass-import__summary-table th[data-v-d5f77ada],
+.cn-mass-import__summary-table td[data-v-d5f77ada] {
+	padding: 8px 12px;
+	text-align: left;
+	border-bottom: 1px solid var(--color-border);
+}
+.cn-mass-import__summary-table th[data-v-d5f77ada] {
+	background: var(--color-background-dark);
+	font-weight: 600;
+	font-size: 0.85rem;
+	text-transform: uppercase;
+}
+.cn-mass-import__sheet-name[data-v-d5f77ada] {
+	font-weight: 600;
+}
+.cn-mass-import__stat[data-v-d5f77ada] {
+	text-align: center;
+	font-weight: 600;
+}
+.cn-mass-import__stat--found[data-v-d5f77ada] { color: var(--color-primary-element);
+}
+.cn-mass-import__stat--created[data-v-d5f77ada] { color: var(--color-success);
+}
+.cn-mass-import__stat--updated[data-v-d5f77ada] { color: var(--color-warning);
+}
+.cn-mass-import__stat--unchanged[data-v-d5f77ada] { color: var(--color-text-maxcontrast);
+}
+.cn-mass-import__stat--errors[data-v-d5f77ada] { color: var(--color-error);
+}
+.cn-mass-import__expand[data-v-d5f77ada] {
+	background: none;
+	border: none;
+	cursor: pointer;
+	padding: 2px;
+	border-radius: var(--border-radius-small, 4px);
+	color: var(--color-error);
+	transition: transform 0.2s ease;
+	vertical-align: middle;
+	margin-left: 4px;
+}
+.cn-mass-import__expand[data-v-d5f77ada]:hover {
+	background: var(--color-background-hover);
+}
+.cn-mass-import__expand--open[data-v-d5f77ada] {
+	transform: rotate(180deg);
+}
+
+/* Error details */
+.cn-mass-import__error-row td[data-v-d5f77ada] {
+	padding: 8px 12px;
+	background: var(--color-background-hover);
+}
+.cn-mass-import__error-table[data-v-d5f77ada] {
+	width: 100%;
+	border-collapse: collapse;
+	font-size: 0.9em;
+}
+.cn-mass-import__error-table th[data-v-d5f77ada],
+.cn-mass-import__error-table td[data-v-d5f77ada] {
+	padding: 6px 10px;
+	text-align: left;
+	border-bottom: 1px solid var(--color-border);
+}
+.cn-mass-import__error-table th[data-v-d5f77ada] {
+	background: var(--color-background-dark);
+	font-weight: 600;
+	font-size: 0.85rem;
+}
+
+
+.cn-index-page[data-v-a107d580] {
+	padding: 20px;
+}
+.cn-index-page__header[data-v-a107d580] {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-bottom: 16px;
+	flex-wrap: wrap;
+	gap: 12px;
+}
+.cn-index-page__title-area[data-v-a107d580] {
+	display: flex;
+	align-items: baseline;
+	gap: 8px;
+}
+.cn-index-page__title[data-v-a107d580] {
+	margin: 0;
+	font-size: 22px;
+	font-weight: 700;
+}
+.cn-index-page__count[data-v-a107d580] {
+	font-size: 14px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-index-page__header-actions[data-v-a107d580] {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+.cn-index-page__body[data-v-a107d580] {
+	display: flex;
+	gap: 0;
+}
+.cn-index-page__body--with-sidebar[data-v-a107d580] {
+	gap: 0;
+}
+.cn-index-page__sidebar[data-v-a107d580] {
+	flex-shrink: 0;
+}
+.cn-index-page__main[data-v-a107d580] {
+	flex: 1;
+	min-width: 0;
+}
+.cn-index-page__search[data-v-a107d580] {
+	margin-bottom: 16px;
+}
+.cn-index-page__loading[data-v-a107d580] {
+	display: flex;
+	justify-content: center;
+	padding: 60px;
+}
+.cn-index-page__empty[data-v-a107d580] {
+	padding: 40px 20px;
+	text-align: center;
+}
+.cn-index-page__pagination[data-v-a107d580] {
+	margin-top: 16px;
+}
+
+
+.cn-kpi-grid[data-v-74e15c14] {
+	display: grid;
+	gap: 16px;
+	margin-bottom: 24px;
+}
+.cn-kpi-grid--cols-2[data-v-74e15c14] {
+	grid-template-columns: repeat(2, 1fr);
+}
+.cn-kpi-grid--cols-3[data-v-74e15c14] {
+	grid-template-columns: repeat(3, 1fr);
+}
+.cn-kpi-grid--cols-4[data-v-74e15c14] {
+	grid-template-columns: repeat(4, 1fr);
+}
+
+/* Responsive breakpoints */
+@media (max-width: 1200px) {
+.cn-kpi-grid--cols-4[data-v-74e15c14] {
+		grid-template-columns: repeat(2, 1fr);
+}
+}
+@media (max-width: 900px) {
+.cn-kpi-grid--cols-3[data-v-74e15c14] {
+		grid-template-columns: repeat(2, 1fr);
+}
+}
+@media (max-width: 600px) {
+.cn-kpi-grid--cols-2[data-v-74e15c14],
+	.cn-kpi-grid--cols-3[data-v-74e15c14],
+	.cn-kpi-grid--cols-4[data-v-74e15c14] {
+		grid-template-columns: 1fr;
+}
+}