Commit inicial - WordPress Análisis de Precios Unitarios

- WordPress core y plugins
- Tema Twenty Twenty-Four configurado
- Plugin allow-unfiltered-html.php simplificado
- .gitignore configurado para excluir wp-config.php y uploads

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

wp-content/plugins/advanced-ads/assets/scss/admin/add-ons.scss

@@ -0,0 +1,188 @@
+#advads_overview_addons {
+	h2 {
+		@apply border-b-0 #{!important};
+	}
+
+	.inside {
+		@apply m-0 pb-0;
+	}
+}
+
+#advanced-ads-addon-box {
+	.subheader {
+		@apply font-semibold border-0 border-b border-t border-solid block;
+		border-color: $border-color;
+		background-color: #fdfdfe;
+		font-size: 14px;
+		padding: 8px 12px;
+		margin: 24px -15px auto;
+		line-height: 1.4;
+
+		&:first-of-type {
+			@apply mt-0;
+		}
+	}
+
+	.single-item {
+		&.none {
+			background: #f6f7f7;
+			color: #a7aaad;
+		}
+
+		.item-grid {
+			@apply grid grid-cols-4;
+			margin: 0 24px 24px;
+			padding-bottom: 12px;
+			gap: 12px;
+
+			.feature {
+				@apply flex font-semibold;
+				padding: 12px;
+				background-color: #fff;
+				border-radius: 24px;
+
+				span {
+					@apply text-center w-full;
+				}
+
+				.dashicons:before {
+					content: "\f147";
+				}
+
+				&.more {
+					background-color: transparent;
+
+					.dashicons:before {
+						content: "\f543";
+					}
+				}
+			}
+		}
+	}
+
+	.cta {
+		text-align: end;
+
+		.upsell,
+		.missing {
+			.dashicons:before {
+				content: "\f132";
+			}
+		}
+
+		.dashicons {
+			@apply align-middle;
+			&:before {
+				margin-left: -5px;
+			}
+		}
+
+		.active .dashicons:before {
+			content: "\f147";
+		}
+
+		.installed .dashicons:before {
+			content: "\f159";
+		}
+
+		.subscribe .dashicons:before {
+			content: "\f465";
+		}
+
+		.subscribed .dashicons:before {
+			content: "\f132";
+		}
+
+		&.secondary .button,
+		.installed {
+			background: #fff;
+			border-color: $light-blue;
+			color: $light-blue;
+		}
+
+		.upsell {
+			background-color: $color-primary;
+			border-color: $color-primary;
+			color: #fff;
+		}
+
+		.missing,
+		.subscribe,
+		.subscribed,
+		&.primary .button {
+			background-color: $light-blue;
+			color: #fff;
+		}
+
+		.external-link {
+			@apply text-end;
+			margin-top: 12px;
+
+			a {
+				text-decoration: none;
+
+				span {
+					@apply inline-block align-middle;
+				}
+			}
+		}
+	}
+
+	a {
+		color: $light-blue;
+	}
+
+	.item-details,
+	.bundle-details,
+	.bundle-item {
+		@apply grid grid-cols-[50px_12px_15em_24px_auto_24px_auto];
+		padding: 24px;
+
+		.name {
+			@apply font-bold;
+			padding: 6.5px 0;
+		}
+
+		.description {
+			padding: 6.5px 0;
+		}
+
+		.icon {
+			margin: -12px 0 -12px -12px;
+		}
+	}
+
+	.bundle-details {
+		@apply pb-0;
+	}
+
+	.bundle-item a {
+		text-decoration: none;
+	}
+
+	.single-item,
+	.bundle {
+		background-color: $brand-baby-blue;
+		border: 1px solid $border-color;
+		border-radius: 5px;
+		margin: 12px 0;
+		color: #222222;
+	}
+
+	.bundle-items {
+		background-color: #fff;
+		border: 1px solid $border-color;
+		border-radius: 5px;
+		margin: 24px;
+
+		.separator {
+			margin: 0 24px 0 12px;
+			height: 1px;
+			border-bottom: 1px solid #f6f7f7;
+
+			&:last-of-type {
+				display: none;
+			}
+		}
+	}
+}

wp-content/plugins/advanced-ads/assets/scss/admin/common.scss

