:root{--bapenda-blue:#0b4ea2;--bapenda-blue-dark:#07356f;--sidebar-accent:#295152;--sidebar-accent-strong:#10475a;--sidebar-accent-soft:#52744d;--bapenda-green:#2e8b57;--bapenda-yellow:#f4c430;--bapenda-red:#dc3545;--bapenda-bg:#fff;--bapenda-soft:#f3f6fa;--bapenda-card:#f7f9fc;--bapenda-line:#dbe3ee;--bapenda-text:#2f3744;--bapenda-muted:#6b7788;--radius:14px;--shadow:0 18px 42px #0b4ea21f;--shadow-soft:0 10px 28px #2f374414}*{box-sizing:border-box}body{background:var(--bapenda-bg);min-height:100vh;color:var(--bapenda-text);letter-spacing:0;margin:0;font-family:Instrument Sans,Segoe UI,Arial,sans-serif}a{color:var(--bapenda-blue);text-decoration:none}.fw-black{font-weight:900}.text-muted{color:var(--bapenda-muted)!important}.form-label{color:var(--bapenda-text);font-size:.84rem;font-weight:800}.form-control,.form-select{min-height:44px;color:var(--bapenda-text);border-color:#cfd9e8;border-radius:10px}.form-control:focus,.form-select:focus{border-color:var(--bapenda-blue);box-shadow:0 0 0 .2rem #0b4ea224}.btn{letter-spacing:0;border-radius:10px;font-weight:800;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s}.btn:hover{box-shadow:var(--shadow-soft);transform:translateY(-1px)}.btn-primary,.btn-dark{background:linear-gradient(135deg, var(--sidebar-accent-soft) 0%, var(--sidebar-accent) 53%, var(--sidebar-accent-strong) 100%);border-color:var(--sidebar-accent);color:#fff}.btn-primary:hover,.btn-dark:hover{border-color:var(--sidebar-accent-strong);color:#fff;background:linear-gradient(135deg,#4f6f4a 0%,#23494a 53%,#0d3b4f 100%)}.btn-success,.btn-outline-success:hover{background:var(--bapenda-green);border-color:var(--bapenda-green)}.btn-warning{background:var(--bapenda-yellow);border-color:var(--bapenda-yellow);color:#2f2a10}.btn-danger,.btn-outline-danger:hover{background:var(--bapenda-red);border-color:var(--bapenda-red)}.btn-outline-dark,.btn-outline-primary{border-color:var(--sidebar-accent);color:var(--sidebar-accent)}.btn-outline-dark:hover,.btn-outline-primary:hover{background:linear-gradient(135deg, var(--sidebar-accent-soft) 0%, var(--sidebar-accent) 53%, var(--sidebar-accent-strong) 100%);border-color:var(--sidebar-accent);color:#fff}.content-panel,.metric-card,.queue-card,.registration-panel,.success-panel,.qr-preview-card,.qr-detail-card{border:1px solid var(--bapenda-line);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff}.content-panel{padding:22px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.alert{box-shadow:var(--shadow-soft);border:0;border-radius:12px}.badge.text-bg-primary,.badge.text-bg-dark{background:var(--bapenda-blue)!important}.badge.text-bg-success{background:var(--bapenda-green)!important}.badge.text-bg-warning{background:var(--bapenda-yellow)!important;color:#2f2a10!important}.badge.text-bg-danger{background:var(--bapenda-red)!important}.auth-page{background:#f7f9f5;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.auth-visual{background:radial-gradient(78% 100% at 100% 0,#b2b51b 0%,#b2b51b00 65%),linear-gradient(135deg,#52744d 0%,#295152 53%,#10475a 100%);justify-content:center;align-items:center;padding:clamp(32px,6vw,72px);display:flex;position:relative;overflow:hidden}.auth-visual:before,.auth-visual:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.auth-visual:before{border:52px solid #c3d3b73d;width:min(55vw,760px);height:min(55vw,760px);bottom:-34vw;right:-29vw}.auth-visual:after{border:36px solid #ffffff1a;width:min(38vw,520px);height:min(38vw,520px);top:16%;right:-12vw}.auth-copy{z-index:1;color:#fff;max-width:560px;position:relative}.auth-logos{align-items:center;gap:18px;margin-bottom:34px;display:flex}.auth-logos img{object-fit:contain;background:#fff;border-radius:18px;width:86px;height:86px;padding:10px;box-shadow:0 16px 32px #00000024}.auth-eyebrow{color:#edf0c3;margin:0 0 12px;font-size:1rem;font-weight:900}.auth-copy h1{margin:0 0 22px;font-size:clamp(2rem,4.6vw,4.4rem);font-weight:900;line-height:1.02}.auth-copy p{color:#ffffffe0;max-width:480px;margin:0;line-height:1.75}.auth-form-side{background:linear-gradient(145deg,#f8faf5 0%,#eef3ea 100%);justify-content:center;align-items:center;min-height:100vh;padding:clamp(28px,6vw,72px);display:flex}.login-panel{width:min(100%,520px);box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.login-panel .panel-kicker{color:#52744d;text-align:center;margin-bottom:20px;font-size:.82rem;font-weight:900}.login-panel h2{color:var(--bapenda-text);text-align:center;margin-bottom:10px;font-size:1.8rem;font-weight:900}.login-panel .form-hint,.form-note{color:var(--bapenda-muted);text-align:center}.login-panel .form-hint{margin-bottom:30px}.auth-form-side .form-control:focus{border-color:#52744d;box-shadow:0 0 0 .2rem #52744d24}.auth-form-side .btn-primary{background:linear-gradient(135deg,#52744d,#295152 58%,#10475a);border-color:#295152;box-shadow:0 10px 22px #29515233}.auth-form-side .btn-primary:hover,.auth-form-side .btn-primary:focus{background:linear-gradient(135deg,#456541,#204548 58%,#0d3d4d);border-color:#10475a}.form-note{margin-top:22px;font-size:.8rem;font-weight:700}.app-shell{background:var(--bapenda-soft);grid-template-columns:270px 1fr;min-height:100vh;display:grid}.app-sidebar{color:#fff;background:radial-gradient(78% 100% at 100% 0,#b2b51b 0%,#b2b51b00 65%),linear-gradient(135deg,#52744d 0%,#295152 53%,#10475a 100%);flex-direction:column;align-self:start;height:100vh;padding:26px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:12px;margin-bottom:34px;display:flex}.sidebar-brand img{object-fit:contain;background:#fff;border-radius:14px;width:58px;height:58px;padding:7px}.sidebar-title{font-size:1.05rem;font-weight:900}.sidebar-subtitle{color:#ffffffc7;font-size:.8rem;font-weight:700}.sidebar-nav{gap:8px;display:grid}.sidebar-link{color:#ffffffd6;border-radius:12px;align-items:center;gap:11px;min-height:44px;padding:10px 12px;font-size:.94rem;font-weight:800;display:flex}.sidebar-link i{text-align:center;width:22px}.sidebar-link.active,.sidebar-link:hover{color:#fff;background:#ffffff26}.sidebar-link.active{box-shadow:inset 4px 0 0 var(--bapenda-yellow)}.sidebar-sub-link{margin-left:16px}.sidebar-logout-form{margin-top:auto}.sidebar-logout{background:var(--bapenda-red);color:#fff;text-align:left}.sidebar-logout:hover,.sidebar-logout:focus{color:#fff;background:#b42332}.app-main{min-width:0;padding:26px clamp(22px,3vw,44px) 42px}.admin-navbar{color:#fff;min-height:76px;box-shadow:var(--shadow);background:radial-gradient(78% 100% at 100% 0,#b2b51b 0%,#b2b51b00 65%),linear-gradient(135deg,#52744d 0%,#295152 53%,#10475a 100%);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;padding:14px 18px;display:flex}.admin-user{align-items:center;gap:12px;display:flex}.admin-user .small{color:#ffffffc2}.admin-avatar{color:#fff;background:#ffffff29;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.navbar-logos{color:#ffffffc7;align-items:center;gap:10px;font-size:.78rem;font-weight:800;display:flex}.navbar-logos img{object-fit:contain;background:#fff;border-radius:10px;width:42px;height:42px;padding:5px}.metric-card{min-height:145px;padding:18px;position:relative;overflow:hidden}.dashboard-monitor-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);grid-template-areas:"metrics metrics""filter filter""donut loket""weekly line";gap:18px;display:grid}.dashboard-header{margin-bottom:18px}.dashboard-clock-card{border:1px solid var(--bapenda-line);min-width:178px;box-shadow:var(--shadow-soft);text-align:right;background:#fff;border-radius:16px;gap:2px;padding:12px 16px;display:grid}.dashboard-clock-card span,.dashboard-clock-card small{color:var(--bapenda-muted);font-size:.82rem;font-weight:900}.dashboard-clock-card strong{color:var(--bapenda-blue-dark);font-size:1rem;font-weight:900}.dashboard-metrics{grid-area:metrics;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.dashboard-chart-toolbar{grid-area:filter;justify-content:flex-end;align-items:center;gap:10px;display:flex}.dashboard-chart-toolbar label{color:var(--bapenda-muted);font-size:.84rem;font-weight:900}.dashboard-chart-toolbar .form-select{border-radius:12px;width:auto;min-width:150px;min-height:40px;font-weight:900}.dashboard-metric{align-items:center;gap:16px;min-height:126px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex}.dashboard-metric:hover{transform:translateY(-3px);box-shadow:0 18px 38px #0a1f441f}.dashboard-metric .metric-icon{flex:none;width:54px;height:54px;margin:0;font-size:1.45rem}.dashboard-metric .metric-value{margin-top:8px;font-size:clamp(2rem,2.8vw,3rem)}.metric-icon{color:#fff;border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:16px;font-size:1.18rem;display:grid}.metric-blue .metric-icon{background:var(--bapenda-blue)}.metric-green .metric-icon{background:var(--bapenda-green)}.metric-yellow .metric-icon{background:var(--bapenda-yellow);color:#2f2a10}.metric-red .metric-icon{background:var(--bapenda-red)}.metric-value{color:var(--bapenda-blue-dark);margin-top:8px;font-size:2.25rem;font-weight:900;line-height:1}.service-chart{gap:16px;display:grid}.progress{background:#e8eef7;border-radius:999px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--bapenda-blue), var(--bapenda-green))}.dashboard-card{min-height:0;padding:20px}.dashboard-card-title{color:var(--bapenda-blue-dark);margin:0 0 16px;font-size:1rem;font-weight:900}.dashboard-donut-card{grid-area:donut}.dashboard-weekly-card{grid-area:weekly}.dashboard-line-card{grid-area:line}.dashboard-loket-card{grid-area:loket}.donut-layout{grid-template-columns:240px minmax(0,1fr);align-items:center;gap:26px;min-height:286px;display:grid}.status-donut{aspect-ratio:1;border-radius:999px;place-items:center;width:240px;display:grid;box-shadow:inset 0 0 0 1px #cfd9e8b8,0 16px 32px #0a1f4414}.status-donut>div{aspect-ratio:1;background:#fff;border-radius:999px;align-content:center;place-items:center;width:132px;display:grid;box-shadow:0 8px 22px #0a1f4414}.status-donut strong{color:var(--bapenda-blue-dark);font-size:2.4rem;font-weight:900;line-height:1}.status-donut span{color:var(--bapenda-muted);text-align:center;font-size:.74rem;font-weight:900}.donut-legend{gap:12px;display:grid}.donut-legend div{border:1px solid var(--bapenda-line);background:var(--bapenda-card);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 12px;display:grid}.legend-dot{border-radius:999px;width:11px;height:11px}.donut-legend strong,.donut-legend small{font-weight:900}.donut-legend small{color:var(--bapenda-blue-dark)}.weekly-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;height:232px;padding-bottom:2px;display:grid;overflow-x:auto}.weekly-bars.is-dense{grid-auto-columns:minmax(24px,1fr);gap:7px}.weekly-bar-item{text-align:center;grid-template-rows:auto 1fr auto;gap:8px;min-width:0;height:100%;display:grid}.weekly-bar-value,.weekly-bar-item span{color:var(--bapenda-muted);font-size:.72rem;font-weight:900}.weekly-bar-track{background:#edf3f7;border-radius:14px;align-items:end;min-height:0;display:flex;overflow:hidden}.weekly-bar-fill{background:linear-gradient(180deg, var(--sidebar-accent-soft), var(--sidebar-accent));border-radius:14px 14px 0 0;width:100%;min-height:8px}.monthly-line-chart{min-width:0}.monthly-line-chart svg{background:linear-gradient(#f8fbff,#eef4f8);border-radius:16px;width:100%;height:232px;display:block}.monthly-line-chart circle{fill:var(--sidebar-accent)}.line-chart-area{fill:#2e8b571a;stroke:none}.line-chart-line{fill:none;stroke:var(--sidebar-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:4px}.line-chart-value{fill:var(--bapenda-blue-dark);text-anchor:middle;font-size:13px;font-weight:900}.line-axis{color:var(--bapenda-muted);justify-content:space-between;gap:8px;margin-top:8px;font-size:.72rem;font-weight:900;display:flex}.loket-activity-list{gap:9px;display:grid}.loket-activity-list article{border:1px solid var(--bapenda-line);background:var(--bapenda-card);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;display:flex}.loket-activity-list strong,.loket-activity-list span,.loket-activity-list p{display:block}.loket-activity-list strong{color:var(--bapenda-blue-dark);font-weight:900}.loket-activity-list span{color:var(--bapenda-muted);font-size:.76rem;font-weight:800}.loket-activity-list p{color:var(--sidebar-accent-strong);white-space:nowrap;margin:0;font-weight:900}.dashboard-section-heading,.dashboard-manual-reset{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.dashboard-section-heading{margin-bottom:18px}.dashboard-reset-note{border:1px solid var(--bapenda-line);background:var(--bapenda-card);color:var(--sidebar-accent-strong);border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.82rem;font-weight:900;display:inline-flex}.dashboard-manual-reset{border-top:1px solid var(--bapenda-line);margin-top:22px;padding-top:20px}.settings-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.settings-page-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.settings-page-nav-compact{border-bottom:1px solid var(--bapenda-line);margin-bottom:20px;padding-bottom:16px}.settings-back-link{border:1px solid var(--bapenda-line);min-height:42px;color:var(--sidebar-accent-strong);box-shadow:var(--shadow-soft);background:#fff;border-radius:12px;align-items:center;gap:9px;padding:9px 14px;font-weight:900;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.settings-back-link:hover{border-color:var(--sidebar-accent);color:var(--sidebar-accent-strong);transform:translateY(-1px);box-shadow:0 14px 28px #0a1f441a}.settings-breadcrumb{color:var(--bapenda-muted);align-items:center;gap:8px;font-size:.84rem;font-weight:900;display:inline-flex}.settings-breadcrumb a{color:var(--sidebar-accent)}.settings-breadcrumb span{color:var(--bapenda-blue-dark)}.settings-breadcrumb i{color:#9aa8b8;font-size:.72rem}.settings-hub-card{border:1px solid var(--bapenda-line);min-height:166px;box-shadow:var(--shadow-soft);color:var(--bapenda-text);background:#fff;border-radius:18px;align-content:start;gap:12px;padding:22px;transition:transform .2s,box-shadow .2s;display:grid}.settings-hub-card:hover{color:var(--bapenda-text);transform:translateY(-3px);box-shadow:0 20px 42px #0a1f441f}.settings-hub-icon{background:linear-gradient(135deg, var(--sidebar-accent-soft), var(--sidebar-accent));color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;font-size:1.35rem;display:grid}.settings-hub-card strong{color:var(--bapenda-blue-dark);font-size:1.05rem;font-weight:900}.settings-hub-card small{color:var(--bapenda-muted);font-weight:800;line-height:1.55}.table{vertical-align:middle;margin-bottom:18px}.table thead th{border-bottom:1px solid var(--bapenda-line);color:var(--bapenda-blue-dark);text-transform:uppercase;font-size:.78rem;font-weight:900}.table tbody td{height:56px;color:var(--bapenda-text);font-size:.92rem}.table tbody tr:hover{background:#f8fbff}.table-footer{justify-content:space-between;align-items:center;gap:20px;font-size:.82rem;font-weight:800;display:flex}.pagination-box{border:1px solid var(--bapenda-line);min-width:34px;height:34px;color:var(--bapenda-blue);border-radius:10px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.qr-code-panel{place-items:center;padding:clamp(10px,2vw,22px) 0;display:grid}.qr-preview-card,.qr-detail-card{min-width:0;padding:24px}.qr-preview-card{background:linear-gradient(#fffffffa,#f7f9fcfa);border-radius:22px;justify-items:center;gap:24px;width:min(100%,760px);padding:clamp(28px,4vw,46px);display:grid;box-shadow:0 24px 60px #0a1f441f}.qr-heading{text-align:center;justify-items:center;gap:12px;max-width:620px;display:grid}.qr-heading-icon{background:linear-gradient(135deg, var(--sidebar-accent-soft), var(--sidebar-accent) 58%, var(--sidebar-accent-strong));color:#fff;border-radius:18px;place-items:center;width:58px;height:58px;font-size:1.65rem;display:grid;box-shadow:0 14px 28px #2951522e}.qr-heading h1{color:var(--bapenda-blue-dark);margin:0;font-size:clamp(1.75rem,3vw,2.45rem);font-weight:900;line-height:1.12}.qr-heading p{color:var(--bapenda-muted);margin:0;font-size:1rem;font-weight:700;line-height:1.7}.qr-preview{aspect-ratio:1;background:#fff;border:1px solid #cfd9e8e6;border-radius:24px;place-items:center;width:min(100%,430px);padding:clamp(18px,3vw,30px);display:grid;box-shadow:0 18px 36px #0a1f4414}.qr-preview svg,.qr-preview img{width:100%;height:auto;display:block}.qr-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.qr-actions .btn{justify-content:center;align-items:center;min-height:50px;padding-inline:24px;display:inline-flex;box-shadow:0 14px 28px #2951522e}.qr-tips{background:#f3f6fac7;border:1px solid #cfd9e8e6;border-radius:18px;width:min(100%,560px);padding:20px 22px}.qr-tips-title{color:var(--sidebar-accent-strong);align-items:center;gap:9px;margin-bottom:12px;font-weight:900;display:flex}.qr-tips-title i{color:var(--sidebar-accent);font-size:1.15rem}.qr-tips ol{color:var(--bapenda-text);gap:7px;margin:0;padding-left:21px;font-weight:700;line-height:1.55;display:grid}.qr-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.qr-meta-grid div{border:1px solid var(--bapenda-line);background:var(--bapenda-card);border-radius:12px;padding:14px}.qr-meta-grid span{color:var(--bapenda-muted);text-transform:uppercase;font-size:.76rem;font-weight:900;display:block}.qr-meta-grid strong{color:var(--bapenda-blue-dark);margin-top:4px;font-weight:900;display:block}.queue-page{padding:clamp(22px,4vw,48px)}.single-loket{background:radial-gradient(78% 100% at 100% 0,#b2b51b 0%,#b2b51b00 65%),linear-gradient(135deg,#52744d 0%,#295152 53%,#10475a 100%);place-items:center;min-height:100vh;display:grid}.loket-dashboard{grid-template-columns:minmax(0,780px) minmax(300px,360px);align-items:start;gap:clamp(18px,3vw,28px);width:min(100%,1180px);display:grid}.single-loket .queue-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border-color:#ffffff8c;width:100%;position:relative}.logout-form{position:absolute;top:clamp(24px,4vw,38px);right:clamp(24px,4vw,38px)}.logout-button,.logout-button:hover,.logout-button:focus{color:#fff}.queue-card{padding:clamp(24px,4vw,38px)}.operator-brand{align-items:center;gap:14px;margin-bottom:26px;display:flex}.operator-brand img{object-fit:contain;width:58px;height:58px}.operator-brand span,.queue-label{color:var(--bapenda-muted);text-transform:uppercase;margin:0 0 6px;font-size:.8rem;font-weight:900;display:block}.operator-brand strong{color:var(--bapenda-blue-dark)}.queue-card-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.queue-card h2{color:var(--bapenda-blue-dark);text-transform:uppercase;margin:0;font-size:1.45rem;font-weight:900}.status-badge{color:var(--bapenda-green);background:#2e8b571f;border-radius:999px;padding:7px 14px;font-size:.76rem;font-weight:900}.queue-number{color:var(--bapenda-blue);margin-bottom:28px;font-size:clamp(4.2rem,12vw,8.5rem);font-weight:900;line-height:.95}.queue-service-status{color:var(--sidebar-accent-strong);text-transform:uppercase;margin:-16px 0 28px;font-size:1rem;font-weight:900}.loket-actions{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.action-button{width:100%;min-height:82px;font-size:1.08rem}.recall-button{background:var(--bapenda-blue);color:#fff;border:0;box-shadow:0 10px 22px #0b4ea247}.recall-button:hover,.recall-button:focus{background:var(--bapenda-blue-dark);color:#fff;box-shadow:0 12px 26px #0b4ea25c}.next-button{color:#fff;background:#f97316;border:0;box-shadow:0 10px 22px #ea580c47}.next-button:hover,.next-button:focus{color:#fff;background:#ea580c;box-shadow:0 12px 26px #ea580c5c}.waiting-card{background:#ffffffeb;border:1px solid #ffffffc2;border-radius:18px;flex-direction:column;align-self:start;height:fit-content;min-height:auto;padding:clamp(22px,3vw,30px);display:flex;box-shadow:0 26px 62px #0a1f4433}.waiting-card-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.waiting-title{align-items:center;gap:12px;display:flex}.waiting-title i{width:42px;height:42px;color:var(--bapenda-blue);background:#0b4ea21a;border-radius:14px;place-items:center;font-size:1.35rem;display:grid}.waiting-title h2{color:var(--bapenda-blue-dark);margin:0;font-size:1.05rem;font-weight:900}.waiting-count{color:var(--bapenda-green);background:#2e8b571f;border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem;font-weight:900}.waiting-summary,.waiting-list{grid-template-columns:1fr;gap:10px;display:grid}.waiting-summary{text-align:center;flex:none;align-content:center;place-items:center}.waiting-summary span,.waiting-summary small{color:var(--bapenda-muted);text-transform:uppercase;font-weight:900}.waiting-summary span{font-size:1.1rem}.waiting-summary strong{color:var(--bapenda-blue);font-size:clamp(5rem,13vw,9rem);font-weight:900;line-height:.9}.waiting-summary small{font-size:.96rem}.waiting-number,.waiting-empty{background:#fff;border:1px solid #0b4ea214;border-radius:14px;box-shadow:0 10px 24px #0a1f4414}.waiting-number{color:var(--bapenda-blue);text-align:center;padding:11px 16px;font-size:clamp(2rem,4vw,2.9rem);font-weight:900;line-height:1}.waiting-empty{color:var(--bapenda-muted);text-align:center;padding:24px 18px;font-weight:800}.registration-page{background:linear-gradient(135deg, #0b4ea214, #f4c4301f), var(--bapenda-soft);place-items:center;min-height:100vh;padding:clamp(18px,4vw,48px);display:grid}.registration-panel,.success-panel{width:min(100%,660px);padding:clamp(28px,5vw,48px)}.public-fade{animation:.52s both publicFadeIn}@keyframes publicFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.registration-heading,.success-panel{text-align:center}.public-logos{justify-content:center;align-items:center;gap:14px;margin-bottom:18px;display:inline-flex}.public-logos img{object-fit:contain;width:76px;height:76px}.agency-mark{background:linear-gradient(135deg, var(--bapenda-blue), var(--bapenda-green));color:#fff;width:78px;height:78px;box-shadow:var(--shadow);border-radius:18px;justify-content:center;align-items:center;margin-bottom:18px;font-size:2.3rem;display:inline-flex}.registration-heading h1,.success-panel h1{color:var(--bapenda-blue-dark);text-transform:uppercase;margin-bottom:8px;font-size:clamp(1.45rem,4.8vw,2rem);font-weight:900}.registration-heading h2{color:var(--bapenda-green);margin-bottom:10px;font-size:clamp(1rem,3vw,1.18rem);font-weight:900}.registration-heading p,.success-message,.redirect-note{color:var(--bapenda-muted)}.registration-form{gap:20px;display:grid}.registration-form .form-select,.registration-form .form-control,.registration-submit{min-height:54px}.public-input-group .input-group-text{min-width:54px;color:var(--bapenda-blue);background:#f8fbff;border-color:#cfd9e8;border-radius:10px 0 0 10px;justify-content:center;font-size:1.16rem}.public-input-group .form-control{border-left:0;border-radius:0 10px 10px 0}.whatsapp-icon{color:var(--bapenda-green)!important}.public-footer{color:var(--bapenda-muted);text-align:center;margin-top:26px;font-size:.82rem;font-weight:800}.success-icon{width:92px;height:92px;color:var(--bapenda-green);background:#2e8b571f;border-radius:999px;justify-content:center;align-items:center;margin-bottom:22px;font-size:3.4rem;display:inline-flex}.success-label{color:var(--bapenda-muted);text-transform:uppercase;margin:26px 0 8px;font-size:.86rem;font-weight:900}.success-number{color:var(--bapenda-blue);font-size:clamp(5rem,20vw,8rem);font-weight:900;line-height:1}.success-message{max-width:510px;margin:24px auto 0;line-height:1.7}.success-download{justify-content:center;align-items:center;gap:8px;min-height:48px;margin-top:22px;padding-inline:24px;font-weight:800;display:inline-flex}.redirect-note{margin-top:22px}.redirect-note strong{color:var(--bapenda-blue);font-size:1.24rem}.success-link{justify-content:center;align-items:center;min-height:50px;margin-top:28px;padding-inline:26px;display:inline-flex}.tv-signage{color:#fff;background:radial-gradient(78% 100% at 100% 0,#b2b51b 0%,#b2b51b00 65%),linear-gradient(135deg,#52744d 0%,#295152 53%,#10475a 100%);grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,1.4vh,18px);height:100vh;min-height:100vh;padding:clamp(16px,1.5vw,24px);display:grid;overflow:hidden}.tv-signage-header{min-height:clamp(106px,10vh,132px);color:var(--bapenda-blue-dark);background:linear-gradient(#fffffffa,#f7f9fcf5);border:1px solid #ffffffa3;border-radius:22px;justify-content:space-between;align-items:center;gap:clamp(22px,2vw,34px);padding:clamp(16px,1.6vw,24px) clamp(20px,2vw,32px);display:flex;box-shadow:0 22px 58px #00173d33}.tv-brand{align-items:center;gap:clamp(14px,1.4vw,22px);min-width:0;display:flex}.tv-logo{object-fit:contain;image-rendering:auto;flex:0 0 clamp(110px,9vw,156px);width:clamp(110px,9vw,156px);height:clamp(66px,5.4vw,92px)}.tv-logo-secondary{border-left:1px solid #0b4ea22e;flex-basis:clamp(82px,7vw,124px);width:clamp(82px,7vw,124px);height:clamp(42px,4.4vw,72px);padding-left:clamp(8px,1vw,14px)}.tv-brand h1{color:var(--bapenda-blue-dark);margin:0;font-size:clamp(1.45rem,2.25vw,3rem);font-weight:900;line-height:1.02}.tv-brand p{color:var(--bapenda-green);margin:8px 0 0;font-size:clamp(.92rem,1.12vw,1.28rem);font-weight:900}.tv-timebox{text-align:right}.tv-clock{color:var(--bapenda-blue);font-size:clamp(2.25rem,3.5vw,4.4rem);font-weight:900;line-height:1}.tv-date{color:var(--bapenda-muted);margin-top:8px;font-size:clamp(1rem,1.3vw,1.35rem);font-weight:800}.tv-signage-body{grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(14px,1.6vw,22px);min-height:0;display:grid}.tv-video-panel,.tv-queue-panel{background:#fff;border:1px solid #ffffff4d;border-radius:22px;min-height:0;overflow:hidden;box-shadow:0 24px 62px #00173d3d}.tv-video-panel{background:#071f45;position:relative}.tv-video-panel:before{content:"VIDEO INFORMASI";z-index:1;color:#1f2937;background:#f4c430f0;border-radius:999px;padding:8px 12px;font-size:.78rem;font-weight:900;position:absolute;top:18px;left:18px;box-shadow:0 10px 24px #0000002e}.tv-service-video{object-fit:contain;object-position:center;background:#071f45;width:100%;height:100%;display:block}.tv-video-placeholder{background:var(--bapenda-card);width:100%;height:100%;min-height:420px;color:var(--bapenda-blue);align-content:center;place-items:center;gap:16px;font-size:clamp(1.2rem,1.9vw,2rem);font-weight:900;display:grid}.tv-video-placeholder i{color:var(--bapenda-yellow);font-size:clamp(3rem,5vw,5.5rem)}.tv-queue-panel{color:var(--bapenda-blue-dark);background:linear-gradient(#f8fbff 0%,#edf4ff 100%);grid-template-rows:minmax(270px,.98fr) auto minmax(0,1.02fr);gap:clamp(12px,1.4vh,18px);padding:clamp(14px,1.35vw,22px);display:grid}.tv-current-call{border:4px solid var(--bapenda-yellow);color:#fff;text-align:center;background:linear-gradient(#0b4ea2 0%,#083b7c 100%);border-radius:24px;align-content:center;place-items:center;padding:clamp(16px,1.8vh,26px) clamp(20px,2vw,34px);display:grid;box-shadow:0 20px 44px #0b4ea247,inset 0 -18px 32px #0000001f}.tv-current-caption{color:#fff4c2;text-transform:uppercase;background:#ffffff24;border-radius:999px;padding:7px 15px;font-size:clamp(1rem,1.18vw,1.35rem);font-weight:900}.tv-current-call strong{color:#fff;letter-spacing:0;text-shadow:0 12px 28px #00000042;margin-top:clamp(6px,1vh,12px);font-size:clamp(8rem,14vw,17rem);font-weight:900;line-height:.9}.tv-current-call small{color:#ffffffdb;margin-top:8px;font-size:clamp(1rem,1.18vw,1.35rem);font-weight:900}.tv-current-call.has-no-queue strong{color:#ffffff7a}.tv-current-destination{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:clamp(12px,1.5vh,20px);display:flex}.tv-current-destination span{color:var(--bapenda-yellow);text-transform:uppercase;font-size:clamp(1.6rem,2.4vw,3.1rem);font-weight:900;line-height:1}.tv-current-destination small{color:#fff;background:#ffffff24;border-radius:999px;margin:0;padding:7px 12px;font-size:clamp(.95rem,1.1vw,1.25rem)}.tv-loket-card.is-new-call{animation:1.65s both queueGlow}.tv-queue-panel h2{color:var(--bapenda-blue-dark);letter-spacing:0;margin:0;padding:0 4px;font-size:clamp(1rem,1.18vw,1.34rem);font-weight:900}.tv-loket-list{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-auto-rows:minmax(126px,1fr);gap:clamp(10px,1.1vw,16px);min-height:0;display:grid;overflow:auto}.tv-loket-card,.tv-loket-empty{text-align:center;background:#fff;border:2px solid #d5e0ef;border-radius:20px;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:0;transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s;display:grid;overflow:hidden}.tv-loket-card.is-calling{border-color:var(--bapenda-green);background:#fff;box-shadow:0 12px 28px #2e8b571f}.tv-loket-card-head{background:var(--bapenda-blue);color:#fff;gap:3px;padding:10px 12px;display:grid}.tv-loket-name{color:#fff;text-transform:uppercase;font-size:clamp(.95rem,1.14vw,1.28rem);font-weight:900}.tv-loket-service{color:#ffffffc7;font-size:clamp(.72rem,.82vw,.92rem);font-weight:800}.tv-loket-number{min-height:0;color:var(--bapenda-blue);place-items:center;padding:10px;font-size:clamp(2.7rem,3.9vw,5.2rem);font-weight:900;line-height:.95;display:grid}.tv-loket-number.is-waiting{color:var(--bapenda-muted);justify-content:center;align-items:center;gap:8px;padding-inline:14px;font-size:clamp(.92rem,1.08vw,1.22rem);line-height:1.2;display:inline-flex}.tv-loket-number.is-waiting i{color:var(--bapenda-yellow)}.tv-loket-empty{color:var(--bapenda-muted);grid-column:1/-1;font-size:1.2rem;font-weight:800}@keyframes queueGlow{0%,to{border-color:var(--bapenda-yellow);transform:scale(1);box-shadow:0 0 #f4c43000}35%{border-color:var(--bapenda-yellow);transform:scale(1.02);box-shadow:0 0 42px #f4c430e6,0 18px 38px #0b4ea22e}}.tv-running-text{background:linear-gradient(90deg, #f7d86a, var(--bapenda-yellow), #f7d86a);color:#231f0c;border-radius:18px;align-items:center;min-height:clamp(56px,5.8vh,72px);display:flex;overflow:hidden;box-shadow:0 18px 38px #00173d2e}.tv-running-track{will-change:transform;min-width:max-content;animation:32s linear infinite tvMarquee;display:flex}.tv-running-group{flex:none;justify-content:space-around;align-items:center;min-width:100vw;display:flex}.tv-running-group span{white-space:nowrap;padding-inline:clamp(56px,5vw,110px);font-size:clamp(1.15rem,1.55vw,1.75rem);font-weight:900}.tv-audio-unlock{z-index:30;min-height:54px;color:var(--bapenda-blue-dark);background:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:1rem;font-weight:900;display:none;position:fixed;bottom:88px;right:28px;box-shadow:0 16px 36px #0f4c8147}.tv-audio-unlock.is-visible{display:inline-flex}@keyframes tvMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tv-admin-panel{grid-template-columns:minmax(280px,460px) minmax(320px,1fr);align-items:start;gap:24px;display:grid}.tv-admin-preview{aspect-ratio:16/9;border:1px solid var(--bapenda-line);border-radius:var(--radius);background:var(--bapenda-card);place-items:center;display:grid;overflow:hidden}.tv-admin-preview video{object-fit:contain;object-position:center;background:var(--bapenda-card);width:100%;height:100%}.tv-admin-placeholder{color:var(--bapenda-muted);text-align:center;place-items:center;gap:10px;font-weight:800;display:grid}.tv-admin-placeholder i{color:var(--bapenda-blue);font-size:2.6rem}.tv-admin-form{gap:18px;display:grid}.design-alert,.design-modal{border:1px solid var(--bapenda-line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff}.design-alert{z-index:1055;text-align:center;width:min(90vw,430px);padding:28px 34px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-backdrop-static{z-index:1040;background:#2f374429;position:fixed;inset:0}.design-modal{z-index:1050;width:min(92vw,430px);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.design-modal-wide{width:min(92vw,620px)}.design-modal-header,.design-modal-body,.design-modal-footer{padding:22px 26px}.design-modal-header,.design-modal-footer{border-color:var(--bapenda-line)}.design-modal-footer{justify-content:flex-end;gap:12px;display:flex}.reset-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.reset-mode-option{border:1px solid var(--bapenda-line);background:#fff;border-radius:14px;gap:12px;min-height:112px;padding:18px;display:flex;box-shadow:0 10px 26px #0a1f4412}.reset-mode-option input{margin-top:4px}.reset-mode-option strong,.reset-mode-option small{display:block}.reset-mode-option strong{color:var(--bapenda-blue-dark);font-weight:900}.reset-mode-option small{color:var(--bapenda-muted);margin-top:6px;font-weight:700}@media (width<=992px){.auth-page,.app-shell{grid-template-columns:1fr}.auth-visual{min-height:46vh}.app-sidebar{border-radius:0 0 20px 20px;height:auto;position:static;overflow:visible}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-sub-link{margin-left:0}.reset-mode-options{grid-template-columns:1fr}.tv-signage{height:auto;overflow:visible}.tv-signage-body,.tv-admin-panel,.qr-code-panel{grid-template-columns:1fr}.dashboard-monitor-grid{grid-template-columns:1fr;grid-template-areas:"metrics""filter""donut""weekly""line""loket"}.dashboard-metrics,.settings-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tv-video-panel{min-height:420px}.loket-dashboard{grid-template-columns:1fr;max-width:780px}.waiting-card{min-height:auto}}@media (width<=768px){.auth-visual,.auth-form-side,.app-main,.queue-page{padding:22px}.admin-navbar,.page-header,.table-footer{flex-direction:column;align-items:stretch}.navbar-logos{justify-content:space-between}.sidebar-nav,.loket-actions,.dashboard-metrics,.settings-hub-grid{grid-template-columns:1fr}.donut-layout{grid-template-columns:1fr;justify-items:center}.dashboard-chart-toolbar{justify-content:flex-start}.dashboard-clock-card{text-align:left}.tv-signage-header{flex-direction:column;align-items:flex-start}.tv-timebox{text-align:left}.tv-signage{padding:14px}.tv-video-panel{min-height:280px}.tv-logo{flex-basis:56px;width:56px;height:56px}.tv-current-call strong{font-size:clamp(5rem,28vw,8rem)}.registration-page{align-items:start;padding:16px}.registration-panel,.success-panel,.login-panel{padding:24px 18px}.auth-logos img{width:68px;height:68px}.public-logos img{width:62px;height:62px}}