:root{--font-main:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Rajdhani", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-title:"Cinzel", serif;--bg-darkest:#070c18;--bg-main:#0b1325;--bg-card:#0f1a32;--bg-card-hover:#142444;--bg-elevated:#162648;--bg-subnav:#0a1224;--bg-input:#080e1d;--border-subtle:#192e52;--border-strong:#234274;--border-accent:#38bdf866;--border-gold:#f59e0b73;--primary:#0284c7;--primary-hover:#0369a1;--primary-light:#38bdf8;--accent-cyan:#38bdf8;--accent-cyan-glow:#38bdf880;--accent-gold:#f59e0b;--accent-gold-light:#fbbf24;--accent-emerald:#10b981;--accent-rose:#ef4444;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--text-cyan:#7dd3fc;--text-gold:#fde047;--fast-track-bg:#d9770626;--fast-track-border:#f59e0b66;--fast-track-text:#fbbf24;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-full:9999px;--shadow-sm:0 2px 4px #0006;--shadow-card:0 6px 24px #04081299, 0 0 0 1px var(--border-subtle);--shadow-cyan-glow:0 0 16px #38bdf859;--shadow-gold-glow:0 0 16px #f59e0b4d;--shadow-modal:0 24px 48px #000c, 0 0 0 1px var(--border-strong)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-darkest);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 50% 0,#0e74cc40 0%,#0000 65%),radial-gradient(circle at 10% 20%,#38bdf814 0%,#0000 45%),radial-gradient(circle at 90% 60%,#f59e0b0d 0%,#0000 45%),radial-gradient(circle at 50% 100%,#0a1224e6 0%,#0000 75%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#060a14}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#1e355c}::-webkit-scrollbar-thumb:hover{background:#38bdf8;box-shadow:0 0 8px #38bdf899}.font-gamer,.font-display{font-family:var(--font-display);letter-spacing:.02em}.font-mlbb-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;font-weight:700}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:.01em;color:#fff;font-weight:700}.btn{border-radius:var(--radius-sm);font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 16px;font-size:.86rem;font-weight:700;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.btn:active{transform:translateY(1px)}.btn-mlbb-cyan,.btn-primary{color:#fff;text-shadow:0 1px 2px #0006;background:linear-gradient(#38bdf8 0%,#0284c7 65%,#0369a1 100%);border:1px solid #7dd3fc;box-shadow:0 0 16px #38bdf873,inset 0 1px #fff9}.btn-mlbb-cyan:hover,.btn-primary:hover{background:linear-gradient(#7dd3fc 0%,#0ea5e9 60%,#0284c7 100%);border-color:#bae6fd;box-shadow:0 0 20px #38bdf8a6,inset 0 1px #fffc}.btn-gold{color:#fff;text-shadow:0 1px 2px #0006;background:linear-gradient(#fbbf24 0%,#d97706 65%,#b45309 100%);border:1px solid #fde68a;box-shadow:0 0 16px #f59e0b59,inset 0 1px #ffffff80}.btn-gold:hover{background:linear-gradient(#fde047 0%,#f59e0b 60%,#d97706 100%);border-color:#fef08a;box-shadow:0 0 22px #f59e0b8c,inset 0 1px #ffffffb3}.btn-success{color:#fff;text-shadow:0 1px 2px #0006;background:linear-gradient(#34d399 0%,#059669 65%,#047857 100%);border:1px solid #a7f3d0;box-shadow:0 0 14px #10b98166,inset 0 1px #ffffff80}.btn-success:hover{background:linear-gradient(#6ee7b7 0%,#10b981 60%,#059669 100%);box-shadow:0 0 20px #10b98199,inset 0 1px #ffffffb3}.btn-danger{color:#fff;text-shadow:0 1px 2px #0006;background:linear-gradient(#f87171 0%,#dc2626 65%,#991b1b 100%);border:1px solid #fecaca;box-shadow:0 0 14px #ef444466,inset 0 1px #ffffff80}.btn-danger:hover{background:linear-gradient(#fca5a5 0%,#ef4444 60%,#dc2626 100%);box-shadow:0 0 20px #ef444499,inset 0 1px #ffffffb3}.btn-outline{color:#cbd5e1;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e192ecc}.btn-outline:hover{color:#fff;background:#162646f2;border-color:#38bdf8;box-shadow:0 0 12px #38bdf840}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:#fff;background:#38bdf814}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:.8rem}.btn-lg{padding:11px 22px;font-size:.96rem;font-weight:700}.glass-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:linear-gradient(#101b32f5 0%,#0c1426f5 100%);position:relative}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#38bdf859,#0000);height:1px;position:absolute;top:0;left:0;right:0}.badge{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;align-items:center;gap:5px;padding:3px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.badge-patch{color:#7dd3fc;background:#0ea5e929;border:1px solid #38bdf866}.badge-fast-track{background:var(--fast-track-bg);color:var(--fast-track-text);border:1px solid var(--fast-track-border)}.badge-regular{color:#94a3b8;background:#94a3b81a;border:1px solid #94a3b838}.badge-offline{color:#94a3b8;background:#64748b26;border:1px solid #64748b40}.mlbb-subnav-container{border-radius:var(--radius-sm);background:linear-gradient(#0d1729 0%,#0a1120 100%);border-top:1px solid #1a2c4e;border-bottom:1px solid #1a2c4e;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 12px;display:flex;overflow-x:auto;box-shadow:0 4px 16px #00000080}.mlbb-subnav-tabs{align-items:stretch;gap:4px;display:flex}.mlbb-tab-button{color:#8da0b8;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-size:.92rem;font-weight:700;transition:all .2s;display:flex;position:relative}.mlbb-tab-button:hover{color:#e0f2fe;background:#38bdf80d}.mlbb-tab-button.active{color:#fff;text-shadow:0 0 10px #38bdf899;background:linear-gradient(#38bdf838 0%,#38bdf805 100%);border-bottom:2px solid #38bdf8;box-shadow:0 4px 14px #38bdf899}.mlbb-tab-button.active:before{content:"";background:#7dd3fc;height:1px;position:absolute;top:0;left:20%;right:20%;box-shadow:0 0 8px #38bdf8}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-label{font-family:var(--font-display);letter-spacing:.02em;color:#94a3b8;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;display:flex}.form-control,.form-input{border-radius:var(--radius-sm);color:#f1f5f9;width:100%;font-family:var(--font-main);box-sizing:border-box;background:#080e1d;border:1px solid #1e3a66;outline:none;padding:10px 14px;font-size:.88rem;transition:all .2s}.form-control:focus,.form-input:focus{background:#0b152a;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf840,0 0 14px #38bdf833}.form-control::placeholder,.form-input::placeholder{color:#64748b}select.form-control,select.form-input{color:#f1f5f9;cursor:pointer;background-color:#080e1d}select.form-control option,select.form-input option{color:#f1f5f9;background-color:#0b1325;padding:8px}.modal-overlay,.modal-backdrop{-webkit-backdrop-filter:blur(6px);z-index:1100;overscroll-behavior:contain;background:#030712d9;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content,.modal-card{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-modal), 0 0 30px #38bdf826;background:linear-gradient(#101c34 0%,#0b1324 100%);animation:.18s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto}.modal-content:before,.modal-card:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(90deg,#0000,#38bdf8,#fbbf24,#0000);height:2px;position:absolute;top:0;left:0;right:0}.modal-content::-webkit-scrollbar{width:6px;height:6px}.modal-card::-webkit-scrollbar{width:6px;height:6px}.modal-backdrop::-webkit-scrollbar{width:6px;height:6px}div::-webkit-scrollbar{width:6px;height:6px}.modal-content::-webkit-scrollbar-track{background:#080e1d80}.modal-card::-webkit-scrollbar-track{background:#080e1d80}.modal-backdrop::-webkit-scrollbar-track{background:#080e1d80}div::-webkit-scrollbar-track{background:#080e1d80}.modal-content::-webkit-scrollbar-thumb{background:#1e3a66;border-radius:3px}.modal-card::-webkit-scrollbar-thumb{background:#1e3a66;border-radius:3px}.modal-backdrop::-webkit-scrollbar-thumb{background:#1e3a66;border-radius:3px}div::-webkit-scrollbar-thumb{background:#1e3a66;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#38bdf8}.modal-card::-webkit-scrollbar-thumb:hover{background:#38bdf8}.modal-backdrop::-webkit-scrollbar-thumb:hover{background:#38bdf8}div::-webkit-scrollbar-thumb:hover{background:#38bdf8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.app-container{max-width:1400px;margin:0 auto;padding:16px 20px 60px}html.forced-desktop-view,body.forced-desktop-view{min-width:1240px!important;overflow-x:auto!important}html.forced-desktop-view .app-container{width:1240px!important;min-width:1240px!important;max-width:1240px!important;margin:0 auto!important;padding:16px 20px 80px!important}html.forced-desktop-view .mlbb-room-layout{flex-direction:row!important;display:flex!important}html.forced-desktop-view .mlbb-room-slots-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;display:grid!important}html.forced-desktop-view .mlbb-mobile-swipe-hint{display:none!important}.mlbb-mobile-swipe-hint{display:none}@media (width<=900px){.header-btn-label{display:none!important}html:not(.forced-desktop-view) .app-container{max-width:100vw!important;padding:8px 10px 80px!important;overflow-x:hidden!important}html:not(.forced-desktop-view) .mlbb-header-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}html:not(.forced-desktop-view) .mlbb-header-left{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}html:not(.forced-desktop-view) .mlbb-header-center{justify-content:space-between!important;align-items:center!important;width:100%!important;padding:4px 10px!important;display:flex!important}html:not(.forced-desktop-view) .mlbb-header-right{flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}html:not(.forced-desktop-view) .mlbb-room-layout{flex-direction:column!important;gap:14px!important}html:not(.forced-desktop-view) .mlbb-room-slots-wrapper{width:100%!important;min-width:0!important;padding:12px 10px!important}html:not(.forced-desktop-view) .mlbb-room-side-queue{width:100%!important;max-height:420px!important}html:not(.forced-desktop-view) .mlbb-subnav-container{-webkit-overflow-scrolling:touch!important;padding:0 4px!important;overflow-x:auto!important}html:not(.forced-desktop-view) .mlbb-subnav-tabs{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;overflow-x:auto!important}html:not(.forced-desktop-view) .mlbb-tab-button{flex-shrink:0!important;padding:10px 14px!important;font-size:.8rem!important}html:not(.forced-desktop-view) .modal-content,html:not(.forced-desktop-view) .modal-card{width:95vw!important;max-width:95vw!important;max-height:88vh!important;margin:8px auto!important;padding:16px!important}}@media (width<=900px) and (orientation:portrait){html:not(.forced-desktop-view) .mlbb-mobile-swipe-hint{color:#38bdf8!important;text-align:center!important;background:#38bdf814!important;border:1px dashed #38bdf859!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;margin-bottom:12px!important;padding:6px 10px!important;font-size:.72rem!important;font-weight:700!important;display:flex!important}html:not(.forced-desktop-view) .mlbb-room-slots-grid{scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;gap:10px!important;padding-bottom:10px!important;display:flex!important;overflow-x:auto!important}html:not(.forced-desktop-view) .mlbb-room-slots-grid>div{scroll-snap-align:start!important;flex-shrink:0!important;width:160px!important;min-width:160px!important}}@media (height<=560px) and (orientation:landscape){.app-container{padding:6px 12px 60px!important}.mlbb-room-slots-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;display:grid!important}.mlbb-room-layout{flex-direction:row!important;gap:10px!important;display:flex!important}.mlbb-room-side-queue{width:280px!important}.mlbb-mobile-swipe-hint{display:none!important}}@media (width<=640px){.public-customers-grid{grid-template-columns:1fr!important}}