@font-face {font-family: 'Mulish';font-style: normal;font-weight: 200 1000;font-display: swap;src: url('../fonts/mulish-latin-ext-normal-variable.woff2') format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Mulish';font-style: normal;font-weight: 200 1000;font-display: swap;src: url('../fonts/mulish-latin-normal-variable.woff2') format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}:root {--green-montel: #3aca97;}a {text-decoration: none;}* {-webkit-tap-highlight-color: transparent;}input, textarea, button {font-family: inherit}html {background-color: #454545;color: #333;scrollbar-gutter: stable;scrollbar-width: thin;scrollbar-color: rgba(255, 255, 255, 0.25) transparent;overflow-wrap: break-word;}body {font-family: 'Mulish', Tahoma, Geneva, Verdana, sans-serif;display: flex;flex-direction: column;align-items: center;min-height: 100dvh;margin: 0;}body::before {content: "";position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;z-index: -2;pointer-events: none;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='12' viewBox='0 0 20 12'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='charlie-brown' fill='%23808080' fill-opacity='0.2'%3E%3Cpath d='M9.8 12L0 2.2V.8l10 10 10-10v1.4L10.2 12h-.4zm-4 0L0 6.2V4.8L7.2 12H5.8zm8.4 0L20 6.2V4.8L12.8 12h1.4zM9.8 0l.2.2.2-.2h-.4zm-4 0L10 4.2 14.2 0h-1.4L10 2.8 7.2 0H5.8z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), linear-gradient(135deg, rgba(42, 123, 155, 0.9) 0%, rgba(58, 202, 151, 0.8) 70%);}h1 {margin: 0;}h3 {margin: 0 0 20px;}header {width: 100%;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;position: relative;background: rgb(26 26 26 / 70%);line-height: 1.5;color: white;text-transform: uppercase;text-shadow: 0 0 9px #ffeb00;transition: filter .3s;z-index: 999;}@media only screen and (max-width: 768px) {header {font-size: .5rem;padding: 10px;box-sizing: border-box;}}.montel-logo-svg {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);height: 40px;width: 40px;background: white;border-radius: 6px;box-sizing: border-box;}@media only screen and (max-width: 768px) {.montel-logo-svg {left: 10px;height: 30px;width: 30px;}}noscript {font-size: 28px;color: red;}main {display: flex;flex-direction: column;align-items: center;align-self: stretch;flex: 1;background: rgb(0 0 0 / 20%);margin: 20px;padding: 20px;border-radius: 10px;box-shadow: 0 0 10px 0px rgb(0 0 0 / 50%);transition: filter .3s;}@media only screen and (max-width: 768px) {main {margin: 5px;padding: 5px;}}.main-content {width: 100%;}footer {width: 100%;padding: 6px 0;text-align: center;background: rgb(26 26 26 / 70%);color: white;box-shadow: 0 0 6px 2px #5a7068;transition: filter 0.3s ease;}@media only screen and (max-width: 768px) {footer {display: none;}}footer a {text-decoration: none;color: var(--green-montel);}.error-message {position: relative;width: 100%;max-width: 300px;margin: 20px auto 0 auto;padding: 12px 16px 12px 42px;background-color: rgb(0 0 0 / 40%);border: 1px solid rgb(255 91 91 / 50%);border-radius: 8px;color: rgb(219 219 219);font-size: 13px;line-height: 1.4;box-sizing: border-box;text-align: left;box-shadow: 0px 0px 12px rgb(220 38 38 / 50%);animation: fadeIn 0.3s ease-out;&::before {content: "";position: absolute;left: 11px;top: 50%;transform: translateY(-50%);width: 22px;height: 22px;background-repeat: no-repeat;background-position: center;background-size: contain;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='rgb(255 91 91)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z' /%3E%3C/svg%3E%0A") }& div strong {font-weight: 700;color: rgb(255 91 91);display: block;margin-bottom: 2px;}}.fs-12 {font-size: 12px !important;}@media (hover: hover) {nav.is-sticky .navbar {background: rgb(40 40 40 / 85%) !important;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}}ul.navbar {display: flex;justify-content: center;list-style-type: none;margin: 0;padding: 0;overflow: auto;white-space: nowrap;border: 1px solid transparent;background: rgb(26 26 26 / 70%);text-shadow: 0px 0px 8px #e6e6e6, 0px 0px 6px #000000;transition: background .3s, box-shadow .3s, border .3s;box-sizing: border-box;}ul.navbar li {border-radius: 5px;overflow: clip;}ul.navbar li a {color: #ddd;font-weight: 700;text-align: center;padding: 10px 18px;text-decoration: none;transition: 0.4s;font-size: 13px;}ul.navbar li > a {display: inline-flex;align-items: center;justify-content: center;}.dropdown {box-shadow: inset 0 0 5px rgb(255 255 255 / 50%);}.dropdown-content {position: absolute;background: rgb(0 0 0 / 60%);box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);z-index: 1;border-radius: 0 0 8px 8px;transform: perspective(400px) rotate3d(1, 0, 0, -90deg);transform-origin: 50% 0;opacity: 0;transition: .3s;}.dropdown-content a {display: flex;align-items: center;gap: 8px;}.dropdown-icon-svg {width: 16px;height: 16px;stroke: currentColor;flex-shrink: 0;}@media (hover: hover) {.dropdown:hover .dropdown-content {transform: perspective(400px) rotate3d(0, 0, 0, 0deg);opacity: 1;}}.dropdown.show-dropdown .dropdown-content {transform: perspective(400px) rotate3d(0, 0, 0, 0deg);opacity: 1;}body:has(.modal.open) .dropdown-content {transform: perspective(400px) rotate3d(1, 0, 0, -90deg) !important;opacity: 0 !important;pointer-events: none !important;}body:has(.dropdown.show-dropdown) main, body:has(.dropdown.show-dropdown) footer {filter: blur(2px);pointer-events: none;}body:has(.dropdown.show-dropdown)::after {content: "";position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 998;background: rgba(0, 0, 0, 0.15);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);pointer-events: none;animation: fadeIn 0.3s ease-out;}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}[data-page='news'] a[data-menu='news'], [data-page='servicepass'] a[data-menu='servicepass'], [data-page='pricelist'] a[data-menu='pricelist'], [data-page='downloads'] a[data-menu='downloads'], [data-page='documents'] a[data-menu='documents'], [data-page='xml'] a[data-menu='xml'], [data-page='admin'] a[data-menu='admin'] {background: rgb(26 26 26 / 80%);color: rgb(227 216 57 / 90%);}ul.navbar li a:hover:not(.active), .dropdown:hover .userbtn {color: white;background-color: rgba(0,0,0,0.3);}.login-form {margin: auto;}#welcome {color: #f3f3f3;}#news-container {display: flex;max-height: 600px;width: 100%;}#news-selector {font-size: .9rem;min-width: 175px;max-width: 20%;overflow: auto;border-radius: 10px 0 0 10px;background: linear-gradient(to top, rgb(0 0 0 / 60%), rgb(0 0 0 / 20%));box-shadow: inset 0 0 5px 0px rgb(0 0 0 / 50%);scrollbar-width: none;}#news-selector a {display: block;color: #dbdbdb;padding: 6px 12px;transition: 0.3s;border-bottom: 1px solid rgb(0 0 0 / 30%);}@media (hover: hover) {#news-selector a:hover {background-color: rgba(0,0,0,0.3);color: rgb(255 215 0 / 80%);}}#news-selector a:focus, #news-selector a.active {background-color: #dbdbdb;background: rgb(255 255 255 / 80%);color: #0a0a0a;font-weight: bold;box-shadow: inset 0 0 10px 0px rgb(0 0 0 / 50%);}#news-selector a.active:after {content: "";position: relative;right: 5px;height: 0px;width: 0px;float: right;border-bottom: 10px solid #858585;border-right: 10px solid transparent;transform: rotate(-135deg);margin: -5px -10px 0px 0px;}.news-date {font-size: 10px;color: var(--green-montel);}.news-selector-item.active .news-date {color: #227b5c;}.new:after {content: "FRISS";border: 2px dotted red;color: red;font-size: 12px;font-weight: bold;width: 50px;transform: rotate(20deg);display:inline-block;text-align: center;background: rgba(255,255,255,0.8);animation: blinking 0.5s linear infinite alternate;}@keyframes blinking {0% {opacity: 0.3;}80% {opacity: 0.9;}}#news-article {flex: 1 1 auto;padding: 10px 10px;overflow: auto;border-radius: 0 10px 10px 0;background-color: rgb(255 255 255 / 80%);scrollbar-color: rgb(0 0 0 / 20%) transparent;scrollbar-width: thin;box-shadow: inset 0 0 5px 0px rgb(0 0 0 / 50%);}#news-article-content {padding-bottom: 20px;border-bottom: 4px double rgb(0 0 0 / 20%);}.animate-fade {animation: fadeEffect .25s ease-in-out;}.news-article-title {color: var(--green-montel);background: white;border-radius: 6px;padding: 5px 10px;}table.signature {font-size: 10px;background: none;box-shadow: none;width: auto;margin: 0;& a {color: seagreen;font-weight: bold;font-size: 14px;}}@media only screen and (max-width: 768px) {#news-container {flex-direction: column;max-height: none;}#news-selector {display: flex;flex-direction: row;max-width: 100%;min-width: 100%;width: 100%;overflow-x: auto;overflow-y: hidden;white-space: nowrap;border-radius: 10px 10px 0 0;-webkit-overflow-scrolling: touch;scrollbar-width: none;}#news-selector::-webkit-scrollbar {display: none;}#news-selector a {display: inline-block;border-bottom: none;border-right: 1px solid rgb(0 0 0 / 20%);padding: 12px 18px;font-size: 13px;}#news-selector a.active:after {display: none !important;}#news-article {width: 100%;border-radius: 0 0 10px 10px;box-sizing: border-box;padding: 15px;}}#passgen-info {background: rgb(0 0 0 / 30%);color: rgb(255 255 255 / 50%);padding: 4px 8px;border-radius: 0 0 6px 6px;font-size: .8rem;}#db-version {color: rgb(255 255 0 / 50%);}table#pricelist tr.out-of-stock {background: rgb(255 223 223);text-decoration: line-through;}.loader {border: 16px solid #f3f3f3;border-top: 16px solid var(--green-montel);border-bottom: 16px solid var(--green-montel);border-radius: 50%;width: 60px;height: 60px;animation: spin 1s linear infinite;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.settings {padding: 10px;background: rgba(0,0,0,0.15);margin: 30px auto;border-radius: 6px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;gap: 30px;}@media only screen and (max-width: 768px) {.settings {padding: 5px;}}.checkbox-label {display: flex;align-items: center;cursor: pointer;& .checkbox-label-title {color: #f8fafc;margin-right: 10px;}}form .checkbox-label .checkbox-label-title {color: #333;}.checkbox-container {position: relative;width: 36px;height: 18px;& input {opacity: 0;}& .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: background-color .4s, box-shadow .2s;border-radius: 3px;}}.slider:before {position: absolute;content: "";height: 14px;width: 14px;left: 2px;bottom: 2px;background-color: rgb(143 143 143);transition: background-color .4s, transform .4s;border-radius: 2px;}input:checked + .slider {background-color: var(--green-montel);}input:focus-visible + .slider {box-shadow: 0 0 6px 3px #7f7f7f;}input:checked:focus-visible + .slider {box-shadow: 0 0 6px 3px rgba(58, 202, 151, 0.6);}input:checked + .slider:before {background-color: #f8fafc;transform: translateX(18px);}table#users-table tr {cursor: pointer;}table#users-table tr.selected {background: rgb(255 215 0 / 80%) !important;}table#users-table tr.disabled, main table.custom-table tbody tr.log-error {background: rgb(255 0 0 / 15%);}h2 {margin-top: 0;color: #1e3a8a;}button {background-color: #475569;color: #f5f5f5;border: none;padding: 12px 12px;border-radius: 6px;font-size: 1rem;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;cursor: pointer;transition: background-color .2s, color .2s, box-shadow .2s;user-select: none;&:disabled {background-color: #e2e8f0;color: #94a3b8;cursor: not-allowed;}}button.primary-btn {background-color: #26772d;}@media (hover: hover) {button:not(:disabled):hover, #scroll-top:hover {background-color: #334155;color: gold;}}button:not(:disabled):focus-visible, #scroll-top:focus-visible {color: gold;outline: none;box-shadow: 0 0 10px #334155;}button:not(:disabled):active, #scroll-top:active {background: rgb(0 0 0 / 70%);}.animated-button {position: relative;display: flex;align-items: center;gap: 4px;padding: 10px 36px;border: 4px solid;border-color: transparent;font-size: 16px;background-color: inherit;border-radius: 10px;font-weight: 600;color: #4a5568;box-shadow: 0 0 0 2px #4a5568;cursor: pointer;overflow: hidden;--btn-main-ease: 0.6s cubic-bezier(0.23, 1, 0.32, 1);--btn-ease: 0.8s cubic-bezier(0.23, 1, 0.32, 1);transition: color var(--btn-main-ease), box-shadow var(--btn-main-ease), border-radius var(--btn-main-ease), scale var(--btn-main-ease);& svg {position: absolute;width: 24px;fill: #4a5568;z-index: 9;transition: translate var(--btn-ease), fill var(--btn-ease);&.arr-1 {left: -25%;}&.arr-2 {right: 16px;}}& .text {position: relative;z-index: 1;translate: -12px;transition: translate var(--btn-ease);}& .circle {position: absolute;top: 50%;left: 50%;translate: -50% -50%;scale: 1;width: 20px;height: 20px;background-color: #4a5568;border-radius: 50%;opacity: 0;transition: scale var(--btn-ease), opacity var(--btn-ease);}&:is(:hover, :focus) {box-shadow: 0 0 0 12px transparent;color: gold;border-radius: 12px;& svg {fill: gold;&.arr-1 {translate: 50px;}&.arr-2 {translate: 50px;}}& .text {translate: 12px;}& .circle {scale: 11;opacity: 1;}}&:active {scale: 0.9;box-shadow: 0 0 0 4px gold;color: gold;& svg {fill: gold;}}}.spinner-container {margin: 20px auto;text-align: center;}.spinner {width: 40px;height: 40px;border: 6px solid #f3f3f3;border-top: 6px solid var(--green-montel);border-radius: 50%;animation: spin 1s linear infinite;margin: 0 auto;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.modal-overlay {display: flex;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);align-items: center;justify-content: center;z-index: 2000;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .3s, visibility .3s;backdrop-filter: blur(4px);}.modal-overlay:has(.modal.open) {opacity: 1;visibility: visible;pointer-events: auto;}.modal {background: white;padding: 20px;border-radius: 10px;max-width: fit-content;width: 90%;text-align: center;box-shadow: 0 10px 25px rgba(0,0,0,0.2);}@media only screen and (max-width: 768px) {.modal:not(.service-pass) {padding: 10px;}}.modal h3 {margin-top: 0;}.modal-content {margin: 20px 0;font-size: 11pt;line-height: 1.4;}@media only screen and (max-width: 768px) {.modal:not(.service-pass) .modal-content {margin: 10px 0;}#modalTitle {margin: 0;}}.info-text {font-weight: bold;}.success-text {color: #16a34a;font-weight: bold;}.error-text {color: #dc2626;font-weight: bold;}.warning-text {color: #ff8b10;font-weight: bold;}.code-text {font-size: 22pt;font-weight: bold;}.datasource-line {font-size: 10pt;color: #475569;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;gap: 5px;}.datasource-line a {color: #2563eb;text-decoration: none;font-weight: 600;background-color: rgb(0 0 0 / 5%);border-radius: 6px;padding: 4px 6px;transition: background-color .3s;}.datasource-line a:hover {background-color: rgb(0 0 0 / 10%);}.tooltip-container {position: relative;display: inline-block;cursor: help;}.help-icon {display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;background-color: #cbd5e1;color: #475569;border-radius: 50%;font-size: 8.5pt;font-weight: bold;transition: background 0.2s;}.tooltip-container:hover .help-icon {background-color: #94a3b8;color: #1e293b;}.tooltip-text {visibility: hidden;width: 215px;background-color: #1e293b;color: #fff;text-align: left;border-radius: 6px;padding: 10px 12px;position: absolute;z-index: 10;bottom: 125%;left: 50%;transform: translateX(-50%);opacity: 0;transition: opacity 0.2s, transform 0.2s;font-size: 9pt;font-weight: normal;line-height: 1.4;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);}.tooltip-text::after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #1e293b transparent transparent transparent;}.tooltip-container:hover .tooltip-text {visibility: visible;opacity: 1;transform: translateX(-50%) translateY(-3px);}@media only screen and (max-width: 768px) {.tooltip-text {left: auto !important;right: -20px !important;transform: translateY(-3px) !important;}.tooltip-text::after {left: auto !important;right: 23px !important;margin-left: 0 !important;}}form {display: flex;flex-direction: column;align-items: center;box-sizing: border-box;max-width: 400px;padding: 30px;background-color: #ffffff;border-radius: 10px;box-shadow: 15px 15px 30px rgb(0 0 0 / 25%), -15px -15px 30px rgb(255 255 255 / 25%);}.form-label {align-self: flex-start;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 13px;font-weight: 600;color: #4a5568;margin-bottom: 6px;text-transform: uppercase;letter-spacing: 0.8px;}.form-inputs {display: flex;gap: 0 30px;flex-wrap: wrap;justify-content: center;align-items: center;}.input-container {display: flex;flex-direction: column;align-items: center;margin-bottom: 15px;width: 100%;max-width: 260px;}.input-wrapper {position: relative;display: inline-block;width: 100%;max-width: 300px;z-index: 2;}.input-wrapper input, .input-wrapper select {width: 100%;height: 42px;font-size: 16px;border: 2px solid #e2e8f0;border-radius: 6px;outline: none;transition: all 0.2s ease;box-sizing: border-box;padding-left: 34px;}.input-wrapper select:disabled+svg {fill: #94a3b8;}.input-wrapper input:focus {border-color: #3182ce;box-shadow: 0 0 0 3px rgba(49, 130, 206, 0.15);}.input-wrapper input:focus ~ .input-icon-svg.solid {fill: #3182ce;}.input-wrapper input[type="search"], .input-wrapper input[type="date"] {padding-right: 32px;}.input-wrapper input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none !important;appearance: none;}input[type="date"]::-webkit-calendar-picker-indicator {display: none !important;}input[type="date"] {appearance: none;}#ap-number-wrapper.input-wrapper::before {content: attr(data-prefix);position: absolute;left: 14px;top: 50%;transform: translateY(-50%);color: #4a5568;font-weight: bold;pointer-events: none;}.input-icon-svg {position: absolute;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;stroke: #94a3b8;pointer-events: none;transition: stroke .2s ease, fill .2s ease;display: block;}.input-icon-svg.left {left: 10px;}.input-icon-svg.right {right: 10px;}.input-icon-svg.clear {right: 40px;padding: 6px;background-color: rgb(0 0 0 / 5%);border-radius: 4px;pointer-events: auto;cursor: pointer;user-select: none;opacity: 0;visibility: hidden;transition: background-color .2s, scale .2s, opacity 0.2s ease, box-shadow .2s;box-shadow: 0 0 2px 0px rgb(0 0 0 / 20%);&:hover {background-color: rgb(0 0 0 / 10%);}&:active {scale: .95;box-shadow: none;}}.input-wrapper input:not(:placeholder-shown) ~ .input-icon-svg.clear {opacity: 1;visibility: visible;}.input-icon-svg.solid {stroke: none;fill: #4a5568;}.input-wrapper.is-invalid .input-icon-svg {stroke: #dc3545 !important;}.input-wrapper.is-warning .input-icon-svg {stroke: #ff8b10 !important;}.input-wrapper.is-valid .input-icon-svg {stroke: #28a745 !important;}.input-wrapper::after {content: "";position: absolute;right: 12px;top: 50%;transform: translateY(-50%);width: 22px;height: 22px;opacity: 0;transition: opacity 0.2s ease;pointer-events: none;background-repeat: no-repeat;background-position: center;background-size: contain;}#mech-id-info-container, #ap-info-container, #code-date-info-container {font-size: 13px;font-weight: 500;color: #718096;text-align: center;width: 95%;max-width: 300px;word-break: break-word;min-height: 20px;border: 1px solid rgb(0 0 0 / 10%);border-top: 0;border-radius: 0 0 6px 6px;overflow: hidden;visibility: hidden;opacity: 0;z-index: 1;transform: translateY(-20px);display: grid;grid-template-rows: 0fr;transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), grid-template-rows 0.3s ease;}#mech-id-info-container.visible, #ap-info-container.visible, #code-date-info-container.visible {visibility: visible;opacity: 1;transform: translateY(0);grid-template-rows: 1fr;}#mech-id-info-container > div, #ap-info-container > div, #code-date-info-container > div {min-height: 0;}.under-input-info {background: #f8fafc;padding: 2px;}.under-input-info-2 {background: gold;font-size: 10px;padding: 2px;}.button-group {margin-top: 10px;display: flex;gap: 12px;justify-content: center;width: 100%;}.input-wrapper.is-invalid input {border-color: #dc3545;background-color: #ffcfcf}.input-wrapper.is-invalid::before {color: #dc3545;}.input-wrapper.is-invalid::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23dc3545' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z'/%3E%3C/svg%3E");background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dc3545' class='size-6'%3E%3Cpath fill-rule='evenodd' d='M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");opacity: 1;}.input-wrapper.is-warning input {border-color: #ff8b10;}.input-wrapper.is-warning::before {color: #ff8b10;}.input-wrapper.is-warning::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ff8b10' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z'/%3E%3C/svg%3E");background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff8b10' class='size-6'%3E%3Cpath fill-rule='evenodd' d='M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");opacity: 1;}.input-wrapper.is-valid input {border-color: #28a745;background-color: #f8fff9;}.input-wrapper.is-valid::before {color: #28a745;}.input-wrapper.is-valid::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2328a745' class='size-6'%3E%3Cpath fill-rule='evenodd' d='M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2328a745' class='size-6'%3E%3Cpath fill-rule='evenodd' d='M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z' clip-rule='evenodd' /%3E%3C/svg%3E%0A");opacity: 1;}@media (min-width: 576px) {.form-label {margin-left: -10px;}}#code-date {cursor: pointer;}#form-reset {display: inline-flex;align-items: center;justify-content: center;padding: 10px 12px;background-color: #e2e8f0;color: #475569;border-radius: 6px;cursor: pointer;transition: background-color 0.2s;}@media (hover: hover) {#form-reset:hover {background-color: #cbd5e1;}}#form-reset:active {background-color: #656565;}.reset-icon-svg {width: 20px;height: 20px;stroke: currentColor;transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);display: block;}@media (hover: hover) {#form-reset:hover .reset-icon-svg {transform: rotate(-180deg);color: #1e293b;}}#form-reset:active .reset-icon-svg{transform: rotate(-180deg);color: gold;transition: color .4s;}nav {position: sticky;top: 0;left: 0;width: 100%;z-index: 999;transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, filter 0.3s ease;transform: translateY(0);opacity: 1;}nav.nav-hidden {transform: translateY(-100%);opacity: 0;pointer-events: none;}#scroll-top {display: block !important;position: fixed;bottom: 40px;right: 40px;z-index: 99;opacity: 0;visibility: hidden;transform: translateY(20px);transition: all 0.3s ease;cursor: pointer;border-radius: 50%;width: 50px;height: 50px;background: rgb(255 215 0 / 70%);box-shadow: 0 0 10px rgb(0 0 0 / 50%);}#scroll-top.show {opacity: 1;visibility: visible;transform: translateY(0);}#scroll-top:hover:active {transform: scale(0.9);box-shadow: 0 0 5px rgb(0 0 0 / 80%);}.upArrow {border: solid #606060;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;transform: rotate(-135deg);transition: all 0.3s ease;}#scroll-top:hover:active .upArrow {border-color: gold;}@media (hover: hover) {#scroll-top:hover .upArrow {border-color: #fff;}}@keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}}.table-container {width: 100%;max-width: 1000px;margin: 25px auto;background: rgb(0 0 0 / 20%);border-radius: 10px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);overflow: hidden;&.full-width {max-width: 100%;}}.table-title {padding: 6px;text-align: center;font-size: 16px;font-weight: 700;color: #f8fafc;display: flex;flex-direction: column;}.table-wrapper {overflow-x: auto;overflow-y: auto;max-height: 65vh;}table.custom-table {width: 100%;margin: auto;margin-bottom: 15px;border-collapse: collapse;background-color: #ffffff;font-family: 'Mulish', sans-serif;font-size: 13.5px;color: #334155;}table caption {padding: 5px 10px;font-size: 16px;font-weight: 700;color: #f8fafc;}table caption.bottom {caption-side: bottom;}table caption .fileinfo {font-size: 11px;font-weight: 400;color: #a7f3d0;display: inline-block;margin-top: 4px;}.filter-table-input-wrapper {text-align: center;}#filter-table-input {width: 60%;max-width: 280px;padding: 8px 12px;margin-bottom: 10px;border: 2px solid #e2e8f0;border-radius: 6px;outline: none;font-size: 13px;transition: border-color .2s, box-shadow .2s;}#filter-table-input:focus {border-color: var(--green-montel);box-shadow: 0 0 0 3px rgba(58, 202, 151, 0.2);}table thead {position: sticky;top: 0;z-index: 10;}table thead tr {background-color: rgb(58 202 151 / 90%);color: #0f172a;}table thead th {padding: 14px 16px;font-weight: 700;text-transform: uppercase;text-align: center;font-size: 11.5px;letter-spacing: 0.5px;box-shadow: inset -1px 0 0 0 #cbd5e1, inset 0 -2px 0 0 #cbd5e1;}table thead th:last-child {box-shadow: inset 0 -2px 0 0 #cbd5e1;}table th[data-type] {cursor: pointer;user-select: none;transition: background-color 0.2s ease, color 0.2s ease;background-color: rgb(58 202 151 / 90%);}table th[data-type]:hover {background-color: #2da178;color: #ffffff;}table th[data-type]::after {content: ' ↕';opacity: 0.35;font-size: 10px;margin-left: 4px;display: inline-block;width: 0px;}table th[data-dir="asc"]::after {content: ' ▲';opacity: 1;color: #ffffff;}table th[data-dir="desc"]::after {content: ' ▼';opacity: 1;color: #ffffff;}table.custom-table td {padding: 8px 12px;border-bottom: 1px solid #e7e7e7;vertical-align: middle;text-align: left;}table.custom-table td:not(:first-child) {border-left: 1px solid #f3f3f3;}@media only screen and (max-width: 768px) {table.custom-table td {padding: 12px 8px;}}table.custom-table tbody tr {background-color: #ffffff;transition: filter 0.15s ease, box-shadow 0.15s ease;}table.custom-table tbody tr:nth-of-type(even) {background-color: #f8fafc;}table.custom-table tbody tr:hover {filter: brightness(94%);box-shadow: inset 0 0 15px rgb(0 0 0 / 10%);}table th[data-index] {white-space: nowrap;}#pricelist td:nth-child(n+2) {text-align: right;font-variant-numeric: tabular-nums;font-weight: 600;}#accessories td:nth-child(n+3) {text-align: right;font-variant-numeric: tabular-nums;font-weight: 600;}[data-page="downloads"] table td {text-align: center !important;}[data-page="downloads"] table td:first-child {text-align: left !important;}.file-version {background: rgb(193 237 102);}.file-extension {text-transform: uppercase;}.file-extension.zip {background: rgb(239 239 68);;}.file-extension.pdf {background: rgb(255 87 87);color: rgb(255 255 255);}.file-size {background: powderblue;}.file-version, .file-extension, .file-size {font-size: 12px;padding: 2px 4px;border-radius: 6px;font-weight: bold;margin: 1px;white-space: nowrap;}.download-btn-link {display: inline-flex;align-items: center;justify-content: center;text-decoration: none;}.download-icon-svg {width: 20px;height: 20px;stroke: #94a3b8;transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), stroke 0.2s ease;display: block;}.download-btn-link:hover .download-icon-svg {stroke: var(--green-montel);transform: translateY(2px);}.nav-icon-svg-wrapper {display: inline-flex;align-items: center;justify-content: center;width: 17px;height: 17px;margin-right: 8px;vertical-align: middle;flex-shrink: 0;}.nav-icon-svg {width: 100%;height: 100%;stroke: currentColor;display: block;}@media only screen and (max-width: 768px) {body:not([data-page="login"]) {padding-bottom: 60px;box-sizing: border-box;}nav {position: fixed;bottom: 0;top: auto;left: 0;width: 100%;height: 56px;z-index: 1000;box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);background: rgb(26 26 26 / 95%);border-top: 1px solid rgb(255 255 255 / 10%);transition: none;opacity: 1 !important;transform: none !important;pointer-events: auto !important;}ul.navbar {display: flex;justify-content: space-around;align-items: center;width: 100%;height: 100%;padding: 0;margin: 0;background: none;box-shadow: none;}ul.navbar li {flex: 1;height: 100%;display: flex;align-items: center;justify-content: center;}ul.navbar li:not(:last-child) {border-right: 1px solid rgb(255 255 255 / 10%);}ul.navbar li a {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;height: 100%;padding: 4px 0;font-size: 8.5px;color: #94a3b8;transition: color 0.2s ease, background 0.2s ease;box-sizing: border-box;}.nav-icon-svg-wrapper {display: block;width: 20px;height: 20px;margin-bottom: 3px;margin-right: 0;}[data-page='news'] a[data-menu='news'], [data-page='servicepass'] a[data-menu='servicepass'], [data-page='pricelist'] a[data-menu='pricelist'], [data-page='downloads'] a[data-menu='downloads'], [data-page='documents'] a[data-menu='documents'], [data-page='xml'] a[data-menu='xml'], [data-page='admin'] a[data-menu='admin'] {}.dropdown-content {bottom: 100%;top: auto;right: 5px;left: auto;min-width: 140px;border-radius: 8px 8px 0 0;transform-origin: 50% 100%;background: rgb(26 26 26 / 95%);box-shadow: 0 -4px 12px rgba(0,0,0,0.5);}ul.navbar li .dropdown-content a {justify-content: flex-start;flex-direction: row;padding: 14px 20px;}ul.navbar li .dropdown-content a:not(:last-child) {border-bottom: 1px solid rgb(255 255 255 / 10%);}#scroll-top {bottom: 75px !important;right: 20px !important;}}.highlight {background-color: rgba(255, 215, 0, 0.45);color: #0f172a;font-weight: 700;padding: 1px 3px;border-radius: 3px;box-shadow: 0 0 4px rgba(255, 215, 0, 0.4);}.hidden {display: none;}.dropdown-user-header {padding: 10px 14px;background-color: rgba(255, 255, 255, 0.08);border-bottom: 1px solid rgba(255, 255, 255, 0.15);text-align: left;user-select: none;white-space: normal;max-width: 240px;}.user-company-name {font-weight: 700;font-size: 11.5px;color: #f8fafc;line-height: 1.3;word-break: break-word;}.user-account-id {font-size: 9.5px;color: #3ACA97;margin-top: 2px;font-family: monospace;}