:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f7f8fa;--foreground:#17202a;--muted:#5f6b7a;--border:#d8dee7;--accent:#0f766e;--accent-strong:#0b5f59;--danger:#b42318;--danger-bg:#fff4f2;--info:#1d4ed8;--info-bg:#eef4ff;--panel:#fff;--success:#146c43;--success-bg:#e8f6ef;--warning:#9a5b00;--warning-bg:#fff8e6}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.dashboard-shell{max-width:1280px;min-height:100vh;margin:0 auto;padding:24px 20px 40px}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.dashboard-title-block{gap:10px;min-width:0;display:grid}.dashboard-header h1{margin:0;font-size:30px;line-height:1.2}.header-meta-row,.dashboard-actions,.badge-row,.account-card-actions,.usage-window-footer{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.header-meta-row{color:var(--muted);font-size:14px}.header-next-refresh{overflow-wrap:anywhere}.dashboard-actions{justify-content:flex-end}.primary-button,.secondary-button,.icon-button{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff;padding:0 16px}.primary-button:hover:not(:disabled){background:var(--accent-strong)}.danger-button{background:var(--danger);border-color:var(--danger)}.danger-button:hover:not(:disabled){background:#8f1d14}.secondary-button{border:1px solid var(--border);color:var(--foreground);background:#fff;padding:0 14px}.copy-button-live{max-width:100%;display:inline-flex}.copy-button{white-space:nowrap;min-width:168px;transition:background-color .16s,border-color .16s,color .16s}.copy-button.is-copied{background:var(--success-bg);color:var(--success);border-color:#9fd4ba}.copy-button.is-copy-failed{background:var(--danger-bg);color:var(--danger);border-color:#f4b0aa}.icon-button{aspect-ratio:1;border:1px solid var(--border);color:var(--muted);background:#fff;width:44px;min-height:44px;padding:0}.button-icon{font-size:20px;line-height:1}.narrow-label{display:none}.accounts-panel{min-height:260px}.account-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;display:grid}.account-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:12px;padding:14px;display:grid}.account-card-refreshing{border-color:#9fd4ba;box-shadow:inset 0 0 0 1px #0f766e29}.account-card-deleting{border-color:#cbd5e1;box-shadow:inset 0 0 0 1px #47556929}.account-card-limit{border-color:#f4b0aa;box-shadow:inset 0 0 0 1px #b4231829}.account-card-header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.account-identity-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.account-title-block{gap:2px;min-width:0;display:grid}.account-card h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;line-height:1.3;overflow:hidden}.account-card p,.account-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.account-card-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end}.status-dot{border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.status-dot-core{border-radius:inherit;width:10px;height:10px;display:block}.status-dot-active .status-dot-core{background:var(--success)}.status-dot-refreshing .status-dot-core{background:var(--accent)}.status-dot-error .status-dot-core,.status-dot-reauth_required .status-dot-core{background:var(--danger)}.status-dot-pending_auth .status-dot-core,.status-dot-deleting .status-dot-core{background:#64748b}.status-chip,.freshness-chip{border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;max-width:100%;min-height:24px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.status-chip-refreshing{background:var(--info-bg);color:var(--info);border-color:#b9ccff}.status-chip-error,.status-chip-reauth_required{background:var(--danger-bg);color:var(--danger);border-color:#f4b0aa}.status-chip-pending_auth,.status-chip-deleting{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.status-badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.status-icon{place-items:center;width:12px;font-size:12px;font-weight:900;line-height:1;display:inline-grid}.status-active,.status-auto{background:var(--success-bg);color:var(--success);border-color:#88c3ad}.status-auto-delayed,.status-auto-failed,.status-auto-paused_hidden{background:var(--warning-bg);color:var(--warning);border-color:#e7c16a}.status-auto-no_accounts{border-color:var(--border);color:#475569;background:#f8fafc}.auto-status-icon{font-weight:800;line-height:1}.refresh-delay-indicator,.delay-chip{background:var(--warning-bg);color:var(--warning);white-space:nowrap;border:1px solid #d6a84a;border-radius:999px;align-items:center;min-height:24px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.status-pending_auth,.status-refreshing,.status-stale{background:var(--warning-bg);color:var(--warning);border-color:#e7c16a}.status-reauth_required,.status-error{background:var(--danger-bg);color:var(--danger);border-color:#f4b0aa}.status-deleting{color:#475569;background:#f1f5f9}.status-neutral{color:#475569;background:#f8fafc}.alert-error div{gap:4px;min-width:0;display:grid}.alert-action{align-self:center;width:fit-content}.usage-window-list{gap:10px;display:grid}.usage-window{border:1px solid var(--border);border-radius:8px;gap:8px;min-width:0;padding:10px;display:grid}.usage-window-topline{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.usage-window h3{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.35}.usage-window p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.usage-percent{flex:none;font-size:22px;font-weight:800;line-height:1}.usage-percent-normal{color:var(--success)}.usage-percent-caution{color:var(--warning)}.usage-percent-warning{color:#9a3412}.usage-percent-limit{color:var(--danger)}.usage-percent-missing{color:#64748b;font-size:13px}.usage-window-missing{background:#f8fafc;border-style:dashed}.usage-missing-text{min-height:28px}.usage-progress{background:#e5eaf1;border-radius:999px;height:10px;position:relative;overflow:hidden}.usage-progress-fill{background:var(--success);border-radius:inherit;height:100%;transition:width .22s;display:block}.usage-level-caution .usage-progress-fill{background:#b7791f}.usage-level-warning .usage-progress-fill{background:#c2410c}.usage-level-limit .usage-progress-fill{background:var(--danger)}.usage-level-limit{background:snow;border-color:#f4b0aa}.usage-level-text{overflow-wrap:anywhere;text-align:right;flex:160px;min-width:0;font-weight:700}.usage-level-text-normal{color:var(--success)}.usage-level-text-caution{color:var(--warning)}.usage-level-text-warning{color:#9a3412}.usage-level-text-limit{color:var(--danger)}.usage-window-footer{color:var(--muted);justify-content:space-between;min-width:0;font-size:12px}.account-card-footer{justify-content:space-between;align-items:center;gap:10px;min-height:36px;display:flex}.card-freshness-slot{flex-wrap:wrap;flex:auto;align-items:center;gap:6px;min-width:0;display:flex}.freshness-chip{background:var(--warning-bg);color:var(--warning);text-overflow:ellipsis;border-color:#e7c16a;overflow:hidden}.menu-trigger{width:36px;min-height:36px}.account-menu{position:relative}.menu-content{background:var(--panel);border:1px solid var(--border);z-index:20;border-radius:8px;min-width:176px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 38px #0f172a29}.menu-item{color:var(--foreground);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:9px;min-height:44px;padding:0 10px;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background:#eef4ff;outline:none}.menu-item-danger{color:var(--danger)}.menu-separator{background:var(--border);height:1px;margin:6px 4px}.skeleton-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;display:grid}.skeleton-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;gap:14px;padding:18px;display:grid}.skeleton-line,.skeleton-bar{background:linear-gradient(90deg,#edf1f6 0%,#f8fafc 50%,#edf1f6 100%) 0 0/200% 100%;border-radius:999px;animation:1.4s ease-in-out infinite shimmer}.skeleton-line{height:16px}.skeleton-line-title{max-width:220px;height:22px}.skeleton-line-short{max-width:160px}.skeleton-bar{height:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.state-row,.empty-state{background:var(--panel);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:20px;display:flex}.empty-state{flex-direction:column;align-items:flex-start}.empty-state h2{margin:0;font-size:18px}.empty-state p{color:var(--muted);margin:0;line-height:1.6}.spinner{border:3px solid #cbd5e1;border-top-color:var(--accent);border-radius:50%;flex:none;width:22px;height:22px;animation:.9s linear infinite spin}.spinner-small{border-width:2px;width:16px;height:16px}.spinner-inline{border-width:2px;width:12px;height:12px}.alert{border:1px solid var(--border);border-radius:8px;justify-content:space-between;gap:6px;margin-bottom:16px;padding:14px;line-height:1.5;display:flex}.alert-error{background:var(--danger-bg);color:var(--danger);border-color:#f4b0aa}.dialog-backdrop{z-index:50;background:#0f172a6b;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.toast-viewport{pointer-events:none;z-index:90;flex-direction:column;align-items:flex-end;gap:10px;max-width:min(420px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--border);pointer-events:auto;border-left-width:5px;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:10px;width:min(420px,100vw - 36px);padding:12px 10px 12px 12px;line-height:1.45;animation:.18s ease-out toast-enter;display:grid;box-shadow:0 18px 42px #0f172a2e}.toast-success{background:var(--success-bg);border-color:#9fd4ba;border-left-color:var(--success);color:var(--success)}.toast-partial{background:var(--warning-bg);border-color:#e7c16a;border-left-color:var(--warning);color:var(--warning)}.toast-error{background:var(--danger-bg);border-color:#f4b0aa;border-left-color:var(--danger);color:var(--danger)}.toast-closing{animation:.18s ease-in forwards toast-exit}.toast-icon{font-size:16px;font-weight:800;line-height:1.45}.toast-body{gap:4px;min-width:0;display:grid}.toast-body strong{overflow-wrap:anywhere}.toast-operation-id{opacity:.76;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.toast-close{color:inherit;opacity:.72;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;font-weight:800;line-height:1;display:inline-flex}.toast-close:hover{opacity:1;background:#0f172a14}.dialog-content{background:var(--panel);border-radius:8px;width:min(100%,640px);max-width:640px;max-height:min(92vh,760px);overflow:auto;box-shadow:0 24px 70px #0f172a47}.edit-dialog-content{width:min(100%,480px);max-width:480px}.delete-dialog-content{width:min(100%,520px);max-width:520px}.dialog-header,.dialog-footer{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.dialog-header{border-bottom:1px solid var(--border)}.dialog-header h2{margin:0 0 6px;font-size:22px;line-height:1.25}.dialog-header p,.helper-text{color:var(--muted);margin:0;line-height:1.55}.dialog-body{gap:16px;padding:22px;display:grid}.dialog-footer{border-top:1px solid var(--border);flex-direction:row-reverse}.field-label{font-weight:700}.text-input{border:1px solid var(--border);border-radius:7px;width:100%;min-height:42px;padding:0 12px}.text-input:focus,.primary-button:focus-visible,.secondary-button:focus-visible,.icon-button:focus-visible,.external-link:focus-visible,.menu-item:focus-visible{outline-offset:2px;outline:3px solid #0f766e40}.dialog-body .alert{justify-content:stretch;display:grid}.field-error{color:var(--danger);margin:0;line-height:1.55}.notice-panel,.device-panel,.success-panel{border:1px solid var(--border);border-radius:8px;gap:14px;padding:16px;display:grid}.notice-panel{background:var(--warning-bg)}.delete-notice{border-color:#e7c16a}.notice-panel p,.device-panel p{margin:0;line-height:1.6}.delete-target-list div{grid-template-columns:112px minmax(0,1fr)}.account-id-code{border:1px solid var(--border);overflow-wrap:anywhere;white-space:normal;background:#f1f5f9;border-radius:6px;max-width:100%;padding:4px 6px;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.5;display:inline-block}.checkbox-row{align-items:flex-start;gap:10px;line-height:1.55;display:flex}.checkbox-row input{flex:none;width:20px;height:20px;margin-top:2px}.user-code-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.user-code-row .copy-button-live{align-self:stretch}.user-code-row .copy-button{height:100%}.user-code-row code{border:1px solid var(--border);letter-spacing:0;overflow-wrap:anywhere;text-align:center;background:#f1f5f9;border-radius:7px;justify-content:center;align-items:center;min-height:64px;padding:8px;font-family:Courier New,Courier,monospace;font-size:30px;font-weight:700;display:flex}.external-link{width:fit-content}.device-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.success-panel{text-align:left}.success-icon{color:#146c43;background:#e8f6ef;border:1px solid #9fd4ba;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:inline-flex}.success-panel h3{margin:0;font-size:19px}.result-list{gap:8px;margin:0;display:grid}.result-list div{grid-template-columns:96px minmax(0,1fr);gap:8px;display:grid}.result-list dt{color:var(--muted)}.result-list dd{overflow-wrap:anywhere;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes toast-enter{0%{opacity:0;transform:translate(12px,12px)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{to{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.toast,.toast-closing{animation-duration:1ms;transform:none}}@media (max-width:640px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header h1{font-size:24px}.header-meta-row,.dashboard-actions{width:100%}.header-meta-row{flex-direction:column;align-items:flex-start;gap:6px}.header-next-refresh{display:none}.header-meta-row>span:first-child{color:var(--muted);font-size:12px}.status-badge.status-auto{font-size:12px}.dashboard-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.header-refresh-button,.header-add-button{width:100%;min-height:40px;padding-inline:12px;font-size:15px}.dashboard-actions .button-icon{font-size:16px}.wide-label{display:none}.narrow-label{display:inline}.alert-error{flex-direction:column;align-items:stretch}.toast-viewport{align-items:stretch;max-width:none;bottom:16px;left:16px;right:16px}.toast{width:100%}.account-card-actions{width:auto}.usage-window-footer{justify-content:space-between}.menu-content{width:min(100%,220px);left:0;right:auto}.alert-action{width:100%}.dialog-backdrop{align-items:flex-start;padding:16px}.dialog-content{max-height:calc(100vh - 32px)}.dialog-header,.dialog-footer,.dialog-body{padding-left:16px;padding-right:16px}.dialog-footer{flex-direction:column}.dialog-footer .primary-button,.dialog-footer .secondary-button{width:100%}.user-code-row{grid-template-columns:1fr}.user-code-row .copy-button-live,.user-code-row .copy-button,.device-actions .copy-button-live,.device-actions .copy-button{width:100%}.user-code-row code{font-size:24px}.device-actions{align-items:stretch}.external-link{width:100%}.result-list div{grid-template-columns:1fr}.dashboard-shell{padding:16px 14px 28px}.account-list{gap:10px}.account-card{border-radius:14px;gap:8px;padding:12px}.account-card-header{gap:8px}.account-card .account-email,.account-card .account-card-actions{display:none}.account-card h2{font-size:14px;line-height:1.2}.usage-window-list{grid-template-columns:1fr 1fr;gap:8px}.usage-window{border-radius:10px;gap:4px;padding:8px 9px}.usage-window-topline{flex-direction:column;align-items:flex-start;gap:1px}.usage-window h3{color:var(--muted);font-size:11px;font-weight:600}.usage-percent{font-size:18px;line-height:1.05}.usage-percent-missing{font-size:12px}.usage-progress{height:8px;margin-top:4px}.usage-window-footer{flex-direction:column;align-items:flex-start;gap:1px;margin-top:2px;font-size:10.5px;line-height:1.3}.usage-window-footer>span:first-child{color:var(--foreground);font-weight:600}.usage-window-footer .usage-level-text{color:var(--muted);text-align:left;flex:none;font-weight:500}.account-card-footer,.usage-missing-text{display:none}.usage-window.usage-level-normal{background:var(--success-bg);border-color:#9fd4ba}.usage-window.usage-level-caution{background:var(--warning-bg);border-color:#e7c16a}.usage-window.usage-level-warning{background:var(--warning-bg);border-color:#d6a84a}.usage-window.usage-level-limit{background:var(--danger-bg);border-color:#f4b0aa}.usage-window.usage-window-missing{background:#f1f5f9;border-style:dashed;border-color:#cbd5e1}}