.management-content { max-width:1110px; margin:auto; padding:44px 48px 64px; }
.global-heading { margin-bottom:30px; }
.global-heading>p { margin-top:10px; font-size:13px; line-height:1.9; color:#747474; word-break:keep-all; }
.page-tabs { display:flex; align-items:center; gap:29px; margin-bottom:28px; border-bottom:1px solid #e6e6e6; }
.page-tabs>a { font-size:13px; color:#797979; padding:0 1px 15px; position:relative; white-space:nowrap; }
.page-tabs>a[aria-current] { color:#171717; font-weight:600; }
.page-tabs>a[aria-current]:after { content:""; position:absolute; bottom:-1px; height:2px; background:#171717; left:0; right:0; }
.management-card { border:1px solid #e4e4e4; border-radius:11px; background:#fff; padding:26px 28px; margin-bottom:22px; min-width:0; }
.card-title { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:22px; flex-wrap:wrap; }
.card-title h2,.management-card h2,.support-card h2,.faq-section h2 { font-size:16px; letter-spacing:-.5px; font-weight:650; line-height:1.6; }
.card-title .section-kicker { display:block; margin-bottom:5px; }
.card-title p { color:#777; font-size:12px; margin-top:5px; line-height:1.8; }
.state-label { display:inline-flex; align-items:center; justify-content:center; padding:5px 10px; color:#686868; font-size:10px; line-height:1.5; border:1px solid #e5e5e5; border-radius:100px; white-space:nowrap; background:#fafafa; }
.subscription-body { display:flex; justify-content:space-between; align-items:center; gap:25px; padding:3px 0 23px; }
.subscription-body h3 { font-size:20px; line-height:1.6; font-weight:600; letter-spacing:-.7px; }
.subscription-body p { font-size:12px; line-height:1.9; color:#777; margin-top:8px; max-width:460px; word-break:keep-all; }
.subscription-body button { white-space:nowrap; flex-shrink:0; }
.management-card button:disabled { opacity:1; background:#f6f6f6; color:#929292; border-color:#e6e6e6; cursor:not-allowed; }
.plan-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #e9e9e9; padding-top:24px; margin:0 0 25px; gap:20px; }
.plan-facts dt { font-size:11px; color:#777; margin-bottom:10px; }
.plan-facts dd { margin:0; font-size:16px; font-weight:600; letter-spacing:-.4px; }
.global-caption { font-size:10px; line-height:1.8; color:#777; word-break:keep-all; }
.management-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.management-grid .management-card { margin-bottom:22px; }
.management-card.compact { padding:24px; }
.card-symbol { color:#555; padding-bottom:13px; }
.compact p { font-size:12px; color:#777; line-height:1.9; margin:7px 0 15px; max-width:310px; word-break:keep-all; }
.inline-link { display:inline-flex; gap:9px; align-items:center; font-size:12px; color:#303030; font-weight:550; min-height:32px; }
.inline-link:hover { text-decoration:underline; }
.global-notice { display:flex; gap:12px; padding:17px 19px; background:#f7f7f7; border:1px solid #ececec; border-radius:8px; margin-bottom:22px; color:#686868; }
.global-notice>svg { margin-top:2px; }
.global-notice strong { font-size:12px; font-weight:600; color:#444; }
.global-notice p { font-size:11px; margin-top:5px; line-height:1.85; word-break:keep-all; }
.global-empty { padding:50px 20px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:11px; min-height:240px; }
.global-empty h3 { font-size:16px; font-weight:600; letter-spacing:-.5px; line-height:1.7; }
.global-empty p { max-width:475px; font-size:12px; color:#777; line-height:1.9; word-break:keep-all; }
.global-empty-icon { width:48px; height:48px; background:#f6f6f6; border-radius:50%; display:grid; place-items:center; margin-bottom:3px; color:#777; }
.global-card-foot { border-top:1px solid #ececec; padding-top:17px; margin-top:20px; font-size:11px; color:#777; line-height:1.9; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.global-card-foot .quiet { font-size:11px; }
.setting-value select { background:#fff; border:1px solid #ddd; border-radius:5px; padding:8px 11px; font-size:12px; color:#303030; max-width:100%; min-height:38px; }
.table-scroll { overflow-x:auto; max-width:100%; }
.global-table { width:100%; border-collapse:collapse; font-size:12px; text-align:left; line-height:1.8; }
.global-table th { font-size:10px; font-weight:500; color:#777; padding:12px 10px; background:#fafafa; border-top:1px solid #eee; border-bottom:1px solid #eee; white-space:nowrap; }
.global-table td { padding:16px 10px; border-bottom:1px solid #eee; vertical-align:middle; white-space:nowrap; }
.global-table td:first-child { font-size:11px; color:#777; }
.global-table tr:last-child td { border-bottom:0; }
.credit-table td:first-child { width:120px; }
.credit-note { display:block; color:#888; font-size:10px; line-height:1.5; }
.credit-delta { text-align:right; font-variant-numeric:tabular-nums; }
.credit-delta small { margin-left:3px; color:#888; font-size:10px; }
.profile-overview { display:flex; align-items:center; gap:15px; padding:0 0 23px; }
.profile-avatar { width:48px; height:48px; background:#f4f4f4; border:1px solid #e9e9e9; border-radius:50%; display:grid; place-items:center; color:#737373; flex-shrink:0; }
.profile-overview h2 { font-size:15px; }
.profile-overview p { font-size:11px; color:#777; line-height:1.8; margin-top:4px; }
.profile-overview .state-label { margin-left:auto; }
.setting-row { display:flex; align-items:center; justify-content:space-between; gap:25px; padding:20px 0; border-top:1px solid #eee; }
.setting-row>div:first-child { flex:1; min-width:0; }
.setting-row strong { font-size:12px; font-weight:550; color:#333; }
.setting-row p { font-size:11px; line-height:1.9; color:#7a7a7a; max-width:475px; margin-top:5px; word-break:keep-all; }
.setting-value { flex-shrink:0; max-width:45%; text-align:right; color:#777; font-size:12px; line-height:1.8; }
.setting-value .secondary { font-size:11px; }
.global-switch { display:inline-flex; position:relative; width:38px; height:23px; cursor:pointer; }
.global-switch input { position:absolute; inset:0; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; z-index:1; }
.global-switch span { width:38px; height:23px; border-radius:13px; background:#d9d9d9; transition:background .15s; }
.global-switch span:before { content:""; position:absolute; width:17px; height:17px; border-radius:50%; left:3px; top:3px; background:#fff; transition:transform .15s; box-shadow:0 1px 2px #0002; }
.global-switch input:checked+span { background:#222; }
.global-switch input:checked+span:before { transform:translateX(15px); }
.global-switch input:focus-visible+span { outline:2px solid #444; outline-offset:4px; }
.data-guidance { padding-bottom:22px; }
.data-guidance h3 { font-size:13px; font-weight:550; margin-bottom:7px; }
.data-guidance p { font-size:12px; color:#777; line-height:1.9; }
.help-start { background:#fafafa; border:1px solid #e8e8e8; border-radius:11px; padding:26px; margin:30px 0 35px; }
.help-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:27px; padding-top:25px; }
.help-steps b { font-size:12px; color:#999; font-weight:400; }
.help-steps h2 { font-size:14px; font-weight:600; margin:12px 0 7px; }
.help-steps p { font-size:11px; color:#777; line-height:1.8; word-break:keep-all; }
.global-search { display:flex; align-items:center; gap:8px; border:1px solid #ddd; border-radius:6px; padding:8px 11px; color:#777; }
.global-search input { width:170px; background:none; border:0; outline:0; font-size:12px; }
.faq-section { margin-bottom:32px; }
.faq-section .card-title { margin-bottom:17px; }
.faq-item { border-top:1px solid #e8e8e8; }
.faq-item:last-child { border-bottom:1px solid #e8e8e8; }
.faq-item summary { list-style:none; display:flex; justify-content:space-between; align-items:center; gap:18px; cursor:pointer; font-size:12px; font-weight:550; padding:19px 0; line-height:1.7; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item[open] summary svg { transform:rotate(45deg); }
.faq-item p { color:#737373; font-size:12px; line-height:1.95; padding:0 30px 21px 0; word-break:keep-all; }
.help-no-results { padding:40px 0; color:#777; font-size:12px; }
.support-card { display:flex; gap:24px; justify-content:space-between; align-items:center; border:1px solid #e5e5e5; border-radius:10px; padding:25px; }
.support-card p { font-size:11px; color:#777; line-height:1.9; margin-top:7px; }
.support-card button { white-space:nowrap; }
.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition:none!important; scroll-behavior:auto!important; }
@media (min-width:701px) and (max-width:1150px) {
 .management-content { padding:32px 30px 50px; }
 .subscription-body h3 { font-size:18px; }
 .subscription-body { flex-wrap:wrap; }
 .management-card { padding:23px; }
 .profile-overview { flex-wrap:wrap; }
 .profile-overview .state-label { margin-left:0; }
}
@media (max-width:700px) {
 .management-content { padding:27px 20px calc(40px + env(safe-area-inset-bottom,0px)); }
 .global-heading { margin-bottom:26px; }
 .global-eyebrow { font-size:9px; margin-bottom:9px; }
 .page-tabs { gap:26px; margin-bottom:22px; }
 .page-tabs>a { font-size:12px; padding-bottom:13px; }
 .management-card { padding:20px; border-radius:9px; margin-bottom:17px; }
 .card-title { gap:10px; margin-bottom:18px; }
 .card-title h2,.management-card h2 { font-size:14px; }
 .subscription-body { flex-direction:column; align-items:flex-start; gap:17px; }
 .subscription-body h3 { font-size:17px; }
 .subscription-body p { font-size:11px; }
 .plan-facts { gap:9px; padding-top:20px; margin-bottom:18px; }
 .plan-facts dt { font-size:10px; margin-bottom:8px; }
 .plan-facts dd { font-size:13px; }
 .management-grid { grid-template-columns:1fr; gap:0; }
 .management-card.compact { padding:20px; margin-bottom:17px; }
 .compact p { max-width:none; font-size:11px; }
 .global-notice { padding:15px; margin-bottom:17px; }
 .global-notice p { font-size:10.5px; }
 .global-empty { padding:32px 0; min-height:225px; }
 .global-empty h3 { font-size:15px; }
 .global-empty p { font-size:11px; }
 .global-table { font-size:11px; }
 .global-table th,.global-table td { padding-left:8px; padding-right:8px; }
 .global-table td:first-child { font-size:10px; }
 .profile-overview { align-items:flex-start; gap:12px; flex-wrap:wrap; }
 .profile-overview>div { flex:1; min-width:160px; }
 .profile-overview h2 { font-size:14px; }
 .profile-overview .state-label { margin-left:60px; }
 .setting-row { gap:14px; padding:18px 0; align-items:flex-start; }
 .setting-row p { font-size:10.5px; }
 .setting-value { font-size:11px; max-width:42%; }
 .setting-value select { max-width:120px; font-size:11px; padding:7px; }
 .setting-value .secondary { font-size:10px; padding:8px; }
 .setting-value .inline-link { font-size:11px; }
 .global-card-foot { font-size:10px; }
 .help-start { padding:20px; margin:24px 0 27px; }
 .help-steps { grid-template-columns:1fr; gap:20px; padding-top:22px; }
 .help-steps>div { display:grid; grid-template-columns:24px 1fr; gap:3px 10px; }
 .help-steps b { grid-row:1/3; font-size:11px; padding-top:3px; }
 .help-steps h2 { margin:0; font-size:13px; }
 .help-steps p { grid-column:2; }
 .global-search { width:100%; }
 .global-search input { width:100%; }
 .faq-item summary { font-size:12px; }
 .faq-item p { font-size:11px; }
 .support-card { padding:20px; flex-direction:column; align-items:flex-start; gap:17px; }
 .support-card h2 { font-size:14px; }
 .support-card p { font-size:11px; }
}
/* Programmatic route focus supports keyboard navigation without framing the whole page. */
#main:focus { outline:none; }

.management-content .global-eyebrow,.management-content .section-kicker { font-size:10px; letter-spacing:1.3px; color:#777; }


/* v0.8 — quieter global surfaces and modal sign-in. */
.management-content{max-width:1040px;padding:48px 52px 72px}
.global-heading{margin-bottom:24px}
.global-heading h1{font-size:28px;font-weight:620;letter-spacing:-1.1px;line-height:1.25}
.management-content .global-eyebrow,.management-content .section-kicker{display:none}
.page-tabs{gap:28px;margin-bottom:34px}
.management-card{border:0;border-top:1px solid #e7e7e7;border-radius:0;padding:24px 0 4px;margin-bottom:30px;background:transparent}
.management-card:last-child{border-bottom:1px solid #e7e7e7;padding-bottom:24px}
.page-tabs+#management-body>.management-card:first-child{border-top:0;padding-top:0}
.card-title{margin-bottom:18px}
.card-title h2,.management-card h2,.support-card h2,.faq-section h2{font-size:14px;font-weight:600;letter-spacing:-.35px}
.card-title p,.compact p{display:none}
.state-label{border-radius:3px;background:#f7f7f7;border-color:#e7e7e7;padding:4px 8px;font-size:10px}
.subscription-body{padding:0 0 18px}
.subscription-body p{display:none}
.plan-facts{border-top:0;border-bottom:1px solid #e9e9e9;padding:0 0 22px;margin:0 0 18px}
.plan-facts dt{margin-bottom:7px}
.plan-facts dd{font-size:15px}
.global-caption{margin-top:10px;font-size:10px;color:#898989}
.management-grid{gap:0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;margin-bottom:26px}
.management-grid .management-card{margin:0;border:0;padding:20px 18px}
.management-grid .management-card+ .management-card{border-left:1px solid #e7e7e7}
.management-card.compact{padding:20px 18px}
.compact-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.compact-link h2{margin:0}
.card-symbol{padding:0;color:#777}
.inline-link{min-height:30px}
.global-notice{align-items:center;gap:9px;padding:10px 0;background:transparent;border:0;border-radius:0;margin:0 0 26px;color:#777}
.global-notice p{font-size:11px;line-height:1.6;margin:0}
.global-empty{min-height:190px;padding:42px 12px;gap:8px}
.global-empty-icon{width:40px;height:40px;border-radius:5px;margin-bottom:5px}
.global-empty p{font-size:11px;line-height:1.7}
.global-table th{background:transparent}
.profile-overview{padding-bottom:20px}
.profile-overview p{margin-top:3px}
.setting-row{padding:17px 0}
.setting-row p{font-size:10.5px;line-height:1.6;margin-top:4px;max-width:430px}
.global-card-foot{justify-content:flex-end}
.global-card-foot>p{display:none}
.help-start{display:none}
.faq-section{margin-top:8px;margin-bottom:36px}
.faq-item summary{padding:17px 0}
.faq-item p{font-size:11.5px;line-height:1.8;padding-bottom:18px;max-width:720px}
.support-card{border:0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;border-radius:0;padding:19px 0}
.support-card p{display:none}
.global-search{border-radius:3px}
.setting-value select{border-radius:3px}

.cover-login-dialog{width:auto;max-width:none;padding:0;border:0;background:transparent;overflow:visible;color:#262626}
.cover-login-dialog::backdrop{background:rgba(244,244,244,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cover-login-card{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid #dedede;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.09);outline:0}
.cover-login-card-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 0}
.cover-login-card-head .brand-word{font-size:29px;letter-spacing:-2px;color:#171717}
.cover-login-close{width:32px;height:32px;border-radius:3px;color:#858585;font-size:22px;font-weight:300;line-height:1}
.cover-login-close:hover{background:#f4f4f4;color:#262626}
.cover-login-card-body{padding:42px 34px 34px}
.cover-login-card h1{font-size:23px;font-weight:620;letter-spacing:-.8px;line-height:1.25;margin:0 0 27px}
#cover-google-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center}
#cover-google-button>div{max-width:100%!important}
.cover-login-status{min-height:18px;margin:12px 0 0;font-size:10.5px;line-height:1.6;color:#777;text-align:center}
.cover-login-retry{display:flex;margin:12px auto 0;border-radius:3px}
body:has(.cover-login-dialog[open]) .app-shell{pointer-events:none;user-select:none}

@media(max-width:700px){
 .management-content{padding:30px 20px calc(44px + env(safe-area-inset-bottom,0px))}
 .global-heading h1{font-size:24px}
 .management-card{padding:20px 0 2px;margin-bottom:24px}
 .management-card:last-child{padding-bottom:20px}
 .management-grid{grid-template-columns:1fr}
 .management-grid .management-card+ .management-card{border-left:0;border-top:1px solid #e7e7e7}
 .plan-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .setting-row{padding:16px 0}
 .cover-login-card-head{padding:18px 18px 0}
 .cover-login-card-body{padding:34px 24px 26px}
 .cover-login-card h1{font-size:21px}
}
.cover-login-dialog{width:min(420px,calc(100vw - 32px));max-width:420px;margin:auto}
.cover-login-card{width:100%}

/* Keep modal content reachable on short screens and respect the retry hidden state. */
.cover-login-dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto}
.cover-login-retry[hidden]{display:none}
body:has(.cover-login-dialog[open]){overflow:hidden}

.support-card .service-contact-note,.service-contact-note{display:block;font-size:11px;line-height:1.8;color:#777;margin-top:10px;}
.service-legal-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;font-size:11px;color:#777;}
.service-legal-links a{text-decoration:underline;text-underline-offset:3px;}