.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9)}.modal .close{position:absolute;top:20px;right:30px;color:white;font-size:40px;font-weight:bold;cursor:pointer;transition:color 0.2s ease}.modal .close:hover{color:var(--primary-color)}.modal-content{margin:auto;display:block;max-width:90%;max-height:90%;width:auto;height:auto;position:relative;top:50%;transform:translateY(-50%)}@media (max-width:768px){.modal .close{top:15px;right:20px;font-size:35px}}@media (max-width:576px){.modal .close{top:10px;right:15px;font-size:30px}}.scrollbar-gold,.content-html table{scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}.scrollbar-gold::-webkit-scrollbar,.content-html table::-webkit-scrollbar{height:8px;width:8px}.scrollbar-gold::-webkit-scrollbar-track,.content-html table::-webkit-scrollbar-track{background:transparent;border-radius:4px}.scrollbar-gold::-webkit-scrollbar-thumb,.content-html table::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.scrollbar-gold::-webkit-scrollbar-thumb:hover,.content-html table::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}