.filters{display:flex;gap:20px;margin-bottom:20px;padding:10px;border-radius:6px}body{background-color:#1e1e1e;padding:20px}.zones{display:flex;gap:10px;flex-wrap:wrap}.zone-checkbox{display:flex;align-items:center;gap:5px}.booking-grid{display:grid;grid-template-columns:100px repeat(auto-fit,120px);position:relative}.table-header{background:#ddd;text-align:center;font-weight:700}.time-cell{height:40px;font-size:14px}.table-column{position:relative}.event{position:absolute;width:100px;color:#fff;font-size:12px;padding:2px;border-radius:4px}.loading{padding:20px}.app-wrapper{background:#1e1e1e;color:#fff}h1{font-size:28px;color:#fff;font-weight:700}.filters{display:flex;flex-direction:column;gap:20px;margin-bottom:10px}.loading{padding:20px;color:#fff}.date-selector{display:flex;flex-direction:column;gap:8px;color:#fff}.date-buttons{display:flex;gap:8px;flex-wrap:wrap}.date-button{background:#333;color:#fff;border:none;border-radius:11px;padding:4px 8px;cursor:pointer;font-size:14px;font-weight:400;transition:background .2s}.date-button.active{background:#007aff}label{color:#ffffffa3}.zone-selector{display:flex;flex-direction:column;gap:10px;color:#fff}.zone-buttons{display:flex;flex-wrap:wrap;gap:10px}.zone-button{font-family:Inter,sans-serif;background:#333;color:#fff;border:none;border-radius:4px;padding:4px 6px;cursor:pointer;font-size:16px;font-weight:400;transition:background .2s}.zone-button.active{background:#007bff}.zone-button:hover{background:#555}.booking-wrapper{display:flex;flex-direction:column;overflow:auto;background:#1e1e1e;max-height:80vh;position:relative}.header-row{display:flex;position:sticky;top:0;z-index:10}.corner-cell{background:#333;border-bottom:1px solid #555;margin-left:38px}.table-header{min-width:80px;max-width:80px;height:58px;background:#1e1e1e;text-align:center;font-weight:500;font-size:14;padding:4px;color:#ffffffa3;box-sizing:border-box}.table-group{display:flex}.table-number-digit{color:#fff;padding-right:4px;font-size:18px;font-weight:700}.body{display:flex}.time-column{display:flex;flex-direction:column;position:sticky;left:0;z-index:5;background:#1e1e1e}.time-cell{height:40px;width:32px;padding-right:5px;text-align:right;color:#ffffff7a}.tables-columns{display:flex}.table-column{position:relative;overflow:visible;width:80px;min-width:80px;max-width:80px;border-right:1px solid #555;display:inline-block;vertical-align:top;box-sizing:border-box}.event{position:absolute;box-sizing:border-box;font-size:14px;color:#fff;border-radius:4px;white-space:normal;overflow:hidden;text-overflow:clip;word-break:break-word;transition:all .2s ease}.table-column .event:hover{left:0!important;width:80px!important;z-index:9999!important;overflow:visible!important;box-shadow:0 6px 18px #0009!important;transition:all .12s ease!important}.event[style*=purple]{background:purple!important}.event[style*=teal]{background:teal!important}.event-type{font-size:14px;font-weight:700}.status-await-confirm{background:#007aff;color:#fff}.status-await{background:#0097fd26;color:#0097fd}.status-in-hall{background:#4ac99b26;color:#fff}.status-cancel{background:#ff704326;color:#fff}.status-precheck{background:#4ac99b26;color:#fff}.status-closed-new{background:#ffffff26;color:#fff}.status-queue{background:#0097fd26;color:#fff}.event{font-size:14px;color:#fff}.order-id{font-size:8px}.event .status-await-confirm,.event .status-await,.event .status-in-hall,.event .status-cancel,.event .status-precheck,.event .status-closed-new,.event .status-queue{font-size:8px;border-radius:4px;padding:2px}.table-column .event:hover{left:0!important;width:80px!important;z-index:9999!important;overflow:visible!important;box-shadow:0 6px 18px #0009!important;transition:all .12s ease!important;height:auto!important;white-space:normal!important}.phone-wrapper{display:inline-block;word-break:break-all;vertical-align:middle}.phone-icon{width:8px;height:8px}.table-column:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.1) 0px,rgba(255,255,255,.1) 1px,transparent 1px,transparent 40px);pointer-events:none;z-index:1}