@@ -0,0 +1,127 @@
+/* stylelint-disable at-rule-empty-line-before */
+/* stylelint-disable no-invalid-position-at-import-rule */
+@config "../../../tailwind.config.common.js";
+@import "../bootstrap/tailwind";
+@import "../bootstrap/variables";
+@import "../partials/header";
+@import "../partials/header-tabs";
+@import "../partials/tab-card";
+
+.#{$namespace}-page {
+	background: #f8f9fa;
+}
+
+.#{$namespace}-wrap {
+	*,
+	::before,
+	::after {
+		@apply box-border border-0 border-solid;
+	}
+
+	::before,
+	::after {
+		--tw-content: "";
+	}
+
+	a {
+		text-decoration: inherit;
+	}
+
+	.#{$namespace}-h2 {
+		@apply text-xl m-0 mb-4;
+	}
+
+	.notice {
+		@apply border border-l-4;
+	}
+
+	input:not([type="file"]),
+	textarea {
+		@apply border border-advads;
+	}
+}
+
+.wrap {
+	&:empty {
+		@apply hidden;
+	}
+}
+
+.#{$namespace}-spinner {
+	@apply inline-block h-5 w-5 mt-1 mb-1;
+
+	&.disabled {
+		@apply hidden;
+	}
+
+	&-img {
+		@apply align-middle;
+	}
+}
+
+.#{$namespace}-notices-button-subscribe.with-icon,
+.#{$namespace}-multiple-subscribe_button {
+	@apply items-center gap-2;
+
+	display: flex !important;
+}
+
+.#{$namespace}-btn {
+	&_primary {
+		@apply bg-primary border-primary text-white px-[10px] cursor-pointer border border-solid whitespace-nowrap box-border min-h-[30px];
+		text-shadow: none;
+		text-decoration: none;
+		border-radius: 3px;
+		font-size: 13px;
+
+		&:hover {
+			background-color: $color-primary;
+			border-color: $color-primary;
+		}
+	}
+}
+
+.#{$namespace}-notice-box {
+	&_wrapper {
+		@apply flex gap-2 my-2 flex-wrap;
+	}
+
+	.#{$namespace}-notices-button-subscribe.with-icon {
+		@apply items-center gap-2;
+
+		display: flex !important;
+	}
+
+	.button-primary {
+		margin-left: 0 !important;
+	}
+}
+
+.block-important {
+	display: block !important;
+}
+
+// For dynamic creation.
+.\!margin-top-4 {
+	@apply #{"!"}mt-4;
+}
+
+/* Widgets */
+.#{$namespace}-rss-widget {
+	ul {
+		@apply list-disc list-outside pl-3;
+
+		li {
+			&::marker {
+				@apply text-primary;
+			}
+			a {
+				@apply font-normal no-underline;
+			}
+		}
+	}
+}
+
+.#{$namespace}-link {
+	color: $wordpress !important;
+}

wp-content/plugins/advanced-ads/assets/scss/admin/notifications.scss

@@ -0,0 +1,108 @@
+@import "../bootstrap/variables";
+
+##{$namespace}-notifications {
+	@apply fixed text-sm pt-12 top-0;
+	z-index: 999;
+	right: 15px;
+
+	.item {
+		@apply text-white flex relative justify-end;
+		padding: 5px 0;
+	}
+
+	.item-inner {
+		@apply flex rounded-md;
+
+		.content p:before {
+			@apply align-middle mr-1.5;
+		}
+
+		> div {
+			@apply p-1.5;
+
+			&:first-of-type {
+				@apply rounded-l-md;
+			}
+
+			&:last-of-type {
+				@apply rounded-r-md;
+			}
+		}
+
+		.content {
+			@apply pl-3 pr-3;
+			p {
+				@apply text-nowrap block;
+			}
+		}
+
+		p {
+			@apply m-0;
+		}
+
+		a {
+			@apply text-white;
+		}
+
+		.dashicons {
+			scale: 0.66;
+		}
+
+		.dismiss {
+			cursor: pointer;
+
+			.dashicons:before {
+				content: "\f153";
+				color: rgb(255, 255, 255, 0.5);
+			}
+		}
+
+		.sep {
+			width: 1px;
+			padding: 0;
+			background-color: rgb(255, 255, 255, 0.5) !important;
+		}
+	}
+
+	.item-error .item-inner {
+		background-color: #cc3000;
+
+		.content p:before {
+			font-family: dashicons;
+			content: "\f534";
+		}
+	}
+
+	.item-success .item-inner {
+		background-color: #1b183a;
+
+		.content p:before {
+			font-family: dashicons;
+			content: "\f147";
+		}
+	}
+
+	.item-info .item-inner {
+		background-color: #0474a2;
+
+		.content p:before {
+			font-family: dashicons;
+			content: "\f14c";
+		}
+	}
+}
+
+#show-tester:before {
+	font-size: 30px;
+	border: 1px solid #0474a2;
+	background-color: #0474a2;
+	border-radius: 50%;
+	color: #f1ffdf;
+}
+
+.#{$namespace}-page {
+	#message,
+	#setting-error-settings_updated {
+		@apply hidden;
+	}
+}

