body {font-family: 'Inter', sans-serif;}
#scrollTopBtn {bottom: 60px;}
.card {@apply w-full bg-white dark:bg-gray-800 rounded-2xl shadow-2xl overflow-hidden p-6 transition-colors duration-300;}
.session-bar {transition: all 0.3s ease;}
.current-time-marker-line {transition: none;}
.main-content-flex {display: flex;flex-direction: column;flex-grow: 1;}
.cool-table tbody tr:hover {background-color: #f9fafb;transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);}
select optgroup {font-weight: bold;font-style: italic;color: #4a5568;}
.img-center {display: block;margin-left: auto;margin-right: auto;}