diff --git a/app/resources/js/components/projects/ProjectCard.vue b/app/resources/js/components/projects/ProjectCard.vue
index a4f3832a..a1a85ca5 100644
--- a/app/resources/js/components/projects/ProjectCard.vue
+++ b/app/resources/js/components/projects/ProjectCard.vue
@@ -2,13 +2,14 @@
     <v-card class="project-card ld-hover-lift" :class="{ paused: !project.is_active }" elevation="1">
         <v-card-item>
             <template #prepend>
-                <v-checkbox
-                    :model-value="selected"
-                    data-testid="card-select"
-                    hide-details
-                    density="compact"
-                    @change="$emit('toggle-select', project.id)"
-                />
+                <label class="card-check" data-testid="card-select">
+                    <input
+                        type="checkbox"
+                        :checked="selected"
+                        @change="$emit('toggle-select', project.id)"
+                    />
+                    <span class="card-check__box" />
+                </label>
             </template>
 
             <v-card-title>
@@ -132,4 +133,49 @@ const syncStatusColor = computed(
 .project-card.paused {
     opacity: 0.75;
 }
+.card-check {
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+    padding: 4px;
+}
+.card-check input {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+}
+.card-check__box {
+    width: 16px;
+    height: 16px;
+    border: 1px solid var(--liderra-line);
+    border-radius: var(--radius-6);
+    background: var(--liderra-surface);
+    display: inline-block;
+    position: relative;
+    transition:
+        border-color 200ms cubic-bezier(0.16, 1, 0.3, 1),
+        background-color 200ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+.card-check:hover .card-check__box {
+    border-color: var(--liderra-line-strong);
+}
+.card-check input:focus-visible + .card-check__box {
+    outline: 2px solid var(--liderra-teal);
+    outline-offset: 2px;
+}
+.card-check input:checked + .card-check__box {
+    background: rgba(15, 110, 86, 0.10);
+    border-color: var(--liderra-teal);
+}
+.card-check input:checked + .card-check__box::after {
+    content: '';
+    position: absolute;
+    left: 4px;
+    top: 0;
+    width: 5px;
+    height: 9px;
+    border: solid var(--liderra-teal);
+    border-width: 0 1.5px 1.5px 0;
+    transform: rotate(45deg);
+}
 </style>
diff --git a/app/resources/js/views/projects/NewProjectDialog.vue b/app/resources/js/views/projects/NewProjectDialog.vue
index 85932417..085f6891 100644
--- a/app/resources/js/views/projects/NewProjectDialog.vue
+++ b/app/resources/js/views/projects/NewProjectDialog.vue
@@ -23,6 +23,7 @@
                             label="Домен конкурента"
                             placeholder="okna-konkurent.ru"
                             :readonly="mode === 'edit'"
+                            class="ld-input-quiet"
                             :error-messages="errors.signal_identifier"
                         />
                     </v-tabs-window-item>
@@ -33,6 +34,7 @@
                             placeholder="79161234567"
                             hint="Формат: 11 цифр, начинаются с 7"
                             :readonly="mode === 'edit'"
+                            class="ld-input-quiet"
                             :error-messages="errors.signal_identifier"
                         />
                     </v-tabs-window-item>
@@ -49,6 +51,7 @@
                             v-model="form.sms_keyword"
                             label="Ключевое слово (опционально)"
                             hint="Если пусто — проект подключится только к B3"
+                            class="ld-input-quiet"
                             :error-messages="errors.sms_keyword"
                         />
                     </v-tabs-window-item>
@@ -56,7 +59,7 @@
 
                 <v-divider class="my-4" />
 
-                <v-text-field v-model="form.name" label="Название проекта" :error-messages="errors.name" />
+                <v-text-field v-model="form.name" label="Название проекта" class="ld-input-quiet" :error-messages="errors.name" />
 
                 <v-text-field
                     v-model.number="form.daily_limit_target"
@@ -64,6 +67,7 @@
                     type="number"
                     min="1"
                     max="10000"
+                    class="ld-input-quiet"
                     :error-messages="errors.daily_limit_target"
                 />
 
@@ -206,3 +210,38 @@ function close() {
     emit('update:modelValue', false);
 }
 </script>
+
+<style scoped>
+.ld-input-quiet :deep(.v-field) {
+    border-radius: var(--radius-8);
+}
+.ld-input-quiet :deep(.v-field__outline__start),
+.ld-input-quiet :deep(.v-field__outline__end),
+.ld-input-quiet :deep(.v-field__outline__notch::before),
+.ld-input-quiet :deep(.v-field__outline__notch::after) {
+    border-color: var(--liderra-line);
+    opacity: 1;
+    transition: border-color 200ms cubic-bezier(0.16, 1, 0.3, 1);
+}
+.ld-input-quiet :deep(.v-field:hover .v-field__outline__start),
+.ld-input-quiet :deep(.v-field:hover .v-field__outline__end),
+.ld-input-quiet :deep(.v-field:hover .v-field__outline__notch::before),
+.ld-input-quiet :deep(.v-field:hover .v-field__outline__notch::after) {
+    border-color: var(--liderra-line-strong);
+    opacity: 1;
+}
+.ld-input-quiet :deep(.v-field--focused .v-field__outline__start),
+.ld-input-quiet :deep(.v-field--focused .v-field__outline__end),
+.ld-input-quiet :deep(.v-field--focused .v-field__outline__notch::before),
+.ld-input-quiet :deep(.v-field--focused .v-field__outline__notch::after) {
+    border-color: var(--liderra-teal);
+    opacity: 1;
+}
+.ld-input-quiet :deep(.v-field--error:not(.v-field--disabled) .v-field__outline__start),
+.ld-input-quiet :deep(.v-field--error:not(.v-field--disabled) .v-field__outline__end),
+.ld-input-quiet :deep(.v-field--error:not(.v-field--disabled) .v-field__outline__notch::before),
+.ld-input-quiet :deep(.v-field--error:not(.v-field--disabled) .v-field__outline__notch::after) {
+    border-color: currentColor;
+    opacity: 1;
+}
+</style>