wp-content/plugins/advanced-ads/assets/scss/admin/one-click.scss

@@ -0,0 +1,39 @@
+.buttons-set {
+	@apply flex gap-x-4 items-center;
+}
+
+#advads-m2-connect {
+	a {
+		@apply text-primary;
+	}
+
+	.inside > div {
+		@apply p-0;
+	}
+
+	.subheader {
+		@apply font-semibold border-0 border-b border-solid block;
+		border-color: $border-color;
+		background-color: #fdfdfe;
+		font-size: 14px;
+		padding: 8px 12px;
+		margin: 0 -12px;
+		line-height: 1.4;
+
+		&.inline {
+			@apply border-t;
+		}
+
+		&.last {
+			@apply border-b-0;
+		}
+	}
+
+	.step-error {
+		@apply text-[#cc3000];
+	}
+}
+
+.import-active ul {
+	@apply text-[#cc3000];
+}

wp-content/plugins/advanced-ads/assets/scss/admin/screen-ads-editing.scss

@@ -0,0 +1,14 @@
+@import "../bootstrap/variables";
+@import "../partials/radio-switch";
+
+.is-list-disabled {
+	pointer-events: none;
+
+	input {
+		pointer-events: none;
+		background: rgba(255, 255, 255, 0.5);
+		border-color: rgba(220, 220, 222, 0.75);
+		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
+		color: rgba(44, 51, 56, 0.5);
+	}
+}

wp-content/plugins/advanced-ads/assets/scss/admin/screen-ads-listing.scss

@@ -0,0 +1,64 @@
+@import "../bootstrap/variables";
+@import "../partials/post-type-list.scss"; // stylelint-disable-line scss/at-import-partial-extension
+
+.#{$namespace}-page {
+	background-color: #f8f9fa;
+}
+/* stylelint-disable selector-class-pattern */
+
+.column-ad_type {
+	/* stylelint-enable selector-class-pattern */
+	width: 50px;
+}
+
+.#{$namespace}-datetime {
+	input,
+	select {
+		@apply leading-6 text-sm;
+	}
+
+	@media screen and (min-width: 783px) {
+		select {
+			margin-top: -4px;
+		}
+	}
+}
+
+.inline-edit-col-left .inline-edit-group {
+	@apply hidden;
+}
+
+##{$namespace}-ad-filter-customize {
+	@apply float-left mr-1 leading-7;
+}
+/* stylelint-disable selector-class-pattern */
+
+.bulk-edit-advanced_ads .inline-edit-categories {
+	/* stylelint-enable selector-class-pattern */
+	min-height: 23em;
+}
+
+.#{$namespace}-quick-edit,
+.#{$namespace}-bulk-edit {
+	.#{$namespace}-help::before {
+		@apply align-middle;
+	}
+}
+
+.inline-edit-status,
+.inline-edit-author,
+.#{$namespace}-bulk-edit-grid > label {
+	@apply grid gap-3 float-none #{!important};
+	grid-template-columns: 10em auto 30px;
+}
+
+.inline-edit-status {
+	@apply max-w-full #{!important};
+}
+
+.#{$namespace}-bulk-edit-grid {
+	input[type="text"] {
+		@apply w-full;
+		max-width: 25rem;
+	}
+}

wp-content/plugins/advanced-ads/assets/scss/admin/screen-dashboard.scss

