update

resources/scss/login.css

@@ -1,6 +1,8 @@
 :root {
   --c-primary: #6690f4;
   --c-primary-dark: #3164db;
+  --c-action-primary: #0f766e;
+  --c-action-primary-dark: #0b5f59;
   --c-bg: #f4f6f9;
   --c-surface: #ffffff;
   --c-text: #4e5e6a;
@@ -9,6 +11,7 @@
   --c-border: #b0bec5;
   --c-danger: #cc0000;
   --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);
+  --focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);
   --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);
 }
 
@@ -29,11 +32,11 @@
 
 .btn--primary {
   color: #ffffff;
-  background: var(--c-primary);
+  background: var(--c-action-primary);
 }
 
 .btn--primary:hover {
-  background: var(--c-primary-dark);
+  background: var(--c-action-primary-dark);
 }
 
 .btn--secondary {
@@ -68,22 +71,28 @@
   width: 100%;
 }
 
+.btn--disabled {
+  opacity: 0.3;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
 .btn:active {
   transform: translateY(1px);
 }
 
 .btn:focus-visible {
   outline: none;
-  box-shadow: var(--focus-ring);
-  border-color: var(--c-primary);
+  box-shadow: var(--focus-ring-action);
+  border-color: var(--c-action-primary);
 }
 
 .form-control {
   width: 100%;
-  min-height: 34px;
+  min-height: 30px;
   border: 1px solid var(--c-border);
-  border-radius: 8px;
-  padding: 5px 10px;
+  border-radius: 6px;
+  padding: 4px 8px;
   font: inherit;
   color: var(--c-text-strong);
   background: #ffffff;
@@ -238,6 +247,41 @@
   background: #edf2ff;
 }
 
+.receipt-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 16px;
+  padding-bottom: 12px;
+  border-bottom: 2px solid var(--c-text-strong);
+}
+.receipt-header__seller {
+  flex: 1;
+}
+.receipt-header__seller strong {
+  font-size: 14px;
+  display: block;
+  margin-bottom: 4px;
+}
+.receipt-header__title {
+  text-align: right;
+}
+.receipt-header__title h1 {
+  font-size: 18px;
+  font-weight: 700;
+  margin-bottom: 4px;
+}
+
+.receipt-print {
+  max-width: 700px;
+  margin: 0 auto;
+}
+@media print {
+  .receipt-print {
+    max-width: 100%;
+  }
+}
+
 :root {
   --shadow-card: 0 20px 50px rgba(22, 34, 58, 0.14);
 }