:root{--ion-color-primary: #3880ff;--ion-color-secondary: #3dc2ff;--ion-color-tertiary: #7044ff;--ion-color-success: #10dc60;--ion-color-warning: #ffce00;--ion-color-danger: #f04141;--ion-color-light: #f4f5f8;--ion-color-medium: #989aa2;--ion-color-dark: #222428}.box-center{margin-left:auto;margin-right:auto}.man{position:absolute;bottom:0;right:0;padding-top:30px;width:300px;margin:auto}.logo-puma{padding:10px;margin:0 auto;display:block;position:relative;width:350px;height:auto}ion-content.login-page::part(background){background:#236886 url(/assets/lineShape2.svg);background-size:cover;background-repeat:no-repeat;height:100vh}.login-page ion-card{text-align:center}@media screen and (max-width: 768px){.login-page .box-center{position:relative;top:50%;transform:translateY(-50%)}}@media screen and (min-width: 992px){ion-card{height:100%}.login-page .box-center{width:400px}.logo-puma{--ion-grid-column-padding-md: 400px;margin-top:20%;right:0;left:0;margin-left:auto;margin-right:auto}}@media screen and (max-width: 992px) and (min-width: 768px){.logo-puma{margin-right:auto}}.login-page ion-button{margin-top:10px;--border-radius: 0;--border-color: white;background:#989aa2;color:#fff}.login-page ion-card-title{padding-top:30px;font-size:24px;font-weight:700;text-align:center}.login-page ion-card-subtitle{font-size:16px;padding-top:px;text-align:center}.login-page ion-card-content.card-content{padding-top:5px}.custom-shape-bg{position:absolute;bottom:0;left:0;width:100%;height:200px;z-index:-1;overflow:hidden;line-height:0}.login-page ion-input.input-login{--background: none}.login-page ion-item::part(native){background:none}.public{padding-top:5px}.color-change-2x{-webkit-animation:color-change-2x 2s linear infinite alternate both;animation:color-change-2x 2s linear infinite alternate both}@-webkit-keyframes color-change-2x{0%{background:#19dcea}to{background:#b22cff}}@keyframes color-change-2x{0%{background:#19dcea}to{background:#b22cff}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseStatus{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes searchAppear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.transaction-grid{--ion-grid-padding: 8px;padding-bottom:env(safe-area-inset-bottom);margin-bottom:16px}.transaction-col{display:flex;padding:8px}.transaction-card{margin:12px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);position:relative;background:#fff;overflow:hidden;border:1px solid #e0e0e0;transition:all .3s ease;animation:fadeInUp .5s ease-out forwards;cursor:pointer}@media (max-width: 767px){.transaction-card{margin:0;width:100%;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);position:relative;background:#fff;overflow:hidden;border:1px solid #e0e0e0;transition:all .3s ease;animation:fadeInUp .5s ease-out forwards;cursor:pointer;height:100%}}@media (min-width: 768px){.transaction-col{max-width:33.333%;flex:0 0 33.333%}.info-section{flex-direction:column}.info-column{width:100%;margin-bottom:8px}}@media (min-width: 1024px){.transaction-col{max-width:20%;flex:0 0 20%}}@media (min-width: 1440px){.transaction-col{max-width:12.5%;flex:0 0 12.5%}}@media (max-width: 1024px){.transaction-card .payment-section{flex-direction:column;gap:8px}.transaction-card .total-price{width:100%;text-align:right}.transaction-card .payment-info{width:100%}}.transaction-card:nth-child(1){animation-delay:.1s}.transaction-card:nth-child(2){animation-delay:.2s}.transaction-card:nth-child(3){animation-delay:.3s}.transaction-card:nth-child(4){animation-delay:.4s}.transaction-card:nth-child(5){animation-delay:.5s}.transaction-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.transaction-card.payment-masuk{border-left:4px solid #34a853}.transaction-card.payment-masuk:hover{border-left:8px solid #34a853}.transaction-card.payment-pribadi{border-left:4px solid #4285f4}.transaction-card.payment-pribadi:hover{border-left:8px solid #4285f4}.transaction-card.payment-keluar{border-left:4px solid #ea4335}.transaction-card.payment-keluar:hover{border-left:8px solid #ea4335}.transaction-card ion-card-content{padding:16px}.transaction-card .datetime{font-size:13px;color:#5f6368;display:flex;align-items:center;gap:4px;font-family:Roboto,sans-serif}.transaction-card .datetime ion-icon{font-size:16px;margin-right:2px;animation:pulseStatus 2s infinite}.transaction-card .transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.transaction-card .transaction-id{font-size:16px;font-weight:600;color:#202124;margin:8px 0 4px;font-family:Roboto,sans-serif;position:relative;transition:color .3s ease}.transaction-card .transaction-reff{font-size:12px;color:#5f6368}.transaction-card .customer-name{font-size:12px;color:#5f6368;font-family:Roboto,sans-serif;transition:color .3s ease}.transaction-card:hover .transaction-id{color:#1a73e8}.transaction-card .info-section{display:flex;justify-content:space-between;margin:4px 0 16px;gap:20px;opacity:0;animation:slideIn .5s ease-out forwards;animation-delay:.2s}.transaction-card .info-column{flex:1}.transaction-card .info-row{display:flex;align-items:center;gap:8px;margin:8px 0;transition:transform .3s ease}.transaction-card:hover .info-row{transform:translate(4px)}.transaction-card .info-icon{color:#5f6368;font-size:18px;min-width:18px;transition:transform .3s ease}.transaction-card:hover .info-icon{transform:scale(1.1)}.transaction-card .info-content{flex:1}.transaction-card .info-label{font-size:14px;color:#5f6368;margin-bottom:2px;font-family:Roboto,sans-serif;transition:color .3s ease}.transaction-card .info-value{font-size:15px;color:#202124;font-weight:500;font-family:Roboto,sans-serif;transition:color .3s ease}.transaction-card .payment-section{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0;opacity:0;animation:slideIn .5s ease-out forwards;animation-delay:.3s}.transaction-card .payment-info{display:flex;align-items:center;gap:8px}.transaction-card .payment-type{font-size:14px;font-weight:500;color:#202124;transition:color .3s ease}.transaction-card .items-count{font-size:14px;color:#5f6368}.transaction-card .total-price{font-size:18px;font-weight:600;font-family:Roboto,sans-serif;transition:all .3s ease}.transaction-card:hover .total-price{transform:scale(1.05)}.transaction-card .status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;font-family:Roboto,sans-serif;transition:all .3s ease;animation:pulseStatus 2s infinite}.status-badge.in-progress{background-color:rgba(66,133,244,.1);color:#4285f4}.status-badge.active{background-color:rgba(52,168,83,.1);color:#34a853}.status-badge.completed{background-color:rgba(234,67,53,.1);color:#ea4335}.transaction-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,transparent 1%,white 1%) center/15000%;opacity:0;transition:all .5s ease}.transaction-card:active:after{background-size:100%;opacity:.3;transition:0s}.header-toolbar{--background: var(--app-color-primary);--border-style: none;--min-height: 56px;--color: #ffffff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.toolbar-content{display:flex;align-items:center;padding:0 16px;width:100%;height:56px;position:relative}.title-container{display:flex;align-items:center;transition:all .3s ease;width:120px;opacity:1;transform-origin:left center;position:absolute;left:16px;height:100%}.title-container.search-focused{opacity:0;transform:translate(-20px) scale(.8);pointer-events:none}.title-container ion-title{padding:0;font-size:20px;font-weight:500;white-space:nowrap;height:46px;line-height:46px}.search-container{display:flex;align-items:center;transition:all .3s ease;position:absolute;left:136px;width:calc(100% - 240px);height:46px}.search-container.search-focused{left:16px;width:calc(100% - 32px)}.search-bar{--background: rgba(255, 255, 255, .12);--color: #ffffff;--placeholder-color: #ffffff;--icon-color: #ffffff;--clear-button-color: #ffffff;padding:0;margin:0;--border-radius: 4px}.profile-button{--padding-start: 8px;--padding-end: 8px;font-size:1.3em;margin:0}.toolbar-actions{display:flex;align-items:center;position:absolute;right:16px;height:46px;transition:all .3s ease}.toolbar-actions.hidden{opacity:0;transform:translate(20px);pointer-events:none}.header-content{display:flex;align-items:center;padding:.5rem 1rem;width:100%}ion-content{--padding-bottom: calc(env(safe-area-inset-bottom) + 72px) }@media screen and (max-width: 768px){.header-toolbar{--min-height: 64px}.header-content{height:64px;padding:0 8px}.search-bar ion-searchbar{--min-height: 48px;margin:8px 0}.search-wrapper.search-focused{margin-left:40px}.back-button{padding:12px}.back-button ion-icon{font-size:28px}}.ios .header-toolbar{--min-height: 60px;padding-top:calc(env(safe-area-inset-top) + 4px)}.ios ion-content{--padding-bottom: calc(env(safe-area-inset-bottom) + 88px) }.md .header-toolbar{--min-height: 64px}.md ion-content{--padding-bottom: calc(env(safe-area-inset-bottom) + 80px) }.header-title{font-size:18px;font-weight:500;margin:0;padding:0 8px;white-space:nowrap;transition:all .3s ease;min-width:100px}.header-title.search-focused{transform:translate(-100%);opacity:0;position:absolute}.search-wrapper{display:flex;align-items:center;flex:1;margin-left:8px;transition:all .3s ease;position:relative}.search-wrapper.search-focused{margin-left:32px}.search-bar{padding:0;--background: rgba(255, 255, 255, .1);--color: var(--ion-color-dark);--placeholder-color: var(--ion-color-medium);--icon-color: var(--ion-color-medium);--clear-button-color: var(--ion-color-medium);--border-radius: 4px}.search-bar ion-searchbar{--background: #f8f9fa;--box-shadow: none;--border-radius: 8px;--placeholder-color: #9aa0a6;--icon-color: #5f6368;--color: #202124;--placeholder-font-weight: 400;--placeholder-opacity: .8;--min-height: 40px;padding:0;margin:0;transition:all .3s ease}.search-bar ion-searchbar.searchbar-has-focus{--background: #ffffff;box-shadow:0 1px 4px rgba(0,0,0,.08)}.search-bar ion-searchbar .searchbar-search-icon{margin-left:8px;width:20px;height:20px}.search-bar ion-searchbar .searchbar-input{padding-left:40px!important}.back-button{opacity:0;transform:translate(-20px);transition:all .3s ease;position:absolute;left:4px;padding:8px;z-index:2;display:flex;align-items:center;justify-content:center}.back-button.visible{opacity:1;transform:translate(0)}.back-button ion-icon{font-size:24px;color:#5f6368}.search-bar ion-searchbar.searchbar-has-focus .searchbar-input,.search-bar ion-searchbar.searchbar-has-value .searchbar-input{padding-right:40px!important}.search-container{display:flex;align-items:center;overflow:hidden;flex:1;transition:all .3s ease-in-out}.search-container.hidden{max-width:0;opacity:0}.search-container.visible{max-width:100%;opacity:1}.search-toggle{padding:8px;margin-right:4px;cursor:pointer;opacity:.7;transition:opacity .2s ease}.search-toggle:hover{opacity:1}.search-toggle ion-icon{font-size:20px;color:#5f6368}.search-container.visible .search-bar{animation:slideIn .3s ease-out forwards}.transaction-card{margin:8px;border-radius:12px;position:relative;overflow:hidden;transition:all .3s ease}.edit-button{display:none}.transaction-item{--background: transparent;--padding-start: 0;--padding-end: 0;--inner-padding-end: 0;--border-width: 0;width:100%}.transaction-item .transaction-card{width:100%;margin:0}ion-item-sliding{background:transparent;width:100%}ion-item-options{border-radius:0 10px 10px 0;overflow:hidden}ion-item-option{--padding-start: 1.5rem;--padding-end: 1.5rem;height:100%}ion-item-option ion-icon{font-size:1.4rem;margin:0}ion-item-sliding .transaction-card{margin:0;width:100%}.editable-field{position:relative;transition:all .2s ease}.editable-field:hover{background:rgba(0,0,0,.03);border-radius:4px}.editable-field.editing{background:transparent;box-shadow:none;padding:0;margin:0}.editable-field.editing ion-item::part(native){padding:0}.edit-input-item{--background: transparent;--padding-start: 0;--inner-padding-end: 0;--min-height: 32px;margin:0}.edit-input-item ion-input{--padding-start: 4px;--padding-end: 4px;--background: #ffffff;border-radius:4px;font-size:inherit;font-family:inherit;color:inherit}.edit-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08);opacity:0;transform:translateY(8px);transition:all .2s ease}.transaction-card.editing .edit-actions{opacity:1;transform:translateY(0)}.edit-save-button,.edit-cancel-button{display:flex;align-items:center;gap:4px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.edit-save-button{background:#1a73e8;color:#fff}.edit-save-button:hover{background:#1557b0}.edit-cancel-button{background:#f1f3f4;color:#5f6368}.edit-cancel-button:hover{background:#e8eaed}@media (min-width: 769px){.desktop-container{padding:20px;background-color:#f4f5f8;min-height:100%}.filters-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.entries-select{display:flex;align-items:center;gap:10px}.search-bar{max-width:300px;--background: #ffffff;--color: #000000;--placeholder-color: #666666;--icon-color: #666666;--clear-button-color: #666666;--border-radius: 8px;--box-shadow: none}.table-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow-x:auto;margin-bottom:20px}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background-color:#f8f9fa;padding:12px 15px;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}.data-table td{padding:12px 15px;border-bottom:1px solid #dee2e6;color:#666}.data-table tr:hover{background-color:#f8f9fa}.status-badge{padding:4px 8px;border-radius:4px;font-size:.85em;font-weight:500}.status-badge.active{background-color:#e8f5e9;color:#2e7d32}.status-badge.inactive{background-color:#ffebee;color:#c62828}.action-buttons{display:flex;gap:5px;justify-content:flex-start}.action-buttons ion-button{--padding-start: 8px;--padding-end: 8px}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.entries-info{color:#666}.pagination-buttons{display:flex;gap:10px}.pagination-buttons ion-button{--color: #6d65ff;--color-activated: #5a54d6}.pagination-buttons ion-button[disabled]{--color: #ccc}}.payment-masuk{--color: #2e7d32}.payment-keluar{--color: #c62828}.payment-pribadi{--color: #1976d2}.header-toolbar ion-grid{padding:0}.header-toolbar .title-col{transition:all .3s ease;min-width:120px}.header-toolbar .search-col{transition:all .3s ease}.header-toolbar ion-title{padding:0;font-size:1.2rem;transition:all .3s ease}.header-toolbar .search-bar{padding:0;--background: #f4f5f8;--border-radius: 8px;--box-shadow: none;--placeholder-opacity: .8;min-height:40px;transition:all .3s ease}@media (max-width: 767px){.header-toolbar ion-grid{padding:8px}.header-toolbar .title-col{min-width:140px}.header-toolbar .title-col.search-focused{min-width:80px}.header-toolbar .title-col.search-focused ion-title{font-size:.9rem;opacity:.7}.header-toolbar ion-title{font-size:1.2rem;padding-left:8px}.header-toolbar .search-bar{margin:0;--border-radius: 20px}.header-toolbar .search-col.search-focused{flex-grow:1}.header-toolbar .search-col.search-focused .search-bar{--background: #ffffff;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1)}}.table-container{overflow-x:auto;margin-bottom:1rem}.data-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.data-table th{background-color:#f5f5f5;font-weight:600}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.pagination-info{color:#666}.pagination-controls{display:flex;gap:.5rem}.custom-toolbar{--background: var(--app-color-primary);--color: white}.profile-icon{font-size:24px;color:#fff}:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: env(safe-area-inset-top);--ion-safe-area-bottom: env(safe-area-inset-bottom);--ion-safe-area-left: env(safe-area-inset-left);--ion-safe-area-right: env(safe-area-inset-right)}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}audio,canvas,progress,video{vertical-align:baseline}audio:not([controls]){display:none;height:0}b,strong{font-weight:700}img{max-width:100%}hr{height:1px;border-width:0;box-sizing:content-box}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}label,input,select,textarea{font-family:inherit;line-height:normal}textarea{overflow:auto;height:auto;font:inherit;color:inherit}textarea::placeholder{padding-left:2px}form,input,optgroup,select{margin:0;font:inherit;color:inherit}html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}a,a div,a span,a ion-icon,a ion-label,button,button div,button span,button ion-icon,button ion-label,.ion-tappable,[tappable],[tappable] div,[tappable] span,[tappable] ion-icon,[tappable] ion-label,input,textarea{touch-action:manipulation}a ion-label,button ion-label{pointer-events:none}button{padding:0;border:0;border-radius:0;font-family:inherit;font-style:inherit;font-variant:inherit;line-height:1;text-transform:none;cursor:pointer;-webkit-appearance:button}[tappable]{cursor:pointer}a[disabled],button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}html:not(.hydrated) body{display:none}html.ion-ce body{display:block}html.plt-pwa{height:100vh}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;padding:0;position:fixed;width:100%;max-width:100%;height:100%;max-height:100%;transform:translateZ(0);text-rendering:optimizeLegibility;overflow:hidden;touch-action:manipulation;-webkit-user-drag:none;-ms-content-zooming:none;word-wrap:break-word;overscroll-behavior-y:none;-webkit-text-size-adjust:none;text-size-adjust:none}html{font-family:var(--ion-font-family)}@supports (-webkit-touch-callout: none){html{font:var(--ion-dynamic-font, 16px var(--ion-font-family))}}a{background-color:transparent;color:var(--ion-color-primary, #0054e9)}h1,h2,h3,h4,h5,h6{margin-top:16px;margin-bottom:10px;font-weight:500;line-height:1.2}h1{margin-top:20px;font-size:1.625rem}h2{margin-top:18px;font-size:1.5rem}h3{font-size:1.375rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}small{font-size:75%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.ion-no-padding{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0;padding:0}.ion-padding{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-top{--padding-top: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px)}.ion-padding-start{--padding-start: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px)}.ion-padding-end{--padding-end: var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-padding-bottom{--padding-bottom: var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-vertical{--padding-top: var(--ion-padding, 16px);--padding-bottom: var(--ion-padding, 16px);padding-top:var(--ion-padding, 16px);padding-bottom:var(--ion-padding, 16px)}.ion-padding-horizontal{--padding-start: var(--ion-padding, 16px);--padding-end: var(--ion-padding, 16px);-webkit-padding-start:var(--ion-padding, 16px);padding-inline-start:var(--ion-padding, 16px);-webkit-padding-end:var(--ion-padding, 16px);padding-inline-end:var(--ion-padding, 16px)}.ion-no-margin{--margin-start: 0;--margin-end: 0;--margin-top: 0;--margin-bottom: 0;margin:0}.ion-margin{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-top{--margin-top: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px)}.ion-margin-start{--margin-start: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px)}.ion-margin-end{--margin-end: var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-margin-bottom{--margin-bottom: var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-vertical{--margin-top: var(--ion-margin, 16px);--margin-bottom: var(--ion-margin, 16px);margin-top:var(--ion-margin, 16px);margin-bottom:var(--ion-margin, 16px)}.ion-margin-horizontal{--margin-start: var(--ion-margin, 16px);--margin-end: var(--ion-margin, 16px);-webkit-margin-start:var(--ion-margin, 16px);margin-inline-start:var(--ion-margin, 16px);-webkit-margin-end:var(--ion-margin, 16px);margin-inline-end:var(--ion-margin, 16px)}.ion-float-left{float:left!important}.ion-float-right{float:right!important}.ion-float-start{float:left!important}:host-context([dir=rtl]) .ion-float-start{float:right!important}[dir=rtl] .ion-float-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-start:dir(rtl){float:right!important}}.ion-float-end{float:right!important}:host-context([dir=rtl]) .ion-float-end{float:left!important}[dir=rtl] .ion-float-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-end:dir(rtl){float:left!important}}@media (min-width: 576px){.ion-float-sm-left{float:left!important}.ion-float-sm-right{float:right!important}.ion-float-sm-start{float:left!important}:host-context([dir=rtl]) .ion-float-sm-start{float:right!important}[dir=rtl] .ion-float-sm-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-sm-start:dir(rtl){float:right!important}}.ion-float-sm-end{float:right!important}:host-context([dir=rtl]) .ion-float-sm-end{float:left!important}[dir=rtl] .ion-float-sm-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-sm-end:dir(rtl){float:left!important}}}@media (min-width: 768px){.ion-float-md-left{float:left!important}.ion-float-md-right{float:right!important}.ion-float-md-start{float:left!important}:host-context([dir=rtl]) .ion-float-md-start{float:right!important}[dir=rtl] .ion-float-md-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-md-start:dir(rtl){float:right!important}}.ion-float-md-end{float:right!important}:host-context([dir=rtl]) .ion-float-md-end{float:left!important}[dir=rtl] .ion-float-md-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-md-end:dir(rtl){float:left!important}}}@media (min-width: 992px){.ion-float-lg-left{float:left!important}.ion-float-lg-right{float:right!important}.ion-float-lg-start{float:left!important}:host-context([dir=rtl]) .ion-float-lg-start{float:right!important}[dir=rtl] .ion-float-lg-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-lg-start:dir(rtl){float:right!important}}.ion-float-lg-end{float:right!important}:host-context([dir=rtl]) .ion-float-lg-end{float:left!important}[dir=rtl] .ion-float-lg-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-lg-end:dir(rtl){float:left!important}}}@media (min-width: 1200px){.ion-float-xl-left{float:left!important}.ion-float-xl-right{float:right!important}.ion-float-xl-start{float:left!important}:host-context([dir=rtl]) .ion-float-xl-start{float:right!important}[dir=rtl] .ion-float-xl-start{float:right!important}@supports selector(:dir(rtl)){.ion-float-xl-start:dir(rtl){float:right!important}}.ion-float-xl-end{float:right!important}:host-context([dir=rtl]) .ion-float-xl-end{float:left!important}[dir=rtl] .ion-float-xl-end{float:left!important}@supports selector(:dir(rtl)){.ion-float-xl-end:dir(rtl){float:left!important}}}.ion-text-center{text-align:center!important}.ion-text-justify{text-align:justify!important}.ion-text-start{text-align:start!important}.ion-text-end{text-align:end!important}.ion-text-left{text-align:left!important}.ion-text-right{text-align:right!important}.ion-text-nowrap{white-space:nowrap!important}.ion-text-wrap{white-space:normal!important}@media (min-width: 576px){.ion-text-sm-center{text-align:center!important}.ion-text-sm-justify{text-align:justify!important}.ion-text-sm-start{text-align:start!important}.ion-text-sm-end{text-align:end!important}.ion-text-sm-left{text-align:left!important}.ion-text-sm-right{text-align:right!important}.ion-text-sm-nowrap{white-space:nowrap!important}.ion-text-sm-wrap{white-space:normal!important}}@media (min-width: 768px){.ion-text-md-center{text-align:center!important}.ion-text-md-justify{text-align:justify!important}.ion-text-md-start{text-align:start!important}.ion-text-md-end{text-align:end!important}.ion-text-md-left{text-align:left!important}.ion-text-md-right{text-align:right!important}.ion-text-md-nowrap{white-space:nowrap!important}.ion-text-md-wrap{white-space:normal!important}}@media (min-width: 992px){.ion-text-lg-center{text-align:center!important}.ion-text-lg-justify{text-align:justify!important}.ion-text-lg-start{text-align:start!important}.ion-text-lg-end{text-align:end!important}.ion-text-lg-left{text-align:left!important}.ion-text-lg-right{text-align:right!important}.ion-text-lg-nowrap{white-space:nowrap!important}.ion-text-lg-wrap{white-space:normal!important}}@media (min-width: 1200px){.ion-text-xl-center{text-align:center!important}.ion-text-xl-justify{text-align:justify!important}.ion-text-xl-start{text-align:start!important}.ion-text-xl-end{text-align:end!important}.ion-text-xl-left{text-align:left!important}.ion-text-xl-right{text-align:right!important}.ion-text-xl-nowrap{white-space:nowrap!important}.ion-text-xl-wrap{white-space:normal!important}}.ion-text-uppercase{text-transform:uppercase!important}.ion-text-lowercase{text-transform:lowercase!important}.ion-text-capitalize{text-transform:capitalize!important}@media (min-width: 576px){.ion-text-sm-uppercase{text-transform:uppercase!important}.ion-text-sm-lowercase{text-transform:lowercase!important}.ion-text-sm-capitalize{text-transform:capitalize!important}}@media (min-width: 768px){.ion-text-md-uppercase{text-transform:uppercase!important}.ion-text-md-lowercase{text-transform:lowercase!important}.ion-text-md-capitalize{text-transform:capitalize!important}}@media (min-width: 992px){.ion-text-lg-uppercase{text-transform:uppercase!important}.ion-text-lg-lowercase{text-transform:lowercase!important}.ion-text-lg-capitalize{text-transform:capitalize!important}}@media (min-width: 1200px){.ion-text-xl-uppercase{text-transform:uppercase!important}.ion-text-xl-lowercase{text-transform:lowercase!important}.ion-text-xl-capitalize{text-transform:capitalize!important}}.ion-align-self-start{align-self:flex-start!important}.ion-align-self-end{align-self:flex-end!important}.ion-align-self-center{align-self:center!important}.ion-align-self-stretch{align-self:stretch!important}.ion-align-self-baseline{align-self:baseline!important}.ion-align-self-auto{align-self:auto!important}.ion-wrap{flex-wrap:wrap!important}.ion-nowrap{flex-wrap:nowrap!important}.ion-wrap-reverse{flex-wrap:wrap-reverse!important}.ion-justify-content-start{justify-content:flex-start!important}.ion-justify-content-center{justify-content:center!important}.ion-justify-content-end{justify-content:flex-end!important}.ion-justify-content-around{justify-content:space-around!important}.ion-justify-content-between{justify-content:space-between!important}.ion-justify-content-evenly{justify-content:space-evenly!important}.ion-align-items-start{align-items:flex-start!important}.ion-align-items-center{align-items:center!important}.ion-align-items-end{align-items:flex-end!important}.ion-align-items-stretch{align-items:stretch!important}.ion-align-items-baseline{align-items:baseline!important}.ion-hide,.ion-hide-up,.ion-hide-down{display:none!important}@media (min-width: 576px){.ion-hide-sm-up{display:none!important}}@media (max-width: 575.98px){.ion-hide-sm-down{display:none!important}}@media (min-width: 768px){.ion-hide-md-up{display:none!important}}@media (max-width: 767.98px){.ion-hide-md-down{display:none!important}}@media (min-width: 992px){.ion-hide-lg-up{display:none!important}}@media (max-width: 991.98px){.ion-hide-lg-down{display:none!important}}@media (min-width: 1200px){.ion-hide-xl-up{display:none!important}}@media (max-width: 1199.98px){.ion-hide-xl-down{display:none!important}}@media (prefers-contrast: more){:root{--ion-background-color: #ffffff;--ion-background-color-rgb: 255, 255, 255;--ion-text-color: #000000;--ion-text-color-rgb: 0, 0, 0;--ion-placeholder-opacity: .8;--ion-item-border-color: #7a7a7a;--ion-text-color-step-50: #070707;--ion-text-color-step-100: #0e0e0e;--ion-text-color-step-150: #141414;--ion-text-color-step-200: #1b1b1b;--ion-text-color-step-250: #222222;--ion-text-color-step-300: #292929;--ion-text-color-step-350: #303030;--ion-text-color-step-400: #363636;--ion-text-color-step-450: #3d3d3d;--ion-text-color-step-500: #444444;--ion-text-color-step-550: #4b4b4b;--ion-text-color-step-600: #525252;--ion-text-color-step-650: #585858;--ion-text-color-step-700: #5f5f5f;--ion-text-color-step-750: #666666;--ion-text-color-step-800: #6d6d6d;--ion-text-color-step-850: #747474;--ion-text-color-step-900: #7a7a7a;--ion-text-color-step-950: #818181;--ion-color-primary: #003fae;--ion-color-primary-rgb: 0, 63, 174;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #003799;--ion-color-primary-tint: #1a52b6;--ion-color-secondary: #01487b;--ion-color-secondary-rgb: 1, 72, 123;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #013f6c;--ion-color-secondary-tint: #1a5a88;--ion-color-tertiary: #3400e6;--ion-color-tertiary-rgb: 52, 0, 230;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #2e00ca;--ion-color-tertiary-tint: #481ae9;--ion-color-success: #004314;--ion-color-success-rgb: 0, 67, 20;--ion-color-success-contrast: #fff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #003b12;--ion-color-success-tint: #1a562c;--ion-color-warning: #5f4100;--ion-color-warning-rgb: 95, 65, 0;--ion-color-warning-contrast: #fff;--ion-color-warning-contrast-rgb: 255, 255, 255;--ion-color-warning-shade: #543900;--ion-color-warning-tint: #6f541a;--ion-color-danger: #9c000c;--ion-color-danger-rgb: 156, 0, 12;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #89000b;--ion-color-danger-tint: #a61a24;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #444446;--ion-color-medium-rgb: 68, 68, 70;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #3c3c3e;--ion-color-medium-tint: #575759;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}:root.md ion-toast{--color: var(--ion-background-color)}:root.md ion-toast::part(button){color:var(--color)}@supports (color: color-mix(in lch,plum,pink)){:root.md ion-toast::part(button){color:color-mix(in srgb,var(--color) 70%,var(--button-color))}}:root.md ion-toast::part(button cancel){color:var(--color)}}:root{--ion-color-primary: #3880ff;--ion-color-primary-rgb: 56, 128, 255;--ion-color-primary-contrast: #ffffff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #3171e0;--ion-color-primary-tint: #4c8dff;--ion-color-secondary: #3dc2ff;--ion-color-secondary-rgb: 61, 194, 255;--ion-color-secondary-contrast: #ffffff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #36abe0;--ion-color-secondary-tint: #50c8ff;--ion-color-tertiary: #5260ff;--ion-color-tertiary-rgb: 82, 96, 255;--ion-color-tertiary-contrast: #ffffff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #4854e0;--ion-color-tertiary-tint: #6370ff;--ion-color-success: #2dd36f;--ion-color-success-rgb: 45, 211, 111;--ion-color-success-contrast: #ffffff;--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: #28ba62;--ion-color-success-tint: #42d77d;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #eb445a;--ion-color-danger-rgb: 235, 68, 90;--ion-color-danger-contrast: #ffffff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #cf3c4f;--ion-color-danger-tint: #ed576b;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #ffffff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e;--ion-color-medium: #92949c;--ion-color-medium-rgb: 146, 148, 156;--ion-color-medium-contrast: #ffffff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #808289;--ion-color-medium-tint: #9d9fa6;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--app-color-primary: #0054e9;--app-color-secondary: #5856D6;--app-color-success: #34C759;--app-color-warning: #FF9500;--app-color-danger: #FF3B30;--app-color-dark: #1C1C1E;--app-color-medium: #8E8E93;--app-color-light: #F2F2F7;--app-color-background: #FFFFFF;--app-color-text-primary: #000000;--app-color-text-secondary: #6C6C6C;--app-color-border: #E5E5EA;--app-spacing-xs: 4px;--app-spacing-sm: 8px;--app-spacing-md: 16px;--app-spacing-lg: 24px;--app-spacing-xl: 32px;--app-font-size-xs: 12px;--app-font-size-sm: 14px;--app-font-size-md: 16px;--app-font-size-lg: 18px;--app-font-size-xl: 20px;--app-font-size-xxl: 24px;--app-border-radius-sm: 4px;--app-border-radius-md: 8px;--app-border-radius-lg: 16px;--app-border-radius-xl: 24px;--app-box-shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--app-box-shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--app-box-shadow-lg: 0 8px 16px rgba(0, 0, 0, .1)}.text-primary{color:var(--app-color-text-primary)}.text-secondary{color:var(--app-color-text-secondary)}.bg-primary{background-color:var(--app-color-primary)}.bg-light{background-color:var(--app-color-light)}.m-xs{margin:var(--app-spacing-xs)}.m-sm{margin:var(--app-spacing-sm)}.m-md{margin:var(--app-spacing-md)}.m-lg{margin:var(--app-spacing-lg)}.m-xl{margin:var(--app-spacing-xl)}.p-xs{padding:var(--app-spacing-xs)}.p-sm{padding:var(--app-spacing-sm)}.p-md{padding:var(--app-spacing-md)}.p-lg{padding:var(--app-spacing-lg)}.p-xl{padding:var(--app-spacing-xl)}.text-xs{font-size:var(--app-font-size-xs)}.text-sm{font-size:var(--app-font-size-sm)}.text-md{font-size:var(--app-font-size-md)}.text-lg{font-size:var(--app-font-size-lg)}.text-xl{font-size:var(--app-font-size-xl)}.text-xxl{font-size:var(--app-font-size-xxl)}.rounded-sm{border-radius:var(--app-border-radius-sm)}.rounded-md{border-radius:var(--app-border-radius-md)}.rounded-lg{border-radius:var(--app-border-radius-lg)}.rounded-xl{border-radius:var(--app-border-radius-xl)}.shadow-sm{box-shadow:var(--app-box-shadow-sm)}.shadow-md{box-shadow:var(--app-box-shadow-md)}.shadow-lg{box-shadow:var(--app-box-shadow-lg)}.app-card{background:var(--app-color-background);border-radius:var(--app-border-radius-md);box-shadow:var(--app-box-shadow-sm);padding:var(--app-spacing-md);margin:var(--app-spacing-sm) 0}.app-button{border-radius:var(--app-border-radius-md);padding:var(--app-spacing-sm) var(--app-spacing-md);font-size:var(--app-font-size-md);font-weight:500}.app-input{border:1px solid var(--app-color-border);border-radius:var(--app-border-radius-sm);padding:var(--app-spacing-sm);font-size:var(--app-font-size-md)}.status-active{color:var(--app-color-success)}.status-inactive{color:var(--app-color-medium)}.status-warning{color:var(--app-color-warning)}.status-error{color:var(--app-color-danger)}:root{--ion-background-color: #f2efe5;--ion-tab-bar-color: white;--ion-tab-bar-color-selected: var(--ion-color-primary);--ion-tab-bar-color: rgb(59, 59, 59)}ion-tab-bar{--background: white;box-shadow:0 1px 13px rgba(0,0,0,.2);border-radius:50px!important;height:50px;width:90%;padding-top:5px;padding-bottom:5px;bottom:20px;position:relative;margin:0 auto!important;border-top:none}ion-tab-button{border-radius:16px!important}ion-tab-button ion-icon{font-size:1.75rem}ion-tab-button.add-button{border-radius:50%!important;width:60px!important;height:60px!important;font-size:24px!important;padding:0!important;background:#050a74!important;color:#fff!important}ion-tab-button.add-button ion-icon{font-size:36px!important}ion-tab-button.add-button>a:hover{color:#fff!important}.home-page{--background: #f5f7fa}.custom-card{margin:12px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);background:#fff}.custom-card ion-card-content{padding:16px}ion-list{background:#fff!important;padding:0}ion-item{--background: white;--border-color: #eee;--padding-start: 0;--inner-padding-end: 0;--highlight-color: #6d65ff;margin-bottom:20px;--min-height: 48px}ion-input,ion-select{--padding-start: 16px !important;--padding-end: 16px !important;--padding-top: 16px !important;--padding-bottom: 8px !important;--background: white;--color: #333;--placeholder-color: #666;margin:0}ion-label{color:#666!important;transition:all .2s ease!important}.ion-focused ion-label,.item-has-value ion-label{transform:translateY(-12px) scale(.85)!important;color:#6d65ff!important}.error-message{color:#eb445a;font-size:12px;margin:4px 0;padding-left:16px}.submit-button{margin:16px 0 0;--background: #6d65ff;--border-radius: 8px;--box-shadow: none;height:48px;font-size:16px}.submit-button:hover{--background: #5a53d7}ion-toast{--border-radius: 8px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .1)}ion-toast.success{--background: #2dd36f;--color: white}ion-toast.error{--background: #eb445a;--color: white}.saldo-home{--background: var(--app-color-primary);--color: white}.saldo-home ion-title{font-size:16px;font-weight:500}.saldo-home ion-card{position:absolute;min-width:100px;left:0;right:0;margin:0 15px;bottom:-50%;text-align:center;background:#fff}.saldo-home .title{position:relative;color:#fff;font-weight:700;padding-top:20px}.container{position:relative;height:100px}.saldo-home{background-color:var(--app-color-primary)}.analisis-home{margin-top:50px;padding-left:5px;padding-right:5px}.analisis-home ion-col{padding:0!important}.analisis-home ion-col.text-title{margin-left:15px;top:-20px}.analisis-home ion-card{background:#fff}.analisis-home ion-col.data{top:-30px}.custom-card{background:#fff;border-radius:10px;margin:0 15px;padding:10px 15px}.home-page{--background: #dcf0ff}.analisis-home .graph{min-height:150px;margin-top:0}.graph{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:16px}.graph ion-card-content{padding:16px}.chart-container{background:#fff;padding:16px;border-radius:8px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-header h2{margin:0;color:#333;font-size:1.2rem;font-weight:600}.chart-legend{display:flex;gap:20px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:12px;height:12px;border-radius:3px}.legend-color.income{background-color:#4bc0c0}.legend-color.expense{background-color:#ff6384}.legend-label{color:#666;font-size:.9rem}.trend-stats{display:flex;justify-content:space-around;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.trend-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background:#f8f9fa}.trend-item ion-icon{font-size:24px;padding:8px;border-radius:50%}.trend-up ion-icon{color:#2e7d32;background:rgba(46,125,50,.1)}.trend-down ion-icon{color:#c62828;background:rgba(198,40,40,.1)}.trend-text{display:flex;flex-direction:column}.trend-text span{color:#666;font-size:.9rem}.trend-text strong{color:#333;font-size:1.1rem;margin:4px 0}.trend-text small{color:#888;font-size:.8rem}.analisis-home .data.history{height:200px}.analisis-home .history-collect{margin-top:-10px}.section-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;margin-bottom:8px}.section-header h1{margin:0;font-size:1.2rem;font-weight:600}.section-header ion-button{--color: rgb(0, 84, 233);font-size:.9rem;margin:0}.transaction-card{margin:8px 16px;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s,box-shadow .2s}.transaction-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.transaction-card ion-card-content{padding:12px}.transaction-card-content{display:flex;justify-content:space-between;align-items:center}.transaction-main-info{flex:1}.transaction-amount{font-size:1.1rem;font-weight:600;display:block;margin-bottom:4px}.transaction-description{color:#666;font-size:.9rem}.transaction-secondary-info{display:flex;align-items:center;gap:12px}.transaction-date{color:#888;font-size:.85rem}.recent-transactions{background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:16px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{margin:0;color:#333;font-size:1.2rem;font-weight:600}.section-header ion-button{--color: rgb(0, 84, 233);font-size:.9rem}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.transaction-item:last-child{border-bottom:none}.transaction-item:hover{background-color:#f8f9fa}.transaction-info{flex:1}.transaction-date{font-size:.9rem;color:#666;margin-bottom:4px}.transaction-description{color:#333;font-weight:500}.transaction-amount{display:flex;align-items:center;gap:8px}.amount-chip{margin:0;font-weight:500}.detail-icon{color:#999;font-size:1.2rem}.mobile-singkatan{font-size:.8rem;color:#666}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;text-transform:capitalize;color:var(--ion-color-light)}.status-badge.active{background-color:var(--ion-color-success-tint)}.status-badge.inactive{background-color:var(--ion-color-tertiary);color:var(--ion-color-light)}.mobile-title{font-size:1.1rem;font-weight:600;margin:0 0 .25rem;color:var(--ion-color-dark)}.mobile-description{font-size:.9rem;color:var(--ion-color-medium);margin:0}.mobile-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.mobile-fab{position:fixed;bottom:2rem;right:2rem;--padding-start: 1.5rem;--padding-end: 1.5rem;--border-radius: 50%;z-index:1000}.table-container{overflow-x:auto;margin-bottom:1.5rem}.data-table{width:100%;border-collapse:collapse;margin-bottom:1rem;background-color:#fff}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.data-table th{background-color:#f8f9fa;font-weight:600;color:var(--ion-color-medium)}.data-table tbody tr:hover{background-color:#f8f9fa}.staff-name-cell{display:flex;align-items:center;gap:12px}.table-avatar{width:32px;height:32px}.table-actions{display:flex;gap:8px}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #eee}.pagination-info{color:var(--ion-color-medium)}.pagination-controls{display:flex;align-items:center;gap:1rem}.page-number{color:var(--ion-color-medium)}.staff-avatar{width:48px;height:48px}.staff-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.staff-info{flex:1}.staff-details{margin-top:-.5rem}.staff-details ion-item{--padding-start: 0;--inner-padding-end: 0;--min-height: 24px;--background: transparent}.staff-details ion-icon{color:var(--ion-color-medium);margin-right:.25rem;font-size:.9rem;min-width:16px}.staff-details ion-label{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem}.compact-item{--min-height: 20px !important;margin-bottom:2px}.compact-item ion-icon{margin-right:.2rem;font-size:.85rem}@media (max-width: 768px){.staff-grid{padding:1rem}.header-row{margin-bottom:1rem}}@media (min-width: 768px){.staff-grid{padding:1rem}.header-row{margin-bottom:1rem}}.profile-content{--background: var(--ion-background-color)}.profile-card{margin:1rem;border-radius:20px;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden}.profile-info{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:#fff}.profile-avatar{width:100px;height:100px;margin-bottom:1.5rem;border:3px solid var(--ion-color-primary);padding:3px}.profile-avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover}.profile-info h2{margin:.5rem 0;font-size:1.5rem;font-weight:600;color:var(--ion-color-dark)}.profile-info p{margin:0;color:var(--ion-color-medium);font-size:.95rem}.achievement-badges{display:flex;gap:1.2rem;margin-top:2rem}.badge{width:52px;height:52px;border-radius:50%;background:var(--ion-color-light);display:flex;align-items:center;justify-content:center;padding:12px;transition:transform .2s ease}.badge:hover{transform:scale(1.05)}.badge img{width:100%;height:100%;object-fit:contain}.settings-section{padding:0 1rem;margin-top:1.5rem}.settings-section h3{margin:0 0 .8rem .5rem;color:var(--ion-color-medium);font-size:.875rem;font-weight:600;letter-spacing:.5px}.settings-section ion-card{border-radius:16px;margin:0;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08)}.settings-icon{color:var(--ion-color-primary);margin-right:1rem;font-size:1.4rem}ion-item{--padding-start: 1rem;--inner-padding-end: 1rem;--background: transparent;--border-color: var(--ion-color-light)}ion-item:last-child{--border-color: transparent}ion-item div{flex:1}ion-item ion-label{font-weight:500;font-size:1rem;color:var(--ion-color-dark)}ion-item p{margin:4px 0 0;font-size:.875rem;color:var(--ion-color-medium)}.custom-password-modal{--background: var(--app-color-primary);color:var(--ion-color-light)}.custom-password-modal ion-icon{color:var(--ion-color-light)}.custom-password-modal ion-button{--color: var(--ion-color-light)}.add-staff-page{--background: #f5f7fa}.add-staff-page .custom-card{margin:12px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);background:#fff}.add-staff-page .custom-card ion-card-content{padding:16px}.add-staff-page ion-list{background:transparent!important;padding:0}.add-staff-page ion-item{--background: transparent;--border-color: #eee;--padding-start: 0;--inner-padding-end: 0;--highlight-color: #6d65ff;margin-bottom:16px;--min-height: 56px;--border-width: 0 0 1px 0;--border-style: solid}.add-staff-page ion-item::part(native){padding:0}.add-staff-page ion-input,.add-staff-page ion-select{--padding-start: 40px !important;--padding-end: 16px !important;--padding-top: 16px !important;--padding-bottom: 8px !important;--background: transparent;--color: #333;--placeholder-color: #666;margin:0}.add-staff-page ion-input.ion-pristine::part(label),.add-staff-page ion-select.ion-pristine::part(label){color:#666;font-size:16px;margin-bottom:10px;transition:all .2s ease}.add-staff-page ion-input.has-focus::part(label),.add-staff-page ion-select.has-focus::part(label),.add-staff-page ion-input.has-value::part(label),.add-staff-page ion-select.has-value::part(label){color:#6d65ff!important;transform:translateY(-8px) scale(.85)!important}.add-staff-page ion-icon[slot=start]{color:#6d65ff;margin-right:12px;font-size:20px;min-width:24px}.add-staff-page .form-section-title{color:#333;font-size:18px;font-weight:600;margin:24px 16px 16px}.add-staff-page .status-badge{padding:4px 8px;border-radius:4px;font-size:14px;font-weight:500}.add-staff-page .status-badge.status-active{background-color:#e8f5e9;color:#2e7d32}.add-staff-page .status-badge.status-inactive{background-color:#ffebee;color:#c62828}.add-staff-page .submit-button{margin:24px 16px;--background: #6d65ff;--border-radius: 8px;--box-shadow: none;height:48px;font-size:16px;font-weight:500}.add-staff-page .submit-button:hover{--background: #5a53d7}.add-staff-page .profile-image-container{display:flex;justify-content:center;padding:40px 0;background:linear-gradient(135deg,var(--ion-color-primary),#5b9aff);margin-bottom:24px;position:relative;overflow:hidden}.add-staff-page .profile-image-container:after{content:"";position:absolute;bottom:-10px;left:0;right:0;height:20px;background:#fff;border-radius:50% 50% 0 0}.add-staff-page .profile-image{position:relative;width:130px;height:130px;border-radius:50%;overflow:hidden;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 6px 16px rgba(0,0,0,.15);border:4px solid #ffffff;transition:transform .3s ease}.add-staff-page .profile-image:active{transform:scale(.95)}.add-staff-page .placeholder-image{font-size:130px;color:#e0e0e0}.add-staff-page .camera-button{position:absolute;bottom:5px;right:5px;--padding-start: 8px;--padding-end: 8px;--padding-top: 8px;--padding-bottom: 8px;margin:0;--background: var(--ion-color-primary);--border-radius: 50%;width:36px;height:36px}.add-staff-page .camera-button ion-icon{font-size:18px;color:#fff}.add-staff-page .form-container{padding:0;width:100%}.add-staff-page ion-list{background:transparent;padding:0;margin:0;width:100%}.add-staff-page ion-item{--padding-start: 0;--inner-padding-end: 0;--background: transparent;margin-bottom:var(--item-spacing);--border-color: transparent;--highlight-height: 0;padding:0;width:100%}.add-staff-page ion-item::part(native){padding:0 16px;width:100%}.add-staff-page .ion-padding-vertical{width:100%;padding:16px}.add-staff-page ion-label{font-weight:500;margin-bottom:8px;color:var(--ion-color-medium);font-size:.95rem;letter-spacing:.3px;padding:0;width:100%}.add-staff-page ion-text[color=danger]{font-size:14px;margin-left:4px}.add-staff-page ion-input,.add-staff-page ion-select{--background: #ffffff;--color: #333333;--placeholder-color: #666666;--padding-start: 16px;--padding-end: 16px;border-radius:8px;margin:8px 0;box-shadow:0 2px 4px rgba(0,0,0,.05)}.add-staff-page ion-input ion-icon[slot=start],.add-staff-page ion-select ion-icon[slot=start]{margin-right:12px;color:var(--ion-color-medium);font-size:1.2rem}.add-staff-page ion-input,.add-staff-page ion-select{--padding-start: 40px;background:#fff}.add-staff-page ion-item{--background: transparent;--border-color: transparent;--padding-start: 0;--inner-padding-end: 0;--highlight-color-focused: var(--ion-color-primary)}.add-staff-page ion-input,.add-staff-page ion-select{--background: #ffffff;--padding-start: 12px;--padding-end: 12px;--placeholder-opacity: .6;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.add-staff-page ion-select::part(placeholder),.add-staff-page ion-input::part(placeholder){color:#666;opacity:.7}.add-staff-page ion-icon[slot=start]{color:var(--ion-color-primary);margin-right:8px}.add-staff-page ion-input.has-focus,.add-staff-page ion-select.has-focus{--background: #e8eaf6;box-shadow:0 0 0 1px var(--ion-color-primary)}.add-staff-page ion-select::part(placeholder),.add-staff-page ion-select::part(text){color:var(--ion-color-dark)}.add-staff-page .form-section{margin:0;width:100%}.add-staff-page .form-section-title{font-size:1.1rem;font-weight:600;color:var(--ion-color-dark);margin:16px;padding:0}.add-staff-page .form-section-title .label-floating div.label-text-wrapper{margin-bottom:8px!important}.add-staff-page .submit-button{margin:24px 16px;width:calc(100% - 32px)}.add-staff-page ion-button{--border-radius: 12px;--box-shadow: 0 4px 12px rgba(56, 128, 255, .2);text-transform:none;font-weight:600;font-size:1.1rem;letter-spacing:.4px;height:52px;margin:0;width:100%}.add-staff-page ion-button:hover{--box-shadow: 0 6px 16px rgba(56, 128, 255, .3)}.add-staff-page ion-spinner{width:24px;height:24px;margin-right:8px}.add-staff-page .status-badge{display:inline-block;border-radius:20px;padding:6px 16px;font-size:.9rem;font-weight:500;text-transform:capitalize}.add-staff-page .status-active{background-color:#e6f4ea;color:#1e8e3e}.add-staff-page .status-inactive{background-color:#fce8e6;color:#d93025}.add-staff-page ion-toast{--border-radius: 12px;--box-shadow: 0 4px 16px rgba(0, 0, 0, .12);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.add-staff-page .animate-in{animation:fadeIn .4s ease-out forwards}@media (max-width: 360px){.add-staff-page{--page-margin: 12px;--item-spacing: 16px;--input-padding: 12px}.add-staff-page ion-input,.add-staff-page ion-select{--padding-top: 12px;--padding-bottom: 12px;font-size:.95rem}.add-staff-page .profile-image{width:110px;height:110px}.add-staff-page .placeholder-image{font-size:110px}}.page-container{max-width:100%;margin:0 auto}.mobile-container{padding:16px}ion-toolbar{--background: var(--app-color-primary);--color: white}ion-content{--background: #f4f5f8}.mobile-search{margin-bottom:20px;--background: #ffffff;--border-radius: 8px;--box-shadow: none;--placeholder-color: #666}.mobile-card{margin-bottom:1rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);background:#fff}.mobile-title{font-size:1.1rem;font-weight:600}.mobile-description{font-size:.9rem}.mobile-footer{margin-top:1rem;display:flex;align-items:center}.mobile-actions{display:flex;justify-content:flex-end;gap:.5rem}.desktop-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:24px;margin:16px}.desktop-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.entries-control{display:flex;align-items:center;gap:.5rem}.desktop-search{max-width:300px}.filters-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.entries-select{min-width:200px}.search-bar{max-width:300px}.table-container{overflow-x:auto;margin-bottom:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--ion-color-light)}.data-table th{background-color:var(--ion-color-light);font-weight:600}.action-buttons{display:flex;gap:.5rem}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.pagination-buttons{display:flex;align-items:center;gap:1rem}.page-info{color:var(--ion-color-medium)}.floating-button{position:fixed;bottom:1rem;right:1rem;--border-radius: 50%;--padding-start: 0;--padding-end: 0;width:56px;height:56px}ion-modal ion-toolbar{--background: white;--color: #333}ion-modal ion-content{--background: white}@media (max-width: 768px){.page-container{padding:0}.filters-container{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.entries-select{width:100%}.pagination-container{flex-direction:column;align-items:center;text-align:center}}.create-button{--padding-start: 16px;--padding-end: 16px}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;text-transform:capitalize;color:var(--app-color-light)}.status-badge.masuk{background-color:var(--ion-color-success-tint)}.status-badge.keluar{background-color:var(--ion-color-danger-tint)}.status-badge.pribadi{background-color:var(--app-color-primary)}.custom-input div.label-text-wrapper{margin-bottom:8px!important}