@@ -0,0 +1,267 @@
+@import "../bootstrap/variables";
+@import "../bootstrap/tailwind";
+@import "../partials/spinner";
+@import "../partials/switch";
+@import "add-ons";
+@import "../../../node_modules/select2/src/scss/core.scss";
+@import "./one-click";
+
+#welcome {
+	@apply bg-repeat;
+
+	> *,
+	a {
+		@apply text-white;
+	}
+
+	p {
+		@apply text-justify;
+	}
+
+	#dismiss-welcome {
+		@apply absolute flex items-center right-0 top-0 justify-center;
+		width: 50px;
+		height: 50px;
+
+		.dashicons {
+			@apply cursor-pointer;
+		}
+	}
+
+	> div {
+		@apply p-6;
+	}
+
+	@media screen and (min-width: 601px) {
+		> div {
+			@apply grid grid-cols-2;
+			column-gap: 100px;
+			padding: 50px;
+
+			> div:last-child {
+				@apply flex items-center;
+			}
+		}
+	}
+
+	#head {
+		@apply block;
+		font-size: 1.75rem;
+		margin: 15px 0 30px 0;
+	}
+
+	#subhead {
+		@apply text-base font-medium block m-0 uppercase;
+	}
+
+	#cta {
+		margin-top: 50px;
+		width: 100%;
+
+		a {
+			padding: 12px 20px;
+			@apply inline-block no-underline;
+		}
+
+		&::after {
+			@apply block content-[""] clear-both;
+		}
+	}
+
+	#launch-wizard {
+		border-radius: 5px;
+		background: #1b193a;
+		color: #fff;
+
+		&:hover {
+			transition: ease-in-out 250ms;
+			background: #000;
+		}
+	}
+
+	#first-step {
+		@apply underline pr-0 #{!important};
+		text-underline-offset: 0.25rem;
+
+		&::after {
+			font-family: dashicons;
+			@apply inline-block ml-1.5 align-middle content-["\f118"];
+		}
+	}
+
+	@media screen and (min-width: 1020px) {
+		#cta {
+			@apply w-full;
+			margin-top: 50px;
+
+			> * {
+				@apply align-middle;
+			}
+
+			&::after {
+				@apply block content-[""] clear-both;
+			}
+		}
+
+		#launch-wizard {
+			@apply float-left;
+			box-shadow: 0 0 20px 0 rgb(242 252 255 / 20%);
+		}
+
+		#first-step {
+			@apply float-right;
+		}
+	}
+
+	#welcome-thumbnail {
+		@apply inline-block;
+		box-shadow: 0 0 20px 0 rgb(27 24 58 / 20%);
+
+		img {
+			@apply max-w-full;
+		}
+	}
+}
+
+##{$namespace}-overview {
+	.inside {
+		@apply my-0;
+		padding: 0;
+
+		> div {
+			padding-left: 12px;
+			padding-right: 12px;
+		}
+
+		#advanced-ads-addon-box {
+			padding-left: 15px;
+			padding-right: 15px;
+		}
+
+		> footer {
+			@apply m-0 p-3;
+			border-top: 1px solid $border-color;
+
+			a {
+				@apply p-0 m-0 no-underline;
+
+				&:not(:last-child):after {
+					@apply font-light;
+					content: " | ";
+					color: $border-color;
+				}
+			}
+
+			a.go-pro {
+				@apply font-semibold;
+			}
+
+			.dashicons-external {
+				@apply text-lg;
+				line-height: normal;
+			}
+
+			.dashicons-lightbulb {
+				@apply text-xl leading-none;
+				color: $light-blue;
+			}
+		}
+	}
+
+	.postbox {
+		h2 {
+			@apply text-sm m-0 px-3 py-2;
+			border-bottom: 1px solid $border-color;
+		}
+	}
+
+	.#{$namespace}-widget-wrapper {
+		@apply mb-6;
+
+		.section-title {
+			@apply bg-gray-50/70 px-3 py-2.5 my-3;
+			@apply -mx-3 #{!important};
+			border: solid $border-color;
+			border-width: 1px 0;
+
+			h3 {
+				@apply m-0 font-semibold text-sm;
+			}
+		}
+
+		.manual-wrapper {
+			@apply flex flex-row justify-around mt-3;
+
+			> div {
+				width: 49%;
+			}
+
+			.title {
+				@apply flex flex-col m-0 text-center no-underline font-bold py-2;
+
+				&:hover,
+				.dashicons {
+					color: $color-primary;
+				}
+
+				.dashicons {
+					@apply text-6xl w-auto h-auto;
+					color: $light-blue;
+
+					&:hover {
+						@apply text-inherit;
+					}
+				}
+			}
+
+			.divider {
+				width: 0.1%;
+				border: solid $border-color;
+				border-width: 0 1px 0 0;
+			}
+		}
+	}
+
+	.#{$namespace}-ad-health-notices {
+		@apply m-0 mb-3;
+
+		.dashicons-warning {
+			color: $red;
+		}
+
+		.dashicons-info {
+			color: $light-blue;
+		}
+
+		&-show-hidden {
+			@apply ml-8 cursor-pointer underline;
+			color: $light-blue;
+		}
+
+		li {
+			@apply flex justify-between items-start gap-2 mb-0;
+
+			&:not(:last-child) {
+				@apply mb-3;
+			}
+
+			.text {
+				flex: 1;
+
+				a {
+					@apply text-current;
+				}
+			}
+
+			> button {
+				@apply border-none bg-transparent cursor-pointer;
+				color: $grey;
+			}
+
+			.date {
+				@apply italic;
+				color: $grey;
+			}
+		}
+	}
+}

