:root{--ct-z-mobile-drawer-backdrop: 8500;--ct-z-mobile-drawer: 8600;--ct-z-ui-toast: 1000;--ct-z-modal-loader: 2000;--ct-z-app-update-modal: 2050;--ct-z-dev-theme-modal: 10200;--ct-z-tab-drag-ghost: 10000;--ct-z-dev-footer: 10100;--ct-dev-footer-height: 4.5rem}:root{--ct-breakpoint-phone-max: 47.9375rem;--ct-breakpoint-tablet-max: 63.9375rem;--ct-breakpoint-desktop-min: 64rem}.ct-port-scroll{width:100%;max-width:800px}.ct-port-grid-auth{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);grid-template-rows:auto auto;align-items:center;gap:0 clamp(.75rem,2vw,1.5rem)}.ct-port-panel{width:100%;max-width:300px;margin-inline:auto}.ct-port-auth-card{width:100%;max-width:500px;margin-inline:auto;min-width:min(100%,280px)}.ct-port-auth-xisara{width:100%;max-width:500px;margin-inline:auto}.ct-port-stack{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:220px;margin-inline:auto}.ct-port-actions{align-items:stretch}.ct-port-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--xs-space-3, .75rem)}.ct-port-actions xs-button,.ct-port-actions button{display:block;width:100%;max-width:100%;margin:.3125rem 0;box-sizing:border-box}.ct-port-title{margin:0;font-size:1.75rem;font-weight:600;text-align:center;color:var(--xs-text-strong)}.ct-port-label{font-size:1.125rem;color:var(--xs-text-muted)}.ct-port-error{color:var(--xs-color-danger);text-align:center;margin:0;font-size:.9375rem}.ct-port-onboarding-card{width:100%;max-width:32.5rem;margin-inline:auto;min-width:0;box-sizing:border-box}.ct-port-stack xs-text-box,.ct-port-stack input{width:100%}.ct-port-field{width:100%;max-width:220px;margin-inline:auto;margin-top:.625rem}.ct-port-password-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,1fr);gap:.3125rem;align-items:end;width:100%;max-width:220px;margin-inline:auto;margin-top:.625rem}.ct-port-password-row xs-text-box,.ct-port-password-row .ct-port-password-field{min-width:0;width:100%}.ct-port-password-row app-password-visibility-toggle{width:100%}.app-shell__routed>router-outlet{flex:0 0 0;height:0;min-height:0;overflow:hidden}.app-shell__routed>router-outlet+*{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;width:100%;overflow:hidden;box-sizing:border-box}.ct-port-page{display:flex;flex-direction:column;flex:1;width:100%;min-width:0;min-height:0;box-sizing:border-box}.ct-port-app-shell{display:grid;grid-template-columns:var(--app-shell-nav-width, 280px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-content:stretch;flex:1;width:100%;max-width:none;min-height:0;height:100%;overflow:hidden;box-sizing:border-box}.ct-port-app-topbar{min-height:2.9375rem}.ct-port-app-topbar-grid{display:flex;flex-direction:row;align-items:center;gap:.3125rem;min-width:0;min-height:calc(2.9375rem + var(--ct-safe-area-top-effective, env(safe-area-inset-top, 0px)));padding-block-start:calc(.25rem + var(--ct-safe-area-top-effective, env(safe-area-inset-top, 0px)));padding-block-end:.25rem;padding-inline:max(.5rem,env(safe-area-inset-left,0px)) max(.5rem,env(safe-area-inset-right,0px));box-sizing:border-box}.ct-port-app-topbar-back{flex:0 0 50px;width:50px;min-width:50px}.ct-port-app-content{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;width:100%;max-width:none;box-sizing:border-box}.ct-port-app-content>router-outlet{flex:0 0 0;height:0;min-height:0;overflow:hidden}.ct-port-app-content>router-outlet+*{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;width:100%;overflow:hidden;box-sizing:border-box}.ct-port-settings-scroll{width:100%;max-width:none}.ct-port-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem}.ct-port-settings-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;min-height:8.5rem;padding:.375rem .5rem .625rem;border:1.5px solid var(--xs-border-subtle);border-radius:var(--xs-radius-md, .375rem);background:var(--xs-surface-elevated);color:var(--xs-text-strong);cursor:pointer;box-sizing:border-box}.ct-port-settings-tile:disabled{cursor:not-allowed}.ct-port-settings-tile:not(:disabled):hover{border-color:var(--xs-border-strong)}.ct-port-settings-tile-icon{display:block;width:auto;height:4.375rem;margin:.625rem;object-fit:contain}.ct-port-settings-tile-label{margin:.1875rem;font-size:1.375rem;font-weight:700;text-align:center;line-height:1.2;color:var(--xs-text-strong)}.ct-port-settings-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem}.ct-port-section-title{margin:0 0 var(--xs-space-4, 1rem);font-size:1.75rem;font-weight:600;color:var(--xs-text-strong)}.ct-port-modal-backdrop{position:fixed;inset:0;z-index:10300;display:flex;align-items:center;justify-content:center;padding:var(--xs-space-5, 1.25rem);background:color-mix(in srgb,var(--xs-bg) 72%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ct-port-modal-surface{border:1px solid var(--xs-border-strong, var(--xs-border-subtle));border-radius:var(--xs-radius-control, .5rem);background:var(--xs-surface-elevated, var(--xs-surface));color:var(--xs-text);box-shadow:var(--xs-shadow-popover)}.ct-port-modal-title{color:var(--xs-text-strong)}.bill-listing-grid{align-content:start;align-items:stretch;grid-auto-rows:minmax(var(--bill-listing-card-min-height, 16.25rem),auto)}.bill-listing-grid--compact{--bill-listing-card-min-height: 13.75rem}.bill-listing-grid>app-bill-listing-card{display:flex;flex-direction:column;min-height:var(--bill-listing-card-min-height, 16.25rem);height:auto;align-self:stretch;min-width:0}@media(max-width:47.9375rem){.ct-port-app-shell.ct-port-app-shell--mobile-nav{grid-template-columns:minmax(0,1fr)}.ct-port-app-content.ct-port-app-content--scroll{overflow-x:hidden;overflow-y:auto}}.ct-port-form-grid{display:grid;gap:var(--xs-space-md, 1rem);align-items:start}.ct-port-form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-port-form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:63.9375rem){.ct-port-form-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:47.9375rem){.ct-port-form-grid--2,.ct-port-form-grid--3{grid-template-columns:minmax(0,1fr)}}.ct-port-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--xs-space-3, .75rem)}@media(max-width:47.9375rem){.ct-port-toolbar{flex-direction:column;align-items:stretch}.ct-port-toolbar>*{width:100%}}@media(max-width:47.9375rem){.ct-port-actions-stack{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.ct-port-actions-stack xs-button,.ct-port-actions-stack button{width:100%}}.ct-port-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--xs-border-subtle);border-radius:var(--xs-radius-md, .5rem);background:var(--xs-surface)}@media(max-width:47.9375rem){.ct-port-card-table thead{display:none}.ct-port-card-table,.ct-port-card-table tbody,.ct-port-card-table tr,.ct-port-card-table td{display:block;width:100%}.ct-port-card-table tr{border-bottom:1px solid var(--xs-border-subtle)}.ct-port-card-table tr:last-child{border-bottom:0}.ct-port-card-table td{border-bottom:0;padding:.375rem .75rem}.ct-port-card-table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:.125rem;font-size:.75rem;font-weight:600;color:var(--xs-text-muted)}}html.ct-port-maui-hybrid{--ct-safe-area-top-effective: max(2.75rem, env(safe-area-inset-top, 0px));--ct-safe-area-bottom-effective: env(safe-area-inset-bottom, 0px)}html,body{width:100vw;min-height:100dvh;height:100dvh;margin:0;overflow:hidden}body{font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--xs-bg);color:var(--xs-text)}app-root{display:flex;flex-direction:column;width:100vw;height:100dvh;min-height:100dvh;max-width:none;overflow:hidden;box-sizing:border-box}app-shell,app-layout,app-main-shell{display:flex;flex-direction:column;flex:1;width:100%;max-width:none;height:100%;min-height:0;overflow:hidden;box-sizing:border-box}code{font-size:.9em}app-auth-page,app-init-spinner-page,app-timezone-init-page,app-onboarding-step-page,app-home-page,app-bills-page{display:flex;flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;overflow:hidden;box-sizing:border-box}