.sidebar{width:250px;height:100vh;max-height:100vh;background:var(--color-background-white);border-right:1px solid var(--color-gray-200);padding:0;position:fixed;left:0;top:0;overflow:hidden;border-radius:0 10px 10px 0;z-index:1100;transition:transform .3s ease-in-out;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.sidebar-header{flex-shrink:0;padding:1.5rem 1rem;background:var(--color-background-white);border-bottom:1px solid var(--color-gray-200)}.sidebar-menu-container{flex:1;padding:1rem;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.sidebar-backdrop{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1099;display:none}.app-logo-section{margin-bottom:.5rem;display:flex;justify-content:center;align-items:center}.app-logo{max-width:100%;width:180px;height:auto;-o-object-fit:contain;object-fit:contain}.sidebar-logo{display:flex;flex-direction:column;gap:.75rem;margin-bottom:0;padding-bottom:0}.company-dropdown{width:100%;position:relative}.company-dropdown-button{width:100%;display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--color-background-white);border:1px solid var(--color-gray-300);border-radius:10px;color:var(--color-gray-900);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s ease-in-out}.company-dropdown-button:hover{border-color:var(--color-primary)}.company-dropdown-button:focus{outline:none;border-color:var(--color-primary)}.company-logo-small{width:24px;height:24px;background:var(--color-gray-900);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem;flex-shrink:0}.company-logo-image{width:24px;height:24px;border-radius:6px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.company-name{flex:1;text-align:left}.company-dropdown-arrow{width:16px;height:16px;color:var(--color-gray-500);transition:transform .2s ease-in-out;flex-shrink:0}.company-dropdown-arrow.open{transform:rotate(180deg)}.company-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--color-background-white);border:1px solid var(--color-gray-200);border-radius:10px;box-shadow:0 4px 6px -1px var(--color-shadow),0 2px 4px -1px var(--color-shadow-md);z-index:1000;overflow:hidden}.company-dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-background-white);border:none;color:var(--color-gray-900);font-weight:500;font-size:.9375rem;cursor:pointer;text-align:left;transition:background-color .2s ease-in-out}.company-dropdown-item:hover{background-color:var(--color-background-light)}.company-dropdown-item.active{background-color:var(--color-background-hover);color:var(--color-primary)}.sidebar-location{width:100%}.location-dropdown{width:100%;position:relative}.location-dropdown-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:var(--color-background-white);border:1px solid var(--color-gray-300);border-radius:10px;color:var(--color-gray-900);font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out}.location-dropdown-button:hover{border-color:var(--color-primary)}.location-dropdown-button:focus{outline:none;border-color:var(--color-primary)}.location-name{flex:1;text-align:left}.location-dropdown-arrow{width:16px;height:16px;color:var(--color-gray-500);transition:transform .2s ease-in-out;flex-shrink:0}.location-dropdown-arrow.open{transform:rotate(180deg)}.location-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--color-background-white);border:1px solid var(--color-gray-200);border-radius:10px;box-shadow:0 4px 6px -1px var(--color-shadow),0 2px 4px -1px var(--color-shadow-md);z-index:1000;overflow:hidden}.location-dropdown-section{padding:.5rem .75rem .75rem;border-top:1px solid var(--color-gray-100)}.location-dropdown-section:first-of-type{border-top:none}.location-dropdown-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.location-dropdown-section-items{display:flex;flex-direction:column;gap:.25rem}.location-dropdown-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:.25rem 0;cursor:pointer}.location-dropdown-section-header:focus{outline:none}.location-dropdown-section-arrow{width:16px;height:16px;color:var(--color-gray-500);transition:transform .2s ease-in-out;flex-shrink:0}.location-dropdown-section-arrow.open{transform:rotate(180deg)}.location-dropdown-item{width:100%;display:flex;align-items:center;padding:.75rem;background:var(--color-background-white);border:none;color:var(--color-gray-900);font-weight:500;font-size:.875rem;cursor:pointer;text-align:left;transition:background-color .2s ease-in-out}.location-dropdown-item:hover{background-color:var(--color-background-light)}.location-dropdown-item.active{background-color:var(--color-background-hover);color:var(--color-primary)}.sidebar-nav-general{display:block}@media(max-width:768px){.sidebar-menu-item.mobile-hidden{display:none}.sidebar-menu-item.always-visible{display:list-item}}.sidebar-nav{width:100%;margin-bottom:1rem}.sidebar-section-header{color:var(--color-gray-500);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding:0 .75rem}.sidebar-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.sidebar-menu-item{width:100%}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;color:var(--color-gray-500);border-radius:10px;transition:all .2s ease-in-out;font-weight:500;font-size:.9375rem}.sidebar-link:hover{background-color:var(--color-background-light);color:var(--color-primary)}.sidebar-link.active{background-color:var(--color-background-hover);color:var(--color-primary)}.sidebar-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-gray-500);flex-shrink:0}.sidebar-icon svg{width:100%;height:100%}.sidebar-link:hover .sidebar-icon,.sidebar-link.active .sidebar-icon{color:var(--color-primary)}.sidebar-label{font-size:.9375rem}.sidebar-divider{height:1px;background:var(--color-gray-200);margin:.75rem 0;flex-shrink:0}.sidebar-footer{margin-top:auto;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:.75rem;background:var(--color-background-white);flex-shrink:0}.sidebar-footer-version{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;justify-content:center}.sidebar-version-text{font-size:.75rem;color:var(--color-gray-500);font-weight:500}.sidebar-refresh-button{display:flex;align-items:center;justify-content:center;padding:.375rem;background:var(--color-red-600, #dc2626);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;width:28px;height:28px}.sidebar-refresh-button:hover:not(:disabled){background:var(--color-red-700, #b91c1c);color:#fff}.sidebar-refresh-button:disabled{opacity:.7;cursor:not-allowed}.sidebar-refresh-icon{width:18px;height:18px}.sidebar-refresh-icon.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-footer-actions{display:flex;flex-direction:column;gap:.25rem}.sidebar-footer-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;color:var(--color-gray-500);border-radius:10px;transition:all .2s ease-in-out;font-weight:500;font-size:.9375rem;background:none;border:none;cursor:pointer;text-align:left;width:100%}.sidebar-footer-link:hover{background-color:var(--color-background-light);color:var(--color-primary)}.sidebar-signout-button{color:var(--color-red-600, #dc2626)}.sidebar-signout-button:hover{background-color:var(--color-red-50, #fef2f2);color:var(--color-red-700, #b91c1c)}.sidebar-footer-icon{width:20px;height:20px;flex-shrink:0}.sidebar-footer-label{font-size:.9375rem}@media(min-width:769px)and (max-width:1024px){.sidebar{overflow:hidden}.sidebar-menu-container{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.sidebar-footer{flex-shrink:0}}@media(max-width:768px){.sidebar{transform:translate(-100%);width:280px;height:100vh;max-height:100vh;border-radius:0;z-index:1100;padding:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{display:block}.sidebar-header{padding:1.5rem 1rem;flex-shrink:0}.sidebar-menu-container{padding:1rem;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.sidebar-nav-general{display:block}.sidebar-link{padding:.625rem;font-size:.875rem}.sidebar-footer{padding:1rem;margin-top:0;flex-shrink:0}.sidebar-footer-link{padding:.625rem;font-size:.875rem}}.bottom-navigation{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-background-white);border-top:1px solid var(--color-gray-200);padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom,0px));z-index:1000;box-shadow:0 -2px 8px var(--color-shadow-sm);flex-direction:row;justify-content:space-around;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .75rem;text-decoration:none;color:var(--color-gray-500);transition:all .2s ease-in-out;border-radius:10px;min-width:60px;flex:1}.bottom-nav-item:hover{color:var(--color-primary);background-color:var(--color-background-light)}.bottom-nav-item.active{color:var(--color-primary);background-color:var(--color-background-hover)}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.bottom-nav-icon svg{width:100%;height:100%}.bottom-nav-label{font-size:.75rem;font-weight:500;text-align:center}@media(min-width:769px){.bottom-navigation{display:none!important}}@media(max-width:768px){.bottom-navigation{display:flex}}.mobile-header{display:none;grid-template-columns:1fr;grid-template-rows:auto;align-items:center;box-sizing:border-box;padding:var(--mobile-bar-pad-top) var(--mobile-bar-pad-x) var(--mobile-bar-pad-bottom);min-height:var(--mobile-bar-min-height);background:var(--color-background-white);border-bottom:1px solid var(--color-gray-200);box-shadow:0 1px 2px 0 var(--color-shadow);position:fixed;left:0;right:0;top:0;z-index:100;margin:0}.mobile-back-button{display:flex;align-items:center;justify-content:center;width:var(--mobile-bar-button-size);height:var(--mobile-bar-button-size);grid-column:1;grid-row:1;justify-self:start;align-self:center;z-index:1;background:var(--color-background-white);border:1px solid var(--color-gray-200);border-radius:10px;cursor:pointer;color:var(--color-gray-900);transition:all .2s ease-in-out;flex-shrink:0}.mobile-back-button:hover{background-color:var(--color-background-light);border-color:var(--color-primary)}.mobile-back-button:active{background-color:var(--color-background-hover)}.mobile-back-button svg{width:var(--mobile-bar-icon-size);height:var(--mobile-bar-icon-size)}.page-header__right-action{position:absolute;right:var(--mobile-bar-pad-x, 1rem);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--mobile-bar-button-size, 40px);height:var(--mobile-bar-button-size, 40px);z-index:2;background:var(--color-background-white);border:1px solid var(--color-gray-200);border-radius:10px;cursor:pointer;color:var(--color-gray-900);transition:all .2s ease-in-out;flex-shrink:0}.page-header__right-action:hover{background-color:var(--color-background-light);border-color:var(--color-primary)}.page-header__right-action:active{background-color:var(--color-background-hover)}.page-header__right-action svg{width:var(--mobile-bar-icon-size, 22px);height:var(--mobile-bar-icon-size, 22px)}.mobile-header-title{grid-column:1;grid-row:1;justify-self:center;align-self:center;max-width:min(100%,calc(100vw - 5.5rem));font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}@media(max-width:768px){.mobile-header{display:grid}.page-header{left:0!important;right:0;width:100%!important;max-width:100vw;box-sizing:border-box}.page-header.page-header--mobile-nav{display:grid;grid-template-columns:1fr;grid-template-rows:auto;align-items:center;box-sizing:border-box;padding:var(--mobile-bar-pad-top) var(--mobile-bar-pad-x) var(--mobile-bar-pad-bottom);min-height:var(--mobile-bar-min-height)}.page-header.page-header--mobile-nav>.page-header__shell{grid-column:1;grid-row:1;justify-self:center;align-self:center;width:100%;max-width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-header.page-header--mobile-nav>.page-header__shell:not(.page-header__shell--with-branch) .page-header__titles{width:100%;display:flex;flex-direction:column;align-items:center}.page-header.page-header--mobile-nav>.page-header__shell.page-header__shell--with-branch{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:.5rem}.page-header.page-header--mobile-nav>.page-header__shell--with-branch .page-header__titles{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.page-header.page-header--mobile-nav>.page-header__shell--with-branch .page-header__title{text-align:left;max-width:100%}.page-header.page-header--mobile-nav .page-header__title{max-width:min(100%,calc(100vw - 5.5rem));font-size:1.25rem;font-weight:600;color:var(--color-gray-900);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.page-header .page-header__description{display:none!important}}@media(min-width:769px){.mobile-header{display:none!important}.page-header{left:var(--app-sidebar-width, 250px);right:0;width:auto}.page-header>.mobile-back-button{display:none!important}.page-header .page-header__shell{margin-left:auto;margin-right:auto;width:100%;max-width:1280px;box-sizing:border-box;padding:1rem 2rem 1.25rem;display:flex;flex-direction:column;align-items:flex-start}.page-header .page-header__shell--with-back{flex-direction:row;align-items:center;gap:.75rem;padding-top:.875rem;padding-bottom:.875rem}.page-header .page-header__shell--with-back .page-header__titles{flex:1;min-width:0}.page-header__back-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border:1px solid var(--color-gray-200);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-700);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.page-header__back-btn:hover{background:var(--color-background-light);border-color:var(--color-primary);color:var(--color-primary)}.page-header__back-btn svg{width:1.125rem;height:1.125rem}.page-header .page-header__titles{display:flex;flex-direction:column;align-items:flex-start;width:100%}.page-header .page-header__shell.page-header__shell--with-branch{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:1rem}.page-header .page-header__shell--with-branch .page-header__titles{flex:1;min-width:0}.page-header .page-header__shell--with-branch .branch-dropdown{flex-shrink:0;width:auto;min-width:10rem;max-width:min(14rem,32vw)}.page-header .page-header__shell--with-branch .branch-dropdown-menu{left:auto;right:0;min-width:12rem}.page-header .page-header__title{font-size:1.75rem;font-weight:700;text-align:left;line-height:normal;max-width:none;margin:0;color:var(--color-gray-900)}.page-header .page-header__description{display:block;margin-top:.25rem;font-size:1rem;color:var(--color-gray-500);text-align:left}}.app-drawer-header{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.25rem;background:var(--color-background-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.app-drawer-header-back{position:absolute;left:1rem;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--color-gray-200);background:var(--color-background-white);color:var(--color-gray-700);cursor:pointer;border-radius:var(--border-radius);transition:background .15s ease,border-color .15s ease,color .15s ease}.app-drawer-header-back:hover{background:var(--color-background-light);border-color:var(--color-primary);color:var(--color-primary)}.app-drawer-header-back svg{width:1.125rem;height:1.125rem}.app-drawer-header-title{flex:1;min-width:0;margin:0;font-size:1.125rem;font-weight:600;color:var(--color-gray-900);text-align:center}.app-drawer-header-action{position:absolute;right:1rem;display:flex;align-items:center}.vendor-search-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.vendor-toolbar-btn{flex-shrink:0}.vendor-toolbar-btn .app-button-label{display:none}@media(min-width:769px){.vendor-toolbar-btn .app-button-label{display:inline}}html.vendor-list-no-scroll,body.vendor-list-no-scroll{overflow:hidden;height:100%;overscroll-behavior:none}.vendor-list-no-scroll .app-main,.vendor-list-no-scroll .app-container,.app-container:has(.vendor-list-scroll){overflow:hidden}.vendor-list-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 2px .5rem;margin:0 -2px}.vendor-list-panels{margin-top:.75rem}.vendor-vendor-list{display:flex;flex-direction:column;gap:.75rem}.vendor-vendor-empty{text-align:center;padding:3rem 1rem;color:var(--color-gray-500);font-size:.9375rem}.vendor-vendor-card{border:1px solid var(--color-gray-300)!important;box-shadow:none!important;border-radius:12px!important;padding:.875rem 1rem!important;cursor:pointer}.vendor-vendor-card--inactive{background:var(--color-gray-100)!important;opacity:.75}.vendor-vendor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.vendor-vendor-row-left{flex:1;min-width:0}.vendor-vendor-name{margin:0;color:var(--color-gray-900);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-vendor-phone{margin:.125rem 0 0;color:var(--font-color-description);font-size:var(--font-size-description);font-weight:var(--font-weight-description);line-height:1.3}.vendor-vendor-outstanding{margin:0;font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);text-align:right}.vendor-vendor-outstanding--owed{color:#b45309}.vendor-vendor-outstanding--advance{color:#047857}.vendor-vendor-outstanding--settled{color:#64748b;font-weight:var(--font-weight-label)}.vendor-vendor-badges{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.375rem}.vendor-vendor-row-right{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.vendor-vendor-chevron{width:1.25rem;height:1.25rem;color:var(--color-gray-400);flex-shrink:0}.vendor-detail-body{padding-bottom:0}html.vendor-detail-no-scroll,body.vendor-detail-no-scroll{overflow:hidden;height:100%;overscroll-behavior:none}.vendor-detail-no-scroll .app-main,.vendor-detail-no-scroll .app-container,.app-container:has(.vendor-detail-body){overflow:hidden}.vendor-detail-list-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 2px .5rem;margin:0 -2px}.vendor-carousel{position:relative;overflow-x:hidden}.vendor-pane{width:100%}.vendor-pane--detail{position:absolute;inset:0;z-index:2;background:var(--color-background-white);overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(100%);transition:transform .3s ease;will-change:transform}.vendor-carousel--page1 .vendor-pane--detail{transform:translate(0)}.vendor-pane--content>.detail-balance-card{margin:1rem 0}.vendor-pane--content{container-type:inline-size}.vendor-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@container (min-width: 624px){.vendor-summary-grid--contractor{grid-template-columns:repeat(3,1fr)}}@container (min-width: 836px){.vendor-summary-grid--material{grid-template-columns:repeat(4,1fr)}}.vendor-section{margin-top:1.25rem}.vendor-section .app-tabbar{margin-bottom:.875rem}.vendor-section-search-add{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem}.vendor-section-search{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.875rem}.vendor-section-search::-moz-placeholder{color:var(--color-gray-400)}.vendor-section-search::placeholder{color:var(--color-gray-400)}.vendor-section-search:focus{outline:none;border-color:var(--color-primary)}.vendor-section-list{display:flex;flex-direction:column;gap:.75rem}.vendor-section-empty{text-align:center;padding:2rem 1rem;color:var(--color-gray-400);font-size:.875rem}.vendor-challan-swipe.swipe-to-delete-container,.vendor-challan-swipe .swipe-to-delete-row,.vendor-challan-swipe .swipe-to-delete-actions{border-radius:0}.vendor-challan-card{padding:.75rem 1rem;cursor:pointer}.vendor-challan-card:hover{background:var(--color-background-light)}.vendor-challan-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.375rem}.vendor-challan-doc{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-gray-900)}.vendor-challan-doc-number{font-weight:var(--font-weight-description);color:var(--font-color-description)}.vendor-challan-amount{margin:0;font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);color:#1d4ed8;white-space:nowrap}.vendor-challan-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.375rem}.vendor-challan-remarks{margin:0;font-size:var(--font-size-description);font-weight:var(--font-weight-description);color:var(--font-color-description);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-estimate-swipe.swipe-to-delete-container,.vendor-estimate-swipe .swipe-to-delete-row,.vendor-estimate-swipe .swipe-to-delete-actions{border-radius:0}.vendor-estimate-card{padding:.75rem 1rem;cursor:pointer}.vendor-estimate-card:hover{background:var(--color-background-light)}.vendor-estimate-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.375rem}.vendor-estimate-doc{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-gray-900)}.vendor-estimate-doc-number{font-weight:var(--font-weight-description);color:var(--font-color-description)}.vendor-estimate-amount{margin:0;font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);color:#0e7490;white-space:nowrap}.vendor-estimate-vendor{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-gray-900)}.vendor-estimate-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.375rem}.vendor-estimate-remarks{margin:0;font-size:var(--font-size-description);font-weight:var(--font-weight-description);color:var(--font-color-description);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-invoice-swipe.swipe-to-delete-container,.vendor-invoice-swipe .swipe-to-delete-row,.vendor-invoice-swipe .swipe-to-delete-actions{border-radius:0}.vendor-invoice-card{padding:.75rem 1rem;cursor:pointer}.vendor-invoice-card:hover{background:var(--color-background-light)}.vendor-invoice-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.375rem}.vendor-invoice-doc{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-gray-900)}.vendor-invoice-amount{margin:0;font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);color:#6d28d9;white-space:nowrap}.vendor-invoice-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.375rem}.vendor-invoice-due{font-size:.75rem;color:#d97706;font-weight:600}.vendor-invoice-due--overdue{color:#dc2626}.vendor-invoice-remarks{margin:0;font-size:var(--font-size-description);font-weight:var(--font-weight-description);color:var(--font-color-description);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-payment-swipe.swipe-to-delete-container,.vendor-payment-swipe .swipe-to-delete-row,.vendor-payment-swipe .swipe-to-delete-actions{border-radius:0}.vendor-payment-card{padding:.75rem 1rem;cursor:pointer}.vendor-payment-card:hover{background:var(--color-background-light)}.vendor-payment-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.375rem}.vendor-payment-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.vendor-payment-account{margin:0;font-size:.8125rem;color:var(--color-gray-600);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-payment-vendor{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-gray-900)}.vendor-payment-amount{margin:0;font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);color:#c2410c;white-space:nowrap}.vendor-payment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.375rem}.vendor-payment-ref{font-size:.75rem;color:var(--color-gray-500);font-family:monospace;flex-shrink:0}.vendor-payment-remarks{margin:0;font-size:var(--font-size-description);font-weight:var(--font-weight-description);color:var(--font-color-description);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-payment-ref-remarks{display:flex;align-items:baseline;gap:.5rem;min-width:0}.vendor-payment-ref-remarks .vendor-payment-remarks{flex:1;min-width:0}.vendor-payment-ref-remarks-sep{flex-shrink:0;color:var(--color-gray-400)}.vendor-payment-paid-to{margin:0 0 .25rem;font-size:.75rem;color:var(--color-gray-500)}@media(max-width:480px){.vendor-summary-grid{gap:.625rem}}.vendor-load-more-btn{width:100%;padding:.625rem 1rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-600);font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.vendor-load-more-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.vendor-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.vendor-return-swipe.swipe-to-delete-container,.vendor-return-swipe .swipe-to-delete-row,.vendor-return-swipe .swipe-to-delete-actions{border-radius:0}.vendor-return-card{padding:.75rem 1rem;cursor:pointer}.vendor-return-card:hover{background:var(--color-background-light)}.vendor-return-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.375rem}.vendor-return-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.vendor-return-left-col{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.vendor-return-vendor{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-gray-900)}.vendor-return-vendor-col{flex:1;min-width:0}.vendor-return-site-col{width:8rem;display:flex;justify-content:center;flex-shrink:0;overflow:hidden}.vendor-return-site-col .site-badge{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-return-site-mobile{display:none}@media(max-width:1024px){.vendor-return-site-col{display:none}.vendor-return-site-mobile{display:flex;margin-bottom:.375rem}}.vendor-return-amount{margin:0;font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);color:#15803d;white-space:nowrap;flex-shrink:0}.vendor-return-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.375rem}.vendor-return-account{margin:0;font-size:.8125rem;color:var(--color-gray-600);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-return-remarks{margin:0;font-size:var(--font-size-description);font-weight:var(--font-weight-description);color:var(--font-color-description);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendor-drawer-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1300;animation:vendor-drawer-fadeIn .2s ease-out}@keyframes vendor-drawer-fadeIn{0%{opacity:0}to{opacity:1}}.vendor-drawer-overlay--closing{animation:vendor-drawer-fadeOut .25s ease-out forwards}@keyframes vendor-drawer-fadeOut{0%{opacity:1}to{opacity:0}}.vendor-drawer-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);border-left:1px solid var(--color-gray-200);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);z-index:1301;display:flex;flex-direction:column;animation:vendor-drawer-slideInRight .25s ease-out}@keyframes vendor-drawer-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.vendor-drawer-panel--closing{animation:vendor-drawer-slideOutRight .25s ease-out forwards}@keyframes vendor-drawer-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.vendor-drawer-header{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:1px solid var(--color-gray-200)}.vendor-drawer-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-gray-900)}.vendor-drawer-back{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border:none;background:transparent;color:var(--color-gray-700);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.vendor-drawer-back svg{width:1.25rem;height:1.25rem}.vendor-drawer-back:hover{background:var(--color-background-light);color:var(--color-primary)}.vendor-drawer-header-spacer{position:absolute;right:.75rem;width:2rem;height:2rem}.vendor-drawer-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.vendor-drawer-required{color:var(--color-danger)}.vendor-drawer-input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.9375rem}.vendor-drawer-input::-moz-placeholder{color:var(--color-gray-400)}.vendor-drawer-input::placeholder{color:var(--color-gray-400)}.vendor-drawer-input:focus{outline:none;border-color:var(--color-primary)}.vendor-drawer-textarea{resize:vertical;min-height:4.5rem}.vendor-drawer-phone-row{display:flex;gap:.5rem}.vendor-drawer-phone-code{width:4.5rem;flex-shrink:0;text-align:center}.vendor-drawer-phone-number{flex:1;min-width:0}.vendor-drawer-error{color:var(--color-danger);font-size:.75rem}.vendor-drawer-error--submit{margin:0;font-size:.8125rem}.vendor-drawer-footer{display:flex;gap:.75rem;padding:1rem;border-top:1px solid var(--color-gray-200)}.vendor-drawer-footer-btn{flex:1}.vendor-drawer-hint{font-size:.75rem;color:var(--color-gray-400)}.vendor-drawer-file-hidden{display:none}.vendor-drawer-attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.5rem;margin-top:.5rem}.vendor-drawer-attachment-thumb{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--color-gray-200);border-radius:var(--border-radius);overflow:hidden;background:var(--color-background-light)}.vendor-drawer-attachment-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.vendor-drawer-attachment-pdf{width:100%;height:100%;border:none;display:block;background:var(--color-gray-100);pointer-events:none}.vendor-drawer-attachment-pdf-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--color-gray-700);background:var(--color-gray-100)}.vendor-drawer-attachment-remove{position:absolute;top:.25rem;right:.25rem;z-index:1;width:1.25rem;height:1.25rem;border:none;border-radius:9999px;background:var(--color-shadow-overlay);color:var(--color-background-white);display:flex;align-items:center;justify-content:center;cursor:pointer}.vendor-drawer-attachment-remove:hover{background:var(--color-danger)}.vendor-drawer-attachment-remove svg{width:.875rem;height:.875rem}.vendor-drawer-attachment-add{width:100%;aspect-ratio:1;border:1px dashed var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-background-white);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;cursor:pointer}.vendor-drawer-attachment-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-background-light)}.vendor-drawer-attachment-add svg{width:1.25rem;height:1.25rem}.category-mapping{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--color-gray-200);border-radius:12px;background:var(--color-background-light)}.category-mapping-label{margin:0;font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.vendor-drawer-tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.vendor-drawer-tag{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem .375rem .75rem;border-radius:9999px;background:var(--color-background-active);color:var(--color-primary);font-size:.8125rem;font-weight:500}.vendor-drawer-tag-remove{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border:none;border-radius:9999px;background:var(--color-primary);color:var(--color-background-white);cursor:pointer;flex-shrink:0}.vendor-drawer-tag-remove:hover{background:var(--color-primary-dark)}.vendor-drawer-tag-remove svg{width:.75rem;height:.75rem}@media(max-width:768px){.vendor-drawer-panel{width:100%;left:0;right:0;animation:vendor-drawer-slideUp .3s ease-out}.vendor-drawer-panel.vendor-drawer-panel--closing{animation:vendor-drawer-slideOutDown .3s ease-out forwards}@keyframes vendor-drawer-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes vendor-drawer-slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}.vendor-challan-amount-group,.vendor-estimate-amount-group,.vendor-invoice-amount-group,.vendor-payment-amount-group,.vendor-return-amount-group{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.vendor-estimate-amount-group{margin-left:auto}.category-alloc{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--color-gray-200);border-radius:12px;background:var(--color-background-light)}.category-alloc-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.category-alloc-title{margin:0;font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.category-alloc-add{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border:1px solid var(--color-primary);border-radius:var(--border-radius);background:transparent;color:var(--color-primary);font-size:.8125rem;font-weight:600;cursor:pointer}.category-alloc-add:disabled{border-color:var(--color-gray-300);color:var(--color-gray-400);cursor:not-allowed}.category-alloc-add svg{width:.875rem;height:.875rem}.category-alloc-empty{margin:0;font-size:var(--font-size-description);color:var(--font-color-description)}.category-alloc-row{display:flex;align-items:center;gap:.5rem}.category-alloc-category{flex:1;min-width:0}.category-alloc-amount{width:7rem;flex-shrink:0;text-align:right}.category-alloc-remove{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;border:none;border-radius:999px;background:transparent;color:var(--color-primary);cursor:pointer}.category-alloc-remove svg{width:1.125rem;height:1.125rem}.category-alloc-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.25rem;border-top:1px dashed var(--color-gray-300);font-size:.8125rem;font-weight:600;color:var(--color-gray-700)}.category-alloc-over{color:var(--color-danger)}.category-alloc-error{color:var(--color-danger);font-size:.75rem}.site-alloc{display:flex;flex-direction:column;gap:.75rem}.site-alloc-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.site-alloc-title{margin:0;font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.site-alloc-add{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border:1px solid var(--color-primary);border-radius:var(--border-radius);background:transparent;color:var(--color-primary);font-size:.8125rem;font-weight:600;cursor:pointer}.site-alloc-add:disabled{border-color:var(--color-gray-300);color:var(--color-gray-400);cursor:not-allowed}.site-alloc-add svg{width:.875rem;height:.875rem}.site-alloc-empty{margin:0;font-size:var(--font-size-description);color:var(--font-color-description)}.site-alloc-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--color-gray-200);border-radius:12px;background:var(--color-white, #fff)}.site-alloc-row-fields{display:flex;align-items:center;gap:.5rem}.site-alloc-site{flex:1;min-width:0}.site-alloc-amount{width:7rem;flex-shrink:0;text-align:right}.site-alloc-remove{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;border:none;border-radius:999px;background:transparent;color:var(--color-primary);cursor:pointer}.site-alloc-remove svg{width:1.125rem;height:1.125rem}.site-alloc-remarks{width:100%}.site-alloc-summary{display:flex;align-items:center;justify-content:flex-end;padding-top:.25rem;border-top:1px dashed var(--color-gray-300);font-size:.8125rem;font-weight:600;color:var(--color-gray-700)}.site-alloc-error{color:var(--color-danger);font-size:.75rem}.site-breakdown{display:flex;flex-direction:column;gap:.375rem;margin-top:.375rem}.site-breakdown-header{display:flex;align-items:center;gap:.375rem;padding:0;border:none;background:transparent;cursor:pointer;text-align:left}.site-breakdown-header svg{width:1rem;height:1rem;flex-shrink:0;color:var(--color-gray-500)}.site-breakdown-badges{display:flex;flex-wrap:wrap;gap:.25rem}.site-breakdown-note{margin:0;padding-left:1.375rem;font-size:var(--font-size-description);color:var(--font-color-description)}.site-breakdown-row{display:flex;flex-direction:column;gap:.125rem;padding-left:1.375rem}.site-breakdown-row-main{display:flex;align-items:center;gap:.375rem}.site-breakdown-row-info-group{display:flex;align-items:center;gap:.375rem;margin-left:auto;flex-shrink:0}.site-breakdown-site-amount{font-size:.8125rem;font-weight:600;color:var(--color-gray-700)}.site-breakdown-remarks{margin:0;font-size:var(--font-size-description);color:var(--font-color-description)}.detail-info{margin-top:1rem;padding:.875rem 1rem!important;border:1px solid var(--color-gray-200)!important;border-radius:12px!important}.detail-info-layout{display:flex;align-items:flex-start;gap:.75rem}.detail-info-content{flex:1;min-width:0}.detail-info-row{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.375rem}.detail-info-row:last-child{margin-bottom:0}.detail-info-label{font-size:.75rem;font-weight:600;color:var(--color-gray-500);min-width:5.5rem;flex-shrink:0;padding-top:.05rem}.detail-info-value{font-size:.8125rem;color:var(--color-gray-800);font-weight:500;line-height:1.4;word-break:break-word}.detail-info-chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.125rem}.detail-info-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.detail-info-action-btn .app-button-label{display:none}@media(min-width:769px){.detail-info-action-btn .app-button-label{display:inline}}.detail-info-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:10px;font-size:.6875rem;font-weight:600;cursor:pointer;border:none;color:#fff;transition:background-color .2s ease-in-out}.detail-info-btn-icon{width:1.25rem;height:1.25rem}.detail-info-btn-label{display:none}@media(min-width:769px){.detail-info-btn-label{display:inline}}.detail-info-btn--edit{background-color:var(--color-primary)}.detail-info-btn--edit:hover{background-color:var(--color-primary-dark)}.detail-info-btn--delete{background-color:var(--color-danger)}.detail-info-btn--delete:hover{background-color:#b91c1c}.detail-info-btn--ledger{background-color:#0891b2}.detail-info-btn--ledger:hover{background-color:#0e7490}@keyframes detail-info-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.detail-info-skeleton{margin-top:1rem;padding:.875rem 1rem;border:1px solid var(--color-gray-200);border-radius:12px;background:var(--color-background-white);display:flex;flex-direction:column;gap:.75rem}.detail-info-skeleton-row{display:flex;gap:.75rem}.detail-info-skeleton-label{width:5rem;height:.875rem;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:800px 100%;border-radius:4px;animation:detail-info-shimmer 1.5s ease-in-out infinite}.detail-info-skeleton-value{flex:1;height:.875rem;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:800px 100%;border-radius:4px;animation:detail-info-shimmer 1.5s ease-in-out infinite}.detail-summary-card{border-radius:12px!important;padding:.625rem 1rem!important;background:var(--summary-card-bg, transparent)!important;border:1px solid var(--summary-card-border, transparent)!important;box-shadow:var(--summary-card-shadow, none)!important;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;min-width:0;overflow:hidden}.detail-summary-label{margin:0 0 .25rem;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-summary-amount{margin:0;font-size:.75rem;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.detail-summary-card{padding:.5rem .625rem!important}}.detail-balance-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem 1rem;border:1px solid var(--color-gray-200);border-radius:12px;background:var(--color-background-white);box-shadow:0 1px 3px 0 var(--color-shadow)}.detail-balance-info{min-width:0}.detail-balance-label-row{display:flex;align-items:center;gap:.25rem;margin-bottom:.25rem}.detail-balance-label-row .detail-summary-label{margin:0}.detail-balance-rows{display:flex;flex-direction:column;gap:.5rem;min-width:0;flex:1}.detail-balance-row{display:flex;flex-direction:column;gap:.125rem}.detail-balance-row+.detail-balance-row{padding-top:.5rem;border-top:1px solid var(--color-gray-200)}.detail-balance-row-label-group{display:flex;align-items:center;gap:.25rem;min-width:0}.detail-balance-row-label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-balance-row-amount{flex-shrink:0;font-size:.8125rem;font-weight:800;line-height:1.2;white-space:nowrap}@keyframes list-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.list-skeleton-stack{display:flex;flex-direction:column;gap:.875rem}.list-skeleton-card{pointer-events:none;border:1px solid var(--color-gray-200)!important;box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md)!important;padding:.75rem 1rem!important}.list-skeleton-line{border-radius:.375rem;background:linear-gradient(110deg,var(--color-gray-200) 0%,var(--color-gray-100) 45%,var(--color-gray-200) 90%);background-size:200% 100%;animation:list-skeleton-shimmer 1.35s ease-in-out infinite}.list-skeleton-line--title{width:70%;max-width:14rem;height:.875rem}.list-skeleton-line--muted{width:45%;max-width:10rem;height:.75rem;margin-top:.375rem;opacity:.85}.list-skeleton-line--action{width:5.25rem;height:2rem;flex-shrink:0;border-radius:10px}.list-skeleton-line--pill{width:4.5rem;height:1.25rem;border-radius:12px;flex-shrink:0}.list-skeleton-line--amount{width:4.5rem;height:.9375rem;flex-shrink:0}.list-skeleton-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.list-skeleton-row--account .list-skeleton-row-left,.list-skeleton-row--site .list-skeleton-row-left{flex:1;min-width:0}.list-skeleton-row--site .list-skeleton-row-right{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end;min-width:0}.saving-overlay{position:absolute;inset:0;background:#fffc;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.saving-overlay-spinner{width:2rem;height:2rem;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:saving-overlay-spin .6s linear infinite}@keyframes saving-overlay-spin{to{transform:rotate(360deg)}}.saving-overlay-text{font-size:.875rem;font-weight:600;color:var(--color-gray-600)}.saving-overlay--fixed{position:fixed;z-index:1200}.compact-date-range-group{display:inline-flex;align-items:center;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-background-white);overflow:visible;max-width:100%}.compact-date-range-dropdown{min-width:0;flex-shrink:1}.compact-date-range-dropdown .app-dropdown-value{overflow:hidden;text-overflow:ellipsis}.compact-date-range-dropdown .app-dropdown-trigger{border:none;border-radius:0;background:transparent;padding:.625rem 1rem;font-size:var(--font-size-button);white-space:nowrap}.compact-date-range-dropdown .app-dropdown-trigger:hover{background:var(--color-background-light)}.compact-date-range-dropdown .app-dropdown-value{overflow:visible;text-overflow:unset}.compact-date-range-input{padding:.625rem 1rem;font-size:var(--font-size-button);border:none;background:transparent;color:var(--color-gray-900);outline:none;cursor:pointer;min-width:8.5rem}.compact-date-range-input:focus{background:var(--color-background-light)}.compact-date-range-separator{width:1px;align-self:stretch;background:var(--color-gray-300);flex-shrink:0}.payment-group{border:1px solid var(--color-gray-200);border-radius:var(--border-radius);padding:.75rem;display:flex;flex-direction:column;gap:.5rem;background-color:var(--color-background-white)}.payment-group-separator{height:1px;background-color:var(--color-gray-200);margin-left:-.75rem;margin-right:-.75rem}.payment-group-or{display:flex;align-items:center;gap:.75rem}.payment-group-or:before,.payment-group-or:after{content:"";flex:1;height:1px;background-color:var(--color-gray-300)}.payment-group-or span{font-size:var(--font-size-field-hint);font-weight:500;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.app-attachments-input-hidden{position:absolute;width:0;height:0;overflow:hidden;opacity:0}.app-attachments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.5rem}.app-attachments-thumb{position:relative;aspect-ratio:1;border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--color-gray-200)}.app-attachments-remove{position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;border:none;border-radius:50%;cursor:pointer;padding:0;z-index:1}.app-attachments-remove svg{width:.75rem;height:.75rem}.app-attachments-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-attachments-pdf-preview{width:100%;height:100%}.app-attachments-pdf{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-background-light);color:var(--color-gray-500);font-size:var(--font-size-field-hint);font-weight:700}.app-attachments-add{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px dashed var(--color-gray-300);border-radius:var(--border-radius);background:transparent;color:var(--color-gray-400);cursor:pointer}.app-attachments-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.app-attachments-add svg{width:1.5rem;height:1.5rem}.app-confirm-dialog-overlay{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--color-shadow-overlay)}.app-confirm-dialog{width:100%;max-width:400px;padding:1.25rem 1.25rem 1rem;border-radius:12px;background:var(--color-background-white);box-shadow:0 10px 15px -3px var(--color-shadow),0 4px 6px -2px var(--color-shadow-md)}.app-confirm-dialog-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:var(--color-gray-900);line-height:1.3}.app-confirm-dialog-message{margin:0;font-size:.8125rem;line-height:1.45;color:var(--color-gray-700)}.app-confirm-dialog-error{margin:.75rem 0 0;font-size:.8125rem;line-height:1.4;color:var(--color-danger)}.app-confirm-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.app-confirm-dialog-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:8px;cursor:pointer;border:1px solid var(--color-gray-300);background:var(--color-background-white);color:var(--color-gray-800)}.app-confirm-dialog-btn:disabled{opacity:.6;cursor:not-allowed}.app-confirm-dialog-btn--cancel:hover:not(:disabled){background:var(--color-gray-100)}.app-confirm-dialog-btn--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-background-white)}.app-confirm-dialog-btn--primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.app-confirm-dialog-btn--danger{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-background-white)}.app-confirm-dialog-btn--danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.site-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:#e0e7ff;color:#3730a3;border-radius:6px;font-size:.6875rem;font-weight:600}.category-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:var(--color-background-active);color:var(--color-primary);border-radius:6px;font-size:.6875rem;font-weight:600}.source-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:600;white-space:nowrap;flex-shrink:0;background:#f1f5f9;color:#475569}.payment-mode-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:8px;font-size:.5875rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;background:#fef3c7;color:#92400e}.business-type-badge,.gst-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;background:#e2e8f0;color:#475569}.site-type-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:8px;font-size:.5875rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;background:#e2e8f0;color:#475569}.challan-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:600;white-space:nowrap;background:#e0e7ff;color:#3730a3}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0}.icon-badge svg{width:1.125rem;height:1.125rem}.locked-icon{color:var(--color-primary)}.activity-recharge-badge,.activity-adjustment-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:8px;font-size:.5875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.activity-recharge-badge{background:#dcfce7;color:#166534}.activity-adjustment-badge{background:#fef3c7;color:#92400e}.pa-bank-badge,.pa-card-badge,.pa-wallet-badge,.pa-cash-badge,.pa-default-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:8px;font-size:.5875rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.pa-bank-badge{background:#dbeafe;color:#1e40af}.pa-card-badge{background:#fef3c7;color:#92400e}.pa-wallet-badge{background:#dcfce7;color:#166534}.pa-cash-badge{background:#f3e8ff;color:#6b21a8}.pa-default-badge{background:#f1f5f9;color:#475569}.toggle-switch-wrapper{display:flex;flex-direction:column;align-items:center;gap:.25rem}.toggle-switch{position:relative;width:2.75rem;height:1.5rem;border:none;border-radius:.75rem;background:var(--color-gray-300);cursor:pointer;padding:0;transition:background .25s ease;flex-shrink:0}.toggle-switch--active{background:var(--color-success)}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.toggle-switch-label{font-size:.75rem;font-weight:600;color:var(--color-gray-500)}.toggle-switch-knob{position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--color-background-white);box-shadow:0 1px 3px #0003;transition:transform .25s ease}.toggle-switch--active .toggle-switch-knob{transform:translate(1.25rem)}.image-upload{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding-bottom:.5rem}.image-upload-container{position:relative;display:inline-block}.image-upload-trigger{position:relative;width:96px;height:96px;overflow:hidden;border:2px solid var(--color-gray-200);background:var(--color-gray-100);padding:0;cursor:pointer;transition:border-color .15s}.image-upload-trigger--round{border-radius:50%}.image-upload-trigger--square{border-radius:12px}.image-upload-trigger:hover{border-color:var(--color-primary)}.image-upload-trigger:disabled{cursor:not-allowed;opacity:.7}.image-upload-circle{width:100%;height:100%;position:relative}.image-upload-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image-upload-placeholder{width:100%;height:100%;color:var(--color-gray-300)}.image-upload-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;opacity:0;transition:opacity .15s}.image-upload-trigger:hover .image-upload-overlay{opacity:1}.image-upload-overlay-icon{width:24px;height:24px;color:#fff}.image-upload-loader{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center}.image-upload-loader:after{content:"";width:24px;height:24px;border:3px solid var(--color-gray-300);border-top-color:var(--color-primary);border-radius:50%;animation:image-upload-spin .6s linear infinite}@keyframes image-upload-spin{to{transform:rotate(360deg)}}.image-upload-remove{position:absolute;top:-2px;right:-2px;width:22px;height:22px;border-radius:50%;border:2px solid var(--color-background-white);background:var(--color-danger);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:1;transition:background .15s}.image-upload-remove:hover{background:#b91c1c}.image-upload-remove-icon{width:12px;height:12px}.image-upload-input{display:none}.country-code-dropdown{width:100%}.country-code-dropdown .app-dropdown-value{white-space:nowrap}.country-code-panel{position:fixed;z-index:1400;padding:.25rem 0;background-color:var(--color-background-white);border:1px solid var(--color-gray-200);border-radius:10px;box-shadow:0 4px 6px -1px var(--color-shadow),0 2px 4px -1px var(--color-shadow-md);max-height:min(280px,50vh);overflow-y:auto}.country-code-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:var(--color-background-white);color:var(--color-gray-900);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background-color .12s ease}.country-code-option:hover{background-color:var(--color-background-light)}.country-code-option--selected{background-color:var(--color-background-hover)}.country-code-option-flag{font-size:1.125rem;line-height:1;flex-shrink:0}.country-code-option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-code-option-code{color:var(--color-gray-500);font-weight:600;flex-shrink:0}.swipe-to-delete-container{position:relative;border-radius:12px}.swipe-to-delete-container.is-active{overflow:hidden}.swipe-to-delete-row{position:relative;z-index:1;background:var(--color-background-white);border-radius:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.swipe-to-delete-actions{display:none;position:absolute;top:1px;right:0;bottom:1px;width:80px;align-items:stretch;border-radius:0 12px 12px 0;overflow:hidden}.swipe-to-delete-container.is-active .swipe-to-delete-actions{display:flex}.swipe-to-delete-btn{flex:1 1 0;width:auto;border:none;color:var(--color-background-white);font-size:.6875rem;font-weight:700;cursor:pointer;letter-spacing:.02em}.swipe-to-delete-btn--delete{background:var(--color-danger)}.swipe-to-delete-btn--lock{background:var(--color-primary)}.swipe-to-toggle-container{position:relative;border-radius:12px;overflow:hidden}.swipe-to-toggle-row{position:relative;z-index:1;background:var(--color-background-white);border-radius:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.swipe-to-toggle-actions{display:none;position:absolute;top:1px;right:0;bottom:1px;width:80px;align-items:stretch;border-radius:0 12px 12px 0;overflow:hidden}.swipe-to-toggle-container.is-active .swipe-to-toggle-actions{display:flex}.swipe-to-toggle-btn{width:100%;border:none;color:var(--color-background-white);font-size:.6875rem;font-weight:700;cursor:pointer;letter-spacing:.02em}.swipe-to-toggle-btn--deactivate{background:var(--color-danger)}.swipe-to-toggle-btn--activate{background:var(--color-success)}.swipe-to-toggle-btn:disabled{opacity:.7}.date-card{padding:0!important;border:1px solid var(--color-gray-200)!important;box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md)!important;overflow:hidden!important}.date-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.date-card-label{font-size:var(--font-size-date);font-weight:var(--font-weight-date);color:var(--color-gray-700);min-width:0}.date-card-total{font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);color:var(--color-gray-900);text-align:right;white-space:nowrap;flex-shrink:0}.date-card-body{padding:0;display:flex;flex-direction:column;gap:1px;background:var(--color-gray-300)}@media(max-width:640px){.date-card-header{gap:.5rem}}.category-info{position:relative;display:inline-flex;align-items:center}.category-info-btn{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;background:transparent;color:var(--color-gray-400);cursor:pointer}.category-info-btn svg{width:1.125rem;height:1.125rem}.category-info-btn--active,.category-info-btn:hover{color:var(--color-primary)}.category-info-backdrop{position:fixed;inset:0;z-index:1400}.category-info-tooltip{position:fixed;top:0;left:0;visibility:hidden;z-index:1401;display:flex;flex-direction:column;gap:.25rem;min-width:11rem;max-width:min(18rem,calc(100vw - 2rem));padding:.5rem .625rem;border-radius:8px;background:#111827;color:#fff;font-size:.75rem;line-height:1.35;text-align:left;white-space:normal;box-shadow:0 8px 20px #00000040}.category-info-row{margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.category-info-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-info-amount{flex-shrink:0;font-weight:600}.category-info-note{margin:0;color:var(--color-gray-300, #d1d5db)}.category-info-row--total{margin-top:.125rem;padding-top:.375rem;border-top:1px solid rgba(255,255,255,.2);font-weight:700}.activity-info-block+.activity-info-block{margin:.375rem -.625rem 0;padding:.375rem .625rem 0;border-top:1px solid rgba(255,255,255,.2)}.activity-info-block-label{margin:0 0 .125rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--color-gray-300, #d1d5db)}.invoice-alloc{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--color-gray-200);border-radius:12px;background:var(--color-background-light)}.invoice-alloc-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.invoice-alloc-title{margin:0;font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.invoice-alloc-add{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border:1px solid var(--color-primary);border-radius:var(--border-radius);background:transparent;color:var(--color-primary);font-size:.8125rem;font-weight:600;cursor:pointer}.invoice-alloc-add:disabled{border-color:var(--color-gray-300);color:var(--color-gray-400);cursor:not-allowed}.invoice-alloc-add svg{width:.875rem;height:.875rem}.invoice-alloc-empty{margin:0;font-size:var(--font-size-description);color:var(--font-color-description)}.invoice-alloc-row{display:flex;flex-direction:column;gap:.25rem}.invoice-alloc-row-main{display:flex;align-items:center;gap:.5rem}.invoice-alloc-row-info{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.invoice-alloc-doc{font-size:.875rem;font-weight:600;color:var(--color-gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-alloc-meta{font-size:var(--font-size-description);color:var(--font-color-description)}.invoice-alloc-amount{width:7rem;flex-shrink:0;text-align:right}.invoice-alloc-remove{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;border:none;border-radius:999px;background:transparent;color:var(--color-primary);cursor:pointer}.invoice-alloc-remove svg{width:1.125rem;height:1.125rem}.invoice-alloc-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.25rem;border-top:1px dashed var(--color-gray-300);font-size:.8125rem;font-weight:600;color:var(--color-gray-700)}.invoice-alloc-over{color:var(--color-danger)}.invoice-alloc-error{color:var(--color-danger);font-size:.75rem}.drawer-section-divider{height:1px;flex-shrink:0;background-color:var(--color-gray-200);margin:.25rem -1rem}.mapping-info-title{margin:0 0 .125rem;font-weight:700;color:#fff}.mapping-info-section{display:flex;flex-direction:column;gap:.25rem}.mapping-info-section+.mapping-info-section{margin:.375rem -.625rem 0;padding:.5rem .625rem 0;border-top:1px solid rgba(255,255,255,.2)}@keyframes select-drawer-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes select-drawer-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes select-drawer-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes select-drawer-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.select-drawer-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1302;animation:select-drawer-fadeIn .2s ease-out;pointer-events:auto}.select-drawer-overlay--closing{animation:select-drawer-fadeOut .25s ease-out forwards}.select-drawer-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);border-left:1px solid var(--color-gray-200);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);z-index:1303;display:flex;flex-direction:column;animation:select-drawer-slideInRight .25s ease-out}.select-drawer-panel--closing{animation:select-drawer-slideOutRight .25s ease-out forwards}.select-drawer-header{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1rem 1rem .75rem;background:var(--color-background-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.select-drawer-back{position:absolute;left:.75rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;background:transparent;color:var(--color-gray-700);cursor:pointer;border-radius:var(--border-radius);transition:background-color .2s ease-in-out}.select-drawer-back:hover{background:var(--color-background-light);color:var(--color-primary)}.select-drawer-back svg{width:1.5rem;height:1.5rem}.select-drawer-title{flex:1;min-width:0;font-size:1.125rem;font-weight:600;color:var(--color-gray-900);margin:0;text-align:center}.select-drawer-header-spacer{width:2.5rem;flex-shrink:0}.select-drawer-body{flex:1;overflow-y:auto;padding:1rem;min-width:0}.select-drawer-empty{font-size:.875rem;color:var(--color-gray-500);padding:1rem 0}.select-drawer-sections-stack{display:flex;flex-direction:column;gap:.75rem}.select-drawer-section-card{background:var(--color-background-white);border:1px solid var(--color-gray-200);border-radius:10px;box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);overflow:hidden}.select-drawer-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;margin:0;background:var(--color-background-light);border:none;cursor:pointer;text-align:left}.select-drawer-section-header:focus{outline:none}.select-drawer-section-header:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.select-drawer-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500)}.select-drawer-section-arrow{width:16px;height:16px;color:var(--color-gray-500);transition:transform .2s ease-in-out;flex-shrink:0}.select-drawer-section-arrow.open{transform:rotate(180deg)}.select-drawer-section-body{display:flex;flex-direction:column;border-top:1px solid var(--color-gray-200)}.select-drawer-item-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;margin:0;background:var(--color-background-white);border:none;border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);font-weight:500;font-size:.875rem;cursor:pointer;text-align:left;transition:background-color .2s ease-in-out}.select-drawer-item-row:last-child{border-bottom:none}.select-drawer-item-row:hover{background-color:var(--color-background-light)}.select-drawer-item-label{flex:1;min-width:0;text-align:left}.select-drawer-item-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--color-primary)}.select-drawer-item-check svg{width:1.25rem;height:1.25rem}.select-drawer-footer{display:flex;gap:.75rem;padding:1rem;border-top:1px solid var(--color-gray-200);flex-shrink:0}.select-drawer-footer-btn{flex:1}@media(max-width:768px){.select-drawer-panel{left:0;right:0;width:100%;animation:select-drawer-slideUp .3s ease-out}.select-drawer-panel.select-drawer-panel--closing{animation:select-drawer-slideOutDown .3s ease-out forwards}@keyframes select-drawer-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes select-drawer-slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}.filter-drawer-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1000;animation:filter-drawer-fadeIn .22s ease}.filter-drawer-overlay--closing{animation:filter-drawer-fadeOut .28s ease forwards}@keyframes filter-drawer-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes filter-drawer-fadeOut{0%{opacity:1}to{opacity:0}}.filter-drawer-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);z-index:1001;display:flex;flex-direction:column;animation:filter-drawer-slideInRight .28s ease}.filter-drawer-panel--closing{animation:filter-drawer-slideOutRight .28s ease forwards}@keyframes filter-drawer-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes filter-drawer-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.filter-drawer-two-col{display:flex;flex:1;min-height:0;overflow:hidden}.filter-drawer-sidebar{width:160px;flex-shrink:0;border-right:1px solid var(--color-gray-200);overflow-y:auto;padding:.5rem 0}.filter-drawer-sidebar-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;font-size:var(--font-size-field);font-weight:500;color:var(--color-gray-700);background:transparent;border:none;cursor:pointer}.filter-drawer-sidebar-item:hover{background:var(--color-background-light)}.filter-drawer-sidebar-item.active{background:var(--color-background-light);color:var(--color-primary);font-weight:700;border-right:2px solid var(--color-primary)}.filter-drawer-main{flex:1;overflow-y:auto;padding:1rem}.filter-drawer-footer{display:flex;gap:.75rem;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-gray-200);flex-shrink:0}.filter-drawer-btn{flex:1}.selectable-list{display:flex;flex-direction:column}.selectable-list-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 0;gap:.5rem;text-align:left;font-size:var(--font-size-field);color:var(--color-gray-900);background:none;border:none;border-bottom:1px solid var(--color-gray-200);cursor:pointer}.selectable-list-item:last-child{border-bottom:none}.selectable-list-item:hover{background:var(--color-background-light)}.selectable-list-item-label{flex:1;min-width:0}.selectable-list-item-check{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.selectable-list-item-check svg{width:1.25rem;height:1.25rem}.selectable-list--sections{gap:0}.selectable-list--sections .selectable-list-section-header,.selectable-list--sections .selectable-list-item{padding:.875rem 0;border-bottom:1px solid var(--color-gray-200)}.selectable-list--sections .selectable-list-item:last-child{border-bottom:1px solid var(--color-gray-200)}.selectable-list-section{display:flex;flex-direction:column}.selectable-list-section-header{font-size:var(--font-size-field);font-weight:700;color:var(--color-gray-900);cursor:default}.selectable-list-section-header-label{display:block}.selectable-list-section .selectable-list-section-item{padding-left:1rem}.selectable-list--sections .selectable-list-item.selectable-list-section-item-parent{font-weight:700}.selectable-list-empty{font-size:var(--font-size-field);color:var(--color-gray-500);padding:1rem 0}@media(max-width:768px){.filter-drawer-panel{width:100%;animation:filter-drawer-slideUp .28s ease}.filter-drawer-panel--closing{animation:filter-drawer-slideOutDown .28s ease forwards}@keyframes filter-drawer-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes filter-drawer-slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}.invoice-select-empty{text-align:center;font-size:.875rem;color:var(--color-gray-500);padding:1.5rem 0}.invoice-select-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem .5rem;background:transparent;border:none;border-bottom:1px solid var(--color-gray-100);text-align:left;cursor:pointer}.invoice-select-row:hover{background:var(--color-gray-50)}.invoice-select-row--selected{background:#eff6ff}.invoice-select-check{flex:0 0 1.25rem;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--color-gray-300);border-radius:.25rem;font-size:.75rem;line-height:1;color:#fff}.invoice-select-row--selected .invoice-select-check{background:#3b82f6;border-color:#3b82f6}.invoice-select-main{display:flex;flex-direction:column;gap:.125rem;min-width:0;flex:1 1 auto}.invoice-select-doc{font-size:.875rem;font-weight:600;color:var(--color-gray-900)}.invoice-select-meta{font-size:.75rem;color:var(--color-gray-500)}.invoice-select-pending{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem;flex:0 0 auto}.invoice-select-pending-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-gray-400)}.invoice-select-pending-amount{font-size:.875rem;font-weight:600;color:#c2410c}.ledger-body{padding-bottom:2rem}.ledger-filter-row{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-bottom:1.25rem}.ledger-export-trigger{position:relative;display:flex;align-items:center;gap:.5rem}.ledger-export-trigger-error{color:var(--color-danger);font-size:var(--font-size-field)}.ledger-export-format-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:160px;padding:.25rem;border:1px solid var(--color-gray-200);border-radius:10px;background:var(--color-background-white);box-shadow:0 8px 24px #0000001f}.ledger-export-format-option{display:block;width:100%;padding:.5rem .625rem;border:none;border-radius:8px;background:none;text-align:left;font-size:var(--font-size-field);color:var(--color-gray-700);cursor:pointer}.ledger-export-format-option:hover{background:var(--color-gray-50);color:var(--color-primary)}.ledger-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.ledger-summary-card{border-radius:12px!important;padding:.875rem 1rem!important;border:1px solid var(--color-gray-200)!important;text-align:center}.ledger-summary-label{margin:0 0 .25rem;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-gray-500)}.ledger-summary-amount{margin:0;font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);line-height:1.2}html.ledger-no-scroll,body.ledger-no-scroll{overflow:hidden;height:100%;overscroll-behavior:none}.ledger-no-scroll .app-main,.ledger-no-scroll .app-container,.app-container:has(.ledger-body){overflow:hidden}.ledger-table-wrapper{border:1px solid var(--color-gray-200);border-radius:12px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--color-background-white)}.ledger-th{position:sticky;top:0;z-index:2;background:var(--color-gray-50);box-shadow:inset 0 -2px 0 var(--color-gray-200)}.ledger-tfoot .ledger-td{position:sticky;bottom:0;z-index:2;background:var(--color-gray-50);box-shadow:inset 0 2px 0 var(--color-gray-200)}.ledger-table{width:100%;border-collapse:collapse;table-layout:auto}.ledger-table-header{background:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200)}.ledger-th{padding:.625rem 1rem;font-size:var(--font-size-label);font-weight:var(--font-weight-label);text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500);text-align:left;white-space:nowrap}.ledger-th--date{width:7.5rem}.ledger-th--details{width:14rem}.ledger-th--type,.ledger-th--refno{width:6.5rem}.ledger-th--site{width:9rem}.ledger-th--mode{width:8rem}.ledger-th--account{width:9rem}.ledger-th--amount{width:8.5rem;text-align:right}.ledger-tr{border-bottom:1px solid var(--color-gray-100)}.ledger-tr:last-child{border-bottom:none}.ledger-tr:hover{background:var(--color-gray-50)}.ledger-td{padding:.625rem 1rem;font-size:var(--font-size-description);color:var(--color-gray-900);vertical-align:middle;white-space:nowrap}.ledger-td--date{font-size:var(--font-size-date);font-weight:var(--font-weight-date);color:var(--color-gray-500);white-space:nowrap}.ledger-td--type{vertical-align:middle}.ledger-td--refno{color:var(--color-gray-500);white-space:nowrap}.ledger-td--details{width:14rem;vertical-align:top}.ledger-td--site{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-td--site .site-badge,.ledger-td--mode .payment-mode-badge{overflow:hidden;text-overflow:ellipsis;max-width:100%}.ledger-td--account{color:var(--color-gray-500);white-space:nowrap}.ledger-remarks{margin:.125rem 0 0;font-size:var(--font-size-description);font-weight:var(--font-weight-description);color:var(--font-color-description);line-height:1.3}.ledger-detail-line{margin:.125rem 0 0;font-size:var(--font-size-description);color:var(--color-gray-900);line-height:1.3}.ledger-td--amount{text-align:right;font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);white-space:nowrap}.ledger-tfoot{border-top:2px solid var(--color-gray-200);background:var(--color-gray-50)}.ledger-td--total-label{font-weight:var(--font-weight-amount);font-size:var(--font-size-amount);color:var(--color-gray-900);text-align:right}.ledger-tfoot .ledger-td--amount{font-weight:var(--font-weight-amount);font-size:var(--font-size-amount)}.ledger-error{color:var(--color-danger);font-size:var(--font-size-field);margin-bottom:.75rem}.ledger-empty{padding:2rem 1rem;text-align:center;color:var(--color-gray-400);font-size:var(--font-size-description)}.ledger-empty--page{margin:0;border:1px solid var(--color-gray-200);border-radius:12px;background:var(--color-background-white)}.ledger-load-more-btn{width:100%;margin-top:1rem;padding:.625rem 1rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-600);font-size:var(--font-size-field);font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.ledger-load-more-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.ledger-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.ledger-export-drawer-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1300;animation:ledger-export-drawer-fadeIn .22s ease}.ledger-export-drawer-overlay--closing{animation:ledger-export-drawer-fadeOut .28s ease forwards}@keyframes ledger-export-drawer-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ledger-export-drawer-fadeOut{0%{opacity:1}to{opacity:0}}.ledger-export-drawer-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);z-index:1301;display:flex;flex-direction:column;animation:ledger-export-drawer-slideInRight .28s ease}.ledger-export-drawer-panel--closing{animation:ledger-export-drawer-slideOutRight .28s ease forwards}@keyframes ledger-export-drawer-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ledger-export-drawer-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.ledger-export-drawer-body{flex:1;min-height:0;overflow-y:auto;padding:1rem 1.25rem 1.5rem}@media(max-width:768px){.ledger-export-drawer-panel{width:100%;animation:ledger-export-drawer-slideUp .28s ease}.ledger-export-drawer-panel--closing{animation:ledger-export-drawer-slideOutDown .28s ease forwards}@keyframes ledger-export-drawer-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ledger-export-drawer-slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}.ledger-export-rows{display:flex;flex-direction:column;gap:.625rem}.ledger-export-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border:1px solid var(--color-gray-200);border-radius:12px;background:var(--color-background-white)}.ledger-export-row-main{display:flex;flex-direction:column;gap:.25rem;min-width:0}.ledger-export-row-top{display:flex;align-items:center;gap:.75rem;min-width:0}.ledger-export-row-name{font-size:var(--font-size-description);color:var(--color-gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-export-row-date{font-size:var(--font-size-field);color:var(--color-gray-400);white-space:nowrap}.ledger-export-spin-icon{animation:ledger-export-spin 1s linear infinite}@keyframes ledger-export-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ledger-export-file-type{flex-shrink:0;padding:.1875rem .5rem;border-radius:6px;border:1px solid var(--color-gray-200);background:var(--color-gray-50);color:var(--color-gray-500);font-size:.6875rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}@media(max-width:768px){.ledger-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.ledger-table{width:-moz-max-content;width:max-content;min-width:100%}}.loan-list-panels{margin-top:.5rem}.loan-list-panels>.app-tabbar{margin-bottom:1rem}.loan-search-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem}.loan-search-input{flex:1;min-width:0;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.875rem}.loan-search-input::-moz-placeholder{color:var(--color-gray-400)}.loan-search-input::placeholder{color:var(--color-gray-400)}.loan-search-input:focus{outline:none;border-color:var(--color-primary)}.loan-add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem!important;font-size:.9375rem!important;flex-shrink:0}.loan-add-btn-icon{width:1.25rem;height:1.25rem}.loan-add-btn-label{display:none}@media(min-width:769px){.loan-add-btn-label{display:inline}}.loan-list{display:flex;flex-direction:column;gap:.875rem}.loan-load-more-btn{width:100%;padding:.625rem 1rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-600);font-size:.875rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease}.loan-load-more-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.loan-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.loan-empty{text-align:center;padding:3rem 1rem;color:var(--color-gray-500);font-size:.9375rem}.loan-card{border:1px solid var(--color-gray-200)!important;box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md)!important;padding:.875rem 1rem!important;cursor:pointer;transition:border-color .15s ease}.loan-card--closed{background:var(--color-gray-100)!important;opacity:.75}.loan-card-top{margin-bottom:.5rem}.loan-card-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.loan-card-name{margin:0;font-size:.9375rem;font-weight:700;color:var(--color-gray-900);line-height:1.3}.loan-card-type-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:600}.loan-card-type-badge--borrowed{background:#fee2e2;color:#991b1b}.loan-card-type-badge--lent{background:#dcfce7;color:#166534}.loan-card-closed-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:600;background:var(--color-gray-200);color:var(--color-gray-600)}.loan-card-amounts{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.loan-card-amount-block{display:flex;flex-direction:column;gap:.125rem}.loan-card-amount-block--right{text-align:right}.loan-card-amount-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-500)}.loan-card-amount-value{font-size:1rem;font-weight:800;color:var(--color-gray-900)}.loan-card-amount-value--outstanding{color:#b45309}.loan-card-amount-value--settled{color:#047857}.loan-card-progress{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.loan-card-progress-bar{flex:1;height:6px;background:var(--color-gray-200);border-radius:3px;overflow:hidden}.loan-card-progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease}.loan-card-progress-text{font-size:.6875rem;font-weight:600;color:var(--color-gray-500);white-space:nowrap;flex-shrink:0}.loan-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem}.loan-card-chip{display:inline-flex;align-items:center;padding:.125rem .5rem;background:var(--color-gray-100);color:var(--color-gray-600);border-radius:6px;font-size:.6875rem;font-weight:500}.loan-card-chip--ecs{background:#dbeafe;color:#1e40af;font-weight:600}.loan-drawer-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1300;animation:loan-drawer-fadeIn .2s ease-out}@keyframes loan-drawer-fadeIn{0%{opacity:0}to{opacity:1}}.loan-drawer-overlay--closing{animation:loan-drawer-fadeOut .25s ease-out forwards}@keyframes loan-drawer-fadeOut{0%{opacity:1}to{opacity:0}}.loan-drawer-panel{position:fixed;top:0;right:0;width:440px;max-width:100%;height:100vh;background:var(--color-background-white);border-left:1px solid var(--color-gray-200);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);z-index:1301;display:flex;flex-direction:column;animation:loan-drawer-slideInRight .25s ease-out}@keyframes loan-drawer-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.loan-drawer-panel--closing{animation:loan-drawer-slideOutRight .25s ease-out forwards}@keyframes loan-drawer-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.loan-drawer-header{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:1px solid var(--color-gray-200)}.loan-drawer-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-gray-900)}.loan-drawer-back{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border:none;background:transparent;color:var(--color-gray-700);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.loan-drawer-back svg{width:1.25rem;height:1.25rem}.loan-drawer-back:hover{background:var(--color-background-light);color:var(--color-primary)}.loan-drawer-header-spacer{position:absolute;right:.75rem;width:2rem;height:2rem}.loan-drawer-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.loan-drawer-field{display:flex;flex-direction:column;gap:.25rem}.loan-drawer-label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.loan-drawer-required{color:var(--color-danger)}.loan-drawer-input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.9375rem}.loan-drawer-input::-moz-placeholder{color:var(--color-gray-400)}.loan-drawer-input::placeholder{color:var(--color-gray-400)}.loan-drawer-input:focus{outline:none;border-color:var(--color-primary)}.loan-drawer-error{color:var(--color-danger);font-size:.75rem}.loan-drawer-error--submit{margin:0;font-size:.8125rem}.loan-drawer-footer{display:flex;gap:.75rem;padding:1rem;border-top:1px solid var(--color-gray-200)}.loan-drawer-footer-btn{flex:1}.loan-drawer-tenure-row{display:flex;gap:.75rem}.loan-drawer-field--half{flex:1;min-width:0}.loan-drawer-group-section{border-top:1px solid var(--color-gray-200);padding-top:.75rem;margin-top:.25rem;display:flex;flex-direction:column;gap:.75rem}.loan-drawer-group-title{font-size:.8125rem;font-weight:700;color:var(--color-gray-900);text-transform:uppercase;letter-spacing:.04em}.loan-drawer-ecs-section{border-top:1px solid var(--color-gray-200);padding-top:.75rem;margin-top:.25rem}.loan-drawer-ecs-toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.loan-drawer-ecs-fields{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}@media(max-width:768px){.loan-drawer-panel{width:100%;left:0;right:0;animation:loan-drawer-slideUp .3s ease-out}.loan-drawer-panel.loan-drawer-panel--closing{animation:loan-drawer-slideOutDown .3s ease-out forwards}@keyframes loan-drawer-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes loan-drawer-slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}.pc-toolbar-btn{flex-shrink:0}.pc-toolbar-btn .app-button-label{display:none}@media(min-width:769px){.pc-toolbar-btn .app-button-label{display:inline}}html.pc-list-no-scroll,body.pc-list-no-scroll{overflow:hidden;height:100%;overscroll-behavior:none}.pc-list-no-scroll .app-main,.pc-list-no-scroll .app-container,.app-container:has(.pc-list-scroll){overflow:hidden}.pc-list-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 2px .5rem;margin:0 -2px}.pc-tab-panels{margin-top:0}.pc-search-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.pc-add-btn{flex-shrink:0}.pc-search-row .pc-filter-trigger{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-background-white);color:var(--color-gray-700);font-size:.9375rem;font-weight:600;cursor:pointer;flex-shrink:0}.pc-search-row .pc-filter-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.pc-search-row .pc-filter-trigger-label{display:none}.pc-search-row .pc-add-trigger .pc-add-trigger-icon{width:1.25rem;height:1.25rem}.pc-search-row .pc-filter-trigger.pc-add-trigger.btn-primary{padding:.625rem 1rem!important;font-size:.9375rem!important}@media(min-width:769px){.pc-search-row .pc-filter-trigger-label{display:inline}}.pc-search-input{flex:1;min-width:0;width:auto;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.875rem}.pc-search-input::-moz-placeholder{color:var(--color-gray-400)}.pc-search-input::placeholder{color:var(--color-gray-400)}.pc-search-input:focus{outline:none;border-color:var(--color-primary)}.pc-list-stack{display:flex;flex-direction:column;gap:.75rem}.pc-row-card{border:1px solid var(--color-gray-200)!important;box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md)!important;border-radius:12px!important;padding:.75rem 1rem!important}.pc-row-card--inactive{background:var(--color-gray-100)!important}.pc-row-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.pc-row-left{flex:1;min-width:0}.pc-row-title{margin:0;color:var(--color-gray-900);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:1.3}.pc-row-description{margin:.125rem 0 0;color:var(--font-color-description);font-size:var(--font-size-description);font-weight:var(--font-weight-description);line-height:1.4;white-space:pre-wrap;word-break:break-word}.pc-row-right{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.pc-row-chevron{width:1.25rem;height:1.25rem;color:var(--color-gray-400);flex-shrink:0}.pc-row-badge{margin:.25rem 0 0;font-size:.75rem;color:var(--color-primary);font-weight:500}.pc-drawer-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1300;animation:pc-drawer-fadeIn .2s ease-out}@keyframes pc-drawer-fadeIn{0%{opacity:0}to{opacity:1}}.pc-drawer-overlay--closing{animation:pc-drawer-fadeOut .25s ease-out forwards}@keyframes pc-drawer-fadeOut{0%{opacity:1}to{opacity:0}}.pc-drawer-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);border-left:1px solid var(--color-gray-200);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);z-index:1301;display:flex;flex-direction:column;animation:pc-drawer-slideInRight .25s ease-out}@keyframes pc-drawer-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.pc-drawer-panel--closing{animation:pc-drawer-slideOutRight .25s ease-out forwards}@keyframes pc-drawer-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.pc-drawer-header{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:1px solid var(--color-gray-200)}.pc-drawer-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-gray-900)}.pc-drawer-back{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border:none;background:transparent;color:var(--color-gray-700);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pc-drawer-back svg{width:1.25rem;height:1.25rem}.pc-drawer-back:hover{background:var(--color-background-light);color:var(--color-primary)}.pc-drawer-header-spacer{position:absolute;right:.75rem;width:2rem;height:2rem}.pc-drawer-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.pc-drawer-field{display:flex;flex-direction:column;gap:.25rem}.pc-drawer-label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.pc-drawer-required{color:var(--color-danger)}.pc-drawer-input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.9375rem}.pc-drawer-input::-moz-placeholder{color:var(--color-gray-400)}.pc-drawer-input::placeholder{color:var(--color-gray-400)}.pc-drawer-input:focus{outline:none;border-color:var(--color-primary)}.pc-drawer-textarea{resize:vertical;min-height:4.5rem}.pc-drawer-error{color:var(--color-danger);font-size:.75rem}.pc-drawer-error--submit{margin:0;font-size:.8125rem}.pc-drawer-footer{display:flex;gap:.75rem;padding:1rem;border-top:1px solid var(--color-gray-200)}.pc-drawer-footer-btn{flex:1}.pc-drawer-select-trigger{display:flex;align-items:center;text-align:left;cursor:pointer}.pc-drawer-select-placeholder{color:var(--color-gray-400)}.pc-detail-body{margin-top:.5rem}.pc-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(max-width:480px){.pc-summary-grid{gap:.625rem}}.pc-pane--content>.detail-balance-card{margin:1rem 0}.pc-txn-subgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@container (min-width: 466px){.pc-txn-subgrid{grid-template-columns:repeat(3,1fr)}}html.pc-detail-no-scroll,body.pc-detail-no-scroll{overflow:hidden;height:100%;overscroll-behavior:none}.pc-detail-no-scroll .app-main,.pc-detail-no-scroll .app-container,.app-container:has(.pc-detail-body){overflow:hidden}.pc-detail-list-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 2px .5rem;margin:0 -2px}.pc-carousel{position:relative;overflow-x:hidden}.pc-pane{width:100%}.pc-pane--detail{position:absolute;inset:0;z-index:2;background:var(--color-background-white);overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(100%);transition:transform .3s ease;will-change:transform}.pc-carousel--page1 .pc-pane--detail{transform:translate(0)}.pc-detail-section{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem;container-type:inline-size}.pc-detail-section-search-add{display:flex;align-items:center;gap:.75rem}.pc-detail-section-search{flex:1;min-width:0;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.875rem}.pc-detail-section-search::-moz-placeholder{color:var(--color-gray-400)}.pc-detail-section-search::placeholder{color:var(--color-gray-400)}.pc-detail-section-search:focus{outline:none;border-color:var(--color-primary)}.pc-detail-section-search-add .pc-detail-add-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem!important;font-size:.875rem!important;flex-shrink:0}.pc-detail-add-btn-icon{width:1.25rem;height:1.25rem}.pc-detail-add-btn-label{display:none}@media(min-width:769px){.pc-detail-add-btn-label{display:inline}}.pc-detail-section-list{display:flex;flex-direction:column;gap:.75rem}.pc-detail-section-empty{text-align:center;color:var(--color-gray-500);font-size:var(--font-size-field);padding:2rem 0}.pc-detail-load-more-btn{align-self:center;padding:.5rem 1.5rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-700);font-size:var(--font-size-field);font-weight:600;cursor:pointer}.pc-detail-load-more-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pc-detail-load-more-btn:disabled{opacity:.5;cursor:not-allowed}.pc-activity-swipe.swipe-to-delete-container,.pc-activity-swipe .swipe-to-delete-row,.pc-activity-swipe .swipe-to-delete-actions{border-radius:0}.pc-activity-row{padding:.75rem 1rem;cursor:pointer}.pc-activity-row:hover{background:var(--color-background-light)}.pc-activity-row-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.pc-activity-row-left{display:flex;flex-direction:column;gap:.125rem}.pc-activity-row-date-line{display:flex;align-items:center;gap:.5rem}.pc-activity-type-chip{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:600;white-space:nowrap}.pc-activity-type-chip--recharge{background:#dcfce7;color:#166534}.pc-activity-type-chip--adjustment{background:#fef3c7;color:#92400e}.pc-activity-row-type{font-size:.75rem;color:var(--color-gray-500)}.pc-activity-row-remarks{font-size:var(--font-size-description);font-weight:var(--font-weight-description);color:var(--font-color-description);white-space:pre-wrap;word-break:break-word}.pc-activity-row-right{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.pc-activity-row-amount{font-size:var(--font-size-amount);font-weight:var(--font-weight-amount)}.pc-activity-row-amount--credit{color:var(--color-success)}.pc-activity-row-amount--debit{color:var(--color-danger)}@media(max-width:768px){.pc-search-row{gap:.5rem}.pc-search-row .pc-add-btn{padding:.625rem .75rem!important}.pc-row-main{align-items:center}.pc-drawer-panel{width:100%;left:0;right:0;animation:pc-drawer-slideUp .3s ease-out}.pc-drawer-panel.pc-drawer-panel--closing{animation:pc-drawer-slideOutDown .3s ease-out forwards}@keyframes pc-drawer-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pc-drawer-slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}.tx-toolbar{margin-bottom:.75rem}.tx-toolbar-date-mobile{display:none}.tx-search-filter-row{display:flex;align-items:center;gap:.75rem}@media(max-width:1024px){.tx-toolbar-date-desktop{display:none}.tx-toolbar-date-mobile{display:flex;margin-bottom:.75rem}.tx-toolbar-date-mobile .compact-date-range-group{width:100%;flex-wrap:wrap}.tx-toolbar-date-mobile .compact-date-range-dropdown,.tx-toolbar-date-mobile .compact-date-range-input{flex:1;min-width:0}}.tx-search-filter-row .tx-toolbar-btn{flex-shrink:0}.tx-search-filter-row .tx-toolbar-btn .app-button-label{display:none}@media(min-width:769px){.tx-search-filter-row .tx-toolbar-btn .app-button-label{display:inline}}.tx-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:1rem;margin-bottom:.75rem}.tx-summary-card{padding:1.25rem!important;border:1px solid var(--color-gray-200)!important;box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md)!important;min-width:0}.tx-summary-card--active{background:var(--color-background-light)}.tx-summary-card--income.tx-summary-card--active{border-color:var(--color-success)!important;box-shadow:0 0 0 1px var(--color-success)!important}.tx-summary-card--expense.tx-summary-card--active{border-color:var(--color-danger)!important;box-shadow:0 0 0 1px var(--color-danger)!important}.tx-summary-card--balance.tx-summary-card--active{border-color:var(--color-primary)!important;box-shadow:0 0 0 1px var(--color-primary)!important}.tx-summary-label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-gray-900);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-summary-metric{font-size:.75rem;font-weight:800;line-height:1.2;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-summary-card--income .tx-summary-metric{color:var(--color-success)}.tx-summary-card--expense .tx-summary-metric{color:var(--color-danger)}.tx-summary-card--balance .tx-summary-metric{color:var(--color-primary)}.tx-date-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.tx-date-heading{font-size:.875rem;font-weight:700;color:var(--color-gray-700);margin:0}html.tx-no-scroll,body.tx-no-scroll{overflow:hidden;height:100%;overscroll-behavior:none}.tx-no-scroll .app-main,.tx-no-scroll .app-container,.app-container:has(.tx-list-scroll){overflow:hidden}.tx-list-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 2px .5rem;margin:0 -2px}.tx-load-more-btn{width:100%;margin-top:.75rem;padding:.625rem;border:1px dashed var(--color-gray-300);border-radius:10px;background:transparent;color:var(--color-primary);font-size:.875rem;font-weight:600;cursor:pointer}.tx-load-more-btn:disabled{color:var(--color-gray-400);cursor:not-allowed}.tx-list-groups{display:flex;flex-direction:column;gap:.75rem}@keyframes tx-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tx-skeleton-line{border-radius:.375rem;background:linear-gradient(110deg,var(--color-gray-200) 0%,var(--color-gray-100) 45%,var(--color-gray-200) 90%);background-size:200% 100%;animation:tx-skeleton-shimmer 1.35s ease-in-out infinite}.tx-skeleton-line--date{width:55%;max-width:12rem;height:.875rem}.tx-skeleton-line--total{width:4.5rem;height:.9375rem;justify-self:flex-end;margin-left:auto}.tx-skeleton-line--title{width:70%;height:.875rem}.tx-skeleton-line--muted{width:45%;height:.75rem;opacity:.85}.tx-skeleton-line--short{width:3.5rem;height:.875rem}.tx-skeleton-line--amount{width:4rem;height:.9375rem;justify-self:flex-end}.tx-empty-title{font-size:1rem;font-weight:700;color:var(--color-gray-900);padding:1rem}.tx-empty-subtitle{margin-top:.25rem;color:var(--color-gray-500);padding:0 1rem 1rem}.tx-card{padding:.75rem 1rem;cursor:pointer;background:var(--color-background-white)}.tx-card:hover{background:var(--color-background-light)}.tx-card-row--main{display:flex;align-items:center;gap:.75rem}.tx-card-title{flex:1;font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-gray-900);min-width:0}.tx-card-site-col{width:8rem;display:flex;justify-content:center;flex-shrink:0;overflow:hidden}.tx-card-site-col .site-badge{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-card-pm-col{width:7rem;display:flex;justify-content:center;flex-shrink:0}.tx-card-amount{width:7rem;font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);white-space:nowrap;text-align:right;flex-shrink:0}.tx-card-amount--income{color:var(--color-success)}.tx-card-amount--expense{color:var(--color-danger)}.tx-card-chips{display:flex;gap:.375rem;margin-top:.375rem}.tx-card-chip{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:600;white-space:nowrap}.tx-card-mobile-only{display:none}.tx-card-paid-to{font-size:.75rem;color:var(--color-gray-500);margin-top:.375rem}.tx-card-comment{font-size:var(--font-size-description);font-weight:var(--font-weight-description);color:var(--font-color-description);margin-top:.375rem;white-space:pre-line;line-height:1.4}.tx-item{padding:.75rem 1rem}.tx-item-skeleton{pointer-events:none}.tx-card-body{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:1rem;align-items:start}.tx-col-1{min-width:0;display:flex;flex-direction:column;gap:.25rem}.tx-col-3{display:flex;align-items:center;justify-content:flex-end}@media(max-width:900px){.tx-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.tx-summary-card{padding:.85rem!important}}@media(max-width:768px){.tx-summary-grid{grid-template-columns:1fr;gap:.5rem}.tx-summary-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem!important}.tx-summary-label{margin-bottom:0}}@media(max-width:1024px){.tx-card{padding:.625rem 1rem}.tx-card-desktop-only{display:none}.tx-card-mobile-only{display:block}.tx-card-row--mobile-main{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.tx-card-row--mobile-main .tx-card-amount{width:auto;flex-shrink:0}.tx-card-row--mobile-chips{display:flex;gap:.375rem;margin-top:.375rem}}.tx-filter-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1300;animation:tx-filter-fadeIn .2s ease-out;pointer-events:auto}@keyframes tx-filter-fadeIn{0%{opacity:0}to{opacity:1}}.tx-filter-overlay--closing{animation:tx-filter-fadeOut .25s ease-out forwards}@keyframes tx-filter-fadeOut{0%{opacity:1}to{opacity:0}}.tx-filter-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);border-left:1px solid var(--color-gray-200);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);z-index:1301;display:flex;flex-direction:column;animation:tx-filter-slideInRight .25s ease-out}@keyframes tx-filter-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.tx-filter-panel--closing{animation:tx-filter-slideOutRight .25s ease-out forwards}@keyframes tx-filter-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.tx-filter-header{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1rem 1rem .75rem;background:var(--color-background-white);border-bottom:1px solid var(--color-gray-200);flex-shrink:0}.tx-filter-back{position:absolute;left:.75rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;background:transparent;color:var(--color-gray-700);cursor:pointer;border-radius:var(--border-radius);transition:background-color .2s ease-in-out}.tx-filter-back:hover{background:var(--color-background-light);color:var(--color-primary)}.tx-filter-back svg{width:1.5rem;height:1.5rem}.tx-filter-title{flex:1;min-width:0;font-size:1.125rem;font-weight:600;color:var(--color-gray-900);margin:0;text-align:center}.tx-filter-header-left,.tx-filter-header-spacer{width:2.5rem;flex-shrink:0}.tx-filter-two-col{flex:1;display:flex;min-height:0}.tx-filter-sidebar{width:160px;flex-shrink:0;background:var(--color-gray-100);border-right:1px solid var(--color-gray-200);padding:.5rem 0;overflow-y:auto}.tx-filter-sidebar-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:500;color:var(--color-gray-700);background:none;border:none;cursor:pointer}.tx-filter-sidebar-item:hover{background:var(--color-gray-200)}.tx-filter-sidebar-item.active{background:var(--color-background-white);color:var(--color-primary);font-weight:600;border-left:3px solid var(--color-primary)}.tx-filter-main{flex:1;overflow-y:auto;padding:1rem;min-width:0}.tx-filter-selectable-list{display:flex;flex-direction:column}.tx-filter-selectable-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.875rem 0;text-align:left;font-size:.9375rem;color:var(--color-gray-900);background:none;border:none;border-bottom:1px solid var(--color-gray-200);cursor:pointer;gap:.5rem}.tx-filter-selectable-item:last-child{border-bottom:none}.tx-filter-selectable-item:hover{background:var(--color-background-light)}.tx-filter-selectable-item-label{flex:1;min-width:0}.tx-filter-selectable-item-check{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.tx-filter-selectable-item-check svg{width:1.25rem;height:1.25rem}.tx-filter-section-list{gap:0}.tx-filter-section-list .tx-filter-section-header,.tx-filter-section-list .tx-filter-selectable-item{padding:.875rem 0;border-bottom:1px solid var(--color-gray-200)}.tx-filter-section-list .tx-filter-selectable-item:last-child{border-bottom:1px solid var(--color-gray-200)}.tx-filter-section{display:flex;flex-direction:column}.tx-filter-section-header{font-size:.9375rem;font-weight:700;color:var(--color-gray-900);cursor:default}.tx-filter-section-header-label{display:block}.tx-filter-section .tx-filter-section-item{padding-left:1rem}.tx-filter-section-list .tx-filter-selectable-item.tx-filter-section-item-parent{font-weight:700}.tx-filter-empty{font-size:.875rem;color:var(--color-gray-500);padding:1rem 0}.tx-filter-date-range{display:flex;flex-direction:column;gap:.75rem}.tx-filter-date-type-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.25rem}.tx-filter-select{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-background-white);color:var(--color-gray-900)}.tx-filter-select:focus{outline:none;border-color:var(--color-primary)}.tx-filter-custom-dates{display:flex;flex-direction:column;gap:.75rem}.tx-filter-date-type .tx-filter-select{margin-bottom:.5rem}.tx-filter-date-field-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.25rem}.tx-filter-input{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-background-white);color:var(--color-gray-900)}.tx-filter-input:focus{outline:none;border-color:var(--color-primary)}.tx-filter-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--color-gray-200);flex-shrink:0}.tx-filter-footer .tx-filter-btn{flex:1}@media(max-width:768px){.tx-filter-header-left{display:none}.tx-filter-panel{top:0;left:0;right:0;width:100%;min-height:100vh;height:100vh;max-height:none;border-radius:0;border-left:none;border-top:none;animation:tx-filter-slideUp .3s ease-out}.tx-filter-panel.tx-filter-panel--closing{animation:tx-filter-slideOutDown .3s ease-out forwards}@supports (height: 100dvh){.tx-filter-panel{min-height:100dvh;height:100dvh}}@keyframes tx-filter-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tx-filter-slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.tx-filter-sidebar{width:130px}.tx-filter-sidebar-item{font-size:.8125rem;padding:.625rem .75rem}.tx-filter-main{padding:.75rem}}.tx-add-drawer-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1300;animation:tx-filter-fadeIn .2s ease-out;pointer-events:auto}.tx-add-drawer-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);border-left:1px solid var(--color-gray-200);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);z-index:1301;display:flex;flex-direction:column;animation:tx-filter-slideInRight .25s ease-out}.tx-add-drawer-panel.tx-filter-panel--closing{animation:tx-filter-slideOutRight .25s ease-out forwards}.tx-add-drawer-overlay.tx-filter-overlay--closing{animation:tx-filter-fadeOut .25s ease-out forwards}.tx-add-drawer-body{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.tx-add-drawer-error{padding:.75rem 1rem;background:#fef2f2;color:var(--color-danger);font-size:.875rem;border-radius:var(--border-radius)}.tx-add-drawer-field{display:flex;flex-direction:column;gap:.25rem}.tx-add-drawer-label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.tx-add-drawer-input{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-background-white);color:var(--color-gray-900)}.tx-add-drawer-input:focus{outline:none;border-color:var(--color-primary)}.tx-add-drawer-trigger{width:100%;padding:.5rem .75rem;font-size:.875rem;text-align:left;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-background-white);color:var(--color-gray-700);cursor:pointer}.tx-add-drawer-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.tx-add-drawer-textarea{resize:vertical;min-height:4rem}.tx-add-drawer-hint{font-size:.75rem;color:var(--color-gray-500)}.tx-add-drawer-field-error{font-size:.75rem;color:var(--color-danger)}.tx-add-drawer-file-input-hidden{display:none}.tx-add-drawer-attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.5rem;margin-top:.5rem}.tx-add-drawer-attachment-thumb{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--color-gray-200);border-radius:var(--border-radius);overflow:hidden;background:var(--color-background-light)}.tx-add-drawer-attachment-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.tx-add-drawer-attachment-pdf{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--color-gray-700);background:var(--color-gray-100)}.tx-add-drawer-attachment-pdf-preview{width:100%;height:100%;border:none;display:block;background:var(--color-gray-100);pointer-events:none}.tx-add-drawer-attachment-add{width:100%;aspect-ratio:1;border:1px dashed var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-background-white);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;cursor:pointer}.tx-add-drawer-attachment-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-background-light)}.tx-add-drawer-attachment-add svg{width:1.25rem;height:1.25rem}.tx-add-drawer-attachment-remove{position:absolute;top:.25rem;right:.25rem;z-index:1;width:1.25rem;height:1.25rem;border:none;border-radius:9999px;background:var(--color-shadow-overlay);color:var(--color-background-white);display:flex;align-items:center;justify-content:center;cursor:pointer}.tx-add-drawer-attachment-remove:hover{background:var(--color-danger)}.tx-add-drawer-attachment-remove svg{width:.875rem;height:.875rem}.tx-add-drawer-list{flex:1;overflow-y:auto;padding:.5rem 0}@media(max-width:768px){.tx-add-drawer-panel{left:0;right:0;width:100%;animation:tx-filter-slideUp .3s ease-out}.tx-add-drawer-panel.tx-filter-panel--closing{animation:tx-filter-slideOutDown .3s ease-out forwards}}.ce-search-filter-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.ce-search-filter-row .ce-toolbar-btn{flex-shrink:0}.ce-search-filter-row .ce-toolbar-btn .app-button-label{display:none}@media(min-width:769px){.ce-search-filter-row .ce-toolbar-btn .app-button-label{display:inline}}html.ce-no-scroll,body.ce-no-scroll{overflow:hidden;height:100%;overscroll-behavior:none}.ce-no-scroll .app-main,.ce-no-scroll .app-container,.app-container:has(.ce-list-scroll){overflow:hidden}.ce-list-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 2px .5rem;margin:0 -2px}.ce-load-more-btn{width:100%;margin-top:.75rem;padding:.625rem;border:1px dashed var(--color-gray-300);border-radius:10px;background:transparent;color:var(--color-primary);font-size:.875rem;font-weight:600;cursor:pointer}.ce-load-more-btn:disabled{color:var(--color-gray-400);cursor:not-allowed}.ce-list-groups{display:flex;flex-direction:column;gap:.75rem}.ce-empty-title{font-size:1rem;font-weight:700;color:var(--color-gray-900);padding:1rem}.ce-empty-subtitle{margin-top:.25rem;color:var(--color-gray-500);padding:0 1rem 1rem}.ce-card{padding:.75rem 1rem;cursor:pointer}.ce-card:hover{background:var(--color-background-light)}.ce-card-row--main{display:flex;align-items:center;gap:.75rem}.ce-card-title{flex:1;font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-gray-900);min-width:0}.ce-card-site-col{width:8rem;display:flex;justify-content:center;flex-shrink:0;overflow:hidden}.ce-card-site-col .site-badge{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ce-card-row--payment{display:flex;align-items:center;gap:.5rem;min-width:0;margin-top:.375rem}.ce-card-pm-account{font-size:.8125rem;font-weight:500;color:var(--color-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.ce-card-site-mobile{display:none}.ce-card-amount-group{width:7rem;display:flex;align-items:center;justify-content:flex-end;gap:.375rem;flex-shrink:0}.ce-card-amount{font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);white-space:nowrap;text-align:right;color:var(--color-danger)}.ce-card-comment{font-size:var(--font-size-description);font-weight:var(--font-weight-description);color:var(--font-color-description);margin-top:.375rem;white-space:pre-line;line-height:1.4}@media(max-width:1024px){.ce-card{padding:.625rem 1rem}.ce-card-row--main{align-items:baseline}.ce-card-site-col{display:none}.ce-card-amount-group{width:auto}.ce-card-site-mobile{display:flex;margin-top:.375rem}}.ce-filter-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1000;animation:ce-filter-fadeIn .22s ease}.ce-filter-overlay--closing{animation:ce-filter-fadeOut .28s ease forwards}@keyframes ce-filter-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ce-filter-fadeOut{0%{opacity:1}to{opacity:0}}.ce-filter-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);z-index:1001;display:flex;flex-direction:column;animation:ce-filter-slideInRight .28s ease}.ce-filter-panel--closing{animation:ce-filter-slideOutRight .28s ease forwards}@keyframes ce-filter-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ce-filter-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.ce-filter-two-col{display:flex;flex:1;min-height:0;overflow:hidden}.ce-filter-sidebar{width:160px;flex-shrink:0;border-right:1px solid var(--color-gray-200);overflow-y:auto;padding:.5rem 0}.ce-filter-sidebar-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:500;color:var(--color-gray-700);background:transparent;border:none;cursor:pointer}.ce-filter-sidebar-item:hover{background:var(--color-background-light)}.ce-filter-sidebar-item.active{background:var(--color-background-light);color:var(--color-primary);font-weight:700;border-right:2px solid var(--color-primary)}.ce-filter-main{flex:1;overflow-y:auto;padding:1rem}.ce-filter-footer{display:flex;gap:.75rem;padding:1rem 1.25rem;border-top:1px solid var(--color-gray-200);flex-shrink:0}.ce-filter-btn{flex:1}.ce-add-drawer-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1300;animation:ce-filter-fadeIn .22s ease}.ce-add-drawer-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);border-left:1px solid var(--color-gray-200);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);z-index:1301;display:flex;flex-direction:column;animation:ce-filter-slideInRight .28s ease}.ce-add-drawer-panel.ce-filter-panel--closing{animation:ce-filter-slideOutRight .28s ease forwards}.ce-add-drawer-body{flex:1;min-height:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.ce-add-drawer-error{padding:.75rem 1rem;border-radius:var(--border-radius);background:#fef2f2;color:#991b1b;font-size:.875rem;font-weight:500}.ce-add-drawer-footer{display:flex;gap:.75rem;padding:1rem 1.25rem calc(1rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-gray-200);background:var(--color-background-white);flex-shrink:0}.ce-add-drawer-footer-btn{flex:1}@media(max-width:768px){.ce-filter-panel,.ce-add-drawer-panel{width:100%;animation:ce-filter-slideUp .28s ease}.ce-filter-panel--closing,.ce-add-drawer-panel.ce-filter-panel--closing{animation:ce-filter-slideOutDown .28s ease forwards}@keyframes ce-filter-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ce-filter-slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}.ce-card-swipe.swipe-to-delete-container,.ce-card-swipe .swipe-to-delete-row,.ce-card-swipe .swipe-to-delete-actions{border-radius:0}html.master-data-no-scroll,body.master-data-no-scroll{overflow:hidden}.master-data-tabs{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-bottom:.75rem}.master-data-tab-panels{min-width:0;max-width:100%;box-sizing:border-box}.payment-accounts-page{width:100%}.payment-accounts-search-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.payment-accounts-toolbar-btn{flex-shrink:0}.payment-accounts-toolbar-btn .app-button-label{display:none}@media(min-width:769px){.payment-accounts-toolbar-btn .app-button-label{display:inline}}.payment-accounts-add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem!important;font-size:.9375rem!important;flex-shrink:0}.payment-accounts-add-btn-icon{width:1.25rem;height:1.25rem}.payment-accounts-add-btn-label{display:none}@media(min-width:769px){.payment-accounts-add-btn-label{display:inline}}.payment-accounts-search-input{flex:1;min-width:0;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.875rem}.payment-accounts-search-input::-moz-placeholder{color:var(--color-gray-400)}.payment-accounts-search-input::placeholder{color:var(--color-gray-400)}.payment-accounts-search-input:focus{outline:none;border-color:var(--color-primary)}.payment-accounts-list{display:flex;flex-direction:column;gap:.75rem}.payment-accounts-empty{text-align:center;padding:3rem 1rem;color:var(--color-gray-500);font-size:.9375rem}.payment-accounts-list-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.payment-account-card{border:1px solid var(--color-gray-200)!important;box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md)!important;border-radius:12px!important;padding:.875rem 1rem!important}.payment-account-card--inactive{background:var(--color-gray-100)!important;opacity:.75}.payment-account-row{display:flex;align-items:center;gap:1rem}.payment-account-row-left{flex:1;min-width:0}.payment-account-name-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.payment-account-name{margin:0;color:var(--color-gray-900);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:1.3}.payment-account-type-chip{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:600;letter-spacing:.02em}.payment-account-description{margin:.125rem 0 0;color:var(--font-color-description);font-size:var(--font-size-description);font-weight:var(--font-weight-description);line-height:1.3}.payment-account-identifier{font-size:var(--font-size-label);font-weight:600;color:var(--color-gray-400);font-family:monospace}.payment-account-drawer-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1300;animation:payment-account-drawer-fadeIn .2s ease-out}@keyframes payment-account-drawer-fadeIn{0%{opacity:0}to{opacity:1}}.payment-account-drawer-overlay--closing{animation:payment-account-drawer-fadeOut .25s ease-out forwards}@keyframes payment-account-drawer-fadeOut{0%{opacity:1}to{opacity:0}}.payment-account-drawer-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);border-left:1px solid var(--color-gray-200);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);z-index:1301;display:flex;flex-direction:column;animation:payment-account-drawer-slideInRight .25s ease-out}@keyframes payment-account-drawer-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.payment-account-drawer-panel--closing{animation:payment-account-drawer-slideOutRight .25s ease-out forwards}@keyframes payment-account-drawer-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.payment-account-drawer-header{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:1px solid var(--color-gray-200)}.payment-account-drawer-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-gray-900)}.payment-account-drawer-back{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border:none;background:transparent;color:var(--color-gray-700);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.payment-account-drawer-back svg{width:1.25rem;height:1.25rem}.payment-account-drawer-back:hover{background:var(--color-background-light);color:var(--color-primary)}.payment-account-drawer-header-spacer{position:absolute;right:.75rem;width:2rem;height:2rem}.payment-account-drawer-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.payment-account-drawer-field{display:flex;flex-direction:column;gap:.25rem}.payment-account-drawer-label{font-size:var(--font-size-field);font-weight:var(--font-weight-field-label);color:var(--color-gray-700)}.payment-account-drawer-required{color:var(--color-danger)}.payment-account-drawer-input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.9375rem}.payment-account-drawer-input::-moz-placeholder{color:var(--color-gray-400)}.payment-account-drawer-input::placeholder{color:var(--color-gray-400)}.payment-account-drawer-input:focus{outline:none;border-color:var(--color-primary)}.payment-account-drawer-textarea{resize:vertical;min-height:4.5rem}.payment-account-drawer-error{color:var(--color-danger);font-size:var(--font-size-field-hint)}.payment-account-drawer-error--submit{margin:0;font-size:.8125rem}.payment-account-drawer-footer{display:flex;gap:.75rem;padding:1rem;border-top:1px solid var(--color-gray-200)}.payment-account-drawer-footer-btn{flex:1}@media(max-width:768px){.payment-account-drawer-panel{width:100%;left:0;right:0;animation:payment-account-drawer-slideUp .3s ease-out}.payment-account-drawer-panel.payment-account-drawer-panel--closing{animation:payment-account-drawer-slideOutDown .3s ease-out forwards}@keyframes payment-account-drawer-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes payment-account-drawer-slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}.category-master-page{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.category-master-layout{display:flex;flex:1;min-height:280px;border:1px solid var(--color-gray-200);border-radius:var(--border-radius);background:var(--color-background-white);overflow:hidden;box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);box-sizing:border-box;max-width:100%}.category-master-nav{width:168px;flex-shrink:0;background:var(--color-gray-100);border-right:1px solid var(--color-gray-200);padding:.5rem 0;display:flex;flex-direction:column;gap:.125rem}.category-master-nav-item{display:block;width:100%;padding:.75rem 1rem;text-align:left;font-size:var(--font-size-label);font-weight:500;color:var(--color-gray-700);background:none;border:none;cursor:pointer;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.category-master-nav-item:hover{background:var(--color-gray-200)}.category-master-nav-item--active{background-color:var(--color-background-white);color:var(--color-primary);font-weight:600;border-left:3px solid var(--color-primary);padding-left:calc(1rem - 3px)}.category-master-nav-item--active:hover{background-color:var(--color-background-white);color:var(--color-primary)}.category-master-main{flex:1;min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:.75rem 1rem 1rem}.category-master-state{padding:1rem 0;font-size:var(--font-size-field);color:var(--color-gray-600)}.category-master-banner{margin-bottom:.75rem;padding:.625rem .75rem;border-radius:8px;font-size:.8125rem;line-height:1.4}.category-master-banner--warning{background:var(--color-gray-100);border:1px solid var(--color-gray-300);color:var(--color-gray-800)}.category-tree-groups{display:flex;flex-direction:column;gap:.75rem}.category-group-card{border:1px solid var(--color-gray-200);border-radius:8px;background:var(--color-background-white);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);overflow:hidden}.category-group-card .category-tree{border:none;border-radius:0;box-shadow:none;background:transparent}.category-tree{overflow:hidden;background:var(--color-background-white)}.category-tree-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.5rem;padding-right:.5rem;border-bottom:1px solid var(--color-gray-100);font-size:var(--font-size-label);color:var(--color-gray-900)}.category-tree-row:last-child{border-bottom:none}.category-tree-row-tail{display:flex;align-items:center;gap:.125rem;flex-shrink:0}.category-tree-delete-btn{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(--color-gray-500);cursor:pointer}.category-tree-delete-btn:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-danger)}.category-tree-delete-btn:disabled{opacity:.45;cursor:not-allowed}.category-tree-delete-icon{width:1.125rem;height:1.125rem}.category-tree-chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;border-radius:6px}.category-tree-chevron:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.category-tree-chevron-icon{width:1.125rem;height:1.125rem}.category-tree-name{flex:1;min-width:0;font-weight:500;line-height:1.3;word-break:break-word}.category-tree-name--parent{font-weight:700}.category-tree-name-btn{flex:1;min-width:0;border:none;background:none;padding:0;margin:0;text-align:left;font:inherit;font-size:inherit;line-height:inherit;color:inherit;cursor:pointer;border-radius:4px}.category-tree-name-btn:hover{color:var(--color-primary)}.category-tree-name-btn:focus{outline:none;box-shadow:0 0 0 2px var(--color-background-white),0 0 0 4px var(--color-primary)}.category-tree-empty{padding:2rem 1rem;text-align:center}.category-tree-empty-text{margin:0;font-size:var(--font-size-field);color:var(--color-gray-500)}.category-tree-page{display:flex;flex-direction:column;gap:.75rem}.category-tree-row--add-trigger,.category-tree-row--add-form{justify-content:flex-start;padding-top:.625rem;padding-bottom:.625rem;min-height:0}.category-tree-row--add-form{align-items:center}.category-tree-add-trigger{border:none;background:none;padding:.25rem 0;font-size:.8125rem;font-weight:600;color:var(--color-primary);cursor:pointer;text-align:left}.category-tree-add-trigger:hover{text-decoration:underline}.category-tree-add-trigger:disabled{opacity:.5;cursor:not-allowed}.category-tree-add-form{flex:1;min-width:0;width:100%;display:flex;flex-direction:column;gap:.375rem}.category-tree-add-inline-row{display:flex;flex-direction:row;align-items:center;gap:.5rem;width:100%;min-width:0}.category-tree-add-input{flex:1;min-width:0;width:auto}.category-tree-add-error{font-size:var(--font-size-field-hint);color:var(--color-danger);line-height:1.3}.category-tree-add-btn{flex-shrink:0}.category-tree-add-options{display:flex}.category-tree-add-options>.category-tree-row{flex:1;min-width:0;border-bottom:none}.category-tree-add-options>.category-tree-row+.category-tree-row{border-left:1px solid var(--color-gray-100)}.category-tree-add-group-categories{display:flex;flex-direction:column;gap:.375rem;padding-left:1.125rem}.category-tree-add-actions{justify-content:flex-end}.category-group-card--add-only{border-style:dashed;padding-top:.375rem;padding-bottom:.375rem}@media(max-width:768px){.category-master-layout{flex-direction:column;overflow:visible}.category-master-nav{width:100%;max-width:100%;min-width:0;box-sizing:border-box;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--color-gray-200);padding:.5rem .375rem;gap:.375rem}.category-master-nav-item{flex:1 1 0;min-width:0;padding:.5rem .375rem;border-radius:8px;border:1px solid transparent;text-align:center}.category-master-nav-item--active{border:1px solid var(--color-primary);background-color:var(--color-background-white)}.category-master-main{padding:.75rem;min-width:0;overflow-x:hidden;border-radius:0 0 var(--border-radius) var(--border-radius)}}.settings-tabs{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.settings-tabs>.app-tabbar{margin-bottom:1.5rem}.settings-tab-panels{padding-top:0;min-width:0;max-width:100%;box-sizing:border-box}.settings-tab-content{display:flex;flex-direction:column;gap:0}.settings-section{position:relative;background:var(--color-background-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);padding:1.25rem 1.5rem 1.5rem}.settings-section-title{margin:0 0 1rem;font-size:1rem;font-weight:700;color:var(--color-gray-900)}.settings-divider{height:1px;background:var(--color-gray-200);margin:1.5rem 0}.settings-form{display:flex;flex-direction:column;gap:.875rem}.settings-field{display:flex;flex-direction:column;gap:.25rem}.settings-field-row{display:flex;gap:.75rem}.settings-field--small{width:80px;flex-shrink:0}.settings-field--code{width:110px;flex-shrink:0}.settings-field--grow{flex:1;min-width:0}.settings-label{font-size:var(--font-size-field);font-weight:var(--font-weight-field-label);color:var(--color-gray-700)}.settings-required{color:var(--color-danger)}.settings-input{width:100%;height:var(--input-height);padding:0 .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.9375rem;box-sizing:border-box}.settings-input::-moz-placeholder{color:var(--color-gray-400)}.settings-input::placeholder{color:var(--color-gray-400)}.settings-input:focus{outline:none;border-color:var(--color-primary)}.settings-input:disabled{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.settings-input[aria-invalid=true]{border-color:var(--color-danger)}.settings-textarea{height:auto;padding:.625rem .875rem;resize:vertical;min-height:4.5rem}.settings-field-error{color:var(--color-danger);font-size:var(--font-size-field-hint)}.settings-error{color:var(--color-danger);font-size:.8125rem;margin:0 0 .5rem}.settings-success{color:var(--color-success);font-size:.8125rem;margin:0 0 .5rem}.settings-actions{display:flex;justify-content:flex-end;padding-top:.5rem}.settings-save-btn{min-width:140px}.settings-country-display{display:flex;align-items:center;gap:.5rem;height:var(--input-height);padding:0 .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-gray-50);color:var(--color-gray-900);font-size:.9375rem}.settings-country-flag{font-size:1.25rem;line-height:1;flex-shrink:0}.settings-country-name{font-weight:500}.settings-form-skeleton{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem 1.5rem;background:var(--color-background-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius)}.settings-skeleton-field{display:flex;flex-direction:column;gap:.375rem}.settings-skeleton-label{width:100px;height:14px;background:var(--color-gray-200);border-radius:4px;animation:settings-skeleton-pulse 1.2s ease-in-out infinite}.settings-skeleton-input{width:100%;height:40px;background:var(--color-gray-100);border-radius:10px;animation:settings-skeleton-pulse 1.2s ease-in-out infinite;animation-delay:.15s}@keyframes settings-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.settings-section{padding:1rem}.settings-field-row{flex-direction:column;gap:.875rem}.settings-field-row--inline{flex-direction:row;gap:.75rem}.settings-field--small{width:100%}.settings-form-skeleton{padding:1rem}}html:has(.auth-container),body:has(.auth-container){overflow:hidden;height:100%;overscroll-behavior:none}.auth-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-background-white);padding:2rem 1rem}.auth-content{width:100%;max-width:420px}.auth-card{padding:2.5rem!important}.auth-header{text-align:center;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-label-row{display:flex;justify-content:space-between;align-items:center}.auth-input-otp{text-align:center!important;font-size:1.5rem!important;letter-spacing:.5rem!important;font-weight:600!important}.auth-otp-actions{display:flex;flex-direction:column;gap:.75rem}.auth-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--color-gray-200)}.auth-legal-links{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-gray-200)}.auth-legal-separator{color:var(--color-gray-300)!important;font-size:.75rem!important}.auth-legal-link{padding:0;border:none;background:none}.auth-legal-dialog-overlay{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--color-shadow-overlay)}.auth-legal-dialog{display:flex;flex-direction:column;width:100%;max-width:880px;height:min(90vh,900px);overflow:hidden;border-radius:12px;background:var(--color-background-white);box-shadow:0 10px 15px -3px var(--color-shadow),0 4px 6px -2px var(--color-shadow-md)}.auth-legal-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1rem .875rem 1.25rem;border-bottom:1px solid var(--color-gray-200)}.auth-legal-dialog-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-gray-900);line-height:1.3}.auth-legal-dialog-close{display:inline-flex;align-items:center;justify-content:center;padding:.375rem;border:none;border-radius:8px;background:none;color:var(--color-gray-500);cursor:pointer}.auth-legal-dialog-close:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.auth-legal-dialog-close-icon{width:1.25rem;height:1.25rem}.auth-legal-dialog-frame{flex:1;width:100%;border:none}@media(max-width:768px){.auth-container{padding:1rem}.auth-card{padding:2rem 1.5rem!important}.auth-input-otp{font-size:1.25rem!important;letter-spacing:.25rem!important}}.splash-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background-light);padding:2rem 1rem}.splash-content{width:100%;max-width:420px;padding:0 .5rem}.splash-card{box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md)!important}.splash-body{display:flex;flex-direction:column;gap:1.5rem}.splash-header{display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center}.splash-error{color:var(--color-danger);font-size:.875rem}.splash-actions{display:flex;justify-content:flex-end}.splash-progress{display:flex;flex-direction:column;gap:.75rem}.splash-progress-bar{width:100%;height:10px;border-radius:999px;background-color:var(--color-gray-100);overflow:hidden}.splash-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .25s ease-out}.splash-progress-meta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.splash-progress-value{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}@media(max-width:768px){.splash-container{padding:1.5rem 1rem}.splash-content{max-width:100%}}.site-toolbar-btn{flex-shrink:0}.site-toolbar-btn .app-button-label{display:none}@media(min-width:769px){.site-toolbar-btn .app-button-label{display:inline}}.site-tab-actions{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.site-tab-list{flex:1;min-width:0;margin-bottom:0}.site-tab-actions .site-tab-list{margin-bottom:0}.site-top-actions{display:flex;justify-content:flex-end;margin-bottom:.875rem}.site-add-btn{flex-shrink:0}.site-tab-actions .site-filter-trigger{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-background-white);color:var(--color-gray-700);font-size:.9375rem;font-weight:600;cursor:pointer;flex-shrink:0}.site-tab-actions .site-filter-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.site-tab-actions .site-filter-trigger-label{display:none}.site-tab-actions .site-add-trigger .site-add-trigger-icon{width:1.25rem;height:1.25rem}.site-tab-actions .site-filter-trigger.site-add-trigger.btn-primary{padding:.625rem 1rem!important;font-size:.9375rem!important}@media(min-width:769px){.site-tab-actions .site-filter-trigger-label{display:inline}}.site-tab-panels{margin-top:0}.site-search-row{margin-bottom:.75rem}.site-search-input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.875rem}.site-search-input::-moz-placeholder{color:var(--color-gray-400)}.site-search-input::placeholder{color:var(--color-gray-400)}.site-search-input:focus{outline:none;border-color:var(--color-primary)}.site-list-stack{display:flex;flex-direction:column;gap:.75rem}.site-row-card{border:1px solid var(--color-gray-200)!important;box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md)!important;border-radius:12px!important;padding:.75rem 1rem!important}.site-row-card--inactive{background:var(--color-gray-100)!important}.site-row-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-row-left{flex:1;min-width:0}.site-row-center{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.site-row-title{margin:0;color:var(--color-gray-900);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:1.3}.site-row-description{margin:.125rem 0 0;color:var(--font-color-description);font-size:var(--font-size-description);font-weight:var(--font-weight-description);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-row-type{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:.25rem .75rem;background:#e2e8f0;color:#475569;border-radius:12px;font-size:.625rem;font-weight:600;line-height:1;white-space:nowrap;max-width:-moz-max-content;max-width:max-content}.site-row-right{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:flex-end;min-width:0}.site-row-chevron{width:1.25rem;height:1.25rem;color:var(--color-gray-400);flex-shrink:0}.site-row-status-btn{min-width:5.25rem;border-radius:10px!important;border:1px solid transparent;padding:.5rem .875rem;font-size:.875rem;font-weight:600;line-height:1.2;color:var(--color-background-white);cursor:pointer;transition:filter .15s ease-in-out,transform .1s ease-in-out}.site-row-status-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.site-row-status-btn:active{transform:translateY(0)}.site-row-status-btn:focus{outline:none}.site-row-status-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,white)}.site-row-status-btn--active{background:var(--color-success)!important;border-color:var(--color-success)!important}.site-row-status-btn--inactive{background:var(--color-danger)!important;border-color:var(--color-danger)!important}.site-drawer-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1300;animation:site-drawer-fadeIn .2s ease-out}@keyframes site-drawer-fadeIn{0%{opacity:0}to{opacity:1}}.site-drawer-overlay--closing{animation:site-drawer-fadeOut .25s ease-out forwards}@keyframes site-drawer-fadeOut{0%{opacity:1}to{opacity:0}}.site-drawer-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);border-left:1px solid var(--color-gray-200);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);z-index:1301;display:flex;flex-direction:column;animation:site-drawer-slideInRight .25s ease-out}@keyframes site-drawer-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.site-drawer-panel--closing{animation:site-drawer-slideOutRight .25s ease-out forwards}@keyframes site-drawer-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.site-drawer-header{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:1px solid var(--color-gray-200)}.site-drawer-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-gray-900)}.site-drawer-back{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border:none;background:transparent;color:var(--color-gray-700);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.site-drawer-back svg{width:1.25rem;height:1.25rem}.site-drawer-back:hover{background:var(--color-background-light);color:var(--color-primary)}.site-drawer-header-spacer{position:absolute;right:.75rem;width:2rem;height:2rem}.site-drawer-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.site-drawer-radio-row{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.625rem .75rem;border:1px solid var(--color-gray-300);border-radius:10px;align-self:center;width:auto;max-width:100%}.site-drawer-radio-option{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-gray-700);font-size:var(--font-size-field);font-weight:600}.site-drawer-field{display:flex;flex-direction:column;gap:.25rem}.site-drawer-label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.site-drawer-input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.9375rem}.site-drawer-input::-moz-placeholder{color:var(--color-gray-400)}.site-drawer-input::placeholder{color:var(--color-gray-400)}.site-drawer-input:focus{outline:none;border-color:var(--color-primary)}.site-drawer-textarea{resize:vertical;min-height:4.5rem}.site-drawer-error{color:var(--color-danger);font-size:.75rem}.site-drawer-footer{display:flex;gap:.75rem;padding:1rem;border-top:1px solid var(--color-gray-200)}.site-drawer-footer-btn{flex:1}@media(max-width:768px){.site-tab-actions{gap:.5rem}.site-add-btn{padding:.625rem .75rem!important}.site-row-main{gap:.5rem}.site-drawer-panel{width:100%;left:0;right:0;animation:site-drawer-slideUp .3s ease-out}.site-drawer-panel.site-drawer-panel--closing{animation:site-drawer-slideOutDown .3s ease-out forwards}@keyframes site-drawer-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes site-drawer-slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}.site-detail-body{padding-bottom:0}html.site-detail-no-scroll,body.site-detail-no-scroll{overflow:hidden;height:100%;overscroll-behavior:none}.site-detail-no-scroll .app-main,.site-detail-no-scroll .app-container,.app-container:has(.site-detail-body){overflow:hidden}.site-detail-list-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 2px .5rem;margin:0 -2px}.site-carousel{position:relative;overflow-x:hidden}.site-pane{width:100%}.site-pane--detail{position:absolute;inset:0;z-index:2;background:var(--color-background-white);overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(100%);transition:transform .3s ease;will-change:transform}.site-carousel--page1 .site-pane--detail{transform:translate(0)}.site-pane--content>.detail-balance-card{margin:1rem 0}.site-pane--content{container-type:inline-size}.site-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@container (min-width: 624px){.site-summary-grid{grid-template-columns:repeat(3,1fr)}}.site-txn-subgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}@container (min-width: 624px){.site-txn-subgrid{grid-template-columns:repeat(4,1fr)}}.site-detail-section{margin-top:1.25rem;container-type:inline-size}.site-detail-section-search-add{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem}.site-detail-section-search{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.875rem}.site-detail-section-search::-moz-placeholder{color:var(--color-gray-400)}.site-detail-section-search::placeholder{color:var(--color-gray-400)}.site-detail-section-search:focus{outline:none;border-color:var(--color-primary)}.site-detail-section-list{display:flex;flex-direction:column;gap:.75rem}.site-detail-section-empty{text-align:center;padding:2rem 1rem;color:var(--color-gray-400);font-size:var(--font-size-field)}.site-detail-add-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border-radius:10px;font-size:.875rem;font-weight:600;white-space:nowrap}.site-detail-add-btn-icon{width:1.125rem;height:1.125rem}.site-detail-load-more-btn{width:100%;padding:.625rem;border:1px dashed var(--color-gray-300);border-radius:10px;background:transparent;color:var(--color-primary);font-size:var(--font-size-field);font-weight:600;cursor:pointer}.site-detail-load-more-btn:disabled{color:var(--color-gray-400);cursor:not-allowed}.site-invoice-swipe.swipe-to-delete-container,.site-invoice-swipe .swipe-to-delete-row,.site-invoice-swipe .swipe-to-delete-actions{border-radius:0}.site-invoice-card{padding:.75rem 1rem;cursor:pointer}.site-invoice-card:hover{background:var(--color-background-light)}.site-invoice-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.375rem}.site-invoice-doc{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-gray-900)}.site-invoice-amount{margin:0;font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);color:#6d28d9;white-space:nowrap}.site-invoice-amount-group,.site-payment-amount-group{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.site-invoice-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.375rem}.site-invoice-due{font-size:.75rem;color:var(--color-gray-500)}.site-invoice-due--overdue{color:#dc2626;font-weight:600}.site-invoice-remarks{margin:0;font-size:var(--font-size-description);font-weight:var(--font-weight-description);color:var(--font-color-description);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-payment-swipe.swipe-to-delete-container,.site-payment-swipe .swipe-to-delete-row,.site-payment-swipe .swipe-to-delete-actions{border-radius:0}.site-payment-card{padding:.75rem 1rem;cursor:pointer}.site-payment-card:hover{background:var(--color-background-light)}.site-payment-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.375rem}.site-payment-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;min-width:0}.site-payment-account{margin:0;font-size:.8125rem;font-weight:500;color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-payment-amount{margin:0;font-size:var(--font-size-amount);font-weight:var(--font-weight-amount);color:#15803d;white-space:nowrap}.site-payment-ref{font-size:.75rem;color:var(--color-gray-500);flex-shrink:0}.site-payment-remarks{margin:0;font-size:var(--font-size-description);font-weight:var(--font-weight-description);color:var(--font-color-description);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-payment-ref-remarks{display:flex;align-items:baseline;gap:.5rem;min-width:0}.site-payment-ref-remarks .site-payment-remarks{flex:1;min-width:0}.site-payment-ref-remarks-sep{flex-shrink:0;color:var(--color-gray-400)}.site-detail-drawer-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1300;animation:site-detail-drawer-fadeIn .2s ease-out}@keyframes site-detail-drawer-fadeIn{0%{opacity:0}to{opacity:1}}.site-detail-drawer-overlay--closing{animation:site-detail-drawer-fadeOut .25s ease-out forwards}@keyframes site-detail-drawer-fadeOut{0%{opacity:1}to{opacity:0}}.site-detail-drawer-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);border-left:1px solid var(--color-gray-200);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);z-index:1301;display:flex;flex-direction:column;animation:site-detail-drawer-slideInRight .25s ease-out}@keyframes site-detail-drawer-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.site-detail-drawer-panel--closing{animation:site-detail-drawer-slideOutRight .25s ease-out forwards}@keyframes site-detail-drawer-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.site-detail-drawer-header{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:1px solid var(--color-gray-200)}.site-detail-drawer-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-gray-900)}.site-detail-drawer-back{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border:none;background:transparent;color:var(--color-gray-700);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.site-detail-drawer-back svg{width:1.25rem;height:1.25rem}.site-detail-drawer-back:hover{background:var(--color-background-light);color:var(--color-primary)}.site-detail-drawer-header-spacer{position:absolute;right:.75rem;width:2rem;height:2rem}.site-detail-drawer-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.site-detail-drawer-field{display:flex;flex-direction:column;gap:.25rem}.site-detail-drawer-label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.site-detail-drawer-required{color:var(--color-danger)}.site-detail-drawer-input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.9375rem}.site-detail-drawer-input::-moz-placeholder{color:var(--color-gray-400)}.site-detail-drawer-input::placeholder{color:var(--color-gray-400)}.site-detail-drawer-input:focus{outline:none;border-color:var(--color-primary)}.site-detail-drawer-textarea{resize:vertical;min-height:4.5rem}.site-detail-drawer-error{color:var(--color-danger);font-size:.75rem}.site-detail-drawer-error--submit{margin:0;font-size:.8125rem}.site-detail-drawer-footer{display:flex;gap:.75rem;padding:1rem;border-top:1px solid var(--color-gray-200)}.site-detail-drawer-footer-btn{flex:1}.site-detail-drawer-hint{font-size:.75rem;color:var(--color-gray-400)}.site-detail-drawer-file-hidden{display:none}.site-detail-drawer-attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.5rem;margin-top:.5rem}.site-detail-drawer-attachment-thumb{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--color-gray-200);border-radius:var(--border-radius);overflow:hidden;background:var(--color-background-light)}.site-detail-drawer-attachment-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.site-detail-drawer-attachment-pdf{width:100%;height:100%;border:none;display:block;background:var(--color-gray-100);pointer-events:none}.site-detail-drawer-attachment-pdf-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--color-gray-700);background:var(--color-gray-100)}.site-detail-drawer-attachment-remove{position:absolute;top:.25rem;right:.25rem;z-index:1;width:1.25rem;height:1.25rem;border:none;border-radius:9999px;background:var(--color-shadow-overlay);color:var(--color-background-white);display:flex;align-items:center;justify-content:center;cursor:pointer}.site-detail-drawer-attachment-remove:hover{background:var(--color-danger)}.site-detail-drawer-attachment-remove svg{width:.875rem;height:.875rem}.site-detail-drawer-attachment-add{width:100%;aspect-ratio:1;border:1px dashed var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-background-white);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;cursor:pointer}.site-detail-drawer-attachment-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-background-light)}.site-detail-drawer-attachment-add svg{width:1.25rem;height:1.25rem}@media(max-width:768px){.site-detail-drawer-panel{width:100%;left:0;right:0;animation:site-detail-drawer-slideUp .3s ease-out}.site-detail-drawer-panel.site-detail-drawer-panel--closing{animation:site-detail-drawer-slideOutDown .3s ease-out forwards}@keyframes site-detail-drawer-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes site-detail-drawer-slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}html.site-list-no-scroll,body.site-list-no-scroll{overflow:hidden}.site-list-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.account-tab-panels{margin-top:0}.account-search-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.account-add-btn,.account-toolbar-btn{flex-shrink:0}.account-toolbar-btn .app-button-label{display:none}@media(min-width:769px){.account-toolbar-btn .app-button-label{display:inline}}.account-search-row .account-filter-trigger{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:1px solid var(--color-gray-300);border-radius:var(--border-radius);background:var(--color-background-white);color:var(--color-gray-700);font-size:.9375rem;font-weight:600;cursor:pointer;flex-shrink:0}.account-search-row .account-filter-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.account-search-row .account-filter-trigger-label{display:none}.account-search-row .account-add-trigger .account-add-trigger-icon{width:1.25rem;height:1.25rem}.account-search-row .account-filter-trigger.account-add-trigger.btn-primary{padding:.625rem 1rem!important;font-size:.9375rem!important}@media(min-width:769px){.account-search-row .account-filter-trigger-label{display:inline}}.account-search-input{flex:1;min-width:0;width:auto;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.875rem}.account-search-input::-moz-placeholder{color:var(--color-gray-400)}.account-search-input::placeholder{color:var(--color-gray-400)}.account-search-input:focus{outline:none;border-color:var(--color-primary)}.account-list-stack{display:flex;flex-direction:column;gap:.75rem}.account-row-card{border:1px solid var(--color-gray-200)!important;box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md)!important;border-radius:12px!important;padding:.75rem 1rem!important}.account-row-card--inactive{background:var(--color-gray-100)!important}.account-row-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.account-row-left{flex:1;min-width:0}.account-row-title{margin:0;color:var(--color-gray-900);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:1.3}.account-row-description{margin:.125rem 0 0;color:var(--font-color-description);font-size:var(--font-size-description);font-weight:var(--font-weight-description);line-height:1.4;white-space:pre-wrap;word-break:break-word}.account-row-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.account-row-chevron{width:1.25rem;height:1.25rem;color:var(--color-gray-400);flex-shrink:0}.account-row-status-btn{min-width:5.25rem;border-radius:10px!important;border:1px solid transparent;padding:.5rem .875rem;font-size:.875rem;font-weight:600;line-height:1.2;color:var(--color-background-white);cursor:pointer;transition:filter .15s ease-in-out,transform .1s ease-in-out}.account-row-status-btn:hover{filter:brightness(.95);transform:translateY(-1px)}.account-row-status-btn:active{transform:translateY(0)}.account-row-status-btn:focus{outline:none}.account-row-status-btn:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,white)}.account-row-status-btn--active{background:var(--color-success)!important;border-color:var(--color-success)!important}.account-row-status-btn--inactive{background:var(--color-danger)!important;border-color:var(--color-danger)!important}.account-drawer-overlay{position:fixed;inset:0;background:var(--color-shadow-overlay);z-index:1300;animation:account-drawer-fadeIn .2s ease-out}@keyframes account-drawer-fadeIn{0%{opacity:0}to{opacity:1}}.account-drawer-overlay--closing{animation:account-drawer-fadeOut .25s ease-out forwards}@keyframes account-drawer-fadeOut{0%{opacity:1}to{opacity:0}}.account-drawer-panel{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100vh;background:var(--color-background-white);border-left:1px solid var(--color-gray-200);box-shadow:0 1px 3px 0 var(--color-shadow),0 1px 2px 0 var(--color-shadow-md);z-index:1301;display:flex;flex-direction:column;animation:account-drawer-slideInRight .25s ease-out}@keyframes account-drawer-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.account-drawer-panel--closing{animation:account-drawer-slideOutRight .25s ease-out forwards}@keyframes account-drawer-slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}.account-drawer-header{position:relative;display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:1px solid var(--color-gray-200)}.account-drawer-title{margin:0;font-size:1.125rem;font-weight:700;color:var(--color-gray-900)}.account-drawer-back{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border:none;background:transparent;color:var(--color-gray-700);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.account-drawer-back svg{width:1.25rem;height:1.25rem}.account-drawer-back:hover{background:var(--color-background-light);color:var(--color-primary)}.account-drawer-header-spacer{position:absolute;right:.75rem;width:2rem;height:2rem}.account-drawer-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.account-drawer-field{display:flex;flex-direction:column;gap:.25rem}.account-drawer-label{font-size:.875rem;font-weight:600;color:var(--color-gray-700)}.account-drawer-input{width:100%;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.9375rem}.account-drawer-input::-moz-placeholder{color:var(--color-gray-400)}.account-drawer-input::placeholder{color:var(--color-gray-400)}.account-drawer-input:focus{outline:none;border-color:var(--color-primary)}.account-drawer-textarea{resize:vertical;min-height:4.5rem}.account-drawer-error{color:var(--color-danger);font-size:.75rem}.account-drawer-error--submit{margin:0;font-size:.8125rem}.account-drawer-footer{display:flex;gap:.75rem;padding:1rem;border-top:1px solid var(--color-gray-200)}.account-drawer-footer-btn{flex:1}@media(max-width:768px){.account-search-row{gap:.5rem}.account-search-row .account-add-btn{padding:.625rem .75rem!important}.account-row-main{align-items:center}.account-drawer-panel{width:100%;left:0;right:0;animation:account-drawer-slideUp .3s ease-out}.account-drawer-panel.account-drawer-panel--closing{animation:account-drawer-slideOutDown .3s ease-out forwards}@keyframes account-drawer-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes account-drawer-slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}}.account-detail-body{padding-bottom:0}html.account-detail-no-scroll,body.account-detail-no-scroll{overflow:hidden;height:100%;overscroll-behavior:none}.account-detail-no-scroll .app-main,.account-detail-no-scroll .app-container,.app-container:has(.account-detail-body){overflow:hidden}.account-detail-list-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2px 2px .5rem;margin:0 -2px}.account-carousel{position:relative;overflow-x:hidden}.account-pane{width:100%}.account-pane--detail{position:absolute;inset:0;z-index:2;background:var(--color-background-white);overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(100%);transition:transform .3s ease;will-change:transform}.account-carousel--page1 .account-pane--detail{transform:translate(0)}.account-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding-top:1rem}.account-detail-section{margin-top:1.25rem}.account-detail-section-search-add{margin-bottom:.875rem}.account-detail-section-search{width:100%;padding:.625rem .875rem;border:1px solid var(--color-gray-300);border-radius:10px;background:var(--color-background-white);color:var(--color-gray-900);font-size:.875rem}.account-detail-section-search::-moz-placeholder{color:var(--color-gray-400)}.account-detail-section-search::placeholder{color:var(--color-gray-400)}.account-detail-section-search:focus{outline:none;border-color:var(--color-primary)}.account-detail-section-list{display:flex;flex-direction:column;gap:.75rem}.account-detail-section-empty{text-align:center;padding:2rem 1rem;color:var(--color-gray-400);font-size:var(--font-size-field)}.account-detail-load-more-btn{width:100%;padding:.625rem;border:1px dashed var(--color-gray-300);border-radius:10px;background:transparent;color:var(--color-primary);font-size:var(--font-size-field);font-weight:600;cursor:pointer}.account-detail-load-more-btn:disabled{color:var(--color-gray-400);cursor:not-allowed}@media(max-width:768px){.account-summary-grid{grid-template-columns:repeat(2,1fr)}}html.account-list-no-scroll,body.account-list-no-scroll{overflow:hidden}.account-list-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}