:root{--m3-ease-standard:cubic-bezier(0.2,0,0,1);--m3-ease-emphasized:cubic-bezier(0.05,0.7,0.1,1);--m3-dur-short:150ms;--m3-dur-medium:220ms;--m3-dur-long:320ms;--m3-state-layer-hover:0.08;--m3-state-layer-focus:0.10;--m3-state-layer-pressed:0.12;--dyo-shadow-card-mobile:0 1px 2px -1px rgb(var(--dyo-shadow-ink-rgb)/0.04),0 4px 12px -4px rgb(var(--dyo-shadow-ink-rgb)/0.06),0 1px 0 0 rgb(var(--dyo-shadow-ink-rgb)/0.02);--dyo-shadow-card-elevated:0 2px 4px -2px rgb(var(--dyo-shadow-ink-rgb)/0.06),0 12px 24px -8px rgb(var(--dyo-shadow-ink-rgb)/0.10)}html.dark{--dyo-shadow-card-mobile:0 1px 2px -1px rgb(var(--dyo-scrim-rgb)/0.30),0 4px 12px -4px rgb(var(--dyo-scrim-rgb)/0.35);--dyo-shadow-card-elevated:0 2px 4px -2px rgb(var(--dyo-scrim-rgb)/0.45),0 12px 24px -8px rgb(var(--dyo-scrim-rgb)/0.55)}@media (max-width:1023px){.bg-dyo-card.rounded-2xl,.bg-dyo-card.rounded-xl,.dyo-card{box-shadow:var(--dyo-shadow-card-mobile);border-radius:16px}.bg-dyo-card.rounded-none,.dyo-card.rounded-none{border-radius:0}.dyo-topbar{border-bottom:1px solid var(--dyo-border-soft,var(--dyo-border));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-testid=mobile-header]>div{height:52px}[data-testid=mobile-header] .dyo-icon-btn{width:40px;height:40px;border-radius:12px}.dyo-h1,h1{font-size:22px;font-weight:700;letter-spacing:-.022em;line-height:1.18}.dyo-h2,h2{font-size:18px;font-weight:700;letter-spacing:-.018em;line-height:1.22}.dyo-h3,h3{font-size:16px;font-weight:600;letter-spacing:-.012em;line-height:1.28}.dyo-caption{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.dyo-caption,.dyo-label{font-weight:600;color:var(--dyo-subtext)}.dyo-label{font-size:12px;letter-spacing:.01em}body{font-size:14px;line-height:1.46}[data-testid=dashboard-page] .bg-dyo-card.rounded-xl{padding:14px 14px 16px;border-color:var(--dyo-border-soft,var(--dyo-border))}[data-testid=dashboard-page] .bg-dyo-card.rounded-xl p.text-lg{font-size:20px;line-height:1.15;font-weight:700;letter-spacing:-.02em}[data-testid=dashboard-page] .bg-dyo-card.rounded-xl p.text-\[10px\]{font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--dyo-subtext)}[data-testid=dashboard-page] .bg-dyo-card.rounded-xl .h-9{height:36px;width:36px;border-radius:11px}[data-testid=dashboard-page] .grid.grid-cols-2{gap:10px}[data-testid=transaksi-mobile-list]>div[data-testid^=transaksi-card-]{padding:14px 14px 12px;border-radius:16px;border-color:var(--dyo-border-soft,var(--dyo-border));box-shadow:var(--dyo-shadow-card-mobile);transition:transform .16s var(--m3-ease-standard),box-shadow .2s var(--m3-ease-standard)}[data-testid=transaksi-mobile-list]>div[data-testid^=transaksi-card-]:active{transform:scale(.992);box-shadow:var(--dyo-shadow-card-elevated)}.dyo-tx-price{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--dyo-text);line-height:1.1}.dyo-tx-invoice{font-size:13px;font-weight:700;color:var(--dyo-accent);letter-spacing:.005em}.dyo-tx-messenger{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--dyo-subtext);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dyo-btn,a.inline-flex.items-center,button.inline-flex.items-center{-webkit-tap-highlight-color:transparent}.dyo-state-layer{position:relative;isolation:isolate;overflow:hidden}.dyo-state-layer:before{content:"";position:absolute;inset:0;background:currentColor;opacity:0;pointer-events:none;transition:opacity var(--m3-dur-short) var(--m3-ease-standard);z-index:0}.dyo-state-layer:hover:before{opacity:var(--m3-state-layer-hover)}.dyo-state-layer:focus-visible:before{opacity:var(--m3-state-layer-focus)}.dyo-state-layer:active:before{opacity:var(--m3-state-layer-pressed)}.dyo-state-layer>*{position:relative;z-index:1}.dyo-bottom-tab-nav{background:color-mix(in srgb,var(--dyo-sidebar) 92%,transparent);border-top:1px solid var(--dyo-border-soft,var(--dyo-sidebar-border));box-shadow:0 -1px 0 0 var(--dyo-border-soft,var(--dyo-sidebar-border)),0 -10px 28px -16px rgb(var(--dyo-shadow-ink-rgb)/.22)}html.dark .dyo-bottom-tab-nav{background:color-mix(in srgb,var(--dyo-mobile-nav-surface) 88%,transparent);box-shadow:0 -1px 0 0 rgb(var(--dyo-on-color-rgb)/.05),0 -12px 32px -16px rgb(var(--dyo-scrim-rgb)/.65)}.dyo-bottom-tab-list{height:60px;padding-top:6px}.dyo-bottom-tab-icon-wrap{width:56px;height:28px;border-radius:16px;transition:background-color var(--m3-dur-medium) var(--m3-ease-standard)}.dyo-bottom-tab-btn.is-active .dyo-bottom-tab-icon-wrap{background-color:var(--dyo-accent-soft)}.dyo-bottom-tab-btn.is-active .dyo-bottom-tab-icon-wrap:after{content:"";position:absolute;inset:0;border-radius:16px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dyo-accent) 22%,transparent);pointer-events:none}.dyo-bottom-tab-indicator{display:none}.dyo-bottom-tab-label{font-size:10.5px;font-weight:600;margin-top:2px}.dyo-bottom-tab-btn,.dyo-bottom-tab-label{transition:color var(--m3-dur-short) var(--m3-ease-standard)}.dyo-bottom-tab-btn:active{transform:none}.dyo-bottom-tab-btn:active .dyo-bottom-tab-icon-wrap{background-color:color-mix(in srgb,var(--dyo-accent) 18%,transparent)}.dyo-mobile-fab{width:56px;height:56px;border-radius:18px;box-shadow:0 10px 24px -8px rgb(var(--dyo-scrim-rgb)/.45),0 3px 8px -2px rgb(var(--dyo-shadow-ink-rgb)/.2),inset 0 1px 0 rgb(var(--dyo-on-color-rgb)/.22);transition:transform var(--m3-dur-short) var(--m3-ease-standard),box-shadow var(--m3-dur-medium) var(--m3-ease-standard)}.dyo-mobile-fab:active{transform:scale(.94);box-shadow:0 6px 16px -6px rgb(var(--dyo-scrim-rgb)/.45),0 2px 6px -2px rgb(var(--dyo-shadow-ink-rgb)/.22),inset 0 1px 0 rgb(var(--dyo-on-color-rgb)/.18)}.dyo-mobile-fab-mini-icon{display:none}.dyo-toast-card,[data-testid^=toast-]{border-radius:14px;box-shadow:var(--dyo-shadow-card-elevated);animation-timing-function:var(--m3-ease-emphasized);animation-duration:var(--m3-dur-medium)}.dyo-skeleton{animation-duration:1.4s!important;animation-timing-function:var(--m3-ease-standard)!important}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],select,textarea{min-height:44px;border-radius:12px;font-size:16px;line-height:1.3;transition:border-color var(--m3-dur-short) var(--m3-ease-standard),box-shadow var(--m3-dur-short) var(--m3-ease-standard),background-color var(--m3-dur-short) var(--m3-ease-standard)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--dyo-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dyo-accent) 22%,transparent)}label{font-size:12.5px;font-weight:600;color:var(--dyo-subtext);letter-spacing:.01em}.dyo-drawer-panel .dyo-sidebar-section-title,.dyo-drawer-panel [data-section-title]{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dyo-subtext);margin:14px 16px 6px}.dyo-drawer-panel a.dyo-nav-item,.dyo-drawer-panel a[role=menuitem],.dyo-drawer-panel nav a{min-height:44px;border-radius:12px;margin:1px 8px;padding:0 12px;transition:background-color var(--m3-dur-short) var(--m3-ease-standard)}[role=button],a,button{-webkit-tap-highlight-color:transparent}.dyo-drawer-panel-footer,[data-sheet-footer]{padding-bottom:max(env(safe-area-inset-bottom),12px)!important;box-shadow:0 -8px 16px -12px rgb(var(--dyo-shadow-ink-rgb)/.15)}}:root{--dyo-border-soft:rgb(var(--dyo-shadow-ink-rgb)/0.07)}html.dark{--dyo-border-soft:rgb(var(--dyo-on-color-rgb)/0.06)}@media (max-width:1023px){body[style*="overflow: hidden"] .dyo-bottom-tab-nav,body[style*="overflow: hidden"] .dyo-mobile-fab,body[style*="overflow:hidden"] .dyo-bottom-tab-nav,body[style*="overflow:hidden"] .dyo-mobile-fab{opacity:0!important;pointer-events:none!important;transform:translateY(16px);transition:opacity var(--m3-dur-short) var(--m3-ease-standard),transform var(--m3-dur-short) var(--m3-ease-standard)}.dyo-drawer-panel,.fixed.inset-0>.bg-dyo-card.rounded-2xl,.fixed.inset-0>.dyo-modal-card,.fixed.inset-0>.dyo-modal-centered,.fixed.inset-0>div>.dyo-modal-card,.fixed.inset-0>div>.dyo-modal-centered{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:24px 24px 0 0!important;max-height:90dvh!important;max-height:90svh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-shadow:0 -1px 0 0 var(--dyo-border-soft),0 -12px 32px -12px rgb(var(--dyo-shadow-ink-rgb)/.25)!important}.dyo-drawer-panel:before,.fixed.inset-0>.bg-dyo-card.rounded-2xl:before,.fixed.inset-0>.dyo-modal-card:before,.fixed.inset-0>.dyo-modal-centered:before,.fixed.inset-0>div>.dyo-modal-card:before,.fixed.inset-0>div>.dyo-modal-centered:before{content:"";flex-shrink:0;height:4px;width:36px;margin:8px auto 4px;border-radius:9999px;background:rgb(var(--dyo-shadow-ink-rgb)/.18);pointer-events:none}html.dark .dyo-drawer-panel:before,html.dark .fixed.inset-0>.bg-dyo-card.rounded-2xl:before,html.dark .fixed.inset-0>.dyo-modal-card:before,html.dark .fixed.inset-0>.dyo-modal-centered:before{background:rgb(var(--dyo-on-color-rgb)/.22)}.dyo-drawer-panel-body,.dyo-modal-body,[data-modal-body]{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:16px!important}.dyo-drawer-panel-footer,.dyo-modal-footer,[data-modal-footer],[data-sheet-footer]{flex-shrink:0!important;position:sticky!important;bottom:0!important;background:var(--dyo-card)!important;border-top:1px solid var(--dyo-border-soft)!important;padding:12px 16px max(env(safe-area-inset-bottom),12px)!important;box-shadow:0 -8px 16px -12px rgb(var(--dyo-shadow-ink-rgb)/.15)!important;display:flex;gap:8px;z-index:2}.dyo-drawer-panel-footer button,.dyo-modal-footer button,[data-modal-footer] button,[data-sheet-footer] button{min-height:48px;flex:1}.fixed.inset-0.flex.items-center,.fixed.inset-0.flex.items-start{align-items:flex-end!important;padding:0!important}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],select,textarea{min-height:48px;padding-top:10px;padding-bottom:10px}textarea{min-height:96px}.dyo-field+.dyo-field,.dyo-form>*+*,fieldset>*+*,form>*+*{margin-top:14px}label+div,label+input,label+select,label+textarea{margin-top:6px}label.absolute+div,label.absolute+input,label.absolute+select,label.absolute+textarea{margin-top:0!important}.dyo-drawer-panel-body>:last-child,.dyo-modal-body>:last-child,[data-modal-body]>:last-child{margin-bottom:0!important}[data-testid=bank-page] .bank-header-desktop{display:none!important}[data-testid=bank-page] .bank-header-mobile{display:flex!important;flex-direction:column;gap:12px}[data-testid=bank-page] [data-testid=add-bank-btn-mobile]{width:100%;min-height:48px;border-radius:14px;font-size:14px;font-weight:700;letter-spacing:-.005em}[data-testid=bank-page] .bank-search-mobile{width:100%;max-width:100%}[data-testid=bank-page] .bank-search-mobile input{width:100%;min-height:48px;padding-left:40px!important;border-radius:14px;font-size:14px}[data-testid=bank-page]>.bg-dyo-card,[data-testid=dashboard-page]>.bg-dyo-card.rounded-xl,[data-testid=transaksi-page]>.bg-dyo-card{padding-left:16px;padding-right:16px}main>.flex-1>:first-child{margin-top:0}[role=button],a[role=button],button{min-height:44px}.dyo-btn-inline-xs,button[aria-label=Tutup]{min-height:0}.dyo-mobile-fab{z-index:30}.fixed.inset-0{z-index:50}.dyo-page-header-card,[data-page-header]{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border-radius:0!important;border:none!important;padding:0!important;margin-bottom:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;min-height:0!important}.dyo-page-header-card>div,[data-page-header]>div{display:contents!important}.dyo-page-header-title-block,[data-testid=bank-header-mobile]>div.dyo-page-header-title-block{display:none!important}.dyo-page-header-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;padding:6px 0!important;width:100%!important;justify-content:flex-end!important}[data-testid=bank-header-mobile] .dyo-page-header-actions{width:auto!important;padding:0!important}.dyo-page-header-actions button{min-height:34px!important;height:34px!important;padding:0 12px!important;border-radius:9px!important;font-size:12.5px!important;font-weight:600!important;gap:5px!important;white-space:nowrap;flex-shrink:0;width:auto!important;flex:none!important}.dyo-page-header-actions button.bg-blue-600,.dyo-page-header-actions button.bg-red-600{padding:0 13px!important}.dyo-page-header-actions button[style*=background-color],.dyo-page-header-actions button[style*=backgroundColor]{padding:0 13px!important;width:auto!important}.dyo-page-header-actions button:not(.bg-blue-600):not(.bg-red-600):not([style*=backgroundColor]):not([style*=background-color]) .dyo-action-label{display:none!important}.dyo-page-header-actions button:not(.bg-blue-600):not(.bg-red-600):not([style*=backgroundColor]):not([style*=background-color]){width:34px!important;padding:0!important;justify-content:center!important}.dyo-page-header-actions button svg{width:15px!important;height:15px!important;flex-shrink:0}[data-testid=bank-page] .dyo-page-header-card,[data-testid=bank-page] [data-page-header]{display:block!important;padding:0!important}[data-testid=bank-page] .bank-header-mobile{display:flex!important;flex-direction:column!important;gap:7px!important}[data-testid=bank-page] [data-testid=add-bank-btn-mobile]{min-height:34px!important;height:34px!important;width:auto!important;align-self:flex-end!important;padding:0 13px!important;border-radius:9px!important;font-size:12.5px!important;font-weight:600!important}[data-testid=bank-page] .bank-search-mobile{width:100%!important}[data-testid=activity-page] .dyo-page-header-card,[data-testid=blacklist-page] .dyo-page-header-card,[data-testid=fee-rekber-page] .dyo-page-header-card,[data-testid=pencairan-page] .dyo-page-header-card,[data-testid=seller-page] .dyo-page-header-card,[data-testid=transaksi-page] .dyo-page-header-card,[data-testid=users-page] .dyo-page-header-card{margin-bottom:-4px!important}.dyo-warning-banner{padding:9px 11px!important;border-radius:10px!important;gap:8px!important}.dyo-warning-banner svg{width:14px!important;height:14px!important;margin-top:1px!important}.dyo-warning-banner p:first-child{font-size:11.5px!important;font-weight:700!important;margin-bottom:1px!important}.dyo-warning-banner p:last-child{font-size:11px!important;line-height:1.4!important}.bg-dyo-card-2.border.border-dyo-border.rounded-xl{padding:9px 11px!important;font-size:11px!important;border-radius:10px!important}}@media (max-width:1023px){.dyo-page-header-card:not(:has(.dyo-page-header-actions)){display:none!important}}@media (max-width:1023px){body{font-size:12.5px!important;line-height:1.42!important}.dyo-h1,h1{font-size:18px!important;letter-spacing:-.02em!important;line-height:1.2!important}.dyo-h2,h2{font-size:15px!important;letter-spacing:-.015em!important;line-height:1.24!important}.dyo-h3,h3{font-size:13.5px!important;letter-spacing:-.01em!important;line-height:1.28!important}.dyo-caption{font-size:10px!important;letter-spacing:.05em!important}.dyo-label,label{font-size:11px!important}.dyo-mobile-content{padding:10px max(12px,env(safe-area-inset-right)) max(env(safe-area-inset-bottom),80px) max(12px,env(safe-area-inset-left))!important}.bg-dyo-card.rounded-2xl,.bg-dyo-card.rounded-xl,.bg-dyo-card.rounded-xl.p-4,.bg-dyo-card.rounded-xl.p-5,.dyo-card{padding:12px!important}.bg-dyo-card.rounded-2xl,.bg-dyo-card.rounded-xl{border-radius:13px!important}.space-y-4>*+*{margin-top:10px!important}.space-y-5>*+*{margin-top:12px!important}.space-y-6>*+*{margin-top:14px!important}.gap-4{gap:10px!important}.gap-5{gap:12px!important}.gap-6{gap:14px!important}.gap-3{gap:8px!important}[data-testid=dashboard-page] .bg-dyo-card.rounded-xl{padding:11px 12px 13px!important}[data-testid=dashboard-page] .bg-dyo-card.rounded-xl p.text-lg{font-size:17px!important;line-height:1.15!important;font-weight:700!important}[data-testid=dashboard-page] .bg-dyo-card.rounded-xl p.text-\[10px\]{font-size:9.5px!important;letter-spacing:.05em!important}[data-testid=dashboard-page] .bg-dyo-card.rounded-xl .h-9{height:30px!important;width:30px!important;border-radius:9px!important}[data-testid=dashboard-page] .grid.grid-cols-2{gap:8px!important}[data-testid=transaksi-mobile-list]>div[data-testid^=transaksi-card-]{padding:11px 12px 10px!important;border-radius:13px!important}.dyo-tx-price{font-size:16px!important;letter-spacing:-.018em!important}.dyo-tx-invoice{font-size:11.5px!important}.dyo-tx-messenger{font-size:10px!important}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],select{min-height:40px!important;font-size:15px!important;padding-top:8px!important;padding-bottom:8px!important;border-radius:10px!important}textarea{min-height:80px!important;font-size:15px!important;border-radius:10px!important}.dyo-field+.dyo-field,.dyo-form>*+*,fieldset>*+*,form>*+*{margin-top:11px!important}label+div,label+input,label+select,label+textarea{margin-top:4px!important}label.absolute+div,label.absolute+input,label.absolute+select,label.absolute+textarea{margin-top:0!important}[role=button],a[role=button],button{min-height:38px!important}.dyo-drawer-panel-footer button,.dyo-modal-footer button,[data-modal-footer] button,[data-sheet-footer] button{min-height:44px!important}[data-testid=mobile-header]>div{height:46px!important}.dyo-bottom-tab-list{height:54px!important;padding-top:4px!important}.dyo-bottom-tab-label{font-size:9.5px!important;margin-top:1px!important}.dyo-bottom-tab-icon-wrap{width:48px!important;height:26px!important}.dyo-drawer-panel a.dyo-nav-item,.dyo-drawer-panel a[role=menuitem],.dyo-drawer-panel nav a{min-height:38px!important;font-size:13px!important;padding:0 10px!important}.dyo-drawer-panel .dyo-sidebar-section-title,.dyo-drawer-panel [data-section-title]{font-size:9.5px!important;margin:11px 14px 5px!important}.bank-search-mobile input{min-height:40px!important;font-size:13px!important;border-radius:12px!important}[data-testid=bank-page] [data-testid=add-bank-btn-mobile]{min-height:38px!important;height:38px!important;font-size:12.5px!important;border-radius:9px!important;padding:0 12px!important}.dyo-page-header-actions button{min-height:32px!important;height:32px!important;font-size:12px!important;padding:0 10px!important;border-radius:8px!important}.dyo-page-header-actions button svg{width:14px!important;height:14px!important}.dyo-drawer-panel-body,.dyo-modal-body,[data-modal-body]{padding-bottom:12px!important}.dyo-drawer-panel-footer,.dyo-modal-footer,[data-modal-footer],[data-sheet-footer]{padding:10px 14px max(env(safe-area-inset-bottom),10px)!important;gap:6px!important}[data-testid=activity-page] .grid .bg-dyo-card.rounded-xl{padding:10px 12px!important}[data-testid=activity-page] .grid .text-2xl{font-size:18px!important;font-weight:700!important}[data-testid=activity-page] .grid .text-sm{font-size:11px!important}}