:root{background:linear-gradient(45deg,#f4f4f4,#d6d6d5);height:100%;margin:0}#root{--color-th-stick:#fff7d4;--color-back-stick:#001b66;--color-back-stick-td:#d7d7d7;--colr--font--td:#006eff}.melting-text-container{justify-content:space-between;margin:0 0 0 20px;display:flex;position:relative;overflow:hidden}.melting-text-container img{width:150px;height:50px}.melting-text{text-transform:uppercase;color:#0000;background:linear-gradient(90deg,#353534,#626262,#a6a6a6);-webkit-background-clip:text;font-size:3.5rem;font-weight:700;position:relative}.melting-text:before,.melting-text:after{background:linear-gradient(90deg,#eeebeb,#565656,#858585);color:#0000;z-index:-1;opacity:.5;-webkit-background-clip:text;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleY(1)}.melting-text:after{filter:blur(10px);opacity:.3}.container{box-sizing:border-box;text-align:center;width:100vw;height:100vh;padding:20px;position:fixed;top:350px;left:0;overflow:auto}.table-wrapper{width:100%;height:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1600px;box-shadow:0 0 20px #0000001a}th,td{background-color:#0803030c;padding:15px}th{text-align:left}thead th{z-index:2;color:#eae266;text-align:center;background-color:#06113e;position:sticky;top:0}tbody tr:hover{background-color:#ffffff4d}tbody td{position:relative}tbody td:hover:before{content:"";z-index:-1;background-color:#fff3;position:absolute;inset:-9999px 0}@keyframes melt{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes drip{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.5)}}.btn-3d{--w:150px;--h:35px;width:var(--w);height:var(--h);transform-style:preserve-3d;cursor:pointer;background:0 0;border:none;transition:transform 2s;transform:perspective(1000px)rotateX(0)}.btn-3d:hover{transform:perspective(1000px)rotateX(360deg)}.btn-3d span{color:#000;text-transform:uppercase;letter-spacing:2px;box-sizing:border-box;background:#ffffffe6;border:2px solid #000;justify-content:center;align-items:center;font-family:sans-serif;font-size:15px;display:flex;position:absolute;inset:0;box-shadow:inset 0 20px 50px #0003}.btn-3d:hover span{color:#fff;background:#03a9f4cc}.btn-3d span:first-child{transform:rotateX(0deg)translateZ(calc(var(--h)/2))}.btn-3d span:nth-child(2){transform:rotateX(90deg)translateZ(calc(var(--h)/2))}.btn-3d span:nth-child(3){transform:rotateX(180deg)translateZ(calc(var(--h)/2))}.btn-3d span:nth-child(4){transform:rotateX(270deg)translateZ(calc(var(--h)/2))}.containner-pop{margin-bottom:30px;display:flex;position:relative}.containner-date{flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 15px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.containner-date label{color:#333;font-weight:700}.containner-date input[type=date]{border:1px solid #ccc;border-radius:8px;outline:none;padding:8px 12px;font-size:16px;transition:border .3s}.containner-date input[type=date]:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d}.container-btn-file{color:#fff;z-index:1;cursor:pointer;background-color:#307750;border-style:none;border-radius:.5em;height:40px;margin:0 0 0 20px;padding:.15em .6em;font-size:12px;transition:all .25s;overflow:hidden;box-shadow:4px 8px 10px -3px #0000005b}.container-btn-file>svg{margin-right:.4em}.container-btn-file:hover{background-color:#469b61}.input-row{align-items:center;gap:20px;margin:0 0 20px 20px;display:flex}.input-container{width:220px;position:relative}.input{background:0 0;border:none;border-left:2px solid #0b2447;border-right:2px solid #0b2447;outline:none;height:40px;padding:10px;font-size:16px;transition:all .5s;box-shadow:7px 7px #0b2447}.input:focus{box-shadow:none;transition:all .5s}.label{color:#0b2447;z-index:-1;transition:all .5s;position:absolute;top:10px;left:10px;transform:scale(0)}.input-container .topline{content:"";background-color:#0b2447;width:0%;height:0;transition:all .5s;position:absolute;top:0;right:0}.input-container input[type=text]:focus~.topline{width:35%;transition:all .5s}.input-container .underline{content:"";background-color:#0b2447;width:0%;height:2px;transition:all .5s;position:absolute;bottom:0;right:0}.input-container input[type=text]:focus~.underline{width:100%;transition:all .5s}.input-container input[type=text]:focus~.label{transition:all .5s;top:-10px;transform:scale(1)}.input:focus~.label,.input:not(:placeholder-shown)~.label{top:-10px;transform:scale(1)}.input:focus~.topline,.input:not(:placeholder-shown)~.topline{width:35%}.input:focus~.underline,.input:not(:placeholder-shown)~.underline{width:100%}