wp-content/plugins/advanced-ads/assets/scss/admin/screen-groups-listing.scss

@@ -0,0 +1,113 @@
+@import "../bootstrap/variables";
+
+.#{$namespace}-page {
+	background-color: #f8f9fa;
+}
+
+.#{$namespace}-table .toggle-row {
+	position: absolute;
+	right: 8px;
+	top: 10px;
+	display: none;
+	padding: 0;
+	width: 40px;
+	height: 40px;
+	border: none;
+	outline: none;
+	background: transparent;
+}
+
+##{$namespace}-group-filter {
+	display: none;
+	margin-bottom: 1.2rem;
+}
+
+##{$namespace}-group-filter-form {
+	display: flex;
+	justify-content: space-between;
+}
+
+/**
+ * Ad status icons
+ */
+.#{$namespace}-ad-status-icon {
+	display: block;
+	width: 20px;
+	height: 20px;
+}
+
+.#{$namespace}-group-ads .advads-ad-status-icon {
+	display: inline-block;
+	vertical-align: middle;
+}
+
+.#{$namespace}-ad-status-icon-published,
+.#{$namespace}-ad-status-icon-publish {
+	background: url(../../img/icons/publish-bw.svg) no-repeat center/20px;
+
+	&:hover {
+		background: url(../../img/icons/publish.svg) no-repeat center/20px;
+	}
+}
+
+.#{$namespace}-ad-status-icon-draft {
+	background: url(../../img/icons/draft-bw.svg) no-repeat center/20px;
+
+	&:hover {
+		background: url(../../img/icons/draft.svg) no-repeat center/20px;
+	}
+}
+
+.#{$namespace}-ad-status-icon-future {
+	background: url(../../img/icons/future-bw.svg) no-repeat center/20px;
+
+	&:hover {
+		background: url(../../img/icons/future.svg) no-repeat center/20px;
+	}
+}
+
+.#{$namespace}-ad-status-icon-expiring {
+	background: url(../../img/icons/expiring-bw.svg) no-repeat center/20px;
+
+	&:hover {
+		background: url(../../img/icons/expiring.svg) no-repeat center/20px;
+	}
+}
+
+.#{$namespace}-ad-status-icon-expired,
+.#{$namespace}-ad-status-icon-trash {
+	background: url(../../img/icons/trash-bw.svg) no-repeat center/20px;
+
+	&:hover {
+		background: url(../../img/icons/trash.svg) no-repeat center/20px;
+	}
+}
+
+.#{$namespace}-ad-group-list-ads {
+	.#{$namespace}-ad-status-icon-published {
+		display: none;
+	}
+
+	> div:hover {
+		.#{$namespace}-ad-status-icon-draft {
+			background: url(../../img/icons/draft.svg) no-repeat center/20px;
+		}
+
+		.#{$namespace}-ad-status-icon-future {
+			background: url(../../img/icons/future.svg) no-repeat center/20px;
+		}
+
+		.#{$namespace}-ad-status-icon-expiring {
+			background: url(../../img/icons/expiring.svg) no-repeat center/20px;
+		}
+
+		.#{$namespace}-ad-status-icon-expired,
+		.#{$namespace}-ad-status-icon-trash {
+			background: url(../../img/icons/trash.svg) no-repeat center/20px;
+		}
+	}
+}
+
+#wpbody-content > .#{$namespace}-admin-notice {
+	margin: 5px 0 15px;
+}

wp-content/plugins/advanced-ads/assets/scss/admin/screen-onboarding.scss

