/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{:where(body){font-family:var(--ui-font);font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-body);color:var(--ui-text);-webkit-font-smoothing:antialiased;font-synthesis:none}:where(*){box-sizing:border-box}:where(h1,h2,h3,h4,p,ul,ol,dl,dd,figure){margin:0}:where(ul,ol){padding:0;list-style:none}:where(button,input,select,textarea){font:inherit;color:inherit;letter-spacing:inherit}:where(button){cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}:where(a){color:inherit;text-decoration:none}:where(svg){flex:none;display:block}:where(table){border-collapse:collapse;border-spacing:0}.ui-icon{width:var(--ui-icon-md);height:var(--ui-icon-md)}.ui-icon--sm{width:var(--ui-icon-sm);height:var(--ui-icon-sm)}.ui-icon--lg{width:var(--ui-icon-lg);height:var(--ui-icon-lg)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.ui-num{font-variant-numeric:tabular-nums}.db-mark{object-fit:contain;width:32px;height:32px;display:block}.db-datarows{padding:0 var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-surface-sunken);display:grid}.db-datarow{justify-content:space-between;gap:var(--ui-space-3);padding:var(--ui-space-3) 0;font-size:var(--ui-text-body);line-height:var(--ui-lh-body);display:flex}.db-datarow+.db-datarow{border-top:1px solid var(--ui-border)}.db-datarow dt{color:var(--ui-text-secondary)}.db-datarow dd{font-weight:var(--ui-weight-label);text-align:right;overflow-wrap:anywhere;min-width:0}.ui-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.db-amount-display{font-size:var(--ui-text-display);line-height:var(--ui-lh-display);letter-spacing:var(--ui-ls-display);font-weight:var(--ui-weight-strong);font-variant-numeric:tabular-nums}.db-section-label{font-size:var(--ui-text-label);line-height:var(--ui-lh-label);font-weight:var(--ui-weight-label);color:var(--ui-text-secondary)}.db-card-title{align-items:center;gap:var(--ui-space-1);font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-strong);color:var(--ui-text);display:inline-flex}.db-card-title>.ui-icon{color:var(--ui-text-secondary)}.db-card-title:hover>.ui-icon{color:var(--ui-text)}.db-card-title--lg{font-size:var(--ui-text-nav);line-height:var(--ui-lh-nav)}.ui-preview-demo{gap:var(--ui-space-4);flex-wrap:wrap;align-items:center;display:flex}.ui-preview-stack{gap:var(--ui-space-4);grid-template-columns:minmax(0,1fr);display:grid}.ui-preview-note{font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-text-secondary)}.ui-preview-note b{font-weight:var(--ui-weight-strong);color:var(--ui-text)}.ui-preview-card{background:var(--ui-surface);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-material-small);padding:var(--ui-card-pad)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:where(body){background:var(--ui-canvas);margin:0}}@layer components{.db-btn{justify-content:center;align-items:center;gap:var(--ui-space-2);height:var(--ui-btn-h);padding:0 var(--ui-space-4);border-radius:var(--ui-radius-control);font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-strong);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-dur-hover) var(--ui-ease-out), color var(--ui-dur-hover) var(--ui-ease-out), transform var(--ui-dur-press) var(--ui-ease-out);display:inline-flex;position:relative}.db-btn>.ui-icon{width:var(--ui-icon-sm);height:var(--ui-icon-sm)}.db-btn--block{width:100%}.db-btn-stack{gap:var(--ui-space-2);display:grid}.db-btn-row{gap:var(--ui-space-3);flex-wrap:wrap;display:flex}.db-btn-row--end{justify-content:flex-end}.db-btn--primary{background:var(--ui-action);color:var(--ui-on-brand)}.db-btn--primary:hover,.db-btn--primary.is-hover{background:var(--ui-action-hover)}.db-btn--secondary{background:var(--ui-surface-sunken);color:var(--ui-text)}.db-btn--secondary:hover,.db-btn--secondary.is-hover{background:var(--ui-border)}.db-btn--ghost{color:var(--ui-action);background:0 0}.db-btn--ghost-ink{color:var(--ui-text)}.db-btn--ghost:hover,.db-btn--ghost.is-hover{background:var(--ui-surface-sunken)}.db-btn--danger{background:var(--ui-danger-light);color:var(--ui-danger-text)}.db-btn--danger:hover,.db-btn--danger.is-hover{background:var(--ui-danger-border)}.db-btn:active,.db-btn.is-pressed{transform:scale(.98)}.db-btn--primary:active,.db-btn--primary.is-pressed{background:var(--ui-action-hover)}.db-btn--secondary:active,.db-btn--secondary.is-pressed{background:var(--ui-border-strong)}.db-btn.is-focus{outline:2px solid var(--ui-focus);outline-offset:2px}.db-btn:disabled,.db-btn.is-disabled{background:var(--ui-surface-sunken);color:var(--ui-text-disabled);box-shadow:none;cursor:not-allowed;transform:none}.db-btn.is-loading{pointer-events:none}.db-btn.is-loading>:not(.db-spinner){visibility:hidden}.db-spinner{width:var(--ui-icon-sm);height:var(--ui-icon-sm);border-radius:var(--ui-radius-pill);border:2px solid;border-right-color:#0000;margin:auto;animation:.8s linear infinite db-spin;position:absolute;inset:0}@keyframes db-spin{to{transform:rotate(360deg)}}.db-iconbtn{width:var(--ui-iconbtn);height:var(--ui-iconbtn);border-radius:var(--ui-radius-pill);color:var(--ui-text);transition:background-color var(--ui-dur-hover) var(--ui-ease-out), transform var(--ui-dur-press) var(--ui-ease-out);place-items:center;display:inline-grid}.db-iconbtn:hover,.db-iconbtn.is-hover{background:var(--ui-surface-sunken)}.db-iconbtn:active{transform:scale(.96)}.db-iconbtn.is-focus{outline:2px solid var(--ui-focus);outline-offset:2px}.db-iconbtn:disabled{color:var(--ui-text-disabled);cursor:not-allowed;background:0 0}.db-iconbtn--ring{background:var(--ui-surface);width:40px;height:40px;box-shadow:var(--ui-material-base)}.db-iconbtn--ring:hover,.db-iconbtn--ring.is-hover{background:var(--ui-surface-sunken)}.db-iconbtn--muted{color:var(--ui-text-secondary)}.db-chip{align-items:center;gap:var(--ui-space-2);height:var(--ui-chip-h);padding:0 var(--ui-space-3) 0 10px;border-radius:var(--ui-radius-pill);background:var(--ui-surface-sunken);color:var(--ui-text);font-size:var(--ui-text-label);line-height:var(--ui-lh-label);font-weight:var(--ui-weight-label);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--ui-dur-hover) var(--ui-ease-out), transform var(--ui-dur-press) var(--ui-ease-out);display:inline-flex}.db-chip>.ui-icon:first-child{color:var(--ui-text-secondary)}.db-chip>.ui-icon:last-child:not(:first-child){color:var(--ui-text-secondary);margin-left:-2px}.db-chip>.ui-icon:only-child{margin:0 -2px}.db-chip:not(:has(.ui-icon:first-child)){padding-left:var(--ui-space-3)}.db-chip:hover,.db-chip.is-hover{background:var(--ui-border)}.db-chip:active{transform:scale(.98)}.db-chip.is-focus{outline:2px solid var(--ui-focus);outline-offset:2px}.db-chip--surface{background:var(--ui-surface);box-shadow:var(--ui-material-base)}.db-chip--surface:hover,.db-chip--surface.is-hover{background:var(--ui-surface-sunken)}.db-chip.is-active{background:var(--ui-action-light);color:var(--ui-action);box-shadow:none}.db-chip.is-active>.ui-icon{color:inherit}.db-chip.is-active:hover{background:var(--ui-action-light)}.db-chip--danger{background:var(--ui-danger-light);color:var(--ui-danger-text)}.db-chip--danger>.ui-icon{color:inherit}.db-chip--danger:hover{background:var(--ui-danger-border)}.db-chip:disabled{background:var(--ui-surface-sunken);color:var(--ui-text-disabled);box-shadow:none;cursor:not-allowed;transform:none}.db-chip:disabled>.ui-icon{color:inherit}.db-chip-row{gap:var(--ui-space-2);flex-wrap:wrap;display:flex}.db-search{align-items:center;gap:var(--ui-space-2);width:280px;max-width:100%;height:var(--ui-chip-h);padding:0 var(--ui-space-2) 0 var(--ui-space-3);border-radius:var(--ui-radius-pill);background:var(--ui-surface);box-shadow:var(--ui-material-base);color:var(--ui-text-secondary);cursor:text;transition:box-shadow var(--ui-dur-hover) var(--ui-ease-out);display:inline-flex}.db-search--narrow{width:220px}.db-search__input{min-width:0;height:100%;font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-text);appearance:none;background:0 0;border:0;outline:none;flex:1;padding:0}.db-search__input::placeholder{color:var(--ui-text-muted);opacity:1}.db-search__input::-webkit-search-cancel-button{display:none}.db-search:focus-within,.db-search.is-focus{box-shadow:var(--ui-material-base), 0 0 0 2px var(--ui-action)}.db-search__clear{border-radius:var(--ui-radius-pill);width:24px;height:24px;color:var(--ui-text-secondary);place-items:center;display:grid}.db-search__clear:hover{background:var(--ui-surface-sunken)}.db-search.is-disabled{background:var(--ui-surface-sunken);box-shadow:none;color:var(--ui-text-disabled);cursor:not-allowed}.db-search:has(.db-search__input:disabled){background:var(--ui-surface-sunken);box-shadow:none;color:var(--ui-text-disabled);cursor:not-allowed}.db-search:has(.db-search__input:disabled) .db-search__input::placeholder{color:var(--ui-text-disabled)}.db-form{gap:var(--ui-space-4);display:grid}.db-form__section{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-strong);margin-top:var(--ui-space-2)}.db-form__section:first-child{margin-top:0}.db-form__row{gap:var(--ui-space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;display:grid}.db-form-field{gap:var(--ui-space-2);display:grid}.db-field{min-height:var(--ui-field-h);border-radius:var(--ui-radius-control);background:var(--ui-surface-sunken);color:var(--ui-text);transition:box-shadow var(--ui-dur-hover) var(--ui-ease-out);background:var(--ui-surface);box-shadow:inset 0 0 0 1px var(--ui-border);align-items:stretch;display:flex;position:relative}.db-field.is-disabled{background:var(--ui-surface-sunken);box-shadow:none}.db-field:has(.db-field__input:disabled){background:var(--ui-surface-sunken);box-shadow:none}.db-field__input{width:100%;min-width:0;height:var(--ui-field-h);padding:22px var(--ui-space-4) 8px;border-radius:inherit;font-size:var(--ui-text-body-lg);line-height:var(--ui-lh-body-lg);color:var(--ui-text);appearance:none;background:0 0;border:0;outline:none;flex:1}.db-field__label{left:var(--ui-space-4);font-size:var(--ui-text-body-lg);line-height:var(--ui-lh-body-lg);color:var(--ui-text-muted);pointer-events:none;transform-origin:0 0;transition:top var(--ui-dur-hover) var(--ui-ease-out), transform var(--ui-dur-hover) var(--ui-ease-out), font-size var(--ui-dur-hover) var(--ui-ease-out);position:absolute;top:50%;transform:translateY(-50%)}.db-field__input:focus~.db-field__label,.db-field__input:not(:placeholder-shown)~.db-field__label,.db-field__label.is-up{font-size:var(--ui-text-caption);line-height:var(--ui-lh-caption);color:var(--ui-text-secondary);top:9px;transform:none}.db-field:focus-within,.db-field.is-focus{box-shadow:0 0 0 2px var(--ui-action)}.db-field__helper{font-size:var(--ui-text-label);line-height:var(--ui-lh-label-read);color:var(--ui-text-secondary)}.db-form-field.is-error .db-field{box-shadow:inset 0 0 0 1px var(--ui-danger)}.db-form-field.is-error .db-field:focus-within{box-shadow:inset 0 0 0 1px var(--ui-danger), 0 0 0 2px var(--ui-action)}.db-form-field.is-error .db-field__helper{color:var(--ui-danger-text)}.db-field.is-disabled{cursor:not-allowed}.db-field:has(.db-field__input:disabled){cursor:not-allowed}.db-field__input:disabled{color:var(--ui-text-disabled);cursor:not-allowed}.db-field__input:disabled~.db-field__label{color:var(--ui-text-muted)}.db-field--trail .db-field__input,.db-field--select .db-field__input{padding-right:var(--ui-space-12)}.db-field__trail{right:var(--ui-space-4);color:var(--ui-text-secondary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.db-field--select .db-field__input{cursor:pointer}.db-field--select .db-field__input.is-placeholder{color:var(--ui-text-muted)}.db-field--textarea{min-height:var(--ui-textarea-h)}.db-field--textarea .db-field__input{height:var(--ui-textarea-h);resize:vertical;padding-top:26px}.db-field--textarea .db-field__label{top:18px;transform:none}.db-field--textarea .db-field__input:focus~.db-field__label,.db-field--textarea .db-field__input:not(:placeholder-shown)~.db-field__label{top:9px}.db-field--prefix .db-field__prefix{padding:0 0 8px var(--ui-space-4);font-size:var(--ui-text-body-lg);line-height:var(--ui-lh-body-lg);color:var(--ui-text-secondary);align-items:flex-end;display:flex}.db-field--prefix .db-field__input{padding-left:var(--ui-space-2)}.db-check{align-items:center;gap:var(--ui-space-3);cursor:pointer;font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label);display:inline-flex;position:relative}.db-check__input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.db-check__box{border-radius:var(--ui-radius-check);background:var(--ui-surface);width:20px;height:20px;box-shadow:inset 0 0 0 1.5px var(--ui-border-strong);color:var(--ui-on-brand);transition:background-color var(--ui-dur-hover) var(--ui-ease-out), box-shadow var(--ui-dur-hover) var(--ui-ease-out);flex:none;place-items:center;display:grid}.db-check__box>.ui-icon{opacity:0;stroke-width:2.4px;width:14px;height:14px}.db-check:hover .db-check__box{box-shadow:inset 0 0 0 1.5px var(--ui-text-muted)}.db-check__input:checked~.db-check__box,.db-check__input[data-mixed]~.db-check__box{background:var(--ui-action);box-shadow:none}.db-check__input:checked~.db-check__box>.ui-icon,.db-check__input[data-mixed]~.db-check__box>.ui-icon{opacity:1}.db-check__input:focus-visible~.db-check__box,.db-check.is-focus .db-check__box{outline:2px solid var(--ui-focus);outline-offset:2px}.db-check__input:disabled~.db-check__box{background:var(--ui-surface-sunken);box-shadow:inset 0 0 0 1.5px var(--ui-border);color:var(--ui-text-muted)}.db-check__input:disabled~.db-check__text{color:var(--ui-text-secondary)}.db-check:has(.db-check__input:disabled){cursor:not-allowed}.db-checkrow-list{gap:var(--ui-space-2);display:grid}.db-checkrow-head{padding:0 0 var(--ui-space-1)}.db-checkrow{align-items:flex-start;gap:var(--ui-space-3);padding:var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-material-base);cursor:pointer;transition:background-color var(--ui-dur-hover) var(--ui-ease-out);display:flex;position:relative}.db-checkrow:hover{background:var(--ui-surface-sunken)}.db-checkrow .db-check__box{margin-top:1px}.db-checkrow__body{gap:2px;min-width:0;display:grid}.db-checkrow__title{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label)}.db-checkrow__sub{font-size:var(--ui-text-label);line-height:var(--ui-lh-label-read);color:var(--ui-text-secondary)}.db-checkrow.is-disabled{cursor:not-allowed;background:var(--ui-surface)}.db-checkrow:has(.db-check__input:disabled){cursor:not-allowed;background:var(--ui-surface)}.db-checkrow:has(.db-check__input:disabled) .db-checkrow__title{color:var(--ui-text-secondary)}.db-switch-label{align-items:center;gap:var(--ui-space-3);font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label);cursor:pointer;display:inline-flex}.db-switch{border-radius:var(--ui-radius-pill);background:var(--ui-text-disabled);width:44px;height:24px;box-shadow:inset 0 0 0 1px var(--ui-text-muted);transition:background-color var(--ui-dur-hover) var(--ui-ease-out), box-shadow var(--ui-dur-hover) var(--ui-ease-out);flex:none;position:relative}.db-switch__thumb{border-radius:var(--ui-radius-pill);background:var(--ui-surface);width:20px;height:20px;box-shadow:0 1px 2px var(--ui-shadow-tight), 0 0 0 1px var(--ui-shadow-ring);transition:transform var(--ui-dur-hover) var(--ui-ease-out);position:absolute;top:2px;left:2px}.db-switch[aria-checked=true]{background:var(--ui-action);box-shadow:none}.db-switch[aria-checked=true] .db-switch__thumb{transform:translate(20px)}.db-switch[aria-checked=true]:hover{background:var(--ui-action-hover)}.db-switch[aria-checked=false]:hover{background:var(--ui-text-muted)}.db-switch.is-focus{outline:2px solid var(--ui-focus);outline-offset:2px}.db-switch:disabled{cursor:not-allowed;background:var(--ui-surface-sunken);box-shadow:inset 0 0 0 1px var(--ui-border)}.db-switch:disabled[aria-checked=true]{background:var(--ui-action-light);box-shadow:none}.db-switch:disabled .db-switch__thumb{background:var(--ui-surface);box-shadow:0 0 0 1px var(--ui-border)}.db-switch-label:has(.db-switch:disabled){cursor:not-allowed;color:var(--ui-text-secondary)}.db-segmented{padding:var(--ui-space-1);border-radius:var(--ui-radius-md);background:var(--ui-surface-sunken);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:inline-grid}.db-segmented__item{height:var(--ui-pointer-min);padding:0 var(--ui-space-3);border-radius:var(--ui-radius-sm);font-size:var(--ui-text-label);line-height:var(--ui-lh-label);font-weight:var(--ui-weight-strong);color:var(--ui-text-secondary);text-align:center;white-space:nowrap;transition:background-color var(--ui-dur-hover) var(--ui-ease-out), color var(--ui-dur-hover) var(--ui-ease-out)}.db-segmented__item:hover{color:var(--ui-text)}.db-segmented__item[aria-checked=true]{background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-material-base)}.db-segmented__item:disabled{color:var(--ui-text-disabled);cursor:not-allowed}.db-tabs{padding:var(--ui-space-1);border-radius:var(--ui-radius-pill);background:var(--ui-surface-sunken);flex-wrap:wrap;gap:2px;display:inline-flex}.db-tabs__tab{height:28px;padding:0 var(--ui-space-3);border-radius:var(--ui-radius-pill);font-size:var(--ui-text-label);line-height:var(--ui-lh-label);font-weight:var(--ui-weight-strong);color:var(--ui-text-secondary);white-space:nowrap;transition:background-color var(--ui-dur-hover) var(--ui-ease-out)}.db-tabs__tab:hover{color:var(--ui-text)}.db-tabs__tab[aria-selected=true]{background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-material-base)}.db-status{font-size:var(--ui-text-label);line-height:var(--ui-lh-label);font-weight:var(--ui-weight-strong);color:var(--ui-text-secondary);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.db-status:before{content:"";border-radius:var(--ui-radius-pill);background:var(--ui-border-strong);flex:none;width:7px;height:7px}.db-status>.ui-icon{color:inherit}.db-status:has(>.ui-icon):before{display:none}.db-status--muted{color:var(--ui-text-muted)}.db-status--success{color:var(--ui-success-text)}.db-status--success:before{background:var(--ui-success)}.db-status--warning{color:var(--ui-warning-text)}.db-status--warning:before{background:var(--ui-warning)}.db-status--danger{color:var(--ui-danger-text)}.db-status--danger:before{background:var(--ui-danger)}.db-delta{align-items:center;gap:var(--ui-space-1);font-size:var(--ui-text-label);line-height:var(--ui-lh-label);font-weight:var(--ui-weight-label);color:var(--ui-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex}.db-delta--up{color:var(--ui-success-text)}.db-delta--down{color:var(--ui-danger-text)}.db-rail{width:var(--ui-rail-w);min-height:100%;padding:var(--ui-space-4) 0;border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-material-small);flex-direction:column;flex:none;justify-content:space-between;align-items:center;display:flex}.db-rail__top{justify-items:center;gap:var(--ui-space-6);display:grid}.db-rail__logo{border-radius:var(--ui-radius-md);place-items:center;width:40px;height:40px;display:grid}.db-rail__logo .db-mark{width:40px;height:40px}.db-rail__list{gap:var(--ui-space-1);width:64px;display:grid}.db-rail__item{justify-items:center;gap:var(--ui-space-1);padding:var(--ui-space-2) 0;color:var(--ui-text-secondary);text-align:center;display:grid}.db-rail__pill{border-radius:var(--ui-radius-pill);width:48px;height:32px;transition:background-color var(--ui-dur-hover) var(--ui-ease-out);place-items:center;display:grid}.db-rail__label{font-size:var(--ui-text-caption);line-height:var(--ui-lh-caption);font-weight:var(--ui-weight-strong);max-width:var(--ui-rail-w);text-overflow:ellipsis;white-space:nowrap;padding:0 var(--ui-space-1);overflow:hidden}.db-rail__item:hover .db-rail__pill,.db-rail__item.is-hover .db-rail__pill{background:var(--ui-surface-sunken)}.db-rail__item.is-active{color:var(--ui-action)}.db-rail__item.is-active .db-rail__pill{background:var(--ui-action-light)}.db-rail__item:focus-visible{outline:none}.db-rail__item:focus-visible .db-rail__pill{outline:2px solid var(--ui-focus);outline-offset:2px}@container (width<=1023px){.db-rail{width:100%;min-height:0;padding:var(--ui-space-2);flex-direction:row;align-items:center;gap:0;height:auto!important}.db-rail__top{gap:var(--ui-space-2);flex:1;grid-auto-flow:column;min-width:0}.db-rail__logo{display:none}.db-rail__list{flex:1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;width:auto;min-width:0}.db-rail__list--bottom{flex:none;width:64px;margin:0}.db-rail__item{min-width:0;padding:var(--ui-space-1) 0}.db-rail__pill{width:40px}.db-rail__label{max-width:100%}}.db-rail-demo{display:flex}.db-rail-demo>.db-rail{height:100%}.db-topbar{align-items:center;gap:var(--ui-space-3);min-height:var(--ui-topbar-h);padding:var(--ui-space-2) 0;background:var(--ui-canvas);flex-wrap:wrap;display:flex}.db-topbar__title{min-width:min(10em,100%);font-size:var(--ui-text-title);line-height:var(--ui-lh-title);letter-spacing:var(--ui-ls-title);font-weight:var(--ui-weight-strong);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.db-topbar__right{justify-content:flex-end;align-items:center;gap:var(--ui-space-3);flex-wrap:wrap;margin-left:auto;display:flex}.db-topbar__right>.db-btn{margin-right:var(--ui-space-2)}.db-pill{height:var(--ui-chip-h);max-width:240px;padding:0 var(--ui-space-3);border-radius:var(--ui-radius-pill);background:var(--ui-surface);box-shadow:var(--ui-material-base);color:var(--ui-text);font-size:var(--ui-text-label);line-height:var(--ui-lh-label);font-weight:var(--ui-weight-strong);transition:background-color var(--ui-dur-hover) var(--ui-ease-out);align-items:center;gap:6px;display:inline-flex}.db-pill>.ui-icon{color:var(--ui-text-secondary)}.db-pill:hover,.db-pill.is-open{background:var(--ui-surface-sunken)}.db-pill__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.db-pill:has(.db-pill__initials){gap:var(--ui-space-2);padding-left:var(--ui-space-1)}.db-pill__initials{border-radius:var(--ui-radius-pill);background:var(--ui-action-light);width:28px;height:28px;color:var(--ui-action);font-size:var(--ui-text-caption);line-height:1;font-weight:var(--ui-weight-strong);letter-spacing:0;flex:none;place-items:center;display:grid}.db-avatar{width:var(--ui-chip-h);height:var(--ui-chip-h);border-radius:var(--ui-radius-pill);background:var(--ui-action);color:var(--ui-on-brand);font-size:var(--ui-text-caption);line-height:1;font-weight:var(--ui-weight-strong);flex:none;place-items:center;display:grid}.db-avatar:hover{background:var(--ui-action-hover)}.db-menu-demo{gap:var(--ui-space-2);justify-items:start;display:inline-grid;position:relative}.db-menu{min-width:240px;max-width:320px;padding:var(--ui-space-2);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-material-menu)}.db-menu__head{padding:var(--ui-space-2) var(--ui-space-3) var(--ui-space-1);font-size:var(--ui-text-caption);line-height:var(--ui-lh-caption);font-weight:var(--ui-weight-label);color:var(--ui-text-secondary)}.db-menu__item{align-items:center;gap:var(--ui-space-3);min-height:var(--ui-chip-h);padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-sm);font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label);transition:background-color var(--ui-dur-hover) var(--ui-ease-out);display:flex}.db-menu__item>.ui-icon{color:var(--ui-text-secondary)}.db-menu__item>.ui-icon:last-child:not(:first-child){margin-left:auto}.db-menu__item:hover{background:var(--ui-surface-sunken)}.db-menu__item.is-active{color:var(--ui-action)}.db-menu__item.is-active>.ui-icon{color:inherit}.db-menu__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.db-menu__item--danger{color:var(--ui-danger-text)}.db-menu__item--danger>.ui-icon{color:inherit}.db-menu__sep{height:1px;margin:var(--ui-space-2) var(--ui-space-1);background:var(--ui-border)}.db-kpi-row{grid-template-columns:repeat(auto-fit, minmax(var(--ui-kpi-min-w), 1fr));gap:var(--ui-card-gap);display:grid}.db-kpi{padding:var(--ui-space-1);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-material-glow)}.db-kpi__inner{align-content:start;gap:var(--ui-space-4);height:100%;padding:var(--ui-space-4);border-radius:var(--ui-radius-lg);background:var(--ui-surface);display:grid}.db-kpi__title{align-items:center;gap:var(--ui-space-2);font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-strong);display:flex}.db-kpi__title>.ui-icon{color:var(--ui-action)}.db-kpi__period{font-size:var(--ui-text-caption);line-height:var(--ui-lh-caption);color:var(--ui-text-secondary)}.db-kpi__body{justify-content:space-between;align-items:center;gap:var(--ui-space-2) var(--ui-space-3);flex-wrap:wrap;display:flex}.db-kpi__figures{gap:var(--ui-space-1);flex:auto;min-width:0;display:grid}.db-kpi__period{margin-bottom:2px}.db-kpi__value{font-size:var(--ui-text-title);line-height:var(--ui-lh-title);letter-spacing:var(--ui-ls-title);font-weight:var(--ui-weight-strong);white-space:nowrap}.db-spark{width:96px;height:56px;color:var(--ui-action);flex:none;margin-left:auto;overflow:visible}.db-spark__line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:miter;stroke-linecap:butt}.db-spark--empty{color:var(--ui-border-strong)}.db-spark--empty .db-spark__line{stroke-dasharray:2 3}@media (width<=479px){.db-spark{width:72px;height:42px}}.db-chart{gap:var(--ui-space-1);padding:var(--ui-space-1);border-radius:var(--ui-radius-xl);background:var(--ui-canvas);border:1px solid var(--ui-border);display:grid}.db-chart__head{justify-content:space-between;align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-2) var(--ui-space-3) var(--ui-space-2) var(--ui-space-4);flex-wrap:wrap;display:flex}.db-chart__chips{gap:var(--ui-space-2);flex-wrap:wrap;display:flex}.db-chart__inner{gap:var(--ui-space-4);padding:var(--ui-space-4);border-radius:var(--ui-radius-lg);background:var(--ui-surface);display:grid}.db-chart__summary{gap:var(--ui-space-1);display:grid}.db-chart__period{font-size:var(--ui-text-caption);line-height:var(--ui-lh-caption);font-weight:var(--ui-weight-label);color:var(--ui-text-secondary)}.db-chart__amount{align-items:baseline;gap:var(--ui-space-1) var(--ui-space-3);flex-wrap:wrap;display:flex}.db-linechart{color:var(--ui-action)}.db-linechart__plot{padding-right:56px;position:relative}.db-linechart__svg,.db-linechart__dots{width:100%;height:220px;display:block;overflow:visible}.db-linechart__dots{pointer-events:none;width:calc(100% - 56px);position:absolute;top:0;left:0}.db-linechart__grid line{stroke:var(--ui-border);stroke-width:1px;vector-effect:non-scaling-stroke}.db-linechart__line{fill:none;stroke:currentColor;stroke-width:3px;stroke-linejoin:miter;stroke-linecap:butt;vector-effect:non-scaling-stroke}.db-linechart__line--compare{stroke:var(--ui-border-strong);stroke-width:2px}.db-linechart__dotset circle{fill:var(--ui-surface);stroke:currentColor;stroke-width:2px}.db-linechart__y{width:44px;position:absolute;top:0;bottom:0;right:0}.db-linechart__y li{right:0;top:var(--y);font-size:var(--ui-text-caption);line-height:var(--ui-lh-caption);color:var(--ui-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute;transform:translateY(-50%)}.db-linechart__x{margin-top:var(--ui-space-3);font-size:var(--ui-text-caption);line-height:var(--ui-lh-caption);color:var(--ui-text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;padding-right:56px;display:flex}.db-linechart__x li{text-align:center;white-space:nowrap;flex:1}.db-linechart__x li:first-child{text-align:left}.db-linechart__x li:last-child{text-align:right}@media (width<=767px){.db-linechart__svg,.db-linechart__dots{height:160px}.db-linechart__x li:nth-child(2n){visibility:hidden}}@media (width<=479px){.db-linechart__x li:not(:first-child):not(:last-child):not(:nth-child(8)){display:none}.db-linechart__x li:nth-child(8){visibility:visible}}.db-empty--plot{justify-content:center;min-height:220px}.db-card{align-content:start;gap:var(--ui-card-gap);padding:var(--ui-card-pad);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-material-small);display:grid}.db-card>.db-card-title{justify-self:start}.db-breakdown-grid{gap:var(--ui-card-gap);grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));display:grid}.db-barlist{gap:var(--ui-space-3);display:grid}.db-barrow{min-width:0}.db-barrow__line{align-items:baseline;gap:var(--ui-space-2);font-size:var(--ui-text-body);line-height:var(--ui-lh-body);display:flex}.db-barrow__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.db-barrow__amount{font-weight:var(--ui-weight-label);white-space:nowrap}.db-barrow__pct{text-align:right;min-width:3.4em;font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-text-secondary);white-space:nowrap}.db-barrow__track{border-radius:var(--ui-radius-pill);background:var(--ui-surface-sunken);height:6px;margin-top:6px;overflow:hidden}.db-barrow__fill{border-radius:inherit;background:var(--ui-action);height:100%}.db-setup{gap:var(--ui-space-4);align-content:start;display:grid}.db-setup__head{align-items:center;gap:var(--ui-space-3);display:flex}.db-setup__text{gap:2px;min-width:0;display:grid}.db-setup__title{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-strong)}.db-setup__sub{font-size:var(--ui-text-label);line-height:var(--ui-lh-label-read);color:var(--ui-text-secondary)}.db-ring{width:44px;height:44px;color:var(--ui-action);flex:none;place-items:center;display:grid;position:relative}.db-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.db-ring__track{fill:none;stroke:var(--ui-action-light);stroke-width:4px}.db-ring__fill{fill:none;stroke:currentColor;stroke-width:4px;stroke-linecap:round;stroke-dasharray:var(--ring) 100}.db-ring__label{font-size:var(--ui-text-caption);line-height:1;font-weight:var(--ui-weight-strong);position:relative}.db-quick{gap:var(--ui-space-2);display:grid}.db-quick>.db-section-label{margin-bottom:var(--ui-space-1)}.db-tile{align-items:center;gap:var(--ui-space-3);height:72px;padding:var(--ui-space-3);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-material-small);color:var(--ui-text);transition:box-shadow var(--ui-dur-lift) var(--ui-ease-out);display:flex}.db-tile:hover,.db-tile.is-hover{box-shadow:var(--ui-material-large)}.db-tile__icon{border-radius:var(--ui-radius-pill);background:var(--ui-surface-sunken);width:48px;height:48px;color:var(--ui-text);flex:none;place-items:center;display:grid}.db-tile__label{min-width:0;font-size:var(--ui-text-body-lg);line-height:var(--ui-lh-body-lg);font-weight:var(--ui-weight-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.db-tile__pill{width:var(--ui-chip-h);height:var(--ui-chip-h);border-radius:var(--ui-radius-pill);background:var(--ui-surface);box-shadow:var(--ui-material-small);color:var(--ui-text);flex:none;place-items:center;display:grid}.db-tile__pill>.ui-icon{width:18px;height:18px}.db-recent{gap:var(--ui-space-2)}.db-txlist{display:grid}.db-txlist>li+li .db-txrow{border-top:1px solid var(--ui-border)}.db-txrow{align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-3) 0;color:var(--ui-text);transition:background-color var(--ui-dur-hover) var(--ui-ease-out);display:flex}.db-txrow:hover{background:var(--ui-surface-sunken);box-shadow:0 0 0 var(--ui-space-2) var(--ui-surface-sunken);border-radius:2px}.db-txrow__icon{border-radius:var(--ui-radius-pill);background:var(--ui-surface-sunken);width:36px;height:36px;color:var(--ui-text);flex:none;place-items:center;display:grid}.db-txrow__body{flex:1;gap:2px;min-width:0;display:grid}.db-txrow__main{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.db-txrow__meta{font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.db-txrow__meta--warning{color:var(--ui-warning-text)}.db-txrow__meta--danger{color:var(--ui-danger-text)}.db-txrow__amount{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label);white-space:nowrap}.db-txrow.is-void .db-txrow__amount{color:var(--ui-text-secondary);text-decoration:line-through}.db-table-card{border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-material-small);overflow:hidden}.db-toolbar{align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-4);flex-wrap:wrap;display:flex}.db-toolbar__actions{gap:var(--ui-space-2);flex-wrap:wrap;margin-left:auto;display:flex}.db-toolbar--bulk{background:var(--ui-action-tint)}.db-toolbar__count{margin-right:var(--ui-space-2);font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-strong);font-variant-numeric:tabular-nums}.db-table-card__banner{padding:0 var(--ui-space-4) var(--ui-space-4)}.db-table__scroll{background:linear-gradient(to right, var(--ui-surface) 30%, transparent), linear-gradient(to left, var(--ui-surface) 30%, transparent) 100% 0, linear-gradient(to right, var(--ui-shadow-ring), transparent), linear-gradient(to left, var(--ui-shadow-ring), transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll;position:relative;overflow-x:auto}.db-table{width:100%;min-width:880px}.db-table--tx{min-width:760px}.db-table th,.db-table td{padding:0 var(--ui-space-2);text-align:left;vertical-align:middle;border-top:1px solid var(--ui-border)}.db-table thead th{border-top:0}.db-table th{height:43px;font-size:var(--ui-text-label);line-height:var(--ui-lh-label);font-weight:var(--ui-weight-strong);color:var(--ui-text-secondary);white-space:nowrap}.db-table td{height:calc(var(--ui-row-h) - 1px);font-size:var(--ui-text-body);line-height:var(--ui-lh-body)}.db-table tbody tr{transition:background-color var(--ui-dur-hover) var(--ui-ease-out)}.db-table tbody tr:hover{background:var(--ui-surface-sunken)}.db-table tbody tr.is-selected{background:var(--ui-action-tint)}.db-table tbody tr:focus-within{outline:2px solid var(--ui-focus);outline-offset:-2px}.db-table__check{width:36px;padding:0 0 0 var(--ui-space-4)!important}.db-table__check .db-check{width:36px;height:calc(var(--ui-row-h) - 1px);align-items:center;display:flex}.db-table th.db-table__check .db-check{height:43px}.db-table__primary{width:100%}.db-table__main{align-items:center;gap:var(--ui-space-3);min-width:0;display:flex}.db-table td.db-table__primary{max-width:0}.db-table__main{height:calc(var(--ui-row-h) - 1px)}.db-table__cell2{gap:0;min-width:0;display:grid}.db-table__name{font-weight:var(--ui-weight-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-table__meta{font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-table__num{white-space:nowrap;text-align:right!important}.db-table__secondary{color:var(--ui-text-secondary)}.db-table__strong{font-weight:var(--ui-weight-label)}.db-table__more{width:36px;padding:0 var(--ui-space-3) 0 0!important}.db-table__stock,.db-table__method{align-items:center;gap:var(--ui-space-2);white-space:nowrap;display:inline-flex}.db-table__method>.ui-icon{color:var(--ui-text-secondary)}.db-table tr.is-void .db-table__amount{color:var(--ui-text-secondary);text-decoration:line-through}.db-table td:not(.db-table__primary):not(.db-table__check):not(.db-table__more){white-space:nowrap}.db-table--produk td:nth-child(3),.db-table--tx td:nth-child(3){min-width:120px}.db-table-card.is-narrowed .db-table__opt{display:none}.db-table-card.is-narrowed .db-table{min-width:640px}.db-thumb{border-radius:var(--ui-radius-sm);background:var(--ui-surface-sunken);width:40px;height:40px;box-shadow:var(--ui-inset-outline);color:var(--ui-text-secondary);flex:none;place-items:center;display:grid;overflow:hidden}.db-thumb>img{object-fit:cover;width:100%;height:100%}.db-thumb--sm{width:32px;height:32px}.db-thumb--sm>.ui-icon{width:16px;height:16px}.db-pagination{justify-content:space-between;align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-3) var(--ui-space-4);border-top:1px solid var(--ui-border);flex-wrap:wrap;display:flex}.db-pagination__count{font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-text-secondary)}.db-pagination__pages{align-items:center;gap:var(--ui-space-1);display:flex}.db-pagination__page{min-width:var(--ui-pointer-min);height:var(--ui-pointer-min);padding:0 var(--ui-space-2);border-radius:var(--ui-radius-pill);font-size:var(--ui-text-label);line-height:var(--ui-lh-label);font-weight:var(--ui-weight-strong);color:var(--ui-text-secondary);font-variant-numeric:tabular-nums;transition:background-color var(--ui-dur-hover) var(--ui-ease-out);place-items:center;display:grid}.db-pagination__page:hover{background:var(--ui-surface-sunken);color:var(--ui-text)}.db-pagination__page.is-active{background:var(--ui-action-light);color:var(--ui-action)}.db-skel-row--table{padding:0 var(--ui-space-4)}.db-panel-demo{grid-template-columns:repeat(auto-fit, minmax(300px, var(--ui-panel-w)));gap:var(--ui-card-gap);align-items:start;display:grid}.db-panel{width:100%;max-width:var(--ui-panel-w);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-material-medium);flex-direction:column;display:flex}.db-panel--sticky{top:var(--ui-space-6);max-height:calc(100vh - var(--ui-topbar-h) - var(--ui-space-6));position:sticky}.db-panel__top{align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-4) var(--ui-space-4) 0;display:flex}.db-panel__title{text-align:center;min-width:0;font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-strong);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.db-panel__body{min-height:0;padding:var(--ui-space-4) var(--ui-space-6) var(--ui-space-6);flex:1;overflow:auto}.db-panel__head{justify-items:start;gap:var(--ui-space-2);display:grid}.db-panel__head.is-void .db-amount-display{color:var(--ui-text-secondary);text-decoration:line-through}.db-panel__meta{font-size:var(--ui-text-label);line-height:var(--ui-lh-label-read);color:var(--ui-text-secondary)}.db-panel__head--entity{align-items:center;gap:var(--ui-space-3);grid-template-columns:auto 1fr}.db-panel__name{font-size:var(--ui-text-title);line-height:var(--ui-lh-title);letter-spacing:var(--ui-ls-title);font-weight:var(--ui-weight-strong)}.db-panel__actions{gap:var(--ui-space-2);margin-top:var(--ui-space-4);flex-wrap:wrap;display:flex}.db-panel__section{margin-top:var(--ui-space-6)}.db-panel__section>.db-section-label{margin-bottom:var(--ui-space-2)}.db-lineitems{display:grid}.db-lineitem{align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-3) 0;border-bottom:1px solid var(--ui-border);display:flex}.db-lineitem__body{flex:1;min-width:0;display:grid}.db-lineitem__name{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-lineitem__meta{font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-text-secondary)}.db-lineitem__total{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label);white-space:nowrap;justify-items:end;display:grid}.db-lineitem__discount{font-size:var(--ui-text-label);line-height:var(--ui-lh-label);font-weight:var(--ui-weight-body);color:var(--ui-success-text)}.db-totals{margin-top:var(--ui-space-2);display:grid}.db-totals__row{justify-content:space-between;gap:var(--ui-space-3);padding:var(--ui-space-2) 0;font-size:var(--ui-text-body);line-height:var(--ui-lh-body);display:flex}.db-totals__row dt{color:var(--ui-text-secondary)}.db-totals__row dd{font-weight:var(--ui-weight-label);white-space:nowrap}.db-totals__row--total{margin-top:var(--ui-space-1);padding-top:var(--ui-space-3);border-top:1px solid var(--ui-border);font-size:var(--ui-text-nav);line-height:var(--ui-lh-nav)}.db-totals__row--total dt,.db-totals__row--total dd{color:var(--ui-text);font-weight:var(--ui-weight-strong)}.db-totals__row--total.is-void dd{color:var(--ui-text-secondary);text-decoration:line-through}.db-note{margin-top:var(--ui-space-4);padding:var(--ui-space-3) var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-neutral-light);border:1px solid var(--ui-neutral-border);color:var(--ui-neutral-text);gap:2px;display:grid}.db-note__title{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-strong)}.db-note__body{font-size:var(--ui-text-label);line-height:var(--ui-lh-label-read)}.db-note--danger{background:var(--ui-danger-light);border-color:var(--ui-danger-border);color:var(--ui-danger-text)}.db-modal-layer{z-index:40;padding:var(--ui-space-6);background:var(--ui-scrim);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.db-modal-layer--demo{z-index:auto;grid-template-columns:repeat(auto-fit, minmax(280px, var(--ui-modal-w)));justify-content:center;align-items:start;gap:var(--ui-space-6);border-radius:var(--ui-radius-lg);position:relative;inset:auto}.db-modal{width:100%;max-width:var(--ui-modal-w);padding:var(--ui-space-6);border-radius:var(--ui-radius-xl);background:var(--ui-surface);box-shadow:var(--ui-material-modal)}.db-modal--md{max-width:var(--ui-modal-w-md)}.db-modal--lg{max-width:var(--ui-modal-w-lg)}.db-modal-layer--demo-lg{grid-template-columns:minmax(280px, var(--ui-modal-w-lg))}.db-modal__head{align-items:center;gap:var(--ui-space-2);margin:calc(-1 * var(--ui-space-2)) 0 0 calc(-1 * var(--ui-space-2));display:flex}.db-modal__title{font-size:var(--ui-text-nav);line-height:var(--ui-lh-nav);font-weight:var(--ui-weight-strong)}.db-modal__sub{font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-text-secondary)}.db-modal__body{gap:var(--ui-space-4);margin-top:var(--ui-space-4);display:grid}.db-modal__text{font-size:var(--ui-text-body);line-height:var(--ui-lh-body-read);color:var(--ui-text-secondary)}.db-modal__foot{gap:var(--ui-space-2);margin-top:var(--ui-space-6);display:grid}.db-modal--result{text-align:center}.db-modal--result .db-modal__title{margin-top:var(--ui-space-4)}.db-modal__status{border-radius:var(--ui-radius-pill);background:var(--ui-surface-sunken);width:48px;height:48px;color:var(--ui-text);place-items:center;margin:0 auto;display:grid}.db-modal__status--success{background:var(--ui-success-light);color:var(--ui-success-text)}.db-modal__status--warning{background:var(--ui-warning-light);color:var(--ui-warning-text)}.db-modal__status--danger{background:var(--ui-danger-light);color:var(--ui-danger-text)}@media (prefers-reduced-motion:no-preference){.db-modal-layer:not(.db-modal-layer--demo){animation:db-scrim var(--ui-dur-menu) var(--ui-ease-out)}.db-modal-layer:not(.db-modal-layer--demo) .db-modal{animation:db-modal-in var(--ui-dur-modal) var(--ui-ease-out)}}@keyframes db-scrim{0%{opacity:0}}@keyframes db-modal-in{0%{opacity:0;transform:scale(.98)}}.db-daterange{gap:var(--ui-space-5);margin-top:var(--ui-space-4);grid-template-columns:148px minmax(0,1fr);display:grid}.db-presets{align-content:start;gap:2px;display:grid}.db-preset{width:100%;height:40px;padding:0 var(--ui-space-3);border-radius:var(--ui-radius-sm);font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label);color:var(--ui-text);text-align:left;transition:background-color var(--ui-dur-hover) var(--ui-ease-out);display:block}.db-preset:hover{background:var(--ui-surface-sunken)}.db-preset.is-active{background:var(--ui-action-light);color:var(--ui-action)}.db-cal-pair{justify-content:space-between;gap:var(--ui-space-4);grid-template-columns:repeat(auto-fit,238px);display:grid}.db-cal{align-content:start;gap:var(--ui-space-2);display:grid}.db-cal__head{justify-content:space-between;align-items:center;display:flex}.db-cal__spacer{width:var(--ui-iconbtn)}.db-cal__month{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-strong)}.db-cal__weekdays,.db-cal__grid{grid-template-columns:repeat(7,34px);display:grid}.db-cal__weekdays span{font-size:var(--ui-text-caption);line-height:var(--ui-lh-caption);color:var(--ui-text-muted);text-align:center}.db-cal__grid{row-gap:2px}.db-cal__cell{border-radius:var(--ui-radius-sm);width:34px;height:40px;font-size:var(--ui-text-label);line-height:var(--ui-lh-label);font-weight:var(--ui-weight-label);color:var(--ui-text);text-align:center;font-variant-numeric:tabular-nums;position:relative}.db-cal__cell:before{content:"";position:absolute;inset:0 -3px}.db-cal__cell:hover{background:var(--ui-surface-sunken)}.db-cal__cell.is-range{background:var(--ui-action-tint);color:var(--ui-action);border-radius:0}.db-cal__cell.is-start{border-radius:var(--ui-radius-sm) 0 0 var(--ui-radius-sm)}.db-cal__cell.is-end{border-radius:0 var(--ui-radius-sm) var(--ui-radius-sm) 0}.db-cal__cell.is-range:nth-child(7n+1){border-top-left-radius:var(--ui-radius-sm);border-bottom-left-radius:var(--ui-radius-sm)}.db-cal__cell.is-range:nth-child(7n){border-top-right-radius:var(--ui-radius-sm);border-bottom-right-radius:var(--ui-radius-sm)}.db-cal__cell.is-start.is-end{border-radius:var(--ui-radius-sm)}.db-cal__cell.is-start,.db-cal__cell.is-end{background:var(--ui-action);color:var(--ui-on-brand)}.db-cal__cell.is-today:not(.is-start):not(.is-end){box-shadow:inset 0 0 0 1px var(--ui-action)}.db-cal__cell.is-disabled{color:var(--ui-text-disabled);cursor:not-allowed}.db-cal__cell.is-disabled:hover{background:0 0}@media (width<=767px){.db-daterange{grid-template-columns:1fr}.db-presets{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (width<=479px){.db-cal-pair{grid-template-columns:minmax(0,1fr)}.db-cal__weekdays,.db-cal__grid{grid-template-columns:repeat(7,1fr)}.db-cal__cell{width:auto}}.db-empty{justify-content:center;align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-6) var(--ui-space-4);text-align:center;color:var(--ui-text-secondary);flex-direction:column;display:flex}.db-empty>.ui-icon{width:32px;height:32px;color:var(--ui-text-muted)}.db-empty__title{margin-top:var(--ui-space-2);font-size:var(--ui-text-nav);line-height:var(--ui-lh-nav);font-weight:var(--ui-weight-strong);color:var(--ui-text)}.db-empty__body{max-width:36rem;font-size:var(--ui-text-body);line-height:var(--ui-lh-body-read)}.db-empty__actions{justify-content:center;gap:var(--ui-space-2);margin-top:var(--ui-space-3);flex-wrap:wrap;display:flex}.db-empty--full{padding:var(--ui-space-12) var(--ui-space-4)}.db-empty-grid{gap:var(--ui-card-gap);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.db-banner{align-items:flex-start;gap:var(--ui-space-3);padding:var(--ui-space-4);border-radius:var(--ui-radius-md);border:1px solid var(--ui-neutral-border);background:var(--ui-neutral-light);color:var(--ui-neutral-text);display:flex}.db-banner>.ui-icon{flex:none;margin-top:1px}.db-banner__body{flex:1;gap:2px;min-width:0;display:grid}.db-banner__title{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-strong)}.db-banner__text{font-size:var(--ui-text-body);line-height:var(--ui-lh-body-read)}.db-banner>.db-chip{flex:none;align-self:center}.db-banner--danger{background:var(--ui-danger-light);border-color:var(--ui-danger-border);color:var(--ui-danger-text)}.db-banner--warning{background:var(--ui-warning-light);border-color:var(--ui-warning-border);color:var(--ui-warning-text)}.db-banner--info{background:var(--ui-info-light);border-color:var(--ui-info-border);color:var(--ui-info-text)}.db-banner--success{background:var(--ui-success-light);border-color:var(--ui-success-border);color:var(--ui-success-text)}@media (width<=479px){.db-banner{flex-wrap:wrap}.db-banner>.db-chip{margin-left:calc(var(--ui-icon-md) + var(--ui-space-3))}}.db-toast{align-items:center;gap:var(--ui-space-3);max-width:480px;min-height:44px;padding:var(--ui-space-1) var(--ui-space-1) var(--ui-space-1) var(--ui-space-3);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:var(--ui-material-menu);color:var(--ui-text);display:inline-flex}.db-toast>.ui-icon{color:var(--ui-success-text);flex:none}.db-toast__text{min-width:0;padding:var(--ui-space-2) 0;font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label);flex:1}.db-toast__text:last-child{padding-right:var(--ui-space-2)}.db-toast>.db-chip{flex:none}.db-toast--danger>.ui-icon{color:var(--ui-danger-text)}.db-toast-layer{left:calc(var(--ui-rail-w) + var(--ui-space-6));bottom:var(--ui-space-6);z-index:50;position:fixed}@media (prefers-reduced-motion:no-preference){.db-toast-layer .db-toast{animation:db-toast-in var(--ui-dur-toast) var(--ui-ease-sheet)}}@keyframes db-toast-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=1023px){.db-toast-layer{left:var(--ui-space-4);right:var(--ui-space-4)}}.db-tip-anchor{align-items:center;display:inline-flex;position:relative}.db-tip-anchor__text{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.db-tooltip{z-index:30;border-radius:var(--ui-radius-sm);background:var(--ui-text);max-width:280px;color:var(--ui-canvas);font-size:var(--ui-text-label);line-height:var(--ui-lh-label-read);font-weight:var(--ui-weight-label);white-space:normal;text-align:center;width:max-content;box-shadow:var(--ui-material-tooltip);pointer-events:none;padding:6px 10px;position:absolute;left:50%;transform:translate(-50%)}.db-tooltip:after{content:"";border:5px solid #0000;position:absolute;left:50%;transform:translate(-50%)}.db-tooltip--top{bottom:calc(100% + 8px)}.db-tooltip--top:after{border-top-color:var(--ui-text);top:100%}.db-tooltip--bottom{top:calc(100% + 8px)}.db-tooltip--bottom:after{border-bottom-color:var(--ui-text);bottom:100%}.db-tip-demo{max-width:720px;padding:var(--ui-space-12) 0 var(--ui-space-10);grid-template-columns:auto auto auto;justify-content:space-between;display:grid;position:relative;overflow:hidden}@media (width<=767px){.db-tip-demo{justify-items:start;row-gap:var(--ui-space-6);padding:var(--ui-space-4) 0;grid-template-columns:minmax(0,1fr)}.db-tip-demo .db-tip-anchor{align-items:flex-start;gap:var(--ui-space-2);flex-direction:column;max-width:100%}.db-tip-demo .db-tooltip{width:auto;max-width:100%;position:static;transform:none}.db-tip-demo .db-tooltip:after{display:none}}.db-tooltip--start{left:0;transform:none}.db-tooltip--start:after{left:18px;transform:none}.db-skel{border-radius:var(--ui-radius-sm);background:var(--ui-surface-sunken);height:14px;animation:1.2s linear infinite alternate db-shimmer;display:block}.db-skel--sm{height:10px}.db-skel--lg{height:22px}.db-skel--check{border-radius:var(--ui-radius-check);flex:none;width:20px;height:20px}.db-skel--thumb{flex:none;width:40px;height:40px}.db-skel-row{align-items:center;gap:var(--ui-space-4);height:var(--ui-row-h);display:flex}.db-skel-row+.db-skel-row{border-top:1px solid var(--ui-border)}.db-skel-kpis{grid-template-columns:repeat(auto-fit, minmax(var(--ui-kpi-min-w), 1fr));gap:var(--ui-card-gap);display:grid}.db-skel-kpi{gap:var(--ui-space-3);align-content:start;min-height:145px;display:grid}@keyframes db-shimmer{0%{opacity:1}to{opacity:.5}}@media (prefers-reduced-motion:reduce){.db-skel{animation:none}}.db-settings{gap:var(--ui-space-2);display:grid}.db-settings__card{border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-material-small);overflow:hidden}.db-srow{align-items:center;gap:var(--ui-space-3);width:100%;padding:18px var(--ui-space-4);color:var(--ui-text);text-align:left;transition:background-color var(--ui-dur-hover) var(--ui-ease-out);display:flex}.db-srow+.db-srow{border-top:1px solid var(--ui-border)}.db-srow>.ui-icon{color:var(--ui-text-secondary);flex:none}.db-srow>.ui-icon:last-child{color:var(--ui-text-muted)}.db-srow:not(.db-srow--static):hover{background:var(--ui-surface-sunken)}.db-srow__body{flex:1;gap:2px;min-width:0;display:grid}.db-srow__label{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label)}.db-srow__sub{font-size:var(--ui-text-label);line-height:var(--ui-lh-label-read);color:var(--ui-text-secondary)}.db-srow__value{max-width:40%;font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-text-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.db-srow--danger{color:var(--ui-danger-text)}.db-srow--danger>.ui-icon{color:inherit}.db-srow--brand{box-shadow:inset 6px 0 0 var(--ui-accent)}@media (width<=479px){.db-srow{flex-wrap:wrap}.db-srow__body{flex-basis:calc(100% - var(--ui-icon-md) - var(--ui-space-3))}.db-srow__value{max-width:100%}}.db-stepper{align-items:center;gap:var(--ui-space-2);flex-wrap:wrap;display:flex}.db-step{align-items:center;gap:var(--ui-space-2);display:flex}.db-step+.db-step:before{content:"";width:32px;height:1px;margin-right:var(--ui-space-2);background:var(--ui-border)}.db-step__dot{border-radius:var(--ui-radius-pill);background:var(--ui-surface-sunken);width:24px;height:24px;color:var(--ui-text-secondary);font-size:var(--ui-text-caption);line-height:1;font-weight:var(--ui-weight-strong);place-items:center;display:grid}.db-step__dot>.ui-icon{stroke-width:2.4px;width:14px;height:14px}.db-step__label{font-size:var(--ui-text-label);line-height:var(--ui-lh-label);font-weight:var(--ui-weight-label);color:var(--ui-text-secondary);white-space:nowrap}.db-step.is-done .db-step__dot,.db-step.is-active .db-step__dot{background:var(--ui-action);color:var(--ui-on-brand)}.db-step.is-active .db-step__label{color:var(--ui-text);font-weight:var(--ui-weight-strong)}.db-step.is-done .db-step__label{color:var(--ui-text)}.db-code{align-items:center;gap:var(--ui-space-3);flex-wrap:wrap;display:flex}.db-code__boxes{gap:var(--ui-space-2);display:inline-flex}.db-code__box{width:48px;height:var(--ui-field-h);border-radius:var(--ui-radius-md);background:var(--ui-surface-sunken);font-size:var(--ui-text-title);letter-spacing:var(--ui-ls-title);line-height:1;font-weight:var(--ui-weight-strong);color:var(--ui-text);place-items:center;display:grid}.db-code__box.is-masked{color:var(--ui-text-secondary)}.db-code__box.is-focus{box-shadow:0 0 0 2px var(--ui-action)}.db-code__boxes.is-error .db-code__box{box-shadow:inset 0 0 0 1px var(--ui-danger);color:var(--ui-danger-text)}.db-field__helper--error{color:var(--ui-danger-text)}@media (width<=479px){.db-code__box{width:40px}}.db-upload{justify-content:center;align-items:center;gap:var(--ui-space-2);min-height:128px;padding:var(--ui-space-4);border-radius:var(--ui-radius-md);border:1px solid var(--ui-border);background:var(--ui-surface-sunken);color:var(--ui-text-secondary);text-align:center;transition:background-color var(--ui-dur-hover) var(--ui-ease-out), border-color var(--ui-dur-hover) var(--ui-ease-out);flex-direction:column;display:flex}.db-upload>.ui-icon{color:var(--ui-text-secondary)}.db-upload__text{font-size:var(--ui-text-label);line-height:var(--ui-lh-label-read)}.db-upload__hint{font-size:var(--ui-text-caption);line-height:var(--ui-lh-caption);color:var(--ui-text-muted)}.db-link{color:var(--ui-action);font-weight:var(--ui-weight-label);text-underline-offset:2px;text-decoration:underline}.db-upload.is-dragover{background:var(--ui-action-tint);border-color:var(--ui-action);color:var(--ui-action)}.db-upload.is-dragover>.ui-icon{color:inherit}.db-upload--file{justify-content:flex-start;gap:var(--ui-space-3);min-height:0;padding:var(--ui-space-3) var(--ui-space-3) var(--ui-space-3) var(--ui-space-4);text-align:left;flex-direction:row}.db-upload__body{flex:1;min-width:0;display:grid}.db-upload__name{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label);color:var(--ui-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-upload__meta{font-size:var(--ui-text-label);line-height:var(--ui-lh-label)}.db-upload>.db-chip:has(.ui-sr:focus-visible){outline:2px solid var(--ui-focus);outline-offset:2px}.db-photo{border-radius:var(--ui-radius-md);background:var(--ui-surface-sunken);min-height:200px;max-height:min(60vh,560px);box-shadow:var(--ui-inset-outline);place-items:center;margin:0;display:grid;overflow:hidden}.db-photo>img{object-fit:contain;max-width:100%;max-height:min(60vh,560px);display:block}button.db-thumb{cursor:pointer;transition:transform var(--ui-dur-press) var(--ui-ease-out), box-shadow var(--ui-dur-hover) var(--ui-ease-out)}button.db-thumb:hover{box-shadow:var(--ui-inset-outline), 0 0 0 2px var(--ui-action-tint)}button.db-thumb:active{transform:scale(.96)}.db-receipt-layout{gap:var(--ui-space-8);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@container (width>=60rem){.db-receipt-layout{grid-template-columns:minmax(0,1fr) auto}}.db-receipt-preview{gap:var(--ui-space-3);top:var(--ui-space-4);justify-items:center;display:grid;position:sticky}.db-receipt{width:13rem;padding:var(--ui-space-4) var(--ui-space-3);background:var(--ui-surface);box-shadow:var(--ui-material-small);font-size:var(--ui-text-caption);font-variant-numeric:tabular-nums;color:var(--ui-text);line-height:1.5}.db-receipt--80{width:18rem}.db-receipt__logo{width:48px;height:48px;margin:0 auto var(--ui-space-2);object-fit:contain;display:block}.db-receipt__c{text-align:center;overflow-wrap:anywhere}.db-receipt__hr{border:0;border-top:1px dashed var(--ui-border-strong);margin:var(--ui-space-2) 0}.db-receipt__row{justify-content:space-between;gap:var(--ui-space-2);display:flex}.db-receipt__row--sub{padding-left:var(--ui-space-2)}.db-receipt__row--total{font-weight:var(--ui-weight-strong)}.db-receipt__row--muted{color:var(--ui-text-secondary)}.db-receipt__item{margin-top:2px}@media print{body.is-printing-receipt{background:#fff;margin:0}body.is-printing-receipt>:not(#root),body.is-printing-receipt #root>:not(.db-app),body.is-printing-receipt .db-app>:not(.db-app__main),body.is-printing-receipt .db-app__main>:not(.db-page),body.is-printing-receipt .db-page>:not(.db-page__inner),body.is-printing-receipt .db-page__inner>:not(.db-receipt-layout),body.is-printing-receipt .db-receipt-layout>:not(.db-receipt-preview),body.is-printing-receipt .db-receipt-preview>:not(.db-receipt){display:none!important}body.is-printing-receipt .db-app,body.is-printing-receipt .db-app__main,body.is-printing-receipt .db-page,body.is-printing-receipt .db-page__inner,body.is-printing-receipt .db-receipt-layout,body.is-printing-receipt .db-receipt-preview{background:0 0;gap:0;max-width:none;height:auto;min-height:0;margin:0;padding:0;display:block;position:static;container-type:normal}body.is-printing-receipt .db-receipt{box-shadow:none;break-inside:avoid;margin:0}@page{margin:6mm}}.db-sortable{gap:var(--ui-space-2);margin:0;padding:0;list-style:none;display:grid}.db-sortable__row{align-items:center;gap:var(--ui-space-3);min-height:3rem;padding:var(--ui-space-2) var(--ui-space-2) var(--ui-space-2) var(--ui-space-4);background:var(--ui-surface-sunken);border-radius:var(--ui-radius-panel);display:flex}.db-sortable__row--locked{padding-right:var(--ui-space-4)}.db-sortable__row.is-dragging{opacity:.5}.db-sortable__row.is-over{outline:2px solid var(--ui-focus);outline-offset:-2px}.db-sortable__grip{width:28px;height:28px;margin-left:calc(var(--ui-space-2) * -1);border-radius:var(--ui-radius-pill);color:var(--ui-text-muted);cursor:grab;touch-action:none;place-items:center;display:grid}.db-sortable__grip:active{cursor:grabbing}.db-sortable__grip:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.db-sortable__row>.ui-icon{color:var(--ui-text-muted)}.db-sortable__label{min-width:6rem;font-size:var(--ui-text-body-lg);font-weight:var(--ui-weight-label);overflow-wrap:anywhere;flex:1}.db-sortable__meta{min-width:0;font-size:var(--ui-text-caption);color:var(--ui-text-secondary);margin-right:var(--ui-space-2);text-align:right;flex:0 auto}.db-sortable__add{gap:var(--ui-space-2);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.db-sortable__add .db-btn{height:var(--ui-field-h)}.db-qris{gap:var(--ui-space-5);max-width:var(--ui-form-max);display:grid}.db-qris>.db-stepper{margin-bottom:var(--ui-space-1)}.db-qris__section{gap:var(--ui-space-2);display:grid}.db-qris__lead{font-size:var(--ui-text-label);line-height:var(--ui-lh-label-read);color:var(--ui-text-secondary)}.db-qris__section>.db-form,.db-qris__section>.db-qris__uploads{margin-top:var(--ui-space-2)}.db-qris__uploads{gap:var(--ui-space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.db-qris__foot{justify-content:flex-end;gap:var(--ui-space-3);margin-top:var(--ui-space-1);flex-wrap:wrap;display:flex}.db-brandcard{padding:var(--ui-card-pad) var(--ui-card-pad) var(--ui-card-pad) var(--ui-space-6);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-material-small), inset 6px 0 0 var(--ui-accent)}.db-brandcard__title{font-size:var(--ui-text-nav);line-height:var(--ui-lh-nav);font-weight:var(--ui-weight-strong)}.db-brandcard__body{margin-top:var(--ui-space-2);font-size:var(--ui-text-body);line-height:var(--ui-lh-body-read);color:var(--ui-text-secondary)}.db-qris--status{gap:var(--ui-space-5)}.db-qris__states{gap:var(--ui-space-6);grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));align-items:start;display:grid}.db-result{padding:var(--ui-space-6);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-material-small);text-align:center}.db-result__icon{width:48px;height:48px;margin:0 auto var(--ui-space-4);border-radius:var(--ui-radius-pill);background:var(--ui-surface-sunken);color:var(--ui-text);place-items:center;display:grid}.db-result__icon--success{background:var(--ui-success-light);color:var(--ui-success-text)}.db-result__icon--warning{background:var(--ui-warning-light);color:var(--ui-warning-text)}.db-result__icon--danger{background:var(--ui-danger-light);color:var(--ui-danger-text)}.db-result__title{font-size:var(--ui-text-nav);line-height:var(--ui-lh-nav);font-weight:var(--ui-weight-strong)}.db-result__body{margin-top:var(--ui-space-2);font-size:var(--ui-text-body);line-height:var(--ui-lh-body-read);color:var(--ui-text-secondary)}.db-result__rows{margin-top:var(--ui-space-5);text-align:left}.db-result__reasons{gap:var(--ui-space-2);margin-top:var(--ui-space-5);padding:var(--ui-space-3) var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-danger-light);text-align:left;display:grid}.db-result__reasons li{gap:var(--ui-space-2);font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-danger-text);display:flex}.db-result__reasons .ui-icon{flex:none;margin-top:1px}.db-result>.db-btn{margin-top:var(--ui-space-5)}.db-result>.db-btn+.db-btn{margin-top:var(--ui-space-2)}@media (width<=479px){.db-qris__foot{justify-content:stretch}.db-qris__foot>.db-btn{flex:1}}.db-auth-grid{align-items:start;gap:var(--ui-space-8);grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));justify-items:center;display:grid}.db-auth{align-content:start;gap:var(--ui-space-4);width:100%;max-width:var(--ui-modal-w);justify-items:center;display:grid}.db-auth__card{width:100%;padding:var(--ui-space-8);border-radius:var(--ui-radius-lg);background:var(--ui-surface);box-shadow:var(--ui-material-small);text-align:center}.db-auth__mark{width:40px;margin:0 auto var(--ui-space-5);display:block}.db-auth__mark .db-mark{width:40px;height:40px}.db-auth__title{font-size:var(--ui-text-title);line-height:var(--ui-lh-title);letter-spacing:var(--ui-ls-title);font-weight:var(--ui-weight-strong)}.db-auth__sub{margin-top:var(--ui-space-2);font-size:var(--ui-text-body);line-height:var(--ui-lh-body-read);color:var(--ui-text-secondary)}.db-auth__google{margin-top:var(--ui-space-6)}.db-auth__banner{margin-top:var(--ui-space-5);text-align:left}.db-auth__divider{align-items:center;gap:var(--ui-space-3);margin:var(--ui-space-5) 0;font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-text-muted);display:flex}.db-auth__divider:before,.db-auth__divider:after{content:"";background:var(--ui-border);flex:1;height:1px}.db-auth__phone{gap:var(--ui-space-2);margin-top:var(--ui-space-5);text-align:left;grid-template-columns:88px minmax(0,1fr);align-items:start;display:grid}.db-field--code .db-field__input{padding-right:var(--ui-space-3)}.db-auth .db-form{margin-top:var(--ui-space-5);text-align:left}.db-auth__submit{margin-top:var(--ui-space-6)}.db-auth__submit+.db-btn{margin-top:var(--ui-space-2)}.db-auth__legal{max-width:34ch;font-size:var(--ui-text-caption);line-height:var(--ui-lh-caption);color:var(--ui-text-muted);text-align:center}.db-code__boxes--otp{margin-top:var(--ui-space-6);justify-content:center}.db-auth__resend{margin-top:var(--ui-space-3);font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-text-secondary)}.db-code__boxes--otp .db-code__box{width:44px}.db-auth .db-field__helper--error{margin-top:var(--ui-space-3);text-align:center}.db-auth__account{align-items:center;gap:var(--ui-space-3);margin-top:var(--ui-space-5);padding:var(--ui-space-3) var(--ui-space-4);border-radius:var(--ui-radius-md);background:var(--ui-surface-sunken);text-align:left;display:flex}.db-auth__account>.ui-icon{color:var(--ui-text);flex:none}.db-auth__account-body{flex:1;min-width:0;display:grid}.db-auth__account-name{font-size:var(--ui-text-body);line-height:var(--ui-lh-body);font-weight:var(--ui-weight-label);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.db-auth__account-sub{font-size:var(--ui-text-label);line-height:var(--ui-lh-label);color:var(--ui-text-secondary)}.db-auth__account-check{color:var(--ui-success-text);flex:none}@media (width<=419px){.db-auth__card{padding:var(--ui-space-5)}.db-auth__phone{grid-template-columns:76px minmax(0,1fr)}.db-code__boxes--otp{gap:var(--ui-space-1)}.db-code__boxes--otp .db-code__box{width:40px}}.db-app{background:var(--ui-canvas);min-height:100vh;color:var(--ui-text);align-items:stretch;display:flex;container-type:inline-size}.db-app--frame{width:var(--ui-frame-w);zoom:.7}@media (width<=1039px){.db-app--frame{zoom:1;width:auto}}.db-app--demo{border-radius:var(--ui-radius-lg);min-height:0;box-shadow:var(--ui-material-small);overflow:hidden}.db-app>.db-rail{align-self:flex-start;height:100vh;position:sticky;top:0}@media (width<=1023px){.db-app>.db-rail{align-self:stretch;height:auto;position:static}}.db-app>.db-rail{border-top-left-radius:0;border-bottom-left-radius:0}@media (width<=1023px){.db-app>.db-rail{border-radius:0 0 var(--ui-radius-lg) var(--ui-radius-lg)}}.db-app__main{flex-direction:column;flex:1;min-width:0;display:flex}.db-topbar--page{padding-left:var(--ui-content-x);padding-right:var(--ui-content-x)}.db-page{padding:0 var(--ui-content-x) var(--ui-content-x);flex:1}.db-page__inner{gap:var(--ui-card-gap);display:grid}.db-page__inner--narrow{max-width:var(--ui-form-max);margin-inline:auto}.db-page__split{gap:var(--ui-card-gap);grid-template-columns:minmax(0,1fr) 344px;align-items:start;display:grid}.db-page__col{gap:var(--ui-card-gap);align-content:start;min-width:0;display:grid}.db-page__with-panel{grid-template-columns:minmax(0, 1fr) var(--ui-panel-w);align-items:start}.db-page__with-panel>.db-panel{top:var(--ui-space-4);max-height:calc(100vh - var(--ui-space-8));position:sticky}.db-page__with-panel>.db-panel .db-panel__body{overflow:auto}.db-page__form-footer{justify-content:flex-end;gap:var(--ui-space-3);margin-top:var(--ui-space-2);padding:var(--ui-space-4) 0;border-top:1px solid var(--ui-border);background:var(--ui-canvas);display:flex;position:sticky;bottom:0}@container (width<=1259px){.db-page__split,.db-page__with-panel{grid-template-columns:minmax(0,1fr)}.db-page__with-panel>.db-panel{max-width:none;max-height:none;position:static}}@media (width<=1023px){.db-app{flex-direction:column}}@container (width<=1023px){.db-page,.db-topbar--page{padding-left:var(--ui-space-4);padding-right:var(--ui-space-4)}}}@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-full{top:100%}.right-0{right:0}.z-10{z-index:10}.row-19{grid-row:19}.row-20{grid-row:20}.row-44{grid-row:44}.row-99{grid-row:99}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-2{margin-top:var(--ui-space-2)}.mt-4{margin-top:var(--ui-space-4)}.mt-5{margin-top:var(--ui-space-5)}.mb-4{margin-bottom:var(--ui-space-4)}.ml-auto{margin-left:auto}.\!table{display:table!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.size-px{width:1px;height:1px}.h-\(--ui-field-h\){height:var(--ui-field-h)}.min-h-dvh{min-height:100dvh}.w-\(--ui-iconbtn\){width:var(--ui-iconbtn)}.w-full{width:100%}.max-w-form{max-width:var(--ui-form-max)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fit\,minmax\(min\(var\(--ui-kpi-min-w\)\,100\%\)\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(min(var(--ui-kpi-min-w), 100%),1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-between{align-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-start{justify-items:start}.gap-\(--ui-card-gap\){gap:var(--ui-card-gap)}.gap-1{gap:var(--ui-space-1)}.gap-2{gap:var(--ui-space-2)}.gap-3{gap:var(--ui-space-3)}.gap-4{gap:var(--ui-space-4)}.gap-5{gap:var(--ui-space-5)}.justify-self-start{justify-self:flex-start}.border-0{border-style:var(--tw-border-style);border-width:0}.p-0{padding:0}.p-1{padding:var(--ui-space-1)}.p-2{padding:var(--ui-space-2)}.p-9{padding:calc(var(--spacing) * 9)}.p-31{padding:calc(var(--spacing) * 31)}.px-4{padding-inline:var(--ui-space-4)}.py-8{padding-block:var(--ui-space-8)}.text-center{text-align:center}.text-left{text-align:left}.whitespace-nowrap{white-space:nowrap}.text-action{color:var(--ui-action)}.text-text-muted{color:var(--ui-text-muted)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\(--ui-dur-toast\){--tw-duration:var(--ui-dur-toast);transition-duration:var(--ui-dur-toast)}.duration-\(--var\){--tw-duration:var(--var);transition-duration:var(--var)}.ease-\(--ui-ease-sheet\){--tw-ease:var(--ui-ease-sheet);transition-timing-function:var(--ui-ease-sheet)}.outline-none{--tw-outline-style:none;outline-style:none}@media (width>=40rem){.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.sm\:items-center{align-items:center}.sm\:gap-4{gap:var(--ui-space-4)}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-action:#253ce2;--ui-action-hover:#1b2db8;--ui-action-light:#e3e7fc;--ui-action-tint:#f2f3fd;--ui-accent:#e91e78;--ui-accent-text:#c9156a;--ui-accent-light:#fff1f7;--ui-gradient-brand:radial-gradient(115% 150% at 92% 6%, #e91e78 0%, #6d28d9 42%, #253ce2 78%);--ui-on-brand:#fff;--ui-on-brand-muted:#fffc;--ui-on-brand-soft:#ffffff29;--ui-on-gradient:#fff;--ui-google-blue:#4285f4;--ui-google-green:#34a853;--ui-google-yellow:#fbbc05;--ui-google-red:#ea4335;--ui-canvas:#f6f8f7;--ui-surface:#fff;--ui-surface-sunken:#f2f2f2;--ui-border:#e8e8ec;--ui-border-strong:#c5c5c7;--ui-text:#0c111e;--ui-text-secondary:#5b6272;--ui-text-muted:#6b7280;--ui-text-disabled:#c5c5c7;--ui-scrim:#0c111e66;--ui-success:#0e9f6e;--ui-success-text:#047857;--ui-success-light:#e3f5ee;--ui-success-border:#a7dfc9;--ui-warning:#d97706;--ui-warning-text:#92400e;--ui-warning-light:#fdf0dc;--ui-warning-border:#f0c88a;--ui-danger:#dc2626;--ui-danger-text:#991b1b;--ui-danger-light:#fbe4e4;--ui-danger-border:#f0b4b4;--ui-info-text:#1b2db8;--ui-info-light:#e3e7fc;--ui-info-border:#bcc5f7;--ui-neutral-text:#3f4654;--ui-neutral-light:#f2f2f5;--ui-neutral-border:#dcdce2;--ui-offline:#6b7280;--ui-focus:var(--ui-action);--ui-font:"Plus Jakarta Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ui-font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ui-text-display:32px;--ui-lh-display:35px;--ui-ls-display:-.5px;--ui-text-amount:28px;--ui-lh-amount:31px;--ui-text-title:22px;--ui-lh-title:26px;--ui-ls-title:-.2px;--ui-text-nav:17px;--ui-lh-nav:21px;--ui-text-body-lg:16px;--ui-lh-body-lg:20px;--ui-lh-body-lg-read:24px;--ui-text-body:15px;--ui-lh-body:19px;--ui-lh-body-read:22px;--ui-text-label:13px;--ui-lh-label:16px;--ui-lh-label-read:18px;--ui-text-caption:12px;--ui-lh-caption:15px;--ui-text-overline:11px;--ui-lh-overline:14px;--ui-ls-overline:.06em;--ui-weight-body:400;--ui-weight-label:500;--ui-weight-strong:600;--ui-space-1:4px;--ui-space-2:8px;--ui-space-3:12px;--ui-space-4:16px;--ui-space-5:20px;--ui-space-6:24px;--ui-space-8:32px;--ui-space-10:40px;--ui-space-12:48px;--ui-space-16:64px;--ui-radius-check:6px;--ui-radius-sm:8px;--ui-radius-md:12px;--ui-radius-lg:16px;--ui-radius-xl:20px;--ui-radius-2xl:28px;--ui-radius-pill:999px;--ui-radius-control:var(--ui-radius-md);--ui-radius-panel:var(--ui-radius-lg);--ui-frame-w:1440px;--ui-frame-h:900px;--ui-rail-w:80px;--ui-topbar-h:64px;--ui-content-max:1360px;--ui-content-x:24px;--ui-content:var(--ui-content-max);--ui-copy:42rem;--ui-form-max:720px;--ui-panel-w:400px;--ui-modal-w:400px;--ui-modal-w-md:560px;--ui-modal-w-lg:720px;--ui-row-h:56px;--ui-btn-h:40px;--ui-field-h:56px;--ui-textarea-h:112px;--ui-chip-h:36px;--ui-iconbtn:36px;--ui-kpi-min-w:200px;--ui-card-pad:20px;--ui-card-gap:16px;--ui-pointer-min:32px;--ui-icon-lg:24px;--ui-icon-md:20px;--ui-icon-sm:16px;--ui-icon:var(--ui-icon-md);--ui-shadow-ring:#00000014;--ui-shadow-tight:#0000000a;--ui-shadow-hair:#00000005;--ui-shadow-soft:#0000000f;--ui-material-base:0 0 0 1px var(--ui-shadow-ring);--ui-material-small:0 0 0 1px var(--ui-shadow-ring), 0 2px 2px var(--ui-shadow-tight);--ui-material-glow:0 0 40px var(--ui-shadow-ring), 0 2px 2px var(--ui-shadow-tight);--ui-material-medium:0 0 0 1px var(--ui-shadow-ring), 0 2px 2px var(--ui-shadow-tight), 0 8px 8px -8px var(--ui-shadow-tight);--ui-material-large:0 0 0 1px var(--ui-shadow-ring), 0 2px 2px var(--ui-shadow-tight), 0 8px 16px -4px var(--ui-shadow-tight);--ui-material-tooltip:0 0 0 1px var(--ui-shadow-ring), 0 1px 1px var(--ui-shadow-hair), 0 4px 8px var(--ui-shadow-tight);--ui-material-menu:0 0 0 1px var(--ui-shadow-ring), 0 1px 1px var(--ui-shadow-hair), 0 4px 8px -4px var(--ui-shadow-tight), 0 16px 24px -8px var(--ui-shadow-soft);--ui-material-modal:0 0 0 1px var(--ui-shadow-ring), 0 1px 1px var(--ui-shadow-hair), 0 8px 16px -4px var(--ui-shadow-tight), 0 24px 32px -8px var(--ui-shadow-soft);--ui-inset-outline:inset 0 0 0 1px #0000001a;--ui-dur-hover:.12s;--ui-dur-press:.12s;--ui-dur-lift:.15s;--ui-dur-menu:.15s;--ui-dur-modal:.2s;--ui-dur-panel:.25s;--ui-dur-toast:.25s;--ui-ease-out:cubic-bezier(.2, .8, .3, 1);--ui-ease-sheet:cubic-bezier(.32, .72, 0, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-action:#7c8bf5;--ui-action-hover:#98a4f8;--ui-action-light:#1e244c;--ui-action-tint:#181d33;--ui-accent-text:#f472b6;--ui-accent-light:#3a1228;--ui-on-brand:#0c111e;--ui-on-brand-muted:#0c111ecc;--ui-on-brand-soft:#0c111e29;--ui-canvas:#0c111e;--ui-surface:#151b2b;--ui-surface-sunken:#1e2537;--ui-border:#2a3245;--ui-border-strong:#4b5468;--ui-text:#f3f4f7;--ui-text-secondary:#a7aebd;--ui-text-muted:#9ca3b4;--ui-text-disabled:#4b5468;--ui-scrim:#0009;--ui-success-text:#5fd3a3;--ui-success-light:#12312a;--ui-success-border:#1f5a47;--ui-warning-text:#f5b14c;--ui-warning-light:#3a2a12;--ui-warning-border:#6b4a1c;--ui-danger-text:#f98b8b;--ui-danger-light:#3d1a1a;--ui-danger-border:#6e2a2a;--ui-info-text:#a5b0fa;--ui-info-light:#1e244c;--ui-info-border:#3a4590;--ui-neutral-text:#c5cad6;--ui-neutral-light:#1e2537;--ui-neutral-border:#2a3245;--ui-shadow-ring:#ffffff17;--ui-shadow-tight:transparent;--ui-shadow-hair:transparent;--ui-shadow-soft:transparent;--ui-inset-outline:inset 0 0 0 1px #ffffff1a}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-action:#7c8bf5;--ui-action-hover:#98a4f8;--ui-action-light:#1e244c;--ui-action-tint:#181d33;--ui-accent-text:#f472b6;--ui-accent-light:#3a1228;--ui-on-brand:#0c111e;--ui-on-brand-muted:#0c111ecc;--ui-on-brand-soft:#0c111e29;--ui-canvas:#0c111e;--ui-surface:#151b2b;--ui-surface-sunken:#1e2537;--ui-border:#2a3245;--ui-border-strong:#4b5468;--ui-text:#f3f4f7;--ui-text-secondary:#a7aebd;--ui-text-muted:#9ca3b4;--ui-text-disabled:#4b5468;--ui-scrim:#0009;--ui-success-text:#5fd3a3;--ui-success-light:#12312a;--ui-success-border:#1f5a47;--ui-warning-text:#f5b14c;--ui-warning-light:#3a2a12;--ui-warning-border:#6b4a1c;--ui-danger-text:#f98b8b;--ui-danger-light:#3d1a1a;--ui-danger-border:#6e2a2a;--ui-info-text:#a5b0fa;--ui-info-light:#1e244c;--ui-info-border:#3a4590;--ui-neutral-text:#c5cad6;--ui-neutral-light:#1e2537;--ui-neutral-border:#2a3245;--ui-shadow-ring:#ffffff17;--ui-shadow-tight:transparent;--ui-shadow-hair:transparent;--ui-shadow-soft:transparent;--ui-inset-outline:inset 0 0 0 1px #ffffff1a}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
