:root{--z-primary: #00aee8;--z-primary-hover: #33c4f0;--z-success: #3dd68c;--z-success-hover: #56e09c;--z-danger: #f07178;--z-danger-hover: #f58a8f;--z-warning: #e6a23c;--z-warning-hover: #ebb563;--z-income: #3dd68c;--z-expense: #f07178;--z-bg: #0a0e14;--z-bg-card: #121820;--z-bg-hover: #1a222d;--z-bg-elevated: #161d27;--z-border: rgba(148, 163, 184, .12);--z-border-strong: rgba(0, 174, 232, .28);--z-text: #e8eef4;--z-text-muted: #8b9cb0;--z-btn-add: var(--z-success);--z-btn-add-hover: var(--z-success-hover);--z-btn-edit: var(--z-primary);--z-btn-edit-hover: var(--z-primary-hover);--z-btn-delete: var(--z-danger);--z-btn-delete-hover: var(--z-danger-hover);--z-sidebar-w: 220px;--z-sidebar-glass: #0e131a;--z-layout-max-standard: 1200px;--z-layout-max-wide: 1680px;--z-layout-max: none;--z-module-accent: #8b9cb0;--z-module-glow: transparent;--z-radius-sm: 4px;--z-radius: 6px;--z-radius-lg: 8px;--z-radius-pill: 999px;--z-shadow: none;--z-shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);--z-space-0: 0;--z-space-1: .25rem;--z-space-2: .5rem;--z-space-3: .75rem;--z-space-4: 1rem;--z-space-5: 1.25rem;--z-space-6: 1.5rem;--z-space-8: 2rem;--z-font: var(--font-local, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);--z-font-size-xs: .7rem;--z-font-size-sm: .8rem;--z-font-size-md: .875rem;--z-font-size-lg: 1rem;--z-font-size-xl: 1.15rem;--z-line-height: 1.45;--z-line-height-tight: 1.25;--z-control-h: 2.15rem;--z-control-h-sm: 1.7rem;--z-btn-h: 2.15rem;--z-btn-h-sm: 1.65rem;--z-transition-fast: .1s ease;--z-transition: .15s ease;--bg: var(--z-bg);--bg-card: var(--z-bg-card);--bg-hover: var(--z-bg-hover);--bg-elevated: var(--z-bg-elevated);--border: var(--z-border);--border-strong: var(--z-border-strong);--text: var(--z-text);--text-muted: var(--z-text-muted);--primary: var(--z-primary);--primary-hover: var(--z-primary-hover);--success: var(--z-success);--success-hover: var(--z-success-hover);--danger: var(--z-danger);--danger-hover: var(--z-danger-hover);--warning: var(--z-warning);--warning-hover: var(--z-warning-hover);--btn-add: var(--z-btn-add);--btn-add-hover: var(--z-btn-add-hover);--btn-edit: var(--z-btn-edit);--btn-edit-hover: var(--z-btn-edit-hover);--btn-delete: var(--z-btn-delete);--btn-delete-hover: var(--z-btn-delete-hover);--income: var(--z-income);--expense: var(--z-expense);--radius: var(--z-radius);--radius-lg: var(--z-radius-lg);--shadow: var(--z-shadow);--shadow-lg: var(--z-shadow-lg);--sidebar-w: var(--z-sidebar-w);--sidebar-glass: var(--z-sidebar-glass);--font: var(--z-font);--module-accent: var(--z-module-accent);--module-glow: var(--z-module-glow);--layout-max-standard: var(--z-layout-max-standard);--layout-max-wide: var(--z-layout-max-wide);--layout-max: var(--z-layout-max)}html[data-layout-width=standard]{--z-layout-max: var(--z-layout-max-standard);--layout-max: var(--z-layout-max)}html[data-layout-width=wide]{--z-layout-max: var(--z-layout-max-wide);--layout-max: var(--z-layout-max)}html[data-layout-width=full]{--z-layout-max: none;--layout-max: none}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--z-font);font-size:var(--z-font-size-md);line-height:var(--z-line-height);color:var(--z-text);background:var(--z-bg);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}.z-text-primary{color:var(--z-primary)}.z-text-success{color:var(--z-success)}.z-text-danger{color:var(--z-danger)}.z-text-warning{color:var(--z-warning)}.z-text-muted{color:var(--z-text-muted)}.z-text-income{color:var(--z-income)}.z-text-expense{color:var(--z-expense)}.z-bg-card{background:var(--z-bg-card)}.z-bg-hover{background:var(--z-bg-hover)}.z-bg-elevated{background:var(--z-bg-elevated)}.z-gap-1{gap:var(--z-space-1)}.z-gap-2{gap:var(--z-space-2)}.z-gap-3{gap:var(--z-space-3)}.z-gap-4{gap:var(--z-space-4)}.z-p-2{padding:var(--z-space-2)}.z-p-3{padding:var(--z-space-3)}.z-p-4{padding:var(--z-space-4)}.z-m-0{margin:0}.z-mb-2{margin-bottom:var(--z-space-2)}.z-mb-3{margin-bottom:var(--z-space-3)}.z-mb-4{margin-bottom:var(--z-space-4)}.z-stack>*+*{margin-top:var(--z-space-3)}.z-text-xs{font-size:var(--z-font-size-xs)}.z-text-sm{font-size:var(--z-font-size-sm)}.z-text-md{font-size:var(--z-font-size-md)}.z-text-lg{font-size:var(--z-font-size-lg)}.z-text-xl{font-size:var(--z-font-size-xl)}.z-font-medium{font-weight:600}.z-font-bold{font-weight:700}.z-uppercase{text-transform:uppercase;letter-spacing:.03em}.z-tabular{font-variant-numeric:tabular-nums}.z-transition{transition:all var(--z-transition-fast)}@keyframes z-spin{to{transform:rotate(360deg)}}@keyframes z-pulse{0%,to{opacity:1}50%{opacity:.55}}.z-animate-spin{animation:z-spin .8s linear infinite}.z-animate-pulse{animation:z-pulse 1.4s ease-in-out infinite}.z-hidden{display:none!important}.z-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.z-flex{display:flex}.z-inline-flex{display:inline-flex}.z-items-center{align-items:center}.z-justify-between{justify-content:space-between}.z-justify-end{justify-content:flex-end}.z-wrap{flex-wrap:wrap}.z-min-w-0{min-width:0}.z-w-full{width:100%}.z-text-right{text-align:right}.z-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.z-app,.app{display:grid;min-height:100vh;grid-template-columns:0 1fr;grid-template-rows:auto 1fr;grid-template-areas:"chrome chrome" "sidebar main";transition:grid-template-columns var(--z-transition)}.z-app--module.z-app--sidebar-open,.app--module.app--sidebar-open{grid-template-columns:var(--z-sidebar-w) 1fr}.z-main,.main{grid-area:main;min-width:0}.z-app--module .z-main,.app--module .main{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.z-header,.app-chrome{grid-area:chrome}.z-sidebar,.sidebar{grid-area:sidebar}.z-footer,.app-footer{padding:var(--z-space-3) var(--z-space-4);border-top:1px solid var(--z-border);color:var(--z-text-muted);font-size:var(--z-font-size-xs)}.z-page,.page{display:none;padding:var(--z-space-4) var(--z-space-5);max-width:var(--z-layout-max);margin:0 auto;width:100%}.z-page.active,.page.active{display:block}.z-page-header,.page-header,.app-page-header{margin-bottom:var(--z-space-4)}.z-page-header__title,.page-header h2,.app-page-header__title{font-size:var(--z-font-size-xl);font-weight:700;margin:0}.z-page-subtitle,.page-subtitle,.app-page-header__sub{margin:var(--z-space-1) 0 0;font-size:var(--z-font-size-sm);color:var(--z-text-muted)}.z-dashboard,.app-dashboard{display:flex;flex-direction:column;gap:var(--z-space-4)}.z-grid{display:grid;gap:var(--z-space-4)}.z-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.z-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.z-grid--auto{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}@media(max-width:768px){.z-grid--2,.z-grid--3{grid-template-columns:1fr}}@media(max-width:768px){.z-page,.page{padding:var(--z-space-3)}.z-filter,.voucher-toolbar,.tx-toolbar__row--meta{flex-direction:column;align-items:stretch}.z-filter__field,.z-search--wide,.search-box--wide,.tx-toolbar__search{max-width:none;width:100%}.z-filter__actions,.tx-toolbar__actions{width:100%;justify-content:flex-start}.z-actions-bar{flex-direction:column;align-items:stretch}.z-actions-bar .z-btn{width:100%}}.z-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--z-space-2);min-height:var(--z-btn-h);padding:0 var(--z-space-4);border-radius:var(--z-radius-sm);font-family:inherit;font-size:var(--z-font-size-sm);font-weight:600;line-height:var(--z-line-height-tight);cursor:pointer;border:none;transition:background var(--z-transition-fast),color var(--z-transition-fast),border-color var(--z-transition-fast),box-shadow var(--z-transition-fast)}.z-btn:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.z-btn--sm,.btn--sm{min-height:var(--z-btn-h-sm);padding:0 var(--z-space-3);font-size:var(--z-font-size-xs)}.z-btn--primary,.btn--primary{background:var(--z-btn-add);color:#fff;border:1px solid color-mix(in srgb,var(--z-btn-add-hover) 70%,transparent);box-shadow:0 1px 2px #00000040}.z-btn--primary:hover:not(:disabled),.btn--primary:hover:not(:disabled){background:var(--z-btn-add-hover)}.z-btn--edit,.btn--edit{background:var(--z-btn-edit);color:#fff;border:1px solid color-mix(in srgb,var(--z-btn-edit-hover) 70%,transparent);box-shadow:0 1px 2px #0003}.z-btn--edit:hover:not(:disabled),.btn--edit:hover:not(:disabled){background:var(--z-btn-edit-hover)}.z-btn--danger,.btn--danger{background:var(--z-btn-delete);color:#fff;border:1px solid color-mix(in srgb,var(--z-btn-delete-hover) 70%,transparent);box-shadow:0 1px 2px #0003}.z-btn--danger:hover:not(:disabled),.btn--danger:hover:not(:disabled){background:var(--z-btn-delete-hover)}.z-btn--ghost,.btn--ghost{background:var(--z-bg-hover);color:var(--z-text-muted);border:1px solid var(--z-border-strong)}.z-btn--ghost:hover:not(:disabled),.btn--ghost:hover:not(:disabled){background:var(--z-bg-elevated);color:var(--z-text)}.z-btn--secondary,.btn--secondary{background:color-mix(in srgb,var(--z-primary) 16%,var(--z-bg-card));color:color-mix(in srgb,var(--z-primary) 80%,#fff);border:1px solid color-mix(in srgb,var(--z-primary) 42%,var(--z-border-strong))}.z-btn--success,.btn--success{background:color-mix(in srgb,var(--z-success) 16%,var(--z-bg-card));color:color-mix(in srgb,var(--z-success) 85%,#fff);border:1px solid color-mix(in srgb,var(--z-success) 42%,var(--z-border-strong))}.z-btn-group,.app-btn-group{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--z-space-2)}.actions-cell .z-btn+.z-btn,.actions-cell .btn+.btn{margin-left:var(--z-space-2)}.z-input,.z-select,.z-textarea,input[type=text],input[type=search]:not(.search-box__input):not(.z-search__input),input[type=email],input[type=password],input[type=number],input[type=date],input[type=month],select,textarea{min-height:var(--z-control-h);padding:var(--z-space-2) var(--z-space-3);border-radius:var(--z-radius-sm);border:1px solid var(--z-border);background:var(--z-bg-elevated);color:var(--z-text);transition:border-color var(--z-transition-fast),box-shadow var(--z-transition-fast)}.z-input:focus,.z-select:focus,.z-textarea:focus,input:focus:not(.search-box__input):not(.z-search__input),select:focus,textarea:focus{outline:none;border-color:color-mix(in srgb,var(--z-primary) 55%,var(--z-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--z-primary) 18%,transparent)}.z-form-group,.form-group{margin-bottom:var(--z-space-3)}.z-form-group label,.form-group label{display:block;margin-bottom:var(--z-space-1);font-size:var(--z-font-size-sm);color:var(--z-text-muted)}.z-form-hint,.form-hint{font-size:var(--z-font-size-xs);color:var(--z-text-muted);margin-top:var(--z-space-1)}.z-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--z-space-6)}.z-textarea{min-height:5rem;resize:vertical}.z-checkbox,.z-radio{width:1rem;height:1rem;accent-color:var(--z-module-accent, var(--z-primary));cursor:pointer}.z-checkbox-label,.z-radio-label{display:inline-flex;align-items:center;gap:var(--z-space-2);cursor:pointer}.z-radio-label{display:inline-flex;align-items:center;gap:var(--z-space-2)}.z-switch{position:relative;width:2.5rem;height:1.375rem;border-radius:var(--z-radius-pill);background:var(--z-bg-hover);border:1px solid var(--z-border-strong);cursor:pointer;transition:background var(--z-transition-fast)}.z-switch[aria-checked=true]{background:var(--z-primary);border-color:color-mix(in srgb,var(--z-primary) 70%,transparent)}.z-badge,.badge{display:inline-flex;align-items:center;padding:.12rem .45rem;border-radius:var(--z-radius-pill);font-size:var(--z-font-size-xs);font-weight:600;line-height:1.2;background:color-mix(in srgb,var(--z-module-accent, var(--z-primary)) 14%,transparent);color:var(--z-module-accent, var(--z-primary));border:1px solid color-mix(in srgb,var(--z-module-accent, var(--z-primary)) 28%,var(--z-border))}.z-badge--success{background:color-mix(in srgb,var(--z-success) 14%,transparent);color:var(--z-success);border-color:color-mix(in srgb,var(--z-success) 30%,var(--z-border))}.z-badge--danger{background:color-mix(in srgb,var(--z-danger) 14%,transparent);color:var(--z-danger);border-color:color-mix(in srgb,var(--z-danger) 30%,var(--z-border))}.z-card,.card{background:var(--z-bg-card);border:1px solid var(--z-border);border-radius:var(--z-radius);box-shadow:var(--z-shadow)}.z-card--flush,.card--flush{padding:0;overflow:hidden}.z-card__body{padding:var(--z-space-4) var(--z-space-5)}.z-dash-panel,.app-dash-panel{background:var(--z-bg-card);border:1px solid var(--z-border);border-radius:var(--z-radius-lg);box-shadow:var(--z-shadow)}.z-dash-panel__head,.app-dash-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--z-space-3);padding:var(--z-space-4) var(--z-space-5);border-bottom:1px solid var(--z-border)}.z-dash-panel__title,.app-dash-panel__title{font-size:var(--z-font-size-lg);font-weight:600;margin:0}.z-dash-panel__sub,.app-dash-panel__sub{margin:var(--z-space-1) 0 0;font-size:var(--z-font-size-xs);color:var(--z-text-muted)}.z-table-wrap,.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.z-table,.data-table{width:100%;border-collapse:collapse;font-size:var(--z-font-size-sm)}.z-table thead th,.data-table thead th{text-align:left;padding:var(--z-space-2) var(--z-space-3);font-size:var(--z-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--z-text-muted);border-bottom:1px solid var(--z-border);background:var(--z-bg-card)}.z-table tbody td,.data-table tbody td{padding:var(--z-space-2) var(--z-space-3);vertical-align:middle;border-bottom:1px solid color-mix(in srgb,var(--z-border) 65%,transparent)}.z-table tbody tr:hover td,.data-table tbody tr:hover td{background:color-mix(in srgb,var(--z-module-accent, var(--z-primary)) 5%,transparent)}.z-table tbody tr:last-child td,.data-table tbody tr:last-child td{border-bottom:none}.z-page--data-light .z-table thead th,.page--data-light .data-table thead th{position:sticky;top:0;z-index:1}.empty-cell{text-align:center;color:var(--z-text-muted);padding:var(--z-space-6) var(--z-space-4)}.z-modal,.modal-overlay{font-family:var(--z-font)}.z-modal__dialog,.modal{background:var(--z-bg-card);border:1px solid var(--z-border-strong);border-radius:var(--z-radius-lg);box-shadow:var(--z-shadow-lg)}.z-modal__header,.modal-header{padding:var(--z-space-4) var(--z-space-5);border-bottom:1px solid var(--z-border)}.z-modal__body,.modal-body{padding:var(--z-space-4) var(--z-space-5)}.z-modal__footer,.modal-footer{display:flex;justify-content:flex-end;gap:var(--z-space-2);padding:var(--z-space-3) var(--z-space-5) var(--z-space-4);border-top:1px solid var(--z-border)}.z-search,.search-box{--z-search-icon-size: 1.125rem;--z-search-icon-inset: var(--z-space-3);--z-search-text-inset: calc(var(--z-search-icon-inset) + var(--z-search-icon-size) + var(--z-space-2));--z-search-clear-size: 1.75rem;position:relative;display:block;width:100%;min-height:var(--z-control-h)}.z-search__input,.search-box__input{display:block;width:100%;min-height:var(--z-control-h);padding-block:var(--z-space-2);padding-inline-start:var(--z-search-text-inset);padding-inline-end:calc(var(--z-space-3) + var(--z-search-clear-size));border-radius:var(--z-radius-sm);border:1px solid var(--z-border);background:var(--z-bg-elevated);color:var(--z-text);font-family:inherit;font-size:var(--z-font-size-sm);line-height:var(--z-line-height);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.z-search__input::-webkit-search-decoration,.z-search__input::-webkit-search-cancel-button,.z-search__input::-webkit-search-results-button,.search-box__input::-webkit-search-decoration,.search-box__input::-webkit-search-cancel-button,.search-box__input::-webkit-search-results-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}.z-search__input:focus,.search-box__input:focus{outline:none;border-color:color-mix(in srgb,var(--z-primary) 55%,var(--z-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--z-primary) 18%,transparent)}.z-search__icon,.search-box__icon{position:absolute;left:var(--z-search-icon-inset);top:50%;transform:translateY(-50%);z-index:1;display:inline-flex;align-items:center;justify-content:center;width:var(--z-search-icon-size);height:var(--z-search-icon-size);margin:0;padding:0;border:none;pointer-events:none}.z-search__icon:empty,.search-box__icon:empty{opacity:.65;background-color:var(--z-text-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E") center / contain no-repeat}.z-search__icon .icon,.search-box__icon .icon{display:block;width:var(--z-search-icon-size);height:var(--z-search-icon-size);margin:0;opacity:.72;color:var(--z-text-muted)}.z-search__icon:not(:empty),.search-box__icon:not(:empty){background:none;-webkit-mask:none;mask:none}.z-search__clear,.search-box__clear{position:absolute;right:var(--z-space-2);top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:var(--z-search-clear-size);height:var(--z-search-clear-size);border:none;border-radius:var(--z-radius-sm);background:color-mix(in srgb,var(--z-bg-hover, var(--z-bg-card)) 85%,transparent);color:var(--z-text-muted);cursor:pointer;font-size:var(--z-font-size-lg);line-height:1}.z-search__clear:hover,.search-box__clear:hover{color:var(--z-text)}.z-search--wide,.search-box--wide{max-width:100%;min-width:10rem}.z-filter,.voucher-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--z-space-3)}.tx-toolbar__filters{display:flex;flex-direction:column;gap:var(--z-space-3);width:100%}.z-filter__field,.tx-toolbar__field{min-width:0;margin:0}.z-filter__field{min-width:9rem}.z-filter__field--date{min-width:10.5rem}.z-filter__date-range,.voucher-toolbar__date-range,.tx-toolbar__date-range{display:inline-flex;align-items:center;gap:var(--z-space-2);flex-wrap:wrap}.z-filter__date-input,.voucher-toolbar__date-input,.tx-toolbar__date-input{min-height:var(--z-control-h-sm);padding:var(--z-space-1) var(--z-space-2);border-radius:var(--z-radius-sm);border:1px solid var(--z-border);background:var(--z-bg-elevated);color:var(--z-text);font-size:var(--z-font-size-sm);font-family:inherit}.tx-toolbar__date-input{min-width:9.5rem}.tx-toolbar__date-label{font-size:var(--z-font-size-xs, .75rem);font-weight:500;color:var(--z-text-muted);margin-right:var(--z-space-1);white-space:nowrap}.tx-toolbar__date-sep,.voucher-toolbar__date-sep{color:var(--z-text-muted);-webkit-user-select:none;user-select:none}.z-toolbar-row,.tx-toolbar__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--z-space-3);width:100%}.tx-toolbar__row--filters{display:grid;grid-template-columns:repeat(3,minmax(8.5rem,1fr)) minmax(11rem,1.35fr);align-items:end}.tx-toolbar__row--meta{align-items:center;justify-content:space-between;padding-top:var(--z-space-3);border-top:1px solid var(--z-border)}.tx-toolbar__search{margin:0;min-width:0}.z-filter__actions,.tx-toolbar__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--z-space-2);flex:0 0 auto;margin-left:auto}.z-actions-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--z-space-2);margin-top:var(--z-space-3);padding-top:var(--z-space-3);border-top:1px solid var(--z-border)}@media(max-width:960px){.tx-toolbar__row--filters{grid-template-columns:repeat(2,minmax(8.5rem,1fr))}.tx-toolbar__search{grid-column:1 / -1}}@media(max-width:560px){.tx-toolbar__row--filters{grid-template-columns:1fr}.tx-toolbar__row--meta{flex-direction:column;align-items:stretch}.tx-toolbar__actions{margin-left:0;width:100%}.tx-toolbar__actions .btn{flex:1 1 auto}}.z-pagination,.list-footer,.inv-pager,.app-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--z-space-3);padding:var(--z-space-3) var(--z-space-4);font-size:var(--z-font-size-sm);color:var(--z-text-muted)}.z-pagination__info,.list-footer__info,.inv-pager__info{font-size:var(--z-font-size-sm)}.z-pagination__nav,.list-footer__nav,.inv-pager__actions{display:inline-flex;align-items:center;gap:var(--z-space-2)}.list-entries-root{display:flex;align-items:center;padding:var(--z-space-2) var(--z-space-4) 0}.list-entries-bar{display:flex;align-items:center;gap:var(--z-space-2);font-size:var(--z-font-size-sm);color:var(--z-text-muted)}.z-stat-grid,.stats-row,.app-kpi-grid,.app-stat-grid{display:grid;gap:var(--z-space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.z-stat-card,.stat-card,.app-kpi,.app-stat-card{background:var(--z-bg-card);border:1px solid var(--z-border);border-radius:var(--z-radius-lg);padding:var(--z-space-4) var(--z-space-5);box-shadow:var(--z-shadow)}.z-stat-card__label,.stat-card__label,.app-kpi__label{font-size:var(--z-font-size-xs);color:var(--z-text-muted)}.z-stat-card__value,.stat-card__value,.stat-value,.app-kpi__value{font-size:var(--z-font-size-xl);font-weight:700;line-height:var(--z-line-height-tight)}.z-stat-card__value--positive,.stat-value.positive{color:var(--z-income)}.z-stat-card__value--negative,.stat-value.negative{color:var(--z-expense)}.z-chart{min-height:8rem}.z-chart__bar{background:color-mix(in srgb,var(--z-module-accent, var(--z-primary)) 55%,transparent);border-radius:var(--z-radius-sm) var(--z-radius-sm) 0 0;transition:height var(--z-transition-fast)}.z-timeline{position:relative;padding-left:var(--z-space-5)}.z-timeline:before{content:"";position:absolute;left:.45rem;top:0;bottom:0;width:2px;background:var(--z-border)}.z-timeline__item{position:relative;padding-bottom:var(--z-space-4)}.z-timeline__item:before{content:"";position:absolute;left:calc(-1 * var(--z-space-5) + .25rem);top:.35rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--z-module-accent, var(--z-primary))}.z-tabs,.voucher-status-tabs{display:inline-flex;flex-wrap:wrap;gap:var(--z-space-1);padding:var(--z-space-1);border-radius:var(--z-radius-pill);background:var(--z-bg-hover);border:1px solid var(--z-border)}.z-tab,.tab,.voucher-pill{padding:var(--z-space-1) var(--z-space-3);border-radius:var(--z-radius-pill);border:none;background:transparent;color:var(--z-text-muted);font-size:var(--z-font-size-xs);font-weight:600;cursor:pointer;transition:background var(--z-transition-fast),color var(--z-transition-fast)}.z-tab--active,.tab.active,.voucher-pill--on{background:var(--z-bg-card);color:var(--z-text);box-shadow:var(--z-shadow)}.z-dropdown{position:relative;display:inline-block}.z-dropdown__menu{position:absolute;z-index:200;min-width:10rem;margin-top:var(--z-space-1);padding:var(--z-space-1);background:var(--z-bg-elevated);border:1px solid var(--z-border-strong);border-radius:var(--z-radius-sm);box-shadow:var(--z-shadow-lg)}.z-dropdown__item{display:block;width:100%;padding:var(--z-space-2) var(--z-space-3);border:none;border-radius:var(--z-radius-sm);background:transparent;color:var(--z-text);text-align:left;cursor:pointer}.z-dropdown__item:hover{background:var(--z-bg-hover)}.z-menu{list-style:none;margin:0;padding:var(--z-space-1)}.z-menu__item a,.z-menu__item button{display:flex;align-items:center;gap:var(--z-space-2);width:100%;padding:var(--z-space-2) var(--z-space-3);border-radius:var(--z-radius-sm);color:var(--z-text-muted);text-decoration:none;border:none;background:transparent;cursor:pointer}.z-menu__item a:hover,.z-menu__item.is-active a{background:var(--z-bg-hover);color:var(--z-text)}.z-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:color-mix(in srgb,var(--z-module-accent, var(--z-primary)) 20%,var(--z-bg-card));color:var(--z-text);font-size:var(--z-font-size-xs);font-weight:700;overflow:hidden}.z-avatar--sm{width:1.5rem;height:1.5rem}.z-avatar img{width:100%;height:100%;object-fit:cover}.z-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--z-space-2);font-size:var(--z-font-size-xs);color:var(--z-text-muted)}.z-breadcrumb__item:not(:last-child):after{content:"/";margin-left:var(--z-space-2);opacity:.5}.z-breadcrumb__item--current{color:var(--z-text);font-weight:600}.z-loading,.zinet-loading{display:inline-flex;align-items:center;gap:var(--z-space-2);color:var(--z-text-muted);font-size:var(--z-font-size-sm)}.z-loading__spinner{width:1rem;height:1rem;border:2px solid color-mix(in srgb,var(--z-primary) 25%,transparent);border-top-color:var(--z-primary);border-radius:50%;animation:z-spin .8s linear infinite}.z-skeleton-block,.app-skeleton-block{background:linear-gradient(90deg,color-mix(in srgb,var(--z-bg-hover) 80%,transparent) 25%,color-mix(in srgb,var(--z-bg-elevated) 90%,transparent),color-mix(in srgb,var(--z-bg-hover) 80%,transparent) 75%);background-size:200% 100%;animation:z-skeleton-shimmer 1.2s ease-in-out infinite;border-radius:var(--z-radius-sm)}@keyframes z-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.z-toast,.toast{font-family:var(--z-font);font-size:var(--z-font-size-sm);border-radius:var(--z-radius-sm);box-shadow:var(--z-shadow-lg)}.z-alert{padding:var(--z-space-3) var(--z-space-4);border-radius:var(--z-radius-sm);border:1px solid var(--z-border);background:var(--z-bg-elevated);font-size:var(--z-font-size-sm)}.z-alert--success{border-color:color-mix(in srgb,var(--z-success) 35%,var(--z-border));background:color-mix(in srgb,var(--z-success) 10%,var(--z-bg-card));color:color-mix(in srgb,var(--z-success) 90%,#fff)}.z-alert--danger{border-color:color-mix(in srgb,var(--z-danger) 35%,var(--z-border));background:color-mix(in srgb,var(--z-danger) 10%,var(--z-bg-card));color:color-mix(in srgb,var(--z-danger) 90%,#fff)}.z-alert--warning{border-color:color-mix(in srgb,var(--z-warning) 35%,var(--z-border));background:color-mix(in srgb,var(--z-warning) 10%,var(--z-bg-card));color:color-mix(in srgb,var(--z-warning) 90%,#fff)}[data-z-tooltip]{position:relative}[data-z-tooltip]:after{content:attr(data-z-tooltip);position:absolute;left:50%;bottom:calc(100% + var(--z-space-2));transform:translate(-50%);padding:var(--z-space-1) var(--z-space-2);border-radius:var(--z-radius-sm);background:var(--z-bg-elevated);border:1px solid var(--z-border-strong);color:var(--z-text);font-size:var(--z-font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--z-transition-fast);z-index:300}[data-z-tooltip]:hover:after{opacity:1}.z-form{display:grid;gap:var(--z-space-3)}.z-form--inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--z-space-3)}.z-form__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--z-space-2);margin-top:var(--z-space-2)}.z-empty,.empty-state,.voucher-empty{text-align:center;padding:var(--z-space-6) var(--z-space-4);color:var(--z-text-muted)}.z-empty__title{font-weight:600;color:var(--z-text);margin-bottom:var(--z-space-2)}.z-empty__hint{font-size:var(--z-font-size-xs);margin-top:var(--z-space-2)}html[data-theme=dark],html:not([data-theme=light]){color-scheme:dark}html[data-theme=dark] body,html:not([data-theme=light]) body{background:var(--z-bg);background-image:none}html[data-theme=light]{color-scheme:light;--z-bg: #f4f6f9;--z-bg-card: #ffffff;--z-bg-hover: #eef1f6;--z-bg-elevated: #ffffff;--z-border: rgba(15, 23, 42, .1);--z-border-strong: rgba(15, 23, 42, .16);--z-text: #0f172a;--z-text-muted: #64748b;--z-shadow: 0 2px 10px rgba(15, 23, 42, .08);--z-shadow-lg: 0 12px 32px rgba(15, 23, 42, .12)}#page-transactions.page--data-light .tx-summary-panel{padding:var(--z-space-3) var(--z-space-4);margin-bottom:var(--z-space-3)}.finance-integrity-panel{margin-bottom:var(--z-space-3);border:1px solid color-mix(in srgb,var(--z-warning) 35%,var(--z-border))}.finance-integrity-panel--ok{border-color:color-mix(in srgb,var(--z-success) 35%,var(--z-border))}.finance-integrity-panel__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--z-space-3);margin-bottom:var(--z-space-3)}.finance-integrity-panel__title{margin:0 0 .25rem;font-size:1rem}.finance-integrity-panel__hint{margin:0 0 var(--z-space-3)}.finance-integrity-table-wrap{overflow-x:auto}.finance-integrity-trace code{font-size:.85em}#page-transactions.page--data-light .transactions-list .table-wrap{border:1px solid var(--z-border);border-radius:var(--z-radius-sm);background:var(--z-bg-card)}.icon{display:inline-block;width:1.125rem;height:1.125rem;flex-shrink:0;vertical-align:middle;align-self:center;background-color:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.btn .icon,.nav-item .icon,.nav-subitem .icon{margin:0 .5rem 0 0;top:auto;transform:none}.nav-item__text{flex:1;text-align:left}.icon--md{width:1.35rem;height:1.35rem}.icon--lg{width:1.75rem;height:1.75rem}.icon--xl{width:2.25rem;height:2.25rem}.icon--home{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10.5 12 4l8 6.5V19a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-8.5z'/%3E%3Cpath d='M10 20v-6h4v6'/%3E%3C/svg%3E")}.icon--user{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c0-3.5 3.1-6 7-6s7 2.5 7 6'/%3E%3C/svg%3E")}.icon--users{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 19c0-3 2.7-5 6-5'/%3E%3Ccircle cx='17' cy='9' r='2.5'/%3E%3Cpath d='M14 19c0-2.5 2-4.5 5-4.5'/%3E%3C/svg%3E")}.icon--calendar{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='15' rx='2'/%3E%3Cpath d='M8 3v4M16 3v4M4 10h16'/%3E%3C/svg%3E")}.icon--clock{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 8v4l3 2'/%3E%3C/svg%3E")}.icon--wallet{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8V6a2 2 0 0 1 2-2h12v14H6a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M4 12h14v4H6a2 2 0 0 1-2-2v-2z'/%3E%3Ccircle cx='16' cy='14' r='1'/%3E%3C/svg%3E")}.icon--card{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E")}.icon--leaf{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 20C6 10 14 4 20 4c0 8-8 16-14 16z'/%3E%3Cpath d='M6 20c4-4 8-10 8-14'/%3E%3C/svg%3E")}.icon--chart{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19V9M12 19V5M19 19v-7'/%3E%3C/svg%3E")}.icon--edit{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 4.5l3 3L8 19l-4 1 1-4 11.5-11.5z'/%3E%3C/svg%3E")}.icon--camera{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-2h6l2 2h3v10H4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/svg%3E")}.icon--clipboard{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='16' rx='2'/%3E%3Cpath d='M9 4h6a2 2 0 0 1 0 4H9a2 2 0 0 1 0-4z'/%3E%3C/svg%3E")}.icon--doc{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4h8l4 4v12H8z'/%3E%3Cpath d='M16 4v4h4M10 13h6M10 17h6'/%3E%3C/svg%3E")}.icon--settings{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4'/%3E%3C/svg%3E")}.icon--inbox{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16v12H4z'/%3E%3Cpath d='M4 14h4l2 3h4l2-3h4'/%3E%3C/svg%3E")}.icon--bank{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h16L12 4zM6 10v8M10 10v8M14 10v8M18 10v8M4 18h16'/%3E%3C/svg%3E")}.icon--tag{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12V4h8l8 8-8 8-8-8z'/%3E%3Ccircle cx='9' cy='9' r='1.25'/%3E%3C/svg%3E")}.icon--arrow-up{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V7M7 12l5-5 5 5'/%3E%3C/svg%3E")}.icon--arrow-down{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v12M7 12l5 5 5-5'/%3E%3C/svg%3E")}.icon--check{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l4 4L19 7'/%3E%3C/svg%3E")}.icon--building{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='1'/%3E%3Cpath d='M9 7h1M14 7h1M9 11h1M14 11h1M9 15h1M14 15h1M12 19v2'/%3E%3C/svg%3E")}.icon--wifi{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 8.5C7 4 17 4 22 8.5'/%3E%3Cpath d='M5.5 12c3.5-2.5 9.5-2.5 13 0'/%3E%3Cpath d='M9 15.5a3 3 0 0 1 6 0'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/svg%3E")}.icon--receipt{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 4h12v16l-2-1-2 1-2-1-2 1-2-1-2 1z'/%3E%3Cpath d='M9 9h6M9 13h6'/%3E%3C/svg%3E")}.icon--briefcase{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='12' rx='2'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")}.icon--bell{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4a5 5 0 0 1 5 5v3l2 2H5l2-2V9a5 5 0 0 1 5-5z'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E")}.icon--search{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M16 16l5 5'/%3E%3C/svg%3E")}.icon--menu{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E")}.icon--refresh{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3Cpath d='M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16'/%3E%3Cpath d='M16 16h5v5'/%3E%3C/svg%3E")}.icon--globe{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E")}.icon--info{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 8h.01'/%3E%3C/svg%3E")}.icon--warn{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 3 19h18z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E")}.icon--chevron-down{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.icon--logout{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17l5-5-5-5'/%3E%3Cpath d='M15 12H4'/%3E%3Cpath d='M20 4v16'/%3E%3C/svg%3E")}.icon--palette{--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='8' cy='10' r='1.25' fill='%23fff'/%3E%3Ccircle cx='14' cy='9' r='1.25' fill='%23fff'/%3E%3Ccircle cx='16' cy='14' r='1.25' fill='%23fff'/%3E%3Ccircle cx='10' cy='15' r='1.25' fill='%23fff'/%3E%3C/svg%3E")}.home-card__icon-ring .icon{opacity:1}:root{--bg: #0f1419;--bg-card: #1a2332;--bg-hover: #243044;--bg-elevated: #1e2636;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text: #e8edf4;--text-muted: #8b9cb3;--primary: #0a84ff;--primary-hover: #409cff;--success: #30d158;--success-hover: #3de068;--danger: #ff453a;--danger-hover: #ff6961;--warning: #ff9f0a;--warning-hover: #ffb340;--btn-add: var(--success);--btn-add-hover: var(--success-hover);--btn-edit: var(--primary);--btn-edit-hover: var(--primary-hover);--btn-delete: var(--danger);--btn-delete-hover: var(--danger-hover);--income: #30d158;--expense: #ff453a;--radius: 10px;--radius-lg: 12px;--shadow: 0 2px 12px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--sidebar-w: 248px;--sidebar-glass: rgba(22, 30, 44, .82);--font: var(--font-local, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);--module-accent: #8b9cb3;--module-glow: rgba(139, 156, 179, .25);--layout-max-standard: 1200px;--layout-max-wide: 1680px;--layout-max: none}html[data-layout-width=standard]{--layout-max: var(--layout-max-standard)}html[data-layout-width=wide]{--layout-max: var(--layout-max-wide)}html[data-layout-width=full]{--layout-max: none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);background-image:none;color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.app{display:grid;min-height:100vh;grid-template-columns:0 1fr;grid-template-rows:auto 1fr;grid-template-areas:"chrome chrome" "sidebar main";transition:grid-template-columns .25s ease}.app--launcher{grid-template-columns:1fr;grid-template-areas:"chrome" "main"}.app--module.app--sidebar-open{grid-template-columns:var(--sidebar-w) 1fr}.app--module:not(.app--sidebar-open){grid-template-columns:0 1fr}.app--module{height:100vh;height:100dvh;max-height:100dvh;overflow:hidden}.app--module .main{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.app--module .sidebar{min-height:0;align-self:stretch}.app-chrome{grid-area:chrome;display:flex;align-items:center;gap:.65rem 1rem;padding:.55rem 1rem;background:var(--sidebar-glass);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--border);box-shadow:none;position:sticky;top:0;z-index:90;overflow:visible}.app-chrome__toggle,.app-chrome__back{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-hover);color:var(--text-muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.app-chrome__toggle:hover,.app-chrome__back:hover{color:var(--text);border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 40%,transparent)}.app-chrome__toggle .icon,.app-chrome__back .icon{width:1rem;height:1rem}.app-chrome__title-wrap{flex:1;min-width:0}.app-chrome__title{display:block;font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-chrome__subtitle{display:block;font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-chrome__user-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex-shrink:0;position:relative;z-index:2}.app-chrome__refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-hover);color:inherit;cursor:pointer;transition:background .15s,border-color .15s}.app-chrome__refresh-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 40%,transparent);background:#0a84ff1a}.app-chrome__refresh-btn[hidden]{display:none!important}.app-chrome__refresh-btn .icon{width:1.1rem;height:1.1rem}.app-chrome__account-wrap{position:relative;flex-shrink:0;min-width:0}.app-chrome__account-wrap[hidden]{display:none!important}.app-chrome__account-btn{display:flex;align-items:center;gap:.5rem;min-width:0;max-width:220px;padding:.35rem .5rem .35rem .35rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-hover);color:inherit;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.app-chrome__account-btn:hover,.app-chrome__account-btn[aria-expanded=true]{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 40%,transparent);background:#0a84ff1a}.app-chrome__account-chevron{width:.85rem;height:.85rem;flex-shrink:0;opacity:.75}.app-account-menu{position:absolute;top:calc(100% + .45rem);right:0;z-index:260;min-width:13.5rem;display:flex;flex-direction:column;padding:.35rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:0 12px 40px #00000059}.app-account-menu[hidden]{display:none!important}.app-account-menu__item{display:block;width:100%;padding:.55rem .75rem;border:none;border-radius:6px;background:transparent;color:var(--text);font-family:inherit;font-size:.84rem;font-weight:500;text-align:left;cursor:pointer}.app-account-menu__item:hover{background:var(--bg-hover)}.app-account-menu__item--danger{color:var(--danger)}.app-account-menu__item--danger:hover{background:#ff453a1f}.app-account-menu__divider{margin:.25rem 0;border:none;border-top:1px solid var(--border)}.app-account-menu__section{padding:.2rem .35rem .35rem}.app-account-menu__label{padding:.35rem .4rem .45rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.app-account-menu__layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.app-account-menu__layout-btn{padding:.45rem .35rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.72rem;font-weight:600;line-height:1.2;text-align:center;cursor:pointer}.app-account-menu__layout-btn:hover{background:var(--bg-hover);color:var(--text)}.app-account-menu__layout-btn.is-active{border-color:var(--primary);background:#0a84ff24;color:var(--primary)}.app-chrome__account{display:flex;align-items:center;gap:.5rem;min-width:0;max-width:200px}.app-chrome__logout{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.app-chrome__logout:hover{background:#ff453a1f;border-color:#ff453a59;color:var(--danger)}.app-chrome__logout .icon{width:1rem;height:1rem}.app-chrome__notif-group{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.app-chrome__notif-group[hidden]{display:none!important}.app-chrome__notif-wrap{position:relative;flex-shrink:0;overflow:visible}.app-chrome__notif-wrap[hidden]{display:none!important}.app-chrome__notif-btn,.app-chrome__notif-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.app-chrome__notif-btn--absensi{color:#5ac8fa}.app-chrome__notif-btn--keuangan{color:#30d158}.app-chrome__notif-btn--helpdesk{color:#ff9f0a}.app-chrome__notif-btn:hover,.app-chrome__notif-btn[aria-expanded=true],.app-chrome__notif-bell:hover,.app-chrome__notif-bell[aria-expanded=true]{color:var(--text);border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 40%,transparent);background:#0a84ff1a}.app-chrome__notif-btn--absensi:hover,.app-chrome__notif-btn--absensi[aria-expanded=true]{border-color:#5ac8fa73;background:#0a84ff1f}.app-chrome__notif-btn--keuangan:hover,.app-chrome__notif-btn--keuangan[aria-expanded=true]{border-color:#30d15873;background:#30d1581a}.app-chrome__notif-btn--helpdesk:hover,.app-chrome__notif-btn--helpdesk[aria-expanded=true]{border-color:#ff9f0a73;background:#ff9f0a1a}.app-chrome__notif-btn--unread,.app-chrome__notif-bell--unread{border-color:#ff453a73}.app-chrome__notif-btn .icon,.app-chrome__notif-bell .icon{width:1.1rem;height:1.1rem}.app-chrome__notif-badge{position:absolute;top:-.2rem;right:-.2rem;min-width:1.1rem;height:1.1rem;padding:0 .3rem;border-radius:999px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;line-height:1.1rem;text-align:center;box-shadow:0 0 0 2px var(--bg-card, #1a2332)}.app-chrome__notif-badge[hidden]{display:none!important}.app-chrome__notif-dot{position:absolute;top:.12rem;left:.12rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--bg-card, #1a2332);pointer-events:none}.app-chrome__notif-dot[hidden]{display:none!important}.app-chrome__notif-wrap--unread .app-chrome__notif-dot{animation:notif-dot-pulse 1.6s ease-in-out infinite}@keyframes notif-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.12)}}.app-notif-dropdown{position:absolute;top:calc(100% + .45rem);right:0;z-index:270;width:min(22rem,calc(100vw - 1.5rem));max-height:min(70vh,24rem);display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:0 12px 40px #00000059;overflow:hidden}.app-notif-dropdown[hidden]{display:none!important}.app-notif-dropdown__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .85rem;border-bottom:1px solid var(--border);background:var(--bg-hover)}.app-notif-dropdown__head strong{font-size:.88rem}.app-notif-dropdown__close{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer}.app-notif-dropdown__close:hover{background:#ff453a1f;color:var(--danger)}.app-notif-dropdown__list{display:flex;flex-direction:column;gap:.45rem;padding:.55rem;overflow-y:auto;flex:1;min-height:0}.app-notif-dropdown__list--history{min-height:13.5rem}.app-notif-dropdown__empty{margin:0;padding:1.25rem .75rem;text-align:center;color:var(--text-muted);font-size:.88rem}.app-notif-dropdown__foot{padding:.5rem .65rem .65rem;border-top:1px solid var(--border)}.app-notif-dropdown__foot .btn{width:100%}@media(max-width:720px){.app-chrome__logout-label{display:none}}.sidebar{grid-area:sidebar;width:var(--sidebar-w);background:var(--sidebar-glass);backdrop-filter:none;-webkit-backdrop-filter:none;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:.85rem .65rem;min-height:0;height:100%;z-index:100;transition:width .2s ease,padding .2s ease,border-color .15s ease;overflow:hidden}.sidebar__brand{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;padding:0 .5rem 1.5rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem;flex-shrink:0}.sidebar__brand-logo{width:100%;max-width:220px;height:auto;display:block}.sidebar__brand-text{width:100%}.sidebar__brand h1{font-size:1.05rem;font-weight:700}.sidebar__brand p{font-size:.75rem;color:var(--text-muted)}.sidebar__menu{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar__menu>.sidebar__back:not([hidden]){flex-shrink:0;margin-bottom:.5rem}.sidebar__nav{display:flex;flex-direction:column;gap:.35rem;flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-right:.15rem;padding-bottom:.75rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar__menu>.sidebar__nav:not(.hidden){flex:1 1 0;min-height:0}.sidebar__nav::-webkit-scrollbar{width:6px}.sidebar__nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.nav-item{display:flex;align-items:center;padding:.5rem .85rem;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.8125rem;font-weight:500;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:#0a84ff2e;color:var(--primary);font-weight:600}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;min-width:1.35rem;height:1.35rem;margin-right:.5rem;font-size:1.05rem;line-height:1;flex-shrink:0;text-align:center}.nav-group{display:flex;flex-direction:column;gap:.15rem}.nav-item--parent{width:100%;justify-content:flex-start}.nav-item__label{flex:1;text-align:left}.nav-item__chevron{display:inline-flex;width:.85rem;height:.85rem;margin-left:auto;opacity:.55;transition:transform .2s;background-color:currentColor;-webkit-mask:var(--icon-chevron) center / contain no-repeat;mask:var(--icon-chevron) center / contain no-repeat;--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.nav-group.open .nav-item__chevron{transform:rotate(180deg)}.nav-submenu{display:none;flex-direction:column;gap:.2rem;padding-left:.5rem;margin-left:.75rem;border-left:1px solid var(--border)}.nav-group.open .nav-submenu{display:flex}.nav-subitem{display:flex;align-items:center;padding:.6rem .85rem;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.82rem;font-weight:500;border-radius:8px;cursor:pointer;text-align:left;width:100%}.nav-subitem:hover{background:var(--bg-hover);color:var(--text)}.nav-subitem.active{background:#0a84ff1a;color:var(--primary)}.nav-subitem--action{color:var(--text)}.nav-subitem--action:hover{background:#22c55e1f;color:var(--success)}.nav-group.active>.nav-item--parent{background:#0a84ff14;color:var(--primary)}.nav-submenu__label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.5rem .85rem .2rem;margin-top:.25rem}.nav-submenu__label:first-child{margin-top:0}.nav-group--nested{margin-top:.15rem}.nav-submenu .nav-group--nested .nav-item--nested{padding:.6rem .85rem;font-size:.82rem;font-weight:500;border-radius:8px;color:var(--text-muted)}.nav-submenu .nav-group--nested .nav-item--nested:hover{background:var(--bg-hover);color:var(--text)}.nav-submenu .nav-group--nested.active>.nav-item--nested{background:#0a84ff1a;color:var(--primary)}.nav-submenu .nav-group--nested .nav-submenu{margin-left:.35rem;padding-left:.5rem}.page-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem}.page-toolbar__info h2{font-size:1.75rem;font-weight:700}.toolbar-filters{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.toolbar-filters .form-group{margin:0;min-width:200px}.toolbar-filters .form-group label{font-size:.75rem}.dropdown{position:relative}.dropdown__toggle{display:inline-flex;align-items:center;gap:.35rem}.dropdown__chevron{font-size:.65rem;opacity:.85}.dropdown__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:.35rem;display:none;z-index:50}.dropdown.open .dropdown__menu{display:block}.dropdown__item{display:block;width:100%;padding:.65rem .85rem;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:.85rem;font-weight:500;text-align:left;border-radius:8px;cursor:pointer}.dropdown__item:hover{background:var(--bg-hover)}.card--flush{padding:0;overflow:hidden}.card__title{padding:1rem 1.25rem;font-size:.85rem;font-weight:600;color:var(--text-muted);border-bottom:1px solid var(--border);background:#0003}.card--flush .cicilan-due-list,.card--flush .cicilan-lunas-list{padding:.75rem}.cicilan-lunas-list{display:flex;flex-direction:column;gap:.5rem}.cicilan-lunas-row{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.9rem 1rem;background:var(--bg);border-radius:10px;border:1px solid var(--border)}@media(max-width:640px){.cicilan-lunas-row{grid-template-columns:1fr}}.cicilan-lunas-row__name{font-weight:700;font-size:.95rem}.cicilan-lunas-row__meta{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.cicilan-lunas-row__amount{font-weight:700;color:var(--success);text-align:right;white-space:nowrap}.cicilan-lunas-row__actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;flex-shrink:0}.sidebar__footer{margin-top:auto;padding:1rem .5rem 0;flex-shrink:0;display:flex;flex-direction:column;gap:.65rem;border-top:1px solid var(--border)}.sidebar__account{display:flex;align-items:center;gap:.65rem;padding:.5rem .35rem}.sidebar__account-avatar{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--module-accent, #0a84ff) 22%,transparent);color:var(--module-accent, #7ec8ff);border:1px solid color-mix(in srgb,var(--module-accent, #0a84ff) 40%,transparent)}.sidebar__account-info{min-width:0;flex:1}.sidebar__account-info strong{display:block;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__account-info small{color:var(--text-muted);font-size:.68rem}.sidebar__logout{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-bottom:.55rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.sidebar__logout:hover{background:#ff453a1f;border-color:#ff453a59;color:var(--danger)}.sidebar__logout .icon{width:1rem;height:1rem}.sidebar__footer-note{color:var(--text-muted);font-size:.65rem;text-align:center;line-height:1.35}.menu-toggle{display:none;flex-direction:row;position:fixed;top:1rem;left:1rem;z-index:200;background:#1a2332f5;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border);color:var(--text);width:44px;height:44px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow)}.menu-toggle .icon{width:1.25rem;height:1.25rem}.main{grid-area:main;min-width:0;padding:2rem;max-width:var(--layout-max, 1100px);width:100%;justify-self:center}.app--launcher .main{padding-top:1.5rem}@media(max-width:768px){.app--launcher .main{padding-top:.75rem}}.app--launcher .sidebar{display:none!important}.app--module{grid-template-areas:"chrome chrome" "sidebar main"}.app--module .sidebar{display:flex;overflow:hidden;border-right:1px solid var(--border)}.app--module .main{max-width:var(--layout-max, none);justify-self:stretch;width:100%}html[data-layout-width=standard] .app--module .main,html[data-layout-width=wide] .app--module .main{justify-self:center}.app--module .sidebar__brand{padding-bottom:1rem;margin-bottom:1rem}.app--module:not(.app--sidebar-open) .sidebar{width:0;min-width:0;padding:0;border:none;overflow:hidden}.app-notification{position:relative;display:flex;align-items:flex-start;gap:.65rem;padding:.7rem 2rem .7rem .85rem;border-radius:var(--radius);font-size:.88rem;border:1px solid var(--border);background:var(--bg)}.app-notification--unread{box-shadow:0 0 0 1px color-mix(in srgb,var(--module-accent, var(--primary)) 35%,transparent)}.app-notification--archived{opacity:.72}.app-notification--action{background:#0a84ff14;border-color:#0a84ff40}.app-notification--info{background:#94a3b814}.app-notification--success{background:#22c55e1a;border-color:#22c55e59}.app-notification--warn{background:#f59e0b1a;border-color:#f59e0b59}.app-notification__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;margin-top:.1rem;width:2rem;height:2rem;border-radius:8px;background:#ffffff0f}.app-notification__icon--absensi{background:#0a84ff24;color:#5ac8fa}.app-notification__icon--keuangan{background:#30d1581f;color:#30d158}.app-notification__icon--helpdesk{background:#ff9f0a24;color:#ff9f0a}.app-notification__icon .icon{width:1.15rem;height:1.15rem}.app-notification__body{flex:1;min-width:0}.app-notification__module-label{margin:0 0 .2rem;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.app-notification__text{margin:0 0 .5rem;line-height:1.45;color:var(--text)}.app-notification__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.app-notification__btn{flex-shrink:0;white-space:nowrap}.app-notification__dismiss{position:absolute;top:.35rem;right:.35rem;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer}.app-notification__dismiss:hover{background:#ff453a1f;color:var(--danger)}.page{display:none;animation:fadeIn .2s ease}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-card__label{font-size:.8rem;color:var(--text-muted);margin-bottom:.35rem}.stat-card__value{font-size:1.5rem;font-weight:700}.stat-card__value.positive{color:var(--success)}.stat-card__value.negative{color:var(--danger)}.stats-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.stats-row .stat-card{flex:1;min-width:140px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card h3{font-size:.95rem;margin-bottom:1rem;color:var(--text-muted);font-weight:600}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.categories-list{display:flex;flex-direction:column;gap:.75rem;width:100%;min-width:0}.category-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.category-card__info{min-width:0}.category-card__name{font-weight:600;font-size:.95rem}.category-card__account{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.tx-new-category{margin:-.25rem 0 .75rem;padding:.75rem .85rem;border-radius:10px;border:1px dashed var(--border);background:#3b82f60a}.category-card__account code{font-size:.76rem;padding:.1rem .35rem;border-radius:4px;background:#3b82f61a;color:var(--primary)}.category-card__type{font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.category-badge{display:inline-block;padding:.15rem .45rem;border-radius:5px;font-size:.65rem;font-weight:600;text-transform:uppercase}.category-badge.masuk{background:#22c55e26;color:var(--success)}.category-badge.keluar{background:#ef444426;color:var(--danger)}.category-badge.semua{background:#8b9cb326;color:var(--text-muted)}.category-badge.system{background:#3b82f61f;color:var(--primary)}.category-card--locked .category-card__actions{align-items:center}.category-card__locked{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.category-card__actions{display:flex;gap:.35rem;flex-shrink:0}.categories-summary--compact{margin-bottom:0;gap:.5rem;width:100%}.stat-card--compact{padding:.65rem .85rem}.stat-card--compact .stat-value{font-size:1.15rem}.categories-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);width:100%;min-width:0}.data-table--categories{width:100%;table-layout:auto}.data-table--categories th,.data-table--categories td{vertical-align:middle}.data-table--categories .category-badge{white-space:nowrap;font-size:.72rem;text-transform:none}.category-name-cell{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.category-name-cell strong{font-weight:600}.category-account-code{font-size:.78rem;padding:.12rem .4rem;border-radius:4px;background:#3b82f61a;color:var(--primary)}.category-note-cell{max-width:220px;font-size:.8rem}.category-usage-badge{display:inline-flex;min-width:1.75rem;justify-content:center;padding:.15rem .45rem;border-radius:999px;font-size:.78rem;font-weight:600;background:#8b9cb326;color:var(--text-muted)}.table-actions{display:flex;gap:.35rem;justify-content:flex-end;flex-wrap:wrap}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.accounts-balance-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin:0 0 1rem}.accounts-balance-summary:empty{display:none}.accounts-balance-summary__item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}.accounts-balance-summary__item--total{border-color:var(--border-strong, var(--primary))}.accounts-balance-summary__label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.accounts-balance-summary__value{font-size:1.15rem;font-weight:700}.account-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.15rem 1rem;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.85rem}.account-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent, var(--primary))}.account-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.account-card__titles{min-width:0}.account-card__bank{font-size:.78rem;color:var(--text-muted);margin-bottom:.15rem}.account-card__name{font-size:1.05rem;font-weight:650;line-height:1.25;margin:0;word-break:break-word}.account-card__badge{flex-shrink:0;font-size:.68rem;font-weight:600;letter-spacing:.02em;padding:.2rem .5rem;border-radius:var(--radius-sm, 4px);border:1px solid var(--border);color:var(--text-muted);background:var(--bg-elevated, var(--bg-hover));white-space:nowrap}.account-card__badge--tabungan{color:var(--z-warning, #e6a23c);border-color:#e6a23c59}.account-card__balances{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.account-card__balance-tile{background:var(--bg-elevated, var(--bg-hover));border:1px solid var(--border);border-radius:var(--radius-sm, 4px);padding:.65rem .7rem;min-width:0}.account-card__balance-tile--current{border-color:var(--border-strong, rgba(0, 174, 232, .35))}.account-card__balance-label{display:block;font-size:.68rem;color:var(--text-muted);margin-bottom:.15rem}.account-card__balance-month{display:block;font-size:.72rem;color:var(--text-muted);margin-bottom:.3rem}.account-card__balance{display:block;font-size:1.05rem;font-weight:700;line-height:1.2;word-break:break-word}.account-card__balance--prev{font-size:.95rem;font-weight:650;color:var(--text-muted)}.account-card__balance--loading{opacity:.7}.account-card__delta{font-size:.75rem;color:var(--text-muted);margin:0}.account-card__delta strong{font-weight:650;color:var(--text)}.account-card__delta--up strong{color:var(--z-income, var(--z-success, #3dd68c))}.account-card__delta--down strong{color:var(--z-expense, var(--z-danger, #f07178))}.account-card__balance-hint{font-size:.72rem;color:var(--text-muted);margin:0}.account-card__actions{display:flex;gap:.45rem;margin-top:auto;padding-top:.85rem;border-top:1px solid var(--border);flex-wrap:wrap}@media(max-width:380px){.account-card__balances{grid-template-columns:1fr}}.filters{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.filters select{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.85rem}.tx-toolbar{padding:1rem 1.15rem;margin-bottom:1.25rem}#page-transactions .tx-summary-panel{margin-bottom:1.25rem;padding:1rem 1.15rem 1.1rem}#page-transactions .tx-summary-panel .stats-row{margin-bottom:0}#page-transactions .tx-search-result{margin:-.35rem 0 1rem}#page-transactions .tx-table-card{margin-top:0}#page-transactions.page--data-light .tx-toolbar{padding:.65rem .85rem;margin-bottom:.75rem}#page-transactions.page--data-light .tx-summary-panel{padding:.65rem .85rem .7rem;margin-bottom:.75rem}#page-transactions.page--data-light .tx-search-result{margin:-.25rem 0 .65rem}#page-transactions.page--data-light .tx-table-card{background:transparent;border:none;box-shadow:none}#page-transactions.page--data-light .transactions-list .table-wrap{border:1px solid var(--border);border-radius:8px;background:var(--surface, var(--card-bg))}#page-transactions.page--data-light .data-table--transactions{font-size:.8125rem}#page-transactions.page--data-light .data-table--transactions thead th{position:sticky;top:0;z-index:1;background:var(--surface, var(--card-bg));font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);padding:.4rem .55rem;border-bottom:1px solid var(--border)}#page-transactions.page--data-light .data-table--transactions tbody td{padding:.42rem .55rem;vertical-align:middle;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent)}#page-transactions.page--data-light .data-table--transactions tbody tr:last-child td{border-bottom:none}#page-transactions.page--data-light .data-table--transactions tbody tr:hover td{background:color-mix(in srgb,var(--module-accent, var(--primary)) 5%,transparent)}#page-transactions.page--data-light .data-table--transactions .tx-col-actions .btn{padding:.18rem .42rem;font-size:.72rem}#page-transactions.page--data-light .data-table--transactions .tx-amount{font-size:.84rem;font-variant-numeric:tabular-nums}#page-transactions.page--data-light .data-table--transactions .badge{font-size:.68rem;padding:.12rem .38rem}#page-transactions.page--data-light .tx-summary .stat-card{padding:.55rem .65rem}#page-transactions.page--data-light .tx-summary .stat-value{font-size:1rem}.tx-toolbar__filters{display:flex;flex-direction:column;gap:.55rem;margin-bottom:0}.tx-toolbar__field,.tx-toolbar__search{margin:0}.page--data-light.app-dashboard-page .app-dashboard__kpis{gap:.65rem}.page--data-light .app-kpi-grid .stat-card,.page--data-light .app-kpi-grid .app-kpi-card{padding:.65rem .75rem}.page--data-light .app-kpi-grid .stat-value,.page--data-light .app-kpi-grid .app-kpi-card__value{font-size:1.05rem}.page--data-light .member-list-card,.page--data-light .voucher-list-card{box-shadow:none;border:1px solid var(--border)}.page--data-light .member-table-wrap,.page--data-light .voucher-table-wrap{border:1px solid var(--border);border-radius:8px;overflow:hidden}.page--data-light .data-table--member-daftar,.page--data-light #voucherTambahListTable{font-size:.8125rem}.page--data-light .data-table--member-daftar thead th,.page--data-light #voucherTambahListTable thead th{position:sticky;top:0;z-index:1;background:var(--surface, var(--card-bg));font-size:.72rem;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);padding:.4rem .55rem;border-bottom:1px solid var(--border)}.page--data-light .data-table--member-daftar tbody td,.page--data-light #voucherTambahListTable tbody td{padding:.42rem .55rem;vertical-align:middle;border-bottom:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.page--data-light .data-table--member-daftar tbody tr:last-child td,.page--data-light #voucherTambahListTable tbody tr:last-child td{border-bottom:none}.page--data-light .data-table--member-daftar tbody tr:hover td,.page--data-light #voucherTambahListTable tbody tr:hover td{background:color-mix(in srgb,var(--module-accent, var(--primary)) 5%,transparent)}.page--data-light .app-dash-toolbar .voucher-toolbar__search,.page--data-light .app-dash-toolbar .member-daftar-titip-search{flex:0 1 13rem;min-width:10rem;max-width:18rem}.page--data-light .member-daftar-bulk-bar{padding:.45rem .65rem;gap:.4rem}.page--data-light .app-dash-panel__head{padding:.65rem .85rem .5rem}.tx-summary .stat-card{min-width:0}.tx-summary .stat-value.positive{color:var(--income)}.tx-summary .stat-value.negative{color:var(--expense)}.tx-summary .stat-value.tx-summary__net--plus{color:var(--income)}.tx-summary .stat-value.tx-summary__net--minus{color:var(--expense)}.tx-summary .stat-card__sub{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}.category-card__module{display:block;font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.transactions-list .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.transactions-list .data-table--transactions .tx-col-check{width:2.25rem;padding-left:.65rem;padding-right:0;vertical-align:middle}.transactions-list .data-table--transactions .tx-row-check{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer}.transactions-list .data-table--transactions .tx-row-check input{width:1rem;height:1rem;margin:0;cursor:pointer;accent-color:var(--module-accent, var(--primary))}.transactions-list .data-table--transactions tr.tx-row--selected td{background:color-mix(in srgb,var(--module-accent, var(--primary)) 8%,transparent)}.transactions-list .data-table--transactions .tx-col-actions{width:1%;white-space:nowrap;text-align:right}.transactions-list .data-table--transactions .tx-col-actions .btn{margin-left:.25rem}.transactions-list:not(:has(.data-table)),.debts-list{display:flex;flex-direction:column;gap:.5rem}.tx-item,.debt-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--bg);border-radius:10px;border:1px solid transparent;transition:border-color .15s}.tx-item:hover,.debt-item:hover{border-color:var(--border)}.tx-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.tx-icon.masuk{background:#22c55e26}.tx-icon.keluar{background:#ef444426}.tx-icon.transfer{background:#0a84ff26}.tx-info{flex:1;min-width:0}.tx-info__title{font-weight:600;font-size:.9rem}.tx-info__meta{font-size:.75rem;color:var(--text-muted)}.tx-amount{font-weight:700;font-size:.95rem;text-align:right}.tx-amount.masuk{color:var(--income)}.tx-amount.keluar{color:var(--expense)}.tx-actions{display:flex;gap:.35rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{padding:.5rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .15s}.tab:hover{color:var(--text)}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.debt-badge{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase}.debt-badge.hutang{background:#ef444433;color:var(--danger)}.debt-badge.piutang{background:#22c55e33;color:var(--success)}.debt-badge.kasbon{background:#a855f733;color:#a855f7}.kasbon-item{padding:.75rem 0;border-bottom:1px solid var(--border)}.kasbon-item--lunas{opacity:.7}.invoice-settings__section-title{margin:0 0 1rem;font-size:1rem;font-weight:700}.invoice-settings__signature-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-top:.5rem}.invoice-settings__signature-img{max-height:72px;max-width:200px;object-fit:contain;border:1px dashed var(--border);border-radius:var(--radius);padding:8px;background:#fff}.invoice-settings__signature-actions{display:flex;flex-wrap:wrap;gap:.5rem}.invoice-settings__logo-size-row{display:flex;align-items:center;gap:1rem;margin-top:.35rem}.invoice-settings__logo-size-row input[type=range]{flex:1;max-width:280px}.invoice-settings__logo-size-row output{min-width:4.5rem;font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.9rem}.invoice-settings__color-row{display:flex;align-items:center;gap:.75rem;margin-top:.35rem}.invoice-settings__color-row input[type=color]{width:48px;height:36px;padding:2px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface)}.invoice-settings__theme-preview{margin:.75rem 0 1rem;padding:12px 14px;border-radius:var(--radius);border:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.invoice-settings__theme-preview code{font-size:.8rem}.invoice-bank-list{display:flex;flex-direction:column;gap:.65rem}.invoice-bank-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-elevated, rgba(255, 255, 255, .03))}.kasbon-consolidate-hint{padding:.65rem .85rem;margin-bottom:.75rem;border-radius:var(--radius);background:#0a84ff14;border:1px solid rgba(10,132,255,.25)}.kasbon-additions{margin:.35rem 0 0;padding-left:1.15rem;font-size:.82rem;color:var(--text-muted)}.history-section__title{margin:0 0 .85rem;font-size:1rem;font-weight:600}.history-timeline{display:flex;flex-direction:column;gap:0;border-left:2px solid var(--border);margin-left:.35rem;padding-left:0}.history-timeline__item{position:relative;padding:.75rem 0 .75rem 1.1rem;border-bottom:1px solid var(--border)}.history-timeline__item:last-child{border-bottom:none}.history-timeline__item:before{content:"";position:absolute;left:-.45rem;top:1.1rem;width:10px;height:10px;border-radius:50%;background:var(--primary);border:2px solid var(--bg-card)}.history-timeline__item--payment:before,.history-timeline__item--payroll_deduct:before,.history-timeline__item--consolidation:before{background:var(--success)}.history-timeline__item--rejected:before,.history-timeline__item--leave_rejected:before{background:var(--danger)}.history-timeline__item--request:before,.history-timeline__item--leave_submit:before{background:var(--warning)}.history-timeline__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.35rem}.history-timeline__date{font-size:.8rem;font-weight:600;color:var(--text)}.history-timeline__tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:#94a3b81f;padding:.15rem .45rem;border-radius:4px}.history-timeline__head{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.history-timeline__head strong{font-size:.92rem}.history-timeline__detail{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted);line-height:1.45}.history-timeline__amount{font-size:.88rem;font-weight:600;color:var(--primary);margin-left:auto}.history-timeline__amount--out{color:var(--success)}.badge--info{background:#0a84ff33;color:var(--primary)}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.btn{padding:.6rem 1.1rem;border-radius:8px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .15s}.btn--primary{background:var(--btn-add);color:#fff;border:1px solid color-mix(in srgb,var(--btn-add-hover) 70%,transparent);box-shadow:0 1px 2px #00000040}.btn--primary:hover:not(:disabled){background:var(--btn-add-hover)}.btn--ghost{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border-strong)}.btn--ghost:hover{background:var(--bg-elevated);color:var(--text);border-color:color-mix(in srgb,var(--text-muted) 35%,var(--border-strong))}.btn--sm{padding:.35rem .7rem;font-size:.75rem}.btn--secondary{background:color-mix(in srgb,var(--primary) 16%,var(--bg-card));color:#9cd4ff;border:1px solid color-mix(in srgb,var(--primary) 42%,var(--border-strong))}.btn--secondary:hover{background:color-mix(in srgb,var(--primary) 26%,var(--bg-hover));color:#c5e6ff;border-color:color-mix(in srgb,var(--primary) 60%,var(--border-strong))}.btn--edit{background:var(--btn-edit);color:#fff;border:1px solid color-mix(in srgb,var(--btn-edit-hover) 70%,transparent);box-shadow:0 1px 2px #0003}.btn--edit:hover:not(:disabled){background:var(--btn-edit-hover)}.btn--danger{background:var(--btn-delete);color:#fff;border:1px solid color-mix(in srgb,var(--btn-delete-hover) 70%,transparent);box-shadow:0 1px 2px #0003}.btn--danger:hover:not(:disabled){background:var(--btn-delete-hover)}.btn--success{background:color-mix(in srgb,var(--success) 16%,var(--bg-card));color:#6ee7a0;border:1px solid color-mix(in srgb,var(--success) 42%,var(--border-strong))}.btn--success:hover:not(:disabled){background:color-mix(in srgb,var(--success) 26%,var(--bg-hover));color:#9ef0bc}.btn--pay{background:linear-gradient(180deg,#3de068 0%,var(--success) 100%);color:#052e14;border:1px solid color-mix(in srgb,var(--success) 80%,#fff);box-shadow:0 1px 2px #0000004d;font-weight:700}.btn--pay:hover{background:linear-gradient(180deg,#5ef085,#3de068);color:#031f0d}.btn--print{background:color-mix(in srgb,var(--warning) 18%,var(--bg-card));color:#e8c078;border:1px solid color-mix(in srgb,var(--warning) 45%,var(--border-strong))}.btn--print:hover:not(:disabled){background:color-mix(in srgb,var(--warning) 28%,var(--bg-hover));color:#f5ddb0;border-color:color-mix(in srgb,var(--warning) 62%,var(--border-strong))}.btn--print:disabled{opacity:.45;cursor:not-allowed}.actions-cell .btn+.btn{margin-left:.35rem}.tx-locked-hint{display:inline-block;font-size:.72rem;font-weight:600;color:var(--text-muted);padding:.25rem .5rem;border-radius:6px;border:1px dashed var(--border-strong);background:var(--bg-hover);cursor:help;white-space:nowrap}.form-group{margin-bottom:1rem}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio-label{display:flex;align-items:flex-start;gap:.5rem;font-size:.9rem;color:var(--text);cursor:pointer}.radio-label input{margin-top:.2rem;flex-shrink:0}.form-group label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.65rem .85rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.9rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group input.input--locked{cursor:not-allowed;opacity:.92;-webkit-user-select:none;user-select:none}.form-group input.input--locked:focus{border-color:var(--border)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-row--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:640px){.form-row--3,.form-row--4{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:300;padding:1rem}.modal-overlay.open{display:flex}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:350;display:none;align-items:center;justify-content:center;padding:1rem;background:#000000a6;backdrop-filter:none;-webkit-backdrop-filter:none}.confirm-overlay.open{display:flex}.confirm-dialog{width:100%;max-width:440px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);box-shadow:0 24px 64px #00000080;overflow:hidden;animation:confirm-dialog-in .18s ease-out}@keyframes confirm-dialog-in{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog__header{padding:1.35rem 1.35rem .25rem;text-align:center}.confirm-dialog__header h3{margin:0;font-size:1.08rem;font-weight:600;line-height:1.45;color:var(--text)}.confirm-dialog__body{padding:.65rem 1.35rem 1.25rem;font-size:.9rem;line-height:1.6;text-align:center;white-space:pre-line;color:var(--text)}.confirm-dialog__body strong{color:var(--text);font-weight:600}.confirm-dialog__footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.65rem;padding:1rem 1.35rem 1.35rem;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 65%,transparent)}.confirm-dialog__footer .btn{min-height:2.35rem;min-width:6.5rem;padding:.5rem 1.15rem;border-radius:8px;font-size:.86rem}.confirm-dialog__footer .btn--ghost{min-width:6.5rem}.confirm-dialog--info .confirm-dialog__footer .btn{min-width:9rem}.confirm-dialog--success .confirm-dialog__header h3{color:var(--success)}.confirm-dialog--warn .confirm-dialog__header h3{color:var(--warning, #f59e0b)}.confirm-dialog__footer .btn--ghost{background:color-mix(in srgb,var(--bg-hover) 80%,var(--bg-card))}.modal{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:440px;max-height:min(90vh,90dvh);overflow:hidden;box-shadow:var(--shadow)}.modal--wide{max-width:640px}.filters--row{align-items:flex-end;margin-bottom:1rem}.search-box{position:relative;flex:1;min-width:220px;max-width:360px}.search-box--wide{max-width:100%;min-width:200px}.toolbar-filters--row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.toolbar-filters--row .search-box{flex:1 1 240px}.toolbar-filters--row .form-group{flex:0 0 auto}.tabs--compact{margin:0;flex-shrink:0}.search-result,.checkbox-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.checkbox-row input{width:auto}.form-group input[type=checkbox],.form-group input[type=radio]{width:auto;padding:0;background:transparent;border:none;border-radius:0;flex-shrink:0;accent-color:var(--module-accent, var(--primary))}.form-group input[type=color]{width:3rem;height:2.25rem;padding:2px;cursor:pointer;flex-shrink:0}.account-form__color .account-color-picker{display:flex;align-items:center;gap:.75rem}.account-form__color input[type=color]{width:3rem;height:2.25rem;padding:2px;border:1px solid var(--border);border-radius:var(--radius, 8px);background:var(--bg-elevated);cursor:pointer}.account-form__tabungan{margin-top:.25rem}.account-form__tabungan-hint{margin-top:.35rem}.account-visibility-panel{margin-top:1rem;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius, 8px);background:color-mix(in srgb,var(--bg-elevated) 55%,transparent)}.account-visibility-panel__title{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.65rem}.account-vis-master{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.65rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));font-size:.88rem;font-weight:500;color:var(--text);cursor:pointer}.account-vis-master input{margin:0;flex-shrink:0}.account-vis-group{margin-bottom:.85rem}.account-vis-group:last-of-type{margin-bottom:.5rem}.account-vis-group__title{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.45rem}.account-vis-list{display:flex;flex-direction:column;gap:.35rem}.account-vis-item{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem .65rem;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s}.account-vis-item:hover{background:var(--bg-hover);border-color:var(--border-subtle, rgba(255, 255, 255, .06))}.account-vis-item input{margin-top:.15rem;flex-shrink:0}.account-vis-item__text{flex:1;min-width:0}.account-vis-item__label{display:block;font-size:.88rem;color:var(--text);font-weight:500}.account-vis-item .form-hint{display:block;margin:.15rem 0 0;font-size:.78rem;line-height:1.35}.modal__header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;padding:1.25rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.modal__header h3{font-size:1.1rem}.modal__close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1.25rem}.form-group input.is-invalid,.form-group select.is-invalid,.form-group textarea.is-invalid,.date-picker-wrap input.is-invalid{border-color:var(--danger, #ef4444);box-shadow:0 0 0 1px var(--danger, #ef4444)}.field-error{margin-top:.35rem;font-size:.8rem;color:var(--danger, #ef4444);font-weight:500}.modal__footer{display:flex;justify-content:flex-end;flex-shrink:0;gap:.5rem;padding:.75rem 1.25rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-card)}.list-compact .tx-item,.list-compact .debt-item{padding:.65rem 0;background:transparent;border-radius:0;border-bottom:1px solid var(--border)}.list-compact .tx-item:last-child,.list-compact .debt-item:last-child{border-bottom:none}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.9rem}.empty-state .icon{display:block;margin:0 auto .65rem;opacity:.45;color:var(--text-muted)}.empty-state p{margin:0}.empty-state>span:not(.icon){display:block;font-size:2rem;margin-bottom:.5rem;opacity:.5}.toast{position:fixed;bottom:1.5rem;right:1.5rem;left:1.5rem;max-width:28rem;margin-left:auto;background:var(--bg-card);border:1px solid var(--border);padding:.85rem 1.25rem;border-radius:10px;font-size:.9rem;box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:all .3s;z-index:6000;pointer-events:none}.toast.show{transform:translateY(0);opacity:1;pointer-events:auto;cursor:pointer}.sidebar__back{display:flex;align-items:center;gap:.5rem;width:100%;margin-bottom:.75rem;padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-hover);color:var(--text);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;text-align:left;flex-shrink:0;transition:background .15s,border-color .15s}.sidebar__back:hover{background:#0a84ff1f;border-color:#0a84ff59;color:var(--primary)}.sidebar__back-icon{font-size:1.1rem;line-height:1}.sidebar--module .sidebar__nav{margin-top:0}#btnBackMainMenu[hidden],#sidebarToggle[hidden],#menuToggle[hidden]{display:none!important}.app--single-app.app--module .sidebar__brand-text p#appSubtitle{color:var(--text-muted)}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#070b10;background-image:none;display:none;align-items:center;justify-content:center;z-index:500;padding:1.5rem}.login-overlay.open{display:flex}.login-boot-hint{display:none;text-align:center;font-size:.88rem;color:var(--text-muted);margin:0 0 .75rem}html.zinet-auth-pending .login-boot-hint{display:block}html.zinet-needs-login.zinet-auth-pending #loginOverlay.open{display:flex}html.zinet-session-resume #loginForm,.login-overlay--booting #loginForm,html.zinet-session-resume #loginBootHint,.login-overlay--booting #loginBootHint,html.zinet-embed #appAccountWrap,html.zinet-embed #btnBackMainMenu,html.zinet-embed .page--launcher,.app--launcher .app-chrome__toggle,.app--launcher #menuToggle{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-card--isp .login-card__logo{margin-bottom:1.75rem;filter:brightness(1.05)}.login-card--isp .login-form{margin-top:0}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.25rem 2rem 2rem;width:100%;max-width:420px;box-shadow:0 24px 48px #00000073}.login-card__logo{display:block;margin:0 auto 1.35rem;width:min(300px,88vw);height:auto;max-height:none}.login-card h2{text-align:center;font-size:1.2rem;font-weight:700;margin:0 0 .4rem;color:var(--text)}.login-card__hint,.login-card .text-muted{text-align:center;margin:0 0 1.35rem;font-size:.88rem;color:var(--text-muted)}.login-card .form-group label{color:var(--text-muted)}.login-card input{background:var(--bg);border-color:var(--border);color:var(--text)}.login-card input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}.login-card .btn--primary{background:var(--primary);border-color:var(--primary)}.login-form .btn--block{width:100%;margin-top:.5rem}.login-error,.login-fail-banner{display:none;color:#fff;background:#c92a2a;border:1px solid #ff6b6b;border-radius:8px;font-size:.9rem;font-weight:600;line-height:1.45;margin:.65rem 0 .25rem;padding:.65rem .85rem;text-align:center}.login-fail-banner:not([hidden]){display:block}.login-error{display:none!important}.login-fail-banner{width:100%;margin:0 0 .85rem;box-shadow:0 4px 12px #00000059}.login-fail-banner.is-visible,.login-error.is-visible{display:block!important;visibility:visible!important;opacity:1!important}.login-form.is-loading .btn--primary{opacity:.7;pointer-events:none}.company-form{display:flex;flex-direction:column;gap:1.5rem}.company-form__branding{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.company-branding-card{padding:1rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-hover)}.company-branding-card__title{margin:0 0 .75rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.company-branding-card__preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:120px;margin-bottom:.75rem;padding:.85rem;border-radius:8px;border:1px dashed var(--border);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.company-branding-card__preview:hover{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.company-branding-card__preview--print{background:#fff}.company-branding-card__preview--login{background:linear-gradient(180deg,#0f172a,#1e293b)}.company-branding-card__preview--favicon{background:#f8fafc;min-height:96px}.company-branding-card__upload-hint{font-size:.72rem;color:var(--text-muted);text-align:center;line-height:1.35}.company-branding-card__preview--login .company-branding-card__upload-hint{color:#ffffff8c}.company-logo-preview--login{max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain;background:transparent}.company-logo-preview--print{max-width:100%;max-height:96px;width:auto;height:auto;object-fit:contain;background:transparent}.company-favicon-preview{width:56px;height:56px;object-fit:contain;border-radius:8px;background:#fff;padding:6px;box-shadow:0 1px 3px #0000001f}.company-logo-preview{display:block;margin:0 auto}.company-form__logo-actions{display:flex;flex-direction:column;gap:.35rem}.perm-group{margin-bottom:.75rem}.perm-group__label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-bottom:.35rem}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.35rem}.perm-check{display:flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer}.perm-check--disabled{opacity:.45;cursor:not-allowed}.perm-check--inline{margin-top:.75rem}.perm-matrix-wrap{max-height:min(52vh,520px);overflow-y:auto;margin-top:.5rem;padding:.25rem;border:1px solid var(--border-subtle, rgba(255, 255, 255, .08));border-radius:8px}.perm-quick-presets{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.perm-matrix__app{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.perm-matrix__app:last-child{border-bottom:none;margin-bottom:0}.perm-matrix__app-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.5rem;cursor:pointer}.perm-matrix__app-head strong{font-size:.95rem}.perm-matrix__table{width:100%;border-collapse:collapse;font-size:.82rem}.perm-matrix__table th{text-align:left;font-weight:600;color:var(--text-muted);padding:.35rem .5rem;border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08))}.perm-matrix__menu{padding:.4rem .5rem;vertical-align:top;width:38%;color:var(--text-secondary, #a8b3cf)}.perm-matrix__actions{padding:.35rem .5rem}.perm-matrix__action{display:inline-flex;align-items:center;gap:.25rem;margin:.15rem .5rem .15rem 0;font-size:.8rem;cursor:pointer;white-space:nowrap}.perm-matrix__action input{flex-shrink:0}.karyawan-setup-panel{margin:.75rem 0 1rem;padding:1rem 1.1rem;border-radius:var(--radius);background:var(--surface-elevated, rgba(15, 23, 42, .04));border:1px solid var(--border)}.karyawan-setup-panel__title{margin:0 0 .5rem;font-size:.95rem;font-weight:600}.karyawan-setup-list{margin:0 0 .75rem;padding-left:1.2rem;font-size:.88rem;color:var(--text-muted);display:grid;gap:.25rem}@media(max-width:768px){.company-form__branding{grid-template-columns:1fr}}.module-btn{padding:.45rem .5rem;font-size:.68rem;font-weight:600;border:none;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;text-align:center;border-left:3px solid transparent}.module-btn:hover{background:var(--bg-hover);color:var(--text)}.module-btn.active{color:var(--text);background:var(--bg-hover);box-shadow:inset 0 0 0 1px var(--border)}.module-btn--home.active{border-left-color:#8b9cb3;color:#c5d0e0}.module-btn--portal.active{border-left-color:#bf5af2;color:#d8b4fe}.module-btn--absensi.active{border-left-color:#0a84ff;color:#7ec8ff}.module-btn--keuangan.active{border-left-color:#30d158;color:#86efac}.module-btn--mitra.active{border-left-color:#64d2ff;color:#a5e9ff}.module-btn--tools.active{border-left-color:#ff9f0a;color:#fcd34d}.sidebar__nav.hidden{display:none}.page--launcher{max-width:960px}.launcher-hero{margin-bottom:1.75rem;text-align:center}.launcher-hero__eyebrow{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 .35rem}.launcher-hero__title{font-size:clamp(1.65rem,4vw,2.1rem);font-weight:700;letter-spacing:-.03em;margin:0 0 .35rem}.launcher-hero__sub{font-size:.92rem;color:var(--text-muted);margin:0}.home-grid,.app-launcher{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.15rem}.home-card{--card-accent: var(--primary);--card-glow: rgba(10, 132, 255, .3);display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(165deg,var(--bg-card) 0%,rgba(26,35,50,.6) 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem 1.25rem 1.25rem;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.home-card:before{display:none}.home-card:hover{transform:none;border-color:var(--card-accent);box-shadow:none}.home-card__icon-ring{position:relative;z-index:1;width:3.25rem;height:3.25rem;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;background:color-mix(in srgb,var(--card-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 35%,transparent);color:var(--card-accent);box-shadow:none}.home-card__icon-ring .icon{width:2rem;height:2rem}.home-card__body{position:relative;z-index:1;width:100%}.home-card__title{font-size:1.05rem;font-weight:700;margin:0 0 .5rem}.home-card__stat{font-size:1.15rem;font-weight:700;margin:0 0 .25rem;color:var(--text)}.home-card__meta{font-size:.8rem;color:var(--text-muted);margin:0 0 .35rem;line-height:1.4}.home-card__cta{display:inline-block;margin-top:.65rem;font-size:.78rem;font-weight:600;color:var(--card-accent)}.app[data-active-module=portal] .main{box-shadow:inset 0 3px #bf5af2}.app[data-active-module=absensi] .main{box-shadow:inset 0 3px #0a84ff}.app[data-active-module=keuangan] .main{box-shadow:inset 0 3px #30d158}.app[data-active-module=mitra] .main{box-shadow:inset 0 3px #64d2ff}.app[data-active-module=tools] .main{box-shadow:inset 0 3px #ff9f0a}.app[data-active-module=home] .main{box-shadow:none}.packages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.package-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.package-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.package-card__speed{font-size:.75rem;color:var(--text-muted)}.package-card__price{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.package-card__price span{font-size:.75rem;font-weight:500;color:var(--text-muted)}.package-card__actions,.employee-card__actions{display:flex;gap:.35rem;flex-wrap:wrap}.metro-price-config{margin-bottom:1rem}.metro-price-config__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;align-items:start}.metro-price-config__calc{padding:.85rem 1rem;background:var(--bg-elevated, rgba(255, 255, 255, .04));border:1px solid var(--border);border-radius:var(--radius)}.metro-price-config__calc-label{margin:0 0 .5rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.metro-price-config__calc-row{display:flex;justify-content:space-between;gap:1rem;padding:.35rem 0;font-size:.9rem}.metro-price-config__calc-row+.metro-price-config__calc-row{border-top:1px solid var(--border)}.metro-price-config__examples{margin:1rem 0 0}.metro-price-config__tier{margin:0 0 1rem;font-weight:500;color:var(--accent, #60a5fa)}.metro-customer-list{margin-top:1rem}.metro-customer-list__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.metro-customer-list__head h3{margin:0;font-size:1rem}.metro-customer-list__preview{margin:0;padding:.25rem}.metro-customer-list .card,.metro-customer-list.card{padding:1rem 1.15rem 1.15rem}.price-sheet{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);overflow:hidden;background:var(--bg-card);box-shadow:0 8px 32px #00000040}.price-sheet__header{padding:1.35rem 1.5rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(10,132,255,.18) 0%,rgba(10,132,255,.04) 55%,transparent 100%)}.price-sheet__header-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.price-sheet__badge{flex-shrink:0;padding:.35rem .65rem;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent, #93c5fd);border:1px solid rgba(96,165,250,.35);border-radius:var(--radius-pill, 999px);background:#0a84ff1a}.price-sheet__eyebrow{margin:0 0 .25rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent, #60a5fa)}.price-sheet__title{margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.price-sheet__subtitle{margin:.35rem 0 0;font-size:.82rem;color:var(--text-muted)}.price-sheet__section{padding:1.1rem 1.5rem .5rem}.price-sheet__section+.price-sheet__section{padding-top:.35rem}.price-sheet__section-title{margin:0 0 .65rem;font-size:.95rem;font-weight:700;color:var(--text)}.price-sheet__section-note{margin:0 0 .75rem;font-size:.78rem;color:var(--text-muted);line-height:1.45}.price-sheet__table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#00000026}.price-sheet__table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.price-sheet__table--4col .price-sheet__col-no{width:2.75rem}.price-sheet__table--4col .price-sheet__col-name{width:auto}.price-sheet__table--4col .price-sheet__col-rate{width:7.5rem}.price-sheet__table--4col .price-sheet__col-total{width:9.5rem}.price-sheet__table thead{background:#0a84ff24}.price-sheet__table th{padding:.7rem .9rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#93c5fdf2;text-align:left;border-bottom:1px solid rgba(10,132,255,.25)}.price-sheet__table th.price-sheet__col-rate,.price-sheet__table th.price-sheet__col-total,.price-sheet__table th.price-sheet__col-price,.price-sheet__table td.price-sheet__col-rate,.price-sheet__table td.price-sheet__col-total,.price-sheet__table td.price-sheet__col-price{text-align:right}.price-sheet__table tbody tr{transition:background .15s ease}.price-sheet__table tbody tr:nth-child(2n){background:#ffffff05}.price-sheet__table tbody tr:hover{background:#0a84ff0f}.price-sheet__table td{padding:.62rem .9rem;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.price-sheet__table tbody tr:last-child td{border-bottom:none}.price-sheet__col-no{width:2.75rem;text-align:center!important;color:var(--text-muted);font-weight:600;font-size:.8rem}.price-sheet__col-name{min-width:6rem;font-weight:600;color:var(--text)}.price-sheet__col-rate{font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap}.price-sheet__col-total{font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent, #93c5fd);white-space:nowrap}.price-sheet__col-price{width:11rem;font-weight:700;color:var(--accent, #93c5fd);white-space:nowrap}.price-sheet__cell-main{display:block;font-weight:600;color:var(--text)}.price-sheet__cell-sub{display:block;margin-top:.12rem;font-size:.76rem;color:var(--text-muted)}.price-sheet__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin:0;padding:.9rem 1.5rem 1.15rem;font-size:.76rem;color:var(--text-muted);border-top:1px solid var(--border);background:#0000001a}.price-list-input-cell{min-width:9rem}.form-control--cell{width:100%;min-width:5.5rem;max-width:8rem;margin-left:auto;text-align:right;padding:.28rem .4rem;font-size:.8rem}.price-list-scroll{max-height:min(70vh,720px);overflow:auto}.data-table--price-list-compact{font-size:.82rem}.data-table--price-list-compact th,.data-table--price-list-compact td{padding:.4rem .55rem}.data-table--price-list-compact .price-list-cap{white-space:nowrap;font-size:.84rem}.price-sheet--compact .price-sheet__header--compact{padding:.85rem 1rem;background:linear-gradient(135deg,rgba(10,132,255,.16) 0%,transparent 100%)}.price-sheet--compact .price-sheet__title{font-size:1.05rem}.price-sheet--compact .price-sheet__subtitle{font-size:.75rem;margin-top:.2rem}.price-sheet__section--compact{padding:.65rem 1rem .75rem}.price-sheet__section--compact .price-sheet__section-title{margin:0 0 .45rem;font-size:.82rem}.price-sheet__table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}@media(max-width:720px){.price-sheet__table-grid{grid-template-columns:1fr}}.price-sheet__table--compact{font-size:.78rem}.price-sheet__table--compact th{padding:.45rem .55rem;font-size:.65rem}.price-sheet__table--compact td{padding:.38rem .55rem}.price-sheet__table--compact .price-sheet__col-name{font-size:.8rem}.price-sheet__table--compact .price-sheet__col-rate{font-size:.76rem}.price-sheet__table--compact .price-sheet__col-total{font-size:.8rem}.price-list-sum-hint{margin-top:.15rem;font-size:.72rem;font-weight:500;color:var(--text-muted);white-space:nowrap}.price-sheet__sum{display:block;font-weight:700}.price-sheet__table--internet .price-sheet__col-total .price-sheet__cell-sub{display:block;margin-top:.1rem;font-size:.68rem}.page-header__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.data-table--price-list .text-success{color:var(--success, #4ade80)}.employee-list{display:flex;flex-direction:column;gap:.65rem}.employee-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.employee-card--inactive{opacity:.55}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.data-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:#00000026}.empty-cell{text-align:center;color:var(--text-muted);padding:2rem!important}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted);font-size:.85rem}.actions-cell{white-space:nowrap}.btn--danger-text{color:var(--danger)!important}.badge{display:inline-block;padding:.15rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;background:#0a84ff33;color:var(--primary)}.badge--warn{background:#f59e0b33;color:var(--warning)}.badge--danger{background:#ff453a33;color:var(--danger)}.form-hint{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.form-hint--danger{color:var(--danger);font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-group--inline{display:flex;align-items:center;gap:.5rem}.form-group--inline label{margin:0;white-space:nowrap}.page-header__actions{display:flex;align-items:flex-end;gap:.75rem;flex-wrap:wrap}.stat-card--wide{grid-column:1 / -1}.voucher-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 28px #0000002e}.voucher-panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(48,209,88,.06) 0%,transparent 100%)}.voucher-panel__title{margin:0;font-size:1rem;font-weight:700}.voucher-panel__sub{margin:.25rem 0 0;font-size:.78rem;color:var(--text-muted)}.voucher-panel__count{flex-shrink:0;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;background:#30d1581f;color:#86efac;border:1px solid rgba(48,209,88,.28)}.voucher-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;padding:.85rem 1rem;align-items:center;background:var(--bg-hover);border-bottom:1px solid var(--border)}.voucher-toolbar__search{flex:1;min-width:14rem}.voucher-toolbar__select{min-width:10rem;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:.82rem}.voucher-toolbar__bulk{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.voucher-toolbar__month-del{display:inline-flex;align-items:center;gap:.35rem}.voucher-toolbar__month-input{padding:.35rem .5rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border);background:var(--surface-2, var(--card));color:var(--text);font-size:.82rem;min-height:2rem}.voucher-toolbar__date-range{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.voucher-toolbar__date-input{padding:.35rem .5rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border);background:var(--surface-2, var(--card));color:var(--text);font-family:inherit;font-size:.82rem;min-height:2rem}.voucher-toolbar__date-sep{color:var(--text-muted);font-size:.78rem;-webkit-user-select:none;user-select:none}.voucher-toolbar__search-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1 1 100%;min-width:min(100%,20rem)}.voucher-filters.search-submit-row{flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.voucher-filters.search-submit-row .search-submit-row__input{flex:1 1 14rem;min-width:12rem}.voucher-check-col{width:2.75rem;text-align:center;vertical-align:middle}.voucher-row-check{display:inline-flex;align-items:center;justify-content:center;margin:0;cursor:pointer}.voucher-row-check input{width:1rem;height:1rem;cursor:pointer}.voucher-table-wrap tr.voucher-row--selected td{background:#38bdf814}.voucher-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}.voucher-pill:hover{transform:translateY(-1px)}.voucher-pill--alert{border-color:#ff9f0a66;color:#fcd34d}.voucher-pill--on{background:color-mix(in srgb,var(--module-accent, #30d158) 18%,var(--bg-elevated));border-color:color-mix(in srgb,var(--module-accent, #30d158) 45%,var(--border));color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--module-accent, #30d158) 25%,transparent)}.voucher-pill--alert.voucher-pill--on{background:#ff453a24;border-color:#ff453a73;color:#ffb4ab;box-shadow:0 0 0 1px #ff453a33}.voucher-status-tabs{display:inline-flex;flex-wrap:wrap;gap:.35rem;padding:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated)}.voucher-table-wrap,.member-upload-layout{display:grid;gap:1rem}.member-upload-card{padding:1rem 1.1rem}.member-upload-card--wide{grid-column:1 / -1}.member-upload-card__title{margin:0 0 .75rem;font-size:1rem}.member-upload-card__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.member-upload-pay-methods{display:grid;gap:.5rem}.member-upload-pay-opt{display:flex;gap:.5rem;align-items:flex-start;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;cursor:pointer}.member-upload-pay-opt:has(input:checked){border-color:var(--primary);background:#0a84ff14}.member-upload-history-hint{margin:-.35rem 0 .75rem}.form-control--readonly,input.form-control--readonly[readonly]{opacity:.85;cursor:not-allowed;background:var(--bg-hover, rgba(255, 255, 255, .04))}.member-upload-skipped-details{margin:0;font-size:.8rem}.member-upload-skipped-details summary{cursor:pointer;color:var(--warning, #ff9f0a);-webkit-user-select:none;user-select:none}.member-upload-skipped-details ul{margin:.35rem 0 0;padding-left:1.1rem;max-height:8rem;overflow:auto}.member-upload-skipped-details li{margin:.15rem 0;color:var(--text-muted)}.member-upload-actions{display:flex;flex-wrap:wrap;gap:.5rem}.member-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.member-table-wrap--loading{opacity:.55;pointer-events:none}.voucher-table-wrap .data-table .actions-cell{min-width:9rem;white-space:nowrap}.voucher-table-wrap .data-table thead th,.member-table-wrap .data-table thead th{position:sticky;top:0;z-index:1;background:var(--bg-elevated);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.voucher-table-wrap .data-table tbody tr,.member-table-wrap .data-table tbody tr{transition:background .12s}.voucher-table-wrap .data-table tbody tr:hover,.member-table-wrap .data-table tbody tr:hover{background:#30d1580a}.data-table tr.voucher-row--overdue{background:linear-gradient(90deg,#ff453a1f,#ff453a08)}.data-table tr.voucher-row--overdue:hover{background:linear-gradient(90deg,#ff453a29,#ff453a0d)}.data-table tr.voucher-row--overdue td:first-child,.data-table tr.member-row--overdue td:first-child{box-shadow:inset 4px 0 0 var(--danger)}.data-table tr.member-row--overdue{background:linear-gradient(90deg,#ff453a1f,#ff453a08)}.data-table tr.member-row--overdue:hover{background:linear-gradient(90deg,#ff453a29,#ff453a0d)}.badge.member-pay--overdue{background:#ff453a2e;color:var(--danger);border:1px solid rgba(255,69,58,.35)}.member-daftar-toolbar.voucher-toolbar{border-bottom:none}.member-daftar-titip-search{flex:1;min-width:min(100%,12rem);max-width:16rem}.member-daftar-kpis{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;padding:.55rem 1rem .75rem;border-bottom:1px solid var(--border);background:var(--bg-hover)}.member-daftar-kpi{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);font-size:.76rem;color:var(--text);line-height:1.2}.member-daftar-kpi strong{font-weight:700}.member-daftar-kpi--titip{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--bg-elevated));color:var(--accent);font-weight:600}.member-daftar-kpi--unpaid{border-color:#ff9f0a59;color:#fcd34d}.member-daftar-kpi--paid{border-color:#30d15859;color:#86efac}.member-daftar-kpi--muted{color:var(--text-muted)}.member-daftar-header__actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem}.member-list-card.member-list-card,.member-list-card.app-dash-panel{margin-bottom:0;overflow:visible}.member-list-card .app-dash-toolbar{overflow:visible}.member-daftar-money-total{margin:-.35rem 0 .85rem;padding:0 .15rem;font-size:.78rem;line-height:1.45;color:var(--text-muted)}.member-daftar-money-total strong{font-size:.82rem;font-weight:600;color:var(--text)}.member-daftar-money-total__parts{color:var(--text-muted);opacity:.92}.member-daftar-pay-totals{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;padding:.65rem 1rem;border-bottom:1px solid var(--border);background:#ffffff05}.member-daftar-pay-totals__item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;min-width:min(100%,16rem)}.member-daftar-pay-totals__label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.member-daftar-pay-totals__count{font-size:.82rem;color:var(--text-muted)}.member-daftar-pay-totals__amount{font-size:1rem;font-weight:700;color:var(--text)}.member-daftar-pay-totals__item--unpaid .member-daftar-pay-totals__amount{color:var(--warning)}.member-daftar-pay-totals__item--paid .member-daftar-pay-totals__amount{color:var(--success)}.member-daftar-account-summary{padding:.55rem 1rem;border-bottom:1px solid var(--border);background:#0a84ff14;font-size:.85rem;color:var(--text)}.member-daftar-account-summary strong{color:var(--primary)}.member-daftar-bulk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.65rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-hover)}.member-daftar-bulk-bar__meta{flex:1 1 auto;font-size:.8rem;color:var(--text-muted);min-width:8rem}.data-table--member-daftar .member-daftar-col-check{width:2.5rem;padding-left:.65rem;padding-right:.35rem;vertical-align:middle}.member-row-check{display:flex;align-items:center;justify-content:center;margin:0;cursor:pointer}.member-row-check input{width:1rem;height:1rem;cursor:pointer}.data-table tr.member-row--lunas{background:linear-gradient(90deg,rgba(48,209,88,.08) 0%,transparent 100%)}.data-table tr.member-row--titip:not(.member-row--overdue){background:linear-gradient(90deg,rgba(255,159,10,.07) 0%,transparent 100%)}.data-table tr.member-row--selected{background:#0a84ff1f!important}.voucher-agent{font-weight:700;color:var(--text)}.voucher-agent-tx{display:inline-block;min-width:1.75rem;padding:.15rem .45rem;border-radius:999px;font-weight:700;font-size:.82rem;text-align:center;background:#38bdf826;color:#38bdf8}.voucher-agent-tx--none{background:#94a3b81f;color:var(--text-muted);font-weight:600}.voucher-amount{display:block;font-weight:700;color:var(--success)}.voucher-amount__unit{display:block;font-size:.72rem;color:var(--text-muted);margin-top:.15rem}.voucher-tag{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.72rem;font-weight:600}.voucher-tag--cash{background:#30d15824;color:#86efac}.voucher-tag--titip{background:#64d2ff24;color:#a5e9ff}.voucher-status-wrap{display:flex;flex-direction:column;gap:.2rem}.voucher-status{display:inline-flex;align-self:flex-start;padding:.22rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.voucher-status--paid{background:#30d1582e;color:#86efac}.voucher-status--pending{background:#ff9f0a2e;color:#fcd34d}.voucher-status--danger{background:#ff453a33;color:#ffb4ab;animation:voucher-status-blink 2s ease-in-out infinite}@keyframes voucher-status-blink{0%,to{opacity:1}50%{opacity:.75}}.voucher-status__sub{font-size:.68rem;color:var(--text-muted)}.voucher-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.voucher-empty__icon{display:inline-flex;margin-bottom:.75rem;opacity:.35;color:var(--module-accent, var(--primary))}.voucher-empty p{margin:0 0 .35rem;font-size:1rem;font-weight:600;color:var(--text)}.voucher-add-preview{margin-top:.5rem;padding:.85rem 1rem;border-radius:var(--radius);background:var(--bg-hover);border:1px solid var(--border);font-size:.85rem;line-height:1.45}.voucher-add-preview .stat-value{font-size:1.1rem}.voucher-add-lines-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.voucher-add-lines-head label,.voucher-add-lines-table{margin:0}.voucher-add-lines-table th,.voucher-add-lines-table td{vertical-align:middle}.voucher-add-lines-table tr.voucher-add-line td{vertical-align:top;padding-bottom:.35rem}.voucher-add-lines-table tr.voucher-add-line-hint td{padding-top:0;padding-bottom:.75rem;border-top:none;color:var(--text-muted)}.voucher-add-lines-table tr.voucher-add-line-hint .voucher-add-line-qty-hint{margin:0;font-size:.75rem;line-height:1.35}.voucher-add-lines-table .voucher-add-line-duration,.voucher-add-lines-table .voucher-add-line-qty{box-sizing:border-box;min-height:2.5rem;padding:.5rem .65rem;font-size:.875rem;line-height:1.25}.voucher-add-lines-table .voucher-add-line-duration{min-width:9rem;width:100%}.voucher-add-lines-table .voucher-add-line-qty{width:6.5rem;min-width:5rem;max-width:100%}.voucher-add-lines-table .voucher-add-line-type{min-width:9.5rem}.voucher-add-lines-table .voucher-add-line-qty-cell{width:7rem}.voucher-add-lines-table .voucher-add-line-unit,.voucher-add-lines-table .voucher-add-line-subtotal{white-space:nowrap;font-size:.82rem}.voucher-add-lines-table .voucher-add-line-actions{width:2.75rem;text-align:center;vertical-align:top}.voucher-add-lines-table tfoot td{border-top:1px solid var(--border);padding-top:.65rem}.voucher-filters{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;align-items:center}.voucher-filters .search-box{flex:1;min-width:12rem}@media(max-width:900px){.app-kpi-grid{grid-template-columns:1fr}}@media(max-width:640px){.voucher-toolbar{flex-direction:column;align-items:stretch}.voucher-toolbar__search,.voucher-toolbar__select,.member-daftar-titip-search,.voucher-status-tabs,.voucher-pill{width:100%}}.voucher-price-input{width:100%;max-width:10rem;padding:.5rem .65rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit}.report-period-line{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted)}.report-period-line__sub{color:var(--text-muted);font-weight:400}.owner-list-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;padding:1rem 1.15rem}.owner-list-toolbar .form-hint{flex:1;min-width:14rem}.owner-transaksi-toolbar__month{margin:0;min-width:10rem;max-width:14rem}.owner-transaksi-toolbar__owner,.owner-transaksi-toolbar__flow,.owner-transaksi-toolbar__type{margin:0;min-width:11rem;max-width:16rem}.owner-transaksi-toolbar__search{flex:1 1 14rem;min-width:12rem;max-width:22rem;margin:0}.owner-transaksi-toolbar__search-wrap{grid-column:1 / -1;margin-bottom:0}.owner-transaksi-toolbar__actions{display:flex;align-items:flex-end;flex:0 0 auto;margin-left:auto}.owner-transaksi-toolbar__hint{width:100%;flex-basis:100%}.owner-transaksi-amount--in{color:var(--success, #34c759)}.owner-manage-stats{margin-bottom:1rem}.owner-stat-card--gross{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--bg-card))}.owner-stat-card--gross .stat-label{color:color-mix(in srgb,var(--primary) 75%,var(--text-muted))}.owner-stat-card--net{border-color:color-mix(in srgb,var(--success) 32%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--bg-card))}.owner-stat-card--net .stat-label{color:color-mix(in srgb,var(--success) 80%,var(--text-muted))}.owner-manage-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:.5rem}.owner-manage-toolbar__search{flex:1;min-width:min(100%,16rem);margin:0}.owner-manage-toolbar__search-row{flex:1 1 100%;margin-bottom:0}.owner-manage-toolbar__hint{margin:0;flex:1;min-width:12rem}.owner-manage-table-wrap{margin-top:.35rem}.owner-manage-table .owner-manage-table__actions-col{width:1%;white-space:nowrap}.owner-manage-cell{display:flex;align-items:center;gap:.75rem;min-width:0}.owner-manage-avatar{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,var(--bg-card));border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border))}.owner-manage-cell__body{min-width:0}.owner-manage-name{display:block;font-weight:600}.owner-manage-meta{display:flex;flex-wrap:wrap;gap:.35rem .65rem;margin-top:.15rem;font-size:.8rem;color:var(--text-muted)}.owner-manage-meta__item{max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owner-manage-share{font-variant-numeric:tabular-nums}.owner-manage-amount{display:inline-block;font-size:.9rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.owner-manage-amount--gross{color:var(--text)}.owner-manage-amount--net{font-size:.95rem;font-weight:700}.owner-manage-table .actions-cell{vertical-align:middle;text-align:right}.owner-manage-actions{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:.35rem;white-space:nowrap}.owner-manage-actions .btn--sm{flex:0 0 auto;width:auto;min-width:0}.owner-manage-row--inactive{opacity:.72}.owner-manage-row--inactive .owner-manage-avatar{filter:grayscale(.35)}.owner-manage-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0}.owner-manage-empty p{margin:0;color:var(--text-muted)}@media(max-width:720px){.owner-manage-toolbar__hint{width:100%}.owner-manage-actions .btn--sm{padding-inline:.45rem}}.owner-transaksi-add-wrap{position:relative}.owner-transaksi-add-menu{position:absolute;top:calc(100% + .35rem);right:0;z-index:20;min-width:12.5rem;padding:.35rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);box-shadow:0 8px 24px #00000059}.owner-transaksi-add-menu__item{display:block;width:100%;padding:.55rem .75rem;border:none;border-radius:8px;background:transparent;color:var(--text);font-family:inherit;font-size:.85rem;text-align:left;cursor:pointer}.owner-transaksi-add-menu__item:hover{background:var(--bg-hover)}.owner-transaksi-add-menu__item[data-expense-kind=bersama]{color:#9cd4ff;border-left:3px solid var(--primary)}.owner-transaksi-add-menu__item[data-expense-kind=bersama]:hover{background:color-mix(in srgb,var(--primary) 14%,var(--bg-hover))}.owner-transaksi-add-menu__item[data-expense-kind=pribadi]{color:#e8c078;border-left:3px solid var(--warning)}.owner-transaksi-add-menu__item[data-expense-kind=pribadi]:hover{background:color-mix(in srgb,var(--warning) 12%,var(--bg-hover))}.voucher-report-panel{margin-bottom:.5rem}.voucher-report-filters,.tx-report-filters{margin-bottom:.75rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);overflow:visible}.tx-report-filters__toolbar{border-bottom:none;background:transparent;padding:.65rem .85rem;gap:.5rem .65rem}.tx-report-filters__actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}@media(max-width:720px){.tx-report-filters__actions{margin-left:0;width:100%}.tx-report-filters__actions .btn{flex:1}}.voucher-report-filters .voucher-toolbar{border-bottom:none;background:transparent;padding:.65rem .85rem}.voucher-report-panel__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.35rem 1rem;padding:.65rem .85rem;border-bottom:1px solid var(--border)}.voucher-report-panel__total{display:flex;align-items:baseline;gap:.45rem;min-width:0}.voucher-report-panel__total-value{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.voucher-report-panel__total-label{font-size:.78rem;color:var(--text-muted);font-weight:600}.voucher-report-panel__meta{margin:0;font-size:.78rem;color:var(--text-muted);line-height:1.35;text-align:right;flex:1 1 12rem}.voucher-report-panel__toolbar{border-bottom:none;padding:.55rem .75rem;gap:.45rem}.voucher-report-filters .voucher-toolbar__date-range{flex:0 1 auto}.voucher-report-filters .date-picker-wrap{min-width:9.75rem}.voucher-report-filters .date-picker-popup{width:280px;min-width:280px;max-width:min(280px,calc(100vw - 1.5rem))}.voucher-report-panel__toolbar .voucher-toolbar__select{min-width:9rem;flex:1 1 8.5rem;max-width:14rem;padding:.4rem .55rem;font-size:.78rem}.voucher-report-panel__toolbar .voucher-toolbar__date-input{padding:.4rem .5rem;font-size:.78rem}.voucher-report-panel__actions{margin-left:auto;display:flex;gap:.35rem;flex-shrink:0}.voucher-report-table{margin-top:0}.voucher-report-table .data-table--compact th,.voucher-report-table .data-table--compact td{padding:.35rem .5rem;font-size:.8rem}.voucher-report-filters__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.voucher-report-results{display:flex;flex-direction:column;gap:1rem}.data-table--report-preview tfoot td{background:var(--bg);border-top:2px solid var(--border)}.data-table--report-preview .report-summary-row--saldo td{background:#3b82f60f;font-size:.95rem}.mini-table{width:100%;margin-top:.75rem;border-collapse:collapse}.mini-table th,.mini-table td{padding:.5rem;border-bottom:1px solid var(--border)}.empty-state{color:var(--text-muted);padding:2rem;text-align:center}.dw-lap-mitra-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 22%,var(--border));box-shadow:var(--shadow)}.dw-lap-mitra-card__head{padding:1.1rem 1.25rem .85rem;background:linear-gradient(135deg,color-mix(in srgb,var(--module-accent, var(--primary)) 14%,var(--bg-card)) 0%,var(--bg-card) 55%);border-bottom:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 12%,var(--border))}.dw-lap-mitra-card__eyebrow{margin:0 0 .2rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--module-accent, var(--primary))}.dw-lap-mitra-card__title{margin:0;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.dw-lap-mitra-card__sub{margin:.35rem 0 0;font-size:.84rem;color:var(--text-muted)}.dw-lap-mitra-kpis{padding:0 1.25rem 1rem;margin-top:.85rem;grid-template-columns:repeat(3,minmax(11.5rem,1fr))}@media(max-width:900px){.dw-lap-mitra-kpis{grid-template-columns:repeat(2,minmax(10.5rem,1fr))}}@media(max-width:520px){.dw-lap-mitra-kpis{grid-template-columns:minmax(0,1fr)}}.dw-lap-mitra-kpi{min-height:auto;padding:.95rem 1rem;border-radius:var(--radius-lg);overflow:visible}.dw-lap-mitra-kpi .app-stat-card__value{font-size:clamp(.9rem,.55rem + 1.1vw,1.35rem);line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:visible;text-overflow:clip;max-width:100%}.dw-lap-mitra-kpi--primary{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 35%,var(--border));background:color-mix(in srgb,var(--module-accent, var(--primary)) 6%,var(--bg-card))}.dw-lap-mitra-kpi--ok{border-color:color-mix(in srgb,var(--success, #22c55e) 35%,var(--border))}.dw-lap-mitra-kpi--warn{border-color:color-mix(in srgb,var(--warning, #f59e0b) 40%,var(--border))}.dw-lap-mitra-table-wrap{padding:0 1.25rem 1.25rem}.dw-lap-mitra-table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:color-mix(in srgb,var(--bg-elevated, var(--bg-card)) 90%,var(--border));border-bottom:1px solid var(--border)}.dw-lap-mitra-table tbody tr:hover td{background:color-mix(in srgb,var(--module-accent, var(--primary)) 4%,var(--bg-card))}.dw-lap-mitra-table tfoot td{border-top:2px solid color-mix(in srgb,var(--module-accent, var(--primary)) 25%,var(--border));background:color-mix(in srgb,var(--module-accent, var(--primary)) 8%,var(--bg-card));padding-top:.85rem;padding-bottom:.85rem}.dw-lap-mitra-table__total-sub{display:block;margin-top:.15rem;font-size:.78rem;font-weight:500;color:var(--text-muted)}.dw-lap-mitra-row{display:flex;align-items:center;gap:.75rem;min-width:0}.dw-lap-mitra-row__main{flex:1;min-width:0}.dw-lap-mitra-row__name{display:block;font-size:.92rem;line-height:1.3}.dw-lap-mitra-avatar{flex-shrink:0;width:2.35rem;height:2.35rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;border:2px solid transparent}.dw-lap-mitra-avatar--a{background:color-mix(in srgb,#6366f1 18%,var(--bg-card));color:#6366f1;border-color:color-mix(in srgb,#6366f1 35%,transparent)}.dw-lap-mitra-avatar--b{background:color-mix(in srgb,#0ea5e9 18%,var(--bg-card));color:#0284c7;border-color:color-mix(in srgb,#0ea5e9 35%,transparent)}.dw-lap-mitra-avatar--c{background:color-mix(in srgb,#10b981 18%,var(--bg-card));color:#059669;border-color:color-mix(in srgb,#10b981 35%,transparent)}.dw-lap-mitra-avatar--d{background:color-mix(in srgb,#f59e0b 18%,var(--bg-card));color:#d97706;border-color:color-mix(in srgb,#f59e0b 35%,transparent)}.dw-lap-mitra-avatar--e{background:color-mix(in srgb,#ec4899 18%,var(--bg-card));color:#db2777;border-color:color-mix(in srgb,#ec4899 35%,transparent)}.dw-lap-mitra-progress{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.dw-lap-mitra-progress__track{flex:1;height:.35rem;border-radius:999px;background:color-mix(in srgb,var(--border) 80%,transparent);overflow:hidden}.dw-lap-mitra-progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success, #22c55e),color-mix(in srgb,var(--success, #22c55e) 70%,var(--primary)));transition:width .35s ease}.dw-lap-mitra-progress__label{flex-shrink:0;font-size:.72rem;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums}.dw-lap-mitra-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;padding:.15rem .45rem;border-radius:999px;font-size:.78rem;font-weight:700;background:color-mix(in srgb,var(--module-accent, var(--primary)) 12%,var(--bg-card));color:var(--module-accent, var(--primary));border:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 22%,var(--border))}.dw-lap-mitra-amount{font-variant-numeric:tabular-nums;white-space:nowrap}.dw-lap-mitra-amount--ok{color:var(--success, #16a34a);font-weight:600}.dw-lap-mitra-amount--pending{color:var(--warning, #d97706);font-weight:600}.dw-lap-mitra-amount--total{font-weight:800;color:var(--text)}.dw-lap-mitra-empty{padding:2rem 1rem;text-align:center}.dw-lap-mitra-empty__icon{width:3rem;height:3rem;margin:0 auto .75rem;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;font-weight:700;color:var(--text-muted);background:color-mix(in srgb,var(--border) 40%,var(--bg-card));border:1px dashed var(--border)}.dw-lap-mitra-empty__title{margin:0 0 .25rem;font-weight:700}.dw-lap-mitra-empty__sub{margin:0;font-size:.85rem;color:var(--text-muted)}.stat-card__sub{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.page-header__actions{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.page-header__field-label{margin:0;font-size:.75rem}.absensi-dash-today-card h3{margin:0 0 .25rem;font-size:1.05rem}.absensi-dash-today-card__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.absensi-dash-roster-wrap{padding:0 0 .5rem}.absensi-dash-table th,.absensi-dash-table td{font-size:.85rem;vertical-align:middle}.absensi-dash-table th:nth-child(n+3),.absensi-dash-table td:nth-child(n+3){text-align:center;white-space:nowrap}.absensi-dash-emp{display:flex;align-items:center;gap:.65rem;min-width:10rem}.absensi-dash-avatar{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;background:#0a84ff26;color:#7ec8ff;border:1px solid rgba(10,132,255,.35)}.absensi-dash-emp__text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.absensi-dash-emp__text strong{font-size:.9rem}.absensi-dash-emp__text small{font-size:.72rem;color:var(--text-muted)}.absensi-dash-row--belum{background:#94a3b80a}.absensi-dash-row--masuk,.absensi-dash-row--masuk_s2{background:#f59e0b0d}.absensi-dash-row--pulang_s1,.absensi-dash-row--lengkap{background:#22c55e0a}.absensi-dash-roster-foot{padding:.5rem 1.25rem .75rem;margin:0}@media(max-width:720px){.absensi-dash-table thead{display:none}.absensi-dash-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .75rem;padding:.85rem 1rem;border-bottom:1px solid var(--border)}.absensi-dash-table tbody tr.absensi-dash-row--belum,.absensi-dash-table tbody tr.absensi-dash-row--masuk,.absensi-dash-table tbody tr.absensi-dash-row--masuk_s2,.absensi-dash-table tbody tr.absensi-dash-row--pulang_s1,.absensi-dash-table tbody tr.absensi-dash-row--lengkap{background:transparent}.absensi-dash-emp{grid-column:1 / -1}.absensi-dash-table td:nth-child(2){grid-column:1 / -1}.absensi-dash-table td:nth-child(n+3):before{display:block;font-size:.68rem;font-weight:600;color:var(--text-muted);margin-bottom:.15rem}.absensi-dash-table td:nth-child(3):before{content:"Masuk"}.absensi-dash-table td:nth-child(4):before{content:"Pulang"}.absensi-dash-table td:nth-child(5):before{content:"Masuk 2"}.absensi-dash-table td:nth-child(6):before{content:"Pulang 2"}.absensi-dash-today-card__head{flex-direction:column;align-items:stretch}.absensi-dash-progress{max-width:none}.absensi-dash-progress__label{text-align:left}}.attendance-roster{display:flex;flex-direction:column;gap:.35rem;padding:0 1rem 1rem}.attendance-roster__row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:.5rem 1rem;align-items:center;padding:.55rem .65rem;border-radius:var(--radius);background:var(--surface-elevated, rgba(255, 255, 255, .03))}.attendance-roster__row--belum{opacity:.85}.attendance-roster__times{font-size:.85rem;color:var(--text-muted)}.attendance-status-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:6px;margin-bottom:.25rem}.attendance-status-badge--muted{background:#94a3b826;color:var(--text-muted)}.attendance-status-badge--warn{background:#f59e0b26;color:#b45309}.attendance-status-badge--ok{background:#22c55e26;color:var(--success, #15803d)}.attendance-status-badge--danger{background:#ef444426;color:#dc2626}.rekap-row--alpha td{background:color-mix(in srgb,#ef4444 5%,transparent)}@media(min-width:640px){.attendance-roster__row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto}.attendance-status-badge{margin-bottom:0}}.prepay-paid-block{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);width:100%}.prepay-paid-block__title{margin:0 0 .5rem;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.prepay-paid-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.prepay-paid-list__item{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"label amount cancel" "date date cancel";gap:.1rem .75rem;align-items:center;font-size:.88rem;padding:.55rem 0;border-bottom:1px solid var(--border)}.prepay-paid-list__item:last-child{border-bottom:none}.prepay-paid-list__label{grid-area:label;font-weight:600}.prepay-paid-list__amount{grid-area:amount;font-weight:600;color:var(--success);text-align:right}.prepay-paid-list__date{grid-area:date;font-size:.78rem;color:var(--text-muted)}.prepay-paid-list__cancel{grid-area:cancel;justify-self:end}.gaji-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.25rem;margin-bottom:1rem;padding:1rem 1.1rem}.gaji-toolbar__main{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;flex:1 1 280px;min-width:0}.gaji-toolbar__period{display:flex;flex-direction:column;gap:.25rem}.gaji-toolbar__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.gaji-toolbar__month{min-width:10.5rem}.gaji-toolbar__search{flex:1 1 200px;min-width:180px;margin-bottom:0!important}.gaji-toolbar__actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.gaji-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;margin-bottom:1rem}.gaji-summary__item{padding:.65rem .85rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-elevated, var(--surface))}.gaji-summary__item--focus{border-color:color-mix(in srgb,var(--success) 45%,var(--border));background:color-mix(in srgb,var(--success) 12%,var(--surface))}.gaji-summary__label{display:block;font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.2rem}.gaji-summary__value{font-size:1.05rem;font-weight:700;color:var(--text)}.gaji-summary__value--warn{color:var(--warn, #d97706)}.gaji-summary__value--ok{color:var(--success)}.gaji-summary__value--pay{color:var(--success);font-size:1.15rem}.gaji-list{display:flex;flex-direction:column;gap:.85rem}.gaji-card{margin:0!important;padding:0;overflow:hidden}.gaji-card--due{border-color:color-mix(in srgb,var(--warn, #d97706) 40%,var(--border))}.gaji-card--paid{border-color:color-mix(in srgb,var(--success) 35%,var(--border))}.gaji-card__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-elevated, var(--surface)) 88%,transparent)}.gaji-card__identity{min-width:0;flex:1 1 200px}.gaji-card__name{margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.gaji-card__meta{margin:0;font-size:.82rem;color:var(--text-muted);line-height:1.45}.gaji-card__badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.gaji-card__actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.gaji-pay-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent)}.gaji-pay-hero__item{padding:.75rem 1rem;border-right:1px solid var(--border);min-width:0}.gaji-pay-hero__item:last-child{border-right:none}.gaji-pay-hero__item--focus{background:color-mix(in srgb,var(--success) 14%,transparent)}.gaji-pay-hero--due .gaji-pay-hero__item--focus{background:color-mix(in srgb,var(--warn, #d97706) 16%,transparent)}.gaji-pay-hero--paid .gaji-pay-hero__item--focus{background:color-mix(in srgb,var(--success) 18%,transparent)}.gaji-pay-hero__label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem}.gaji-pay-hero__value{display:block;font-size:1.05rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gaji-pay-hero__item--focus .gaji-pay-hero__value{font-size:1.2rem;color:var(--success)}.gaji-pay-hero--due .gaji-pay-hero__item--focus .gaji-pay-hero__value{color:var(--warn, #d97706)}.gaji-pay-modal-hero{margin:0 0 1rem;padding:.85rem 1rem;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--success) 40%,var(--border));background:color-mix(in srgb,var(--success) 12%,var(--surface));text-align:center}.gaji-pay-modal-hero__label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem}.gaji-pay-modal-hero__value{display:block;font-size:1.45rem;font-weight:800;color:var(--success)}.gaji-card__body{padding:.85rem 1.1rem 1rem}.gaji-table{width:100%;border-collapse:collapse;font-size:.84rem}.gaji-table th,.gaji-table td{padding:.45rem .5rem;text-align:left;border-bottom:1px solid var(--border)}.gaji-table th{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);background:color-mix(in srgb,var(--border) 35%,transparent)}.gaji-table td.text-right{text-align:right;white-space:nowrap}.gaji-table tr.gaji-table__sub td{font-weight:600;color:var(--text-muted);border-bottom:none;padding-top:.55rem}.gaji-table tr.gaji-table__total td{font-weight:800;border-bottom:none;padding-top:.55rem;font-size:.95rem}.gaji-table tr.gaji-table__total--pay td{color:var(--warn, #d97706)}.gaji-table tr.gaji-table__total--ok td{color:var(--success)}.gaji-table tr.gaji-table__deduct td{color:var(--danger)}.gaji-sisa--due{font-weight:700;color:var(--warn, #d97706)}.gaji-sisa--ok{font-weight:600;color:var(--success)}.gaji-card__foot{margin-top:.75rem;padding-top:.65rem;border-top:1px dashed var(--border);font-size:.8rem;color:var(--text-muted)}.gaji-card__foot--hint{border-top:none;padding-top:.35rem;margin-top:.35rem}.badge--ok{background:color-mix(in srgb,var(--success) 22%,transparent);color:var(--success)}.gaji-breakdown{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.85rem;align-items:flex-start}.gaji-breakdown strong{margin-left:auto;color:var(--success)}.text-danger{color:var(--danger)}.simple-list{list-style:none}.simple-list__item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.list-item{padding:.5rem 0;border-bottom:1px solid var(--border)}.card__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.card__toolbar h3{margin:0;font-size:1rem}.admin-req-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.list-item--muted{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;opacity:.85}.admin-req-history__title{margin:1rem 0 .5rem;font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}@media(max-width:768px){.app--module{grid-template-columns:1fr!important;grid-template-areas:"chrome" "main"!important}.app-notif-dropdown{position:fixed;top:3.25rem;right:.75rem;left:.75rem;width:auto}.app--module .sidebar{display:flex!important;position:fixed;top:0;left:0;width:var(--sidebar-w)!important;min-width:var(--sidebar-w);height:100vh;height:100dvh;max-height:100dvh;padding:1.25rem .85rem!important;border-right:1px solid var(--border)!important;transform:translate(-100%);transition:transform .25s ease;z-index:290;overflow:hidden}.app--module .sidebar__menu{flex:1 1 0;min-height:0}.app--module .sidebar.open,body.zinet-mobile-sidebar-open #sidebar.open{transform:translate(0);z-index:300}body.zinet-mobile-sidebar-open #appChrome{display:none!important}.main{padding:1rem .85rem 1.5rem;max-width:100vw;box-sizing:border-box}.form-row{grid-template-columns:1fr}.page-header h2{font-size:1.35rem}.page-header--row>input[type=month],.page-header--row>input[type=date]{width:100%;max-width:100%;box-sizing:border-box}.page-header__actions{width:100%}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.home-grid{grid-template-columns:1fr}.gaji-toolbar{flex-direction:column;align-items:stretch}.gaji-toolbar__actions{width:100%}.gaji-toolbar__actions .btn{flex:1 1 auto}.gaji-card__head{flex-direction:column}.gaji-card__actions{width:100%}.gaji-card__actions .btn{flex:1 1 calc(50% - .2rem)}.gaji-pay-hero{grid-template-columns:1fr}.gaji-pay-hero__item{border-right:none;border-bottom:1px solid var(--border)}.gaji-pay-hero__item:last-child{border-bottom:none}.gaji-table{font-size:.8rem}.actions-cell{flex-wrap:wrap}.actions-cell .btn--sm{flex:1 1 auto;min-width:min(100%,8rem)}#page-member-owner .owner-manage-actions{flex-flow:row nowrap}#page-member-owner .owner-manage-actions .btn--sm{flex:0 0 auto;min-width:0}.data-table{font-size:.78rem}.data-table th,.data-table td{padding:.45rem .35rem}.piutang-table-wrap{-webkit-overflow-scrolling:touch}.modal-overlay{padding:.5rem;align-items:flex-end}.modal{max-width:none;width:100%;max-height:92vh;border-radius:12px 12px 0 0}.modal--wide{max-width:none}.jadwal-legend{flex-wrap:wrap;gap:.5rem .75rem}.jadwal-day{min-height:2.35rem}.jadwal-day small{font-size:.55rem}.jadwal-bulk__row{flex-direction:column;align-items:stretch}.hr-inline-form__fields{grid-template-columns:1fr}.history-timeline__head{flex-direction:column;align-items:flex-start;gap:.25rem}.prepay-paid-list__item{grid-template-columns:1fr auto;grid-template-areas:"label cancel" "amount cancel" "date cancel"}.prepay-paid-list__amount{text-align:left}.prepay-paid-list__cancel{align-self:start}}.attendance-selfie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;margin-top:.35rem}.attendance-selfie-grid--compact{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.attendance-selfie-item{margin:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-hover)}.attendance-selfie-item a{display:block}.attendance-selfie-item img{width:100%;display:block;max-height:240px;object-fit:contain;background:#111}.attendance-selfie-grid--compact .attendance-selfie-item img{max-height:140px}.attendance-selfie-item figcaption{padding:.45rem .6rem;font-size:.78rem;color:var(--text-muted)}.attendance-cleanup-card h3{margin-bottom:.35rem}.attendance-cleanup-stats{margin:0 0 .5rem;font-size:.9rem}.attendance-cleanup-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.attendance-cleanup-actions__buttons{display:flex;flex-wrap:wrap;gap:.5rem}.data-table--compact th,.data-table--compact td{padding:.45rem .6rem;font-size:.85rem}@media(max-width:400px){.stats-grid{grid-template-columns:1fr}.jadwal-day{min-height:2rem;font-size:.68rem}}.finance-log-toolbar .toolbar-filters{gap:.75rem 1rem}.finance-log-search-row{display:flex;gap:.5rem;align-items:center;margin-top:.75rem;flex-wrap:wrap}.finance-log-search-row__input{flex:1;min-width:12rem;margin-bottom:0}.finance-log-search-row .btn{flex-shrink:0}.search-submit-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.75rem}.search-submit-row__input{flex:1;min-width:12rem;margin-bottom:0!important}.search-submit-hint{font-size:.8125rem;color:var(--text-muted, #94a3b8);white-space:nowrap}.tx-toolbar__search-wrap{display:flex;flex-direction:column;gap:.25rem;min-width:14rem;flex:1 1 16rem}.tx-toolbar__search-wrap .search-box{margin-bottom:0}.search-box:has(.btn){display:flex;align-items:center;gap:.35rem}.search-box:has(.btn) .search-box__input{flex:1;min-width:0}.search-box:has(.btn) .search-box__clear{position:static;transform:none}.tx-toolbar__search-wrap .search-submit-hint{padding-left:.15rem}.data-table--finance-log td{vertical-align:top}.data-table--finance-log .finance-log__col-time{width:11rem;white-space:nowrap}.data-table--finance-log .finance-log__col-user{width:8.5rem;white-space:nowrap}.finance-log-card .table-wrap{border-bottom:1px solid var(--border)}.finance-log-pager{padding:.65rem 1rem}.finance-log__time{font-size:.82rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.finance-log__message{font-size:.9rem;line-height:1.45;word-break:break-word}.finance-log__user{font-size:.82rem;color:var(--text-muted)}.finance-log__line--delete{color:var(--danger)}.finance-log__line--cancel{color:var(--warn)}.finance-log__line--pay,.finance-log__line--create{color:var(--text)}.finance-log__line--update{color:var(--accent)}.app-settings-section__title{margin:0 0 .35rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.app-settings-section__title:not(:first-child){margin-top:.25rem;padding-top:1rem;border-top:1px solid var(--border)}.app-settings-card .app-settings-list{display:flex;flex-direction:column;gap:1.25rem;margin:1rem 0 1.25rem}.app-setting-row{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.app-setting-row input[type=checkbox]{margin-top:.2rem;flex-shrink:0}.app-setting-row__text strong{display:block;margin-bottom:.25rem}.app-unlock-banner{margin-bottom:1rem}.app-unlock-banner__inner{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.65rem .9rem;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--warn) 45%,var(--border));background:color-mix(in srgb,var(--warn) 12%,var(--surface));font-size:.88rem;color:var(--text)}.category-badge.unlock{background:color-mix(in srgb,var(--warn) 35%,transparent);color:var(--text);border:1px solid color-mix(in srgb,var(--warn) 50%,var(--border))}.category-card--unlock{border-color:color-mix(in srgb,var(--warn) 40%,var(--border))}.form-row--4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}@media(max-width:640px){.form-row--2,.form-row--3,.form-row--4{grid-template-columns:1fr}}.stat-card__value--warn{color:var(--warning, #f59e0b)}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:720px){.grid-2{grid-template-columns:1fr}}.hidden{display:none!important}.inv-pager,.list-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .08));background:var(--bg-hover)}.list-footer__entries{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text-muted)}.list-footer__entries-label,.list-footer__entries-suffix{white-space:nowrap}.list-footer__size{min-width:4.5rem;padding:.35rem .5rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:.82rem}.list-pager-root:empty{display:none}.list-entries-root{display:flex;align-items:center;padding:.5rem 1rem 0}.list-entries-root:empty{display:none}.list-entries-bar{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--text-muted)}.inv-pager__info{font-size:.85rem;color:var(--text-muted)}.inv-pager__actions{display:flex;align-items:center;gap:.5rem}.inv-pager__page{font-size:.85rem;color:var(--text-muted)}.inv-report-list,.inv-move-list{margin:0;padding:0;list-style:none}.inv-report-list li,.inv-move-list li{padding:.35rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.inv-move-item small{display:block;color:var(--text-muted);font-size:.75rem}.app-kpi-grid,.voucher-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-bottom:.85rem}.app-kpi,.voucher-kpi{--kpi-accent: var(--module-accent, var(--primary));--kpi-glow: transparent;position:relative;display:flex;align-items:flex-start;gap:.65rem;padding:.7rem .85rem;border-radius:var(--radius);border:1px solid var(--border);border-left:3px solid var(--kpi-accent);background:var(--bg-card);overflow:hidden;transition:border-color .12s,background .12s}.app-kpi__glow,.voucher-kpi__glow{display:none}.app-kpi__icon,.voucher-kpi__icon{position:relative;z-index:1;flex-shrink:0;width:2.15rem;height:2.15rem;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--kpi-accent);background:color-mix(in srgb,var(--kpi-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--kpi-accent) 28%,transparent);box-shadow:none}.app-kpi__body,.voucher-kpi__body{position:relative;z-index:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.app-kpi__label,.voucher-kpi__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.app-kpi__value,.voucher-kpi__value{font-size:1.85rem;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--text)}.app-kpi__meta,.voucher-kpi__meta{font-size:.8rem;color:var(--text-muted);line-height:1.35}.app-kpi__sub{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.app-kpi__chip,.voucher-kpi__chip{display:inline-flex;align-self:flex-start;margin-top:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:600;background:color-mix(in srgb,var(--kpi-accent) 14%,transparent);color:color-mix(in srgb,var(--kpi-accent) 85%,#fff);border:1px solid color-mix(in srgb,var(--kpi-accent) 28%,transparent)}.app-kpi--accent-today,.voucher-kpi--today{--kpi-accent: var(--module-accent, var(--success))}.app-kpi--accent-secondary,.voucher-kpi--agents{--kpi-accent: color-mix(in srgb, var(--module-accent, #64d2ff) 55%, #64d2ff)}.app-kpi--accent-warn,.voucher-kpi--alert{--kpi-accent: var(--warning)}.app-kpi--clickable,.voucher-kpi--clickable{cursor:pointer}.app-kpi--clickable:hover,.voucher-kpi--clickable:hover{transform:none;box-shadow:none;background:var(--bg-hover);border-color:color-mix(in srgb,var(--kpi-accent) 45%,var(--border))}.app-kpi--active,.voucher-kpi--active{outline:2px solid color-mix(in srgb,var(--kpi-accent) 65%,transparent);outline-offset:2px}.app-kpi--pulse .app-kpi__icon,.voucher-kpi--pulse .voucher-kpi__icon{animation:app-kpi-pulse 2.2s ease-in-out infinite}@keyframes app-kpi-pulse{0%,to{box-shadow:0 8px 20px var(--kpi-glow)}50%{box-shadow:0 8px 28px color-mix(in srgb,var(--danger) 45%,transparent)}}.app-kpi__chip--action,.voucher-kpi__chip--action{background:#ff9f0a26;color:#fcd34d;border-color:#ff9f0a59}.app-stat-grid,.stats-grid--app{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.app-stat-grid--dense{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.app-stat-grid--finance{grid-template-columns:repeat(5,minmax(11.5rem,1fr))}@media(max-width:1400px){.app-stat-grid--finance{grid-template-columns:repeat(3,minmax(11.5rem,1fr))}}@media(max-width:900px){.app-stat-grid--finance{grid-template-columns:repeat(2,minmax(10.5rem,1fr))}}@media(max-width:480px){.app-stat-grid--finance{grid-template-columns:minmax(0,1fr)}}.app-dashboard__chart{margin-bottom:1.5rem}.app-dashboard__chart .app-dash-panel{margin-bottom:0}.app-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;display:flex;flex-direction:column;gap:.15rem;min-height:5.5rem;min-width:0;overflow:hidden;box-shadow:var(--shadow);transition:border-color .15s,background .15s,transform .15s}.app-dashboard__kpis .app-stat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 35%,var(--border))}.app-stat-card:hover{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 35%,var(--border))}.app-stat-card__label{font-size:.8rem;color:var(--text-muted)}.app-stat-card__value{font-size:1.5rem;font-weight:700;line-height:1.2;min-width:0}.app-stat-grid--finance .app-stat-card__value{font-size:clamp(.75rem,.45rem + .85vw,1.2rem);line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-stat-card__value--positive{color:var(--success)}.app-stat-card__value--negative{color:var(--danger)}.app-stat-card__value--warn{color:var(--warning, #f59e0b)}.app-stat-card__sub{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.app-stat-card__hint{font-size:.75rem;color:var(--text-muted)}.app-stat-card--warn{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));background:color-mix(in srgb,var(--warning) 6%,var(--bg-card))}.app-stat-card--active{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 45%,var(--border));background:color-mix(in srgb,var(--module-accent, var(--primary)) 10%,var(--bg-card))}.app-stat-card--ok{border-color:color-mix(in srgb,var(--success) 40%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--bg-card))}@keyframes app-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app-skeleton-block,.app-skeleton-bar,.app-stat-card__skeleton-bar{display:block;border-radius:6px;background:linear-gradient(90deg,color-mix(in srgb,var(--text-muted) 12%,var(--bg-card)),color-mix(in srgb,var(--text-muted) 22%,var(--bg-card)) 45%,color-mix(in srgb,var(--text-muted) 12%,var(--bg-card)));background-size:200% 100%;animation:app-skeleton-shimmer 1.4s ease-in-out infinite}.app-stat-card--skeleton{pointer-events:none}.app-stat-card__skeleton-bar{height:1.35rem;width:72%;margin-top:.35rem}.app-skeleton-bar--title{height:.85rem;width:68%;margin-bottom:.35rem}.app-skeleton-bar--meta{height:.7rem;width:48%}.app-skeleton-bar--amount{height:.85rem;width:4.5rem;flex-shrink:0}.tx-item--skeleton .tx-icon.app-skeleton-block{width:2.25rem;height:2.25rem;border-radius:50%}.finance-bar-chart--skeleton .finance-bar-chart__bar.app-skeleton-block{opacity:.55;min-width:6px}@media(prefers-reduced-motion:reduce){.app-skeleton-block,.app-skeleton-bar,.app-stat-card__skeleton-bar{animation:none}}.app-stat-grid .stat-card{display:flex;flex-direction:column;gap:.15rem;min-height:5.5rem}.app-stat-grid .stat-card--warn,.absensi-dash-stat--warn{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));background:color-mix(in srgb,var(--warning) 6%,var(--bg-card))}.app-stat-grid .stat-card--active,.absensi-dash-stat--active{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 45%,var(--border));background:color-mix(in srgb,var(--module-accent, var(--primary)) 10%,var(--bg-card))}.app-stat-grid .stat-card--ok,.absensi-dash-stat--ok{border-color:color-mix(in srgb,var(--success) 40%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--bg-card))}.rekap-stats-card{padding:.85rem 1rem;margin-bottom:.25rem}.rekap-stats-card--empty{padding:.75rem 1rem}.rekap-stats-heading{margin:0 0 .75rem;font-size:.88rem}.rekap-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.rekap-stats-panel{padding:.65rem .75rem;border-radius:var(--radius, 8px);border:1px solid var(--border);background:var(--bg-elevated, var(--bg-card))}.rekap-stats-panel--good{border-color:color-mix(in srgb,var(--success) 40%,var(--border))}.rekap-stats-panel--warn{border-color:color-mix(in srgb,var(--warning) 40%,var(--border))}.rekap-stats-panel--danger{border-color:color-mix(in srgb,#ef4444 45%,var(--border))}.rekap-stats-grid--3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rekap-rank-item--alpha .rekap-rank-badge{background:color-mix(in srgb,#ef4444 18%,var(--bg-card));color:#dc2626}.rekap-stats-title{margin:0 0 .5rem;font-size:.82rem;font-weight:600;color:var(--text-muted)}.rekap-rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.lembur-sessions{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.lembur-sessions__item{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.35rem 0;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.lembur-sessions__item:last-child{border-bottom:none}.lembur-sessions__date{min-width:7.5rem;font-size:.88rem}.lembur-sessions__dur{font-weight:600;font-size:.88rem;color:var(--accent, #38bdf8)}.lembur-sessions__note{flex:1 1 100%;font-size:.8rem;line-height:1.35}.lembur-sessions__item .btn{margin-left:auto}.rekap-lembur-list{display:flex;flex-direction:column;gap:1.15rem}.rekap-archive-toolbar{padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg, 12px);background:color-mix(in srgb,var(--bg-elevated) 40%,var(--bg-card))}.rekap-lembur-card{border:1px solid var(--border);border-radius:var(--radius-lg, 12px);background:var(--bg-card);overflow:hidden;box-shadow:var(--shadow, 0 1px 3px rgba(0, 0, 0, .25))}.rekap-lembur-card__head{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 55%,var(--bg-card))}.rekap-lembur-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap}.rekap-lembur-card__identity{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1 1 12rem}.rekap-lembur-card__name{margin:0;font-size:1rem;font-weight:600;line-height:1.3;color:var(--text)}.rekap-lembur-card__meta{font-size:.78rem;color:var(--text-muted)}.rekap-lembur-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.rekap-lembur-stat{display:flex;flex-direction:column;gap:.15rem;min-width:0;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-card) 88%,transparent)}.rekap-lembur-stat--total{border-color:color-mix(in srgb,var(--success) 28%,var(--border));background:color-mix(in srgb,var(--success) 6%,var(--bg-card))}.rekap-lembur-stat--ot{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--bg-card))}.rekap-lembur-stat--meal{border-color:color-mix(in srgb,var(--warning, #f59e0b) 24%,var(--border));background:color-mix(in srgb,var(--warning, #f59e0b) 5%,var(--bg-card))}.rekap-lembur-stat__label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.rekap-lembur-stat__value{font-size:.92rem;font-weight:600;color:var(--text);line-height:1.25}.rekap-lembur-stat--total .rekap-lembur-stat__value{color:var(--success)}.rekap-lembur-stat--ot .rekap-lembur-stat__value{color:var(--primary)}.rekap-lembur-stat__sub{font-size:.76rem;color:var(--text-muted)}.rekap-lembur-card__actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.4rem;flex-shrink:0}.rekap-lembur-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.38rem .72rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 70%,var(--bg-card));color:var(--text);font-size:.78rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.rekap-lembur-add-btn:hover{background:var(--bg-hover);border-color:var(--border-strong, var(--border))}.rekap-lembur-add-btn--ot{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));color:var(--primary)}.rekap-lembur-add-btn--ot:hover{background:color-mix(in srgb,var(--primary) 12%,var(--bg-card))}.rekap-lembur-add-btn--meal{border-color:color-mix(in srgb,var(--success) 35%,var(--border));color:var(--success)}.rekap-lembur-add-btn--meal:hover{background:color-mix(in srgb,var(--success) 10%,var(--bg-card))}.rekap-lembur-add-btn--bonus{border-color:color-mix(in srgb,var(--warning) 35%,var(--border));color:var(--warning)}.rekap-lembur-add-btn--bonus:hover{background:color-mix(in srgb,var(--warning) 10%,var(--bg-card))}.rekap-lembur-card__body{background:var(--bg-card)}.rekap-lembur-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.88rem;border:1px dashed var(--border);border-radius:var(--radius-lg, 12px);background:color-mix(in srgb,var(--bg-card) 90%,transparent)}.rekap-lembur-days-wrap{overflow-x:auto}.rekap-lembur-days{margin:0;min-width:38rem;font-size:.85rem}.rekap-lembur-days thead th{background:color-mix(in srgb,var(--bg-elevated) 65%,transparent);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.6rem .75rem;color:var(--text-muted);border-bottom:1px solid var(--border)}.rekap-lembur-days td{padding:.65rem .75rem;border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);vertical-align:top;color:var(--text)}.rekap-lembur-days tbody tr:hover td{background:color-mix(in srgb,var(--bg-hover) 35%,transparent)}.rekap-lembur-days tbody tr:last-child td{border-bottom:none}.rekap-lembur-days .col-date{white-space:nowrap;font-size:.84rem;width:7.5rem}.rekap-lembur-days .col-schedule{min-width:6.5rem;width:7.25rem}.rekap-lembur-schedule{display:flex;flex-direction:column;align-items:flex-start;gap:.18rem}.rekap-lembur-schedule__detail{font-size:.76rem;line-height:1.3;color:var(--text-muted);white-space:nowrap}.rekap-lembur-days .badge--scheduled{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 32%,var(--border))}.rekap-lembur-days .badge--no-schedule{background:color-mix(in srgb,var(--warning, #f59e0b) 14%,transparent);color:var(--warning, #f59e0b);border:1px solid color-mix(in srgb,var(--warning, #f59e0b) 30%,var(--border))}.rekap-lembur-days .badge--off{background:color-mix(in srgb,var(--text-muted) 12%,transparent);color:var(--text-muted);border:1px solid color-mix(in srgb,var(--text-muted) 24%,var(--border))}.rekap-lembur-days__row--scheduled td{background:color-mix(in srgb,var(--primary) 4%,transparent)}.rekap-lembur-days__row--no-schedule td{background:color-mix(in srgb,var(--warning, #f59e0b) 5%,transparent)}.rekap-lembur-days__row--off td{background:color-mix(in srgb,var(--text-muted) 4%,transparent)}.rekap-lembur-days__row--scheduled td.col-date{box-shadow:inset 3px 0 color-mix(in srgb,var(--primary) 55%,transparent)}.rekap-lembur-days__row--no-schedule td.col-date{box-shadow:inset 3px 0 color-mix(in srgb,var(--warning, #f59e0b) 60%,transparent)}.rekap-lembur-days__row--off td.col-date{box-shadow:inset 3px 0 color-mix(in srgb,var(--text-muted) 45%,transparent)}.rekap-lembur-days tbody tr[class*=rekap-lembur-days__row--]:hover td{filter:brightness(1.04)}.rekap-lembur-days .col-absen{font-size:.84rem;line-height:1.45;min-width:9rem}.rekap-lembur-days th.col-money,.rekap-lembur-days td.col-money,.rekap-lembur-days th.col-total,.rekap-lembur-days td.col-total{text-align:right;white-space:nowrap;font-size:.84rem;line-height:1.45}.rekap-lembur-days th.actions-cell,.rekap-lembur-days td.actions-cell{text-align:right;width:1%;padding-left:.35rem}.rekap-lembur-money{display:flex;flex-direction:column;align-items:flex-end;gap:.12rem}.rekap-lembur-money__main{font-weight:600;color:var(--text)}.rekap-lembur-money__sub{font-size:.76rem;color:var(--text-muted)}.rekap-lembur-money--ot .rekap-lembur-money__main{color:var(--primary)}.rekap-lembur-money--meal .rekap-lembur-money__main{color:var(--text)}.rekap-lembur-ot{display:block;font-weight:600;color:var(--primary)}.rekap-lembur-ot-pay{display:block;font-size:.78rem;color:var(--text-muted)}.rekap-lembur-days .col-total strong{color:var(--success);font-size:.9rem}.rekap-lembur-row-actions{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.3rem;max-width:11rem}.rekap-lembur-row-actions__btn{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .55rem;border-radius:6px;border:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 55%,var(--bg-card));color:var(--text-muted);font-size:.72rem;font-weight:600;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.rekap-lembur-row-actions__btn:hover{background:var(--bg-hover);color:var(--text)}.rekap-lembur-row-actions__btn--edit{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));color:var(--primary)}.rekap-lembur-row-actions__btn--edit:hover{background:color-mix(in srgb,var(--primary) 12%,var(--bg-card))}.rekap-lembur-row-actions__btn--meal{border-color:color-mix(in srgb,var(--success) 30%,var(--border));color:var(--success)}.rekap-lembur-row-actions__btn--meal:hover{background:color-mix(in srgb,var(--success) 10%,var(--bg-card))}.rekap-lembur-row-actions__btn--bonus{border-color:color-mix(in srgb,var(--warning) 30%,var(--border));color:var(--warning)}.rekap-lembur-row-actions__btn--bonus:hover{background:color-mix(in srgb,var(--warning) 10%,var(--bg-card))}.rekap-lembur-row-actions__btn--danger{border-color:color-mix(in srgb,var(--danger) 28%,var(--border));color:var(--danger)}.rekap-lembur-row-actions__btn--danger:hover{background:color-mix(in srgb,var(--danger) 10%,var(--bg-card))}@media(max-width:720px){.rekap-lembur-card__stats{grid-template-columns:1fr}.rekap-lembur-card__top{flex-direction:column;align-items:stretch}.rekap-lembur-card__actions{justify-content:flex-start}}.rekap-lembur-summary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;font-size:.92rem}.rekap-rank-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .5rem;border-radius:6px;background:color-mix(in srgb,var(--bg-card) 80%,transparent)}.rekap-rank-item--rajin .rekap-rank-badge{background:color-mix(in srgb,var(--success) 22%,var(--bg-card));color:var(--success, #22c55e)}.rekap-rank-item--telat .rekap-rank-badge{background:color-mix(in srgb,var(--warning) 22%,var(--bg-card));color:var(--warning, #f59e0b)}.rekap-rank-badge{flex-shrink:0;width:1.65rem;height:1.65rem;display:flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;font-size:.85rem}.rekap-rank-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.rekap-rank-name{font-weight:600;font-size:.92rem;line-height:1.25}.rekap-rank-detail{font-size:.75rem;color:var(--text-muted)}.rekap-rank-pct{flex-shrink:0;font-weight:700;font-size:1rem;font-variant-numeric:tabular-nums}.rekap-rank-item--rajin .rekap-rank-pct{color:var(--success, #22c55e)}.rekap-rank-item--telat .rekap-rank-pct{color:var(--warning, #f59e0b)}.rekap-rank-empty{margin:0;font-size:.82rem;color:var(--text-muted)}.rekap-coords .rekap-coord-line{display:block;line-height:1.45}.app-bar-chart,.inv-chart{display:flex;align-items:flex-end;gap:.5rem;min-height:130px;padding-top:.5rem}.app-bar-chart__col,.inv-chart__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}.app-bar-chart__bar,.inv-chart__bar{width:100%;max-width:48px;background:linear-gradient(180deg,var(--module-accent, var(--primary)),transparent);border-radius:4px 4px 0 0;min-height:4px}.app-bar-chart__lbl,.inv-chart__lbl{font-size:.65rem;color:var(--text-muted);text-align:center;word-break:break-word}.finance-bar-chart__legend{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:.85rem;font-size:.78rem;color:var(--text-muted)}.finance-bar-chart__key{display:inline-flex;align-items:center;gap:.4rem}.finance-bar-chart__key:before{content:"";width:.65rem;height:.65rem;border-radius:2px}.finance-bar-chart__key--income:before{background:var(--success)}.finance-bar-chart__key--expense:before{background:var(--danger)}.finance-bar-chart__scale-hint{flex:1 1 100%;font-size:.7rem;color:var(--text-muted);opacity:.85}.finance-bar-chart__grid{display:flex;align-items:flex-end;gap:.35rem;min-height:140px;padding-top:.25rem;overflow-x:auto}.finance-bar-chart__col{flex:1 1 0;min-width:2.25rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}.finance-bar-chart__bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;width:100%;min-height:120px}.finance-bar-chart__bar{width:42%;max-width:22px;border-radius:4px 4px 0 0;min-height:4px}.finance-bar-chart__bar--income{background:linear-gradient(180deg,var(--success),color-mix(in srgb,var(--success) 35%,transparent))}.finance-bar-chart__bar--expense{background:linear-gradient(180deg,var(--danger),color-mix(in srgb,var(--danger) 35%,transparent))}.finance-bar-chart__share{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-height:1.75rem;font-size:.58rem;line-height:1.25;font-weight:600}.finance-bar-chart__share--empty{visibility:hidden}.finance-bar-chart__share-in{color:var(--success)}.finance-bar-chart__share-out{color:var(--danger)}.finance-bar-chart__lbl{font-size:.65rem;color:var(--text-muted);text-align:center}.app-dash-charts,.app-dash-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}@media(max-width:720px){.app-dash-charts,.app-dash-grid-2,.app-kpi-grid,.voucher-kpi-grid{grid-template-columns:1fr}}.app-seg-filters,.absensi-dash-filters{display:flex;flex-wrap:wrap;gap:.4rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--border)}.app-seg-filter,.absensi-dash-filter{font-size:.8rem;font-weight:600;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-hover);color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.app-seg-filter:hover,.absensi-dash-filter:hover{color:var(--text);border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 45%,var(--border))}.app-seg-filter.is-active,.absensi-dash-filter.is-active{color:#fff;background:var(--module-accent, var(--primary));border-color:var(--module-accent, var(--primary))}.app-progress,.absensi-dash-progress{flex:1;min-width:min(100%,220px);max-width:320px}.app-progress__track{height:8px;border-radius:999px;background:var(--bg-hover);overflow:hidden}.app-progress__bar,.absensi-dash-progress__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--module-accent, var(--success)),color-mix(in srgb,var(--module-accent, var(--success)) 70%,#000));width:0;transition:width .35s ease}.app-progress__label,.absensi-dash-progress__label{display:block;margin-top:.35rem;font-size:.78rem;color:var(--text-muted);text-align:right}.app-dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.app-dash-card__title{margin:0 0 .75rem;font-size:1rem;font-weight:600}.app-dash-card__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 1.5rem;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.app-dash-card__head h3{margin:0 0 .25rem;font-size:1.05rem}.app-dash-card__hint{font-size:.8rem;color:var(--text-muted);margin:0}.app-page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.app-page-header__main{min-width:0;flex:1}.app-page-header__eyebrow{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--module-accent, var(--primary));margin:0 0 .35rem}.app-page-header__title{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.2}.app-page-header__sub{font-size:.9rem;color:var(--text-muted);margin:.35rem 0 0;max-width:42rem;line-height:1.45}.app-page-header__actions,.page-header__actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;flex-shrink:0}.page-header__actions .form-group--inline,.app-page-header__actions .form-group--inline{margin:0}.app-dashboard{display:flex;flex-direction:column;gap:1.25rem}.app-dashboard__kpis,.app-dashboard__kpis .app-stat-grid,.app-dashboard__kpis .app-kpi-grid{margin-bottom:0}.app-dashboard__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(max-width:900px){.app-dashboard__cols{grid-template-columns:1fr}}.app-dash-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.app-dash-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--module-accent, var(--primary)) 4%,var(--bg-card))}.app-dash-panel__title{margin:0;font-size:.95rem;font-weight:700}.app-dash-panel__sub{margin:.2rem 0 0;font-size:.78rem;color:var(--text-muted)}.app-dash-panel__body{padding:.85rem 1.15rem 1rem}.app-dash-panel__body .list-compact{margin:0}.app-dash-panel--wide{grid-column:1 / -1}.page--launcher{max-width:1100px;margin:0 auto;width:100%}.launcher-hero{margin-bottom:2rem;padding:1.5rem 1rem 0;text-align:center}.launcher-hero__title{background:linear-gradient(135deg,var(--text) 0%,color-mix(in srgb,var(--module-accent, var(--primary)) 65%,var(--text)) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-grid{gap:1.25rem}.home-card{border-radius:16px;padding:1.65rem 1.35rem 1.35rem}.home-card__cta{margin-top:.85rem;padding:.35rem .75rem;border-radius:999px;background:color-mix(in srgb,var(--card-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 28%,transparent)}.page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.page-header--row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem 1.5rem}.page-header h2,.page-header--row h2,.app-page-header__title{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;letter-spacing:-.02em;margin:0;line-height:1.2}.page-subtitle,.app-page-header__sub{font-size:.9rem;color:var(--text-muted);margin:.35rem 0 0;max-width:42rem;line-height:1.45}.page-header:not(.page-header--row){margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.app-page-header__main{display:none}.app-page-header:not(:has(.app-page-header__actions)){display:none;margin:0;padding:0;border:0}.app-page-header:has(.app-page-header__actions){margin-bottom:1rem;padding-bottom:0;border-bottom:none;justify-content:flex-end}.page-header>h2,.page-header>.page-subtitle,.page-header--row>div:first-child:not(.page-header__actions){display:none}.page-header:not(:has(.page-header__actions)):not(:has(.btn)):not(:has(button)):not(:has(input)):not(:has(select)){display:none;margin:0;padding:0;border:0}.page-header--row:has(.page-header__actions),.page-header--row:has(.btn),.page-header--row:has(button){margin-bottom:1rem;padding-bottom:0;border-bottom:none}@media(min-width:1400px){html[data-layout-width=wide] .app-dashboard__cols,html[data-layout-width=full] .app-dashboard__cols{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1800px){html[data-layout-width=full] .app-dashboard__cols{grid-template-columns:repeat(4,minmax(0,1fr))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.375rem;padding:.5rem 1rem;border-radius:var(--radius, 10px);line-height:1.25;white-space:nowrap;text-decoration:none;box-sizing:border-box;vertical-align:middle}.btn--sm{min-height:2rem;padding:.35rem .75rem;font-size:.78rem}.btn--lg{min-height:2.75rem;padding:.65rem 1.25rem;font-size:.95rem}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn:focus-visible{outline:2px solid var(--module-accent, var(--primary));outline-offset:2px}.btn--primary{background:var(--module-accent, var(--primary));color:#fff;border:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 75%,#000);box-shadow:0 1px 3px #0003}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--module-accent, var(--primary)) 88%,#fff);filter:brightness(1.08)}.btn--secondary{background:color-mix(in srgb,var(--module-accent, var(--primary)) 14%,var(--bg-card));color:color-mix(in srgb,var(--module-accent, var(--primary)) 75%,var(--text));border:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 38%,var(--border))}.btn--secondary:hover:not(:disabled){background:color-mix(in srgb,var(--module-accent, var(--primary)) 22%,var(--bg-hover));color:var(--text)}.btn--ghost{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text);border-color:var(--border-strong)}.app-btn-group,.gaji-toolbar__actions,.owner-manage-actions{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:.4rem}td.actions-cell,th.actions-cell{display:table-cell;white-space:nowrap;vertical-align:middle}td.actions-cell>.app-btn-group,td.actions-cell>.owner-manage-actions{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:.35rem}.actions-cell .btn+.btn{margin-left:0}.modal__footer .btn,.modal-footer .btn{min-width:5.5rem}.voucher-pill,.app-seg-filter,.absensi-dash-filter{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2rem;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-hover);color:var(--text-muted);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.voucher-pill:hover,.app-seg-filter:hover,.absensi-dash-filter:hover{color:var(--text);border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 45%,var(--border))}.voucher-pill--on,.app-seg-filter.is-active,.absensi-dash-filter.is-active{color:#fff;background:var(--module-accent, var(--primary));border-color:var(--module-accent, var(--primary))}.voucher-pill--alert{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));color:color-mix(in srgb,var(--warning) 85%,var(--text))}.voucher-pill--alert.voucher-pill--on{background:color-mix(in srgb,var(--danger) 85%,#000);border-color:var(--danger);color:#fff}.voucher-panel,.voucher-list-card{box-shadow:var(--shadow)}.voucher-panel__head,.voucher-panel .app-dash-panel__head{background:color-mix(in srgb,var(--module-accent, var(--primary)) 4%,var(--bg-card))}.voucher-panel__title,.app-dash-panel__title{font-size:.95rem}.voucher-panel__sub{margin:.2rem 0 0;font-size:.78rem;color:var(--text-muted)}.voucher-panel__count{padding:.3rem .7rem;border-radius:999px;font-size:.72rem;font-weight:700;background:color-mix(in srgb,var(--module-accent, var(--primary)) 14%,transparent);color:var(--module-accent, var(--primary));border:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 30%,var(--border))}.stats-row,.app-stat-grid{display:grid;gap:1rem;margin-bottom:0}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-row .stat-card--wide{grid-column:span 2}@media(max-width:640px){.stats-row .stat-card--wide{grid-column:span 1}}.stat-card,.stats-row .stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.2rem}.stat-card .stat-label,.stat-card__label{font-size:.8rem;color:var(--text-muted)}.stat-card .stat-value,.stat-card__value{font-size:1.5rem;font-weight:700}.app-dash-charts .card,.app-dash-charts .app-dash-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.15rem 1.15rem;box-shadow:var(--shadow);margin:0}.app-dash-charts .card__title,.app-dash-charts .app-dash-card__title{margin:0 0 .75rem;font-size:.95rem;font-weight:700}.inv-pager,.app-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-top:1px solid var(--border)}.inv-pager__actions,.app-pager__actions{display:inline-flex;align-items:center;gap:.4rem}.app-dash-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem 1.15rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.app-dashboard .search-box--wide{margin:0 1.15rem .75rem;max-width:none}.app-dash-panel .app-seg-filters,.app-dash-panel .absensi-dash-filters{margin:0;border-bottom:1px solid var(--border)}.app-dash-toolbar>.voucher-toolbar,.app-dash-toolbar.voucher-toolbar-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem;width:100%;padding:0;margin:0;background:transparent;border:none}.app-dash-toolbar .voucher-toolbar__search{flex:1;min-width:min(100%,14rem)}.app-dash-toolbar .voucher-toolbar__select{min-height:2.375rem;padding:.45rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-family:inherit;font-size:.82rem}.app-dash-toolbar .voucher-status-tabs{display:inline-flex;flex-wrap:wrap;gap:.25rem;padding:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-card)}.app-dash-toolbar .voucher-status-tabs .voucher-pill{margin:0}.sidebar__nav .nav-group:not(.open) .nav-submenu{display:none!important}.sidebar__nav .nav-group.open>.nav-submenu{display:flex!important}.sidebar__nav .nav-submenu{margin-bottom:.35rem;padding-bottom:.25rem}.sidebar__nav .nav-group+.nav-group{margin-top:.15rem}.app-page-toolbar,.piutang-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.piutang-toolbar__search,.app-page-toolbar .search-box{flex:1 1 220px;min-width:min(100%,200px);max-width:100%}.piutang-toolbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1 1 auto;justify-content:flex-end;min-width:0}.piutang-toolbar .tabs--compact{flex-wrap:nowrap}.piutang-toolbar .dropdown__toggle{white-space:nowrap}.app-filter-bar--toolbar{margin-bottom:0;border-radius:0;border-left:none;border-right:none;border-top:none}.app-dash-panel.piutang-panel{padding:0;overflow:hidden}.app-dash-panel.piutang-panel .app-filter-bar--toolbar{background:var(--bg-elevated)}.app-dash-panel.piutang-panel .piutang-table-wrap{border-top:1px solid var(--border)}.toolbar-filters--row .form-group--inline{display:flex;flex-direction:column;gap:.25rem;margin:0}.toolbar-filters--row .form-group--inline label{font-size:.75rem;color:var(--text-muted)}.cicilan-due-row--highlight{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 40%,var(--border));background:color-mix(in srgb,var(--module-accent, var(--primary)) 6%,var(--bg-card))}.app[data-active-module=keuangan] .btn--primary{background:var(--primary);border-color:color-mix(in srgb,var(--primary-hover) 70%,transparent);color:#fff}.app[data-active-module=keuangan] .btn--primary:hover:not(:disabled){background:var(--primary-hover);filter:none}.app[data-active-module=keuangan] .btn--secondary{background:color-mix(in srgb,var(--primary) 14%,var(--bg-card));border-color:color-mix(in srgb,var(--primary) 38%,var(--border));color:color-mix(in srgb,var(--primary) 80%,var(--text))}.app-filter-bar{--filter-control-h: 2.375rem;--filter-label-h: 1.05rem;display:flex;flex-direction:column;gap:.65rem;padding:.85rem 1.15rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);margin-bottom:.5rem}.app-filter-bar__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem .85rem;min-width:0}.app-filter-bar__row--search{width:100%}.app-filter-bar__search{flex:1 1 100%;min-width:0;max-width:100%}.app-filter-bar__row--controls{align-items:flex-end}.app-filter-bar__fields{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem .85rem;flex:1 1 auto;min-width:0}.app-filter-bar__field-group{display:flex;flex-direction:column;gap:.25rem;min-width:0}.app-filter-bar__field-group>label,.app-filter-bar__field-group>.app-filter-bar__label-spacer{display:block;min-height:var(--filter-label-h);font-size:.72rem;font-weight:600;line-height:var(--filter-label-h);color:var(--text-muted);white-space:nowrap}.app-filter-bar__label-spacer{visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none}.app-filter-bar__field-group input[type=date],.app-filter-bar__field-group input[type=month],.app-filter-bar__field-group select{min-width:10.5rem;max-width:100%;height:var(--filter-control-h);padding:0 .65rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:.85rem;line-height:1.25;box-sizing:border-box}.app-filter-bar__field-group select{padding-right:2rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;background-size:.85rem}.app-filter-bar__field-group select:focus{outline:none;border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 45%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--module-accent, var(--primary)) 18%,transparent)}.app-filter-bar__actions{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem;flex-shrink:0;margin-left:auto;min-height:calc(var(--filter-label-h) + .25rem + var(--filter-control-h));padding-bottom:0}.app-filter-bar__actions .btn--sm{min-height:var(--filter-control-h)}.app-filter-bar__row--actions-only{align-items:center}.app-filter-bar__row--actions-only .app-filter-bar__actions{min-height:0;margin-left:0;width:100%;justify-content:flex-end}.app-filter-bar__actions .tabs--compact{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:.15rem;padding:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);min-height:var(--filter-control-h);box-sizing:border-box}.app-filter-bar__actions .tabs--compact .tab{display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--filter-control-h) - .4rem);padding:0 .75rem;line-height:1;margin:0}.app-filter-bar__hint{margin:-.25rem 0 .75rem;padding:0 .15rem}.app-filter-mode{display:inline-flex;flex-shrink:0;padding:.2rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);gap:.15rem}.app-filter-mode{height:var(--filter-control-h);box-sizing:border-box}.app-filter-mode__btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-muted);font-family:inherit;font-size:.78rem;font-weight:600;min-height:calc(var(--filter-control-h) - .4rem);padding:0 .85rem;border-radius:999px;cursor:pointer;transition:background .15s,color .15s;line-height:1}.app-filter-mode__btn:hover{color:var(--text);background:var(--bg-hover)}.app-filter-mode__btn.is-active{background:color-mix(in srgb,var(--module-accent, var(--primary)) 22%,var(--bg-card));color:var(--module-accent, var(--primary));box-shadow:0 0 0 1px color-mix(in srgb,var(--module-accent, var(--primary)) 35%,transparent)}@media(max-width:640px){.app-filter-bar__row--controls{flex-direction:column;align-items:stretch}.app-filter-bar__actions{margin-left:0;justify-content:flex-start}}.wa-template-input{width:100%;font-family:inherit;font-size:.88rem;line-height:1.45}.wa-template-preview{margin:0;white-space:pre-wrap;font-size:.85rem;color:var(--text-muted);font-family:inherit}.wa-tool-page .app-dash-panel__body{padding:0}.wa-tool-page__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.15rem;border-top:1px solid var(--border);background:var(--bg-elevated)}.wa-tool{display:flex;flex-direction:column;gap:0}.wa-tool__panel{padding:1.1rem 1.15rem;border-bottom:1px solid var(--border)}.wa-tool__panel:last-child{border-bottom:none}.wa-tool__panel--muted{background:color-mix(in srgb,var(--bg-elevated) 80%,var(--bg-card))}.wa-tool__panel-head{margin-bottom:.85rem}.wa-tool__panel-title{margin:0;font-size:.92rem;font-weight:700;color:var(--text)}.wa-tool__panel-desc{margin:.35rem 0 0;font-size:.8rem;color:var(--text-muted);line-height:1.45;max-width:40rem}.wa-tool__provider-hint{margin:-.25rem 0 .85rem;padding:.55rem .75rem;border-radius:var(--radius);background:color-mix(in srgb,var(--module-accent, var(--primary)) 8%,var(--bg-card));border:1px solid color-mix(in srgb,var(--module-accent, var(--primary)) 22%,var(--border))}.wa-tool__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;margin-bottom:.65rem}@media(max-width:640px){.wa-tool__grid{grid-template-columns:1fr}}.wa-tool__input,.wa-tool .wa-template-input{width:100%;min-height:2.375rem;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:.88rem;line-height:1.35;box-sizing:border-box}.wa-tool__input:focus,.wa-tool .wa-template-input:focus{outline:none;border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--module-accent, var(--primary)) 18%,transparent)}.wa-tool__toggle{margin:0}.wa-tool__test-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem .85rem}.wa-tool__test-field{flex:1 1 12rem;min-width:min(100%,200px);margin:0}.wa-tool__test-row .btn{flex-shrink:0;margin-bottom:0}.wa-tool__test-result{margin:.65rem 0 0;min-height:1.25rem}.wa-tool__placeholders{margin:0 0 1rem}.wa-tool__placeholders code{font-size:.78rem}.app[data-active-module=tools] .wa-tool-page .btn--primary,.app[data-active-module=tools] #page-tool-whatsapp .btn--primary,.app[data-active-module=tools] #page-tool-whatsapp-template .btn--primary{background:var(--module-accent, #ff9f0a);border-color:color-mix(in srgb,var(--module-accent, #ff9f0a) 75%,#000);color:#1a1206;font-weight:600}.app[data-active-module=tools] .wa-tool-page .btn--primary:hover:not(:disabled),.app[data-active-module=tools] #page-tool-whatsapp .btn--primary:hover:not(:disabled),.app[data-active-module=tools] #page-tool-whatsapp-template .btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--module-accent, #ff9f0a) 88%,#fff);filter:brightness(1.05)}.app[data-active-module=tools] .wa-tool-page .btn--secondary,.app[data-active-module=tools] #page-tool-whatsapp .btn--secondary{background:color-mix(in srgb,var(--module-accent, #ff9f0a) 14%,var(--bg-card));border-color:color-mix(in srgb,var(--module-accent, #ff9f0a) 38%,var(--border));color:color-mix(in srgb,var(--module-accent, #ff9f0a) 85%,var(--text))}.letter-number-generator .form-group--grow{flex:1 1 14rem}.letter-number-preview-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;margin:1rem 0 .85rem;padding:1rem 1.1rem;border-radius:var(--radius, .5rem);border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--bg-card))}.letter-number-preview__label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.letter-number-preview{font-size:1.35rem;line-height:1.25;color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;word-break:break-all}.letter-number-actions{display:flex;flex-wrap:wrap;gap:.5rem}section.page[id^=page-absensi],#page-portal-absen,#page-portal-jadwal,#page-portal-lembur,#page-portal-gaji{--absensi-control-h: 2.375rem;--absensi-label-h: 1.05rem}section.page[id^=page-absensi] .page-header,section.page[id^=page-absensi] .page-header--row,#page-portal-absen .page-header,#page-portal-jadwal .page-header,#page-portal-lembur .page-header,#page-portal-gaji .page-header{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}section.page[id^=page-absensi] .app-page-header{margin-bottom:1.5rem}.absensi-field-group{display:flex;flex-direction:column;gap:.25rem;min-width:0}.absensi-field-group__label{font-size:.72rem;font-weight:600;line-height:1.05rem;color:var(--text-muted);white-space:nowrap}section.page[id^=page-absensi] .form-group>label{font-size:.72rem;font-weight:600;color:var(--text-muted)}section.page[id^=page-absensi] input[type=month],section.page[id^=page-absensi] input[type=date],section.page[id^=page-absensi] input[type=number],section.page[id^=page-absensi] input[type=text]:not(.search-box__input),section.page[id^=page-absensi] select,section.page[id^=page-absensi] .clock-select,#page-portal-absen select,#page-portal-jadwal input[type=month],#page-portal-lembur input[type=month],#page-portal-gaji input[type=month],#page-portal-jadwal select,#page-portal-absen input[type=month],#page-portal-absen input[type=date]{min-width:10.5rem;max-width:100%;height:var(--absensi-control-h);padding:0 .65rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);font-family:inherit;font-size:.85rem;line-height:1.25;box-sizing:border-box;color-scheme:dark;transition:border-color .15s,box-shadow .15s}section.page[id^=page-absensi] select,section.page[id^=page-absensi] .clock-select,#page-portal-absen select{padding-right:2rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;background-size:.85rem}section.page[id^=page-absensi] input[type=month]:focus,section.page[id^=page-absensi] input[type=date]:focus,section.page[id^=page-absensi] input[type=number]:focus,section.page[id^=page-absensi] input[type=text]:focus:not(.search-box__input),section.page[id^=page-absensi] select:focus,section.page[id^=page-absensi] .clock-select:focus,#page-portal-jadwal input[type=month]:focus,#page-portal-lembur input[type=month]:focus,#page-portal-gaji input[type=month]:focus,#page-portal-absen select:focus{outline:none;border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 45%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--module-accent, var(--primary)) 18%,transparent)}section.page[id^=page-absensi] input[type=month]::-webkit-calendar-picker-indicator,section.page[id^=page-absensi] input[type=date]::-webkit-calendar-picker-indicator,#page-portal-jadwal input[type=month]::-webkit-calendar-picker-indicator,#page-portal-lembur input[type=month]::-webkit-calendar-picker-indicator,#page-portal-gaji input[type=month]::-webkit-calendar-picker-indicator{filter:invert(.85);opacity:.9;cursor:pointer}section.page[id^=page-absensi] .page-header__actions,#page-portal-jadwal .page-header__actions,#page-portal-lembur .page-header__actions,#page-portal-gaji .page-header__actions{align-items:flex-end;gap:.5rem .65rem}section.page[id^=page-absensi] .page-header--row>input[type=month],section.page[id^=page-absensi] .page-header--row>input[type=date],#page-portal-lembur .page-header--row>input[type=month],#page-portal-gaji .page-header--row>input[type=month]{align-self:flex-end;flex-shrink:0}section.page[id^=page-absensi] .gaji-toolbar__month{min-width:10.5rem}section.page[id^=page-absensi] .gaji-toolbar__label{font-size:.72rem;font-weight:600;text-transform:none;letter-spacing:0;color:var(--text-muted)}section.page[id^=page-absensi] .card,#page-portal-absen .card,#page-portal-jadwal .card,#page-portal-lembur .card,#page-portal-gaji .card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow)}section.page[id^=page-absensi] .hr-panel__head,section.page[id^=page-absensi] .card__toolbar{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--module-accent, var(--primary)) 4%,var(--bg-card))}section.page[id^=page-absensi] .app-dash-panel{border-radius:var(--radius-lg)}section.page[id^=page-absensi] .employee-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}section.page[id^=page-absensi] .employee-card:hover{border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 28%,var(--border))}section.page[id^=page-absensi] .employee-stat{font-weight:600}section.page[id^=page-absensi] .employee-stat--gaji{color:var(--success)}section.page[id^=page-absensi] .employee-stat--hutang{color:var(--danger)}section.page[id^=page-absensi] .jadwal-save-bar{border-color:color-mix(in srgb,var(--module-accent, var(--warning)) 40%,transparent);background:color-mix(in srgb,var(--module-accent, var(--warning)) 8%,var(--bg-card))}section.page[id^=page-absensi] .jadwal-input--dirty{outline-color:color-mix(in srgb,var(--module-accent, var(--warning)) 55%,transparent)}#page-portal-absen .clock-page{border:none;box-shadow:none;background:transparent;padding:0}#page-portal-absen .clock-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow)}@media(max-width:768px){section.page[id^=page-absensi] .page-header__actions,#page-portal-jadwal .page-header__actions{width:100%;justify-content:stretch}section.page[id^=page-absensi] .page-header__actions input[type=month],section.page[id^=page-absensi] .page-header__actions input[type=date],section.page[id^=page-absensi] .page-header--row>input[type=month],section.page[id^=page-absensi] .page-header--row>input[type=date],#page-portal-jadwal input[type=month],#page-portal-lembur input[type=month],#page-portal-gaji input[type=month]{width:100%;min-width:0}}.portal-lembur-month__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin-bottom:.75rem}.portal-lembur-month__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.portal-lembur-history-list{display:flex;flex-direction:column;gap:.35rem}.portal-lembur-history-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem .75rem;width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);text-align:left;cursor:pointer}.portal-lembur-history-row:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.portal-lembur-history-row__main,.portal-lembur-history-row__meta{display:flex;flex-direction:column;gap:.15rem}.portal-lembur-history-row__meta{align-items:flex-end}.portal-lembur-item+.portal-lembur-item{border-top:1px solid var(--border);padding-top:.65rem;margin-top:.65rem}.date-picker-wrap{position:relative;display:flex;align-items:stretch;gap:0}.date-picker-wrap input[type=date],.date-picker-wrap input[type=month]{flex:1;border-top-right-radius:0;border-bottom-right-radius:0;cursor:pointer}.date-picker-trigger{flex-shrink:0;width:42px;border:1px solid var(--border);border-left:none;background:var(--bg-hover);color:var(--text);border-radius:0 8px 8px 0;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.date-picker-trigger:hover{background:color-mix(in srgb,var(--module-accent, var(--primary)) 18%,transparent);color:var(--module-accent, var(--primary))}.date-picker-trigger .icon{width:1.1rem;height:1.1rem}.date-picker-popup{position:absolute;top:calc(100% + 6px);left:0;z-index:500;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:.75rem;min-width:0;width:min(100%,320px);max-width:calc(100vw - 1.5rem);box-sizing:border-box;display:none}.date-picker-popup.open{display:block}.date-picker-popup--month{min-width:260px}.date-picker-nav{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.75rem}.date-picker-nav__title{font-weight:700;font-size:.9rem;flex:1;text-align:center}.date-picker-nav__btn{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:.35rem .55rem;font-size:.75rem;cursor:pointer;font-family:inherit}.date-picker-nav__btn:hover{background:var(--bg-hover);border-color:var(--module-accent, var(--primary))}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.date-picker-weekdays span{text-align:center;font-size:.65rem;font-weight:600;color:var(--text-muted);padding:.25rem}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.date-picker-day,.date-picker-month{border:none;background:transparent;color:var(--text);border-radius:6px;padding:.45rem .25rem;font-size:.82rem;cursor:pointer;font-family:inherit}.date-picker-day:hover,.date-picker-month:hover{background:var(--bg-hover)}.date-picker-day.other{color:var(--text-muted);opacity:.45}.date-picker-day.today{border:1px solid var(--module-accent, var(--primary))}.date-picker-day.selected,.date-picker-month.selected{background:var(--module-accent, var(--primary));color:#fff}.date-picker-day.empty{pointer-events:none}.date-picker-months{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.date-picker-footer{display:flex;justify-content:space-between;margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--border)}.date-picker-footer button{border:none;background:transparent;color:var(--module-accent, var(--primary));font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;padding:.25rem .5rem}.date-picker-footer button:hover{text-decoration:underline}.form-group .date-picker-wrap,.toolbar-filters .date-picker-wrap{width:100%}.modal .date-picker-popup{z-index:600}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden}.app,.main{max-width:100%;overflow-x:clip}@media(max-width:768px){.app--module{grid-template-areas:"chrome" "main"!important}.app--module .app-chrome{grid-area:chrome;display:flex;flex-wrap:nowrap;align-items:center;gap:.45rem;position:sticky;top:0;z-index:110;min-height:calc(2.75rem + max(.55rem,env(safe-area-inset-top)));transition:opacity .2s ease,visibility .2s ease}.app--module .app-chrome.app-chrome--scroll-hidden{transform:none;opacity:1;pointer-events:auto}.app--module.app--sidebar-open .app-chrome,body.zinet-mobile-sidebar-open #appChrome{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.app--module .main{grid-area:main}.app--module .sidebar{grid-area:unset}.app-chrome{padding:.55rem max(.65rem,env(safe-area-inset-right)) .55rem max(.65rem,env(safe-area-inset-left));padding-top:max(.55rem,env(safe-area-inset-top))}.app-chrome--launcher{flex-wrap:wrap}.app-chrome--launcher .app-chrome__title-wrap{flex:1 1 auto;min-width:0}.app-chrome--launcher .app-chrome__user-actions:not(:empty){margin-left:auto;flex-shrink:0}.app-chrome--launcher .app-chrome__account-wrap:not([hidden]){margin-left:0}.app--module .app-chrome__toggle:not([hidden]){display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;order:0;min-width:2.75rem;min-height:2.75rem;padding:0;border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--module-accent, var(--primary)) 14%,var(--bg-hover));border-color:color-mix(in srgb,var(--module-accent, var(--primary)) 40%,var(--border));box-shadow:0 1px #ffffff0a inset;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app--module.app--sidebar-open .app-chrome__toggle{display:none!important}.app--module .app-chrome__title-wrap{flex:1 1 auto;min-width:0;order:1}.app--module .app-chrome__user-actions{flex:0 0 auto;order:2;display:flex;align-items:center;gap:.35rem}.app--module .app-chrome__notif-group:not([hidden]){flex:0 0 auto;order:0}.app--module .app-chrome__notif-wrap:not([hidden]){flex:0 0 auto}.app--module .app-chrome__account-wrap:not([hidden]){flex:0 0 auto;order:1;margin-left:0}.app-chrome__title{font-size:.88rem}.app-chrome__subtitle{font-size:.68rem}.app-chrome__account-btn{max-width:min(38vw,9.5rem)}.app-chrome__account-btn .sidebar__account-info strong{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.app-chrome__account-btn .sidebar__account-info small{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.app-chrome__notif-btn,.app-chrome__notif-bell{width:2.75rem;height:2.75rem}.app-chrome__toggle .icon{width:1.15rem;height:1.15rem}.app--module #menuToggle{display:none!important}}@media(max-width:380px){.app--module .app-chrome__subtitle{display:none}}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:280;background:#0000008c;backdrop-filter:none;-webkit-backdrop-filter:none;touch-action:none}.sidebar-backdrop.is-visible{display:block}@media(max-width:768px){.app--module .sidebar{width:min(88vw,280px)!important;min-width:0;padding:max(1rem,env(safe-area-inset-top)) .75rem 1rem!important;padding-left:max(.75rem,env(safe-area-inset-left))!important;box-shadow:8px 0 32px #00000073;z-index:290}.app--module .sidebar.open,body.zinet-mobile-sidebar-open #sidebar.open{z-index:300!important}.app--module .sidebar__menu{overflow-y:auto;-webkit-overflow-scrolling:touch}.app--module .sidebar__brand-logo{max-width:160px}.nav-item,.nav-subitem{min-height:2.75rem;padding-top:.65rem;padding-bottom:.65rem}}@media(max-width:768px){.main{padding:1rem max(.75rem,env(safe-area-inset-right)) 1.5rem max(.75rem,env(safe-area-inset-left));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.page--launcher{padding-left:0;padding-right:0}.app--launcher{min-height:100dvh;max-height:100dvh;overflow:hidden}.app--launcher .main{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.launcher-hero{margin-bottom:1rem;padding:.35rem .25rem 0}.launcher-hero__logo{width:min(160px,55vw);margin-bottom:.85rem}.launcher-hero__title{font-size:1.45rem}.launcher-hero__eyebrow,.launcher-hero__sub{color:var(--text-muted)}.home-grid,.app-launcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.home-card{padding:1.1rem .85rem 1rem;border-radius:14px;min-height:8.5rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.home-card:active{transform:scale(.98)}.home-card__icon-ring{width:3.25rem;height:3.25rem;margin-bottom:.65rem;border-radius:16px}.home-card__icon-ring .icon{width:1.5rem;height:1.5rem}.home-card__title{font-size:.92rem}.home-card__stat{font-size:1rem}.home-card__meta{font-size:.72rem}}@media(max-width:400px){.home-grid,.app-launcher{grid-template-columns:1fr}}@media(max-width:768px){.page-header,.page-header--row,.app-page-header{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1rem;padding-bottom:.85rem}.page-header h2,.page-header--row h2,.app-page-header__title{font-size:1.25rem}.page-header__actions,.app-page-header__actions{width:100%;justify-content:stretch;flex-direction:column;align-items:stretch}.page-header__actions .btn,.app-page-header__actions .btn{width:100%;justify-content:center}.page-toolbar{flex-direction:column;align-items:stretch;margin-bottom:1rem}.page-toolbar__info h2{font-size:1.35rem}.toolbar-filters{flex-direction:column;align-items:stretch}.toolbar-filters .form-group{min-width:0;width:100%}.page-header--row>input[type=month],.page-header--row>input[type=date],.page-header--row>select{width:100%;max-width:none}}@media(max-width:768px){.app-kpi__value,.voucher-kpi__value{font-size:1.45rem}.app-kpi,.voucher-kpi{padding:.95rem 1rem;gap:.75rem}.app-kpi__icon,.voucher-kpi__icon{width:2.5rem;height:2.5rem;border-radius:12px}.stats-row{grid-template-columns:1fr}.card{border-radius:var(--radius-lg)}.app-dash-panel__head{flex-direction:column;align-items:flex-start}.app-seg-filters,.absensi-dash-filters{padding:.65rem .85rem;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.app-seg-filters::-webkit-scrollbar,.absensi-dash-filters::-webkit-scrollbar{display:none}.app-seg-filter,.absensi-dash-filter{flex-shrink:0}}@media(max-width:768px){.table-wrap,.voucher-table-wrap,.piutang-table-wrap,.transactions-list .table-wrap,.data-table-wrap{margin-left:-.25rem;margin-right:-.25rem;padding-left:.25rem;padding-right:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius)}.data-table{font-size:.8rem;min-width:520px}.data-table th,.data-table td{padding:.5rem .45rem}.actions-cell{gap:.35rem}.actions-cell .btn--sm{min-height:2.25rem;padding:.35rem .55rem;font-size:.75rem}}@media(max-width:768px){.form-row,.form-row--2,.form-row--3,.form-row--4{grid-template-columns:1fr!important}.company-form__branding{grid-template-columns:1fr;gap:1rem}.login-overlay{padding:max(1.25rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));align-items:center}.login-card{max-width:min(400px,100%);border-radius:var(--radius-lg);padding:1.75rem 1.35rem 1.5rem}.login-card__logo{width:min(260px,82vw);margin-bottom:1.25rem}.login-form .btn--block{min-height:2.85rem;font-size:1rem}.login-card h2{font-size:1.05rem}.modal-overlay{padding:0;align-items:flex-end;z-index:500}.modal{width:100%;max-width:none;max-height:min(88dvh,88vh);border-radius:16px 16px 0 0;margin:0}.modal--wide{max-width:none}.modal__header{padding:1rem 1rem .65rem;padding-top:max(1rem,env(safe-area-inset-top))}.modal__body{padding:1rem}.modal__footer{padding:.65rem 1rem;padding-bottom:max(.85rem,env(safe-area-inset-bottom));gap:.65rem}.modal__footer .btn{flex:1 1 0;min-height:2.85rem;justify-content:center}html.zinet-modal-open,html.zinet-modal-open body{overflow:hidden;height:100%;touch-action:none}html.zinet-modal-open .app--module .main{overflow:hidden!important}html.zinet-modal-open:has(#modalOverlay.open) .app-chrome,html.zinet-modal-open:has(#confirmOverlay.open:not([hidden])) .app-chrome{transform:translateY(-120%);opacity:0;pointer-events:none}.btn{min-height:2.5rem}.btn--sm{min-height:2.25rem}input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],input[type=month],input[type=search],input[type=tel],input[type=url],select,textarea{font-size:16px}}@media(max-width:768px){.voucher-toolbar{flex-direction:column;align-items:stretch}.voucher-toolbar__search,.voucher-toolbar__select{width:100%;min-width:0}.piutang-toolbar{flex-direction:column;align-items:stretch}.piutang-toolbar__right{width:100%;justify-content:stretch}.tx-toolbar__row--meta{flex-direction:column;align-items:stretch}.tx-toolbar__date-range{width:100%}.tx-toolbar__date-input{flex:1 1 8.5rem;min-width:0}.tx-toolbar__actions{width:100%;justify-content:flex-start}.tx-toolbar__actions .btn{flex:1 1 auto}.tx-toolbar{flex-direction:column;align-items:stretch}.tx-toolbar__filters{width:100%}.tx-toolbar__search{width:100%;min-width:0}.print-design-layout{grid-template-columns:1fr}.print-design-preview-card{position:static}.clock-page{max-width:none}#page-inventory-aset .table-wrap,#page-inventory-kabel .table-wrap,#inventoryDashboardRoot .app-kpi-grid{-webkit-overflow-scrolling:touch}#inventoryDashboardRoot .app-kpi-grid{grid-template-columns:1fr 1fr;gap:.65rem}.app-dashboard-page .page-header,#page-inventory-aset .page-header,#page-inventory-kabel .page-header{margin-bottom:.85rem}.jadwal-weekdays{font-size:.62rem;gap:.2rem}.jadwal-day{min-height:2.5rem;font-size:.72rem}.app-filter-bar__row--controls{flex-direction:column;align-items:stretch}.app-pager,.inv-pager{flex-direction:column;align-items:stretch;text-align:center}.app-pager__actions,.inv-pager__actions{justify-content:center}.hd-ticket-form .form-row{grid-template-columns:1fr}}@media(max-width:768px){.hd-stats-row,.hd-kpi-row{grid-template-columns:1fr 1fr;gap:.5rem}}@media(max-width:420px){.hd-stats-row,.hd-kpi-row{grid-template-columns:1fr}}:root{--zinet-brand: #00aee8;--zinet-brand-hover: #33c4f0;--zinet-brand-dim: rgba(0, 174, 232, .1);--zinet-brand-glow: transparent;--bg: #0a0e14;--bg-card: #121820;--bg-hover: #1a222d;--bg-elevated: #161d27;--border: rgba(148, 163, 184, .12);--border-strong: rgba(0, 174, 232, .28);--text: #e8eef4;--text-muted: #8b9cb0;--primary: var(--zinet-brand);--primary-hover: var(--zinet-brand-hover);--module-accent: var(--zinet-brand);--module-glow: transparent;--sidebar-glass: #0e131a;--radius-lg: 8px}body{background:var(--bg);background-image:none}.login-overlay{background:#070b10;background-image:none}.login-card{border-color:var(--border-strong);background:var(--bg-card);box-shadow:none}.login-card .btn--primary{background:var(--zinet-brand);border-color:var(--zinet-brand);font-weight:600;letter-spacing:.02em}.login-card input:focus{border-color:var(--zinet-brand);box-shadow:0 0 0 2px var(--zinet-brand-dim)}.app-chrome{border-bottom-color:var(--border);background:var(--sidebar-glass)}.app-chrome__title{color:var(--text)}.app-chrome--launcher .app-chrome__title{background:none;-webkit-text-fill-color:var(--text);color:var(--text)}.app-chrome__logout{border-color:var(--border)}.app-chrome__logout:hover{border-color:var(--zinet-brand);color:var(--zinet-brand-hover)}.page--launcher{max-width:1040px;margin:0 auto;padding-top:.5rem}.launcher-hero{margin-bottom:2rem;padding:.5rem 0 0}.launcher-hero__eyebrow{color:var(--zinet-brand-hover);letter-spacing:.12em}.launcher-hero__title{color:var(--text);background:none;-webkit-text-fill-color:var(--text)}.home-card{background:var(--bg-card);border-color:var(--border)}.home-card:hover{border-color:var(--card-accent, var(--zinet-brand));box-shadow:none}.home-card--skeleton{pointer-events:none;cursor:default;min-height:10.5rem}.home-card--skeleton .home-card__icon-ring{background:var(--bg-hover);border-color:var(--border);color:transparent;animation:zinet-pulse 1.4s ease-in-out infinite}.home-card--skeleton .home-card__title,.home-card--skeleton .home-card__meta,.home-card--skeleton .home-card__cta{color:transparent;background:var(--bg-hover);border-radius:6px;animation:zinet-pulse 1.4s ease-in-out infinite}.home-card--skeleton .home-card__title{height:1.1rem;width:70%;margin:0 auto .5rem}.home-card--skeleton .home-card__meta{height:.75rem;width:85%;margin:0 auto}.home-card--skeleton .home-card__cta{height:.7rem;width:40%;margin:.75rem auto 0}@keyframes zinet-pulse{0%,to{opacity:.55}50%{opacity:.9}}html.zinet-authed:not(.zinet-needs-login) #loginOverlay,.login-overlay--booting{display:none!important}html.zinet-authed:not(.zinet-needs-login) .app{display:grid!important}html.zinet-boot-pending:not(.zinet-needs-login):not(.zinet-route-login) .app,html.zinet-boot-pending:not(.zinet-needs-login) .sidebar-backdrop{display:grid!important}html.zinet-needs-login #loginOverlay.open,html.zinet-needs-login #loginOverlay{display:flex!important}html.zinet-needs-login .app{display:none!important}.btn--primary{background:var(--zinet-brand);border-color:var(--zinet-brand)}.btn--primary:hover{background:var(--zinet-brand-hover);border-color:var(--zinet-brand-hover)}.app[data-active-module=home] .main,.app[data-active-module=keuangan] .main{box-shadow:inset 0 2px 0 0 var(--zinet-brand)}.account-info-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.85rem 1rem;border-color:var(--border);background:var(--bg-card)}.account-info-card__title{margin:0 0 .65rem;font-size:1rem}.account-info-card__main{flex:1;min-width:0}.account-info-card__dl{display:grid;gap:.45rem 1rem;margin:0}.account-info-card__dl>div{display:grid;grid-template-columns:minmax(8rem,11rem) 1fr;gap:.5rem;align-items:baseline}.account-info-card__dl dt{margin:0;font-size:.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.account-info-card__dl dd{margin:0;font-size:.92rem}.account-info-card__dl code{font-size:.95em;color:var(--zinet-brand-hover)}.account-info-card__actions{display:flex;flex-direction:column;gap:.45rem;flex-shrink:0}@media(max-width:768px){.account-info-card{flex-direction:column}.account-info-card__dl>div{grid-template-columns:1fr;gap:.15rem}.account-info-card__actions{flex-direction:row;flex-wrap:wrap}}:root{--zinet-brand: #00aee8;--zinet-brand-hover: #33c4f0;--zinet-brand-dim: rgba(0, 174, 232, .1);--zinet-brand-glow: transparent;--z-primary: #00aee8;--z-primary-hover: #33c4f0;--z-success: #3dd68c;--z-success-hover: #56e09c;--z-danger: #f07178;--z-danger-hover: #f58a8f;--z-warning: #e6a23c;--z-warning-hover: #ebb563;--z-income: #3dd68c;--z-expense: #f07178;--z-bg: #0a0e14;--z-bg-card: #121820;--z-bg-hover: #1a222d;--z-bg-elevated: #161d27;--z-border: rgba(148, 163, 184, .12);--z-border-strong: rgba(0, 174, 232, .28);--z-text: #e8eef4;--z-text-muted: #8b9cb0;--z-sidebar-w: 220px;--z-sidebar-glass: #0e131a;--z-radius-sm: 4px;--z-radius: 6px;--z-radius-lg: 8px;--z-shadow: none;--z-shadow-lg: 0 8px 24px rgba(0, 0, 0, .45);--z-font-size-xs: .7rem;--z-font-size-sm: .8rem;--z-font-size-md: .875rem;--z-font-size-xl: 1.15rem;--z-line-height: 1.45;--z-line-height-tight: 1.25;--z-control-h: 2.15rem;--z-control-h-sm: 1.7rem;--z-btn-h: 2.15rem;--z-btn-h-sm: 1.65rem;--z-transition-fast: .1s ease;--z-transition: .15s ease;--z-module-glow: transparent;--bg: var(--z-bg);--bg-card: var(--z-bg-card);--bg-hover: var(--z-bg-hover);--bg-elevated: var(--z-bg-elevated);--border: var(--z-border);--border-strong: var(--z-border-strong);--text: var(--z-text);--text-muted: var(--z-text-muted);--primary: var(--z-primary);--primary-hover: var(--z-primary-hover);--radius: var(--z-radius);--radius-lg: var(--z-radius-lg);--shadow: var(--z-shadow);--shadow-lg: var(--z-shadow-lg);--sidebar-w: var(--z-sidebar-w);--sidebar-glass: var(--z-sidebar-glass);--module-glow: transparent}html[data-theme=dark] body,html:not([data-theme=light]) body,body{background:var(--z-bg)!important;background-image:none!important}.login-overlay{background:#070b10!important;background-image:none!important}.login-card,.home-card,.account-info-card{background:var(--z-bg-card)!important;box-shadow:none!important}.home-card:hover{box-shadow:none!important;border-color:var(--z-border-strong)}.app-chrome--launcher .app-chrome__title,.launcher-hero__title{background:none!important;-webkit-text-fill-color:var(--z-text)!important;color:var(--z-text)!important}.app-chrome,.sidebar,.modal-backdrop,.login-card,[class*=glass]{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.app-chrome,.sidebar{background:var(--z-sidebar-glass)!important;box-shadow:none!important}.sidebar{padding:.85rem .65rem}.sidebar__brand{padding:0 .35rem .85rem;margin-bottom:.85rem}.sidebar .nav-link,.sidebar a.nav-item{border-radius:var(--z-radius-sm);padding:.45rem .55rem;font-size:var(--z-font-size-sm)}.app-kpi-grid,.voucher-kpi-grid,.z-stat-grid,.stats-row,.app-stat-grid{gap:.65rem!important;margin-bottom:.85rem!important}.app-kpi,.voucher-kpi,.z-stat-card,.stat-card,.app-stat-card{--kpi-glow: transparent;position:relative;gap:.65rem!important;padding:.7rem .85rem!important;border-radius:var(--z-radius)!important;border:1px solid var(--z-border)!important;border-left:3px solid var(--kpi-accent, var(--z-primary))!important;background:var(--z-bg-card)!important;box-shadow:none!important;overflow:hidden;transition:border-color var(--z-transition-fast),background var(--z-transition-fast)!important;transform:none!important}.app-kpi:hover,.voucher-kpi:hover{transform:none!important;box-shadow:none!important;background:var(--z-bg-hover)!important}.app-kpi__glow,.voucher-kpi__glow{display:none!important}.app-kpi__icon,.voucher-kpi__icon{width:2.15rem!important;height:2.15rem!important;border-radius:var(--z-radius-sm)!important;box-shadow:none!important;background:color-mix(in srgb,var(--kpi-accent, var(--z-primary)) 12%,transparent)!important}.app-kpi__value,.voucher-kpi__value,.stat-value{font-size:1.05rem!important;font-weight:650!important;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.app-kpi__label,.voucher-kpi__label{font-size:.65rem!important;letter-spacing:.06em}.z-table,.data-table,table.data-table{font-size:var(--z-font-size-sm)}.z-table thead th,.data-table thead th{padding:.4rem .55rem!important;background:var(--z-bg-elevated)!important;border-bottom:1px solid var(--z-border-strong)!important;position:sticky;top:0;z-index:2}.z-table tbody td,.data-table tbody td{padding:.4rem .55rem!important}.z-table tbody tr:hover td,.data-table tbody tr:hover td{background:color-mix(in srgb,var(--z-primary) 6%,transparent)!important}.table-wrap,.z-table-wrap{border:1px solid var(--z-border);border-radius:var(--z-radius);background:var(--z-bg-card)}.card,.z-card,.panel{box-shadow:none!important;border-radius:var(--z-radius)!important;border-color:var(--z-border);background:var(--z-bg-card)}.btn--primary{background:var(--z-primary)!important;border-color:var(--z-primary)!important}.btn--primary:hover{background:var(--z-primary-hover)!important;border-color:var(--z-primary-hover)!important}.app[data-active-module] .main{box-shadow:inset 0 2px 0 0 var(--z-primary)!important}.page,.page.active,.voucher-status--danger,.notif-dot,.notification-dot,.app-notif-dot{animation:none!important}html.zinet-portal-app .app-chrome{background:var(--z-bg-elevated)!important}.portal-hero{background:var(--z-bg-card)!important;box-shadow:none!important}.portal-action--primary{background:var(--z-bg-hover)!important}.portal-alert:hover,.portal-action:hover{transform:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@keyframes zinet-spin{to{transform:rotate(360deg)}}@keyframes zinet-pulse-core{0%,to{transform:scale(.85);opacity:.65}50%{transform:scale(1.1);opacity:1}}@keyframes zinet-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes zinet-boot-glow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.65;transform:scale(1.08)}}.zinet-loader{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0}.zinet-loader--sm{width:1.15rem;height:1.15rem}.zinet-loader--md{width:2.75rem;height:2.75rem}.zinet-loader--lg{width:3.5rem;height:3.5rem}.zinet-loader__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;border-top-color:var(--zinet-brand, #00aeef);border-right-color:color-mix(in srgb,var(--zinet-brand, #00aeef) 35%,transparent);animation:zinet-spin .9s cubic-bezier(.45,.05,.55,.95) infinite;box-shadow:0 0 18px var(--zinet-brand-glow, rgba(0, 174, 239, .32))}.zinet-loader--sm .zinet-loader__ring{border-width:1.5px;box-shadow:none}.zinet-loader__dot{width:.45rem;height:.45rem;border-radius:50%;background:var(--zinet-brand, #00aeef);box-shadow:0 0 10px var(--zinet-brand, #00aeef);animation:zinet-pulse-core 1.15s ease-in-out infinite}.zinet-loader--lg .zinet-loader__dot{width:.55rem;height:.55rem}.zinet-loading-row{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;color:var(--text-muted, #8fa3b8);font-size:.9rem}.zinet-loading-row--left{justify-content:flex-start}.app-boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;display:none!important;visibility:hidden;pointer-events:none;overflow:hidden;background:transparent;color:transparent;font-family:system-ui,-apple-system,sans-serif}.app-boot-splash:before{display:none}html.zinet-boot-pending .app-boot-splash,html.zinet-logging-out .app-boot-splash,html.zinet-validating .app-boot-splash,html.zinet-authed .app-boot-splash,html.zinet-needs-login .app-boot-splash{display:none!important}.zinet-boot-screen__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.zinet-boot-screen__text{margin:0;font-size:.95rem;font-weight:500;color:var(--text, #f0f4f8);letter-spacing:.01em}.zinet-boot-screen__dots{display:inline-flex;gap:.35rem;margin-left:.15rem;vertical-align:baseline}.zinet-boot-screen__dots span{width:.28rem;height:.28rem;border-radius:50%;background:var(--zinet-brand, #00aeef);animation:zinet-pulse-core 1.1s ease-in-out infinite}.zinet-boot-screen__dots span:nth-child(2){animation-delay:.15s}.zinet-boot-screen__dots span:nth-child(3){animation-delay:.3s}.launcher-loading-head{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.25rem 0 1.25rem}.launcher-loading__label{margin:0;font-size:.88rem;color:var(--text-muted, #8fa3b8)}.home-card--skeleton{animation:zinet-skeleton-fade .35s ease-out}@keyframes zinet-skeleton-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.home-card--skeleton:nth-child(1){animation-delay:.02s}.home-card--skeleton:nth-child(2){animation-delay:.05s}.home-card--skeleton:nth-child(3){animation-delay:.08s}.home-card--skeleton:nth-child(4){animation-delay:.11s}.home-card--skeleton:nth-child(5){animation-delay:.14s}.home-card--skeleton:nth-child(6){animation-delay:.17s}.login-boot-hint{display:flex;flex-direction:column;align-items:center;gap:.85rem}.login-boot-hint[hidden],html.zinet-session-resume #loginBootHint,.login-overlay--booting #loginBootHint{display:none!important}.login-form.is-loading .btn--primary{position:relative;opacity:.92;pointer-events:none;padding-right:2.5rem}.login-form.is-loading .btn--primary:after{content:"";position:absolute;right:1rem;top:50%;width:1rem;height:1rem;margin-top:-.5rem;border-radius:50%;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;animation:zinet-spin .7s linear infinite}.zinet-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;min-height:8rem;padding:2rem 1rem;color:var(--text-muted, #8fa3b8);font-size:.9rem}.zinet-page-loading--compact{min-height:4rem;padding:1rem}.zinet-progress-bar{width:min(200px,50vw);height:3px;border-radius:999px;overflow:hidden;background:var(--bg-hover, #172030)}.zinet-progress-bar__fill{width:40%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,var(--zinet-brand, #00aeef) 45%,var(--zinet-brand-hover, #33c1f5) 55%,transparent 100%);background-size:200% 100%;animation:zinet-shimmer 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.zinet-loader__ring,.zinet-loader__dot,.zinet-boot-screen__dots span,.app-boot-splash:before,.zinet-progress-bar__fill,.home-card--skeleton,.home-card--skeleton .home-card__icon-ring,.home-card--skeleton .home-card__title,.home-card--skeleton .home-card__meta,.home-card--skeleton .home-card__cta,.login-form.is-loading .btn--primary:after{animation:none!important}}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/dist/assets/inter-latin-400-normal-BOOGhInR.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/dist/assets/inter-latin-500-normal-D2bGa7uu.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/dist/assets/inter-latin-600-normal-D273HNI0.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/dist/assets/inter-latin-700-normal-Sckx8rpT.woff2) format("woff2")}:root{--font-local: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html.zinet-needs-login .app,html.zinet-needs-login .sidebar-backdrop,html.zinet-logging-out .app,html.zinet-logging-out .sidebar-backdrop,html.zinet-auth-pending:not(.zinet-authed) .app{display:none!important}html.zinet-needs-login #loginOverlay{display:flex!important}html.zinet-needs-login .page--launcher,html.zinet-validating .page--launcher,html.zinet-route-login .app,html.zinet-route-login .sidebar-backdrop{display:none!important}html.zinet-route-login.zinet-needs-login #loginOverlay{display:flex!important}html.zinet-route-login.zinet-authed .app,html.zinet-route-login.zinet-authed:not(.zinet-needs-login) .app{display:none!important}html.zinet-authed:not(.zinet-needs-login):not(.zinet-route-login) .app{display:grid!important}html.zinet-authed:not(.zinet-needs-login) .sidebar-backdrop:not(.is-visible){display:none!important}html.zinet-authed:not(.zinet-needs-login) #appBootSplash,html.zinet-boot-pending #appBootSplash,html.zinet-validating #appBootSplash{display:none!important}html.zinet-boot-pending:not(.zinet-needs-login):not(.zinet-route-login) .app,html.zinet-validating:not(.zinet-needs-login):not(.zinet-route-login) .app{display:grid!important}html.zinet-authed:not(.zinet-needs-login):not(.zinet-route-login) #loginOverlay{display:none!important}html.zinet-shell-booting .app,html.zinet-shell-booting .app--module .sidebar{transition:none!important}html.zinet-shell-ready .app{transition:grid-template-columns .25s ease}.portal-app-boot-screen{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;flex-direction:column;align-items:center;justify-content:center;background:#0b1220;color:#f0f4f8;font-family:system-ui,-apple-system,sans-serif;padding:max(1.5rem,env(safe-area-inset-top,0px)) 1.5rem max(1.5rem,env(safe-area-inset-bottom,0px))}html.zinet-portal-app:not(.zinet-portal-ready):not(.zinet-needs-login):not(.zinet-route-login) #portalAppBootScreen{display:flex}html.zinet-portal-app:not(.zinet-portal-ready):not(.zinet-needs-login):not(.zinet-route-login) .app,html.zinet-portal-app:not(.zinet-portal-ready):not(.zinet-needs-login):not(.zinet-route-login) #sidebarBackdrop{visibility:hidden!important;pointer-events:none!important}.portal-app-boot-screen__inner{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.portal-app-boot-screen__logo img{display:block;width:min(160px,52vw);height:auto;opacity:.95}.portal-app-boot-screen__loader{width:2.75rem;height:2.75rem;border-radius:50%;border:2px solid rgba(0,174,239,.2);border-top-color:#00aeef;animation:portal-app-boot-spin .85s linear infinite}.portal-app-boot-screen__text{margin:0;font-size:.92rem;font-weight:500;color:#f0f4f8e0}@keyframes portal-app-boot-spin{to{transform:rotate(360deg)}}.zinet-btn-refreshing{position:relative;pointer-events:none;opacity:.85}.zinet-btn-refreshing:after{content:"";display:inline-block;width:.85rem;height:.85rem;margin-left:.4rem;vertical-align:-.1em;border-radius:50%;border:2px solid rgba(0,174,239,.25);border-top-color:#00aeef;animation:portal-app-boot-spin .75s linear infinite}.zinet-table-refreshing{position:relative}.zinet-table-refreshing:after{content:"";position:absolute;top:.65rem;right:.75rem;width:1rem;height:1rem;border-radius:50%;border:2px solid rgba(0,174,239,.2);border-top-color:#00aeef;animation:portal-app-boot-spin .75s linear infinite;pointer-events:none;z-index:2}.login-card__install{margin:1rem 0 0;text-align:center}.login-install-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .85rem;border-radius:.65rem;border:1px solid rgba(56,189,248,.35);background:#38bdf814;color:#7dd3fc;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s ease}.login-install-link:hover,.login-install-link:focus-visible{background:#38bdf829;color:#bae6fd}html.zinet-login-portal-app .login-install-link{border-color:#38bdf88c;background:#38bdf824;box-shadow:0 0 0 1px #38bdf81f}