@@ -0,0 +1,169 @@
+@config "../../../tailwind.config.onboarding.js";
+@import "../bootstrap/tailwind";
+@import "../bootstrap/variables";
+
+.#{$namespace}-onboarding-frame {
+	@apply fixed inset-0 z-[99999] bg-gray-100 flex justify-center items-center h-screen w-screen overflow-y-auto;
+}
+
+body.advanced-ads_page_advanced-ads-onboarding {
+	@apply absolute -left-[100%];
+
+	#adminmenumain {
+		@apply hidden;
+	}
+}
+
+.#{$namespace}-onboarding {
+	a,
+	p,
+	label,
+	button {
+		@apply text-base tracking-wide;
+	}
+
+	h1,
+	h2,
+	h3 {
+		@apply tracking-wide my-8;
+	}
+
+	h1,
+	h2 {
+		@apply font-medium;
+	}
+
+	h2 {
+		@apply text-2xl mb-3;
+	}
+
+	h3 {
+		@apply mb-3 font-normal;
+	}
+
+	select {
+		@apply w-full max-w-none px-2 py-0.5;
+	}
+
+	.button-link {
+		@apply no-underline text-black tracking-wide text-sm;
+
+		span {
+			@apply border-0 border-b border-solid border-black;
+		}
+	}
+
+	.button-onboarding {
+		@apply py-3 px-5 text-base border border-solid border-primary rounded text-white bg-primary text-base cursor-pointer no-underline font-medium;
+
+		&:disabled,
+		&.disabled {
+			@apply bg-gray-100 text-gray-600 border border-gray-100 cursor-not-allowed pointer-events-none;
+		}
+
+		&--gray {
+			@apply bg-gray-100 text-primary border border-solid border-primary whitespace-nowrap;
+		}
+	}
+
+	.file-name-rtl {
+		@apply max-w-72 whitespace-nowrap overflow-hidden relative;
+		direction: rtl;
+
+		&.truncate::before {
+			@apply w-10 h-full absolute left-0 top-0 z-10;
+			content: "";
+			background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
+		}
+	}
+
+	.congrats-flex {
+		@apply flex gap-7 items-center;
+
+		& > *:first-child {
+			min-width: 65%;
+			max-width: 65%;
+		}
+
+		& > *:nth-child(2) {
+			min-width: 25%;
+		}
+	}
+}
+
+.#{$namespace}-input {
+	&-radio {
+		@apply flex gap-x-4;
+
+		input {
+			@apply block mt-2 #{!important};
+		}
+	}
+
+	&-text {
+		@apply px-5 py-3 w-full text-base tracking-wide #{!important};
+	}
+}
+
+.#{$namespace}-radio-list {
+	@apply space-y-2 my-8;
+
+	&:not(.is-button) &--item {
+		@apply flex gap-x-4;
+
+		input {
+			@apply block mt-1.5 #{!important};
+		}
+	}
+
+	&.is-button {
+		@apply space-y-5;
+	}
+
+	&.is-button &--item {
+		input {
+			@apply hidden;
+		}
+
+		label {
+			@apply bg-gray-100/50 border border-solid border-primary border-opacity-70 py-1 px-4 text-primary rounded block font-medium cursor-pointer;
+
+			> span {
+				@apply flex items-center gap-x-4;
+			}
+		}
+
+		input:checked ~ label {
+			@apply bg-primary/80 text-white;
+		}
+	}
+}
+
+.#{$namespace}-wizard-progress {
+	@apply flex justify-center py-4 gap-x-8;
+
+	&--item {
+		@apply relative rounded-full bg-white border-solid border border-gray-300 min-h-8 min-w-8 flex justify-center items-center text-lg text-gray-500 font-medium;
+
+		&.is-active {
+			@apply min-w-16 px-1 bg-primary text-white border-primary z-10;
+		}
+
+		&.is-done {
+			@apply bg-primary text-white border-primary;
+
+			&::after,
+			& + &::after {
+				@apply border-solid border border-x-0 border-y border-primary bg-primary -z-10;
+				@apply content-[""] absolute left-0 top-1/2 h-1 w-[110%];
+				transform: translate(90%, -50%);
+			}
+		}
+
+		&:not(.is-done) + &::after {
+			@apply border-solid border border-x-0 border-y border-gray-300 bg-white -z-10;
+			@apply content-[""] absolute left-0 top-1/2 h-1 w-[110%];
+			transform: translate(-100%, -50%);
+		}
+	}
+}

