:root{background-color:#fff;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;width:100%;height:calc(100vh - 300px);padding:20px;position:relative;overflow:auto}.table-wrapper{max-height:calc(100vh - 350px);overflow:auto}table{border-collapse:collapse;text-align:center;width:100%;min-width:1600px;box-shadow:0 0 20px #0000001a}th,td{background-color:#0803030c;border:1px solid #a9a9a94d;padding:15px}th{text-align:left}thead th{z-index:2;color:#fff;text-align:center;background-color:#375e7d;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=month]{border:1px solid #ccc;border-radius:8px;outline:none;padding:8px 12px;font-size:16px;transition:border .3s}.containner-date input[type=month]: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}.sticky-col{background-color:var(--color-back-stick-td);z-index:3;position:sticky;left:0}.col-1{min-width:120px;left:0}.col-2{min-width:60px;left:150px}.col-3{background-color:#f1f1f1;min-width:60px;left:230px}.col-4{background-color:#eaeaea;min-width:260px;left:300px}thead .sticky-col{background-color:var(--color-back-stick);color:#fff;z-index:5}