.device-shell[data-v-64f4fa2c]{background:#fff;border:1px solid #e4e5ea;border-radius:20px;box-shadow:0 8px 40px #126dfb1f;font-family:-apple-system,Inter,sans-serif;overflow:hidden;width:370px}.dash-header[data-v-64f4fa2c]{background:#126dfb;overflow:hidden;padding:16px 18px 14px;position:relative}.dash-header[data-v-64f4fa2c]:before{background:#ffffff0f;height:160px;right:-40px;top:-60px;width:160px}.dash-header[data-v-64f4fa2c]:after,.dash-header[data-v-64f4fa2c]:before{border-radius:50%;content:"";position:absolute}.dash-header[data-v-64f4fa2c]:after{background:#ffffff0a;bottom:-20px;height:80px;right:60px;width:80px}.header-row[data-v-64f4fa2c]{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:1}.header-title[data-v-64f4fa2c]{color:#fff;font-size:15px;font-weight:600;letter-spacing:-.2px}.header-sub[data-v-64f4fa2c]{color:#fff9;font-size:11px;margin-top:2px}.live-badge[data-v-64f4fa2c]{align-items:center;background:#ffffff26;border:1px solid hsla(0,0%,100%,.25);border-radius:20px;color:#fff;display:flex;font-size:11px;font-weight:600;gap:5px;padding:4px 10px}.live-dot[data-v-64f4fa2c]{animation:livePulse-64f4fa2c 1.8s ease-in-out infinite;background:#4ade80;border-radius:50%;height:6px;width:6px}@keyframes livePulse-64f4fa2c{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.header-meta[data-v-64f4fa2c]{display:flex;gap:6px;margin-top:10px;position:relative;z-index:1}.nav-pill[data-v-64f4fa2c]{align-items:center;background:#ffffff26;border-radius:20px;color:#ffffffd9;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 10px}.progress-bar[data-v-64f4fa2c]{background:#e6eeff;height:2px;overflow:hidden}.progress-fill[data-v-64f4fa2c]{background:#126dfb;height:100%}.tab-bar[data-v-64f4fa2c]{background:#fff;border-bottom:1px solid #e4e5ea;display:flex}.tab-btn[data-v-64f4fa2c]{background:none;border:none;color:#6b7085;cursor:pointer;flex:1;font-size:12px;font-weight:400;outline:none;padding:11px 4px;position:relative;text-align:center;transition:color .2s;white-space:nowrap}.tab-btn[data-v-64f4fa2c]:after{background:transparent;border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0;transition:background .2s}.tab-btn.active[data-v-64f4fa2c]{color:#126dfb;font-weight:700}.tab-btn.active[data-v-64f4fa2c]:after{background:#126dfb}.section-body[data-v-64f4fa2c]{background:#fff;height:308px;overflow:hidden;position:relative}.screen[data-v-64f4fa2c]{inset:0;overflow:hidden;padding:14px 18px;position:absolute}.metric-card[data-v-64f4fa2c]{align-items:center;border-bottom:1px solid #e4e5ea;display:flex;justify-content:space-between;padding:10px 0}.metric-card[data-v-64f4fa2c]:last-child{border-bottom:none}.metric-left[data-v-64f4fa2c]{flex:1}.metric-label[data-v-64f4fa2c]{color:#6b7085;font-size:11px;margin-bottom:2px}.metric-val[data-v-64f4fa2c]{color:#181a22;font-size:22px;font-weight:700;letter-spacing:-.5px;line-height:1.1}.unit[data-v-64f4fa2c]{color:#6b7085;font-size:14px;font-weight:500}.metric-badge[data-v-64f4fa2c]{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;margin-top:5px;padding:3px 8px}.badge-green[data-v-64f4fa2c]{background:#e6f8f1;color:#0d6e4d}.badge-amber[data-v-64f4fa2c]{background:#fef3c7;color:#92400e}.stat-pill[data-v-64f4fa2c]{background:#e6eeff;border-radius:10px;flex-shrink:0;padding:7px 12px;text-align:center}.sp-label[data-v-64f4fa2c]{color:#126dfb;font-size:10px;font-weight:600}.sp-val[data-v-64f4fa2c]{color:#126dfb;font-size:14px;font-weight:700;white-space:nowrap}.section-title[data-v-64f4fa2c]{align-items:center;color:#3b3f4f;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:10px}.section-badge[data-v-64f4fa2c]{background:#e6eeff;border-radius:20px;color:#0a4aba;font-size:9px;font-weight:600;padding:2px 7px}.spt-row[data-v-64f4fa2c]{align-items:center;animation:slideIn-64f4fa2c .3s ease both;border-bottom:1px solid #e4e5ea;display:flex;gap:10px;justify-content:space-between;padding:9px 0}@keyframes slideIn-64f4fa2c{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.spt-icon[data-v-64f4fa2c]{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:14px;height:34px;justify-content:center;width:34px}.ic-blue[data-v-64f4fa2c]{background:#e6eeff}.ic-green[data-v-64f4fa2c]{background:#e6f8f1}.ic-amber[data-v-64f4fa2c]{background:#fef3c7}.spt-info[data-v-64f4fa2c]{flex:1;min-width:0}.spt-name[data-v-64f4fa2c]{color:#3b3f4f;font-size:12px;font-weight:600}.spt-sub[data-v-64f4fa2c]{color:#6b7085;font-size:10px}.spt-right[data-v-64f4fa2c]{flex-shrink:0;text-align:right}.spt-date[data-v-64f4fa2c]{color:#6b7085;font-size:10px;margin-bottom:3px}.spt-status[data-v-64f4fa2c]{border-radius:20px;display:inline-block;font-size:9px;font-weight:600;padding:2px 7px}.s-lapor[data-v-64f4fa2c]{background:#e6f8f1;color:#0d6e4d}.s-tunggu[data-v-64f4fa2c]{background:#fef3c7;color:#92400e}.s-draft[data-v-64f4fa2c]{background:#f3f4f6;color:#4b5563}.s-proses[data-v-64f4fa2c]{background:#dbeafe;color:#1d4ed8}.footer-bar[data-v-64f4fa2c]{align-items:center;background:#126dfb;display:flex;justify-content:space-between;padding:10px 18px}.footer-text[data-v-64f4fa2c]{color:#ffffffb3;font-size:10px}.footer-cta[data-v-64f4fa2c]{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:600;gap:4px;text-decoration:none}.slide-fade-enter-active[data-v-64f4fa2c]{transition:opacity .3s ease,transform .3s ease}.slide-fade-leave-active[data-v-64f4fa2c]{position:absolute;transition:opacity .15s ease,transform .15s ease}.slide-fade-enter-from[data-v-64f4fa2c]{opacity:0;transform:translateY(8px)}.slide-fade-leave-to[data-v-64f4fa2c]{opacity:0;transform:translateY(-8px)}