:root{--surface:#fff;--border:#e4eaf2;--ink:#233a57;--subtle:#7a8ba1;--canvas:#f6f8fc}body{font-size:14px}.account-page{background:var(--canvas);color:var(--ink)}.account-header{height:78px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:35px;padding:0 36px;position:sticky;top:0;z-index:20}.account-header .brand strong{font-size:23px}.account-header .brand em{font-size:8px}.account-header nav{display:flex;align-items:center;gap:25px;align-self:stretch}.account-header nav>a{display:flex;align-items:center;gap:8px;font-size:12px;color:#8290a3;border-bottom:2px solid transparent}.account-header nav>a.active{color:var(--blue);border-color:var(--blue)}.account-header-identity{margin-left:auto;color:#8192a9;font-size:12px;overflow-wrap:anywhere}.account-header>form{display:flex}.account-container{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr);gap:38px;padding:34px 36px}.account-sidebar{position:sticky;top:108px;align-self:start}.account-person{padding:8px 14px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.account-avatar{width:51px;height:51px;font-size:17px;margin-bottom:4px;overflow:hidden}.avatar>img{width:100%;height:100%;object-fit:cover}.account-person>strong{font-size:16px;overflow-wrap:anywhere}.account-person>small{font-size:11px;color:#97a5b8;overflow-wrap:anywhere}.status-badge{display:inline-block;border:1px solid #dce8fa;background:#edf4ff;color:#5c85ba;font-size:10px;line-height:1.5;border-radius:6px;padding:3px 8px;white-space:nowrap}.status-badge.approved,.status-badge.accepted{background:#edf8f1;border-color:#d6ecdf;color:#559578}.status-badge.pending{background:#fff8ed;border-color:#f0e4cf;color:#ad8a4f}.status-badge.rejected,.status-badge.failed{background:#fff0ed;border-color:#f1dcd5;color:#bb7966}.status-badge.cancelled{color:#8c9aae;background:#f3f6fa;border-color:#e2e8f0}.side-section-label{font-size:9px;font-weight:600;letter-spacing:1px;color:#a0adbf;margin:0 14px 10px}.admin-label{margin-top:29px}.account-nav{display:flex;gap:12px;align-items:center;color:#7a8da7;font-size:12px;padding:12px 14px;margin:3px 0;border-radius:8px}.account-nav.active{color:#1161be;background:#e7effb;font-weight:600}.account-nav:hover{background:#eaf0f9}.back-to-mail{display:flex;gap:8px;align-items:center;color:#95a6bd;font-size:11px;margin:35px 14px 15px}.account-content{min-width:0;max-width:1040px}.account-page-heading{margin:8px 0 27px}.account-page-heading>.eyebrow{font-size:9px;letter-spacing:1.2px}.account-page-heading h1{font-size:30px;line-height:1.3;letter-spacing:-1.1px;font-weight:800;color:#23456c;margin:9px 0}.account-page-heading>p{font-size:13px;color:#94a2b5;line-height:1.8;max-width:720px;margin-bottom:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:26px;margin-bottom:22px;min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.panel-heading h2{font-size:16px;letter-spacing:-.3px;margin:0 0 7px;color:#3d5c7f;font-weight:750}.panel-heading p{font-size:12px;line-height:1.8;color:#98a7ba;margin:0}.panel-symbol{display:inline-flex;align-items:center;justify-content:center;background:#f0f5fd;color:#8daed3;border:1px solid #e5edf8;width:43px;height:43px;border-radius:12px;flex-shrink:0}.account-form{display:flex;flex-direction:column;gap:23px}.account-form .panel-heading{margin-bottom:0}.account-form label{font-size:12px;color:#667e9b}.account-form input:not([type=checkbox]),.account-form select{font-size:13px;color:#526d90;height:45px}.account-form input[type=file]{border:0!important;padding:8px 0!important;font-size:11px;height:auto}.account-form label textarea{width:100%;border:1px solid #dfe6ef;border-radius:8px;background:#fff;padding:12px;font-size:13px;line-height:1.8;resize:vertical;margin-top:9px}.account-form label small{font-size:11px;color:#a0adbf;margin-top:7px}.account-form select{width:100%;margin-top:9px}.panel-actions{display:flex;align-items:center;gap:22px;padding-top:20px;border-top:1px solid #edf1f6}.panel-actions .primary{font-size:12px;padding:11px 18px}.photo-edit{display:flex;align-items:center;gap:20px;padding:7px 0 24px;border-bottom:1px solid #edf1f7}.large-avatar{width:80px;height:80px;font-size:27px;overflow:hidden}.photo-edit>div{min-width:0}.photo-edit small{line-height:1.7}.remove-photo{margin-top:12px}.identity-box{display:flex;align-items:center;gap:14px;padding:17px;background:#f7faff;border:1px solid #e7eef8;border-radius:9px;color:#89a3c2}.identity-box strong{font-size:13px;color:#6286b1;overflow-wrap:anywhere}.identity-box p{font-size:11px;line-height:1.7;margin:6px 0 0;color:#a3b1c4}.identity-box>svg:last-child{margin-left:auto}.account-footer{display:flex;justify-content:space-between;font-size:10px;color:#aab8c9;padding:12px 2px 20px}.account-footer>span{font-size:9px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;font-weight:600;letter-spacing:.3px;color:#9aa9bb;background:#f9fbfe;padding:13px 12px;white-space:nowrap}td{padding:17px 12px;vertical-align:middle;color:#7c91ac;border-bottom:1px solid #edf1f6;line-height:1.8;overflow-wrap:anywhere}td>strong{display:block;color:#5e799a;font-size:12px;font-weight:600}td>small{display:block;font-size:10px;color:#a3b1c2}tr:last-child>td{border-bottom:0}.table-empty{text-align:center;color:#a6b3c5;padding:30px}.danger-text{color:#bd7c6a}.simple-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:11px;color:#9aabc0}.simple-pagination>div{display:flex;gap:8px}.simple-pagination .secondary{font-size:10px;padding:7px 11px}.create-details>summary{cursor:pointer;list-style:none;margin-top:18px;align-self:flex-start;font-size:11px}.create-details>summary::-webkit-details-marker{display:none}.token-form{display:flex;flex-direction:column;gap:20px;margin-top:24px;border-top:1px solid var(--border);padding-top:24px}.token-form>.primary{align-self:flex-start}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 22px}.permission-grid .checkbox-label{color:#8397b0;font-size:12px;line-height:1.7;align-items:flex-start}.permission-grid input{margin-top:2px;flex-shrink:0}fieldset{border:0;padding:0;margin:0}legend{font-size:11px;font-weight:600;color:#7089a8;margin-bottom:16px}.api-intro{padding:15px;background:#f7f9fd;border:1px solid #e8eef7;border-radius:8px}.api-intro>code{font-size:12px;color:#6085b3}.api-intro p{font-size:11px;line-height:1.9;color:#9cacc1;margin:10px 0 0}.api-intro code{overflow-wrap:anywhere}.token-scopes{max-width:220px;font-size:10px}.token-reveal{border:1px solid #cce4d6;background:#f0f9f4;padding:20px;border-radius:10px;color:#5f9a7c}.token-reveal>strong{font-size:13px}.token-reveal>p{font-size:11px;margin:8px 0 12px}.token-reveal>textarea{width:100%;font-family:monospace;font-size:12px;border:1px solid #d2e6d9;padding:10px;border-radius:6px;resize:none;color:#517d65;margin-bottom:10px}.token-reveal>.secondary{font-size:10px}.storage-overview{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px}.storage-overview h2{font-size:30px;letter-spacing:-1px;margin:8px 0 10px;color:#355e90}.storage-overview p{font-size:12px;color:#9aacc2;margin-bottom:0}.storage-overview p strong{color:#668bb7;font-weight:600}.storage-figure{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:25px;background:#edf4ff;color:#94b6e2}.large-storage-track{flex:1 0 100%;height:8px;background:#edf2f8;border-radius:9px;margin:24px 0 15px;overflow:hidden}.large-storage-track>span{display:block;background:#3d7cd2;border-radius:9px;height:100%;min-width:2px}.storage-overview>small{font-size:11px;line-height:1.8;color:#a1b1c4;max-width:660px}.section-heading h2{font-size:19px;color:#4d6c8f;letter-spacing:-.4px;margin:30px 0 7px}.section-heading>p{font-size:12px;color:#9bacc2;margin-bottom:22px}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.plan-card{display:flex;flex-direction:column;padding:23px 20px}.plan-card.current-plan{border-color:#a3c1ea;box-shadow:0 0 0 2px #e9f2ff}.plan-top{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:22px}.plan-symbol{color:#7ca3d3;background:#eff5ff;padding:10px;border-radius:10px;display:inline-flex}.plan-top>.status-badge{font-size:8px;padding:3px 6px}.plan-card>h3{font-size:21px;letter-spacing:-.6px;color:#355e8e;margin-bottom:10px}.plan-card>p{font-size:11px;line-height:1.9;color:#a3b1c3;min-height:42px;margin-bottom:20px}.plan-capacity{font-family:var(--heading);font-size:36px;letter-spacing:-1.5px;font-weight:800;color:#375e8c}.plan-capacity>span{font-size:15px;color:#a5b7cc;font-weight:500;letter-spacing:0}.plan-price{color:#8ca3bf;font-size:12px;margin:12px 0 8px}.plan-card>ul{list-style:none;padding:17px 0;margin:10px 0 20px;border-top:1px solid #edf1f7}.plan-card li{display:flex;align-items:center;gap:8px;font-size:10px;color:#92a8c2;margin:12px 0}.plan-card li svg{color:#87b6a2}.plan-card>form{margin-top:auto}.plan-card button{width:100%;font-size:11px;padding:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat-card{padding:22px 19px;display:flex;flex-direction:column;gap:15px}.stat-card>span{font-size:11px;color:#9babc0}.stat-card>strong{font-family:var(--heading);font-size:32px;letter-spacing:-1px;font-weight:750;color:#446b99}.admin-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-shortcut{display:flex;align-items:center;gap:12px;border:1px solid #e8eef6;border-radius:9px;padding:17px;transition:background .15s}.admin-shortcut:hover{background:#f5f9ff}.admin-shortcut h3{font-size:12px;color:#6687ad;margin:0 0 6px}.admin-shortcut p{font-size:10px;line-height:1.8;color:#a3b3c7;margin:0}.admin-shortcut>svg{margin-left:auto;color:#adbed3}.service-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.service-status>div{background:#f8fafd;border:1px solid #eaf0f7;border-radius:8px;padding:17px}.service-status span{display:block;font-size:10px;color:#a0b0c5;margin-bottom:8px}.service-status strong{font-size:12px;font-weight:500;color:#7292b7}.panel-footnote{font-size:11px;color:#a1b1c6;line-height:1.9;margin:23px 0 0}.admin-search{display:flex;align-items:center;border:1px solid #e2eaf5;border-radius:8px;padding:3px 6px;background:#fafcff}.admin-search input{border:0;outline:0!important;background:none;padding:7px;font-size:11px;width:185px}.inline-access-form{display:flex;gap:8px;align-items:center;min-width:210px}.inline-access-form select{font-size:11px;padding:8px;border:1px solid #e1e9f4;border-radius:6px;background:#fafcff;color:#8ba1be;max-width:150px}.users-table .secondary{font-size:10px;padding:7px 11px}.info-strip{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid #e0eafa;background:#eef5ff;border-radius:9px;margin-bottom:22px;color:#8aa8cd}.info-strip p{margin:0;font-size:11px;line-height:1.9;color:#7d9bc1}.request-review{display:flex;flex-direction:column;gap:9px;min-width:190px}.request-review input{border:1px solid #dce6f3;border-radius:6px;padding:8px;font-size:11px;max-width:230px}.request-review>div{display:flex;gap:7px}.request-review button{font-size:10px;padding:7px 12px}.audit-json{font-size:10px;line-height:1.8;max-width:350px;max-height:200px;overflow:auto;padding:14px;background:#f5f8fc;border:1px solid #e2ebf6;border-radius:8px}
/* A quieter mailbox with useful account controls. */
.mailbox-page{background:#f5f7fb}.topbar{background:white;height:78px}.sidebar{min-height:calc(100vh - 78px)}.app-body{min-height:calc(100vh - 78px)}.profile-dropdown>.profile-link{display:flex;align-items:center;gap:9px;font-size:12px;padding:10px 0;color:#7794b9}.profile-dropdown>.profile-link:first-of-type{margin-top:15px;border-top:1px solid #eaf0f8;padding-top:16px}.profile-dropdown>form{margin-top:7px;padding-top:8px}.profile-avatar{overflow:hidden}.sidebar-bottom .ecosystem-mini{display:none}.sidebar-bottom{padding-bottom:12px}.storage-title{font-size:11px}.storage-copy{font-size:10px;line-height:1.8}.storage-link{display:inline-flex;align-items:center;gap:5px;color:#5083c5;font-size:10px;margin-top:10px}.page-heading{padding:23px 3px 21px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:28px;margin:0 0 7px}.heading-dot{display:none}.workspace-top{height:49px}.workspace-note{color:#8fa2ba}.message-list{background:#fff}.message-row{min-height:104px}.message-row.unread{background:#fbfcff}.message-row.selected{background:#edf4ff}.message-link{padding-top:22px;padding-bottom:22px}.sender-line>strong{font-size:12px;color:#516b8b}.subject-line{font-size:13px;line-height:1.6;margin-bottom:4px}.snippet{font-size:11px;line-height:1.7;color:#9bacc0}.reader-subject h2{font-size:23px;line-height:1.5}.message-body{font-size:14px;color:#5b7290;line-height:1.95}.mail-shell{height:calc(100vh - 258px);min-height:560px;border-radius:12px;box-shadow:0 4px 18px #243f6503}.reader-toolbar{gap:9px}.reading-pane .welcome-pane h2{font-size:26px}.welcome-kicker,.welcome-signoff{display:none}.welcome-pane>img{max-height:210px;width:min(85%,380px);margin-bottom:22px}.profile-name strong{font-size:12px}.mailbox-page .compose-hint{display:none}.no-snippets .snippet{display:none}.density-compact .message-link{padding-top:15px;padding-bottom:15px}.density-compact .message-row{min-height:82px}.density-compact .mail-avatar{width:29px;height:29px;font-size:11px}.density-compact .star-form{bottom:17px}.no-snippets .message-row{min-height:85px}.density-compact.no-snippets .message-row{min-height:70px}.avatar-photo{width:100%;height:100%;object-fit:cover}.auth-shell{grid-template-columns:43% 57%}.auth-story{background:#eff5fc;border-right:1px solid #e7eef8}.story-content{padding-top:35px}.story-content h1{font-size:clamp(37px,3.6vw,55px);letter-spacing:-2.2px;line-height:1.2}.story-content>.eyebrow{font-size:8px;letter-spacing:1.1px}.story-content>p{font-size:14px;line-height:1.9}.connection-art{width:105%;margin:12px -2.5%}.story-values{font-size:10px}.auth-form-wrap{max-width:450px}.auth-form-wrap h2{font-size:31px;letter-spacing:-1px}.auth-form-wrap>.eyebrow{display:none}.auth-badge{margin-bottom:18px}.form-subtitle{font-size:13px;color:#8a9bb1;line-height:1.9;margin-bottom:30px}.auth-form{gap:22px}.auth-form label{font-size:12px}.auth-form label input{height:47px;font-size:13px}.password-field button{top:16px}.auth-submit{font-size:13px;padding:15px 18px;border-radius:8px}.auth-assurance{font-size:10px}.auth-form-section{padding-top:33px}
@media(max-width:1200px){.account-container{grid-template-columns:210px minmax(0,1fr);gap:25px;padding:30px 25px}.account-header{padding:0 25px;gap:25px}.account-header nav{gap:20px}.account-header-identity{font-size:10px}.account-header .brand strong{font-size:20px}.panel{padding:23px}.plans-grid{gap:12px}.plan-card{padding:20px 16px}.plan-card>p{font-size:10px}.plan-card li{font-size:9px}.stats-grid{gap:12px}.stat-card{padding:20px 15px}.stat-card>span{font-size:10px}.reader-toolbar{gap:4px}.auth-story{padding:35px}.story-content h1{font-size:43px}}
@media(max-width:950px){.account-header-identity{display:none}.account-header>form{margin-left:auto}.account-container{grid-template-columns:185px minmax(0,1fr);gap:20px;padding:27px 20px}.account-nav{font-size:11px;padding:11px 10px;gap:8px}.account-person{padding:4px 10px 24px}.account-person>strong{font-size:14px}.account-person>small{font-size:10px}.panel{padding:22px}.plans-grid{grid-template-columns:1fr}.plan-card{display:grid;grid-template-columns:1fr 1fr;gap:4px 25px;position:relative;padding:24px}.plan-top{grid-column:1/-1;margin-bottom:10px}.plan-card>p{font-size:12px;margin-bottom:10px;min-height:auto}.plan-capacity{grid-column:2;grid-row:2/4;text-align:right}.plan-price{grid-column:2;text-align:right}.plan-card>ul{grid-column:1/-1;margin:0 0 12px;padding:12px 0}.plan-card li{font-size:11px}.plan-card>form{grid-column:1/-1}.plan-card>h3{font-size:23px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shortcuts{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.panel-heading{flex-wrap:wrap}.account-page-heading h1{font-size:27px}.account-page-heading>p{font-size:12px}.account-form .form-row{gap:14px}.auth-story{padding:30px 25px}.story-content h1{font-size:37px}.story-content>p{font-size:12px}.auth-form-section{padding:27px}.auth-form-wrap h2{font-size:27px}.mail-shell{min-height:530px}.reader-subject h2{font-size:20px}}
@media(max-width:700px){.account-header{height:auto;min-height:72px;flex-wrap:wrap;padding:18px 20px 0;gap:16px}.account-header>.brand{margin-right:auto}.account-header>form{margin-left:0}.account-header nav{order:3;width:100%;gap:24px;min-height:40px;overflow-x:auto}.account-header nav>a{font-size:11px;white-space:nowrap;padding-bottom:13px}.account-container{display:block;padding:20px 16px}.account-sidebar{position:static;display:flex;flex-wrap:wrap;gap:5px 8px;margin-bottom:23px;padding-bottom:18px;border-bottom:1px solid #e1e8f3}.account-person{display:none}.side-section-label{flex:1 0 100%;font-size:8px;margin:7px 7px 4px}.account-nav{font-size:10px;padding:8px;gap:6px;margin:0}.account-nav svg{width:14px}.admin-label{margin-top:12px}.back-to-mail{display:none}.account-page-heading{margin-top:0;margin-bottom:23px}.account-page-heading h1{font-size:26px}.account-page-heading>.eyebrow{font-size:8px}.panel{padding:21px 18px;border-radius:11px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:11px}.panel-symbol{width:35px;height:35px}.account-form{gap:21px}.account-form .form-row{grid-template-columns:1fr}.account-form label small{font-size:10px}.photo-edit{align-items:flex-start;gap:15px}.large-avatar{width:62px;height:62px;font-size:20px}.photo-edit label input[type=file]{max-width:205px}.photo-edit small{font-size:9px}.identity-box{padding:13px;gap:9px}.identity-box strong{font-size:11px}.identity-box p{font-size:10px}.identity-box>svg:last-child{display:none}.account-form label input,.account-form select{font-size:12px}.account-form label{font-size:11px}.account-footer{font-size:9px}.account-footer>span{font-size:8px}.storage-figure{width:60px;height:60px;border-radius:18px}.storage-figure svg{width:28px}.storage-overview h2{font-size:27px}.storage-overview p{font-size:11px}.storage-overview>small{font-size:10px}.section-heading>p{font-size:11px;line-height:1.9}.service-status{gap:10px}.service-status>div{padding:13px}.service-status strong{font-size:10px}.service-status span{font-size:9px}.panel-footnote{font-size:10px}.admin-search{width:100%}.admin-search input{flex:1}.simple-pagination{font-size:10px}.info-strip p{font-size:10px}.account-avatar{width:43px;height:43px}.auth-shell{display:flex}.auth-story{padding:24px}.auth-form-wrap{padding:30px 0;max-width:420px}.auth-form-wrap h2{font-size:28px}.auth-form-section{padding:24px}.auth-form .form-row{grid-template-columns:1fr}.auth-form label input{font-size:13px}.auth-form label{font-size:12px}.auth-form{gap:20px}.form-subtitle{font-size:12px}.auth-story .story-content,.auth-story .story-footer{display:none}}
@media(min-width:621px) and (max-width:800px){.topbar{height:72px}.sidebar{top:72px}.app-body{min-height:calc(100vh - 72px)}}
@media(max-width:620px){.topbar{height:117px}.sidebar{top:117px}.app-body{min-height:calc(100vh - 117px)}.mail-shell{height:calc(100dvh - 292px);min-height:460px}.page-heading{padding:18px 3px}.page-heading h1{font-size:24px}.reader-toolbar{gap:10px}.reader-subject h2{font-size:22px}.message-body{font-size:14px}.compose-from strong{font-size:11px}.compose-field>input{font-size:12px!important}.compose-form>textarea{font-size:14px}.message-link{padding-top:20px;padding-bottom:20px}.sender-line>strong{font-size:12px}.subject-line{font-size:13px}.snippet{font-size:11px}.workspace-note{font-size:8px}.workspace-top{height:45px}.profile-dropdown{width:270px}.auth-story>.brand strong{font-size:24px}.auth-top-note{font-size:11px}.auth-form-wrap .form-row{grid-template-columns:1fr}.auth-assurance{font-size:9px}}
@media(max-width:700px){.auth-shell{display:flex;flex-direction:column;min-height:100dvh}.auth-story>.brand{align-self:center}.auth-form-section{flex:1}.auth-top-note{justify-content:center}}
@media(max-width:620px){.header-actions>[data-open-dialog]{display:none}}