:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0f172a;--muted:#64748b;--line:#e6e8f0;--soft:#f3f4fa;--bg:#f7f8fc;--brand:#4f46e5;--brand-dark:#4338ca;--brand-soft:#eef0ff;--brand-ring:#4f46e52e;--violet:#7c3aed;--accent:#ec4899;--brand-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 55%, #ec4899 100%);--shadow-sm:0 1px 2px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-md:0 8px 24px #0f172a14;--white:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fffffff0;align-items:center;gap:42px;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:750;display:flex}.brand-mark{color:#fff;background:var(--brand);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.topbar nav{color:#4c5965;gap:26px;font-size:14px;display:flex}.topbar nav a:hover{color:var(--brand)}.avatar{background:var(--brand-soft);width:36px;height:36px;color:var(--brand-dark);border:0;border-radius:50%;place-items:center;margin-left:auto;font-size:13px;font-weight:700;display:grid}.topbar-login{margin-left:auto}.primary-button{background:var(--brand);color:#fff;border:0;border-radius:10px;padding:11px 18px;font-weight:700}.primary-button:hover{background:var(--brand-dark)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--brand);margin:0 0 7px;font-size:11px;font-weight:800}.mail-shell{grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 68px);display:grid}.mail-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;padding:24px 16px;display:flex}.compose{width:100%;margin-bottom:22px}.folder-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.folder-list a{color:#51606c;border-radius:9px;justify-content:space-between;padding:10px 12px;font-size:14px;display:flex}.folder-list a:hover{background:var(--soft)}.folder-list a.active{color:var(--brand-dark);background:var(--brand-soft);font-weight:700}.folder-list a:focus-visible,.mobile-mail-nav a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.folder-divider{background:var(--line);height:1px;margin:8px 12px}.compose{text-align:center;display:block}.storage{color:var(--muted);margin-top:auto;padding:16px 10px 6px;font-size:12px}.storage div{background:#edf0f1;border-radius:4px;height:5px;margin-top:9px;overflow:hidden}.storage i{background:var(--brand);height:100%;display:block}.storage i.warn{background:#c9820a}.storage-warning{color:#8a5a06;margin-top:6px;display:block}.storage+.mail-account{margin-top:0}.mail-account{gap:5px;margin-top:auto;padding:16px 10px 6px;display:grid;overflow:hidden}.mail-account strong,.mail-account span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mail-account strong{font-size:13px}.mail-account span{color:var(--muted);font-size:11px}.mail-account form{display:block}.mail-account .text-button{padding:7px 0 0;font-size:12px}.inbox{width:100%;max-width:1240px;padding:32px clamp(24px,5vw,72px)}.inbox-header{justify-content:space-between;align-items:end;gap:24px;display:flex}.inbox h1,.admin-page h1,.onboarding-card h1{letter-spacing:-.045em;margin:0;font-size:clamp(27px,3vw,38px)}.search input{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;width:min(36vw,420px);padding:12px 16px}.search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.smart-summary{background:linear-gradient(135deg,#eef0ff,#f5edff 60%,#fdeef6);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 22px;padding:18px 20px;display:flex}.smart-summary strong{margin:5px 0 3px;display:block}.smart-summary p{color:var(--muted);margin:0;font-size:14px}.ai-label{color:var(--violet);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.smart-summary button,.panel-header button{white-space:nowrap;background:#ffffffb3;border:1px solid #17212b24;border-radius:9px;padding:9px 13px}.message-list{border-top:1px solid var(--line)}.message{border-bottom:1px solid var(--line);background:0 0;grid-template-columns:32px 150px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 8px;display:grid}.message.unread{background:#fff}.message.unread .sender,.message.unread .message-copy strong{font-weight:750}.star{color:#9aa3aa;background:0 0;border:0;padding:0;font-size:20px}.sender{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.message-copy{white-space:nowrap;gap:8px;min-width:0;font-size:14px;display:flex;overflow:hidden}.message-copy strong{text-overflow:ellipsis;overflow:hidden}.message-copy span{color:var(--muted);text-overflow:ellipsis;overflow:hidden}.message time{color:var(--muted);font-size:12px}.reader-page{max-width:980px;margin:0 auto;padding:38px 28px 70px}.reader-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.reader-card header{border-bottom:1px solid var(--line);padding:28px 32px}.reader-card h1{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(24px,3vw,34px)}.reader-meta{color:var(--muted);gap:5px;font-size:13px;display:grid}.reader-meta strong{color:var(--ink);font-size:15px}.reader-body{white-space:pre-wrap;min-height:260px;padding:32px;line-height:1.7}.attachment-list{background:var(--soft);border-radius:12px;gap:8px;margin:0 32px 32px;padding:16px;font-size:13px;display:grid}.mail-empty{min-height:220px;color:var(--muted);text-align:center;place-content:center;gap:7px;display:grid}.mail-empty strong{color:var(--ink)}.login-page{background:radial-gradient(1200px 500px at 50% -10%,#e9e8ff 0,#f7f8fc 60%);place-items:center;min-height:calc(100vh - 68px);padding:32px 20px;display:grid}.login-card{width:min(100%,440px)}.admin-page{max-width:1260px;margin:0 auto;padding:42px 32px 70px}.page-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.page-heading p:last-child,.panel-header p{color:var(--muted);margin:7px 0 0}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0 22px;display:grid}.stats article,.panel,.onboarding-card{border:1px solid var(--line);background:#fff;border-radius:15px}.stats article{padding:20px}.stats span,.stats small{color:var(--muted);display:block}.stats strong{letter-spacing:-.04em;margin:8px 0 6px;font-size:27px;display:block}.stats small{font-size:12px}.api-banner{color:#6f4b09;background:#fff8e7;border:1px solid #f1d899;border-radius:12px;align-items:center;gap:10px;margin-top:24px;padding:14px 16px;font-size:14px;display:flex}.api-banner span{color:#87651f}.panel{overflow:hidden}.panel-header{justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.panel-header h2{margin:0;font-size:18px}table{border-collapse:collapse;width:100%}th,td{border-top:1px solid var(--line);text-align:left;padding:15px 24px;font-size:14px}th{color:#4f5a65;background:#fafbfb;font-size:12px;font-weight:650}.status{color:var(--brand-dark);background:var(--brand-soft);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.status.pending{color:#845a0b;background:#fff4d6}.status.failed{color:#a33b37;background:#fdebea}.cell-detail{color:var(--muted);margin-top:4px;font-size:11px;display:block}.empty-state{border-top:1px solid var(--line);min-height:190px;color:var(--muted);text-align:center;place-items:center;gap:7px;padding:32px;display:grid}.empty-state strong{color:var(--ink)}.text-button{color:var(--brand);background:0 0;border:0;font-weight:700}.domain-link{color:var(--brand-dark);font-weight:750}.domain-link:hover{text-decoration:underline}.back-link{color:var(--muted);margin-bottom:22px;font-size:14px;display:inline-flex}.domain-heading{margin-bottom:24px}.detail-panel{margin-bottom:20px;padding-bottom:22px}.domain-dns{margin:0 24px 18px}.action-stack{padding:0 24px}.inline-actions{flex-direction:row;gap:10px;display:flex}.secondary-button{border:1px solid var(--line);color:var(--brand-dark);background:#fff;border-radius:10px;padding:10px 16px;font-weight:700}.action-message{margin:10px 0 0;font-size:13px}.action-message.success{color:var(--brand-dark)}.action-message.error{color:#9a302c}.domain-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:20px;display:grid}.create-mailbox-panel{align-self:start}.mailbox-form{padding:0 24px 24px}.mailbox-form select{background:#fff;border:1px solid #d7dde1;border-radius:10px;padding:12px 13px}.address-input{border:1px solid #d7dde1;border-radius:10px;align-items:center;display:flex;overflow:hidden}.address-input input{border:0;border-radius:0;flex:1}.address-input span{color:var(--muted);white-space:nowrap;padding:0 12px;font-size:13px}.locked-note{color:var(--muted);background:var(--soft);border-radius:10px;margin:0 24px 24px;padding:14px;font-size:13px}.onboarding-page{background:radial-gradient(1200px 500px at 50% -10%,#e9e8ff 0,#f7f8fc 60%);place-items:start center;min-height:calc(100vh - 68px);padding:48px 20px;display:grid}.onboarding-card{width:min(100%,620px);padding:34px;box-shadow:0 18px 50px #312e811a}.onboarding-card .lead{color:var(--muted);margin-bottom:26px;line-height:1.6}.step-indicator{align-items:center;margin-bottom:28px;display:flex}.step-indicator span{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.step-indicator span.done{background:var(--brand);color:#fff;border-color:var(--brand)}.step-indicator i{background:var(--line);flex:1;height:1px}form{gap:18px;display:grid}form>label,fieldset{gap:8px;font-size:13px;font-weight:700;display:grid}form input{background:#fff;border:1px solid #d7dde1;border-radius:10px;outline:none;min-width:0;padding:12px 13px}form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.domain-input{border:1px solid #d7dde1;border-radius:10px;align-items:center;display:flex;overflow:hidden}.domain-input span{color:var(--muted);padding:0 12px}.domain-input input{border:0;border-left:1px solid var(--line);border-radius:0;flex:1}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:8px}.placement{border:1px solid var(--line);border-radius:11px;align-items:center;gap:12px;padding:14px;display:flex}.placement:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.placement input{min-width:auto}.placement span{gap:3px;display:grid}.placement small{color:var(--muted);font-weight:400}.full{width:100%;margin-top:5px}.form-error{color:#9a302c;background:#fdebea;border-radius:9px;margin:0;padding:11px 13px;font-size:13px}.verification-result{display:grid}.dns-record{border:1px solid var(--line);background:var(--line);border-radius:12px;gap:1px;margin:0 0 20px;display:grid;overflow:hidden}.dns-record div{background:#fff;grid-template-columns:110px minmax(0,1fr);gap:16px;padding:13px 15px;display:grid}.dns-record dt{color:var(--muted);font-size:12px;font-weight:700}.dns-record dd{overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.center-button{text-align:center;display:block}.primary-button:disabled{cursor:wait;opacity:.65}.compose-page h1{letter-spacing:-.045em;margin:0 0 22px;font-size:clamp(27px,3vw,38px)}.compose-page .api-banner{margin:0 0 18px}.compose-form{border:1px solid var(--line);background:#fff;border-radius:15px;gap:0;overflow:hidden}.compose-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:4px 18px;font-weight:400!important;display:flex!important}.compose-row>span{width:58px;color:var(--muted);flex:none;font-size:13px}.compose-row input{flex:1;padding:11px 0;box-shadow:none!important;border:0!important}.compose-row.static{padding:13px 18px;font-size:14px}.compose-row.static strong{overflow-wrap:anywhere;min-width:0;font-weight:600}.compose-body{display:block;font-weight:400!important}.compose-body textarea{width:100%;min-height:320px;font:inherit;resize:vertical;border:0;outline:none;padding:18px;font-weight:400;line-height:1.6;display:block}.compose-attachments{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 18px;display:flex}.attach-button{cursor:pointer;font-size:13px}.attach-button:focus-within{outline:2px solid var(--brand);outline-offset:2px}.attach-summary{color:var(--muted);font-size:13px}.attach-summary.over{color:#9a302c;font-weight:700}.attach-list{color:#51606c;margin:0;padding:0 18px 12px 36px;font-size:13px}.attach-list small{color:var(--muted)}.compose-form .form-error{margin:0 18px 12px}.compose-actions{border-top:1px solid var(--line);background:#fafbfb;align-items:center;gap:16px;padding:14px 18px;display:flex}.compose-hint{color:var(--muted);font-size:12px}.reader-actions{gap:10px;margin-top:20px;display:flex}.reader-actions .secondary-button{padding:8px 14px;font-size:13px}.notice{border-radius:10px;margin:22px 0 0;padding:12px 14px;font-size:14px}.notice.success{color:var(--brand-dark);background:var(--brand-soft)}.submission-list{border-top:1px solid var(--line);margin-top:24px}.submission{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 8px;display:flex}.submission.highlight{background:var(--brand-soft)}.submission-main{gap:4px;min-width:0;display:grid}.submission-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.submission-main span,.submission-main small{color:var(--muted);font-size:12px}.submission-main small.error{color:#9a302c}.submission .status{flex:none}.mobile-mail-nav{display:none}.message-form{margin-top:8px;display:block}.bulk-toolbar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 8px;display:flex}.bulk-hint,.bulk-count{color:var(--muted);font-size:12px}.bulk-count{margin-left:auto}.tool-button{border:1px solid var(--line);color:#3d4a55;background:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.tool-button:hover{border-color:var(--brand);color:var(--brand-dark)}.tool-button.danger{color:#9a302c}.tool-button.danger:hover{border-color:#9a302c}.tool-button:focus-visible,.star:focus-visible,.select-box:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.message.selectable{grid-template-columns:20px 28px 150px minmax(0,1fr) auto}.select-box{width:16px;height:16px;accent-color:var(--brand);margin:0}.message:has(.select-box:checked){background:var(--brand-soft)}.star{cursor:pointer;line-height:1}.star.on{color:#d49b0b}.pager{justify-content:space-between;margin-top:18px;display:flex}.pager .secondary-button{font-size:13px}.search input[type=search]{width:min(36vw,420px);font-weight:400}.search label{font-weight:400}.reader-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.reader-tools{flex-wrap:wrap;gap:6px;display:flex}.reader-toolbar .star{background:0 0;border:0;font-size:22px}.reader-html{background:#fff;border:0;width:100%;min-height:60vh;display:block}.image-banner{border-bottom:1px solid var(--line);color:#6f4b09;background:#fff8e7;margin:0;padding:10px 32px;font-size:13px}.attachment-link{border:1px solid var(--line);background:#fff;border-radius:9px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.attachment-link:hover{border-color:var(--brand)}.attachment-link span{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.attachment-link small{color:var(--brand-dark);flex:none}.reader-page .notice{margin:0 0 16px}.notice.error{color:#9a302c;background:#fdebea}.compose-hint.error{color:#9a302c}.compose-actions .text-button{font-size:13px}.inline-actions.center{justify-content:center;margin-top:12px}.skeleton{background:linear-gradient(90deg,#eef1f3 0%,#f7f9fa 50%,#eef1f3 100%) 0 0/200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite shimmer}.skeleton-button{height:42px;margin-bottom:22px}.skeleton-line{height:30px;margin-bottom:6px}.skeleton-title{width:min(60%,420px);height:40px;margin-bottom:28px}.skeleton-row{height:44px;margin-top:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@media (max-width:820px){.topbar{gap:18px;padding:0 16px}.topbar nav a:nth-child(3){display:none}.mail-shell{grid-template-columns:minmax(0,1fr)}.mail-sidebar{display:none}.mobile-mail-nav{gap:8px;margin:0 -16px 20px;padding:0 16px 4px;display:flex;overflow-x:auto}.mobile-mail-nav a{background:var(--soft);color:#51606c;white-space:nowrap;border-radius:999px;flex:none;padding:8px 12px;font-size:13px}.mobile-mail-nav a.active{color:var(--brand-dark);background:var(--brand-soft);font-weight:700}.mobile-mail-nav a.primary-button{color:#fff;background:var(--brand)}.compose-hint{display:none}.inbox{padding:24px 16px}.inbox-header{flex-direction:column;align-items:start}.search,.search input{width:100%}.message{grid-template-columns:26px 100px minmax(0,1fr)}.message.selectable{grid-template-columns:18px 24px minmax(0,90px) minmax(0,1fr)}.bulk-hint{display:none}.search input[type=search]{width:100%}.reader-html{min-height:70vh}.image-banner{padding:10px 16px}.message time,.message-copy span{display:none}.stats{grid-template-columns:repeat(2,1fr)}.table-wrap{overflow-x:auto}.domain-grid{grid-template-columns:1fr}}@media (max-width:520px){.topbar nav{display:none}.smart-summary{flex-direction:column;align-items:start}.admin-page{padding:28px 16px}.page-heading{flex-direction:column;align-items:start}.stats{grid-template-columns:1fr}.api-banner{flex-direction:column;align-items:flex-start}.onboarding-card{padding:24px 18px}}.admin-section{margin-top:20px}.admin-form{gap:14px;display:grid}.admin-form-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-form-actions .action-message{margin:0}.inline-form{align-items:center;gap:8px;display:inline-flex}.inline-form .admin-form-actions{flex-wrap:nowrap}.secondary-button.danger{color:#9a302c}.secondary-button.danger:hover{border-color:#9a302c}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.card-grid .panel{padding-bottom:20px}.form-note{color:var(--muted);margin:0;font-size:13px}.dns-table td{vertical-align:top}.dns-value{overflow-wrap:anywhere;max-width:420px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:block}.checkbox-list{border:1px solid var(--line);border-radius:10px;gap:6px;max-height:220px;padding:10px;display:grid;overflow-y:auto}.checkbox-row{align-items:center;gap:8px;font-size:13px;font-weight:400!important;display:flex!important}.checkbox-row input{min-width:auto;accent-color:var(--brand)}.detail-list{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 24px 24px;display:grid;overflow:hidden}.drive-facts div{background:#fff;gap:4px;padding:14px 16px;display:grid}.detail-list span{color:var(--muted);font-size:12px}.detail-list strong{overflow-wrap:anywhere;font-size:14px;font-weight:600}.seat-meter{gap:6px;margin:0 24px 16px;display:grid}.seat-meter strong{letter-spacing:-.03em;font-size:28px}.seat-meter span{color:var(--muted);font-size:13px}.meter{background:var(--soft);border-radius:999px;height:8px;overflow:hidden}.meter i{border-radius:inherit;background:var(--brand);height:100%;display:block}.meter i.warn{background:#c9820a}.plain-list{gap:10px;margin:0;padding:0 24px 20px;list-style:none;display:grid}.plain-list li{justify-content:space-between;align-items:center;gap:12px;display:flex}.grant-form{border-top:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;margin-top:16px;padding-top:16px}.grant-form .admin-form-actions{grid-column:1/-1}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media (max-width:820px){.card-grid,.detail-list,.grant-form{grid-template-columns:1fr}.dns-value{max-width:240px}}.settings-page h1{letter-spacing:-.045em;margin:0 0 22px;font-size:clamp(27px,3vw,38px)}.settings-panel{margin-bottom:20px;padding-bottom:8px}.settings-block{gap:12px;margin:0 24px 16px;display:grid}.inline-create{flex-wrap:wrap;gap:10px;display:flex}.inline-create label{flex:260px}.inline-create input{width:100%}.secret-box{background:var(--brand-soft);border:1px solid #c7c9fb;border-radius:12px;gap:6px;padding:16px;display:grid}.secret-box p{margin:0;font-size:13px}.secret-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.secret-row code{letter-spacing:.06em;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;background:#fff;border-radius:8px;padding:10px 12px;font-size:16px}.settings-form{max-width:420px}.settings-panel .form-error{margin:0}.inline-meter{width:120px}.inline-pair{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:8px;display:grid}.sizing{gap:16px;margin:0 24px 24px;display:grid}.sizing-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}.sizing-inputs label{grid-template-columns:1fr 110px auto;align-items:center;gap:8px;font-size:13px;display:grid}.sizing-inputs input{border:1px solid #d7dde1;border-radius:8px;width:100%;padding:8px 10px}.sizing-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.sizing-results article{background:var(--soft);border-radius:12px;gap:4px;padding:14px;display:grid}.sizing-results span,.sizing-results small{color:var(--muted);font-size:12px}.sizing-results strong{letter-spacing:-.03em;font-size:24px}@media (max-width:820px){.sizing-inputs,.sizing-results{grid-template-columns:1fr 1fr}}.mail-settings-form fieldset{border-bottom:1px solid var(--line);gap:8px;padding:0 0 16px;display:grid}.mail-settings-form textarea,.mail-settings-form select,.mail-settings-form input:not([type=checkbox]){font:inherit;border:1px solid #d7dde1;border-radius:8px;padding:9px 10px;font-weight:400}.vacation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.vacation-grid label{gap:6px;font-size:13px;font-weight:600;display:grid}.vacation-grid .wide{grid-column:1/-1}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.filter-row input{flex:160px}@media (max-width:820px){.vacation-grid{grid-template-columns:1fr}}.thread-panel{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:14px;padding:14px 18px}.thread-panel strong{font-size:13px}.thread-panel ol{gap:6px;margin:10px 0 0;padding-left:20px;font-size:13px;display:grid}.thread-panel li{justify-content:space-between;gap:12px;display:flex}.thread-panel li a{color:var(--brand-dark);font-weight:600}.thread-panel li.current span{font-weight:700}.thread-panel small{color:var(--muted)}.mfa-setup{grid-template-columns:180px minmax(0,1fr);align-items:start;gap:20px;display:grid}.mfa-setup .qr svg{border:1px solid var(--line);border-radius:12px;width:180px;height:180px;display:block}.mfa-steps{gap:10px;font-size:13px;display:grid}.mfa-steps p{margin:0}.mfa-steps label{gap:6px;max-width:220px;font-weight:600;display:grid}.mfa-steps input{letter-spacing:.2em;border:1px solid #d7dde1;border-radius:8px;padding:10px;font-size:18px}.secret-key{overflow-wrap:anywhere}.recovery-codes{grid-template-columns:repeat(2,max-content);gap:6px 18px;margin-top:6px;display:grid}.recovery-codes code{letter-spacing:.05em;font-size:15px}@media (max-width:820px){.mfa-setup{grid-template-columns:1fr}}.assistant{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f3f2ff,#fbf1fa);gap:12px;margin:0;padding:16px 32px;display:grid}.assistant-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.assistant-result{gap:8px;font-size:14px;line-height:1.55;display:grid}.assistant-result p,.assistant-result ul{margin:0}.assistant-result ul{padding-left:20px}.ai-actions{gap:4px;display:grid}.ai-warning{color:#9a302c;background:#fdebea;border-radius:8px;padding:8px 12px;font-weight:600}.assistant-reply{flex-wrap:wrap;gap:8px;display:flex}.assistant-reply input{font:inherit;background:#fff;border:1px solid #d7dde1;border-radius:8px;flex:260px;padding:8px 10px;font-weight:400}.assistant-reply select{background:#fff;border:1px solid #d7dde1;border-radius:8px;padding:8px}.brief{justify-items:end;gap:10px;display:grid}.brief-result{background:#fffc;border-radius:10px;justify-self:stretch;max-width:520px;padding:12px 14px;font-size:13px}.brief-result p{margin:0 0 6px}.brief-result ol{gap:4px;margin:0;padding-left:18px;display:grid}@media (max-width:820px){.assistant{padding:14px 16px}}.month-grid{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-top:20px;display:grid;overflow:hidden}.month-head{color:var(--muted);text-align:center;background:#fafbfb;padding:8px;font-size:12px;font-weight:700}.month-cell{background:#fff;align-content:start;gap:3px;min-height:96px;padding:6px;font-size:12px;display:grid;overflow:hidden}.month-cell.other{color:#a3acb3;background:#fafbfb}.month-cell.today .month-date{color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:22px;height:22px;display:inline-grid}.month-date{font-weight:700}.month-event{color:var(--brand-dark);background:var(--brand-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:2px 6px;overflow:hidden}.event-list{background:var(--line);border-top:1px solid var(--line);gap:1px;margin:0;padding:0;list-style:none;display:grid}.event-list li{background:#fff;justify-content:space-between;gap:12px;padding:12px 24px;display:flex}.event-list li>div{gap:3px;min-width:0;display:grid}.event-list small{color:var(--muted)}.event-form textarea,.mailbox-form textarea{font:inherit;border:1px solid #d7dde1;border-radius:10px;padding:10px;font-weight:400}.invite-box{border-bottom:1px solid var(--line);background:#f3f8ff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 32px;display:flex}.invite-box>div{gap:3px;display:grid}.invite-box small{color:var(--muted)}@media (max-width:820px){.month-cell{min-height:64px}.month-event b{display:none}.invite-box{padding:14px 16px}}.event-form .inline-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.event-form .inline-pair label{gap:8px;font-size:13px;font-weight:700;display:grid}.event-form .checkbox-row{align-items:center;gap:8px;font-weight:500;display:flex}.topbar-end{align-items:center;gap:14px;margin-left:auto;display:flex}.topbar-end .avatar,.topbar-end .topbar-login{margin-left:0}.locale-switcher select{border:1px solid var(--line);font:inherit;color:#4c5965;background:#fff;border-radius:8px;padding:6px 8px;font-size:13px}.drive-toolbar{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:20px;display:flex}.drive-toolbar .uploader{gap:8px;display:grid}.new-folder summary{cursor:pointer;list-style:none}.new-folder summary::-webkit-details-marker{display:none}.new-folder[open] summary{margin-bottom:8px}.new-folder .inline-form{gap:8px;display:flex}.drive-table{margin-top:20px}.drive-table td.num,.drive-table th.num{text-align:right;white-space:nowrap}.drive-name{align-items:center;gap:10px;min-width:0;display:flex}.drive-name a,.drive-name span:not(.drive-icon):not(.pill){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drive-name a{color:var(--ink,#17212b);font-weight:600}.drive-name a:hover{color:var(--brand)}.drive-icon{flex:none;width:26px;height:26px}.drive-icon.folder{fill:#f2b84b}.drive-icon.file{place-items:center;display:inline-grid;position:relative}.drive-icon.file svg{fill:#e9eef2;stroke:#9aa7b2;stroke-width:1px;width:26px;height:26px;position:absolute;inset:0}.drive-icon.file b{color:#45525d;letter-spacing:.02em;font-size:7px;position:relative;top:3px}.pill{color:var(--brand-dark);background:var(--brand-soft);border-radius:999px;flex:none;padding:2px 8px;font-size:11px;font-weight:700}.row-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.event-list form button,.event-list .text-button{white-space:nowrap}.storage .storage-label{color:#45525d;font-weight:700;display:block}.row-actions form{display:inline}.text-button.danger,.secondary-button.danger{color:#b42318}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:6px;margin-bottom:4px;font-size:13px;display:flex}.breadcrumbs a{color:var(--muted)}.breadcrumbs a:hover{color:var(--brand)}.breadcrumbs a+a:before{content:"›";color:#b3bcc4;margin-right:6px}.drive-title{align-items:center;gap:12px;display:flex}.drive-title .drive-icon,.drive-title .drive-icon.file svg{width:34px;height:34px}.drive-hint{color:var(--muted);margin:16px 0 0;font-size:13px}.drive-empty{margin-top:20px}.upload-progress{min-width:240px;color:var(--muted);gap:6px;font-size:13px;display:grid}.upload-progress .meter{background:#e8edf0;border-radius:99px;height:6px;overflow:hidden}.upload-progress .meter i{background:var(--brand);height:100%;transition:width .2s;display:block}.drop-overlay{z-index:50;border:3px dashed var(--brand);pointer-events:none;background:#4f46e51a;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay span{color:var(--brand-dark);background:#fff;border-radius:12px;padding:14px 22px;font-weight:700;box-shadow:0 10px 30px #0000001f}.drive-facts{gap:0;margin:0;padding:0 24px 8px;display:grid}.drive-facts div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;font-size:14px;display:flex}.drive-facts dt{color:var(--muted)}.drive-facts dd{text-align:right;overflow-wrap:anywhere;margin:0}.rename-form{padding-top:16px}.panel-note{color:var(--muted);padding:0 24px;font-size:14px}.share-form{padding-top:16px}.share-form .inline-pair{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}.share-form .inline-pair label,.mailbox-form .inline-pair label{gap:8px;font-size:13px;font-weight:700;display:grid}.link-once{background:#f3f8ff;border-radius:10px;gap:8px;padding:12px;font-size:13px;display:grid}.copy-row{gap:8px;display:flex}.copy-row input{flex:1;font-size:13px}.public-share{justify-items:center;min-height:calc(100vh - 68px);padding:48px 16px;display:grid}.public-card{width:min(860px,100%);padding:28px}.public-card h1{letter-spacing:-.03em;margin:6px 0 18px;font-size:clamp(24px,3vw,32px)}.public-file{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.public-footer{color:var(--muted);text-align:center;margin:24px 0 0;font-size:12px}@media (max-width:820px){.hide-mobile{display:none}.row-actions{gap:8px}.new-folder .inline-form{flex-direction:column}}.drive-preview{background:#f4f6f7;place-items:center;margin-top:20px;padding:16px;display:grid;overflow:hidden}.drive-preview img{object-fit:contain;border-radius:8px;max-width:100%;max-height:70vh}.drive-preview.pdf iframe{background:#fff;border:0;border-radius:8px;width:100%;height:75vh}.drive-preview video{background:#000;border-radius:8px;width:100%;max-height:70vh}.drive-preview audio{width:100%}.pill.scan-infected{color:#b42318;background:#fde8e7}.pill.scan-pending,.pill.scan-error,.pill.scan-skipped{color:#7a5b00;background:#fff4d6}.new-office{position:relative}.menu-list{z-index:5;border:1px solid var(--line);background:#fff;border-radius:12px;min-width:220px;margin-top:6px;padding:6px;display:grid;position:absolute;box-shadow:0 12px 30px #0000001a}.menu-list .text-button{text-align:left;border-radius:8px;width:100%;padding:9px 10px}.menu-list .text-button:hover{background:var(--soft)}.office-page{grid-template-rows:auto 1fr;height:calc(100vh - 68px);display:grid}.office-bar{border-bottom:1px solid var(--line);background:#fff;align-items:center;padding:6px 16px;display:flex}.office-frame{border:0;width:100%;height:100%}.attachment-row{align-items:center;gap:8px;display:flex}.attachment-row .attachment-link{flex:1;min-width:0}.attachment-row form button{white-space:nowrap}.meet-page{background:#111;height:calc(100vh - 68px)}.meet-room{height:100%}.meet-left{color:#fff;align-content:center;place-items:center;gap:16px;height:100%;display:grid}.meet-join h1{margin-bottom:8px}.new-office summary{cursor:pointer;list-style:none}.new-office summary::-webkit-details-marker{display:none}.office-page form[hidden]{display:none}.office-page{grid-template-rows:auto minmax(0,1fr)}.account-menu{position:relative}.account-menu summary{cursor:pointer;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-panel{z-index:30;border:1px solid var(--line);background:#fff;border-radius:16px;gap:12px;width:320px;padding:18px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 40px #00000024}.account-current{text-align:center;justify-items:center;gap:4px;display:grid}.account-current small,.account-switch small{color:var(--muted)}.avatar.large{width:56px;height:56px;font-size:18px}.account-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:4px;margin:0;padding:8px 0;list-style:none;display:grid}.account-switch{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.account-switch:hover{background:var(--soft)}.account-switch>span:last-child{min-width:0;display:grid}.account-switch strong,.account-switch small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-switch .avatar{flex:none;margin:0}.account-panel>.secondary-button{text-align:center;justify-content:center}.account-actions{justify-content:space-between;gap:8px;display:flex}@media (max-width:820px){.account-panel{width:min(320px,100vw - 32px)}}code.command{color:#e6edf3;overflow-wrap:anywhere;background:#0f1720;border-radius:8px;padding:10px 12px;font-size:12px;display:block}.ops-link{margin:0 0 12px}.ops-tiles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px;display:grid}.ops-tile{border:1px solid var(--line);background:#fff;border-radius:14px;gap:4px;padding:16px 18px;display:grid}.ops-tile span{color:var(--muted);font-size:13px}.ops-tile strong{letter-spacing:-.02em;font-size:24px}.ops-tile small{color:var(--muted)}.ops-tile.warn{background:#fffaf0;border-color:#f0c36d}.ops-tile.critical{background:#fff5f4;border-color:#f1a7a1}.ops-tile.ok{border-color:#c7e9d8}.alert-list{background:var(--line);border-top:1px solid var(--line);gap:1px;margin:0;padding:0;list-style:none;display:grid}.alert-item{background:#fff;border-left:4px solid #0000;justify-content:space-between;gap:12px;padding:12px 24px;display:flex}.alert-item.critical{border-left-color:#d92d20}.alert-item.warning{border-left-color:#dc8a00}.alert-item.info{border-left-color:#7a8a99}.alert-item>div:first-child{flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;display:flex}.alert-item strong{flex-basis:100%;font-weight:600}.alert-item small{color:var(--muted)}.sev{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.sev.critical{color:#fff;background:#d92d20}.sev.warning{color:#7a4d00;background:#ffe9b8}.sev.info{color:#3b4a57;background:#e8edf1}.pill.muted{color:var(--muted);background:#f1f4f6}.dns-marks{white-space:nowrap;gap:8px;font-size:12px;display:inline-flex}.dns-mark.ok{color:#0e7a55;font-weight:700}.dns-mark.bad{color:#d92d20;font-weight:700}.bad-text{color:#b42318;font-weight:600}.warn-text{color:#8a5a00;font-weight:600}.ops-security,.ops-capacity{gap:10px;padding:0 24px 20px;display:grid}.ops-security h3,.ops-capacity h3{margin:10px 0 4px;font-size:14px}.ops-capacity{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.capacity-row{border-bottom:1px solid var(--line);gap:4px;padding:8px 0;display:grid}.capacity-row small{color:var(--muted)}.capacity-row .meter{background:#e8edf0;border-radius:99px;height:6px;overflow:hidden}.capacity-row .meter i{background:var(--brand);height:100%;display:block}.capacity-row .meter i.warn{background:#dc8a00}.channel-form small{color:var(--muted);font-weight:400}.page-heading .primary-button{align-self:center}.panel-body{padding:0 24px 24px}.wizard-panel{padding:8px 0}.wizard-form{gap:18px;padding:16px 24px 24px;display:grid}.wizard-form fieldset{border:1px solid #e3e8ec;border-radius:12px;gap:12px;margin:0;padding:16px 18px;display:grid}.wizard-form legend{padding:0 6px;font-weight:700}.wizard-form label{gap:6px;font-size:13px;font-weight:600;display:grid}.wizard-form label small{color:var(--muted);font-weight:400}.wizard-form input:not([type=radio]):not([type=checkbox]),.wizard-form select{font:inherit;background:#fff;border:1px solid #d7dde1;border-radius:10px;padding:10px 12px;font-weight:400}.wizard-form label.radio,.wizard-form label.checkbox{align-items:flex-start;gap:8px;font-weight:400;display:flex}.wizard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.wizard-advanced summary{cursor:pointer;color:var(--muted);font-size:13px}.wizard-advanced .wizard-grid{margin-top:12px}.wizard-done{gap:16px;padding:16px 24px 24px;display:grid}.install-command{gap:10px}.install-command-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.install-command-row small{color:var(--muted)}.install-progress{gap:12px;display:grid}.install-state{align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.install-state.failed{color:#b42318}.install-state.done{color:#067647}.spinner{border:2px solid #c9d3da;border-top-color:var(--brand);border-radius:50%;width:14px;height:14px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.install-steps{gap:0;margin:0;padding:0;list-style:none;display:grid}.install-step{border-left:2px solid #e3e8ec;align-items:flex-start;gap:12px;margin-left:6px;padding:8px 0 8px 14px;display:flex;position:relative}.install-step>div{gap:2px;min-width:0;display:grid}.install-step small{color:var(--muted);overflow-wrap:anywhere}.install-dot{background:#d0d7de;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:12px;left:-7px}.install-step.pending strong{color:var(--muted);font-weight:500}.install-step.running .install-dot{background:var(--brand);animation:1.2s ease-in-out infinite pulse}.install-step.ok .install-dot{background:#12b76a}.install-step.warning .install-dot{background:#f79009}.install-step.failed .install-dot{background:#d92d20}.install-step.failed strong{color:#b42318}@keyframes pulse{50%{opacity:.4}}.install-failed{background:#fef3f2;border-radius:10px;gap:8px;padding:12px;font-size:13px;display:grid}.install-failed pre{color:#e6edf3;white-space:pre-wrap;background:#0f1720;border-radius:8px;max-height:260px;margin:8px 0 0;padding:10px;font-size:11px;overflow:auto}.new-command{margin-top:16px}.panel-note-inline{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:13px;display:flex}.check-list{gap:0;margin:0;padding:0 24px 12px;list-style:none;display:grid}.check-item{border-bottom:1px solid #eef1f4;align-items:baseline;gap:10px;padding:7px 0;font-size:14px;display:flex}.check-mark{text-align:center;flex:none;width:18px;font-weight:800}.check-item.ok .check-mark{color:#12b76a}.check-item.critical .check-mark{color:#d92d20}.check-item.warning .check-mark{color:#dc8a00}.dns-table code{overflow-wrap:anywhere;font-size:12px}.update-state{margin:6px 0 0;font-size:13px}.update-state.rolled_back,.update-state.failed{color:#b42318}.update-state.done{color:#067647}.release-form{border-top:1px solid #eef1f4}@media (max-width:640px){.wizard-form,.wizard-done,.panel-body{padding-left:16px;padding-right:16px}.check-list{padding:0 16px 12px}}.app-dialog{border:1px solid var(--line);width:calc(100% - 32px);max-width:440px;color:var(--ink);background:#fff;border-radius:14px;padding:22px 24px;box-shadow:0 18px 50px #17212b2e}.app-dialog::backdrop{background:#17212b59}.app-dialog h2{margin:0 0 8px;font-size:17px}.app-dialog p{color:#3d4852;overflow-wrap:anywhere;white-space:pre-line;margin:0;font-size:14px;line-height:1.5}.app-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.primary-button.danger{background:#b42318}.primary-button.danger:hover{background:#8f1c13}.account-apps{display:none}@media (max-width:820px){.account-apps{border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;padding-bottom:12px;display:grid}.account-apps a{background:var(--soft);color:#2f3b46;text-align:center;border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600}.account-apps a:hover,.account-apps a:focus-visible{background:var(--brand-soft);color:var(--brand-dark)}}.bulk-idle{color:#56616c;font-size:12px;display:none}@supports selector(:has(*)){:is(.message-form:not(:has(.select-box:checked)) .bulk-actions,.message-form:not(:has(.select-box:checked)) .org-toolbar,.message-form:not(:has(.select-box:checked)) .bulk-hint){display:none}.message-form:not(:has(.select-box:checked)) .bulk-idle{display:inline}.message-form:has(.select-box:checked) .bulk-toolbar{z-index:5;background:var(--bg);position:sticky;top:68px}}.bulk-actions{display:contents}.bulk-hint,.bulk-count{color:#56616c}@media (max-width:820px){.smart-summary-off{margin:14px 0;padding:10px 14px;flex-direction:row!important;align-items:center!important}.smart-summary-off p,.smart-summary-off button{display:none}.smart-summary-off strong{margin:2px 0 0;font-size:14px}.bulk-idle{font-size:12px}}.compose-hint,.storage{color:#56616c}.inbox-header h1{overflow-wrap:anywhere}@media (min-width:821px){.inbox-header{flex-wrap:wrap;row-gap:14px}.inbox-header>div:first-child{flex:300px;min-width:0}.inbox-header .org-search-row{flex:0 460px;min-width:0}.inbox-header .org-search-row .search{flex:1;min-width:0}.inbox-header .search input,.inbox-header .search input[type=search]{width:100%}}.reader-more{display:inline-block;position:relative}.reader-more>summary{list-style:none}.reader-more>summary::-webkit-details-marker{display:none}.reader-more-panel{z-index:25;border:1px solid var(--line);background:#fff;border-radius:12px;gap:8px;width:min(280px,100vw - 48px);padding:12px;font-size:13px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 30px #17212b24}.reader-more-panel label{color:#56616c;gap:4px;display:grid}.reader-more-panel select,.reader-more-panel input{border:1px solid var(--line);font:inherit;border-radius:8px;padding:6px 8px}@media (max-width:820px){.inbox-header .org-search-row{width:100%}.inbox-header .org-search-row .search{flex:1}}.detail-list span{color:#56616c}
body{background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:#e0e0ff}:focus-visible{outline-color:var(--brand)}.topbar{-webkit-backdrop-filter:saturate(180%)blur(14px);background:#ffffffd1;border-bottom-color:#0f172a0f;gap:28px;height:64px;padding:0 24px}.brand{font-size:19px}.brand-mark{background:var(--brand-gradient);border-radius:11px;width:34px;height:34px;font-weight:800;box-shadow:0 6px 16px #6366f159,inset 0 1px #ffffff40}.topbar nav{color:#475569;gap:4px}.topbar nav a{border-radius:999px;padding:8px 14px;font-weight:500;transition:background .15s,color .15s}.topbar nav a:hover{color:var(--ink);background:var(--soft)}.topbar nav a.active{color:var(--brand-dark);background:var(--brand-soft);font-weight:650}.avatar{background:var(--brand-gradient);color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #e0e0ff}.locale-switcher select{border-color:var(--line);background:#fff;border-radius:999px;padding:6px 10px}.primary-button,.secondary-button{font-size:14px;line-height:1.3}.secondary-button{padding:9px 15px}.primary-button{background:var(--brand);border-radius:11px;transition:background .15s,transform 50ms,box-shadow .15s;box-shadow:0 1px 2px #0f172a14,inset 0 1px #ffffff1f}.primary-button:hover{background:var(--brand-dark);box-shadow:0 6px 18px #4f46e547}.primary-button:active{transform:translateY(1px)}.secondary-button{border-color:var(--line);color:#1e293b;box-shadow:var(--shadow-sm);border-radius:10px;transition:border-color .15s,background .15s}.secondary-button:hover{color:var(--brand-dark);background:#fafaff;border-color:#c7c9fb}.tool-button{color:#334155;border-radius:9px;transition:border-color .15s,color .15s,background .15s}.tool-button:hover{background:#fafaff}.text-button{color:var(--brand)}form input:focus,.search input:focus,.mail-settings-form input:focus,.mail-settings-form textarea:focus,.mail-settings-form select:focus,.wizard-form input:focus,.wizard-form select:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring);outline:none}form input,.mailbox-form select,.wizard-form input:not([type=radio]):not([type=checkbox]),.wizard-form select{border-color:#dde1ea}.mail-shell{min-height:calc(100vh - 64px)}.mail-sidebar{background:#fbfbfe;border-right-color:#0f172a0f;padding:20px 14px}.mail-sidebar .compose{background:var(--brand-gradient);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;padding:13px 18px;font-size:15px;display:flex;box-shadow:0 10px 24px #6366f14d}.mail-sidebar .compose:before{content:"✎";font-size:16px}.mail-sidebar .compose:hover{filter:brightness(1.06);box-shadow:0 12px 28px #8b5cf65c}.folder-list{gap:2px}.folder-list a{color:#475569;border-radius:10px;align-items:center;padding:8px 12px;font-weight:500;transition:background .12s,color .12s}.folder-list a:hover{color:var(--ink);background:#f1f2fb}.folder-list a.active{color:var(--brand-dark);background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand);font-weight:650}.folder-list a strong{color:#334155;text-align:center;background:#e9eaf5;border-radius:999px;min-width:22px;padding:1px 8px;font-size:11.5px;font-weight:700}.folder-list a.active strong{background:var(--brand);color:#fff}.storage div{background:#e9eaf5}.storage i{background:var(--brand-gradient)}.inbox{padding:26px clamp(20px,3.4vw,48px)}.inbox h1,.admin-page h1,.onboarding-card h1,.compose-page h1,.settings-page h1{letter-spacing:-.03em;font-size:clamp(24px,2.2vw,30px);font-weight:750}.eyebrow{color:var(--brand);letter-spacing:.14em}.search input,.search input[type=search]{box-shadow:var(--shadow-sm);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 3.5 3.5'/%3E%3C/svg%3E") 14px no-repeat;border-color:#dde1ea;border-radius:12px;padding:11px 16px 11px 40px}.smart-summary{background:linear-gradient(120deg,#eef0ff 0%,#f5edff 55%,#fdeef6 100%);border:1px solid #e4e2fb;border-radius:16px;margin:20px 0 16px}.ai-label{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.message-form{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;overflow:clip}.bulk-toolbar{border-top:0;border-bottom:1px solid var(--line);background:#fcfcff;padding:10px 14px}.message-list{border-top:0}.message{border-bottom-color:#eef0f5;padding:11px 14px;transition:background .1s}.message:last-child{border-bottom:0}.message:hover{background:#f8f8ff;box-shadow:inset 3px 0 #c7c9fb}.message.unread{box-shadow:inset 3px 0 0 var(--brand);background:#fff}.message.unread:hover{background:#f8f8ff}.message:not(.unread) .sender-name,.message:not(.unread) .message-copy strong{color:#334155;font-weight:500}.message.selectable{grid-template-columns:20px 26px 200px minmax(0,1fr) auto}.message:has(.select-box:checked){background:var(--brand-soft)}.sender{align-items:center;gap:10px;min-width:0;display:flex}.sender-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:12.5px;font-weight:700;display:grid;box-shadow:inset 0 -1px #00000014}.sender-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.message-copy span{color:#7b8699}.message time{color:#7b8699;font-variant-numeric:tabular-nums}.message.unread time{color:var(--brand-dark);font-weight:650}.star{color:#cbd2dc;transition:color .12s,transform .12s}.star:hover{color:#f59e0b;transform:scale(1.12)}.star.on{color:#f59e0b}.select-box{accent-color:var(--brand)}.org-section-title{padding:12px 14px 4px}.mail-empty{background:#fff}.reader-card{border-color:var(--line);box-shadow:var(--shadow-md);border-radius:18px}.reader-card h1{letter-spacing:-.025em;font-size:clamp(22px,2.4vw,30px)}.reader-tools .tool-button,.reader-actions .secondary-button{border-radius:999px}.attachment-link{border-radius:12px}.panel,.stats article,.onboarding-card,.ops-tile,.thread-panel,.compose-form{border-color:var(--line);box-shadow:var(--shadow-sm);border-radius:16px}.stats article{position:relative;overflow:hidden}.stats article:before{content:"";background:var(--brand-gradient);opacity:.85;height:3px;position:absolute;inset:0 0 auto}.stats strong{letter-spacing:-.035em}th{color:#475569;letter-spacing:.02em;background:#fafbfe}tbody tr:hover td{background:#fbfbff}.status,.pill{color:var(--brand-dark);background:var(--brand-soft)}.meter i,.capacity-row .meter i{background:var(--brand-gradient)}.compose-actions{background:#fcfcff}.app-dialog{border-radius:18px}.app-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66}.account-panel,.menu-list,.reader-more-panel{border-radius:16px;box-shadow:0 20px 50px #0f172a29}.login-page{background:radial-gradient(700px 380px at 15% 0%, #6366f133, transparent 70%), radial-gradient(640px 360px at 90% 10%, #ec489924, transparent 70%), var(--bg)}.login-card{border-radius:22px;box-shadow:0 30px 80px #312e8124}.login-card .primary-button{background:var(--brand-gradient);padding:13px 18px}.login-card .primary-button:hover{filter:brightness(1.06)}@media (max-width:820px){.topbar{gap:14px;padding:0 14px}.message.selectable{grid-template-columns:18px 22px minmax(0,120px) minmax(0,1fr)}.sender-avatar{width:26px;height:26px;font-size:11px}.mobile-mail-nav a.primary-button{background:var(--brand-gradient)}.message-form{border-radius:14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.alert-item>div:first-child{flex-wrap:wrap}.playbook{background:#fbfbff;border:1px solid #e4e7f2;border-radius:12px;flex-basis:100%;margin-top:8px}.playbook>summary{cursor:pointer;color:var(--brand-dark);padding:8px 12px;font-size:13px;font-weight:700;list-style:none}.playbook>summary::-webkit-details-marker{display:none}.playbook>summary:before{content:"▸ "}.playbook[open]>summary:before{content:"▾ "}.playbook-body{color:#334155;padding:0 14px 4px;font-size:13px;line-height:1.55}.playbook-body p{margin:0 0 6px}.playbook-body ol{gap:4px;margin:0 0 8px;padding-left:20px;display:grid}.playbook-actions{flex-wrap:wrap;gap:6px;padding:4px 14px 12px;display:flex}.playbook-actions form{display:inline}.alert-item:target{box-shadow:inset 0 0 0 2px var(--brand-ring)}.alert-item>.inline-actions{flex-flow:row;align-self:flex-start;align-items:center;gap:14px}.alert-item>.inline-actions form{display:inline}
.with-icon{align-items:center;gap:8px;display:inline-flex}.console-quick{flex-wrap:wrap;justify-content:flex-end}.console-section{margin:30px 0 8px}.console-section h2{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 14px;font-size:15px;font-weight:700}.console-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.console-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;align-items:flex-start;gap:14px;padding:18px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.console-card:hover{box-shadow:var(--shadow-md);border-color:#c7c9fb;transform:translateY(-1px)}.console-card:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring)}.console-card-icon{background:var(--brand-soft);width:44px;height:44px;color:var(--brand);border-radius:12px;flex:none;place-items:center;display:grid}.console-card-body{flex-direction:column;flex:1;align-self:stretch;gap:4px;min-width:0;display:flex}.console-card-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.console-card-body h3{margin:2px 0 0;font-size:16px;font-weight:700}.console-card-body h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.console-card-body h3 a:focus-visible{outline:none}.console-card-body p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.console-card-metric{letter-spacing:-.03em;color:var(--ink);white-space:nowrap;font-size:20px;font-weight:750}.console-card-action{z-index:1;background:var(--brand-soft);color:var(--brand-dark);white-space:nowrap;border-radius:999px;align-self:flex-end;align-items:center;gap:4px;margin-top:auto;padding:5px 10px;font-size:12.5px;font-weight:700;display:inline-flex;position:relative}.console-card-action:hover{background:var(--brand);color:#fff}.console-search{border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--muted);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 14px;padding:8px 8px 8px 14px;display:flex}.console-search input{background:0 0;border:0;flex:220px;min-width:0;padding:8px 4px}.console-search input:focus{box-shadow:none;outline:none}.console-search select{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px}.console-split{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:18px;display:grid}.console-split .panel-header h2{align-items:center;gap:8px;display:flex}.user-cell{color:var(--ink);align-items:center;gap:10px;font-weight:600;display:inline-flex}.user-cell:hover{color:var(--brand-dark)}.user-avatar{background:var(--brand-gradient);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.address-input select{border:0;border-left:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:0;align-self:stretch;padding:0 10px}.password-field{gap:6px;display:grid}.password-input{background:#fff;border:1px solid #dde1ea;border-radius:10px;align-items:center;gap:4px;padding-right:4px;display:flex}.password-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-ring)}.password-input input{letter-spacing:.02em;flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:none!important;border:0!important}.icon-action{color:#475569;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.icon-action:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-dark)}.icon-action:disabled{opacity:.4;cursor:default}.password-input .icon-action .icon-action-label{display:none}.field-hint{color:var(--muted);font-size:12px;font-weight:400}.credentials-card{background:#f0fbf4;border:1px solid #b7e4c7;border-radius:14px;margin:0 0 14px;padding:16px}.panel>.credentials-card,.create-admin>.credentials-card{margin:0 20px 16px}.credentials-head{color:#166534;align-items:flex-start;gap:8px;line-height:1.35;display:flex}.credentials-head .icon{flex:none;margin-top:2px}.credentials-card dl{gap:8px;margin:12px 0;display:grid}.credentials-card dl div{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:8px;display:grid}.credentials-card dt{color:var(--muted);font-size:13px}.credentials-card dd{align-items:center;gap:4px;min-width:0;margin:0;display:flex}.credentials-card code{overflow-wrap:anywhere;background:#fff;border:1px solid #d1f0dc;border-radius:8px;flex:1;min-width:0;padding:6px 10px;font-size:14px}.credentials-card dd .icon-action-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.credentials-foot{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.copy-both .icon-action{color:#166534;background:#fff;border:1px solid #b7e4c7}.credentials-foot small{color:var(--muted);flex:200px}.create-admin{border-top:1px solid var(--line);margin-top:16px;padding:14px 18px}.create-admin summary{cursor:pointer;color:var(--brand-dark);align-items:center;gap:8px;font-weight:700;display:inline-flex}.create-admin[open] summary{margin-bottom:6px}.onboarding-admin{border:1px solid var(--line);border-radius:14px;gap:12px;margin:6px 0 16px;padding:16px;display:grid}.onboarding-admin legend{padding:0 6px;font-weight:700}.onboarding-admin>label{gap:6px;display:grid}.onboarding-admin>label>input{width:100%}.verification-result .credentials-card{text-align:left;margin-top:18px}@media (max-width:900px){.console-split{grid-template-columns:1fr}}@media (max-width:560px){.credentials-card dl div{grid-template-columns:1fr}}