a,a:visited,body,h2{color:#fff}.date-btn,.date-btn.btn-primary:hover{color:#0d6efd;background:#fff}.date-btn,table{background:#fff}.cell,th{text-align:center}.legend,.legend-item{display:flex;gap:8px}body{font-family:Inter,Roboto,sans-serif;background:#0d6efd}h2{margin-bottom:1rem}.date-btn{border:2px solid #fff;font-weight:600;border-radius:50px}.date-btn:hover,.date-btn:visited{background:#f8f9fa;color:#0a58ca}.date-btn.btn-primary{background:0 0;color:#fff;border:2px solid #fff}.table-responsive{border-radius:12px;overflow-x:auto;box-shadow:0 4px 16px rgba(0,0,0,.2);margin-bottom:20px}table{color:#212529}th{background:#f1f3f5;white-space:nowrap}td:first-child,th:first-child{background:#f1f3f5;font-weight:600}.cell{vertical-align:middle;border:1px solid #dee2e6}.cell.free{background:#28c76f;color:#fff}.cell.busy{background:#e02e73;color:#fff}.cell.queue{background:#fbbc04;color:#212529}.legend{flex-direction:column}.legend-item{align-items:center;color:#fff}.legend-item span{display:inline-block;width:20px;height:20px;border-radius:4px}.legend-item .free{background:#28c76f;border:1px solid #006134}.legend-item .busy{background:#e02e73;border:1px solid #4400bf}.legend-item .queue{background:#fbbc04;border:1px solid #654b00}.container{max-width:1200px;margin:0 auto;padding:0 16px}.scroll-area::-webkit-scrollbar{display:none}.scroll-area{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto;width:100%}.scroll-container{position:relative;width:100%}.scroll-area table{min-width:1000px}.scroll-track{position:relative;height:40px;margin-top:10px}.cue,.cue_small{width:100%;object-fit:cover;transform:rotate(180deg)}.cue_small{display:none}.ball{position:absolute;top:-7px;left:0;width:35px;height:35px;cursor:pointer;transition:transform .3s;transform-origin:center center}.ball:hover{transform:scale(1.1) rotate(-10deg)}footer{text-align:right}h1{font-size:2rem}.scroll-area{cursor:grab;user-select:none}.scroll-area.dragging{cursor:grabbing}@media (max-width:768px){.cell,.container,body,td,th{padding:0}footer,td,th{text-align:center}h1{font-size:1.5em;margin-bottom:.5rem}body{margin:0}.table-responsive{margin:0 -16px}.cell{width:50px;height:35px;font-size:12px}.scroll-area table{min-width:auto}.cue_small{display:block}.cue{display:none}.ball{top:-12px}td,th{font-size:15px}td:first-child,th:first-child{min-width:60px;font-size:13px}.time-end,.time-sep,.time-start{display:block;line-height:12px;font-size:13px}.container .d-flex.mb-3{margin-bottom:.5rem!important;justify-content:space-between}.date-btn{padding:.25rem .65rem}}