@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";header{position:sticky;top:0;z-index:25;width:100%;background-color:#435058;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;box-shadow:2px 2px 5px #0000004d;font-size:1.05em}header .logo-container{padding:5px 15px;pointer-events:none;display:flex;justify-content:center;align-items:center}header .logo-container img{height:45px}header>*{border-top:3px solid transparent;border-bottom:3px solid transparent}header a{font-family:Poppins,sans-serif;font-weight:600;color:#fff;transition:.3s ease-out background-color,.15s ease border;padding:7px 20px;display:flex;align-items:center;gap:7px;-webkit-user-select:none;user-select:none;font-size:1.05em}header a:hover{background-color:#9b9b9b4d}header a.active{border-bottom:3px solid #f8bd00}header a svg{width:28px!important;height:28px!important}header .user-info{margin-left:auto;margin-right:20px;display:flex;justify-content:center;align-items:center;position:relative}header .user-info .profile-line{display:flex;justify-content:flex-end;align-items:center;gap:15px}header .user-info .profile-line:hover p,header .user-info .profile-line:hover svg{color:#e9f2f2}header .user-info .profile-line p{color:#fff;font-family:Lexend,sans-serif;font-weight:400;font-size:1.05em;cursor:pointer}header .user-info .profile-line svg{width:33px;height:33px;color:#fff;cursor:pointer;transition:.15s ease-out all}header .user-info .popover-container{position:absolute;right:0;left:0;top:100%;padding-top:1vh}header .user-info .popover-container .popover{color:#fff;background-color:#435058;padding:10px 15px;border-radius:5px;box-shadow:0 0 3px #0000004d;display:block;animation:fadeIn .25s ease forwards;opacity:0}header .user-info .popover-container .popover.hidden{opacity:0;display:none}header .user-info .popover-container .popover div{display:flex;justify-content:flex-start;align-items:center;gap:10px;cursor:pointer}header .user-info .popover-container .popover div p{font-family:Poppins,sans-serif;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{position:fixed;top:0;left:0;bottom:0;right:0;-webkit-backdrop-filter:grayscale(50%) brightness(50%);backdrop-filter:grayscale(50%) brightness(50%);transition:.3s all ease-out;color:#fff;display:flex;align-items:center;justify-content:center}.modal-container.hidden-modal-window{opacity:0;display:none}.modal-container .modal-window{background-color:#e9f2f2;box-shadow:3px 3px 15px #0000004d;min-width:20vw;max-width:33vw;transform:translateY(0);transition:.3s all ease-out}.modal-container .modal-window.hidden-modal-window{transform:translateY(-300%);opacity:0}.modal-container .modal-window>*{padding:25px}.modal-container .modal-window h3{background-color:#244169;font-family:Poppins,serif;font-size:1.5em;font-weight:600;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:.5em}.modal-container .modal-window h3 svg{width:1.3em;height:1.3em}.modal-container .modal-window p{font-family:Inter,serif;font-size:1.2em;color:#181818}.modal-container .modal-window .button-row{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:1em;padding-top:0}.modal-container .modal-window .button-row button{box-shadow:1px 2px 2px #00000080}.form-button{background-color:#f8bd00;padding:10px 20px;font-family:Inter,sans-serif;font-weight:600;font-size:1.2rem;border-radius:10px;box-shadow:2px 2px #00000080;transition:all .1s ease-out;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.25);display:flex;flex-direction:row;gap:.5em;align-items:center;justify-content:center}.form-button:hover{background-color:#e2ad00}.form-button:active{background-color:#c86900;box-shadow:1px 1px #0003;opacity:1}.form-button svg{display:block;width:1.25em;height:1.25em}.popup-window{position:fixed;left:50vw;bottom:3%;transform:translate(-50%);z-index:100;padding:20px 30px;pointer-events:none;border-radius:10px;color:#fff;font-family:Inter,serif;font-size:1.3rem;font-weight:500;text-shadow:0 0 5px rgba(0,0,0,.5);box-shadow:3px 3px 5px #0000004d;transition:all .15s ease-out}.popup-window.hidden-window{transform:translate(-50%) translateY(250%)}.users-page-container{padding:40px 50px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.users-page-container>*{max-width:1920px}.users-page-container .button-panel{width:100%;display:flex;align-items:center;justify-content:flex-end;padding:15px 0 15px 25px;margin-top:-3vh}.users-page-container .users-section-container:nth-child(1) .section-body{margin-top:2vh}.users-section-container{border:1px solid white;margin-bottom:30px;width:100%;box-sizing:border-box;border-radius:10px;padding:30px 40px;background-color:#fff;box-shadow:0 0 8px 3px #0000000d}.users-section-container .section-header{display:flex;justify-content:space-between;align-items:center}.users-section-container .section-header .description .title{color:#000;display:flex;justify-content:flex-start;align-items:center;gap:10px}.users-section-container .section-header .description .title svg{width:35px;height:35px}.users-section-container .section-header .description .title p{font-family:Sansation,sans-serif;font-weight:700;font-size:1.8rem}.users-section-container .section-header .description .sub-title{color:#00000060;font-family:Lexend,sans-serif;font-weight:500}.users-section-container .section-header .search{display:flex;justify-content:flex-end;align-items:center;gap:15px}.users-section-container .section-header .search svg{width:35px;height:35px;color:#00000060}.users-section-container .section-body{margin-top:5vh}.paginated-table-container{display:flex;flex-direction:column;justify-content:flex-start;gap:25px;align-items:center}.paginated-table-container .MuiPagination-root li button{font-family:Open Sans,sans-serif;font-weight:500}.paginated-table-container .MuiTableContainer-root{border:1px solid #d3d5d5;border-radius:10px;overflow:hidden}.paginated-table-container .MuiTableContainer-root .MuiTable-root{box-shadow:none}.paginated-table-container .MuiTableContainer-root .MuiTable-root .MuiTableHead-root{background-color:#a6abab}.paginated-table-container .MuiTableContainer-root .MuiTable-root .MuiTableHead-root th{font-family:Inter,sans-serif;font-weight:700;font-size:1em}.paginated-table-container .MuiTableContainer-root .MuiTable-root .MuiTableBody-root th,.paginated-table-container .MuiTableContainer-root .MuiTable-root .MuiTableBody-root td{font-family:Inter,sans-serif}.paginated-table-container .MuiTableContainer-root .MuiTable-root .MuiTableBody-root tr{transition:background-color .2s ease}.paginated-table-container .MuiTableContainer-root .MuiTable-root .MuiTableBody-root tr:hover{background-color:#00000013}.paginated-table-container .info-circle{display:flex;justify-content:center;align-items:center}.paginated-table-container .info-circle p{width:fit-content;padding:3px 12px;border-radius:50px}.paginated-table-container .info-circle.green p{background-color:#97cc3a}.paginated-table-container .info-circle.red p{background-color:#c64d4b}.MuiDialogActions-root{padding-left:0!important;padding-right:0!important}.MuiDialogActions-root .MuiButton-root{border-width:1px;border-color:#818487;color:#435058;font-weight:500;transition:all .15s ease}.MuiDialogActions-root .MuiButton-root:hover{color:#fff;background-color:#435058}.bin-global svg{color:#c20000;cursor:pointer;width:25px;height:25px;transition:filter .1s ease}.bin-global svg:hover{filter:brightness(85%)}.items-page-container{padding:40px 50px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.items-page-container>*{max-width:1920px}.items-page-container .button-panel{width:100%;display:flex;align-items:center;justify-content:flex-end;padding:15px 0 15px 25px;margin-top:-3vh}.items-page-container .item-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:25px}.items-page-container .item-icon{display:flex;align-items:center;justify-content:flex-start}.items-page-container .item-icon div{margin-right:15px;border-radius:50px;background-color:#e0f0e5}.items-page-container .item-icon div svg{width:40px;height:40px;padding:5px}.stock-item-numbers{width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:10px}.stock-item-numbers>div{margin-top:15px;margin-bottom:15px}.stock-item-numbers>div>div{width:100%}.dialog-label{font-family:Poppins,sans-serif;font-weight:500;margin-bottom:3px;display:inline-block}.edit-global svg{color:#c86900;cursor:pointer;width:25px;height:25px;transition:filter .1s ease}.edit-global svg:hover{filter:brightness(85%)}.auth-container{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#a6abab;overflow:hidden;color:#fff}.auth-container .image-side,.auth-container .auth-side{position:absolute;top:0;bottom:0;left:0;right:0}.auth-container .image-side{z-index:1;right:40%;background-color:#fff}.auth-container .image-side .image-block{width:100%;height:100%;background:url(/cables.jpg);background-position:center;background-size:cover}.auth-container .auth-side{background-color:#020202;left:60%;padding:50px;display:flex;justify-content:center;align-items:center;flex-direction:column}.auth-container .auth-side h2{font-size:2rem}.auth-container .auth-side form{padding:25px 0;font-size:1.3rem;filter:grayscale(0);transition:.1s all ease}.auth-container .auth-side form svg{display:inline-block;height:1.5em;width:1.5em;color:#f8bd00}.auth-container .auth-side form label{font-family:Noto Sans,serif;font-size:1.2rem;display:block;margin-top:25px}.auth-container .auth-side form input{font-family:Inter,serif;padding:3px 10px;margin-left:10px;border-bottom:3px solid #020202;transition:all ease-out .15s;background-color:#121212}.auth-container .auth-side form input:focus{outline:none;border-bottom:3px solid #f8bd00}.auth-container .auth-side form hr{width:100%;height:3px;background-color:#f8bd00;margin-top:25px;border:none}.auth-container .auth-side form button{margin-top:25px}.auth-container .auth-side form button[type=submit]{margin-top:35px}.auth-container .auth-side form .error-field{font-size:1rem;text-align:center;margin:20px 0 0;font-weight:600;color:#c20000}.auth-container .auth-side form .other-auth{font-size:1rem;text-align:center;margin-top:25px}.auth-container .auth-side form .other-auth a{text-decoration:underline}.auth-container .auth-side form.inactive{pointer-events:none;-webkit-user-select:none;user-select:none;filter:grayscale(75%)}.auth-container .auth-side>a,.auth-container .auth-side button{color:#fff;padding:10px 15px;border:2px solid white;border-radius:10px;font-size:1.4rem;font-weight:600;transition:all ease-out .15s;display:flex;justify-content:center;align-items:center;width:fit-content;gap:10px;margin:0 auto}.auth-container .auth-side>a img,.auth-container .auth-side button img{display:inline-block;vertical-align:middle;max-width:1.3em}.auth-container .auth-side>a:hover,.auth-container .auth-side button:hover{background-color:#fff;color:#020202}.homepage-container{padding:40px 50px}.homepage-container p{font-family:Sansation,sans-serif;font-weight:700;font-size:2rem;color:#000}.homepage-container .title-container{display:flex;justify-content:space-between;align-items:center;flex-direction:row;margin-bottom:30px;padding-bottom:30px;border-bottom:2px solid #a6abab}.homepage-container .title-container .title{display:flex;justify-content:flex-start;align-items:center;gap:20px;flex-direction:row}.homepage-container .title-container .title h1{font-family:Lexend,sans-serif;font-size:3rem;color:#244169}.homepage-container .title-container .title div{background-color:#fff;border-radius:100px;padding:10px}.homepage-container .title-container .title svg{width:35px;height:35px;color:#7ebf00;box-sizing:content-box}.homepage-container .title-container .MuiButton-contained{background-color:#7ebf00!important;font-size:1.3rem;padding:7px 20px}.homepage-container .title-container .MuiButton-contained svg{width:25px;height:25px}.homepage-container .low-items-title{border-bottom:2px solid #a6abab;font-size:1.8rem}.homepage-container .low-items-container{margin-top:35px;display:flex;flex-wrap:wrap;gap:25px;row-gap:20px}.homepage-container .quantity-plates-container{display:flex;justify-content:space-between;align-items:stretch;gap:50px;flex-wrap:nowrap;margin-bottom:30px}.homepage-container tbody tr{cursor:pointer}.elements-container{border:1px solid white;margin-bottom:30px;width:100%;box-sizing:border-box;border-radius:10px;padding:30px 40px;background-color:#fff;box-shadow:0 0 8px 3px #0000000d}.low-item-component{box-shadow:2px 2px 7px #00000040;border-radius:15px;background-color:#e9f2f2;transition:all .3s ease;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;width:400px;overflow:hidden}.low-item-component>*{padding:15px 20px}.low-item-component>* div{display:flex;justify-content:center;align-items:center}.low-item-component .name{display:flex;align-items:center}.low-item-component .name div{font-family:Inter,sans-serif;font-weight:500;font-size:1.2rem;color:#000;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:250px;text-align:left}.low-item-component .quantity{position:relative;text-align:center;font-family:Braah One,sans-serif;font-size:1.3rem;color:#e9f2f2;font-weight:400;letter-spacing:1.5px}.low-item-component .quantity svg{position:absolute;top:50%;transform:translateY(-50%);left:-35px;width:20px;height:20px;color:#c64d4b}.low-item-component:hover{filter:brightness(95%)}.quantity-plate{background-color:#fff;box-shadow:0 0 8px 3px #0000000d;border-radius:10px;width:100%;padding:15px 30px;display:flex;justify-content:space-between;align-items:center}.quantity-plate div h3{font-family:Poppins,sans-serif;font-weight:500;font-size:1.3rem;color:#435058}.quantity-plate div p{font-family:Inter,sans-serif;font-weight:800;font-size:1.5rem}.quantity-plate svg{width:40px;height:40px}.new-record-page-container{padding:40px 50px}.new-record-page-container .title{background-color:#fff;border-radius:10px;padding:20px 30px;box-shadow:0 0 8px 3px #0000000d;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin-bottom:30px}.new-record-page-container .title .MuiButton-text{font-size:1.15rem}.new-record-page-container .title .MuiButton-contained{background-color:#7ebf00;font-size:1.15rem}.new-record-page-container .title .MuiButton-contained svg{width:25px;height:25px}.new-record-page-container .title p{font-family:Poppins,sans-serif;font-size:1.25rem;color:#000}.new-record-page-container .title p b{background-color:#435058;color:#fff;padding:5px 10px;border-radius:5px;font-weight:500;margin-left:5px}.new-record-page-container .block-container{display:flex;justify-content:center}.new-record-page-container .items-container{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;width:1200px;box-shadow:0 0 8px 3px #0000000d;background-color:#fff;border-radius:10px;padding:20px 30px;row-gap:20px}.item-record-tile{display:flex;justify-content:space-between;align-items:center;background-color:#e9f2f2;padding:10px 20px;border-radius:15px;box-shadow:3px 3px 5px #00000026}.item-record-tile>p{font-family:Poppins,sans-serif;color:#000;font-size:1.1em}.item-record-tile .numbers{display:flex;justify-content:flex-end;align-items:center;gap:10px}.item-record-tile .numbers p{font-family:Inter,sans-serif;color:#818487}.item-record-tile .numbers .MuiOutlinedInput-input{font-family:Open Sans,sans-serif;font-weight:500;padding:10px 15px;width:75px}.existing-record-page-container{width:100%;padding:40px 50px}.existing-record-page-container .record-title{background-color:#fff;border-radius:10px;padding:20px 30px;margin-bottom:30px;display:flex;align-items:center;box-shadow:0 0 8px 3px #0000000d}.existing-record-page-container .record-title>div{border-left:2px solid #818487;padding-left:16px;margin-left:8px;font-family:Poppins,sans-serif;font-size:1.15rem;color:#000;display:flex;align-items:center}.existing-record-page-container .record-title>div b{background-color:#435058;color:#fff;padding:5px 10px;border-radius:5px;font-weight:500;margin-left:5px}.existing-record-page-container .record-title>div svg{color:#435058;margin-right:7px;width:35px;height:35px}.existing-record-page-container .grid-container{display:grid;grid-template-columns:1fr .25fr;column-gap:30px}.existing-record-page-container .grid-container .right{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.existing-record-page-container .grid-container .right .MuiButton-contained{background-color:#c64d4b;padding-top:5px;padding-bottom:5px;font-size:1.2rem}.existing-record-page-container .grid-container .right .record-details{padding:20px 30px;border-radius:10px;background-color:#fff;margin-top:15px;box-shadow:0 0 8px 3px #0000000d}.existing-record-page-container .grid-container .right .record-details h3{font-family:Poppins,sans-serif;color:#000;font-size:1.1rem;font-weight:500;text-align:center;border-bottom:2px solid #bfb7b6;padding-bottom:5px;margin-bottom:25px}.existing-record-page-container .grid-container .right .record-details .details-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:25px}.records-details-block div{font-size:1.05rem;font-weight:500}.records-details-block div:first-child{font-family:Open Sans,sans-serif;color:#435058;margin-bottom:3px}.records-details-block div:last-child{color:#000;font-family:Inter,sans-serif;display:flex;align-items:center;gap:10px}.records-details-block div:last-child div{display:block}.records-details-block div:last-child svg{color:#435058;width:25px;height:25px}body{background:linear-gradient(to bottom right,#e9f2f2,#e0f0e5)!important;overflow-x:hidden;min-height:100vh}h2{font-family:Montserrat,serif;font-weight:600;font-size:1.5rem;text-decoration:2px underline #f8bd00;margin:0 20px;color:#fff;text-shadow:0px 0px 10px rgba(0,0,0,.3)}p.error{color:#c20000;font-family:Inter,sans-serif;font-weight:600}.page-container{width:100%}