:root{--ct-z-ui-toast: 1000;--ct-z-modal-loader: 2000;--ct-z-dev-theme-modal: 10200;--ct-z-tab-drag-ghost: 10000;--ct-z-dev-footer: 10100;--ct-dev-footer-height: 4.5rem}.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-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%;min-width:min(400px,100%)}.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%}.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);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:grid;grid-template-columns:50px minmax(0,3fr) minmax(0,1fr);align-items:center;column-gap:.3125rem;min-height:2.9375rem;padding:.25rem .5rem}.ct-port-app-topbar-back{grid-column:1}.ct-port-app-content{min-height:0;width:100%;max-width:none;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;font-size:1.75rem;font-weight:600;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}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;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-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}