:root{--bottom-nav-height: 56px;--sidebar-width: 240px;font-size:16px!important}.beta-banner{background:#ee5b2926;color:rgb(var(--c-brand-ink));font:600 10px / 1 var(--font-sans);letter-spacing:.08em;padding:3px 8px;border-radius:var(--r-pill);display:inline-block;margin-top:4px}.sidebar-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2);background:rgb(var(--c-bg-raised));color:rgb(var(--c-fg-muted));border-radius:var(--r-md);font-size:var(--fs-sm);min-height:36px;border:0}.sidebar-icon-btn:active{background:rgb(var(--c-bg-contrast));color:rgb(var(--c-fg))}.sidebar-icon-btn svg{flex-shrink:0}[data-theme=dark] .beta-banner{background:#ee5b2938;color:#ff9670}.wizard-progress{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-8);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wizard-progress::-webkit-scrollbar{display:none}.wizard-progress>span{display:contents}.wizard-step-item{display:inline-flex;align-items:center;gap:var(--sp-2);font:500 var(--fs-sm)/1 var(--font-sans);color:rgb(var(--c-fg-muted));white-space:nowrap;flex-shrink:0}.wizard-step-number{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:rgb(var(--c-bg-sunken));font:600 var(--fs-sm)/1 var(--font-sans);color:rgb(var(--c-fg-muted));flex-shrink:0;transition:background var(--motion-fast),color var(--motion-fast)}.wizard-step-item.active{color:rgb(var(--c-fg))}.wizard-step-item.active .wizard-step-number{background:rgb(var(--c-n-900));color:rgb(var(--c-n-0))}.wizard-step-item.completed{color:rgb(var(--c-success-fg))}.wizard-step-item.completed .wizard-step-number{background:rgb(var(--c-success-fg));color:rgb(var(--c-n-0))}.wizard-separator{flex:1;height:2px;min-width:var(--sp-4);background:rgb(var(--c-bg-sunken));transition:background var(--motion-fast)}.wizard-separator.completed{background:rgb(var(--c-success-fg))}.wizard-step{animation:wizardFadeIn .2s ease-out}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.wizard-actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-6)}.wizard-actions button:first-child{margin-right:auto}@media(max-width:640px){footer.wizard-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin-top:var(--sp-6);margin-bottom:0;padding-top:0}footer.wizard-actions button{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);margin:0!important}footer.wizard-actions button:first-child{grid-column:1}footer.wizard-actions button:last-child{grid-column:1 / -1}}.wizard-review dl{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-2) var(--sp-4);margin:0}.wizard-review dt{font-weight:600;color:rgb(var(--c-fg-body))}.wizard-review dd{margin:0}.source-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-4)}.source-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);background:rgb(var(--c-bg-raised));border:0;border-radius:var(--r-lg);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast);text-align:center;color:rgb(var(--c-fg-body))}.source-card:active{background:rgb(var(--c-bg-sunken))}.source-card:disabled{opacity:.45;cursor:not-allowed}.source-card.selected{background:#ee5b291a;color:rgb(var(--c-fg))}.source-card strong{font-size:var(--fs-lg);color:inherit}.source-card span{font-size:var(--fs-sm);font-weight:400;color:rgb(var(--c-fg-muted));line-height:1.4}.source-card-icon{width:2.5rem;height:2.5rem;color:rgb(var(--c-n-400));transition:color var(--motion-fast)}.source-card.selected .source-card-icon{color:rgb(var(--c-brand))}@media(max-width:640px){.wizard-progress{gap:var(--sp-1)}.wizard-step-item{font-size:var(--fs-xs);gap:var(--sp-1)}.wizard-step-number{width:1.5rem;height:1.5rem;font-size:var(--fs-xs)}.wizard-separator{min-width:var(--sp-2)}.source-cards{gap:var(--sp-2)}.source-card{padding:var(--sp-3) var(--sp-2)}.source-card-icon{width:2rem;height:2rem}.source-card strong{font-size:var(--fs-base)}.source-card span{font-size:var(--fs-xs)}}.registry-status{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-sm);margin-bottom:var(--sp-4)}.registry-status-checking{background:rgb(var(--c-bg));color:rgb(var(--c-fg-muted))}.registry-status-public{background:rgb(var(--c-success-bg));color:rgb(var(--c-success-fg))}.registry-status-private{background:#ee5b2914;color:rgb(var(--c-brand-ink))}.registry-status-error{background:rgb(var(--c-bg));color:rgb(var(--c-fg-muted))}.git-token-field{display:flex;gap:var(--sp-2);align-items:stretch}.git-token-field input{flex:1;min-width:0}.git-token-field button{white-space:nowrap;flex-shrink:0}.ssh-key-display{display:flex;gap:var(--sp-2);align-items:flex-start;margin-bottom:var(--sp-2)}.ssh-key-display code{flex:1;min-width:0;padding:var(--sp-3);background:rgb(var(--c-bg));border-radius:var(--r-md);font-size:var(--fs-sm);word-break:break-all;line-height:1.5;-webkit-user-select:all;user-select:all}.ssh-key-display button{flex-shrink:0;align-self:flex-start;margin-top:var(--sp-3)}.ssh-key-instructions{font-size:var(--fs-sm);font-weight:600;color:rgb(var(--c-brand));margin-bottom:var(--sp-4)}.port-options{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-4)}.port-option{padding:var(--sp-3) var(--sp-5);background:rgb(var(--c-bg-raised));border:0;border-radius:var(--r-md);cursor:pointer;font:500 var(--fs-base)/1 var(--font-sans);letter-spacing:-.005em;color:rgb(var(--c-fg-body));transition:background var(--motion-fast),color var(--motion-fast)}.port-option.selected{background:rgb(var(--c-brand));color:rgb(var(--c-n-0))}.port-option:disabled{opacity:.5;cursor:not-allowed}.wizard-progress-indicator{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:rgb(var(--c-bg));border-radius:var(--r-md);font-size:var(--fs-sm);color:rgb(var(--c-fg-muted))}.wizard-build-steps{margin-top:var(--sp-4)}.build-steps-container{background:rgb(var(--c-n-900));border-radius:var(--r-lg);padding:var(--sp-3);max-height:400px;min-height:120px;overflow:auto}.build-steps-container .log-empty{color:rgb(var(--c-n-500));text-align:center;padding:var(--sp-6) 0;font-size:var(--fs-sm)}.build-step{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-2) var(--sp-2);animation:wizardFadeIn .2s ease-out}.build-step-number{color:rgb(var(--c-n-500));font:500 var(--fs-xs)/1 var(--font-mono);min-width:1.5rem;text-align:right;flex-shrink:0;-webkit-user-select:none;user-select:none}.build-step-text{font:400 var(--fs-sm)/1.5 var(--font-mono);color:rgb(var(--c-n-300));white-space:pre-wrap;word-break:break-word}.build-step-instruction .build-step-text{color:rgb(var(--c-n-100));font-weight:500}.build-step-error .build-step-text{color:#fba99e}.config-group-list{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-4)}.config-group-entry{background:rgb(var(--c-bg));border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.config-group-selected{background:#ee5b290a}.config-group-provisioning{opacity:.6}.config-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.config-group-header .checkbox-label{flex:1}.config-group-count{font-size:var(--fs-xs);color:rgb(var(--c-fg-muted));margin-left:var(--sp-2)}.config-group-items{margin-top:var(--sp-3);padding-top:var(--sp-3)}.config-group-items-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-3);padding:0 0 var(--sp-2);font:600 var(--fs-xs)/1 var(--font-sans);color:rgb(var(--c-fg-muted));letter-spacing:.05em}.config-group-item{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-3);align-items:center;padding:var(--sp-2) 0}.config-group-item input{margin-bottom:0;padding:var(--sp-1) var(--sp-2);font-size:var(--fs-sm)}.config-group-item-key{font:500 var(--fs-sm)/1.4 var(--font-mono);color:rgb(var(--c-fg));display:flex;align-items:center;gap:var(--sp-2)}.config-group-item-renamed{background:#ee5b290f!important}.config-group-item-value{font:400 var(--fs-sm)/1.4 var(--font-mono);color:rgb(var(--c-fg-muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-config-create{background:rgb(var(--c-bg));border-radius:var(--r-md);padding:var(--sp-4);margin-bottom:var(--sp-4)}.inline-config-create h3{margin-top:0}.inline-config-items{margin-bottom:var(--sp-3)}.inline-config-items-header{display:grid;grid-template-columns:1fr 1fr auto auto;gap:var(--sp-3);padding-bottom:var(--sp-2);font:600 var(--fs-xs)/1 var(--font-sans);color:rgb(var(--c-fg-muted));letter-spacing:.05em}.inline-config-item{display:grid;grid-template-columns:1fr 1fr auto auto;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-2)}.inline-config-item input[type=text]{margin-bottom:0;padding:var(--sp-1) var(--sp-2);font-size:var(--fs-sm)}.inline-config-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}.inline-config-actions div{display:flex;gap:var(--sp-2)}.btn-icon{background:transparent;color:rgb(var(--c-fg-muted));padding:var(--sp-1);font-size:var(--fs-lg);line-height:1;cursor:pointer;min-height:auto}.btn-icon:active{color:rgb(var(--c-fg));background:transparent}.btn-icon:disabled{opacity:.45;cursor:not-allowed}.env-var-summary{margin-top:var(--sp-4);padding-top:var(--sp-4)}.env-var-summary h3{margin-top:0}.env-var-summary-list{display:flex;flex-direction:column;gap:var(--sp-1)}.env-var-summary-item{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--sp-3);align-items:center;padding:var(--sp-2) var(--sp-3);background:rgb(var(--c-bg));border-radius:var(--r-sm);font-size:var(--fs-sm)}.env-var-duplicate{background:rgb(var(--c-danger-bg) / .5)}.env-var-summary-name{font:500 var(--fs-sm)/1.4 var(--font-mono);color:rgb(var(--c-fg));display:flex;align-items:center;gap:var(--sp-2)}.env-var-summary-value{font:400 var(--fs-sm)/1.4 var(--font-mono);color:rgb(var(--c-fg-muted));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-var-summary-source{font-size:var(--fs-xs);color:rgb(var(--c-fg-muted));text-align:right}.config-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto auto;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-2)}.config-entry input{margin:0}.config-entry-modified{position:relative}.config-entry-modified:before{content:"";position:absolute;left:calc(-1 * var(--sp-3));top:var(--sp-1);bottom:var(--sp-1);width:2px;background:rgb(var(--c-brand));border-radius:var(--r-sm)}@media(max-width:720px){.config-entry{grid-template-columns:minmax(0,1fr) auto;row-gap:var(--sp-2);margin-bottom:var(--sp-4)}.config-entry>input{grid-column:1 / -1}}.checkbox-label{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:rgb(var(--c-fg-body));white-space:nowrap;cursor:pointer}.checkbox-label input[type=checkbox]{margin:0}.footer-actions{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-5)}.detail-header{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-2)}.detail-header h1{display:flex;align-items:center;gap:var(--sp-2);margin:0}.detail-meta{font-size:var(--fs-sm);color:rgb(var(--c-fg-muted));white-space:nowrap}.title-row{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-2)}.link-plain{color:rgb(var(--c-fg))}.compact-list-name{font-weight:500}.section-actions{margin-top:var(--sp-4);display:flex;gap:var(--sp-2)}.section-actions-inset{display:flex;gap:var(--sp-2)}.kv-wide{grid-template-columns:180px 1fr}.cd-branch-tag{font-size:var(--fs-xs);margin-left:var(--sp-2)}.input-confirm{width:220px}.editable-name{cursor:text;border-radius:var(--r-md);padding:0 var(--sp-2);margin:0 calc(var(--sp-2) * -1)}.editable-name:focus-visible{background:rgb(var(--c-bg-sunken));outline:2px solid rgb(var(--c-focus));outline-offset:2px}.inline-name-input{font:inherit;color:inherit;background:rgb(var(--c-bg-sunken));padding:0 var(--sp-2);border-radius:var(--r-md);width:auto;min-width:200px}.detail-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4)}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-6)}.source-icon{display:block}.source-icon.git{color:#f05032}.source-icon.docker{color:#2496ed}.services-table{table-layout:auto}.source-icon-cell{width:16px;padding-right:0!important}.service-status-cell{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}.edit-tabs{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-4);overflow-x:auto}.edit-tab{padding:var(--sp-2) var(--sp-4);font:500 var(--fs-sm) / 1.4 var(--font-sans);color:rgb(var(--c-fg-muted));background:transparent;border-radius:var(--r-md);white-space:nowrap;transition:color var(--motion-fast),background var(--motion-fast)}.edit-tab:active{color:rgb(var(--c-fg));background:rgb(var(--c-bg-sunken))}.edit-tab.active{color:rgb(var(--c-fg));background:rgb(var(--c-bg-raised));font-weight:600}.service-edit-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);margin-top:var(--sp-6)}.unsaved-indicator{margin-right:auto;font:500 var(--fs-sm) / 1 var(--font-sans);color:rgb(var(--c-brand-ink))}@media(max-width:640px){.detail-header{flex-direction:column;align-items:flex-start;gap:var(--sp-1)}.detail-header h1{font-size:var(--fs-xl);margin-bottom:0}.inline-name-input{min-width:0;width:100%}.detail-actions{flex-wrap:wrap;gap:var(--sp-2);justify-content:flex-start;align-items:flex-start}.detail-actions button,.detail-actions a{margin:0!important}}.log-tabs{display:flex;gap:var(--sp-1);margin-bottom:var(--sp-3)}.log-tab{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);font-weight:500;border-radius:var(--r-md) var(--r-md) 0 0;background:rgb(var(--c-bg-sunken));color:rgb(var(--c-fg-muted));cursor:pointer}.log-tab.active{background:rgb(var(--c-n-900));color:rgb(var(--c-n-200))}.log-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.log-search-group{display:flex;align-items:center;gap:var(--sp-2);flex:1;min-width:200px}.log-search{flex:1;font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3)}.log-match-count{font-size:var(--fs-sm);color:rgb(var(--c-fg-muted));white-space:nowrap}.log-filters{display:flex;gap:var(--sp-1)}.log-filter-btn{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);border-radius:var(--r-pill);background:rgb(var(--c-bg-sunken));color:rgb(var(--c-fg-muted));cursor:pointer;min-height:32px}.log-filter-btn.active{background:rgb(var(--c-n-900));color:rgb(var(--c-n-0))}.log-filter-btn.log-filter-error.active{background:rgb(var(--c-danger-fg));color:rgb(var(--c-n-0))}.log-filter-btn.log-filter-warn.active{background:rgb(var(--c-warning-fg));color:rgb(var(--c-n-0))}.log-filter-btn.log-filter-info.active{background:rgb(var(--c-info-fg));color:rgb(var(--c-n-0))}.log-actions{display:flex;gap:var(--sp-2)}.log-container{background:rgb(var(--c-n-900));color:rgb(var(--c-n-200));border-radius:var(--r-lg);padding:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-sm);line-height:1.6;overflow:auto;max-height:calc(100vh - 320px);min-height:400px}.log-empty{color:rgb(var(--c-n-500));text-align:center;padding:var(--sp-8) 0}.log-line{display:flex;gap:var(--sp-3);padding:1px var(--sp-2);border-radius:var(--r-sm)}.log-line-error{color:rgb(var(--c-danger-fg))}.log-line-warn{color:#fbbf24}.log-line-info{color:#60a5fa}.log-timestamp{color:rgb(var(--c-n-500));white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none}.log-text{white-space:pre}.log-text mark{background:#facc1559;color:inherit;border-radius:2px;padding:0 1px}.log-pod-separator{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-2);margin:var(--sp-2) 0;color:rgb(var(--c-n-400));font-family:var(--font-sans);font-size:var(--fs-sm)}.log-pod-separator:before,.log-pod-separator:after{content:"";flex:1;height:1px;background:rgb(var(--c-n-700))}.log-pod-meta{display:flex;gap:var(--sp-3);color:rgb(var(--c-n-500));font-size:var(--fs-sm)}.log-pod-status-running{color:rgb(var(--c-success-fg))}.log-pod-status-failed{color:rgb(var(--c-danger-fg))}.log-pod-status-succeeded{color:rgb(var(--c-n-400))}.log-previous-header{padding:var(--sp-2);margin:var(--sp-1) 0;color:rgb(var(--c-n-500));font-family:var(--font-sans);font-size:var(--fs-sm);font-style:italic}.log-load-previous{display:flex;justify-content:center;padding:var(--sp-3);margin-bottom:var(--sp-2)}.log-load-previous button{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-sm);border-radius:var(--r-md);background:rgb(var(--c-n-800));color:rgb(var(--c-n-300));cursor:pointer}.log-load-previous button:active{background:rgb(var(--c-n-700))}.log-load-previous button:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:light){.log-container{background:rgb(var(--c-n-900));color:rgb(var(--c-n-200))}}.app-shell{display:grid;grid-template-rows:var(--topbar-h) 1fr;grid-template-columns:minmax(0,1fr);min-height:100vh;background:rgb(var(--c-bg))}.app-shell.has-sidebar .app-body{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:calc(100vh - var(--topbar-h))}.app-body{background:rgb(var(--c-bg));min-width:0}.app-body>main{padding:var(--sp-10) var(--sp-8);max-width:var(--layout-wide);margin:0 auto;width:100%;min-width:0}.topbar{display:flex;align-items:center;gap:var(--sp-4);padding:0 var(--sp-5);height:var(--topbar-h);background:rgb(var(--c-bg-sunken))}.topbar .brand{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:600;letter-spacing:var(--tracking-tight);font-size:var(--fs-md);color:rgb(var(--c-fg))}.topbar .brand-mark{width:18px;height:18px;border-radius:5px;background:rgb(var(--c-brand))}.brand-name{letter-spacing:var(--tracking-tight);font-size:var(--fs-lg)}.workspace-field{display:flex;flex-direction:column;gap:var(--sp-1)}.workspace-label{font:500 var(--fs-xs)/1 var(--font-sans);letter-spacing:var(--tracking-caps);color:rgb(var(--c-fg-muted));padding:0 var(--sp-3);cursor:pointer}.workspace{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.5rem var(--sp-3);border-radius:var(--r-md);background:rgb(var(--c-bg-contrast));font-size:var(--fs-sm);color:rgb(var(--c-fg));cursor:pointer}.workspace:hover{background:rgb(var(--c-bg-raised))}.workspace select{background:transparent;padding:0;width:auto;min-width:0;font-size:var(--fs-sm);color:inherit;appearance:none;-webkit-appearance:none;background-image:none;cursor:pointer}.workspace svg{width:14px;height:14px;color:rgb(var(--c-fg-muted));flex-shrink:0;margin-left:auto}.topbar nav{display:flex;gap:var(--sp-2);margin-left:var(--sp-3)}.topbar nav a,.topbar nav button{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.35rem var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:500;color:rgb(var(--c-fg-muted));background:transparent;border:0;cursor:pointer;font-family:inherit}.topbar nav button svg{width:16px;height:16px}.topbar nav a.is-current,.topbar nav button.is-current{color:rgb(var(--c-fg));background:rgb(var(--c-bg))}.topbar .topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2)}.topbar-actions{position:relative;display:flex;align-items:center;gap:var(--sp-2)}.topbar-actions .topbar-more{display:none}.topbar-actions-list{display:flex;align-items:center;gap:var(--sp-2)}.topbar-actions-label{display:none}.balance-pill{display:inline-flex;align-items:center;gap:var(--sp-2);padding:.3rem var(--sp-3);border-radius:var(--r-pill);background:rgb(var(--c-bg-contrast));font-size:var(--fs-sm);color:rgb(var(--c-fg))}.balance-pill .num{font-family:var(--font-mono)}.avatar{width:28px;height:28px;border-radius:50%;background:rgb(var(--c-bg-contrast));display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--fs-xs);color:rgb(var(--c-fg))}.icon-btn{width:32px;height:32px;border-radius:var(--r-md);background:transparent;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--c-fg-muted))}.icon-btn:active{color:rgb(var(--c-fg))}.icon-btn svg{width:16px;height:16px}.icon-btn .lang-code{font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;line-height:1}.app-shell .sidebar{width:var(--sidebar-w);background:rgb(var(--c-bg-sunken));padding:var(--sp-5) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-4);border-radius:0}@media(min-width:881px){.app-shell:not(.has-sidebar) .sidebar{display:none}}.app-shell .sidebar>.workspace-field{width:100%}.app-shell .sidebar .workspace{display:flex;width:100%}.app-shell .sidebar .workspace select{flex:1}.app-shell .sidebar nav ul{display:flex;flex-direction:column;gap:2px;list-style:none;padding:0;margin:0}.app-shell .sidebar nav a{display:flex;align-items:center;gap:var(--sp-3);padding:.5rem var(--sp-3);border-radius:var(--r-md);color:rgb(var(--c-fg-muted));font-size:var(--fs-sm);font-weight:500}.app-shell .sidebar nav a.active,.app-shell .sidebar nav a.is-current{background:rgb(var(--c-bg-contrast));color:rgb(var(--c-fg))}.app-shell .sidebar nav a .count{margin-left:auto;font-family:var(--font-mono);font-size:var(--fs-xs);color:rgb(var(--c-fg-faint))}.breadcrumb{font-size:var(--fs-sm);color:rgb(var(--c-fg-muted));font-family:var(--font-mono);margin-bottom:var(--sp-2)}.breadcrumb a{color:rgb(var(--c-fg-muted))}.breadcrumb a:last-of-type{color:rgb(var(--c-fg))}.breadcrumb .sep{color:rgb(var(--c-fg-faint));padding:0 .35em}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-6);margin-bottom:var(--sp-8)}.page-header h1{font-size:var(--fs-3xl);margin-top:var(--sp-2)}.summary-line{font-family:var(--font-display);font-size:var(--fs-xl);color:rgb(var(--c-fg-body));margin-top:var(--sp-3);letter-spacing:var(--tracking-tight);max-width:60ch;line-height:var(--lh-snug)}.summary-line strong{color:rgb(var(--c-fg));font-weight:600}.page-actions{display:flex;gap:var(--sp-2);flex-shrink:0}.iso{color:rgb(var(--c-fg-muted));margin-left:.35em;font-size:.85em;font-weight:500}.table-scroll{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead th{text-align:left;font:500 var(--fs-xs)/1 var(--font-sans);letter-spacing:var(--tracking-caps);color:rgb(var(--c-fg-muted));padding:var(--sp-3) var(--sp-4)}.data-table tbody td{padding:var(--sp-4);font-size:var(--fs-sm);color:rgb(var(--c-fg));background:rgb(var(--c-bg-raised));vertical-align:middle}.data-table tbody tr:nth-child(odd) td{background:rgb(var(--c-bg))}.data-table tbody td:first-child{border-radius:var(--r-md) 0 0 var(--r-md)}.data-table tbody td:last-child{border-radius:0 var(--r-md) var(--r-md) 0}.data-table .name{display:flex;align-items:center;gap:var(--sp-3)}.data-table .name strong{font-weight:500;color:rgb(var(--c-fg));font-size:var(--fs-base);display:block}.data-table .name small{display:block;color:rgb(var(--c-fg-muted));font-family:var(--font-mono);font-size:var(--fs-xs)}.data-table td.num{font-family:var(--font-mono);text-align:right;font-variant-numeric:tabular-nums}.data-table td.right{text-align:right}.data-table .row-action{font-size:var(--fs-sm);color:rgb(var(--c-fg-muted))}.status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);margin-bottom:var(--sp-6)}.status-kv{background:rgb(var(--c-bg-raised));padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md)}.status-kv dt{font:500 var(--fs-xs)/1 var(--font-sans);letter-spacing:var(--tracking-caps);color:rgb(var(--c-fg-muted));margin-bottom:var(--sp-3)}.status-kv dd{display:flex;align-items:center;gap:var(--sp-2);color:rgb(var(--c-fg));font-size:var(--fs-md);font-weight:500}.danger-band{background:rgb(var(--c-bg-contrast));border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.danger-band h3{font-size:var(--fs-md);font-weight:600}.danger-band p{font-size:var(--fs-sm);color:rgb(var(--c-fg-muted));margin-top:4px}.danger-band .actions{display:flex;gap:var(--sp-2);flex-shrink:0;flex-wrap:wrap}@media(max-width:720px){.danger-band{flex-direction:column;align-items:stretch;padding:var(--sp-4);gap:var(--sp-3)}.danger-band .actions{flex-wrap:wrap}.danger-band .actions .input-confirm{flex:1 1 100%;min-width:0}.danger-band .actions>button{flex:1 1 auto}}.sparkline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sp-2);align-items:end;height:140px;padding-top:var(--sp-2);padding-bottom:var(--sp-2)}.spark-bar{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:var(--sp-2);height:100%;min-width:0}.spark-bar .bar{width:100%;background:rgb(var(--c-bg-contrast));border-radius:3px;height:var(--h, 30%);align-self:end}.spark-bar.top .bar{background:rgb(var(--c-brand))}.spark-bar .label{font-size:12px;color:rgb(var(--c-fg));max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-family:var(--font-mono)}.spark-bar .amount{font-family:var(--font-sans);font-size:12px;color:rgb(var(--c-fg));white-space:nowrap}.spark-bar.top .amount{color:rgb(var(--c-brand-ink))}.activity{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.activity li{display:grid;grid-template-columns:88px 14px 1fr auto;gap:var(--sp-3);align-items:baseline;padding:var(--sp-3) 0;font-size:var(--fs-sm)}.activity li+li{background:linear-gradient(rgb(var(--c-bg-contrast)) 0 0) top/100% 1px no-repeat}.activity .ts{font-family:var(--font-mono);color:rgb(var(--c-fg-muted));font-size:var(--fs-xs)}.activity .amt{font-family:var(--font-mono);color:rgb(var(--c-fg))}.hero-band{background:rgb(var(--c-bg-sunken));padding:var(--sp-8);border-radius:var(--r-lg);display:grid;grid-template-columns:1.4fr 1fr;gap:var(--sp-8);align-items:center}.hero-num{font-family:var(--font-mono);font-size:var(--fs-5xl);letter-spacing:-.02em;color:rgb(var(--c-fg));line-height:1}.run-list{display:flex;flex-direction:column;gap:1px;background:rgb(var(--c-bg-contrast));border-radius:var(--r-md);overflow:hidden}.run-row{display:grid;grid-template-columns:16px 1fr 120px 80px 80px;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);background:rgb(var(--c-bg-raised));align-items:center;font-size:var(--fs-sm)}.run-row .commit{font-family:var(--font-mono);color:rgb(var(--c-fg))}.run-row .msg{color:rgb(var(--c-fg-muted))}.run-row .meta{font-family:var(--font-mono);color:rgb(var(--c-fg-muted));font-size:var(--fs-xs)}.run-row.head{background:transparent;color:rgb(var(--c-fg-muted));font-size:var(--fs-xs);letter-spacing:var(--tracking-caps);font-weight:500}.chip-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip-list .badge{font-family:var(--font-mono)}.compact-list{display:flex;flex-direction:column;gap:1px;background:rgb(var(--c-bg-contrast));border-radius:var(--r-md);overflow:hidden}.compact-list>*{background:rgb(var(--c-bg-raised));padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-base)}.signin-stage{display:grid;place-items:center;min-height:100vh;background:rgb(var(--c-bg));padding:var(--sp-12) var(--sp-4)}.signin-card{width:100%;max-width:440px;background:transparent}.signin-card .brand{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-10)}.signin-card .brand-mark{width:22px;height:22px;border-radius:6px;background:rgb(var(--c-brand))}.signin-card .intro{color:rgb(var(--c-fg-muted));margin-top:var(--sp-3);max-width:38ch}.signin-card .helper{font-family:var(--font-mono);font-size:var(--fs-xs);color:rgb(var(--c-fg-muted));margin-top:var(--sp-3)}.signin-card .helper strong{color:rgb(var(--c-fg));font-weight:500}.signin-card .code-input{font-family:var(--font-mono);font-size:var(--fs-2xl);text-align:center;letter-spacing:.5em;padding-left:.5em;height:64px}.signin-card .alt-row{margin-top:var(--sp-10);display:flex;align-items:center;justify-content:space-between;color:rgb(var(--c-fg-muted));font-size:var(--fs-sm)}.signin-card .country-row{display:grid;grid-template-columns:96px 1fr;gap:var(--sp-3)}.country-select{position:relative}.country-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);width:100%;height:100%;padding:0 var(--sp-3);background:rgb(var(--c-bg-raised));color:rgb(var(--c-fg));border:0;border-radius:var(--r-md);font-size:var(--fs-base);font-family:inherit;cursor:pointer;text-align:left}.country-select-trigger:disabled{opacity:.6;cursor:not-allowed}.country-select-caret{color:rgb(var(--c-fg-muted));flex-shrink:0}.country-select-list{position:absolute;top:calc(100% + var(--sp-1));left:0;z-index:20;min-width:260px;max-height:280px;overflow-y:auto;margin:0;padding:var(--sp-1);list-style:none;background:rgb(var(--c-bg-raised));border-radius:var(--r-md);box-shadow:0 10px 30px #0000002e}.country-select-list li{display:flex;align-items:baseline;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);cursor:pointer;color:rgb(var(--c-fg))}.country-select-list li:hover,.country-select-list li.is-selected{background:rgb(var(--c-bg-contrast))}.country-select-code{font-family:var(--font-mono);font-size:var(--fs-sm);color:rgb(var(--c-fg-muted));min-width:3.5ch}.country-select-country{font-size:var(--fs-sm)}.signin-card footer{margin-top:var(--sp-6);display:flex;gap:var(--sp-3)}.meta-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);color:rgb(var(--c-fg-muted));font-size:var(--fs-sm);margin-top:var(--sp-3)}.meta-row>.mono{color:rgb(var(--c-fg-muted))}.meta-row .dot-sep{color:rgb(var(--c-fg-faint))}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-4)}.section-head h3{margin-top:var(--sp-1);font-size:var(--fs-xl)}.section-head .eyebrow{margin-bottom:0}.dot-pulse{animation:dot-pulse 1.6s ease-in-out infinite}.alert{background:rgb(var(--c-warning-bg));color:rgb(var(--c-warning-fg));padding:var(--sp-4) var(--sp-5);border-radius:var(--r-md);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.alert h3{color:inherit;font-size:var(--fs-md);font-weight:600}.alert p{font-size:var(--fs-sm);margin-top:4px}@media(max-width:880px){.app-shell.has-sidebar .app-body{grid-template-columns:1fr}.app-shell .sidebar{position:fixed;top:var(--topbar-h);left:0;right:0;bottom:0;width:100%;transform:translate(-100%);transition:transform .25s ease;z-index:40;overflow-y:auto}.app-shell.has-sidebar .sidebar{transform:translate(0)}.balance-pill{display:none}.topbar-actions .topbar-more{display:inline-flex}.topbar-actions .topbar-actions-list{display:none;position:absolute;top:calc(100% + var(--sp-2));right:0;flex-direction:column;align-items:stretch;gap:2px;padding:var(--sp-2);background:rgb(var(--c-bg-raised));border-radius:var(--r-md);min-width:180px;z-index:50}.topbar-actions.is-open .topbar-actions-list{display:flex}.topbar-actions-list .icon-btn{width:100%;height:auto;justify-content:flex-start;gap:var(--sp-3);padding:.5rem var(--sp-3);color:rgb(var(--c-fg));font-size:var(--fs-sm);font-family:inherit}.topbar-actions-list .topbar-actions-label{display:inline}.status-row,.hero-band{grid-template-columns:1fr}.page-header{flex-direction:column}.app-body>main{padding:var(--sp-6) var(--sp-4)}}.payment-confirmation{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-8);text-align:center;min-height:60vh;gap:var(--sp-6)}.payment-confirmation__icon{font-size:4rem;line-height:1;margin-bottom:var(--sp-2)}.payment-confirmation h2{margin:0;font-size:var(--fs-3xl)}.payment-confirmation__message{max-width:40rem;font-size:var(--fs-lg);color:rgb(var(--c-n-600));margin:0}.payment-confirmation__wait-time{font-size:var(--fs-base);font-weight:600;color:rgb(var(--c-n-700));margin:0}.payment-confirmation__warning{max-width:40rem;font-size:var(--fs-sm);color:rgb(var(--c-warning-fg));margin:0;padding:var(--sp-4);background:rgb(var(--c-warning-bg));border-radius:var(--r-md);border:0}.payment-confirmation__timer{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-base);margin-top:var(--sp-4)}.payment-confirmation__timer-label{color:rgb(var(--c-n-600))}.payment-confirmation__timer-value{font-family:Courier New,monospace;font-size:var(--fs-2xl);font-weight:600;color:rgb(var(--c-n-800))}[data-theme=dark] .payment-confirmation__message,[data-theme=dark] .payment-confirmation__timer-label{color:rgb(var(--c-fg-body))}[data-theme=dark] .payment-confirmation__wait-time,[data-theme=dark] .payment-confirmation__timer-value{color:rgb(var(--c-fg))}.payment-confirmation--pending{background:#ee5b290f}.payment-confirmation--pending h2{color:rgb(var(--c-brand-ink))}.payment-confirmation__spinner{width:3rem;height:3rem;border:3px solid rgb(238 91 41 / .2);border-top-color:rgb(var(--c-brand));border-radius:50%;animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.payment-confirmation--success{background:rgb(var(--c-success-bg) / .4)}.payment-confirmation--success h2,.payment-confirmation--success .payment-confirmation__message{color:rgb(var(--c-success-fg))}.payment-confirmation--cancelled{background:rgb(var(--c-danger-bg) / .4)}.payment-confirmation--cancelled h2,.payment-confirmation--cancelled .payment-confirmation__message{color:rgb(var(--c-danger-fg))}.payment-confirmation--error{background:rgb(var(--c-danger-bg) / .4)}.payment-confirmation--error h2,.payment-confirmation--error .payment-confirmation__message{color:rgb(var(--c-danger-fg))}@media(max-width:40rem){.payment-confirmation{padding:var(--sp-4);gap:var(--sp-4)}.payment-confirmation h2{font-size:var(--fs-2xl)}.payment-confirmation__message,.payment-confirmation__warning{font-size:var(--fs-base)}.payment-confirmation__icon{font-size:3rem}.payment-confirmation__timer-value{font-size:var(--fs-xl)}}.home-top-row{display:grid;grid-template-columns:1fr 3fr;gap:var(--sp-4);margin-bottom:var(--sp-4)}.balance-cards{display:flex;flex-direction:column;gap:var(--sp-4)}.balance-card{background:rgb(var(--c-bg-raised));border-radius:var(--r-lg);padding:var(--sp-4)}.home-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-4)}.home-header-actions{display:flex;gap:var(--sp-2);flex-wrap:wrap}.btn-history{display:inline-flex;align-items:center;padding:var(--sp-2) var(--sp-4);background:rgb(var(--c-n-900));color:rgb(var(--c-n-0));border-radius:var(--r-md);font:500 var(--fs-sm)/1 var(--font-sans);letter-spacing:-.005em;text-decoration:none;min-height:36px;transition:background var(--motion-fast)}.btn-history:active{background:rgb(var(--c-n-700))}@media(max-width:768px){.home-top-row{grid-template-columns:1fr}.balance-cards{flex-direction:column}.balance-card,.spending-card,.project-summary-card{padding:var(--sp-3)}.balance-card-actions{flex-direction:column}.spending-chart{height:84px}.spending-bar-amount{font-size:.75rem!important;margin-bottom:0}.spending-bar-label{font-size:.625rem}.spending-chart{padding-top:0}}.balance-list{margin-bottom:var(--sp-2)}.balance-list-item{display:flex;justify-content:space-between;align-items:baseline;padding:var(--sp-2) 0}.balance-list-item+.balance-list-item{border-top:1px solid rgb(var(--c-bg-sunken))}.balance-list-amount{font:700 var(--fs-xl)/1.2 var(--font-sans);color:rgb(var(--c-fg))}.balance-list-currency{font:400 var(--fs-sm)/1 var(--font-sans);color:rgb(var(--c-fg-muted))}.balance-card-actions{display:flex;gap:var(--sp-2)}.btn-recharge{display:inline-flex;align-items:center;padding:var(--sp-2) var(--sp-4);color:rgb(var(--c-n-0));background:rgb(var(--c-brand));border-radius:var(--r-md);font:500 var(--fs-sm)/1 var(--font-sans);letter-spacing:-.005em;text-decoration:none;min-height:36px;transition:background var(--motion-fast)}.btn-recharge:active{background:rgb(var(--c-brand-ink))}.spending-card{background:rgb(var(--c-bg-raised));border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;min-width:0;overflow:hidden}.spending-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-3);flex-wrap:wrap;gap:var(--sp-2)}.currency-tabs{display:flex;gap:var(--sp-1);background:rgb(var(--c-bg-sunken));border-radius:var(--r-md);padding:2px}.currency-tab{padding:var(--sp-1) var(--sp-3);border:none;background:transparent;border-radius:var(--r-sm);font:500 var(--fs-sm)/1 var(--font-sans);color:rgb(var(--c-fg-body));cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.currency-tab.active{background:rgb(var(--c-bg-raised));color:rgb(var(--c-fg))}.spending-chart{display:flex;align-items:flex-end;gap:var(--sp-2);flex:1;min-height:112px;margin-bottom:0;overflow:hidden;padding-top:var(--sp-6)}.spending-chart.empty{align-items:center;justify-content:center;padding-top:0}.spending-bar-group{display:flex;flex-direction:column;align-items:center;flex:1;height:100%;justify-content:flex-end;min-width:0}.spending-bar-amount{font-weight:500;font-size:var(--fs-xs);line-height:1;font-family:var(--font-sans);color:rgb(var(--c-fg-body));margin-bottom:var(--sp-1);white-space:nowrap}.spending-bar{width:100%;max-width:40px;background:rgb(var(--c-brand));border-radius:var(--r-sm) var(--r-sm) 0 0;transition:height var(--motion-fast);min-height:4px;height:var(--bar-height);min-width:0}.spending-bar.highest{background:rgb(var(--c-brand))}.spending-bar-label{font-weight:400;font-size:var(--fs-xs);line-height:1;font-family:var(--font-sans);color:rgb(var(--c-fg-muted));margin-top:var(--sp-2)}.project-summary-card{background:rgb(var(--c-bg-raised));border-radius:var(--r-lg);padding:var(--sp-4);min-width:0;overflow-x:auto}.project-summary-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-4);flex-wrap:wrap;gap:var(--sp-2)}.project-summary-header-actions{display:flex;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap}.account-overview{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--sp-5);margin-bottom:var(--sp-10)}@media(max-width:880px){.account-overview{grid-template-columns:1fr}}.spend-chart-header{display:flex;justify-content:space-between;align-items:baseline}.currency-tabs{display:flex;gap:2px}.balance-actions{margin-top:var(--sp-5);display:flex;gap:var(--sp-2)}.currency-tab.is-current{background:rgb(var(--c-bg-contrast));color:rgb(var(--c-fg))}.currency-tab{color:rgb(var(--c-fg-muted));background:transparent}.resource-table{display:flex;flex-direction:column}.resource-table-header,.resource-table-row{display:flex;align-items:center;padding:var(--sp-3) var(--sp-4);gap:var(--sp-4)}.resource-table-header{font:600 var(--fs-sm)/1 var(--font-sans);color:rgb(var(--c-fg-muted));text-transform:capitalize;letter-spacing:.05em;border-bottom:1px solid rgb(var(--c-bg-sunken));padding-bottom:var(--sp-3);margin-bottom:var(--sp-2)}.resource-table-body{max-height:400px;overflow-y:auto}.resource-table-row{display:flex;align-items:center;padding:var(--sp-3) var(--sp-4);gap:var(--sp-4);min-height:56px;border-bottom:1px solid rgb(var(--c-bg-sunken))}.resource-table-row:last-child{border-bottom:none}@media(max-width:640px){.project-summary-header{flex-direction:column;align-items:flex-start}.project-summary-header-actions{width:100%;justify-content:flex-start}.resource-table-header{display:none}.resource-table-body{max-height:none;overflow-y:visible}.resource-table-row{flex-direction:column;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-4);min-height:0;background:rgb(var(--c-bg-raised));border-radius:var(--r-lg);border:0}.resource-table-row+.resource-table-row{margin-top:var(--sp-3)}.resource-table-col{display:block}.col-id{font-weight:600}.col-daily,.col-mtd{text-align:left;white-space:normal}.col-daily:before,.col-mtd:before{content:attr(data-label);font-weight:400;font-size:var(--fs-sm);line-height:1;font-family:var(--font-sans);color:rgb(var(--c-fg-muted));margin-right:var(--sp-2)}.col-daily,.col-mtd{flex:0!important}}.resource-table-col{display:flex;align-items:center;gap:var(--sp-3)}.col-id{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-daily{flex:0 0 120px;white-space:nowrap;justify-content:flex-end;text-align:right;font-weight:600;font-size:var(--fs-base);line-height:1;font-family:var(--font-sans);color:rgb(var(--c-fg))}.col-mtd{flex:0 0 130px;white-space:nowrap;justify-content:flex-end;text-align:right;font-weight:600;font-size:var(--fs-base);line-height:1;font-family:var(--font-sans);color:rgb(var(--c-fg))}.resource-name-link{font:500 var(--fs-base)/1 var(--font-sans);color:rgb(var(--c-fg));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;cursor:pointer;letter-spacing:-.005em}.resource-name-link:active{color:rgb(var(--c-brand-ink))}.spending-chart.empty p{color:rgb(var(--c-fg-body));font:400 var(--fs-sm)/1.5 var(--font-sans);text-align:center}.empty-state{color:rgb(var(--c-fg-body));font:400 var(--fs-sm)/1.5 var(--font-sans);text-align:center;padding:var(--sp-6) 0}[data-theme=dark] .balance-card,[data-theme=dark] .spending-card,[data-theme=dark] .project-summary-card{background:rgb(var(--c-bg-raised))}[data-theme=dark] .btn-recharge{background:rgb(var(--c-brand));color:rgb(var(--c-n-0))}[data-theme=dark] .btn-recharge:active{background:rgb(var(--c-brand-ink))}[data-theme=dark] .btn-history{background:rgb(var(--c-n-900));color:rgb(var(--c-bg))}[data-theme=dark] .btn-history:active{background:rgb(var(--c-n-600))}[data-theme=dark] .spending-bar,[data-theme=dark] .spending-bar.highest{background:rgb(var(--c-brand))}[data-theme=dark] .balance-list-item+.balance-list-item{border-top-color:rgb(var(--c-bg-sunken))}[data-theme=dark] .currency-tabs{background:rgb(var(--c-bg-sunken))}[data-theme=dark] .currency-tab.active{background:rgb(var(--c-bg-raised))}[data-theme=dark] .resource-table-row,[data-theme=dark] .resource-table-header{border-bottom-color:rgb(var(--c-bg-sunken))}.modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--sp-4)}.modal-content{background:rgb(var(--c-bg-raised));border-radius:var(--r-lg);padding:var(--sp-6);min-width:320px;max-width:520px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.modal-header h2{margin-bottom:0}.modal-close{border:none;background:transparent;color:rgb(var(--c-fg-muted));font-size:1.25rem;cursor:pointer;padding:var(--sp-1);border-radius:var(--r-sm);transition:background var(--motion-fast),color var(--motion-fast)}.modal-close:active{background:rgb(var(--c-bg-sunken));color:rgb(var(--c-fg))}.modal-body{display:flex;flex-direction:column;gap:var(--sp-5)}.modal-section h3{font:600 var(--fs-sm)/1 var(--font-sans);color:rgb(var(--c-fg-muted));text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-2)}.modal-resource-list{display:flex;flex-direction:column}.modal-resource-item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm)}.modal-resource-item+.modal-resource-item{border-top:1px solid rgb(var(--c-bg-sunken))}.modal-resource-name{font:500 var(--fs-base)/1 var(--font-sans);color:rgb(var(--c-fg));flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-resource-status{font:400 var(--fs-sm)/1 var(--font-sans);color:rgb(var(--c-fg-body));background:rgb(var(--c-bg-sunken));padding:2px 8px;border-radius:var(--r-sm)}.modal-resource-price{font:600 var(--fs-sm)/1 var(--font-sans);color:rgb(var(--c-fg));white-space:nowrap}[data-theme=dark] .modal-content{background:rgb(var(--c-bg-raised))}[data-theme=dark] .modal-resource-item+.modal-resource-item{border-top-color:rgb(var(--c-bg-sunken))}.back-link{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:500;color:rgb(var(--c-fg-muted));margin-bottom:var(--sp-4)}.back-link:active{color:rgb(var(--c-brand-ink))}.movements-summary{display:flex;gap:var(--sp-4);margin-bottom:var(--sp-6)}.summary-card{background:rgb(var(--c-bg-raised));border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-6);flex:1}.summary-card .card-label{margin-bottom:var(--sp-2)}.summary-value{font:700 var(--fs-2xl)/1.2 var(--font-sans);color:rgb(var(--c-fg))}.balance-points-section{background:rgb(var(--c-bg-raised));border-radius:var(--r-lg);padding:var(--sp-6);margin-bottom:var(--sp-6);overflow-x:auto}.balance-points-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-4);flex-wrap:wrap;gap:var(--sp-2)}.balance-points-header nav{display:flex;gap:var(--sp-2)}.balance-points-header nav button{padding:var(--sp-2) var(--sp-3);background:rgb(var(--c-bg-sunken));border:none;border-radius:var(--r-md);font:500 var(--fs-sm)/1 var(--font-sans);color:rgb(var(--c-fg));cursor:pointer;min-height:32px;transition:background var(--motion-fast)}.balance-points-header nav button:active{background:#ee5b2926;color:rgb(var(--c-brand-ink))}.col-period{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-points{flex:0 0 auto;white-space:nowrap}.col-amount{flex:0 0 auto;white-space:nowrap;justify-content:flex-end;font:600 var(--fs-base)/1 var(--font-sans);color:rgb(var(--c-fg))}@media(max-width:640px){.movements-summary{flex-direction:column}.summary-card{padding:var(--sp-3) var(--sp-4)}.balance-points-section{padding:var(--sp-4)}.balance-points-header nav button{padding:var(--sp-1) var(--sp-2);font:500 var(--fs-xs)/1 var(--font-sans)}.resource-table-header{display:none}.resource-table-body{max-height:none;overflow-y:visible}.resource-table-row{flex-direction:column;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-4);min-height:0;border:0;border-radius:var(--r-lg);background:rgb(var(--c-bg-raised))}.resource-table-row+.resource-table-row{margin-top:var(--sp-3)}.col-period,.col-points,.col-amount{flex:none;width:100%;text-align:left;justify-content:flex-start}.col-period:before,.col-points:before,.col-amount:before{content:attr(data-label);font:400 var(--fs-sm)/1 var(--font-sans);color:rgb(var(--c-fg-muted));margin-right:var(--sp-2)}.col-amount{font:600 var(--fs-base)/1 var(--font-sans)}}[data-theme=dark] .balance-points-section{background:rgb(var(--c-bg-raised))}[data-theme=dark] .balance-points-header nav button:active{background:#ee5b2938;color:rgb(var(--c-brand-100))}.recharge-options{display:flex;gap:var(--sp-3);flex-wrap:wrap}.recharge-option{display:flex;align-items:center;justify-content:center;min-width:120px;padding:var(--sp-4) var(--sp-6);font:600 var(--fs-lg)/1.2 var(--font-sans);letter-spacing:-.018em;color:rgb(var(--c-fg));background:rgb(var(--c-bg-raised));border:0;border-radius:var(--r-lg);cursor:pointer;transition:background var(--motion-fast),color var(--motion-fast)}.recharge-option.selected{background:rgb(var(--c-brand));color:rgb(var(--c-n-0))}.billing-result__actions{display:flex;justify-content:center;margin-top:var(--sp-6)}.billing-result__action-link{display:inline-flex;align-items:center;padding:var(--sp-3) var(--sp-6);background:rgb(var(--c-n-900));color:rgb(var(--c-n-0));text-decoration:none;border-radius:var(--r-md);font:500 var(--fs-md)/1 var(--font-sans);letter-spacing:-.011em;min-height:40px;transition:background var(--motion-fast)}.billing-result__action-link:active{background:rgb(var(--c-n-700))}
