body { font-family: Arial, sans-serif; margin: 20px; }
input, button, textarea { margin: 5px 0; padding: 8px; }
label { display: block; margin-top: 10px; }
#progressContainer { margin-top: 20px; display: none; }
#addressProgressText { font-weight: bold; }
#xenft-table { margin-top: 20px; display: inline-block; }
#itemCount { margin-top: 10px; font-weight: bold; }
.input-container { display: flex; align-items: flex-start; gap: 20px; }
/* Calendar container – adjust as needed */
#calendar { margin-top: 20px; }
/* Theme Toggle Styles */
.theme-switch { position: fixed; top: 20px; right: 20px; z-index: 1000; }
.theme-switch input { height: 0; width: 0; visibility: hidden; }
.theme-switch label {
  cursor: pointer; text-indent: -9999px; width: 50px; height: 25px;
  background: #888; display: block; border-radius: 100px; position: relative;
}
.theme-switch label:after {
  content: ''; position: absolute; top: 2px; left: 2px; width: 21px; height: 21px;
  background: #fff; border-radius: 90px; transition: 0.3s;
}
.theme-switch input:checked + label { background: #4cd137; }
.theme-switch input:checked + label:after {
  left: calc(100% - 2px); transform: translateX(-100%);
}
/* Dark mode styling */
body.dark-mode { background-color: #121212; color: #e0e0e0; }
body.dark-mode input, body.dark-mode textarea, body.dark-mode button {
  background-color: #333; color: #e0e0e0; border: 1px solid #444;
}
/* Light mode styling */
body.light-mode { background-color: #ffffff; color: #000000; }
body.light-mode input, body.light-mode textarea, body.light-mode button {
  background-color: #fff; color: #000; border: 1px solid #ccc;
}
/* Tabulator Overrides for Dark Mode */
body.dark-mode .tabulator { background-color: #222; color: #e0e0e0; }
body.dark-mode .tabulator .tabulator-header { background-color: #333; color: #000; border-color: #444; }
body.dark-mode .tabulator .tabulator-cell { background-color: #222; color: #e0e0e0; border-color: #444; }
body.dark-mode .tabulator .tabulator-row { border-color: #444; }
body.dark-mode .tabulator .tabulator-footer { background-color: #333; color: #e0e0e0; border-color: #444; }
/* Tabulator Overrides for Light Mode */
body.light-mode .tabulator { background-color: #fff; color: #000; }
body.light-mode .tabulator .tabulator-header { background-color: #f5f5f5; color: #000; border-color: #ccc; }
body.light-mode .tabulator .tabulator-cell { background-color: #fff; color: #000; border-color: #ccc; }
body.light-mode .tabulator .tabulator-row { border-color: #ccc; }
body.light-mode .tabulator .tabulator-footer { background-color: #f5f5f5; color: #000; border-color: #ccc; }