:root{--purple: #6e5cff;--purple-dark: #5948eb;--purple-soft: #f0edff;--purple-soft-hover: #e9e5ff;--text: #17212b;--text-secondary: #66717d;--text-muted: #8b949e;--border: #e7e9ed;--border-soft: #eef0f2;--surface: #ffffff;--surface-soft: #f7f8fa;--surface-hover: #f4f5f7;--topbar-height: 72px;--sidebar-width: 248px}.webmail-app{width:100%;height:100vh;min-height:0;overflow:hidden;background:var(--surface)}.topbar{position:relative;z-index:20;display:grid;grid-template-columns:var(--sidebar-width) minmax(240px,720px) 1fr;align-items:center;gap:24px;width:100%;height:var(--topbar-height);padding:0 20px 0 16px;background:#fffffff5;border-bottom:1px solid var(--border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.brand-area{display:flex;align-items:center;gap:14px;min-width:0}.rivomail-logo{display:block;width:auto;max-width:148px;height:34px;object-fit:contain}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:#5f6974;background:transparent;border:0;border-radius:50%;cursor:pointer;transition:background .15s ease,color .15s ease}.icon-button:hover{color:var(--text);background:#f1f2f4}.search-wrapper{display:flex;align-items:center;gap:12px;width:100%;height:46px;padding:0 16px;color:#707a85;background:#f3f4f6;border:1px solid transparent;border-radius:13px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.search-wrapper:focus-within{background:#fff;border-color:#dedfe5;box-shadow:0 2px 8px #17212b0f,0 8px 24px #17212b0a}.search-wrapper input{width:100%;height:100%;color:var(--text);background:transparent;border:0;outline:0;font-size:15px}.search-wrapper input::placeholder{color:#7e8791}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.profile-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;color:#fff;background:var(--purple);border:0;border-radius:50%;font-size:15px;font-weight:750;cursor:pointer}.webmail-body{display:flex;width:100%;height:calc(100vh - var(--topbar-height));min-height:0}.sidebar{position:relative;display:flex;flex:0 0 var(--sidebar-width);flex-direction:column;width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;padding:18px 12px 14px;overflow:hidden;background:#fafbfc;border-right:1px solid var(--border);transition:width .22s cubic-bezier(.22,1,.36,1),min-width .22s cubic-bezier(.22,1,.36,1),flex-basis .22s cubic-bezier(.22,1,.36,1)}.sidebar-collapsed{flex-basis:76px;width:76px;min-width:76px}.compose-button{display:flex;align-items:center;justify-content:flex-start;gap:11px;width:156px;height:48px;margin:0 6px 18px;padding:0 19px;overflow:hidden;color:#fff;background:var(--purple);border:0;border-radius:14px;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 4px 12px #6e5cff2e;transition:background .16s ease,transform .16s ease,box-shadow .16s ease,width .22s cubic-bezier(.22,1,.36,1),padding .22s cubic-bezier(.22,1,.36,1)}.compose-button:hover{background:var(--purple-dark);transform:translateY(-1px);box-shadow:0 6px 18px #6e5cff3d}.sidebar-collapsed .compose-button{width:48px;padding:0 14px}.sidebar-collapsed .compose-button span{display:none}.folder-navigation{display:flex;flex-direction:column;gap:3px}.folder-button{display:grid;grid-template-columns:34px 1fr auto;align-items:center;width:100%;height:42px;padding:0 13px;overflow:hidden;color:#59636e;background:transparent;border:0;border-radius:10px;text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}.folder-button:hover{color:var(--text);background:#f0f1f3}.folder-button.active{color:#5140d7;background:var(--purple-soft);font-weight:700}.folder-icon{display:flex;align-items:center;justify-content:flex-start}.folder-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.folder-count{min-width:18px;margin-left:8px;font-size:12px;font-weight:750;text-align:right}.sidebar-collapsed .folder-button{grid-template-columns:34px;justify-content:center;padding:0 9px}.sidebar-collapsed .folder-label,.sidebar-collapsed .folder-count{display:none}.sidebar-bottom{margin-top:auto}.storage{padding:14px 10px 8px}.storage-heading{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;color:var(--text-secondary);font-size:10px;white-space:nowrap}.storage-heading span:first-child{font-weight:700}.storage-track{width:100%;height:5px;overflow:hidden;background:#e8eaed;border-radius:999px}.storage-fill{width:1%;min-width:4px;height:100%;background:var(--purple);border-radius:inherit}.sidebar-footer{padding:10px;color:#a0a6ad;font-size:10px;font-weight:650;letter-spacing:.02em}.sidebar-collapsed .storage,.sidebar-collapsed .sidebar-footer{display:none}.mail-area{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;background:#fff}.mail-toolbar{display:flex;flex:0 0 54px;align-items:center;justify-content:space-between;width:100%;min-height:54px;padding:0 18px;border-bottom:1px solid var(--border-soft)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:2px}.folder-title{padding-left:4px;color:var(--text);font-size:17px;font-weight:750}.toolbar-button{width:36px;height:36px}.mail-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.message-list{width:100%}.message-row{display:grid;grid-template-columns:42px minmax(130px,210px) minmax(0,1fr) auto;align-items:center;min-height:48px;padding:0 20px 0 12px;color:#3e4751;background:#fff;border-bottom:1px solid var(--border-soft);cursor:pointer;transition:background .1s ease,box-shadow .1s ease}.message-row:hover{position:relative;z-index:1;background:#fafafa;box-shadow:0 1px 4px #17212b14}.message-row.unread{color:var(--text);background:#fbfbff}.message-star{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#b0b5bb;border-radius:50%;cursor:pointer}.message-star:hover{color:#7f8790;background:#f0f1f3}.message-star svg[fill=currentColor]{color:#f4b400}.message-sender{padding-right:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.unread .message-sender{font-weight:750}.message-content{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.message-subject{color:inherit}.unread .message-subject{font-weight:750}.message-divider,.message-preview{color:#79828c}.message-time{padding-left:20px;color:#66707a;font-size:12px;white-space:nowrap}.unread .message-time{color:var(--text);font-weight:750}.empty-mail{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px;padding:40px;color:var(--text-secondary);text-align:center}.empty-mail-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:16px;color:var(--purple);background:var(--purple-soft);border-radius:20px}.empty-mail h2{margin:0 0 7px;color:var(--text);font-size:18px}.empty-mail p{margin:0;font-size:14px}.message-view{width:100%;max-width:980px;margin:0 auto;padding:34px 46px 80px}.message-view-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:30px}.message-view-heading>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.message-view-heading h1{margin:0;color:var(--text);font-size:25px;font-weight:650;line-height:1.3}.message-label{padding:3px 8px;color:#6c7480;background:#eff1f3;border-radius:5px;font-size:10px;font-weight:700}.message-view-star{display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:#a6acb3;background:transparent;border:0;border-radius:50%;cursor:pointer}.message-view-star:hover{background:#f3f4f5}.message-view-star.starred{color:#f4b400}.message-sender-header{display:flex;align-items:center;margin-bottom:28px}.sender-avatar{display:flex;flex:0 0 42px;align-items:center;justify-content:center;width:42px;height:42px;margin-right:13px;color:#fff;background:var(--purple);border-radius:50%;font-size:15px;font-weight:750}.sender-information{min-width:0}.sender-name-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;color:var(--text);font-size:13px}.sender-name-line span{color:var(--text-secondary);font-size:12px}.recipient-line{margin-top:3px;color:var(--text-secondary);font-size:11px}.message-date{margin-left:auto;padding-left:20px;color:var(--text-secondary);font-size:11px;white-space:nowrap}.message-body{max-width:760px;padding-left:55px;color:#303942;font-size:14px;line-height:1.7}.message-body p{margin:0}.message-actions{display:flex;gap:10px;padding:34px 0 0 55px}.message-actions button{min-width:94px;height:39px;padding:0 18px;color:#4f5964;background:#fff;border:1px solid #d9dde1;border-radius:9px;font-size:13px;font-weight:650;cursor:pointer}.message-actions button:hover{background:#f7f8f9}.compose-window{position:fixed;z-index:100;right:24px;bottom:0;display:flex;flex-direction:column;width:min(560px,calc(100vw - 48px));height:min(590px,calc(100vh - 110px));overflow:hidden;background:#fff;border:1px solid #dfe2e6;border-bottom:0;border-radius:12px 12px 0 0;box-shadow:0 14px 50px #17212b2e;animation:compose-enter .24s cubic-bezier(.22,1,.36,1) both}@keyframes compose-enter{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.compose-header{display:flex;flex:0 0 43px;align-items:center;justify-content:space-between;padding:0 12px 0 16px;color:#fff;background:#272f38;font-size:12px;font-weight:700}.compose-header-actions{display:flex;align-items:center}.compose-header-actions button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:#d9dde1;background:transparent;border:0;border-radius:5px;cursor:pointer}.compose-header-actions button:hover{color:#fff;background:#ffffff1a}.compose-field{display:flex;flex:0 0 43px;align-items:center;padding:0 14px;border-bottom:1px solid var(--border-soft)}.compose-field span{flex:0 0 58px;color:#7a838d;font-size:12px}.compose-field input{flex:1;min-width:0;height:100%;color:var(--text);background:transparent;border:0;outline:0;font-size:13px}.compose-body{flex:1;width:100%;min-height:0;padding:17px;resize:none;color:var(--text);background:#fff;border:0;outline:0;font-size:14px;line-height:1.55}.compose-footer{display:flex;flex:0 0 58px;align-items:center;justify-content:space-between;padding:8px 12px}.send-button{height:38px;padding:0 24px;color:#fff;background:var(--purple);border:0;border-radius:9px;font-size:13px;font-weight:750;cursor:pointer}.send-button:hover{background:var(--purple-dark)}.discard-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;color:#717a84;background:transparent;border:0;border-radius:50%;cursor:pointer}.discard-button:hover{color:#3f4852;background:#f1f2f4}@media(max-width:1000px){.topbar{grid-template-columns:var(--sidebar-width) minmax(220px,1fr) auto}.message-row{grid-template-columns:42px minmax(110px,170px) minmax(0,1fr) auto}}@media(max-width:760px){:root{--topbar-height: 64px}.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:0 10px}.brand-area{gap:6px}.rivomail-logo{display:none}.search-wrapper{height:42px}.topbar-actions .icon-button{display:none}.sidebar{position:fixed;z-index:50;top:var(--topbar-height);bottom:0;left:0;width:248px;min-width:248px;box-shadow:8px 0 30px #17212b1f;transform:translate(0);transition:transform .22s cubic-bezier(.22,1,.36,1)}.sidebar.sidebar-collapsed{width:248px;min-width:248px;transform:translate(-105%);box-shadow:none}.sidebar-collapsed .compose-button{width:156px;padding:0 19px}.sidebar-collapsed .compose-button span{display:inline}.sidebar-collapsed .folder-button{grid-template-columns:34px 1fr auto;justify-content:initial;padding:0 13px}.sidebar-collapsed .folder-label,.sidebar-collapsed .folder-count{display:initial}.sidebar-collapsed .storage,.sidebar-collapsed .sidebar-footer{display:block}.message-row{grid-template-columns:34px minmax(90px,125px) minmax(0,1fr);min-height:56px;padding-right:12px}.message-time{display:none}.message-sender{padding-right:10px}.message-view{padding:24px 18px 70px}.message-view-heading h1{font-size:21px}.message-body,.message-actions{padding-left:0}.compose-window{right:0;bottom:0;width:100%;height:calc(100vh - var(--topbar-height));border-right:0;border-left:0;border-radius:0}}@media(max-width:520px){.message-row{grid-template-columns:32px 105px minmax(0,1fr);padding-left:6px}.message-sender,.message-content{font-size:12.5px}.mail-toolbar{padding:0 10px}.message-sender-header{align-items:flex-start}.message-date{display:none}.sender-name-line span{display:block;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(min-width:761px){.sidebar.sidebar-collapsed{flex-basis:76px;width:76px;min-width:76px;padding-left:0;padding-right:0;align-items:center}.sidebar-collapsed .compose-button{display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;margin-left:auto;margin-right:auto;padding:0;gap:0}.sidebar-collapsed .compose-button span{display:none}.sidebar-collapsed .compose-button svg{display:block;flex:0 0 auto}.sidebar-collapsed .folder-navigation{width:100%;align-items:stretch}.sidebar-collapsed .folder-button{display:flex;align-items:center;justify-content:center;width:100%;height:42px;margin:0;padding:0;text-align:center}.sidebar-collapsed .folder-icon{display:flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;margin:0;padding:0}.sidebar-collapsed .folder-label,.sidebar-collapsed .folder-count,.sidebar-collapsed .storage,.sidebar-collapsed .sidebar-footer{display:none}.sidebar-collapsed .sidebar-bottom{width:100%}}@media(min-width:761px){.sidebar:not(.sidebar-collapsed) .compose-button{position:relative;display:flex;align-items:center;justify-content:center;gap:0;padding-left:0;padding-right:0;text-align:center}.sidebar:not(.sidebar-collapsed) .compose-button>svg{position:absolute;left:19px;top:50%;transform:translateY(-50%);margin:0}.sidebar:not(.sidebar-collapsed) .compose-button>span{display:block;width:100%;margin:0;padding:0;text-align:center}}@media(min-width:761px){.sidebar:not(.sidebar-collapsed) .compose-button{position:relative;display:flex;align-items:center;justify-content:center;width:156px;height:48px;margin-left:auto;margin-right:auto;padding:0;gap:0;text-align:center}.sidebar:not(.sidebar-collapsed) .compose-button>svg{position:absolute;left:19px;top:50%;transform:translateY(-50%);margin:0}.sidebar:not(.sidebar-collapsed) .compose-button>span{display:block;width:100%;margin:0;padding:0;text-align:center}}.trash-bulk-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;color:#59636e;background:#fff;border:1px solid var(--border);border-radius:9px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.trash-bulk-button:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.trash-bulk-button.danger{color:#b42318}.trash-bulk-button.danger:hover:not(:disabled){background:#fff1f0}.trash-bulk-button:disabled{opacity:.5;cursor:default}@media(min-width:761px){.sidebar:not(.sidebar-collapsed) .compose-button{position:static;display:flex;align-items:center;justify-content:center;width:156px;height:48px;margin:0 6px 18px;padding:0;gap:11px;text-align:left}.sidebar:not(.sidebar-collapsed) .compose-button>svg{position:static;transform:none;flex:0 0 auto;margin:0}.sidebar:not(.sidebar-collapsed) .compose-button>span{display:inline;width:auto;margin:0;padding:0;text-align:left}}@media(max-width:760px){.sidebar{flex-basis:76px;width:76px;min-width:76px;padding-left:0;padding-right:0;align-items:center}.sidebar .compose-button{display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;height:48px;margin-left:auto;margin-right:auto;padding:0;gap:0}.sidebar .compose-button span{display:none}.sidebar .compose-button svg{display:block;flex:0 0 auto}.sidebar .folder-navigation{width:100%;align-items:stretch}.sidebar .folder-button{display:flex;align-items:center;justify-content:center;width:100%;height:42px;margin:0;padding:0;text-align:center}.sidebar .folder-icon{display:flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;margin:0;padding:0}.sidebar .folder-label,.sidebar .folder-count,.sidebar .storage,.sidebar .sidebar-footer{display:none}.sidebar .sidebar-bottom{width:100%}}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:#f7f8fb;color:#14283c}.login-card{width:min(100%,420px);display:flex;flex-direction:column;padding:38px;background:#fff;border:1px solid #e4e7ec;border-radius:18px;box-shadow:0 18px 50px #0f172a14}.login-logo{display:block;width:170px;max-width:60%;height:auto;margin:0 auto 30px;object-fit:contain}.login-card h1{margin:0;color:#14283c;font-size:28px;line-height:1.15;font-weight:750;letter-spacing:-.7px;text-align:center}.login-subtitle{margin:10px 0 30px;color:#77818d;font-size:14px;line-height:1.5;text-align:center}.login-form{display:flex;flex-direction:column;gap:18px}.login-form label{display:flex;flex-direction:column;gap:7px;color:#44505c;font-size:13px;font-weight:650}.login-form input{box-sizing:border-box;width:100%;height:46px;padding:0 14px;border:1px solid #d9dee5;border-radius:10px;outline:none;color:#14283c;background:#fff;font:inherit;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.login-form input::placeholder{color:#9aa3ad}.login-form input:hover{border-color:#c8ced7}.login-form input:focus{border-color:#705cff;box-shadow:0 0 0 3px #705cff24}.login-form button[type=submit]{width:100%;height:46px;margin-top:4px;border:0;border-radius:10px;color:#fff;background:#705cff;font:inherit;font-size:14px;font-weight:750;cursor:pointer;box-shadow:0 8px 18px #705cff33;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}.login-form button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #705cff42}.login-form button[type=submit]:active:not(:disabled){transform:translateY(0)}.login-form button[type=submit]:disabled{opacity:.62;cursor:default}.login-error{padding:11px 13px;color:#a12828;background:#fff3f3;border:1px solid #f0cccc;border-radius:9px;font-size:12px;line-height:1.45}.login-footer{margin-top:28px;color:#98a1ab;font-size:11px;font-weight:600;letter-spacing:.2px;text-align:center}.loading-card{align-items:center;text-align:center}.loading-card p{margin:16px 0 0;color:#77818d;font-size:13px}.login-spinner{width:28px;height:28px;border:3px solid #ebe9ff;border-top-color:#705cff;border-radius:50%;animation:rivomail-login-spin .8s linear infinite}@keyframes rivomail-login-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.login-page{padding:20px 14px}.login-card{padding:30px 22px;border-radius:15px}.login-logo{width:150px;max-width:58%;margin-bottom:26px}.login-card h1{font-size:24px}}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;padding-left:12px}.account-menu-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.profile-button{flex:0 0 38px;width:38px;height:38px;border:0;border-radius:50%;outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #6e5cff2e;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.profile-button:hover{background:var(--purple-dark);transform:translateY(-1px);box-shadow:0 0 0 2px #fff,0 0 0 4px #6e5cff3d,0 5px 14px #17212b1f}.account-menu{position:absolute;z-index:1000;top:calc(100% + 12px);right:0;width:270px;padding:18px;overflow:hidden;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px #17212b24,0 3px 10px #17212b0f;text-align:left}.account-menu-name{margin:0;color:var(--text);font-size:15px;line-height:1.3;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-email{margin-top:3px;color:var(--text-secondary);font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-plan{display:inline-flex;align-items:center;min-height:25px;margin-top:12px;padding:0 9px;color:var(--purple-dark);background:var(--purple-soft);border-radius:999px;font-size:11px;line-height:1;font-weight:750}.account-menu>button{display:flex;align-items:center;justify-content:center;width:100%;height:39px;margin-top:16px;padding:0 14px;color:#4d5660;background:#fff;border:1px solid #dce0e5;border-radius:9px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.account-menu>button:hover{color:#a12828;background:#fff7f7;border-color:#efcccc}@media(max-width:760px){.topbar-actions{gap:3px;padding-left:0}.topbar-actions>.icon-button{display:none}.account-menu{position:fixed;top:calc(var(--topbar-height) - 2px);right:12px;width:min(270px,calc(100vw - 24px))}}@media(max-width:760px){.webmail-app{display:flex;flex-direction:column;width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.topbar{position:relative;z-index:30;flex:0 0 var(--topbar-height);width:100%}.webmail-body{position:relative;display:flex;flex:1 1 auto;align-items:stretch;width:100%;height:auto;min-height:0;overflow:hidden}.sidebar{position:relative;top:auto;left:auto;bottom:auto;z-index:10;flex:0 0 76px;width:76px;min-width:76px;height:100%;margin:0;transform:none;overflow:hidden;transition:width .22s cubic-bezier(.22,1,.36,1),min-width .22s cubic-bezier(.22,1,.36,1),flex-basis .22s cubic-bezier(.22,1,.36,1)}.sidebar:not(.sidebar-collapsed){flex-basis:248px;width:248px;min-width:248px;align-items:stretch;padding:18px 12px 14px}.sidebar:not(.sidebar-collapsed) .compose-button{width:156px;min-width:156px;margin:0 6px 18px;padding:0;gap:11px;justify-content:center}.sidebar:not(.sidebar-collapsed) .compose-button span{display:inline}.sidebar:not(.sidebar-collapsed) .folder-button{display:grid;grid-template-columns:34px 1fr auto;justify-content:initial;width:100%;height:42px;padding:0 13px;text-align:left}.sidebar:not(.sidebar-collapsed) .folder-icon{width:34px;min-width:34px;height:auto;justify-content:flex-start}.sidebar:not(.sidebar-collapsed) .folder-label{display:block}.sidebar:not(.sidebar-collapsed) .folder-count{display:block}.sidebar:not(.sidebar-collapsed) .sidebar-bottom{width:100%}.sidebar:not(.sidebar-collapsed) .storage,.sidebar:not(.sidebar-collapsed) .sidebar-footer{display:block}.mail-area{position:relative;flex:1 1 auto;width:auto;min-width:0;height:100%;overflow:hidden;transform:none;transition:width .22s cubic-bezier(.22,1,.36,1),flex-basis .22s cubic-bezier(.22,1,.36,1)}}@media(max-width:760px){.webmail-app{display:flex!important;flex-direction:column!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}.topbar{position:relative!important;flex:0 0 var(--topbar-height)!important;width:100%!important;min-width:0!important}.webmail-body{position:relative!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.sidebar.sidebar-collapsed{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex:0 0 76px!important;width:76px!important;min-width:76px!important;max-width:76px!important;height:100%!important;margin:0!important;padding:18px 0 14px!important;align-items:center!important;overflow:hidden!important}.sidebar-collapsed .compose-button{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;min-width:48px!important;height:48px!important;margin:0 auto 18px!important;padding:0!important;gap:0!important}.sidebar-collapsed .compose-button span,.sidebar-collapsed .folder-label,.sidebar-collapsed .folder-count,.sidebar-collapsed .storage,.sidebar-collapsed .sidebar-footer{display:none!important}.sidebar-collapsed .folder-navigation{width:100%!important}.sidebar-collapsed .folder-button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:42px!important;margin:0!important;padding:0!important}.sidebar-collapsed .folder-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;min-width:42px!important;height:42px!important;margin:0!important;padding:0!important}.sidebar:not(.sidebar-collapsed){position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex:0 0 248px!important;width:248px!important;min-width:248px!important;max-width:248px!important;height:100%!important;margin:0!important;padding:18px 12px 14px!important;align-items:stretch!important;overflow:hidden!important}.sidebar:not(.sidebar-collapsed) .compose-button{display:flex!important;align-items:center!important;justify-content:center!important;width:156px!important;min-width:156px!important;height:48px!important;margin:0 6px 18px!important;padding:0!important;gap:11px!important}.sidebar:not(.sidebar-collapsed) .compose-button span{display:inline!important}.sidebar:not(.sidebar-collapsed) .folder-navigation{width:100%!important}.sidebar:not(.sidebar-collapsed) .folder-button{display:grid!important;grid-template-columns:34px 1fr auto!important;align-items:center!important;width:100%!important;height:42px!important;margin:0!important;padding:0 13px!important}.sidebar:not(.sidebar-collapsed) .folder-icon{width:34px!important;min-width:34px!important;height:auto!important;justify-content:flex-start!important}.sidebar:not(.sidebar-collapsed) .folder-label,.sidebar:not(.sidebar-collapsed) .folder-count,.sidebar:not(.sidebar-collapsed) .storage,.sidebar:not(.sidebar-collapsed) .sidebar-footer{display:block!important}.mail-area{position:relative!important;inset:auto!important;transform:none!important;display:flex!important;flex:1 1 0!important;flex-direction:column!important;width:auto!important;min-width:0!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}}.draft-save-status{color:#8a939e;font-size:11px;font-weight:600;white-space:nowrap}.inbox-ad-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:286px;padding:14px 18px 18px;background:#fbfbfc;border-bottom:1px solid var(--border-soft)}.inbox-ad-label{width:300px;max-width:100%;color:#8b949e;font-size:10px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase}.inbox-ad-slot{display:flex;align-items:center;justify-content:center;width:300px;max-width:100%;min-height:250px}.inbox-ad-slot iframe,.inbox-ad-slot img{max-width:100%}@media(max-width:520px){.inbox-ad-row{padding-left:10px;padding-right:10px}}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}html{background:#fff}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17212b;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(110,92,255,.22);outline-offset:2px}::selection{background:#6e5cff2e}