@import"https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&display=swap";:root{--bg: #f6f8fc;--surf: #ffffff;--surf2:#f1f3f4;--surf3:#d3e3fd;--line: #dadce0;--text: #1f1f1f;--text2:#444746;--text3:#5f6368;--ac: #0b57d0;--ac-h: #0842a0;--ac-s: #d3e3fd;--nw: #087a55;--nw-h: #066b49;--nw-s: #e6f4ea;--st: #f9ab00;--er: #c5221f;--er-s: #fce8e6;--cmp: #c2e7ff;--cmp-t:#001d35;--ur: #f5f8fc;--sch-bg:#eaf0f6;--fn: "Google Sans", -apple-system, BlinkMacSystemFont, sans-serif;--r0: 0;--r1: 4px;--r2: 8px;--r3: 16px;--r4: 28px;--r5: 9999px;--sb: 256px;--ls: 380px;--hd: 64px;--sh1: 0 1px 3px rgba(0,0,0,.08);--sh2: 0 4px 12px rgba(0,0,0,.1);--sh3: 0 2px 6px rgba(0,0,0,.08);--sh4: 0 24px 64px rgba(0,0,0,.2)}@media(prefers-color-scheme:dark){:root{--bg: #131314;--surf:#1e1f21;--surf2:#2d2e30;--surf3:#003d75;--line:#3c4043;--text:#e3e3e3;--text2:#bdc1c6;--text3:#8e959d;--ac: #a8c7fa;--ac-h:#c2d7fc;--ac-s:#00315e;--nw: #26d07c;--nw-h:#3ddb8c;--nw-s:#042f15;--er: #f28b82;--er-s:#331210;--cmp: #004a77;--cmp-t:#c2e7ff;--ur:#1b1d1f;--sch-bg:#2d2e30}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--fn);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:var(--ac);text-decoration:none}input,textarea,select{font:inherit;color:var(--text);background:transparent;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--text3)}::selection{background:var(--ac-s);color:var(--text)}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login-screen{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:48px 24px}.login-card{background:var(--surf);border:1px solid var(--line);border-radius:var(--r4);padding:48px 40px 36px;width:100%;max-width:448px}.login-card__logo{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.login-card__logo-badge{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden}.login-card__logo-badge img{width:64px;height:64px;object-fit:contain;border-radius:12px}.login-card h2{font-size:24px;font-weight:400;text-align:center;margin-bottom:4px}.login-card .sub{color:var(--text2);font-size:14px;text-align:center;margin-bottom:32px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--text)}.form-group input{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r2);background:var(--surf);color:var(--text);font-size:16px;transition:border .15s,box-shadow .15s}.form-group input:focus{border-color:var(--ac);box-shadow:0 0 0 2px var(--ac-s)}.error-msg{color:var(--er);font-size:13px;min-height:20px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:var(--r5);font-weight:500;font-size:14px;transition:background .15s,box-shadow .15s,transform .1s}.btn:active{transform:scale(.97)}.btn--primary{background:var(--ac);color:#fff}.btn--primary:hover{background:var(--ac-h);box-shadow:var(--sh1)}.btn--primary:disabled{background:var(--surf2);color:var(--text3);cursor:not-allowed;transform:none}.btn--block{width:100%;padding:13px;font-size:15px;margin-top:8px}.btn--icon{width:40px;height:40px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text2);transition:background .1s}.btn--icon:hover{background:var(--surf2)}.btn--icon:active{background:var(--surf3)}.btn--ghost{color:var(--text2);padding:8px 16px;border-radius:var(--r2)}.btn--ghost:hover{background:var(--surf2)}.btn--sm{padding:6px 16px;font-size:13px;border-radius:var(--r2)}.app-shell{display:grid;grid-template-columns:var(--sb) var(--ls) 1fr;grid-template-rows:var(--hd) 1fr;height:100%;overflow:hidden}.header{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--surf);z-index:90}.header__logo{display:flex;align-items:center;gap:10px;min-width:200px}.header__logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.header__logo-icon img{width:32px;height:32px;object-fit:contain;border-radius:6px}.header__logo-text{font-size:18px;font-weight:500;color:var(--text)}.header__menu-btn{display:none}.header__search{flex:1;max-width:680px;position:relative}.header__search input{width:100%;padding:12px 16px 12px 52px;border-radius:24px;background:var(--sch-bg);color:var(--text);font-size:14px;transition:background .15s,box-shadow .15s}.header__search input:focus{background:var(--surf);box-shadow:0 1px 6px #00000026}.header__search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text2);pointer-events:none}.header__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.header__user{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 2px;border-radius:var(--r5);cursor:pointer;transition:background .1s}.header__user:hover{background:var(--surf2)}.header__avatar{width:32px;height:32px;border-radius:50%;background:var(--nw);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;background-size:cover;background-position:center;flex-shrink:0}.user-menu{position:absolute;top:46px;right:0;background:var(--surf);border:1px solid var(--line);border-radius:var(--r2);box-shadow:var(--sh2);min-width:290px;z-index:200;overflow:hidden;animation:mmIn .15s ease}@keyframes mmIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu__header{padding:16px;display:flex;align-items:center;gap:14px;background:var(--surf2)}.user-menu__avatar{width:48px;height:48px;border-radius:50%;background:var(--nw);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:20px;background-size:cover;background-position:center;flex-shrink:0}.user-menu__name{font-weight:500;font-size:15px;color:var(--text)}.user-menu__email{font-size:13px;color:var(--text2)}.user-menu__role{font-size:12px;color:var(--nw);font-weight:600;margin-top:2px}.mm-item{display:flex;align-items:center;gap:14px;padding:10px 20px;font-size:14px;color:var(--text);width:100%;text-align:left;cursor:pointer;transition:background .1s}.mm-item:hover{background:var(--surf2)}.mm-item--danger{color:var(--er)}.mm-item svg{color:var(--text2);flex-shrink:0}.mm-item--danger svg{color:var(--er)}.mm-divider{height:1px;background:var(--line);margin:4px 0}.sidebar{grid-row:2;display:flex;flex-direction:column;background:var(--surf);overflow:hidden}.sidebar__inner{display:flex;flex-direction:column;overflow-y:auto;height:100%;padding:0 0 12px}.sidebar__compose{margin:8px 14px 16px;padding:0 24px 0 18px;height:56px;background:var(--cmp);color:var(--cmp-t);border-radius:var(--r3);font-weight:500;font-size:15px;display:flex;align-items:center;gap:16px;transition:box-shadow .15s}.sidebar__compose:hover{box-shadow:0 2px 6px #00000014}.sidebar__compose:active{background:#7ab8e0}.sidebar__label{font-size:11px;font-weight:500;color:var(--text3);padding:8px 16px 4px 28px;letter-spacing:.04em;text-transform:uppercase}.sidebar__item{display:flex;align-items:center;gap:18px;padding:0 14px 0 26px;height:32px;color:var(--text);width:240px;font-size:14px;font-weight:500;border-radius:0 var(--r5) var(--r5) 0;transition:background .08s;cursor:pointer;margin:1px 0;text-align:left}.sidebar__item:hover{background:var(--surf2)}.sidebar__item--active{background:var(--ac-s);color:var(--ac)}.sidebar__item-icon{width:20px;text-align:center;flex-shrink:0;opacity:.7;display:flex;align-items:center}.sidebar__item--active .sidebar__item-icon{opacity:1}.sidebar__item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__badge{margin-left:auto;background:var(--ac);color:#fff;border-radius:var(--r5);padding:0 7px;font-size:12px;font-weight:500;height:20px;display:inline-flex;align-items:center;justify-content:center;min-width:20px}.sidebar__domain{display:flex;align-items:center;gap:16px;padding:0 14px 0 26px;height:32px;border-radius:0 var(--r5) var(--r5) 0;cursor:pointer;font-size:13px;color:var(--text2);transition:background .08s;width:240px;margin:1px 0}.sidebar__domain:hover{background:var(--surf2);color:var(--text)}.sidebar__domain--active{background:var(--ac-s);color:var(--ac);font-weight:500}.sidebar__domain-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sidebar__footer{margin-top:auto;padding:16px 0 0 26px;font-size:11px;color:var(--text3)}.sidebar-overlay{display:none;position:fixed;top:var(--hd);left:0;right:0;bottom:0;background:#0006;z-index:70}@media(max-width:768px){.sidebar-overlay{bottom:56px}}.list-pane{grid-row:2;display:flex;flex-direction:column;background:var(--surf);border-left:1px solid var(--line);border-right:1px solid var(--line);overflow:hidden}.list-pane__toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;min-height:48px}.list-pane__title{font-size:16px;font-weight:500;color:var(--text)}.list-pane__count{font-size:12px;color:var(--text2);margin-left:6px}.list-pane__actions{margin-left:auto;display:flex;gap:4px}.list-pane__folders{display:flex;gap:6px;padding:0 16px 8px}.folder-tab{padding:5px 16px;border-radius:var(--r5);font-size:13px;font-weight:500;color:var(--text2);background:transparent;border:1px solid var(--line);white-space:nowrap;cursor:pointer;transition:all .15s}.folder-tab:hover{background:var(--surf2)}.folder-tab:active{transform:scale(.96)}.folder-tab--active{background:var(--ac);color:#fff;border-color:var(--ac)}.list-pane__emails{flex:1;overflow-y:auto}.email-item{display:grid;grid-template-columns:40px 22px 1fr auto;grid-template-rows:20px 20px;gap:0 8px;padding:10px 16px;border-bottom:1px solid var(--line);cursor:pointer;align-items:center;transition:background .08s,box-shadow .08s}.email-item:hover{box-shadow:0 1px 4px #0000000f}.email-item:active{background:var(--surf3)}.email-item--unread{background:var(--ur)}.email-item--selected{background:var(--ac-s);border-left:3px solid var(--ac);padding-left:13px}.email-item__avatar{grid-row:1/3;display:flex;align-items:center}.email-item__checkbox{display:flex;align-items:center}.star-btn{color:var(--text3);font-size:18px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:color .15s,transform .15s}.star-btn:hover{color:var(--st);transform:scale(1.15)}.star-btn--active{color:var(--st)}.email-item__from{font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--text)}.email-item--unread .email-item__from{font-weight:600}.email-item__time{font-size:12px;color:var(--text3);white-space:nowrap;text-align:right;font-weight:500}.email-item__subject{font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.email-item--unread .email-item__subject{font-weight:500}.email-item__snippet{font-size:13px;color:var(--text2);grid-column:3/5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-pane__state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:var(--text2);text-align:center}.spinner{width:24px;height:24px;border:2.5px solid var(--line);border-top-color:var(--ac);border-radius:50%;margin:0 auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reader-pane{grid-row:2;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.reader-pane__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text2);gap:8px;text-align:center}.reader-pane__toolbar{display:flex;align-items:center;gap:4px;padding:12px 20px;background:var(--surf);border-bottom:1px solid var(--line)}.reader-pane__content{flex:1;overflow-y:auto;padding:24px 48px 48px;max-width:920px}.reader-pane__subject{font-size:28px;font-weight:400;margin-bottom:20px;letter-spacing:-.01em;line-height:1.3;color:var(--text)}.reader-pane__meta{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.reader-pane__avatar{width:44px;height:44px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:18px;flex-shrink:0}.reader-pane__from{font-weight:500;font-size:15px;color:var(--text)}.reader-pane__to{font-size:13px;color:var(--text2)}.reader-pane__date{font-size:13px;color:var(--text2);margin-left:auto;white-space:nowrap}.reader-pane__body{font-size:15px;line-height:1.7;color:var(--text);word-wrap:break-word}.reader-pane__body a{color:var(--ac)}.reader-pane__reply{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:100;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 20px 0 0}.compose-modal{background:var(--surf);border-radius:12px 12px 0 0;box-shadow:var(--sh4);width:100%;max-width:580px;max-height:76vh;display:flex;flex-direction:column;animation:compIn .2s ease}@keyframes compIn{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}.compose-modal__head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surf2);border-radius:12px 12px 0 0;border-bottom:1px solid var(--line)}.compose-modal__title{font-weight:500;font-size:14px;color:var(--text)}.compose-modal__body{flex:1;overflow-y:auto}.compose-row{display:flex;align-items:center;gap:8px;padding:7px 16px;border-bottom:1px solid var(--line);transition:background .08s}.compose-row:hover{background:var(--surf2)}.compose-row label{font-size:13px;color:var(--text2);width:50px;flex-shrink:0;text-align:right}.compose-row input,.compose-row select,.compose-row textarea{flex:1;padding:8px 0;font-size:14px;color:var(--text);background:transparent;border:none}.compose-row select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='2' fill='none'/%3E%3C/svg%3E")no-repeat right 8px center;padding-right:28px;color:var(--text)}.compose-row select option{background:var(--surf);color:var(--text)}.compose-body{width:100%;min-height:220px;padding:14px 16px;font-size:14px;line-height:1.7;border:none;color:var(--text);background:transparent;resize:none;font-family:var(--fn)}.compose-modal__foot{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--line)}.compose-modal__foot .btn--primary{border-radius:var(--r2);padding:10px 28px;background:var(--ac);color:#fff}.compose-reply-info{padding:6px 16px;font-size:12px;color:var(--text2);background:#fef9e7;border-bottom:1px solid var(--line)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1f1f1f;color:#fff;padding:12px 24px;border-radius:var(--r2);font-size:14px;font-weight:500;z-index:200;box-shadow:var(--sh2);animation:toastIn .3s ease}.toast--error{background:var(--er)}@keyframes toastIn{0%{transform:translate(-50%) translateY(16px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surf);border-top:1px solid var(--line);z-index:50;padding:0 0 env(safe-area-inset-bottom,0);height:56px;width:100vw}.mobile-nav__items{display:flex;align-items:center;justify-content:space-evenly;height:100%;width:100%}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text2);font-size:11px;font-weight:500;min-width:56px;border:none;background:none;cursor:pointer;transition:color .15s}.mobile-nav__item--active{color:var(--ac)}.mobile-nav__item svg{width:22px;height:22px}@media (max-width:1024px)and(min-width:769px){:root{--sb:68px;--ls:290px;--hd:56px}.sidebar{width:var(--sb);overflow:hidden}.sidebar__inner{overflow:hidden}.sidebar__compose{width:48px;height:48px;padding:0;margin:8px auto 16px;justify-content:center;border-radius:14px}.sidebar__compose svg{margin:0}.sidebar__label{display:none}.sidebar__item{width:auto;padding:0;justify-content:center;border-radius:0 var(--r5) var(--r5) 0;margin:1px 8px;gap:0}.sidebar__item-text,.sidebar__badge,.sidebar__domain,.sidebar__footer{display:none}.reader-pane__content{padding:20px 28px}}@media(max-width:768px){:root{--hd:56px}.app-shell{grid-template-columns:1fr;grid-template-rows:var(--hd) 1fr;padding-bottom:56px}.header{padding:4px 8px;gap:4px}.header__logo{min-width:auto;gap:4px}.header__logo-text{display:none}.header__logo-icon{width:28px;height:28px;border-radius:6px}.header__logo-icon img{width:20px;height:20px}.header__menu-btn{display:inline-flex}.header__search{flex:1}.header__search input{padding:10px 12px 10px 38px;font-size:13px}.header__search-icon{left:12px}.header__actions{gap:2px}.header__actions .btn--sm{display:none}.sidebar{position:fixed;top:var(--hd);left:0;bottom:56px;z-index:80;width:280px;box-shadow:4px 0 16px #0000001f;transform:translate(-100%);transition:transform .25s ease;display:flex}.sidebar--open{transform:translate(0)}.sidebar__inner{overflow-y:auto;height:100%}.sidebar-overlay{display:block}.sidebar__compose{margin:8px 16px 16px;width:auto}.app-shell--viewing .list-pane{display:none}.app-shell:not(.app-shell--viewing) .reader-pane{display:none}.list-pane{border:none}.list-pane__toolbar{padding:4px 10px;min-height:44px}.list-pane__folders{padding:0 10px 4px}.list-pane__menu-btn{display:inline-flex}.email-item{grid-template-columns:36px 1fr auto;grid-template-rows:18px 18px 16px;gap:0 10px;padding:10px 12px}.email-item__avatar{grid-row:1/4}.email-item__checkbox{display:none}.email-item__from,.email-item__subject{font-size:13px}.email-item__snippet{font-size:12px;grid-column:2/4}.reader-pane__toolbar{padding:8px 12px}.reader-pane__content{padding:16px}.reader-pane__subject{font-size:22px}.compose-overlay{padding:0}.compose-modal{max-width:100%;max-height:100vh;border-radius:0}.compose-modal__head{border-radius:0}.mobile-nav{display:flex}}@media(max-width:400px){.email-item{padding:8px 10px}.reader-pane__content{padding:12px}.reader-pane__subject{font-size:20px}}