:root{--bg-primary:#0a0a0a;--bg-secondary:#0f0f0f;--bg-card:#161616;--text-primary:#e5e5e5;--text-secondary:#a3a3a3;--accent:#22c55e;--accent-light:#4ade80;--accent-dim:#16a34a;--accent-subtle:#22c55e0f;--border:#262626;--error:#ef4444;--serif:"Lora", Georgia, serif;--sans:"Inter", -apple-system, sans-serif;--mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--sans);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-light)}.chamfer{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);border:none;position:relative}.chamfer:before{content:"";clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);background:var(--bg-card);z-index:0;position:absolute;inset:1px}.chamfer>*{z-index:1;position:relative}.debug-attestation-banner{width:100%;color:var(--text-primary);font-family:var(--mono);z-index:200;background:#ef444414;border-bottom:1px solid #ef444459;font-size:12px;line-height:1.5;position:relative}.debug-attestation-banner-inner{align-items:center;gap:12px;max-width:1200px;margin:0 auto;padding:10px 24px;display:flex}.debug-attestation-banner-tag{background:var(--error);color:#0a0a0a;letter-spacing:.08em;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.debug-attestation-banner-text{color:var(--text-primary)}.debug-attestation-banner-link{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.debug-attestation-banner-link:hover{color:var(--accent-light)}.layout{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0a0ad9;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.mark{background:var(--accent);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);width:28px;height:32px;font-family:var(--serif);color:#0a0a0a;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.brand{font-family:var(--serif);letter-spacing:.03em;color:#fff;font-size:18px}.brand .en{color:var(--accent)}.topbar-nav{align-items:center;gap:24px;display:flex}.topbar-nav a{color:var(--text-secondary);font-family:var(--mono);font-size:13px;text-decoration:none;transition:color .2s}.topbar-nav a:hover,.topbar-nav a.active{color:var(--accent)}.logout-btn{border:1px solid var(--border);color:var(--text-secondary);font-family:var(--mono);cursor:pointer;background:0 0;padding:6px 16px;font-size:13px;transition:color .2s,border-color .2s}.logout-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.main-content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:40px 24px}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--border);text-align:center;width:100%;max-width:400px;padding:48px}.login-card:before{background:var(--bg-card)}.login-element{background:var(--accent);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);flex-direction:column;justify-content:center;align-items:center;width:80px;height:96px;margin:0 auto 32px;display:flex}.login-element .symbol{font-family:var(--serif);color:#0a0a0a;font-size:40px;font-weight:600}.login-element .name{font-family:var(--mono);letter-spacing:.08em;color:#0a0a0a;font-size:9px}.login-card h1{font-family:var(--serif);color:#fff;margin-bottom:8px;font-size:28px;font-weight:400}.login-subtitle{color:var(--text-secondary);font-family:var(--mono);margin-bottom:32px;font-size:13px}.login-buttons{flex-direction:column;gap:12px;display:flex}.oauth-btn{background:var(--bg-primary);border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--mono);cursor:pointer;padding:14px 24px;font-size:14px;transition:border-color .2s,color .2s}.oauth-btn:hover{border-color:var(--accent);color:#fff}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.pulse{animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.4}}.billing-banner{border-left:3px solid var(--border);font-family:var(--mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;font-size:13px;line-height:1.5;display:flex}.billing-banner-text{color:var(--text-primary);flex:320px}.billing-banner-text strong{font-weight:600}.billing-banner-actions{flex-shrink:0;gap:8px;display:flex}.billing-banner-warn{background:#eab30814;border-left-color:#eab308}.billing-banner-warn .billing-banner-text strong{color:#eab308}.billing-banner-error{border-left-color:var(--error);background:#ef444414}.billing-banner-error .billing-banner-text strong{color:var(--error)}.billing-banner-terminated{background:#73737314;border-left-color:#737373}.billing-banner-terminated .billing-banner-text strong{color:#a3a3a3}.billing-banner-btn{font-family:var(--mono);border:1px solid var(--accent);background:var(--accent);color:#0a0a0a;cursor:pointer;white-space:nowrap;padding:6px 12px;font-size:12px;display:inline-block}.billing-banner-btn:hover{background:var(--accent-light);color:#0a0a0a}.billing-banner-btn-ghost{color:var(--text-primary);border-color:var(--border);background:0 0}.billing-banner-btn-ghost:hover{color:#fff;background:0 0;border-color:#737373}.list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.list-header h2{font-family:var(--serif);font-size:28px;font-weight:400}.list-header-actions{align-items:center;gap:12px;display:flex}.archive-toggle{font-family:var(--mono);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;transition:color .15s;display:inline-flex}.archive-toggle:hover{color:var(--text-primary)}.archive-toggle input{cursor:pointer;accent-color:var(--accent);margin:0}.refresh-btn{font-family:var(--mono);cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:2px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;transition:border-color .15s,color .15s;display:inline-flex}.refresh-btn:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text-primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-icon{font-size:14px;line-height:1;display:inline-block}.refresh-btn:not(:disabled):active .refresh-icon{transition:transform .3s ease-out;transform:rotate(180deg)}.refresh-label{text-transform:lowercase;letter-spacing:.02em}.create-btn{background:var(--accent);color:#0a0a0a;font-family:var(--mono);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.create-btn:hover{background:var(--accent-light);color:#0a0a0a}.enclave-list{flex-direction:column;gap:8px;display:flex}.enclave-row{background:var(--border);color:var(--text-primary);align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:background .15s;display:flex}.enclave-row:hover{color:var(--text-primary)}.enclave-row:hover:before{background:#1a1a1a}.enclave-row.archived{opacity:.55}.enclave-row.archived:hover{opacity:.85}.enclave-row .mode-pill{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);color:var(--text-secondary);align-items:center;padding:2px 8px;font-size:10px;line-height:1.4;display:inline-flex}.enclave-row .mode-pill.debug{color:#eab308;border-color:#eab30866}.enclave-row .mode-pill.archived{color:var(--text-secondary);border-color:var(--border);background:var(--bg-card)}.enclave-name{font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;flex:1;align-items:baseline;gap:12px;min-width:0;font-size:14px;display:flex;overflow:hidden}.enclave-image-hint{font-family:var(--mono);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.enclave-status{font-family:var(--mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.enclave-meta{font-family:var(--mono);color:var(--text-secondary);font-size:12px}.empty-state{background:var(--border);text-align:center;padding:48px}.empty-state p{color:var(--text-secondary);font-family:var(--mono);margin-bottom:16px;font-size:14px}.empty-state a{color:var(--accent);font-family:var(--mono);font-size:14px}.loading-text,.error-text{font-family:var(--mono);text-align:center;padding:48px;font-size:14px}.loading-text{color:var(--text-secondary)}.error-text{color:var(--error)}.help-tip{vertical-align:middle;align-items:center;display:inline-flex;position:relative}.help-tip-trigger{width:18px;height:18px;color:var(--text-secondary);cursor:help;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.help-tip-trigger:hover,.help-tip-trigger:focus-visible{color:var(--text-primary);background:var(--bg-card);outline:none}.help-tip-body{z-index:20;background:var(--bg-card);border:1px solid var(--border);min-width:240px;max-width:360px;color:var(--text-primary);font-family:var(--sans);text-transform:none;letter-spacing:normal;opacity:0;pointer-events:none;padding:10px 12px;font-size:12px;line-height:1.5;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 6px);left:0;transform:translateY(2px)}.help-tip-body.open{opacity:1;pointer-events:auto;transform:translateY(0)}.help-tip-body code{background:var(--bg-primary);border:1px solid var(--border);font-family:var(--mono);padding:1px 5px;font-size:11px}.copy-btn{color:var(--text-secondary);cursor:pointer;font-family:var(--mono);background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:2px 6px;font-size:11px;line-height:1;transition:color .15s,border-color .15s;display:inline-flex}.copy-btn:hover{color:var(--text-primary);border-color:var(--border)}.copy-btn.copied{color:var(--accent)}.copy-btn-text:empty{display:none}.page-title{font-family:var(--serif);margin-bottom:32px;font-size:28px;font-weight:400}.create-form{flex-direction:column;gap:24px;max-width:520px;display:flex}.create-intro{font-family:var(--sans);color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.create-intro code{background:var(--bg-card);border:1px solid var(--border);font-family:var(--mono);color:var(--text-primary);padding:1px 6px;font-size:12px}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-family:var(--mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.form-group .optional{text-transform:none;letter-spacing:0;font-size:11px}.storage-toggle-label{cursor:pointer;text-transform:none;letter-spacing:0;color:var(--text-primary);font-size:13px;font-family:var(--sans)}.storage-toggle-label input[type=checkbox]{cursor:pointer;accent-color:var(--accent);width:14px;height:14px}.storage-slider-row{background:var(--bg-card);border:1px solid var(--border);align-items:center;gap:16px;padding:8px 12px;display:flex}.storage-slider-row input[type=range]{accent-color:var(--accent);cursor:pointer;flex:1;height:4px}.storage-slider-value{font-family:var(--mono);color:var(--text-primary);text-align:right;flex-shrink:0;min-width:80px;font-size:13px}.form-group input,.form-group select,.form-group textarea{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);font-family:var(--mono);outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s}.form-group textarea{resize:vertical;min-height:60px}.egress-fields{flex-direction:column;gap:8px;margin-top:12px;display:flex}.egress-field-label{color:var(--text-secondary);font-size:12px;font-family:var(--mono)}.form-group input::placeholder{color:var(--text-secondary)}.form-hint{font-family:var(--mono);color:var(--text-secondary);margin:0;font-size:12px}.form-hint code{background:var(--bg-card);border:1px solid var(--border);padding:1px 6px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group select{appearance:none;cursor:pointer}.visibility-options{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.visibility-option{background:var(--bg-card);border:1px solid var(--border);text-align:center;cursor:pointer;text-transform:none;letter-spacing:0;color:var(--text-primary);font-size:13px;font-family:var(--sans);flex-direction:column;align-items:center;gap:4px;padding:16px;transition:border-color .2s;display:flex}.visibility-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.visibility-option.selected{border-color:var(--accent)}.visibility-name{font-family:var(--mono);color:var(--text-primary);font-size:14px}.visibility-desc{font-family:var(--mono);color:var(--text-secondary);font-size:11px}.instance-types{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.instance-option{background:var(--bg-card);border:1px solid var(--border);text-align:center;cursor:default;padding:16px}.instance-option.selected{border-color:var(--accent)}.instance-option.disabled{opacity:.4}.instance-name{font-family:var(--mono);margin-bottom:4px;font-size:14px;display:block}.instance-spec{font-family:var(--mono);color:var(--text-secondary);font-size:11px}.form-error{color:var(--error);font-family:var(--mono);font-size:13px}.submit-btn{background:var(--accent);color:#0a0a0a;font-family:var(--mono);cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);border:none;align-self:flex-start;padding:14px 32px;font-size:14px;font-weight:500;transition:background .2s}.submit-btn:hover:not(:disabled){background:var(--accent-light)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.custody-block{margin-top:14px;padding-left:26px}.custody-title{font-family:var(--mono);color:var(--text-secondary);margin-bottom:8px;font-size:12px;display:block}.custody-selfhosted{margin-top:12px}.custody-note{font-family:var(--mono);color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);margin:0 0 12px;padding:12px 14px;font-size:12px;line-height:1.55}.custody-note strong{color:var(--text-primary)}.custody-cli-label{font-family:var(--mono);color:var(--text-secondary);margin:0 0 8px;font-size:12px;line-height:1.55}.custody-cli-command{background:var(--bg-primary);border:1px solid var(--border);align-items:center;gap:12px;padding:10px 14px;display:flex}.custody-cli-text{min-width:0;font-family:var(--mono);color:var(--text-primary);word-break:break-all;flex:1;font-size:12px;line-height:1.5}.custody-cli-hint{font-family:var(--mono);color:var(--text-secondary);margin:8px 0 0;font-size:11px;line-height:1.55}.custody-cli-hint code,.custody-cli-label code{background:var(--bg-card);word-break:break-all;padding:1px 5px;font-size:11px}.submit-cli-note{font-family:var(--mono);color:var(--text-secondary);margin:0;font-size:12px;line-height:1.55}.submit-cli-note strong{color:var(--text-primary)}.secrets-section{margin-top:32px}.secrets-header{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.secrets-header h3{font-family:var(--serif);margin:0;font-size:20px;font-weight:400}.secrets-count{font-family:var(--mono);color:var(--text-secondary);letter-spacing:.05em;font-size:11px}.secrets-add-btn{background:var(--accent);color:#0a0a0a;font-family:var(--mono);cursor:pointer;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);border:none;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s;display:inline-flex}.secrets-add-btn:hover{background:var(--accent-light)}.secrets-help{font-family:var(--mono);color:var(--text-secondary);max-width:720px;margin:4px 0 16px;font-size:12px;line-height:1.55}.secrets-error{font-family:var(--mono);color:var(--error);border-left:2px solid var(--error);background:#ef44440f;margin-bottom:12px;padding:8px 12px;font-size:12px}.secrets-pending-banner{font-family:var(--mono);color:var(--text-primary);background:#eab30814;border-left:2px solid #eab308;align-items:center;gap:16px;margin-bottom:12px;padding:10px 14px;font-size:12px;display:flex}.secrets-pending-banner strong{color:#eab308;font-weight:500}.secrets-pending-banner span{flex:1}.secrets-restart-btn{color:#eab308;font-family:var(--mono);cursor:pointer;background:0 0;border:1px solid #eab308;padding:6px 12px;font-size:12px;transition:background .15s}.secrets-restart-btn:hover{background:#eab3081f}.secrets-loading{font-family:var(--mono);color:var(--text-secondary);padding:24px 0;font-size:13px}.secrets-empty{background:var(--border);text-align:center;padding:32px}.secrets-empty p{color:var(--text-secondary);font-family:var(--mono);margin:0 0 12px;font-size:13px}.secrets-empty-btn{border:1px solid var(--accent);color:var(--accent);font-family:var(--mono);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:12px;transition:background .15s;display:inline-flex}.secrets-empty-btn:hover{background:var(--accent-subtle)}.secrets-list{flex-direction:column;gap:8px;display:flex}.secret-row{background:var(--border);font-family:var(--mono);grid-template-columns:minmax(140px,1fr) auto auto auto;align-items:center;gap:16px;padding:12px 16px;font-size:13px;display:grid}.secret-row.pending{background:#eab3080d;border-left:2px solid #eab308}.secret-name{letter-spacing:.02em;word-break:break-all;font-weight:500}.secret-pending-pill{text-transform:uppercase;letter-spacing:.08em;color:#eab308;background:#eab3080f;border:1px solid #eab30866;align-items:center;padding:2px 8px;font-size:10px;line-height:1.4;display:inline-flex}.secret-updated{color:var(--text-secondary);text-transform:lowercase;letter-spacing:.02em;white-space:nowrap;font-size:11px}.secret-row-actions{justify-self:end;gap:8px;display:flex}.secret-row-btn{border:1px solid var(--border);color:var(--text-secondary);font-family:var(--mono);cursor:pointer;text-transform:lowercase;letter-spacing:.03em;background:0 0;padding:4px 10px;font-size:11px;transition:color .15s,border-color .15s,background .15s}.secret-row .secret-row-btn{border-color:#353535}.secret-row-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.secret-row-btn:disabled{opacity:.5;cursor:not-allowed}.secret-row-btn.primary{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}.secret-row-btn.primary:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-light);color:#0a0a0a}.secret-row-btn.danger:hover:not(:disabled){color:var(--error);border-color:var(--error)}.secret-row-rotate{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.secret-row-rotate .secret-form-input{flex:1;min-width:200px}.secret-form{background:var(--bg-card);margin-bottom:12px;padding:20px}.secret-form-row{grid-template-columns:minmax(160px,1fr) 2fr;gap:16px;display:grid}@media (width<=640px){.secret-form-row{grid-template-columns:1fr}}.secret-form-field{flex-direction:column;gap:6px;display:flex}.secret-form-label{font-family:var(--mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.secret-form-reveal-btn{color:var(--text-secondary);font-family:var(--mono);text-transform:lowercase;letter-spacing:.03em;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.secret-form-reveal-btn:hover{color:var(--text-primary)}.secret-form-input{background:var(--bg-primary);border:1px solid var(--border);font-family:var(--mono);color:var(--text-primary);border-radius:0;padding:8px 12px;font-size:13px;transition:border-color .15s}.secret-form-input:focus{border-color:var(--text-secondary);outline:none}.secret-form-error{font-family:var(--mono);color:var(--error);font-size:11px}.secret-form-server-error{font-family:var(--mono);color:var(--error);border-left:2px solid var(--error);background:#ef44440f;margin-top:12px;padding:8px 12px;font-size:12px}.secret-form-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.secret-form-cancel,.secret-form-submit{font-family:var(--mono);cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);background:0 0;padding:8px 18px;font-size:12px;transition:color .15s,border-color .15s,background .15s}.secret-form-cancel:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.secret-form-submit{background:var(--accent);color:#0a0a0a;border-color:var(--accent);font-weight:500}.secret-form-submit:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-light)}.secret-form-submit:disabled,.secret-form-cancel:disabled{opacity:.5;cursor:not-allowed}.secret-form-help{font-family:var(--mono);color:var(--text-secondary);border-top:1px solid var(--border);margin:12px 0 0;padding-top:12px;font-size:11px;line-height:1.6}.secret-form-help code{background:var(--bg-primary);padding:1px 5px;font-size:11px}.secrets-cap-note{font-family:var(--mono);color:var(--text-secondary);margin-top:12px;font-size:11px}.upgrades-section{margin-top:32px}.upgrades-header{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.upgrades-header h3{font-family:var(--serif);margin:0;font-size:20px;font-weight:400}.upgrades-count{font-family:var(--mono);color:var(--text-secondary);letter-spacing:.05em;font-size:11px}.upgrades-help{font-family:var(--mono);color:var(--text-secondary);max-width:760px;margin:4px 0 16px;font-size:12px;line-height:1.55}.upgrades-help code{background:var(--bg-primary);word-break:break-all;padding:1px 5px;font-size:11px}.upgrades-error{font-family:var(--mono);color:var(--error);border-left:2px solid var(--error);white-space:pre-wrap;background:#ef44440f;margin-bottom:12px;padding:8px 12px;font-size:12px}.upgrades-loading{font-family:var(--mono);color:var(--text-secondary);padding:16px 0;font-size:13px}.upgrades-summary{background:var(--bg-card);flex-wrap:wrap;align-items:flex-start;gap:16px;margin-top:8px;padding:16px 18px;display:flex}.upgrades-summary-main{flex:320px;min-width:0}.upgrades-summary-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.upgrades-summary-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);color:var(--text-secondary);align-items:center;padding:2px 8px;font-size:10px;line-height:1.4;display:inline-flex}.upgrades-summary-badge.upgradable{color:var(--accent);border-color:#22c55e66}.upgrades-summary-badge.attention{color:var(--text-primary);border-color:var(--text-secondary)}.upgrades-summary-headline{font-family:var(--mono);color:var(--text-primary);margin:0;font-size:13px;line-height:1.5}.upgrades-summary-headline strong{color:var(--accent);font-weight:600}.upgrades-summary-hint{font-family:var(--mono);color:var(--text-secondary);max-width:640px;margin:8px 0 0;font-size:11px;line-height:1.55}.upgrades-summary-hint code{background:var(--bg-primary);word-break:break-all;padding:1px 5px;font-size:10px}.upgrades-manage-btn{white-space:nowrap;flex:none}.upgrades-summary .upgrades-error{flex-basis:100%;margin:4px 0 0}.upgrades-drawer-overlay{z-index:500;background:#0000008c;justify-content:flex-end;animation:.15s ease-out upgrades-overlay-fade;display:flex;position:fixed;inset:0}@keyframes upgrades-overlay-fade{0%{opacity:0}to{opacity:1}}.upgrades-drawer{background:var(--bg-primary);border-left:1px solid var(--border);flex-direction:column;width:min(560px,100vw);height:100%;animation:.2s ease-out upgrades-drawer-slide;display:flex}@keyframes upgrades-drawer-slide{0%{opacity:.4;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.upgrades-drawer-header{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.upgrades-drawer-header h3{font-family:var(--serif);margin:0;font-size:20px;font-weight:400}.upgrades-drawer-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1;transition:color .15s}.upgrades-drawer-close:hover{color:var(--text-primary)}.upgrades-drawer-body{flex:auto;padding:20px 22px 28px;overflow-y:auto}.upgrades-drawer-body .upgrades-help{margin-top:0}.upgrades-none-active{font-family:var(--mono);color:var(--text-secondary);margin:0 0 4px;font-size:12px;line-height:1.55}.upgrades-history{margin-top:16px}.upgrades-history-toggle{font-family:var(--mono);color:var(--text-secondary);cursor:pointer;text-transform:lowercase;letter-spacing:.03em;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:12px;transition:color .15s;display:inline-flex}.upgrades-history-toggle:hover{color:var(--text-primary)}.upgrades-history-arrow{font-size:9px}.upgrades-history-list{margin-top:12px}.upgrades-history-more{align-self:flex-start}.upgrades-empty{background:var(--border);text-align:center;padding:32px}.upgrades-empty p{color:var(--text-secondary);font-family:var(--mono);margin:0;font-size:13px}.upgrades-empty-hint{opacity:.8;margin-top:8px!important;font-size:12px!important}.upgrades-list{flex-direction:column;gap:12px;display:flex}.upgrade-row{background:var(--bg-card);padding:16px 18px}.upgrade-row-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.upgrade-status-pill{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);color:var(--text-secondary);align-items:center;padding:2px 8px;font-size:10px;line-height:1.4;display:inline-flex}.upgrade-status-pill.status-building{color:#eab308;border-color:#eab30866}.upgrade-status-pill.status-staged{color:var(--text-primary);border-color:var(--text-secondary)}.upgrade-status-pill.status-confirmed{color:#38bdf8;border-color:#38bdf866}.upgrade-status-pill.status-promoted{color:var(--accent);border-color:#22c55e66}.upgrade-status-pill.status-revoked,.upgrade-status-pill.status-expired{color:var(--text-secondary);border-color:var(--border)}.upgrade-status-pill.status-failed{color:var(--error);border-color:#ef444466}.upgrade-row.status-building{border-left:2px solid #eab30880}.upgrade-row.status-confirmed{border-left:2px solid #38bdf880}.upgrade-row.status-promoted{border-left:2px solid #22c55e80}.upgrade-row.status-failed{border-left:2px solid #ef444480}.upgrade-image{color:var(--text-primary);word-break:break-all;font-size:13px}.upgrade-created{font-family:var(--mono);color:var(--text-secondary);white-space:nowrap;margin-left:auto;font-size:11px}.upgrade-status-help{font-family:var(--mono);color:var(--text-secondary);margin:10px 0 0;font-size:11px;line-height:1.5}.upgrade-meta{font-family:var(--mono);align-items:baseline;gap:10px;margin-top:10px;font-size:11px;display:flex}.upgrade-meta-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;min-width:64px}.upgrade-meta-value{color:var(--text-primary);word-break:break-all}.upgrade-pcrs{flex-direction:column;gap:4px;margin-top:12px;display:flex}.upgrade-pcr-row{font-family:var(--mono);grid-template-columns:56px 1fr;align-items:baseline;gap:10px;font-size:11px;display:grid}.upgrade-pcr-key{color:var(--text-secondary)}.upgrade-pcr-value{color:var(--text-primary);word-break:break-all}.upgrade-error-block{border-left:2px solid var(--error);background:#ef44440f;margin-top:12px;padding:10px 12px}.upgrade-error-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--error);margin-bottom:6px;font-size:11px}.upgrade-error-text{font-family:var(--mono);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:220px;margin:0;font-size:12px;overflow:auto}.upgrade-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.upgrade-btn{color:var(--text-secondary);font-family:var(--mono);cursor:pointer;text-transform:lowercase;letter-spacing:.03em;background:0 0;border:1px solid #353535;padding:6px 14px;font-size:12px;transition:color .15s,border-color .15s,background .15s}.upgrade-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.upgrade-btn:disabled{opacity:.45;cursor:not-allowed}.upgrade-btn.primary{background:var(--accent);color:#0a0a0a;border-color:var(--accent);font-weight:500}.upgrade-btn.primary:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-light);color:#0a0a0a}.upgrade-btn.danger{color:var(--error);border-color:#ef444480}.upgrade-btn.danger:hover:not(:disabled){border-color:var(--error);background:#ef444414}.upgrade-note{font-family:var(--mono);color:var(--text-secondary);margin:10px 0 0;font-size:11px;line-height:1.5}.upgrade-confirm-form{background:var(--bg-primary);border:1px solid var(--border);margin-top:14px;padding:14px 16px}.upgrade-confirm-modes{flex-direction:column;gap:10px;display:flex}.upgrade-confirm-mode{font-family:var(--mono);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.upgrade-confirm-mode em{color:var(--text-secondary);font-style:normal}.upgrade-confirm-mode input[type=radio]{accent-color:var(--accent)}.upgrade-confirm-datetime{background:var(--bg-card);border:1px solid var(--border);font-family:var(--mono);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin-left:24px;padding:6px 10px;font-size:12px}.upgrade-confirm-datetime:focus{border-color:var(--text-secondary);outline:none}.upgrade-confirm-note{font-family:var(--mono);color:var(--text-secondary);margin:12px 0 0;font-size:11px;line-height:1.5}.upgrade-confirm-error{font-family:var(--mono);color:var(--error);margin-top:10px;font-size:11px}.upgrade-confirm-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.upgrades-chain-toggle-row{margin-top:16px}.upgrades-chain-toggle{font-family:var(--mono);color:var(--text-secondary);cursor:pointer;text-transform:lowercase;letter-spacing:.03em;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:12px;transition:color .15s;display:inline-flex}.upgrades-chain-toggle:hover{color:var(--text-primary)}.upgrades-chain-arrow{font-size:9px}.upgrade-chain{flex-direction:column;gap:4px;margin-top:12px;display:flex}.upgrade-chain-empty{font-family:var(--mono);color:var(--text-secondary);margin-top:12px;font-size:12px}.upgrade-chain-link{background:var(--border);font-family:var(--mono);grid-template-columns:48px 110px 1fr;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:grid}.upgrade-chain-seq{color:var(--text-secondary)}.upgrade-chain-kind{text-transform:uppercase;letter-spacing:.06em;font-size:10px}.upgrade-chain-kind.kind-boot{color:var(--accent)}.upgrade-chain-kind.kind-upgrade{color:#38bdf8}.upgrade-chain-kind.kind-revocation{color:var(--error)}.upgrade-chain-time{color:var(--text-secondary);text-align:right;white-space:nowrap}.upgrades-selfhosted-note{background:var(--bg-primary);border:1px solid var(--border);font-family:var(--mono);color:var(--text-secondary);margin:0 0 16px;padding:12px 14px;font-size:12px;line-height:1.55}.upgrades-selfhosted-note.chamfer{isolation:isolate}.upgrades-selfhosted-note.chamfer:before{z-index:-1}.upgrades-selfhosted-note code{background:var(--bg-card);padding:1px 5px;font-size:11px}.upgrade-cli-command{margin-top:14px}.upgrade-cli-command-label{font-family:var(--mono);color:var(--text-secondary);margin-bottom:6px;font-size:11px;display:block}.upgrade-cli-command-row{background:var(--bg-primary);border:1px solid var(--border);align-items:center;gap:12px;padding:8px 12px;display:flex}.upgrade-cli-command-text{min-width:0;color:var(--text-primary);word-break:break-all;flex:1;font-size:12px}.detail-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.detail-title-block{flex-direction:column;gap:6px;min-width:0;display:flex}.detail-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-title-row h2{font-family:var(--serif);font-size:28px;font-weight:400}.detail-status{font-family:var(--mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.mode-pill{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);color:var(--text-secondary);align-items:center;padding:2px 8px;font-size:10px;line-height:1.4;display:inline-flex}.mode-pill.debug{color:#eab308;border-color:#eab30866}.mode-pill.archived{color:var(--text-secondary);border-color:var(--border);background:var(--bg-card)}.mode-pill.encrypted{color:#22c55e;border-color:#22c55e66}.mode-pill.visibility-private{color:var(--text-secondary);border-color:var(--border)}.mode-pill.visibility-public{color:#38bdf8;border-color:#38bdf866}.detail-subtitle-row{font-family:var(--mono);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.detail-subtitle-id{color:var(--text-secondary);word-break:break-all}.rename-trigger{font:inherit;color:var(--text-secondary);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;background:0 0;border:none;padding:0;transition:color .15s,text-decoration-color .15s}.rename-trigger:hover:not(:disabled){color:var(--text-primary);-webkit-text-decoration-color:var(--text-secondary);text-decoration-color:var(--text-secondary)}.rename-trigger:disabled{opacity:.5;cursor:not-allowed}.rename-input{font-family:var(--serif);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);outline:none;min-width:220px;padding:2px 6px;font-size:28px;font-weight:400;transition:border-color .15s}.rename-input:focus{border-color:var(--accent)}.rename-error{margin:0}.detail-actions{flex-shrink:0;gap:8px;display:flex}.action-btn{font-family:var(--mono);cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);padding:8px 20px;font-size:13px;transition:border-color .2s}.action-btn:hover:not(:disabled){border-color:var(--text-secondary)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.destroy-btn{color:var(--error);border-color:#ef44444d}.destroy-btn:hover:not(:disabled){border-color:var(--error)}.connection-card{background:var(--border);margin-bottom:16px;padding:20px}.storage-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.storage-size{color:var(--text-primary);font-size:15px}.storage-card .mode-pill{margin-left:auto}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-bottom:24px;display:grid}.detail-card{background:var(--border);padding:20px}.detail-label{font-family:var(--mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px}.detail-value{color:var(--text-primary);font-size:15px}.detail-value.mono{font-family:var(--mono);word-break:break-all;font-size:13px}.detail-value-copyable{align-items:center;gap:12px;display:flex}.detail-value-copyable .detail-value-text{flex:1;min-width:0}.image-pinned{word-break:break-all;flex-wrap:wrap;gap:0;font-size:13px}.image-pinned .image-repo{color:var(--text-primary)}.image-pinned .image-at{color:var(--text-secondary);margin:0 2px}.image-pinned .image-digest{color:var(--text-secondary)}.image-pinned .copy-btn{margin-left:auto}.error-card{background:var(--border);margin-bottom:24px;padding:20px}.error-card:before{background:var(--bg-card)}.error-msg{color:var(--error)}.pcrs-section{margin-top:32px}.pcrs-section h3{font-family:var(--serif);margin-bottom:16px;font-size:20px;font-weight:400}.pcrs-list{flex-direction:column;gap:4px;display:flex}.pcr-row{background:var(--bg-card);border:1px solid var(--border);align-items:baseline;gap:16px;padding:12px 16px;display:flex}.pcr-key{font-family:var(--mono);color:var(--accent);flex-shrink:0;width:48px;font-size:13px}.pcr-value{font-family:var(--mono);color:var(--text-secondary);word-break:break-all;flex:1;min-width:0;font-size:12px}.logs-section{margin-top:32px}.logs-section h3{font-family:var(--serif);margin-bottom:16px;font-size:20px;font-weight:400}.logs-toggle-btn{font-family:var(--mono);font-size:13px}.logs-actions{margin-bottom:16px}.log-group{margin-bottom:8px}.log-header{background:var(--border);width:100%;color:var(--text-primary);font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;text-align:left;border:none;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.log-header:hover{background:var(--bg-card)}.log-header-arrow{color:var(--text-secondary);font-size:10px}.log-live-indicator{color:#22c55e;text-transform:uppercase;letter-spacing:.08em;margin-left:auto;font-size:11px;animation:1.5s ease-in-out infinite live-pulse}.log-debug-pill{letter-spacing:.08em;color:var(--text-secondary);border-color:var(--border);padding:1px 6px;font-size:9px}.log-header .log-debug-pill+.log-live-indicator{margin-left:8px}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.log-block{background:var(--bg-card);border:1px solid var(--border);border-top:none;max-height:400px;padding:16px;overflow:auto scroll}.log-block pre{font-family:var(--mono);color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;margin:0;font-size:12px;line-height:1.6}.log-empty{font-family:var(--mono);color:var(--text-secondary);margin:0;font-size:13px}.log-block-stream{padding:8px 0;display:block}.log-block-stream .log-empty{padding:0 16px}.log-controls{background:var(--bg-card);border:1px solid var(--border);font-family:var(--mono);color:var(--text-secondary);border-top:none;border-bottom:none;align-items:center;gap:16px;padding:8px 16px;font-size:12px;display:flex}.log-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.log-toggle input{cursor:pointer}.log-count{margin-right:auto}.log-clear-btn{font-family:var(--mono);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;padding:4px 12px;font-size:12px}.log-clear-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.log-line{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;gap:8px;padding:1px 16px;font-size:12px;line-height:1.5;display:flex}.log-line-text{color:var(--text-primary);flex:1}@media (width<=700px){.detail-header{flex-direction:column}.detail-grid{grid-template-columns:1fr}}.invite-boxes{justify-content:center;gap:10px;margin:8px 0 16px;display:flex}.invite-box{text-align:center;background:var(--bg-card);border:1px solid var(--border);width:48px;height:56px;color:var(--text-primary);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;caret-color:var(--accent);padding:0;font-size:22px;transition:border-color .15s,box-shadow .15s}.invite-box:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-subtle);outline:none}.invite-box:disabled{opacity:.6;cursor:not-allowed}.invite-error,.invite-hint{text-align:center}.invite-hint{margin-top:8px}@media (width<=480px){.invite-boxes{gap:6px}.invite-box{width:40px;height:48px;font-size:18px}}.onboarding-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.onboarding-card{background:var(--border);width:100%;max-width:480px;padding:48px}.onboarding-card:before{background:var(--bg-card)}.onboarding-card h1{font-family:var(--serif);color:#fff;margin-bottom:8px;font-size:28px;font-weight:400}.onboarding-subtitle{color:var(--text-secondary);font-family:var(--mono);margin-bottom:32px;font-size:13px}.onboarding-form{flex-direction:column;gap:16px;display:flex}.onboarding-hint{color:var(--text-secondary);font-family:var(--mono);font-size:11px;line-height:1.6}.settings-page{align-items:flex-start;gap:32px;display:flex}.settings-nav{flex-shrink:0;width:200px}.settings-nav h2{font-family:var(--serif);color:#fff;margin-bottom:16px;font-size:24px;font-weight:400}.settings-nav nav{flex-direction:column;gap:4px;display:flex}.settings-nav a{color:var(--text-secondary);font-family:var(--mono);border-left:2px solid #0000;padding:8px 12px;font-size:13px;text-decoration:none;transition:color .2s,border-color .2s;display:block}.settings-nav a:hover{color:var(--text-primary)}.settings-nav a.active{color:var(--accent);border-left-color:var(--accent)}.settings-content{flex:1;min-width:0}.settings-header{margin-bottom:24px}.settings-header h3{font-family:var(--serif);color:#fff;margin-bottom:4px;font-size:22px;font-weight:400}.settings-subtitle{color:var(--text-secondary);font-family:var(--mono);font-size:13px}.settings-loading,.settings-empty{color:var(--text-secondary);font-family:var(--mono);padding:24px 0;font-size:13px}.settings-error{color:var(--error);font-family:var(--mono);margin-bottom:16px;font-size:13px}.sessions-list{flex-direction:column;gap:8px;display:flex}.session-row{background:var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:16px 20px;display:grid}.session-row-main{flex-direction:column;gap:4px;min-width:0;display:flex}.session-kind{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px}.session-label{font-family:var(--mono);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.session-row-meta{font-family:var(--mono);color:var(--text-secondary);text-align:right;flex-direction:column;gap:2px;font-size:11px;display:flex}.session-row-actions{justify-content:flex-end;align-items:center;min-width:96px;display:flex}.session-revoke{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--mono);cursor:pointer;padding:6px 14px;font-size:12px;transition:border-color .2s,color .2s}.session-revoke:hover:not(:disabled){border-color:var(--error);color:var(--error)}.session-revoke:disabled{opacity:.5;cursor:not-allowed}.session-current{font-family:var(--mono);color:var(--text-secondary);font-size:12px;font-style:italic}.billing-status-row{background:var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex}.billing-status-label{font-family:var(--mono);color:var(--text-secondary);font-size:14px}.billing-credit-amount{font-family:var(--mono);color:var(--accent);font-size:15px}.billing-testmode-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#f59e0b;vertical-align:middle;border:1px solid #b45309;margin-left:12px;padding:2px 8px;font-size:11px}.billing-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;padding:3px 10px;font-size:11px}.billing-badge-active{color:var(--accent);border-color:var(--accent-dim)}.billing-badge-past_due{color:#f59e0b;border-color:#b45309}.billing-badge-suspended{color:var(--error);border-color:#b91c1c}.billing-notice{font-family:var(--mono);margin-bottom:16px;padding:12px 16px;font-size:12px;line-height:1.5}.billing-notice-warn{color:#f59e0b;border-left:2px solid #f59e0b}.billing-notice-error{color:var(--error);border-left:2px solid var(--error)}.billing-notice-info{color:var(--text-secondary);border-left:2px solid var(--border)}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:12px;display:grid}.plan-rates-panel{background:var(--border);flex-direction:column;grid-column:2/-1;gap:10px;padding:18px 18px 16px;display:flex}.plan-rates-title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:11px}.plan-rates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;display:grid}.plan-rate-cell{flex-direction:column;gap:3px;display:flex}.plan-rate-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:11px}.plan-rate-value{font-family:var(--mono);color:var(--text-primary);font-size:15px}.plan-rates-note{font-family:var(--mono);color:var(--text-secondary);margin-top:auto;font-size:12px;line-height:1.5}@media (width<=480px){.plan-rates-panel{grid-column:auto}}.plan-card{background:var(--border);flex-direction:column;gap:10px;padding:18px 18px 16px;display:flex}.plan-card-current{background:linear-gradient(to bottom, var(--accent) 0, var(--accent) 3px, var(--border) 3px);outline:1px solid var(--accent)}.plan-card-current.chamfer:before{inset:3px 1px 1px}.plan-card-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.plan-name{font-family:var(--serif);color:#fff;font-size:20px}.plan-current-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px}.plan-price{font-family:var(--mono);color:var(--text-primary);flex-direction:column;gap:2px;font-size:20px;display:flex}.plan-price-list{color:var(--text-secondary);font-size:13px;text-decoration:line-through}.plan-price-now{color:var(--text-primary);font-size:20px}.plan-discount-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent-dim);align-self:flex-start;margin-top:2px;padding:1px 6px;font-size:11px}.plan-beta-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent-light);border:1px solid var(--accent-dim);padding:1px 6px;font-size:11px}.plan-pools{font-family:var(--mono);color:var(--text-secondary);flex-direction:column;gap:5px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.plan-card-action{margin-top:auto;padding-top:6px}.plan-card-action button{width:100%}.plan-active-foot{font-family:var(--mono);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;font-size:12px;display:flex}.plan-cancel-link{color:var(--text-secondary);font-family:var(--mono);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.plan-cancel-link:hover:not(:disabled){color:var(--error)}.plan-cancel-link:disabled{opacity:.5;cursor:not-allowed}.billing-section{margin-top:28px}.billing-section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.billing-section h4{font-family:var(--serif);color:#fff;margin-bottom:12px;font-size:17px;font-weight:400}.billing-section-head h4{margin-bottom:0}.billing-pm-onfile,.billing-pm-none{font-family:var(--mono);color:var(--text-primary);margin-bottom:12px;font-size:14px}.billing-pm-none{color:var(--text-secondary)}.billing-check{color:var(--accent)}.billing-pm-buttons{gap:8px;display:flex}.billing-btn-primary,.billing-btn-secondary{font-family:var(--mono);cursor:pointer;padding:8px 16px;font-size:12px;transition:border-color .2s,color .2s,background .2s}.billing-btn-primary{background:var(--accent);border:1px solid var(--accent);color:var(--bg-primary)}.billing-btn-primary:hover:not(:disabled){background:var(--accent-light);border-color:var(--accent-light)}.billing-btn-secondary{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary)}.billing-btn-secondary:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-secondary)}.billing-btn-danger{font-family:var(--mono);cursor:pointer;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;font-size:12px;transition:border-color .2s,color .2s,background .2s}.billing-btn-danger:hover:not(:disabled){color:var(--error);border-color:var(--error)}.billing-btn-primary:disabled,.billing-btn-secondary:disabled,.billing-btn-danger:disabled{opacity:.5;cursor:not-allowed}.billing-card-form{flex-direction:column;gap:14px;max-width:440px;display:flex}.billing-card-input{padding:14px 16px}.billing-card-actions{gap:10px;display:flex}.invoices-list{flex-direction:column;gap:4px;display:flex}.invoice-row{background:var(--border);font-family:var(--mono);color:var(--text-primary);grid-template-columns:1.4fr 1fr 1fr 1fr 1fr .6fr;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:grid}.invoice-row-head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);background:0 0;padding:4px 16px;font-size:11px}.invoice-status{text-transform:uppercase;letter-spacing:.06em;font-size:11px}.invoice-status-paid{color:var(--accent)}.invoice-status-finalized,.invoice-status-draft{color:var(--text-secondary)}.invoice-status-payment_failed,.invoice-status-uncollectible{color:var(--error)}.invoice-status-void{color:var(--text-secondary);text-decoration:line-through}.invoice-link{font-family:var(--mono);font-size:12px}@media (width<=720px){.settings-page{flex-direction:column}.settings-nav{width:100%}.session-row{grid-template-columns:1fr}.invoice-row{grid-template-columns:1fr 1fr;gap:6px 12px}.invoice-row-head{display:none}.session-row-meta{text-align:left;flex-flow:wrap;gap:12px}.session-row-actions{justify-content:flex-start}}.billing-period{background:var(--border);font-family:var(--mono);flex-direction:column;gap:8px;padding:14px 16px;font-size:13px;display:flex}.billing-period-row{justify-content:space-between;gap:12px;display:flex}.billing-period-label{color:var(--text-secondary)}.billing-period-value{color:var(--text-primary)}.billing-period-pending{color:var(--accent-light)}.balances-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.balance-cell{background:var(--border);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.balance-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:11px}.balance-value{font-family:var(--mono);color:var(--text-primary);font-size:15px}.exposure-block{flex-direction:column;gap:6px;margin-top:14px;display:flex}.exposure-head{font-family:var(--mono);color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.exposure-over{color:var(--error)}.exposure-bar{background:var(--bg-card);height:6px;overflow:hidden}.exposure-fill{background:var(--accent-dim);height:100%}.exposure-fill-over{background:var(--error)}.billing-subtle{font-family:var(--mono);color:var(--text-secondary);margin-top:4px;font-size:12px}.usage-period-line{margin:0 0 16px}.usage-bars{flex-direction:column;gap:18px;display:flex}.usage-row{flex-direction:column;gap:6px;display:flex}.usage-row-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.usage-row-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:11px}.usage-row-figures{font-family:var(--mono);color:var(--text-primary);font-size:13px}.usage-pct{color:var(--text-secondary)}.usage-over,.usage-over .usage-pct{color:var(--error)}.usage-bar{background:var(--bg-card);height:8px;overflow:hidden}.usage-fill{background:var(--accent-dim);height:100%;transition:width .3s}.usage-fill-over{background:var(--error)}.invoice-group{flex-direction:column;gap:2px;display:flex}.invoice-row-clickable{cursor:pointer}.invoice-row-clickable:hover{background:#2d2d2d}.invoice-caret{color:var(--text-secondary);font-size:11px}.invoice-lines{flex-direction:column;gap:2px;padding:4px 16px 10px 32px;display:flex}.invoice-line{font-family:var(--mono);color:var(--text-secondary);justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.deposit-presets{gap:8px;display:flex}.deposit-preset{font-family:var(--mono);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;flex:1;padding:10px;font-size:13px}.deposit-preset:hover{border-color:#737373}.deposit-preset-active{border-color:var(--accent);color:var(--accent-light)}.deposit-amount-label{font-family:var(--mono);color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12px;display:flex}.deposit-amount-input{font-family:var(--mono);background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:10px 12px;font-size:14px}.deposit-amount-input:focus{border-color:var(--accent);outline:none}.checkout-overlay{z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.checkout-modal{background:var(--border);flex-direction:column;gap:14px;width:100%;max-width:460px;padding:24px;display:flex}.checkout-title{font-family:var(--serif);color:#fff;font-size:20px;font-weight:400}.checkout-line{font-family:var(--mono);color:var(--text-primary);font-size:14px;line-height:1.6}.checkout-subtle{font-family:var(--mono);color:var(--text-secondary);font-size:12px;line-height:1.5}.checkout-amount{color:var(--accent);font-size:16px}.checkout-processing{font-family:var(--mono);color:var(--accent-light);font-size:13px}.checkout-actions{gap:10px;margin-top:4px;display:flex}