wp-content/plugins/advanced-ads/assets/scss/admin/screen-placements-listing.scss

@@ -0,0 +1,195 @@
+/* stylelint-disable selector-class-pattern */
+@import "../bootstrap/variables";
+@import "../partials/post-type-list";
+
+.#{$namespace}-page {
+	background-color: #f8f9fa;
+}
+
+.#{$namespace}-placements-table-options {
+	text-align: right;
+
+	input[type="number"] {
+		width: 4.5em;
+	}
+}
+
+.#{$namespace}-placements-table ol {
+	margin: 0.5em 0;
+	list-style-position: inside;
+}
+
+th.#{$namespace}-placement-sortable {
+	cursor: pointer;
+
+	a {
+		display: block;
+		overflow: hidden;
+	}
+}
+
+.#{$namespace}-placement-sorting-indicator {
+	display: inline-block;
+	visibility: hidden;
+	width: 8px;
+	height: 4px;
+}
+
+.sorted .#{$namespace}-placement-sorting-indicator,
+a:not(.sorted):hover .#{$namespace}-placement-sorting-indicator {
+	visibility: visible;
+}
+
+.#{$namespace}-placement-sorting-indicator::before {
+	content: "\f142";
+	font-weight: 400;
+	font-size: 20px;
+	line-height: 1;
+	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
+	font-family: dashicons;
+	display: inline-block;
+	padding: 0;
+	top: 0;
+	left: -7px;
+	color: #444;
+	position: relative;
+	vertical-align: middle;
+	text-decoration: none !important;
+}
+
+/** hide inaccessible post status */
+
+.post-type-advanced_ads_plcmnt {
+	[name="_status"] {
+		[value="future"],
+		[value="private"],
+		[value="pending"] {
+			display: none;
+		}
+	}
+
+	.#{$namespace}-button-secondary.mine {
+		display: none;
+	}
+}
+
+.desc .#{$namespace}-placement-sorting-indicator::before,
+.asc:hover .#{$namespace}-placement-sorting-indicator::before {
+	content: "\f140";
+}
+
+.asc .#{$namespace}-placement-sorting-indicator::before,
+.desc:hover .#{$namespace}-placement-sorting-indicator::before {
+	content: "\f142";
+}
+
+.#{$namespace}_search_placement_name {
+	vertical-align: middle;
+}
+
+.column-conditions h4:first-of-type {
+	margin-top: 0;
+}
+
+.#{$namespace}-placement-item-select {
+	width: 200px;
+}
+
+.#{$namespace}-placement-item-select-wrap {
+	position: relative;
+	vertical-align: middle;
+}
+
+.#{$namespace}-option-placement-name {
+	vertical-align: middle;
+}
+
+.#{$namespace}-option-placement-name .#{$namespace}-help {
+	display: inline-block;
+	vertical-align: inherit;
+}
+
+.#{$namespace}-placement-item-select-wrap .#{$namespace}-loader {
+	position: absolute;
+	left: 78.5px;
+	top: 10px;
+	pointer-events: none;
+}
+
+.#{$namespace}-ajax-feedback {
+	display: none;
+}
+
+.#{$namespace}-ajax-feedback.#{$namespace}-success-message {
+	vertical-align: inherit;
+}
+
+@keyframes fade-out {
+	from {
+		opacity: 1;
+	}
+
+	to {
+		opacity: 0;
+	}
+}
+
+.#{$namespace}-ajax-feedback.#{$namespace}-success-message.#{$namespace}-show {
+	display: inline;
+	animation: 2s fade-out 1s;
+}
+
+.#{$namespace}-ajax-feedback.#{$namespace}-error::before {
+	top: unset;
+}
+
+.#{$namespace}-placement-item-edit {
+	vertical-align: inherit;
+
+	span {
+		vertical-align: inherit;
+		margin-top: -4px;
+	}
+}
+
+@media (min-width: 1200px) {
+	.#{$namespace}-placement-type {
+		flex-basis: 65px;
+		width: 65px;
+		margin-right: 3%;
+
+		img {
+			width: 100%;
+			height: unset !important;
+		}
+	}
+}
+
+.#{$namespace}-placements-table {
+	margin-top: 20px;
+}
+
+a.#{$namespace}-placement-sorted {
+	cursor: default;
+	pointer-events: none;
+	text-decoration: none;
+	color: #808080;
+}
+
+.inline-edit-row[id^="edit-"] {
+	fieldset:not(.advanced-ads) {
+		@apply hidden;
+	}
+}
+
+#the-list .notice.inline.hidden {
+	display: none;
+}
+
+#bulk-edit .title {
+	@apply mr-3 min-w-28 w-auto;
+}
+
+.#{$namespace}-bulk-edit {
+	margin-top: 0 !important;
+}

