.sandbox-main-section{padding:4rem 0;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.sandbox-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:clamp(1.25rem,2.5vw,2.5rem);box-shadow:var(--shadow-md);margin-bottom:2.5rem}.sandbox-header{margin-bottom:1.75rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1.25rem}.sandbox-heading{font-size:1.4rem;margin-top:.5rem;margin-bottom:.25rem}.sandbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,2vw,2.5rem)}.sandbox-controls-col{display:flex;flex-direction:column;gap:1.25rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-header{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:600}.control-label{display:flex;align-items:center;gap:.4rem;color:var(--text-primary)}.control-val-badge{padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;font-family:var(--font-mono)}.control-val-badge.valid{background-color:var(--accent-emerald-light);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.3)}.control-val-badge.invalid{background-color:var(--accent-rose-light);color:var(--accent-rose);border:1px solid rgba(244,63,94,.3)}.sandbox-slider{width:100%;height:6px;border-radius:3px;background:var(--border-color);outline:none;-webkit-appearance:none;cursor:pointer}.sandbox-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-teal);cursor:pointer;box-shadow:0 0 8px #2563eb80;border:2px solid #ffffff}.slider-ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.threshold-mark{color:var(--accent-amber);font-weight:600}.control-card-toggle{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:1rem}.toggle-info{display:flex;flex-direction:column}.toggle-title{font-size:.85rem;font-weight:600;color:var(--text-primary)}.toggle-desc{font-size:.72rem;color:var(--text-muted)}.toggle-switch-btn{padding:.4rem .85rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.toggle-switch-btn.active-mock{background-color:var(--accent-rose);color:#fff;border-color:var(--accent-rose)}.toggle-switch-btn.active-face{background-color:var(--accent-emerald);color:#fff;border-color:var(--accent-emerald)}.toggle-switch-btn.inactive-face{background-color:var(--accent-rose);color:#fff}.kiosk-terminal-mock{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;height:100%}.kiosk-top-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background-color:var(--bg-card);border-bottom:1px solid var(--border-color);font-size:.75rem;font-weight:700}.kiosk-status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--accent-emerald);animation:pulseGlow 1.5s infinite}.kiosk-title{color:var(--text-secondary);letter-spacing:.05em}.kiosk-body{padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1.25rem}.dynamic-qr-box{display:flex;flex-direction:column;align-items:center;gap:.75rem;background-color:var(--bg-card);padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:320px}.autoscan-camera-sim{position:relative;width:100%;max-width:220px;height:150px;background:#0f172af2;border:1px solid rgba(56,189,248,.35);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 20px #000c,0 4px 14px #0000004d}.autoscan-hud-corner{position:absolute;width:14px;height:14px;border-color:#10b981;border-style:solid}.autoscan-hud-corner.top-left{top:8px;left:8px;border-width:2px 0 0 2px}.autoscan-hud-corner.top-right{top:8px;right:8px;border-width:2px 2px 0 0}.autoscan-hud-corner.bottom-left{bottom:8px;left:8px;border-width:0 0 2px 2px}.autoscan-hud-corner.bottom-right{bottom:8px;right:8px;border-width:0 2px 2px 0}.autoscan-laser-beam{position:absolute;top:10px;left:10px;right:10px;height:2px;background:linear-gradient(90deg,transparent,#10b981,#34d399,transparent);box-shadow:0 0 10px #10b981;animation:autoscanSweep 2.2s infinite ease-in-out}@keyframes autoscanSweep{0%{top:15px;opacity:0}20%{opacity:1}80%{opacity:1}to{top:135px;opacity:0}}.autoscan-target-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.phone-qr-target{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.mini-qr-code{position:absolute;top:6px;background:#fff;padding:2px;border-radius:4px}.face-target{display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-matrix-sim{position:relative;width:130px;height:130px;background-color:var(--bg-input);border:2px dashed var(--border-color);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.qr-timer-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .65rem;border-radius:var(--radius-full);background-color:var(--accent-teal-light);color:var(--accent-teal);font-size:.75rem;font-weight:600}.qr-token-text{font-size:.95rem;font-weight:800;color:var(--text-primary);letter-spacing:.05em}.sim-feedback-banner{width:100%;padding:1rem;border-radius:var(--radius-md);border:1px solid transparent}.sim-feedback-banner.success{background-color:var(--accent-emerald-light);border-color:#10b9814d;color:var(--text-primary)}.sim-feedback-banner.error{background-color:var(--accent-rose-light);border-color:#f43f5e4d;color:var(--text-primary)}.feedback-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.85rem}.feedback-time{margin-left:auto;font-size:.7rem;color:var(--text-muted)}.sim-placeholder-banner{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;background-color:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-muted)}.role-btn-group{display:flex;gap:.35rem;flex-wrap:wrap}.role-tab-btn{padding:.35rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.role-tab-btn.active{background-color:var(--accent-emerald);color:#fff;border-color:var(--accent-emerald)}.sandbox-select,.sandbox-input{width:100%;padding:.6rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-primary);font-family:var(--font-main);font-size:.85rem}.time-qty-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.clockin-ref-box{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background-color:var(--accent-teal-light);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-primary)}.kpi-summary-card{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;height:100%;display:flex;flex-direction:column}.kpi-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.kpi-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.kpi-stat-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column}.kpi-stat-label{font-size:.75rem;color:var(--text-muted);font-weight:600}.kpi-stat-val{font-size:1.3rem;font-weight:800;margin:.25rem 0}.wa-guard-preview{margin-top:auto;display:flex;align-items:center;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border-subtle);color:var(--accent-emerald)}@media(max-width:860px){.sandbox-grid,.time-qty-row{grid-template-columns:1fr}}.geofence-showcase-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}.map-mockup-frame{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.map-overlay-layer{position:relative;height:280px;background:radial-gradient(circle at center,rgba(59,130,246,.08) 0%,var(--bg-input) 70%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-color);background-image:radial-gradient(var(--border-color) 1px,transparent 1px);background-size:20px 20px}.map-center-pin{display:flex;flex-direction:column;align-items:center;z-index:2}.map-pin-label{font-size:.72rem;font-weight:700;background-color:var(--bg-card);padding:.15rem .5rem;border-radius:var(--radius-full);border:1px solid var(--border-color);margin-top:.25rem;color:var(--text-primary)}.map-radius-circle{position:absolute;width:170px;height:170px;border-radius:50%;border:2px dashed var(--accent-teal);background-color:#3b82f61f;pointer-events:none}.map-staff-dot{position:absolute;width:12px;height:12px;border-radius:50%;cursor:pointer;z-index:3}.map-staff-dot.dot-valid{background-color:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald)}.map-staff-dot.dot-invalid{background-color:var(--accent-rose);box-shadow:0 0 10px var(--accent-rose)}.staff-tooltip{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background-color:var(--bg-card);border:1px solid var(--border-color);padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.68rem;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-sm);pointer-events:none;color:var(--text-primary)}.map-footer-coords{padding:.6rem 1rem;background-color:var(--bg-card);color:var(--text-muted);text-align:center}.geofence-settings-col{display:flex;flex-direction:column;gap:.85rem}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem .85rem;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}@media(max-width:860px){.geofence-showcase-grid{grid-template-columns:1fr}}/**
 * ============================================================================
 * @file        MedikHadir System Core — Enterprise Edition
 * @module      Biometric Attendance & Healthcare Performance Management (E-Kinerja)
 * @author      Tim Pengembang MedikHadir
 * @copyright   (c) 2026 Tim Pengembang MedikHadir. All rights reserved.
 * @license     Proprietary & Confidential — UU Hak Cipta No. 28 Tahun 2014 RI.
 *              Unauthorized copying, decompiling, redistribution, or commercial
 *              reselling is strictly prohibited under legal penalty.
 * ============================================================================
 */.simulator-mode-pills{display:inline-flex;padding:.3rem;border-radius:var(--radius-full);background-color:var(--bg-input);border:1px solid var(--border-color);gap:.35rem}.sim-mode-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .95rem;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.sim-mode-btn.active{background-color:var(--accent-teal);color:#fff;box-shadow:0 2px 8px #2563eb4d}.kiosk-sim-frame{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.kiosk-sim-topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background-color:var(--bg-card);border-bottom:1px solid var(--border-color)}.kiosk-clock{font-family:var(--font-mono);font-size:.88rem;font-weight:750;color:var(--accent-teal);background:var(--bg-input);padding:.25rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);letter-spacing:.04em;font-variant-numeric:tabular-nums}.kiosk-sim-body{padding:1.5rem}.kiosk-subtab-switcher{display:flex;gap:.5rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.75rem}.kiosk-subtab{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);font-size:.82rem;font-weight:650;cursor:pointer;transition:all var(--transition-fast)}.kiosk-subtab:hover{color:var(--text-primary);border-color:var(--border-highlight);background:var(--bg-card-hover)}.kiosk-subtab.active{background-color:var(--accent-teal-light);color:var(--accent-teal);border-color:var(--accent-teal);box-shadow:0 0 14px #38bdf833}.sandbox-target-btn{padding:.32rem .75rem;font-size:.76rem;font-weight:700;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.sandbox-target-btn:hover{color:var(--text-primary);border-color:var(--border-highlight);background:var(--bg-card-hover)}.sandbox-target-btn.active-teal{background:var(--accent-teal-light);color:var(--accent-teal);border-color:var(--accent-teal);box-shadow:0 0 10px #38bdf840}.sandbox-target-btn.active-emerald{background:var(--accent-emerald-light);color:var(--accent-emerald);border-color:var(--accent-emerald);box-shadow:0 0 10px #34d39940}.kiosk-qr-view{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:2rem;align-items:start}.kiosk-qr-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;align-items:center}.kiosk-perks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.25rem}.kiosk-perk-card{display:flex;align-items:flex-start;gap:.65rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem .85rem;transition:border-color var(--transition-fast)}.kiosk-perk-card:hover{border-color:var(--border-highlight)}.qr-matrix-sim.large{width:160px;height:160px}.kiosk-instructions-col{display:flex;flex-direction:column}.kiosk-search-view{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.kiosk-bio-box{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem 1rem}.mobile-sim-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}.mobile-sim-controls{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.mobile-phone-frame.compact{max-width:300px;margin:0 auto;border-radius:28px;padding:1rem}.selfie-camera-preview{position:relative;height:120px;background-color:var(--bg-input);border:1px dashed var(--accent-emerald);border-radius:var(--radius-md);margin-top:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.face-bounding-box{width:55px;height:55px;border:2px solid var(--accent-emerald);border-radius:50%;animation:pulseGlow 2s infinite}.qr-scanner-preview{height:110px;background-color:var(--bg-input);border:1px dashed var(--accent-teal);border-radius:var(--radius-md);margin-top:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.audit-log-stream{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem}.stream-badges-row{display:flex;gap:.5rem;overflow-x:auto}.stream-badge-item{background-color:var(--bg-input);border:1px solid var(--border-subtle);padding:.25rem .65rem;border-radius:var(--radius-sm);white-space:nowrap}@media(max-width:860px){.kiosk-qr-view,.mobile-sim-layout{grid-template-columns:1fr}}@media(max-width:640px){.sandbox-header{margin-bottom:1.25rem;padding-bottom:1rem}.sandbox-heading{font-size:1.15rem}.simulator-mode-pills{display:flex;flex-direction:column;width:100%;border-radius:var(--radius-lg);gap:.35rem}.sim-mode-btn{width:100%;justify-content:center;text-align:center;padding:.55rem .85rem;font-size:.82rem}.kiosk-sim-frame{border-radius:var(--radius-md)}.kiosk-sim-topbar{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem 1rem}.kiosk-sim-body{padding:1rem .75rem}.kiosk-subtab-switcher{flex-direction:column;width:100%;gap:.45rem}.kiosk-subtab{width:100%;justify-content:center;text-align:center;white-space:normal;font-size:.78rem;line-height:1.35;padding:.55rem .75rem}.kiosk-perks-grid{grid-template-columns:1fr}.kiosk-qr-box,.kiosk-search-view,.mobile-sim-controls{padding:1rem .75rem}.mobile-phone-frame.compact{max-width:100%;width:100%;padding:.75rem}.ecosystem-notice-pill{flex-direction:column;align-items:flex-start;border-radius:var(--radius-lg);padding:.75rem 1rem;width:100%}}.ecosystem-notice-pill{display:inline-flex;align-items:center;gap:.65rem;padding:.55rem 1.15rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);max-width:860px;text-align:left;line-height:1.5;box-shadow:var(--shadow-sm)}.real-desktop-grid-wrapper{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:2.5rem 2rem;box-shadow:var(--shadow-md)}.real-screenshots-header{text-align:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-subtle)}.showcase-reel-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.85rem;padding:.75rem 1.25rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.reel-nav-buttons{display:flex;align-items:center;gap:.5rem}.reel-arrow-btn{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.reel-arrow-btn:hover{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal);transform:scale(1.05)}.desktop-showcase-cards-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:1.5rem;padding:.75rem .25rem 1.75rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent-teal) transparent}.desktop-showcase-cards-grid::-webkit-scrollbar{height:6px}.desktop-showcase-cards-grid::-webkit-scrollbar-track{background:var(--bg-input);border-radius:var(--radius-full)}.desktop-showcase-cards-grid::-webkit-scrollbar-thumb{background:var(--accent-teal);border-radius:var(--radius-full)}.desktop-browser-card{flex:0 0 540px;max-width:540px;scroll-snap-align:start;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}@media(max-width:768px){.desktop-browser-card{flex:0 0 min(86vw,420px);max-width:min(86vw,420px)}}.desktop-browser-card:hover{transform:translateY(-4px);border-color:var(--accent-teal);box-shadow:0 12px 32px #38bdf81f}.desktop-window-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:var(--bg-input);border-bottom:1px solid var(--border-subtle);gap:.75rem}.window-dots{display:flex;align-items:center;gap:6px}.window-dots .dot{width:9px;height:9px;border-radius:50%}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#f59e0b}.dot-green{background-color:#10b981}.window-address-pill{flex:1;max-width:420px;display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.2rem .75rem;font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-tag{font-size:.68rem;padding:.15rem .5rem;flex-shrink:0}.desktop-window-body{position:relative;overflow:hidden;background:#090d16;cursor:pointer;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.desktop-screenshot-image{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s ease;display:block}.desktop-browser-card:hover .desktop-screenshot-image{transform:scale(1.02)}.image-zoom-hint{position:absolute;inset:0;background:#090d16a6;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;font-size:.85rem;font-weight:600;opacity:0;transition:opacity var(--transition-fast);backdrop-filter:blur(4px)}.desktop-window-body:hover .image-zoom-hint,.deepdive-image-wrap:hover .image-zoom-hint{opacity:1}.desktop-card-info{padding:1.5rem;display:flex;flex-direction:column;flex:1}.desktop-card-title{font-size:1.15rem;font-weight:750;letter-spacing:-.02em;margin-bottom:.35rem;color:var(--text-primary)}.desktop-card-desc{font-size:.86rem;color:var(--text-secondary);line-height:1.55;margin-bottom:1rem}.deepdive-browser-window{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.deepdive-image-wrap{position:relative;background:#090d16;cursor:pointer;max-height:580px;overflow:hidden;display:flex;align-items:center;justify-content:center}.deepdive-screenshot-img{width:100%;height:auto;display:block;object-fit:cover;object-position:top center}.deepdive-details-panel{padding:2.25rem;background:var(--bg-card);border-top:1px solid var(--border-color)}.deepdive-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.deepdive-highlights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.highlight-box{display:flex;align-items:flex-start;gap:.65rem;padding:.95rem 1.15rem;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);line-height:1.5}.lightbox-backdrop{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(12px);z-index:2500;display:flex;align-items:center;justify-content:center;padding:2rem}.lightbox-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;max-width:1280px;width:100%;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #00000080}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.lightbox-close-btn{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:.35rem;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.lightbox-close-btn:hover{color:var(--text-primary);border-color:var(--accent-teal)}.lightbox-body{overflow-y:auto;max-height:calc(92vh - 60px);background:#090d16;display:flex;align-items:center;justify-content:center;padding:.5rem}.lightbox-img{width:100%;height:auto;display:block}.video-window-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#0d131f;border-bottom:1px solid rgba(255,255,255,.08);gap:.75rem;z-index:2;position:relative}.platform-nav-switcher-wrap{display:flex;justify-content:center;margin:1.5rem 0 1rem}.platform-nav-pills{display:inline-flex;padding:.4rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);gap:.5rem}.platform-pill-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.35rem;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.platform-pill-btn:hover{color:var(--text-primary)}.platform-pill-btn.active{background:var(--accent-teal);color:#fff;box-shadow:0 4px 14px #38bdf859}.platform-count-tag{font-size:.68rem;font-weight:800;padding:.15rem .45rem;border-radius:var(--radius-full);background:#fff3;color:inherit}.platform-pill-btn:not(.active) .platform-count-tag{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-muted)}.real-mobile-grid-wrapper{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:2.5rem 2rem;box-shadow:var(--shadow-md)}.mobile-showcase-cards-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:1.5rem;padding:.75rem .25rem 1.75rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent-teal) transparent}.mobile-showcase-cards-grid::-webkit-scrollbar{height:6px}.mobile-showcase-cards-grid::-webkit-scrollbar-track{background:var(--bg-input);border-radius:var(--radius-full)}.mobile-showcase-cards-grid::-webkit-scrollbar-thumb{background:var(--accent-teal);border-radius:var(--radius-full)}.mobile-phone-device-card{flex:0 0 280px;max-width:280px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:1rem}.phone-device-bezel{width:100%;max-width:270px;background:#090d16;border:1px solid var(--border-color);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-md);display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.phone-device-bezel:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.phone-screen-viewport{position:relative;width:100%;background:#070a12;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.phone-screen-img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.phone-device-bezel:hover .phone-screen-img{transform:scale(1.015)}.mobile-card-details{text-align:center;display:flex;flex-direction:column;align-items:center;padding:.5rem}.mobile-card-title{font-size:.98rem;font-weight:750;color:var(--text-primary);margin-bottom:.25rem;line-height:1.3}.mobile-card-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.45;margin-bottom:.75rem}.deepdive-mobile-wrapper{display:grid;grid-template-columns:320px 1fr;gap:2.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg);align-items:center}.deepdive-phone{max-width:290px;margin:0 auto}.deepdive-viewport{max-height:560px}.deepdive-mobile-info-card{display:flex;flex-direction:column;justify-content:center}.lightbox-mobile-mode{max-width:440px}.mobile-tour-layout{grid-template-columns:1.15fr 1fr}.mobile-player-wrapper{background:#070a12;display:flex;flex-direction:column}.mobile-screen-canvas{position:relative;flex:1;width:100%;min-height:520px;display:flex;align-items:center;justify-content:center;padding:1.25rem 1rem 4.5rem;background:radial-gradient(circle at center,#38bdf80a,#060911 75%)}.tour-phone-chassis{max-width:240px;width:100%;background:#090d16;border:1px solid var(--border-color);border-radius:22px;overflow:hidden;box-shadow:0 16px 36px #0009}.tour-phone-img{width:100%;height:auto;display:block}.real-screenshots-cta{border-top:1px solid var(--border-subtle);padding-top:2rem}@media(max-width:960px){.deepdive-highlights-grid,.deepdive-mobile-wrapper{grid-template-columns:1fr}}@media(max-width:640px){.platform-nav-pills{flex-direction:column;width:100%;border-radius:var(--radius-lg)}.real-desktop-grid-wrapper,.real-mobile-grid-wrapper{padding:1.25rem .85rem}.desktop-card-info{padding:1rem}.deepdive-details-panel{padding:1.25rem}}.trusted-by-strip{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border-color);width:100%;overflow:hidden}.trusted-by-label{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--text-muted);margin-bottom:1.25rem;text-align:center;font-weight:600;letter-spacing:.02em}.trusted-marquee-container{width:100%;overflow:hidden;position:relative;padding:.5rem 0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.trusted-marquee-container:before,.trusted-marquee-container:after{content:"";position:absolute;top:0;bottom:0;width:clamp(40px,8vw,100px);z-index:2;pointer-events:none}.trusted-marquee-container:before{left:0;background:linear-gradient(to right,var(--bg-primary),transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.trusted-marquee-container:after{right:0;background:linear-gradient(to left,var(--bg-primary),transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.trusted-marquee-track{display:flex;align-items:center;gap:1.15rem;width:max-content;animation:trustedMarqueeScroll 35s linear infinite;will-change:transform}.trusted-marquee-track:hover{animation-play-state:paused}@keyframes trustedMarqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.trusted-partner-item{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--border-color);padding:.65rem 1.25rem;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);white-space:nowrap;flex-shrink:0;transition:transform var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.trusted-partner-item:hover{transform:translateY(-2px);border-color:var(--accent-teal);background:var(--bg-card-hover)}.partner-item-text{display:flex;flex-direction:column}.partner-item-text strong{font-size:.84rem;font-weight:700;color:var(--text-primary);line-height:1.25}.partner-sub{font-size:.73rem;color:var(--text-muted);line-height:1.2}.trusted-partner-item.partner-more-item{background:var(--bg-input);border-color:var(--border-color)}.trusted-partner-item.partner-more-item strong{color:var(--accent-teal)}/**
 * ============================================================================
 * @file        MedikHadir System Core — Enterprise Edition
 * @module      ROI & Efisiensi Calculator Stylesheet — Medistren Clinical Layout
 * @author      Tim Pengembang MedikHadir
 * @copyright   (c) 2026 Tim Pengembang MedikHadir. All rights reserved.
 * @license     Proprietary & Confidential — UU Hak Cipta No. 28 Tahun 2014 RI.
 *              Unauthorized copying, decompiling, redistribution, or commercial
 *              reselling is strictly prohibited under legal penalty.
 * ============================================================================
 */.roi-section{padding:4.5rem 0 5.5rem}.roi-disclaimer-box{display:flex;align-items:flex-start;gap:.75rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:10px;padding:.85rem 1.25rem;margin-bottom:2rem;font-size:.84rem;color:var(--text-secondary, #cbd5e1);line-height:1.55}.roi-disclaimer-box strong{color:var(--text-primary, #f8fafc)}.roi-calculator-card{background-color:var(--bg-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:var(--radius-xl, 16px);padding:clamp(1.75rem,3vw,2.75rem);box-shadow:0 10px 30px -10px #00000059;display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(1.75rem,3vw,3rem);align-items:start}.roi-controls-col{display:flex;flex-direction:column;gap:1.5rem}.roi-control-group{display:flex;flex-direction:column;gap:.6rem}.roi-control-group .control-header{display:flex;justify-content:space-between;align-items:center}.roi-control-group .control-label{font-size:.88rem;font-weight:700;color:var(--text-primary, #f8fafc)}.control-val-badge{font-size:.85rem;font-weight:750;padding:.25rem .75rem;background:#06b6d41f;color:var(--accent-teal, #06b6d4);border-radius:6px;border:1px solid rgba(6,182,212,.28)}.roi-tier-picker{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.roi-tier-btn{background:var(--bg-input, #0f172a);border:1px solid var(--border-color, #334155);color:var(--text-secondary, #cbd5e1);font-size:.8rem;font-weight:650;padding:.45rem .85rem;border-radius:8px;cursor:pointer;transition:all .15s ease}.roi-tier-btn:hover{border-color:var(--accent-teal, #06b6d4);color:var(--text-primary, #f8fafc)}.roi-tier-btn.active{background:var(--accent-teal, #0891b2);color:#fff;border-color:var(--accent-teal, #0891b2);box-shadow:0 2px 10px #06b6d459}.roi-range-slider{width:100%;height:8px;border-radius:9999px;background:var(--border-color, #334155);outline:none;cursor:pointer;accent-color:var(--accent-teal, #06b6d4)}.slider-ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted, #94a3b8);padding:0 2px}.roi-tips-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.15rem;background:var(--bg-input, #0f172a);border:1px solid var(--border-color, #334155);border-radius:10px;font-size:.82rem;color:var(--text-secondary, #cbd5e1);line-height:1.55}.roi-formula-box{background:var(--bg-input, #0f172a);border:1px solid var(--border-color, #334155);border-radius:10px;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.65rem}.formula-item{font-size:.78rem;color:var(--text-secondary, #cbd5e1);line-height:1.5}.formula-item strong{color:var(--text-primary, #f8fafc)}.roi-results-col{display:flex;flex-direction:column;gap:1.1rem}.roi-result-card{background:var(--bg-input, #0f172a);border:1px solid var(--border-color, #334155);border-radius:12px;padding:1.25rem 1.35rem;display:flex;align-items:center;gap:1.15rem;box-shadow:0 4px 12px #0000000a;transition:transform .15s ease,border-color .15s ease}.roi-result-card:hover{transform:translateY(-2px)}.roi-result-card.highlight{border:1.5px solid var(--accent-teal, #06b6d4);background:linear-gradient(135deg,#06b6d41a,#0f172af2)}html[data-theme=light] .roi-result-card.highlight,body.light .roi-result-card.highlight{background:linear-gradient(135deg,#06b6d414,#fff)}.result-icon-box{width:48px;height:48px;border-radius:10px;background:#06b6d41f;color:var(--accent-teal, #06b6d4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.box-emerald{background:#10b9811f!important;color:var(--accent-emerald, #10b981)!important}.box-amber{background:#f59e0b1f!important;color:var(--accent-amber, #f59e0b)!important}.result-content{display:flex;flex-direction:column}.result-label{font-size:.84rem;color:var(--text-secondary, #cbd5e1);font-weight:700;margin-bottom:.2rem}.result-number{font-size:1.65rem;font-weight:850;line-height:1.15}.result-note{font-size:.78rem;color:var(--text-muted, #94a3b8);font-weight:500;margin-top:.25rem;line-height:1.4}.roi-cta-group{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}@media(max-width:900px){.roi-calculator-card{grid-template-columns:1fr;padding:1.5rem}}@media(max-width:640px){.roi-section{padding:3rem 0 4rem}.roi-calculator-card{padding:1.25rem;gap:1.5rem;border-radius:var(--radius-lg)}.roi-result-card{padding:1rem 1.1rem;gap:.85rem}.result-icon-box{width:40px;height:40px}.result-number{font-size:1.35rem}.roi-tier-picker{gap:.4rem}.roi-tier-btn{padding:.4rem .7rem;font-size:.76rem}}@media(max-width:480px){.roi-calculator-card{padding:1rem}.roi-tier-picker{display:grid;grid-template-columns:repeat(2,1fr)}.roi-tier-btn{width:100%;text-align:center;justify-content:center}.roi-disclaimer-box{padding:.75rem 1rem;font-size:.8rem}}