:root{--ds-bg:#09090b;--ds-surface:#18181b;--ds-surface-2:#1f1f23;--ds-hover:#27272a;--ds-border:#27272a;--ds-border-2:#3f3f46;--ds-t1:#f4f4f5;--ds-t2:#a1a1aa;--ds-t3:#71717a;--ds-t4:#52525b;--ds-blue:#2563eb;--ds-blue-hover:#1d4ed8;--ds-blue-subtle:rgba(37,99,235,0.1);--ds-blue-border:rgba(37,99,235,0.3);--ds-green:#10b981;--ds-amber:#f59e0b;--ds-red:#ef4444;--ds-purple:#8b5cf6;--ds-sky:#0ea5e9;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px;--r-2xl:20px;--r-full:9999px;--sh-sm:0 1px 3px rgba(0,0,0,0.4);--sh-md:0 4px 12px rgba(0,0,0,0.5);--sh-lg:0 8px 28px rgba(0,0,0,0.6);--sh-xl:0 16px 48px rgba(0,0,0,0.7)}.ds-h1{font-size:28px;font-weight:800;letter-spacing:-.6px;line-height:1.2}.ds-h1,.ds-h2{color:var(--ds-t1)}.ds-h2{font-size:22px;font-weight:700;letter-spacing:-.4px}.ds-h3{font-size:16px}.ds-h3,.ds-h4{font-weight:600;color:var(--ds-t1)}.ds-body,.ds-h4{font-size:14px}.ds-body{color:var(--ds-t2);line-height:1.6}.ds-caption{font-size:12px;color:var(--ds-t3)}.ds-overline{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--ds-t3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-weight:600;font-size:14px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:all .15s ease;height:36px;padding:0 16px;line-height:1;outline:none}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-sm{height:30px;padding:0 12px;font-size:12px;border-radius:var(--r-sm)}.btn-lg{height:42px;padding:0 22px;font-size:15px;border-radius:var(--r-lg)}.btn-primary{background:var(--ds-blue);color:#fff;border-color:var(--ds-blue)}.btn-primary:hover{background:var(--ds-blue-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.35)}.btn-secondary{background:var(--ds-hover);color:var(--ds-t1);border-color:var(--ds-border-2)}.btn-secondary:hover{background:#323238;border-color:#52525b}.btn-outline{background:transparent;color:var(--ds-t2);border-color:var(--ds-border-2)}.btn-outline:hover{color:var(--ds-t1);border-color:var(--ds-blue);background:var(--ds-blue-subtle)}.btn-success{background:var(--ds-green);color:#fff;border-color:var(--ds-green)}.btn-success:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.btn-danger{background:transparent;color:var(--ds-red);border-color:rgba(239,68,68,.35)}.btn-danger:hover{background:var(--ds-red);color:#fff;border-color:var(--ds-red);box-shadow:0 4px 12px rgba(239,68,68,.3);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--ds-t3);border-color:transparent}.btn-ghost:hover{background:var(--ds-hover);color:var(--ds-t1)}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--r-md)}.btn-icon.btn-sm{width:30px;height:30px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--r-full);font-size:11px;font-weight:700;border:1px solid transparent;white-space:nowrap}.badge-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-default{background:var(--ds-hover);color:var(--ds-t2);border-color:var(--ds-border-2)}.badge-success{background:rgba(16,185,129,.1);color:#10b981;border-color:rgba(16,185,129,.2)}.badge-warning{background:rgba(245,158,11,.1);color:#f59e0b;border-color:rgba(245,158,11,.2)}.badge-danger{background:rgba(239,68,68,.1);color:#ef4444;border-color:rgba(239,68,68,.2)}.badge-info{background:rgba(14,165,233,.1);color:#0ea5e9;border-color:rgba(14,165,233,.2)}.badge-blue{background:rgba(37,99,235,.1);color:#60a5fa;border-color:rgba(37,99,235,.2)}.badge-purple{background:rgba(139,92,246,.1);color:#a78bfa;border-color:rgba(139,92,246,.2)}.ds-panel{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.ds-panel-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.ds-panel-clickable:hover{border-color:var(--ds-border-2);box-shadow:var(--sh-md);transform:translateY(-2px)}.ds-stat{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh-sm)}.ds-stat-icon{font-size:20px;display:block;margin-bottom:10px}.ds-stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--ds-t3)}.ds-stat-value{font-size:28px;font-weight:800;line-height:1.15;margin-top:4px;letter-spacing:-.5px}.ds-stat-delta{font-size:12px;color:var(--ds-t3);margin-top:4px}.ds-slot{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--r-lg);padding:18px;transition:border-color .15s,box-shadow .15s}.ds-slot-busy{border-color:rgba(239,68,68,.25);background:linear-gradient(160deg,rgba(239,68,68,.06) 0,var(--ds-surface) 50%)}.ds-slot-available{border-color:rgba(16,185,129,.2);background:linear-gradient(160deg,rgba(16,185,129,.05) 0,var(--ds-surface) 50%)}.ds-slot-reserved{border-color:rgba(245,158,11,.25);background:linear-gradient(160deg,rgba(245,158,11,.06) 0,var(--ds-surface) 50%)}.ds-slot:hover{box-shadow:var(--sh-md);transform:translateY(-2px);transition:all .15s}.ds-game-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--r-lg);overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.ds-game-card:hover{border-color:var(--ds-blue);box-shadow:0 0 0 2px var(--ds-blue-border),var(--sh-lg);transform:scale(1.03)}.ds-game-card.selected{border-color:var(--ds-blue);box-shadow:0 0 0 2px var(--ds-blue)}.ds-game-card-img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:var(--ds-hover)}.ds-game-card-img-placeholder{width:100%;aspect-ratio:3/4;background:linear-gradient(145deg,var(--ds-hover),var(--ds-surface-2));display:flex;align-items:center;justify-content:center;font-size:40px}.ds-game-card-body{padding:10px 12px}.ds-game-card-name{font-size:13px;font-weight:700;color:var(--ds-t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-game-card-meta{font-size:11px;color:var(--ds-t3);margin-top:2px}.ds-game-card-check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--ds-blue);color:#fff;display:none;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:var(--sh-sm)}.ds-game-card.selected .ds-game-card-check{display:flex}.ds-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ds-modal{background:var(--ds-surface);border:1px solid var(--ds-border-2);border-radius:var(--r-xl);box-shadow:var(--sh-xl);width:100%;max-width:540px;max-height:90vh;overflow-y:auto}.ds-modal-lg{max-width:720px}.ds-modal-header{padding:20px 24px 0;display:flex;align-items:center;justify-content:space-between}.ds-modal-title{font-size:18px;font-weight:700;color:var(--ds-t1)}.ds-modal-close{width:30px;height:30px;border-radius:var(--r-sm);background:var(--ds-hover);border:none;color:var(--ds-t3);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s}.ds-modal-close:hover{background:var(--ds-border-2);color:var(--ds-t1)}.ds-modal-body{padding:20px 24px}.ds-modal-footer{padding:0 24px 20px;display:flex;gap:10px;justify-content:flex-end}.ds-divider{border:none;border-top:1px solid var(--ds-border)}.ds-table-wrap{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--r-lg);overflow-x:auto;overflow-y:hidden;box-shadow:var(--sh-sm)}.ds-table{width:100%;border-collapse:collapse}.ds-table thead th{padding:10px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--ds-t3);text-align:left;background:var(--ds-surface-2);white-space:nowrap}.ds-table tbody td,.ds-table thead th{border-bottom:1px solid var(--ds-border)}.ds-table tbody td{padding:13px 16px;font-size:14px;color:var(--ds-t1)}.ds-table tbody tr:last-child td{border-bottom:none}.ds-table tbody tr:hover td{background:var(--ds-hover)}.td-muted{color:var(--ds-t3)!important;font-size:13px!important}.td-right{text-align:right!important}.td-center{text-align:center!important}.ds-label{font-size:12px;font-weight:600;color:var(--ds-t2);display:block;margin-bottom:6px}.ds-label.required:after{content:" *";color:var(--ds-red)}.ds-input{width:100%;height:38px;padding:0 12px;background:var(--ds-hover);border:1px solid var(--ds-border-2);border-radius:var(--r-md);font-size:14px;color:var(--ds-t1);font-family:inherit;transition:border-color .15s,box-shadow .15s}.ds-input:focus{border-color:var(--ds-blue);box-shadow:0 0 0 3px rgba(37,99,235,.12);outline:none}.ds-input::placeholder{color:var(--ds-t4)}.ds-input-error{border-color:var(--ds-red)}.ds-input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.12)}.ds-hint{color:var(--ds-t3)}.ds-error,.ds-hint{font-size:11px;margin-top:4px}.ds-error{color:var(--ds-red)}.ds-select{width:100%;height:38px;padding:0 36px 0 12px;background:var(--ds-hover);border:1px solid var(--ds-border-2);border-radius:var(--r-md);font-size:14px;color:var(--ds-t1);font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .15s}.ds-select:focus{border-color:var(--ds-blue);outline:none;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.ds-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.ds-page-title{font-size:26px;font-weight:800;color:var(--ds-t1);margin:0;letter-spacing:-.5px}.ds-page-subtitle{font-size:13px;color:var(--ds-t3);margin-top:4px}.ds-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--r-md);border:1px solid transparent;font-size:13px;line-height:1.5}.ds-alert-info{background:rgba(14,165,233,.07);border-color:rgba(14,165,233,.2);color:#7dd3fc}.ds-alert-success{background:rgba(16,185,129,.07);border-color:rgba(16,185,129,.2);color:#6ee7b7}.ds-alert-warning{background:rgba(245,158,11,.07);border-color:rgba(245,158,11,.2);color:#fcd34d}.ds-alert-danger{background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.2);color:#fca5a5}.ds-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px;text-align:center}.ds-empty-icon{font-size:42px;margin-bottom:12px}.ds-empty-title{font-size:15px;font-weight:700;color:var(--ds-t2)}.ds-empty-sub{font-size:13px;color:var(--ds-t3);margin-top:4px}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.ds-skeleton{background:linear-gradient(90deg,var(--ds-hover) 25%,#323238 50%,var(--ds-hover) 75%);background-size:1200px 100%;animation:shimmer 1.5s linear infinite;border-radius:var(--r-md)}.btn:focus-visible{outline:2px solid var(--ds-blue);outline-offset:2px;box-shadow:0 0 0 4px rgba(37,99,235,.15)}.ds-input:focus-visible,.ds-modal-close:focus-visible,.ds-select:focus-visible{outline:2px solid var(--ds-blue);outline-offset:2px}.btn-ghost-danger{background:transparent;color:var(--ds-border-2);border-color:transparent}.btn-ghost-danger:hover{background:rgba(239,68,68,.1);color:var(--ds-red);border-color:rgba(239,68,68,.2)}.ds-grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.ds-grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.ds-grid-5{display:grid;grid-template-columns:repeat(5,1fr)}.ds-grid-2{display:grid;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.ds-grid-4,.ds-grid-5{grid-template-columns:repeat(2,1fr)}.ds-page-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:20px}.ds-modal,.ds-modal-lg{max-width:calc(100vw - 32px)!important}.ds-modal-header{padding:16px 16px 0}.ds-modal-body{padding:16px}.ds-modal-footer{padding:0 16px 16px}}@media (max-width:480px){.ds-stat{padding:14px}.ds-stat-value{font-size:22px}.ds-modal-backdrop{padding:10px}.slot-card-wrap{aspect-ratio:unset!important}}@media (max-width:380px){.ds-grid-3,.ds-grid-4,.ds-grid-5{grid-template-columns:repeat(2,1fr)}.ds-grid-2{grid-template-columns:1fr}.ds-stat{padding:12px}.ds-stat-value{font-size:20px}.ds-stat-label{font-size:10px}.ds-page-title{font-size:18px!important}.ds-modal-backdrop{padding:8px}.ds-modal,.ds-modal-lg{max-width:100%!important;border-radius:12px}.btn{height:32px;padding:0 12px;font-size:13px}.ds-empty{padding:32px 16px}.ds-empty-icon{font-size:32px}}@media (max-width:560px){.booking-start-grid{grid-template-columns:1fr!important}.booking-start-grid .booking-col-divider{display:none}.booking-start-grid>div:first-child{padding-right:0!important}.booking-start-grid>div:last-child{padding-left:0!important;border-top:1px solid var(--ds-border);padding-top:14px}}@media (max-width:700px){.booking-complete-grid{grid-template-columns:1fr!important}.booking-col-divider{display:none!important}.booking-complete-col{padding-left:0!important;padding-right:0!important;border-bottom:1px solid var(--ds-border);padding-bottom:16px;margin-bottom:4px}.booking-complete-col:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}}@keyframes slideInRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}