1 line
20 KiB
Plaintext
1 line
20 KiB
Plaintext
{"version":3,"sources":["shared\\_ui-components.scss","login.css","login.scss"],"names":[],"mappings":"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","file":"login.css","sourcesContent":[":root {\n --c-primary: #6690f4;\n --c-primary-dark: #3164db;\n --c-action-primary: #0f766e;\n --c-action-primary-dark: #0b5f59;\n --c-bg: #f4f6f9;\n --c-surface: #ffffff;\n --c-text: #4e5e6a;\n --c-text-strong: #2d3748;\n --c-muted: #718096;\n --c-border: #b0bec5;\n --c-danger: #cc0000;\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\n --focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\n}\n\r\n.btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 34px;\r\n padding: 6px 12px;\r\n border: 1px solid transparent;\r\n border-radius: 8px;\r\n font: inherit;\r\n font-weight: 600;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\r\n}\r\n\r\n.btn--primary {\n color: #ffffff;\n background: var(--c-action-primary);\n}\n\n.btn--primary:hover {\n background: var(--c-action-primary-dark);\n}\n\r\n.btn--secondary {\r\n color: var(--c-text-strong);\r\n border-color: var(--c-border);\r\n background: var(--c-surface);\r\n}\r\n\r\n.btn--secondary:hover {\r\n border-color: #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.btn--danger {\r\n color: #ffffff;\r\n border-color: #b91c1c;\r\n background: #dc2626;\r\n}\r\n\r\n.btn--danger:hover {\r\n border-color: #991b1b;\r\n background: #b91c1c;\r\n}\r\n\r\n.btn--sm {\r\n min-height: 28px;\r\n padding: 3px 10px;\r\n font-size: 12px;\r\n}\r\n\r\n.btn--block {\r\n width: 100%;\r\n}\r\n\r\n.btn--disabled {\r\n opacity: 0.3;\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\n.btn:active {\r\n transform: translateY(1px);\r\n}\r\n\r\n.btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring-action);\n border-color: var(--c-action-primary);\n}\n\r\n.form-control {\r\n width: 100%;\r\n min-height: 30px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 6px;\r\n padding: 4px 8px;\r\n font: inherit;\r\n color: var(--c-text-strong);\r\n background: #ffffff;\r\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.form-control:focus {\r\n outline: none;\r\n border-color: var(--c-primary);\r\n box-shadow: var(--focus-ring);\r\n}\r\n\r\n.input {\r\n min-height: 34px;\r\n border: 1px solid var(--c-border);\r\n border-radius: 8px;\r\n padding: 5px 10px;\r\n font: inherit;\r\n color: var(--c-text-strong);\r\n background: #ffffff;\r\n}\r\n\r\n.input--sm {\r\n min-height: 28px;\r\n padding: 3px 8px;\r\n font-size: 12px;\r\n}\r\n\r\n.flash {\r\n padding: 8px 12px;\r\n border-radius: 6px;\r\n font-size: 13px;\r\n}\r\n\r\n.flash--success {\r\n border: 1px solid #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.flash--error {\r\n border: 1px solid #fed7d7;\r\n background: #fff5f5;\r\n color: var(--c-danger);\r\n}\r\n\r\n.alert {\r\n padding: 12px 14px;\r\n border-radius: 8px;\r\n border: 1px solid transparent;\r\n font-size: 13px;\r\n min-height: 44px;\r\n}\r\n\r\n.alert--danger {\r\n border-color: #fed7d7;\r\n background: #fff5f5;\r\n color: var(--c-danger);\r\n}\r\n\r\n.alert--success {\r\n border-color: #b7ebcf;\r\n background: #f0fff6;\r\n color: #0f6b39;\r\n}\r\n\r\n.alert--warning {\r\n border-color: #f7dd8b;\r\n background: #fff8e8;\r\n color: #815500;\r\n}\r\n\r\n.form-field {\r\n display: grid;\r\n gap: 5px;\r\n}\r\n\r\n.field-label {\r\n color: var(--c-text-strong);\r\n font-size: 13px;\r\n font-weight: 600;\r\n}\r\n\r\n.table-wrap {\r\n width: 100%;\r\n overflow-x: auto;\r\n\r\n &--visible {\r\n overflow: visible !important;\r\n overflow-x: visible !important;\r\n }\r\n}\r\n\r\n.table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n background: var(--c-surface);\r\n}\r\n\r\n.table th,\r\n.table td {\r\n padding: 10px 12px;\r\n border-bottom: 1px solid var(--c-border);\r\n text-align: left;\r\n}\r\n\r\n.table th {\r\n color: var(--c-text-strong);\r\n font-weight: 700;\r\n background: #f8fafc;\r\n}\r\n\r\n.table--details th {\r\n white-space: nowrap;\r\n}\r\n\r\n.table--details th:first-child,\r\n.table--details td:first-child {\r\n width: 36px;\r\n text-align: center;\r\n}\r\n\r\n.pagination {\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n}\r\n\r\n.pagination__item {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 36px;\r\n height: 36px;\r\n padding: 0 10px;\r\n border-radius: 8px;\r\n border: 1px solid var(--c-border);\r\n color: var(--c-text-strong);\r\n background: var(--c-surface);\r\n text-decoration: none;\r\n font-weight: 600;\r\n}\r\n\r\n.pagination__item:hover {\r\n border-color: #cbd5e0;\r\n background: #f8fafc;\r\n}\r\n\r\n.pagination__item.is-active {\r\n border-color: var(--c-primary);\r\n color: var(--c-primary);\r\n background: #edf2ff;\r\n}\r\n\r\n.receipt-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 16px;\r\n padding-bottom: 12px;\r\n border-bottom: 2px solid var(--c-text-strong);\r\n\r\n &__seller {\r\n flex: 1;\r\n\r\n strong {\r\n font-size: 14px;\r\n display: block;\r\n margin-bottom: 4px;\r\n }\r\n }\r\n\r\n &__title {\r\n text-align: right;\r\n\r\n h1 {\r\n font-size: 18px;\r\n font-weight: 700;\r\n margin-bottom: 4px;\r\n }\r\n }\r\n}\r\n\r\n.receipt-print {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n\r\n @media print {\r\n max-width: 100%;\r\n }\r\n}\r\n",":root {\n --c-primary: #6690f4;\n --c-primary-dark: #3164db;\n --c-action-primary: #0f766e;\n --c-action-primary-dark: #0b5f59;\n --c-bg: #f4f6f9;\n --c-surface: #ffffff;\n --c-text: #4e5e6a;\n --c-text-strong: #2d3748;\n --c-muted: #718096;\n --c-border: #b0bec5;\n --c-danger: #cc0000;\n --focus-ring: 0 0 0 3px rgba(102, 144, 244, 0.15);\n --focus-ring-action: 0 0 0 3px rgba(15, 118, 110, 0.18);\n --shadow-card: 0 1px 4px rgba(0, 0, 0, 0.06);\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 34px;\n padding: 6px 12px;\n border: 1px solid transparent;\n border-radius: 8px;\n font: inherit;\n font-weight: 600;\n text-decoration: none;\n cursor: pointer;\n transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;\n}\n\n.btn--primary {\n color: #ffffff;\n background: var(--c-action-primary);\n}\n\n.btn--primary:hover {\n background: var(--c-action-primary-dark);\n}\n\n.btn--secondary {\n color: var(--c-text-strong);\n border-color: var(--c-border);\n background: var(--c-surface);\n}\n\n.btn--secondary:hover {\n border-color: #cbd5e0;\n background: #f8fafc;\n}\n\n.btn--danger {\n color: #ffffff;\n border-color: #b91c1c;\n background: #dc2626;\n}\n\n.btn--danger:hover {\n border-color: #991b1b;\n background: #b91c1c;\n}\n\n.btn--sm {\n min-height: 28px;\n padding: 3px 10px;\n font-size: 12px;\n}\n\n.btn--block {\n width: 100%;\n}\n\n.btn--disabled {\n opacity: 0.3;\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.btn:active {\n transform: translateY(1px);\n}\n\n.btn:focus-visible {\n outline: none;\n box-shadow: var(--focus-ring-action);\n border-color: var(--c-action-primary);\n}\n\n.form-control {\n width: 100%;\n min-height: 30px;\n border: 1px solid var(--c-border);\n border-radius: 6px;\n padding: 4px 8px;\n font: inherit;\n color: var(--c-text-strong);\n background: #ffffff;\n transition: border-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.form-control:focus {\n outline: none;\n border-color: var(--c-primary);\n box-shadow: var(--focus-ring);\n}\n\n.input {\n min-height: 34px;\n border: 1px solid var(--c-border);\n border-radius: 8px;\n padding: 5px 10px;\n font: inherit;\n color: var(--c-text-strong);\n background: #ffffff;\n}\n\n.input--sm {\n min-height: 28px;\n padding: 3px 8px;\n font-size: 12px;\n}\n\n.flash {\n padding: 8px 12px;\n border-radius: 6px;\n font-size: 13px;\n}\n\n.flash--success {\n border: 1px solid #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.flash--error {\n border: 1px solid #fed7d7;\n background: #fff5f5;\n color: var(--c-danger);\n}\n\n.alert {\n padding: 12px 14px;\n border-radius: 8px;\n border: 1px solid transparent;\n font-size: 13px;\n min-height: 44px;\n}\n\n.alert--danger {\n border-color: #fed7d7;\n background: #fff5f5;\n color: var(--c-danger);\n}\n\n.alert--success {\n border-color: #b7ebcf;\n background: #f0fff6;\n color: #0f6b39;\n}\n\n.alert--warning {\n border-color: #f7dd8b;\n background: #fff8e8;\n color: #815500;\n}\n\n.form-field {\n display: grid;\n gap: 5px;\n}\n\n.field-label {\n color: var(--c-text-strong);\n font-size: 13px;\n font-weight: 600;\n}\n\n.table-wrap {\n width: 100%;\n overflow-x: auto;\n}\n.table-wrap--visible {\n overflow: visible !important;\n overflow-x: visible !important;\n}\n\n.table {\n width: 100%;\n border-collapse: collapse;\n background: var(--c-surface);\n}\n\n.table th,\n.table td {\n padding: 10px 12px;\n border-bottom: 1px solid var(--c-border);\n text-align: left;\n}\n\n.table th {\n color: var(--c-text-strong);\n font-weight: 700;\n background: #f8fafc;\n}\n\n.table--details th {\n white-space: nowrap;\n}\n\n.table--details th:first-child,\n.table--details td:first-child {\n width: 36px;\n text-align: center;\n}\n\n.pagination {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.pagination__item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 36px;\n height: 36px;\n padding: 0 10px;\n border-radius: 8px;\n border: 1px solid var(--c-border);\n color: var(--c-text-strong);\n background: var(--c-surface);\n text-decoration: none;\n font-weight: 600;\n}\n\n.pagination__item:hover {\n border-color: #cbd5e0;\n background: #f8fafc;\n}\n\n.pagination__item.is-active {\n border-color: var(--c-primary);\n color: var(--c-primary);\n background: #edf2ff;\n}\n\n.receipt-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 16px;\n padding-bottom: 12px;\n border-bottom: 2px solid var(--c-text-strong);\n}\n.receipt-header__seller {\n flex: 1;\n}\n.receipt-header__seller strong {\n font-size: 14px;\n display: block;\n margin-bottom: 4px;\n}\n.receipt-header__title {\n text-align: right;\n}\n.receipt-header__title h1 {\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 4px;\n}\n\n.receipt-print {\n max-width: 700px;\n margin: 0 auto;\n}\n@media print {\n .receipt-print {\n max-width: 100%;\n }\n}\n\n:root {\n --shadow-card: 0 20px 50px rgba(22, 34, 58, 0.14);\n}\n\n* {\n box-sizing: border-box;\n}\n\nhtml,\nbody {\n min-height: 100%;\n}\n\nbody {\n margin: 0;\n font-family: \"Roboto\", \"Segoe UI\", sans-serif;\n color: var(--c-text);\n background: var(--c-bg);\n overflow-x: hidden;\n}\n\n.bg-orb {\n position: fixed;\n width: 460px;\n height: 460px;\n border-radius: 999px;\n filter: blur(28px);\n z-index: 0;\n opacity: 0.45;\n pointer-events: none;\n}\n\n.bg-orb-left {\n top: -200px;\n left: -180px;\n background: radial-gradient(circle, rgba(102, 144, 244, 0.48) 0%, rgba(102, 144, 244, 0) 70%);\n}\n\n.bg-orb-right {\n right: -200px;\n bottom: -220px;\n background: radial-gradient(circle, rgba(30, 42, 58, 0.36) 0%, rgba(30, 42, 58, 0) 70%);\n}\n\n.login-page {\n min-height: 100vh;\n display: grid;\n place-items: center;\n padding: 32px 20px;\n position: relative;\n z-index: 1;\n}\n\n.login-card {\n width: 100%;\n max-width: 430px;\n background: var(--c-surface);\n border: 1px solid var(--c-border);\n border-radius: 12px;\n box-shadow: var(--shadow-card);\n padding: 34px 30px 28px;\n animation: card-enter 420ms ease-out;\n}\n\n.login-header {\n margin-bottom: 24px;\n}\n\n.login-badge {\n display: inline-block;\n margin: 0 0 14px;\n padding: 5px 12px;\n border-radius: 999px;\n border: 1px solid #d9e2ff;\n background: #eef2ff;\n color: #3f5faf;\n font-size: 12px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n}\n\nh1 {\n margin: 0;\n color: var(--c-text-strong);\n font-size: clamp(1.6rem, 2.5vw, 1.9rem);\n line-height: 1.15;\n font-weight: 700;\n}\n\n.login-subtitle {\n margin: 10px 0 0;\n font-size: 15px;\n line-height: 1.55;\n color: var(--c-muted);\n}\n\n.login-alert {\n margin-bottom: 18px;\n}\n\n.login-alert-placeholder {\n opacity: 0.56;\n}\n\n.login-form {\n display: grid;\n gap: 16px;\n}\n\n.form-field {\n display: grid;\n gap: 7px;\n}\n\n.field-label {\n color: var(--c-text-strong);\n font-size: 13px;\n font-weight: 600;\n}\n\n.login-form .form-control {\n min-height: 46px;\n padding: 0 14px;\n border-width: 2px;\n}\n\n.login-form .form-control::placeholder {\n color: #cbd5e0;\n}\n\n.login-submit {\n margin-top: 2px;\n font-size: 15px;\n min-height: 48px;\n}\n\n@keyframes card-enter {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@media (max-width: 640px) {\n .login-page {\n padding: 18px 14px;\n }\n .login-card {\n padding: 24px 20px 20px;\n }\n h1 {\n font-size: 1.55rem;\n }\n}","@use \"shared/ui-components\";\r\n\r\n:root {\r\n --shadow-card: 0 20px 50px rgba(22, 34, 58, 0.14);\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml,\r\nbody {\r\n min-height: 100%;\r\n}\r\n\r\nbody {\r\n margin: 0;\r\n font-family: \"Roboto\", \"Segoe UI\", sans-serif;\r\n color: var(--c-text);\r\n background: var(--c-bg);\r\n overflow-x: hidden;\r\n}\r\n\r\n.bg-orb {\r\n position: fixed;\r\n width: 460px;\r\n height: 460px;\r\n border-radius: 999px;\r\n filter: blur(28px);\r\n z-index: 0;\r\n opacity: 0.45;\r\n pointer-events: none;\r\n}\r\n\r\n.bg-orb-left {\r\n top: -200px;\r\n left: -180px;\r\n background: radial-gradient(circle, rgba(102, 144, 244, 0.48) 0%, rgba(102, 144, 244, 0) 70%);\r\n}\r\n\r\n.bg-orb-right {\r\n right: -200px;\r\n bottom: -220px;\r\n background: radial-gradient(circle, rgba(30, 42, 58, 0.36) 0%, rgba(30, 42, 58, 0) 70%);\r\n}\r\n\r\n.login-page {\r\n min-height: 100vh;\r\n display: grid;\r\n place-items: center;\r\n padding: 32px 20px;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.login-card {\r\n width: 100%;\r\n max-width: 430px;\r\n background: var(--c-surface);\r\n border: 1px solid var(--c-border);\r\n border-radius: 12px;\r\n box-shadow: var(--shadow-card);\r\n padding: 34px 30px 28px;\r\n animation: card-enter 420ms ease-out;\r\n}\r\n\r\n.login-header {\r\n margin-bottom: 24px;\r\n}\r\n\r\n.login-badge {\r\n display: inline-block;\r\n margin: 0 0 14px;\r\n padding: 5px 12px;\r\n border-radius: 999px;\r\n border: 1px solid #d9e2ff;\r\n background: #eef2ff;\r\n color: #3f5faf;\r\n font-size: 12px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.06em;\r\n}\r\n\r\nh1 {\r\n margin: 0;\r\n color: var(--c-text-strong);\r\n font-size: clamp(1.6rem, 2.5vw, 1.9rem);\r\n line-height: 1.15;\r\n font-weight: 700;\r\n}\r\n\r\n.login-subtitle {\r\n margin: 10px 0 0;\r\n font-size: 15px;\r\n line-height: 1.55;\r\n color: var(--c-muted);\r\n}\r\n\r\n.login-alert {\r\n margin-bottom: 18px;\r\n}\r\n\r\n.login-alert-placeholder {\r\n opacity: 0.56;\r\n}\r\n\r\n.login-form {\r\n display: grid;\r\n gap: 16px;\r\n}\r\n\r\n.form-field {\r\n display: grid;\r\n gap: 7px;\r\n}\r\n\r\n.field-label {\r\n color: var(--c-text-strong);\r\n font-size: 13px;\r\n font-weight: 600;\r\n}\r\n\r\n.login-form .form-control {\r\n min-height: 46px;\r\n padding: 0 14px;\r\n border-width: 2px;\r\n}\r\n\r\n.login-form .form-control::placeholder {\r\n color: #cbd5e0;\r\n}\r\n\r\n.login-submit {\r\n margin-top: 2px;\r\n font-size: 15px;\r\n min-height: 48px;\r\n}\r\n\r\n@keyframes card-enter {\r\n from {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .login-page {\r\n padding: 18px 14px;\r\n }\r\n\r\n .login-card {\r\n padding: 24px 20px 20px;\r\n }\r\n\r\n h1 {\r\n font-size: 1.55rem;\r\n }\r\n}\r\n"]} |