wp-content/plugins/advanced-ads/assets/scss/admin/screen-settings.scss

@@ -0,0 +1,2 @@
+@import "../bootstrap/variables";
+@import "add-ons";

wp-content/plugins/advanced-ads/assets/scss/admin/screen-status.scss

@@ -0,0 +1,10 @@
+@import "../bootstrap/variables";
+
+.#{$namespace}-subpage-title {
+	@apply text-lg font-semibold leading-none mb-4;
+}
+
+##{$namespace}-system-information {
+	@apply w-full block max-w-screen-lg h-[40rem] p-5 rounded border border-[#8c8f94] bg-white text-xs text-[#2c3338] whitespace-pre overflow-auto resize-none mb-5;
+	font-family: Menlo, Monaco, monospace;
+}

wp-content/plugins/advanced-ads/assets/scss/admin/wp-dashboard.scss

@@ -0,0 +1,140 @@
+@import "../bootstrap/variables";
+
+.#{$namespace}-logo {
+	&--icon {
+		@apply mr-3 h-5 w-5;
+	}
+
+	&--text {
+		@apply flex-grow;
+	}
+}
+
+##{$namespace}-dashboard-widget {
+	&-hide + span {
+		@apply hidden;
+	}
+
+	.#{$namespace}-widget-wrapper {
+		@apply mb-6;
+
+		.section-title {
+			@apply bg-gray-50/70 px-3 py-2.5 my-3;
+			@apply -mx-3 #{!important};
+			border: solid $border-color;
+			border-width: 1px 0;
+
+			h3 {
+				@apply m-0 font-semibold;
+			}
+		}
+	}
+
+	.#{$namespace}-widget-header {
+		font-size: 13px;
+
+		a {
+			@apply px-1;
+		}
+	}
+
+	.#{$namespace}-widget-buttons {
+		@apply py-1;
+	}
+
+	a {
+		@apply no-underline;
+	}
+
+	.dashicons-external {
+		@apply align-[-4px] ml-1;
+	}
+
+	.inside {
+		padding: 0; // Entfernt den inneren Abstand
+
+		> div {
+			padding-left: 12px;
+			padding-right: 12px;
+		}
+
+		> footer {
+			margin: 0;
+			padding: 12px;
+			margin-bottom: 0;
+			border-top: 1px solid $border-color;
+
+			a {
+				@apply px-2.5 no-underline;
+				margin: 0;
+				padding: 0;
+				text-decoration-line: none; // Entfernt die Text-Dekoration
+
+				&:not(:last-child):after {
+					content: " | ";
+					color: #c3c4c7;
+					font-weight: 300;
+				}
+			}
+
+			a.go-pro {
+				@apply font-semibold;
+			}
+
+			.dashicons-external {
+				@apply text-lg;
+				line-height: unset;
+			}
+		}
+	}
+}
+
+.index-php {
+	div.advads-stats-box {
+		margin: 0;
+		flex: 0 0 calc(33.33% - 8pt);
+
+		.advads-stats-age {
+			@apply clear-left float-left text-left;
+		}
+	}
+
+	div.advads-stats-dd-container {
+		@apply float-left text-left;
+	}
+}
+
+.#{$namespace}-performing-ads-track {
+	@apply flex justify-between;
+
+	ul {
+		@apply list-none m-0;
+	}
+
+	li {
+		@apply inline cursor-pointer;
+		color: $light-blue;
+
+		&.active {
+			@apply text-black;
+		}
+
+		&:not(:last-child)::after {
+			content: "|";
+			@apply ml-1 text-gray-400;
+		}
+	}
+
+	&.disabled {
+		@apply pointer-events-none text-gray-400;
+
+		a,
+		li {
+			@apply text-gray-400;
+		}
+	}
+}
+
+.#{$namespace}-custom-period-wrapper {
+	@apply hidden;
+}