:root{font-family:Arial,Helvetica,sans-serif;color:#1f1f1f;background:#f6f8fc;font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #0b57d0;outline-offset:2px}[hidden]{display:none!important}.icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;padding:10px;flex-shrink:0}.icon:hover{background:#e8eaed}.icon svg,[data-icon] svg{width:20px;height:20px;display:block;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.brand{display:flex;align-items:center;gap:12px;font-size:23px;white-space:nowrap;color:#444746;min-width:240px}.brand-icon{font-weight:800;font-size:32px;line-height:1;color:#4285f4;letter-spacing:-5px;padding-right:5px;font-family:Arial;transform:scaleX(1.15)}header{height:64px;display:flex;align-items:center;padding:8px 16px 8px 12px;gap:4px}.search{display:flex;align-items:center;max-width:720px;flex:1;min-width:180px;border-radius:24px;background:#eaf1fb;height:48px;padding:0 6px}.search:focus-within{background:white;box-shadow:0 1px 3px #0003}.search input{width:100%;border:0;background:transparent;outline:none;font-size:16px;padding:0 6px}.header-right{margin-left:auto;display:flex;align-items:center;gap:2px;padding-left:12px}.account-select{display:flex;flex-direction:column;max-width:210px;margin:0 10px}.account-select select{border:0;background:none;font-size:12px;padding:3px;color:#444746;max-width:100%}.avatar{background:#7e57c2;color:white;border-radius:50%;width:34px;height:34px;font-size:18px;overflow:hidden;padding:0}.avatar img{width:100%;height:100%;object-fit:cover}.layout{display:grid;grid-template-columns:256px minmax(0,1fr) 56px;height:calc(100dvh - 64px)}aside#sidebar{padding-right:16px;position:relative;overflow:auto}.compose{margin:8px 0 16px 8px;display:flex;align-items:center;gap:16px;border-radius:16px;padding:20px 24px 20px 16px;background:#c2e7ff;height:56px;font-weight:500;box-shadow:0 1px 2px #0001}.compose:hover{box-shadow:0 2px 5px #0003}nav button{display:flex;width:100%;align-items:center;gap:18px;height:32px;padding:0 12px 0 26px;text-align:left;border-radius:0 18px 18px 0;font-size:14px}nav button:hover{background:#e9ebef}nav button.active{background:#d3e3fd;font-weight:700}nav button span:last-child.count{margin-left:auto;font-size:12px}nav button svg{width:18px;height:18px}nav button .folder-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.labels-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 8px;padding-left:26px;font-size:16px}.sidebar-footer{padding:32px 26px;font-size:9px;letter-spacing:1.6px;color:#92969d}main{background:#fff;border-radius:16px;overflow:auto;position:relative;margin-bottom:16px;min-height:0}.toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:sticky;top:0;background:white;z-index:3;border-radius:16px 16px 0 0}.toolbar-left,.pagination,#selection-actions{display:flex;align-items:center;gap:4px}.toolbar input,.mail-row input{accent-color:#0b57d0;width:15px;height:15px;cursor:pointer;margin:0 10px 0 4px}.toolbar .icon{width:34px;height:34px;padding:8px}.pagination{color:#5f6368;font-size:12px}.pagination>span{margin-right:10px}.tabs{display:flex;height:56px;border-bottom:1px solid #e5e8ec}.tabs button{display:flex;align-items:center;position:relative;gap:16px;padding:0 18px;max-width:250px;flex:1;text-align:left;font-weight:500;color:#444746}.tabs button:hover{background:#f6f8fc}.tabs button.active{color:#0b57d0}.tabs button.active:after{content:'';position:absolute;bottom:0;left:8px;right:8px;background:#0b57d0;height:3px;border-radius:3px 3px 0 0}.mail-row{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;background:#f2f6fc;box-shadow:inset 0 -1px 0 #e4e8ee;cursor:pointer;font-size:14px}.mail-row.unread{background:#fff;font-weight:700}.mail-row:hover{position:relative;box-shadow:inset 1px 0 #dadce0,inset -1px 0 #dadce0,0 1px 2px #3c40434d;z-index:1}.mail-row.selected{background:#c2dbff}.mail-row .icon{width:24px;height:30px;padding:4px;color:#81858a}.mail-row .icon.starred{color:#f4b400}.mail-row .icon.starred svg{fill:#f4b400}.sender{width:180px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-subject{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-date{font-size:12px;white-space:nowrap;margin-left:12px}.empty{padding:72px 24px;text-align:center;color:#5f6368}.empty svg{margin:0 auto 20px;width:48px;height:48px;stroke-width:1;color:#a0abc0}.empty h2{font-size:20px;font-weight:400;color:#444746}.empty p{line-height:1.6}.list-footer{display:flex;justify-content:space-between;color:#777;font-size:11px;padding:24px 18px;gap:16px}.right-rail{display:flex;align-items:center;flex-direction:column;gap:16px;padding-top:8px}.right-rail>div{height:1px;background:#dadce0;width:20px;margin:6px}.right-rail .icon{width:36px;height:36px;color:#5f6368}.composer{position:fixed;bottom:0;right:76px;width:560px;height:580px;max-height:90dvh;background:white;border-radius:8px 8px 0 0;box-shadow:0 8px 30px #0005;z-index:8;display:flex;flex-direction:column}.composer-title{background:#f2f6fc;padding:4px 8px 4px 16px;display:flex;align-items:center;justify-content:space-between;border-radius:8px 8px 0 0;height:40px;font-size:13px}.composer-title>div{display:flex}.composer-title .icon{width:26px;height:28px;padding:4px;font-size:20px}.composer form{padding:0 16px;display:flex;flex-direction:column;flex:1;min-height:0}.compose-from{font-size:12px;color:#6b7075;padding:12px 0;border-bottom:1px solid #eee}.recipient{display:flex;align-items:center;gap:10px;min-height:38px;border-bottom:1px solid #eee;color:#606469}.recipient input{width:100%;border:0;outline:none;min-width:0}.recipient button{white-space:nowrap;font-size:12px}.subject{border:0;border-bottom:1px solid #eee;padding:12px 0;outline:0}.composer textarea{border:0;outline:0;resize:none;flex:1;min-height:100px;padding:14px 0;line-height:1.5}.compose-bottom{display:flex;align-items:center;gap:8px;padding:12px 0}.primary{border-radius:24px;background:#0b57d0;color:white;padding:12px 24px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:16px}.primary:hover{background:#1b66dc;box-shadow:0 1px 3px #0003}.text-button{padding:10px 14px;border-radius:20px;color:#0b57d0}.text-button:hover{background:#eaf1fb}#discard{margin-left:auto}.attach{cursor:pointer}.attachments{display:flex;gap:6px;flex-wrap:wrap;max-height:90px;overflow:auto}.attachment-chip{background:#f1f3f4;border:1px solid #dadce0;border-radius:4px;padding:8px;font-size:12px;max-width:100%;overflow-wrap:anywhere}.composer.expanded{left:10%;right:10%;width:80%;top:8%;height:auto;bottom:5%;border-radius:8px}.composer.minimized{height:40px}.composer.minimized form{display:none}.login{height:100dvh;display:grid;place-items:center}.login-card{background:white;padding:48px;border-radius:28px;width:440px;max-width:95vw}.login-card .brand{font-size:19px}.login-card h1{font-size:32px;font-weight:400;margin-bottom:8px}.login-card p{color:#5f6368}.login-card label{display:block;margin:24px 0 8px;color:#444746;font-size:13px}.login-card input{display:block;border:1px solid #747775;border-radius:4px;width:100%;padding:14px;margin-top:8px}.login-card .primary{margin:16px 0 0 auto;display:flex}#login-error{color:#b3261e;font-size:13px}dialog{border:0;border-radius:20px;width:680px;max-width:95vw;max-height:88dvh;padding:0;box-shadow:0 16px 60px #0004}dialog::backdrop{background:#20212466}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #eee;position:sticky;top:0;background:white;z-index:1}.dialog-header h2{font-size:21px;font-weight:400;margin:0}#dialog-body{padding:20px 24px;line-height:1.5}#dialog-body label{display:block;margin:12px 0;font-size:13px}#dialog-body input:not([type=checkbox]),#dialog-body select,#dialog-body textarea{display:block;width:100%;padding:10px;border:1px solid #c4c7c5;border-radius:6px;margin-top:5px}#dialog-body textarea{height:100px;resize:vertical}#dialog-body .primary{margin-top:12px}#dialog-body hr{border:0;border-top:1px solid #e1e3e1;margin:24px 0}.admin-tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.admin-tabs button{border-radius:16px;background:#eaf1fb;padding:8px 14px}.admin-entry{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding:12px 0;gap:12px}.admin-entry small{color:#777;display:block}.admin-entry button{color:#0b57d0;padding:8px}.audit-row{font-size:12px;border-bottom:1px solid #eee;padding:8px 0;overflow-wrap:anywhere}#toast{position:fixed;bottom:24px;left:28px;max-width:500px;padding:16px 24px;border-radius:5px;background:#323232;color:white;box-shadow:0 3px 8px #0003;z-index:30;line-height:1.4}.reading-toolbar{display:flex;gap:8px;padding:8px 20px;border-bottom:1px solid #eee}.message-heading{padding:24px 60px 8px;font-size:23px;font-weight:400;overflow-wrap:anywhere}.message-meta{display:flex;justify-content:space-between;gap:20px;margin:18px 32px 24px;font-size:13px;line-height:1.6}.message-meta small{color:#777}.message-body{padding:0 60px 32px;line-height:1.65;overflow-wrap:anywhere}.message-body pre{white-space:pre-wrap;font:inherit;margin:0}.message-body iframe{width:100%;min-height:360px;border:0}.message-attachments{padding:12px 60px;display:flex;gap:12px;flex-wrap:wrap}.message-attachments a{color:#0b57d0;text-decoration:none;padding:14px;border:1px solid #dadce0;border-radius:6px}.reply-buttons{padding:16px 60px;display:flex;gap:12px}.reply-buttons button{border:1px solid #747775;border-radius:20px;padding:10px 20px}.compact .mail-row{min-height:32px}.sidebar-collapsed .layout{grid-template-columns:72px minmax(0,1fr) 56px}.sidebar-collapsed #sidebar{padding-right:8px}.sidebar-collapsed nav button{padding-left:24px}.sidebar-collapsed nav .folder-label,.sidebar-collapsed nav .count,.sidebar-collapsed .labels-title,.sidebar-collapsed .sidebar-footer{display:none}.sidebar-collapsed .compose{width:56px;padding:16px;font-size:0;gap:0}.sidebar-collapsed .compose span{font-size:14px}.muted{color:#777;font-size:12px}.error-text{color:#b3261e}a{color:#0b57d0}fieldset{border:1px solid #ddd;border-radius:8px;padding:12px}
@media(max-width:1100px){.account-select{max-width:160px}.header-right{padding-left:4px}#help{display:none}.brand{min-width:240px}.sender{width:140px}.tabs button{font-size:13px;gap:8px;padding:0 12px}}@media(max-width:800px){header{gap:8px}.brand{min-width:auto}.brand>span:last-child{display:none}.brand-icon{font-size:28px}.search{min-width:80px}.search input{font-size:14px}.header-right>.icon{display:none}.account-select{max-width:135px}.account-select select{font-size:10px}.layout{grid-template-columns:200px minmax(0,1fr)}.right-rail{display:none}.sender{width:110px}.composer{right:12px;width:calc(100% - 24px)}.tabs button{font-size:12px;padding:0 8px}.tabs button svg{display:none}.message-heading{padding-left:24px}.message-body,.message-attachments,.reply-buttons{padding-left:24px;padding-right:24px}}@media(max-width:600px){header{height:60px;padding:8px}.brand{gap:4px}.brand .icon{width:32px}.brand-icon{display:none}.account-select{max-width:110px;margin:0 4px}.avatar{width:30px;height:30px;font-size:16px}.search .icon:last-child{display:none}.layout{height:calc(100dvh - 60px);display:block}.layout>#sidebar{display:none}.sidebar-open #sidebar{display:block;position:fixed;top:60px;bottom:0;left:0;width:250px;background:#f6f8fc;z-index:7;box-shadow:10px 0 24px #0003}main{height:calc(100% - 8px);margin:0 6px;border-radius:12px}.mail-row{display:grid;grid-template-columns:22px 1fr auto;gap:3px 7px;padding:10px 12px;min-height:70px}.mail-row>input{display:none}.mail-row>.icon{grid-row:1/3}.sender{width:auto;grid-column:2}.mail-subject{grid-column:2;grid-row:2;font-size:13px}.mail-date{grid-column:3;grid-row:1;font-size:10px}.tabs{height:48px}.tabs button{font-size:11px;justify-content:center}.toolbar{padding:0 8px}.list-footer{font-size:9px}.composer,.composer.expanded{left:0;right:0;top:0;bottom:0;max-height:none;width:100%;height:100dvh;border-radius:0}.composer.minimized{top:auto;height:40px}.message-meta{margin:16px 24px;display:block}.message-heading{font-size:20px}.login-card{padding:32px}#toast{left:12px;right:12px;bottom:12px}.message-attachments{flex-direction:column}.reading-toolbar{padding:8px}.reply-buttons{gap:8px}.reply-buttons button{padding:10px 12px}.toolbar-left{gap:0}.toolbar .icon{width:30px}}

.brand>span:last-child{font-size:17px;font-weight:700;letter-spacing:.3px}.login-card .brand{font-size:18px}