html, body {height: 100%;margin: 0;padding: 0;display: flex;flex-direction: column;}body {font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;margin: 20px;background-color: #1e1e1e;color: #fff;}#loading-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #1e1e1e;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 1000;opacity: 1;transition: opacity 0.5s ease-in-out;}#loading-spinner {border: 4px solid #4341414f;border-top: 4px solid #45a049;border-radius: 50%;width: 40px;height: 40px;animation: spin 1s linear infinite;margin-bottom: 10px;}#loading-text {color: #ffffff;opacity: 0;transition: opacity 0.5s ease-in-out;}@keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}#content {max-width: 800px;margin: 0 auto;background-color: #2c2c2c;padding: 20px;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);flex: 1;}#box {border: 1px solid #383838;line-height: 5px;padding-left: 15px;padding-top: 6px;padding-bottom: 6px;background-color: #4341414f;border-radius: 8px;}a {color: #4caf50;text-decoration: none;transition: color 0.3s ease-in-out;}a:hover {color: #3d8f40;text-decoration: underline;}a:focus {outline: 2px solid #45a049;outline-offset: 4px;}a:active {color: #3d8b40;}footer {margin-top: 16px;color: #7c7c7c85;font-size: 14px;display: flex;justify-content: space-between;align-items: center;position: relative;flex-shrink: 0;padding-bottom: 8px;}footer img {height: 24px;opacity: 0.4;filter: grayscale(100%);transition: all 0.3s ease-in-out;vertical-align: middle;}footer img:hover {opacity: 1;filter: grayscale(0%);}footer span {margin-left: 8px;vertical-align: middle;}footer p {margin: 0;}.left a {font-size: 24px;}.center {position: absolute;left: 50%;transform: translateX(-50%);text-align: center;}.right {margin-left: auto;text-align: right;}.footer-link {color: #81808085;}.footer-link:hover {color: #c0c0c0;}.footer-link:focus {outline: 2px solid #7c7c7c;}table {width: 100%;border-collapse: collapse;margin-bottom: 10px;}th, td {border: 1px solid #383838;padding: 12px;text-align: left;}th {background-color: #4341414f;color: #fff;}@media (max-width: 768px) {table {width: 100%;border: none;}thead {display: none;}tr {display: block;margin-bottom: 10px;border-bottom: 2px solid #383838;}td {display: block;text-align: left;padding: 10px;position: relative;border: none;}td::before {content: attr(data-label);position: absolute;left: 0;width: 45%;padding-left: 10px;font-weight: bold;text-align: left;top: 0;background-color: #4341414f;color: #fff;border-bottom: 1px solid #383838;}td {padding-left: 50%;position: relative;}}@media (max-width: 778px) {.left {display: none;}.center {position: relative;left: 0;transform: none;margin-right: auto;}}@media (max-width: 520px) {#mobile-warning {display: flex;}}