:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:400px;position:relative}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{background-color:#373737}button:active{transform:scale(.95)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.btn-error{box-shadow:4px 4px 4px #5a0000}.btn-submit{box-shadow:5px 5px 5px #000064}.btn-success{box-shadow:4px 4px 4px #005a00}#root{padding:2rem;display:flex;flex-wrap:wrap}form{display:block;flex-direction:column;margin-bottom:10px;background-color:#888;border-radius:5%;padding:20px}.cards{position:relative;display:flex;margin-bottom:auto;overflow-x:auto;width:70vw;border-radius:2%;min-height:60vh;margin-left:20px;flex:1}.no_data{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff4d;display:flex;justify-content:center;align-items:center;z-index:9999}.error_message{color:red;font-size:20px;max-width:375px}@media (min-width: 450px) and (max-width: 1024px){#root{flex-direction:column}.cards{width:90vw}}@media (max-width: 450px){.cards{margin-left:0}}.card{position:relative;border:1px solid #ccc;border-radius:10px;padding:10px;margin-bottom:10px;background-color:#f9f9f9;color:#000;min-width:250px;margin-right:10px}@media (max-width: 460px){.card{min-width:92%}}.loader{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff4d;display:flex;justify-content:center;align-items:center;z-index:9999}.text-content{position:absolute;background-color:#fff;border:1px solid #ccc;padding:10px;margin-top:5px;z-index:10;color:red;overflow-y:auto;max-height:300px}input{flex:1;padding:5px;border:1px solid #ccc;border-radius:4px}button{margin:10px}.product_request_form{display:flex;justify-content:space-between}.prop{display:flex;justify-content:space-between;width:100%;flex:1;min-width:50px;column-gap:10px;border-bottom:1px solid white}.prop_select{min-width:75px;flex:1;overflow-y:auto!important}.prop_label{min-width:50px;flex:1;margin-right:10px;align-items:center;justify-content:center;text-align:center;padding:5px}.prop_input{min-width:50px;flex:1}.modalError{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;z-index:99999}.modalError-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0003;color:red;font-size:25px}.modalError-button{float:right;padding:2px 10px;border-radius:10%;border:1px solid red;background-color:#fff;color:red}.modalError-button:hover{background-color:#fff5f5}.authentication-page__form{display:flex;font-size:20px;padding-inline:100px}.authentication-page__form .btn-success{margin-top:30px}.authentication-page{margin:10vh auto}.authentication-page__form-header{font-weight:700;text-align:center;font-size:30px;margin-bottom:20px}@media (max-width: 600px){.authentication-page__form{padding-inline:30px;font-size:15px}.authentication-page__form-header{font-size:20px}}@media (max-width: 425px){.authentication-page__form{padding-inline:15px}}.settings-page{display:flex;justify-content:center;column-gap:1vw;width:100%;flex-wrap:wrap}.tables-form{flex:1;max-width:100%;position:relative}.remains-page__form{display:flex;font-size:20px;padding-inline:100px;position:relative}.remains-page__form-header{margin-bottom:20px}.remains-page{margin:10vh auto;max-width:100%}.form-records__record{display:flex;flex-wrap:wrap;border-bottom:1px solid white;border-top:1px solid white;margin-bottom:10px}.form-records__labels{display:flex;align-items:center;column-gap:10px;flex:1;flex-wrap:wrap}.form-props__prop{display:flex}.form-props__inputs{display:flex;width:100%;flex:1;flex-wrap:wrap;column-gap:10px}.form-records__labels-left,.form-records__labels-right{display:flex;flex:1;max-width:100%;column-gap:10px}.form-props__inputs-right,.form-props__inputs-left{display:flex;flex:1;max-width:100%;column-gap:10px;min-width:100px}.form-props__button{margin-left:0}@media (max-width: 600px){.form-props__props-button{flex:1}.form-props__prop{flex-wrap:wrap}.remains-page__form{padding-inline:30px;font-size:15px}.remains-page__form-header{font-size:20px}}@media (max-width: 425px){.remains-page__form{padding-inline:15px}}.navbar{background-color:#333;padding:10px;position:sticky;top:0;width:100%;z-index:1000;margin-bottom:20px}.navbar ul{list-style-type:none;padding:0;display:flex;column-gap:10px}.navbar a{color:#fff;text-decoration:none}.navbar a:hover{text-decoration:underline}.navbar-exit{margin-right:20px;margin-left:auto}.navbar-exit button{margin:0;padding:0;background:none;border-radius:unset}.navbar-exit button:hover{border-bottom:1px solid white}*,:before,:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img,video{display:block;max-width:100%;height:auto}input,textarea,select,button{font:inherit}html{height:100%;scrollbar-gutter:stable}html,:has(:target){scroll-behavior:smooth}body{min-height:100%;line-height:1.5}a:where([class]){display:inline-flex}button,label{cursor:pointer}:where([fill]:not([fill=none],[fill^=url])){fill:currentColor}:where([stroke]:not([stroke=none],[stroke^=url])){stroke:currentColor}svg *{transition-property:fill,stroke}:where(table){border-collapse:collapse;border-color:currentColor}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}input[type=number i]{padding-block:0;padding-inline:0}