@import"https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap";.counter-container{position:relative;display:inline-block}.counter-counter{display:flex;overflow:hidden;line-height:1}.counter-digit{position:relative;width:1ch;font-variant-numeric:tabular-nums}.counter-number{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.gradient-container{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.bottom-gradient{position:absolute;bottom:0;width:100%}.OutInventory{display:flex;flex-direction:column;align-items:center;background-color:#252424;border-radius:20px;padding:10px}.closeButton{width:70px;height:30px;margin-top:0}.qrCont{border:2px dashed #f8cc6d;padding:20px 10px;width:220px;color:#e2bf47;text-align:center;border-radius:15px;background:#a99a481f;display:flex;flex-direction:column;justify-content:center;align-items:center}.qrWrap{display:flex;justify-content:center}.optionsCont{display:flex;align-items:flex-start;flex-wrap:wrap}.optionsCont>div{display:flex;align-items:center;flex-direction:row;padding-left:17px;font-size:16px}.batchCont{border:2px dashed #f8cc6d;padding:10px;width:280px;color:#e2bf47;text-align:center;border-radius:15px;background:#a99a481f}#customSelectedItemsDiv{overflow-x:hidden;overflow-y:scroll;text-align:left;width:90%;word-spacing:5px}.QRcounterContainer{display:flex;flex-wrap:wrap;flex-direction:column;align-items:stretch}.heading{height:10vh;font-size:30px;letter-spacing:2px}.name{position:absolute;top:4%;right:27%;color:#7c7c6f}.home{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,20%);justify-items:center;align-items:center;gap:30px}.home>button{width:15vw;height:15vh;font-size:20px;display:flex;align-items:center;justify-content:space-between;padding-left:20px;padding-right:20px}.stock{border:2px dashed #f8cc6d;padding:10px;margin-top:30px;width:280px;color:#e2bf47;text-align:center;border-radius:15px;background:#a99a481f}.home>button>img{width:30px}@media screen and (max-width: 650px){.home{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px}.home>button{width:90vw;height:8vh;font-size:20px;display:flex;align-items:center;justify-content:space-between;padding-left:20px;padding-right:20px}.home>button>img{width:25px}.heading{height:5vh}.name{position:relative;left:2px;top:-2px;font-size:smaller;color:#7c7c6f}}.success-message{border:2px dashed rgb(111,205,92);color:#6fcd5c;background:#5ccda51f}.CounterContainer{display:flex;align-items:center;justify-content:center;gap:20px;border:2px dashed #f8cc6d;padding-bottom:10px;border-radius:15px;background:#a99a481f;flex-direction:row}.counterButtonGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:10px}.counterButton1{grid-area:1 / 1 / 2 / 2}.counterButton2{grid-area:1 / 2 / 2 / 3}.counterButton3{grid-area:2 / 1 / 3 / 2}.counterButton4{grid-area:2 / 2 / 3 / 3}.counterButton5{grid-area:3 / 1 / 4 / 3}.counterButton{height:30px;margin-top:7px}.shiny-text{color:#e5dfae73;background:linear-gradient(120deg,#fff0 40%,#fffc,#fff0 60%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;display:inline-block;animation:shine 5s linear infinite}@keyframes shine{0%{background-position:100%}to{background-position:-100%}}.shiny-text.disabled{animation:none}.loginbox{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;height:80vh}h2{width:100%;height:10%}.formbox{min-width:250px;max-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;border:2px dashed;padding:25px;border-radius:20px}button{color:#000;border-radius:15px;margin-top:15px;height:50px;border:none}button:hover{background-color:#fffce1}input{height:30px;border:none;border-radius:10px;color:#0000008f;padding:4px 4px 4px 15px}input::placeholder{color:#00000049}.registerLink{margin-top:10px}.error-message{border:2px dashed indianred;padding:10px;margin-top:30px;width:280px;color:#cd5c5c;text-align:center;border-radius:15px;background:#cd5c5c1f}select{height:35px;border:none;border-radius:10px;color:#0000008f;padding:4px 4px 4px 15px}option{color:#0000008f}@media screen and (min-width: 900px){.formbox{min-width:300px;max-width:300px}.error-message{width:330px}}@media screen and (max-width: 900px){.register-box{padding-top:5px;margin-top:20px}}@media screen and (max-width: 650px){.loginbox{margin-top:40px;justify-content:center}.heading{letter-spacing:normal;text-align:center}}.userWrap{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,44%);justify-items:center;align-items:center;gap:30px;margin-top:12vh}.userBox{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;border:2px dashed;padding:25px;border-radius:20px;width:15vw;position:relative}.userCount{position:absolute;top:25px;right:30px;font-size:20px;color:#7c7c6f}@media screen and (max-width: 650px){.userWrap{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;margin-top:2vh}.userBox{width:75vw}}.windows-loading-spinner{box-sizing:border-box;width:3rem;height:3rem;padding:2px;overflow:visible}.windows-loading-spinner>circle{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;transform-origin:50% 50%;transition:all .2s ease-in-out 0s;animation:2s linear 0s infinite normal none running loading-spinner}@keyframes loading-spinner{0%{stroke-dasharray:.01px,43.97px;transform:rotate(0)}50%{stroke-dasharray:21.99px,21.99px;transform:rotate(450deg)}to{stroke-dasharray:.01px,43.97px;transform:rotate(1080deg)}}.loader{width:100%;display:flex;align-items:center;justify-content:center}.view-rental-page{min-height:100vh}.page-title{text-align:center;margin-bottom:16px}.controls{display:flex;gap:10px;margin-bottom:16px;align-items:center}.search,.filter{flex:1;border-radius:14px;background:#1f1f1f;color:#fff;border:1px solid #2a2a2a;outline:none}input.search::placeholder{color:#fff}select.filter>option{color:#fff}.table-wrapper{background:#101010;border-radius:18px;padding:12px;border:1px solid #2b2b2b;overflow-x:auto}.rental-table{width:100%;border-collapse:collapse;min-width:700px}.rental-table th{font-size:13px;color:#bdbdbd;text-transform:uppercase;padding:10px}.rental-table td{padding:10px;border-bottom:1px solid #222;text-align:center}.card-list{display:grid;gap:14px;justify-items:center}.device-card{background:#121212;border-radius:18px;padding:14px;border:1px solid #2a2a2a;width:90%}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.device-card p{display:flex;justify-content:space-between;margin:6px 0;font-size:14px;color:#cfcfcf;text-align:end}.device-card p span{color:#8e8e8e;width:35%;text-align:start}.status-select{border-radius:999px;padding:6px 12px;font-size:13px;border:none;background:#2a2a2a;color:#fff}.status-select.available{background:#1e3d2b;color:#2ecc71}.status-select.supplied{background:#1e2f3d;color:#3498db}.status-select.repair{background:#3d331e;color:#f1c40f}.home-btn{margin-top:18px;width:100%;padding:12px;border-radius:16px;background:#f2f2f2;color:#000;font-weight:600;border:none}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popover-card{background:#121212;border-radius:18px;padding:16px;width:80%;max-width:360px;border:1px solid #2a2a2a}.popover-card input{width:90%;margin-bottom:10px;padding:10px;background:#1f1f1f;color:#fff;border:1px solid #2a2a2a;border-radius:12px}.popover-card button{flex:1;padding:10px;border-radius:12px;border:none;font-weight:600}input.rentalPopInp::placeholder{color:#fff}.supplyDetailTable{display:flex;align-items:center;flex-direction:row;gap:3px}.checksDiv{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;justify-content:flex-start;margin-bottom:10px}.checksDiv>span{display:flex;align-items:center;justify-content:center;gap:2px}.checksDiv>span>input{width:15px;margin-bottom:0}body{background-color:#0e100f;font-family:Poetsen One,sans-serif;font-weight:400;font-style:normal;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;transition:all .3s cubic-bezier(0,0,.45,1.36)}*{font-family:Poetsen One,sans-serif;font-weight:400;font-style:normal;color:#fffce1}*::selection{color:#474747;background-color:#fffce1}.mainBody{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-thumb{background:#7c7c6f;border-radius:5px;border:2px solid #7c7c6f}::-webkit-scrollbar-track{background:transparent}.cursor{display:block;width:15px;height:15px;background-color:#fffce1;border-radius:50%;position:fixed;top:0;left:0;z-index:1000;mix-blend-mode:difference}