:root{color-scheme:light;--sw-primary: #16A085;--sw-primary-dark: #12836F;--sw-primary-soft: #E5F5EF;--sw-primary-hover: #117F6B;--sw-background: #F5F7F6;--sw-surface: #FFFFFF;--sw-surface-soft: #F8FAF9;--sw-text: #172B25;--sw-text-secondary: #43564C;--sw-text-muted: #718078;--sw-border: #E7ECE9;--sw-success: #239B62;--sw-success-soft: #E8F6EE;--sw-info: #3985C9;--sw-info-soft: #EAF3FC;--sw-warning: #D99032;--sw-warning-soft: #FFF4E3;--sw-danger: #D9534F;--sw-danger-soft: #FCEDEC;--sw-font-body: "DM Sans", sans-serif;--sw-font-heading: "Manrope", sans-serif;--sw-radius-sm: 8px;--sw-radius-md: 12px;--sw-radius-lg: 16px;--sw-radius-xl: 20px;--sw-radius-full: 999px;--sw-space-1: 4px;--sw-space-2: 8px;--sw-space-3: 12px;--sw-space-4: 16px;--sw-space-5: 20px;--sw-space-6: 24px;--sw-space-8: 32px;--sw-shadow-sm: 0 2px 8px rgba(23, 43, 37, .04);--sw-shadow-md: 0 5px 18px rgba(23, 43, 37, .07);--sw-shadow-lg: 0 12px 32px rgba(23, 43, 37, .09);--sw-content-width: 600px;--sw-header-height: 64px;--sw-bottom-nav-height: 68px;--sw-transition: .18s ease}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-width:320px;min-height:100vh;margin:0;background:var(--sw-background);color:var(--sw-text);font-family:var(--sw-font-body);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea,select{font:inherit}button{cursor:pointer}button,input,textarea,select{outline-color:var(--sw-primary)}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}img,svg,video{display:block;max-width:100%}img{height:auto}ul,ol{padding-left:20px}h1,h2,h3,h4,h5,h6{margin:0;color:var(--sw-text);font-family:var(--sw-font-heading);line-height:1.3;font-weight:700}p{margin:0}#SrawungSinergiApp{min-height:100vh;min-height:100dvh}.sw-container{width:100%;max-width:var(--sw-content-width);margin-inline:auto;padding-inline:20px}.sw-card{background:var(--sw-surface);border:1px solid var(--sw-border);border-radius:var(--sw-radius-lg);box-shadow:var(--sw-shadow-sm)}.sw-section{margin-bottom:24px}.sw-muted{color:var(--sw-text-muted)}.sw-secondary{color:var(--sw-text-secondary)}.sw-primary{color:var(--sw-primary)}.sw-divider{width:100%;height:1px;background:var(--sw-border)}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:background var(--sw-transition),color var(--sw-transition),border-color var(--sw-transition),transform var(--sw-transition),box-shadow var(--sw-transition)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--sw-primary);outline-offset:3px}*{scrollbar-width:thin;scrollbar-color:#CBD7D1 transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-thumb{background:#cbd7d1;border-radius:20px}@media (max-width: 480px){.sw-container{padding-inline:16px}body{font-size:14px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sw-header[data-v-56cbcf06]{position:sticky;top:0;z-index:100;width:100%;height:68px;background:#fffffff5;border-bottom:1px solid var(--sw-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.sw-header-inner[data-v-56cbcf06]{width:100%;max-width:var(--sw-content-width);height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:20px}.sw-header-left[data-v-56cbcf06]{display:flex;align-items:center;gap:12px;min-width:0}.sw-brand[data-v-56cbcf06]{display:inline-flex;align-items:center;gap:10px;min-width:0}.sw-brand-icon[data-v-56cbcf06]{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--sw-primary);border-radius:13px}.sw-brand-content[data-v-56cbcf06]{display:flex;flex-direction:column;line-height:1.2}.sw-brand-name[data-v-56cbcf06]{color:var(--sw-text);font-family:var(--sw-font-heading);font-size:19px;font-weight:800;letter-spacing:-.6px}.sw-brand-tagline[data-v-56cbcf06]{margin-top:3px;color:var(--sw-text-muted);font-size:10px;font-weight:500}.sw-back-btn[data-v-56cbcf06]{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--sw-text);background:var(--sw-surface-soft);border:1px solid var(--sw-border);border-radius:12px;cursor:pointer}.sw-back-btn[data-v-56cbcf06]:hover{color:var(--sw-primary);background:var(--sw-primary-soft)}.sw-header-page-title[data-v-56cbcf06]{color:var(--sw-text);font-family:var(--sw-font-heading);font-size:17px;font-weight:700}.sw-header-search[data-v-56cbcf06]{flex:1;max-width:440px;height:42px;margin-left:auto;padding:0 12px;display:flex;align-items:center;gap:10px;color:var(--sw-text-muted);background:var(--sw-surface-soft);border:1px solid var(--sw-border);border-radius:12px}.sw-header-search[data-v-56cbcf06]:focus-within{border-color:var(--sw-primary);box-shadow:0 0 0 3px var(--sw-primary-soft)}.sw-header-search input[data-v-56cbcf06]{width:100%;min-width:0;padding:0;color:var(--sw-text);background:transparent;border:0;outline:none;font-size:13px}.sw-header-search input[data-v-56cbcf06]::-moz-placeholder{color:var(--sw-text-muted)}.sw-header-search input[data-v-56cbcf06]::placeholder{color:var(--sw-text-muted)}.sw-search-submit[data-v-56cbcf06]{padding:6px 10px;color:#fff;background:var(--sw-primary);border:0;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.sw-header-actions[data-v-56cbcf06]{display:flex;align-items:center;gap:8px;margin-left:auto}.sw-header-search+.sw-header-actions[data-v-56cbcf06]{margin-left:0}.sw-header-action[data-v-56cbcf06]{position:relative;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--sw-text-secondary);background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.sw-header-action[data-v-56cbcf06]:hover,.sw-header-action.is-active[data-v-56cbcf06]{color:var(--sw-primary);background:var(--sw-primary-soft)}.sw-header-action[data-v-56cbcf06]:active{transform:scale(.95)}.sw-header-action[data-v-56cbcf06]:focus-visible{outline:2px solid var(--sw-primary);outline-offset:2px}.sw-action-badge[data-v-56cbcf06]{position:absolute;top:2px;right:0;min-width:17px;height:17px;padding:0 4px;display:flex;align-items:center;justify-content:center;color:#fff;background:#e05b63;border:2px solid #ffffff;border-radius:20px;font-size:9px;font-weight:700;line-height:1}.sw-more-wrapper[data-v-56cbcf06]{position:relative}.sw-more-indicator[data-v-56cbcf06]{position:absolute;top:5px;right:5px;width:8px;height:8px;background:var(--sw-primary);border:1.5px solid #ffffff;border-radius:50%}.sw-action-loading[data-v-56cbcf06]{position:absolute;top:3px;right:3px;width:10px;height:10px;border:1.5px solid var(--sw-border);border-top-color:var(--sw-primary);border-radius:50%;animation:sw-spin-56cbcf06 .8s linear infinite}@keyframes sw-spin-56cbcf06{to{transform:rotate(360deg)}}.sw-more-dropdown[data-v-56cbcf06]{position:absolute;top:calc(100% + 12px);right:0;width:200px;padding:8px;background:#fff;border:1px solid var(--sw-border);border-radius:16px;box-shadow:0 12px 35px #172b251f,0 2px 8px #172b250a;z-index:200}.sw-dropdown-header[data-v-56cbcf06]{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 0}.sw-dropdown-header h3[data-v-56cbcf06]{margin:0;color:var(--sw-text);font-size:14px;font-weight:700}.sw-dropdown-header p[data-v-56cbcf06]{margin:4px 0 0;color:var(--sw-text-muted);font-size:11px}.sw-dropdown-close[data-v-56cbcf06]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--sw-text-muted);background:transparent;border:0;border-radius:8px;cursor:pointer}.sw-dropdown-close[data-v-56cbcf06]:hover{color:var(--sw-text);background:var(--sw-surface-soft)}.sw-dropdown-list[data-v-56cbcf06]{display:flex;flex-direction:column;gap:3px}.sw-dropdown-item[data-v-56cbcf06]{width:100%;min-height:44px;padding:8px 10px;display:flex;align-items:center;gap:11px;color:var(--sw-text);background:transparent;border:0;border-radius:10px;text-align:left;cursor:pointer;transition:background .18s ease}.sw-dropdown-item[data-v-56cbcf06]:hover{background:var(--sw-primary-soft)}.sw-dropdown-icon[data-v-56cbcf06]{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--sw-primary);background:var(--sw-primary-soft);border-radius:9px}.sw-dropdown-label[data-v-56cbcf06]{flex:1;font-size:13px;font-weight:600}.sw-dropdown-count[data-v-56cbcf06]{min-width:20px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center;color:#fff;background:#e05b63;border-radius:20px;font-size:10px;font-weight:700}.sw-dropdown-divider[data-v-56cbcf06]{height:1px;margin:5px 8px;background:var(--sw-border)}.sw-dropdown-enter-active[data-v-56cbcf06],.sw-dropdown-leave-active[data-v-56cbcf06]{transition:opacity .18s ease,transform .18s ease}.sw-dropdown-enter-from[data-v-56cbcf06],.sw-dropdown-leave-to[data-v-56cbcf06]{opacity:0;transform:translateY(-6px) scale(.98)}@media (max-width: 600px){.sw-header[data-v-56cbcf06]{height:62px}.sw-header-inner[data-v-56cbcf06]{padding:0 16px;gap:8px}.sw-brand-icon[data-v-56cbcf06]{width:38px;height:38px;border-radius:12px}.sw-brand-name[data-v-56cbcf06]{font-size:18px}.sw-brand-tagline[data-v-56cbcf06]{font-size:9px}.sw-header-action[data-v-56cbcf06]{width:36px;height:38px}.sw-header-search[data-v-56cbcf06]{position:absolute;top:100%;left:16px;right:16px;max-width:none}.sw-more-dropdown[data-v-56cbcf06]{width:min(200px,calc(100vw - 24px))}}@media (max-width: 360px){.sw-brand-tagline[data-v-56cbcf06]{display:none}.sw-header-inner[data-v-56cbcf06]{padding-inline:12px}.sw-header-action[data-v-56cbcf06]{width:34px}}.sw-bottom-navigation[data-v-082e4393]{position:fixed;z-index:100;right:0;bottom:0;left:0;width:100%;padding:7px 12px calc(7px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid var(--sw-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.sw-bottom-navigation-inner[data-v-082e4393]{width:100%;max-width:var(--sw-content-width);margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:4px}.sw-nav-item[data-v-082e4393]{position:relative;min-width:0;min-height:50px;padding:5px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--sw-text-muted);border-radius:12px;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color var(--sw-transition),background var(--sw-transition)}.sw-nav-icon[data-v-082e4393]{width:30px;height:27px;display:flex;align-items:center;justify-content:center;transition:transform var(--sw-transition)}.sw-nav-label[data-v-082e4393]{max-width:100%;overflow:hidden;font-size:10px;font-weight:500;line-height:1.3;text-align:center;text-overflow:ellipsis;white-space:nowrap;transition:font-weight var(--sw-transition)}.sw-nav-item.active[data-v-082e4393]{color:var(--sw-primary)}.sw-nav-item.active .sw-nav-icon[data-v-082e4393]{transform:translateY(-1px)}.sw-nav-item.active .sw-nav-label[data-v-082e4393]{font-weight:700}.sw-nav-item[data-v-082e4393]:active{background:var(--sw-primary-soft)}.sw-nav-item[data-v-082e4393]:focus-visible{outline:2px solid var(--sw-primary);outline-offset:2px}@media (hover: hover){.sw-nav-item[data-v-082e4393]:not(.active):hover{color:var(--sw-primary);background:var(--sw-primary-soft)}}@media (min-width: 768px){.sw-bottom-navigation[data-v-082e4393]{padding:8px 20px calc(8px + env(safe-area-inset-bottom))}.sw-nav-item[data-v-082e4393]{min-height:54px;gap:4px}.sw-nav-label[data-v-082e4393]{font-size:11px}}@media (prefers-reduced-motion: reduce){.sw-nav-item[data-v-082e4393],.sw-nav-icon[data-v-082e4393],.sw-nav-label[data-v-082e4393]{transition:none}}#SrawungSinergiLayout[data-v-211b26d6]{min-height:100vh;min-height:100dvh;background:var(--sw-background)}.sw-main[data-v-211b26d6]{width:100%;min-height:calc(100vh - var(--sw-header-height));min-height:calc(100dvh - var(--sw-header-height))}.sw-main.has-bottom-navigation[data-v-211b26d6]{padding-bottom:calc(var(--sw-bottom-nav-height) + env(safe-area-inset-bottom))}