:root{font-family:Inter,system-ui,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.mail-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.mail-sidebar{padding:28px 18px;background:#17265e;color:#fff}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:22px;font-weight:800;margin:0 10px 34px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#5b55d8}.mail-sidebar nav a{display:block;padding:11px 12px;margin:5px 0;border-radius:9px;color:#dce4ff;text-decoration:none;font-weight:650}.mail-sidebar nav a.active,.mail-sidebar nav a:hover{background:#ffffff1c;color:#fff}.mail-account{display:flex;gap:10px;align-items:center;margin:35px 10px 0;padding-top:18px;border-top:1px solid #ffffff2b}.mail-account small{display:block;color:#b8c6ee;font-size:11px;margin-top:2px}.account-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#5b55d8}.mail-main{max-width:1500px;width:100%;padding:38px;margin:auto}.mail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{margin:0 0 7px;color:#5b55d8;font-size:12px;font-weight:800;letter-spacing:.14em}.mail-header h1{margin:0;font-size:32px}.lead{color:#6a7690}.compose{border:0;border-radius:10px;padding:12px 17px;background:#5b55d8;color:#fff;font-weight:750}.mail-layout{display:grid;grid-template-columns:190px 320px minmax(0,1fr);min-height:600px;border:1px solid #e1e7f0;border-radius:16px;background:#fff;box-shadow:0 10px 30px #1a2d5812;overflow:hidden}.folders{padding:22px 14px;border-right:1px solid #e8edf4}.folders h2{font-size:14px;margin:0 10px 13px;color:#68758c}.folder{display:flex;width:100%;justify-content:space-between;border:0;background:transparent;padding:11px 10px;border-radius:8px;color:#506078;text-align:left;font:inherit;cursor:pointer}.folder.active,.folder:hover{background:#edf2ff;color:#4d49bd;font-weight:700}.folder span{background:#5b55d8;color:#fff;border-radius:10px;padding:1px 7px;font-size:11px}.message-list{border-right:1px solid #e8edf4}.list-toolbar{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid #e8edf4}.list-toolbar button{border:0;background:none;font-size:20px;color:#65738c}.message{display:grid;grid-template-columns:10px 1fr auto;gap:10px;width:100%;padding:17px 16px;border:0;border-bottom:1px solid #eef1f5;background:#fff;text-align:left;cursor:pointer}.message.selected,.message:hover{background:#f2f5ff}.message b,.message small{display:block}.message small{margin-top:4px;color:#68758c}.message time,.message-view time{color:#8a95a8;font-size:11px;white-space:nowrap}.dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#5b55d8}.read .dot{background:#cbd3df}.message-view{padding:30px 36px}.message-view-head{display:flex;justify-content:space-between;gap:20px}.message-view h2{margin:3px 0 8px;font-size:24px}.sender{color:#68758c;font-size:13px}.message-view hr{border:0;border-top:1px solid #e8edf4;margin:24px 0}.message-view p{color:#3e4c63;line-height:1.7}@media(max-width:900px){.mail-layout{grid-template-columns:160px 1fr}.message-view{grid-column:1/-1;border-top:1px solid #e8edf4}.mail-main{padding:22px}}@media(max-width:620px){.mail-shell{grid-template-columns:1fr}.mail-sidebar{padding:16px;display:flex;align-items:center;gap:12px}.brand{margin:0 auto 0 0}.mail-sidebar nav{display:flex}.mail-sidebar nav a{margin:0 2px;padding:9px}.mail-sidebar nav a span,.mail-account{display:none}.mail-header{align-items:flex-start;gap:15px}.mail-layout{grid-template-columns:1fr}.folders,.message-list{border-right:0}.message-view{grid-column:auto}}
:root{--mail-scroll:#b8c4d6}.mail-layout{height:calc(100vh - 170px);overflow:hidden}.folders,.message-list,.message-view{overflow-y:scroll;scrollbar-width:thin;scrollbar-color:var(--mail-scroll) transparent}.folders::-webkit-scrollbar,.message-list::-webkit-scrollbar,.message-view::-webkit-scrollbar{width:10px}.folders::-webkit-scrollbar-thumb,.message-list::-webkit-scrollbar-thumb,.message-view::-webkit-scrollbar-thumb{background:var(--mail-scroll);border-radius:8px}
.mail-sidebar{display:flex;flex-direction:column;min-height:100vh}.mail-account{width:calc(100% - 20px);margin-top:auto;margin-bottom:0;padding-top:18px;border:0;border-top:1px solid #ffffff2b;border-radius:0;background:transparent;color:#fff;text-align:left;font:inherit;cursor:pointer}.mail-account:hover{background:#ffffff12}
.mail-sidebar{background:#17265e!important}.mail-sidebar .sidebar-logo{display:block;width:min(170px,100%);height:auto}
.mail-sidebar{padding:28px 17px}.mail-sidebar .brand{margin:0;padding:0 9px 34px}.mail-sidebar nav{display:grid;gap:5px}.mail-sidebar nav a{display:flex;align-items:center;gap:12px;margin:0;padding:11px 12px}.mail-sidebar .nav-icon{width:16px;text-align:center;font-size:18px}
.mail-sidebar .account-icon{background:#e98969;font-size:11px;font-weight:800}
.mail-account b{display:block;color:#fff;font-size:13px}.mail-account small{display:block;color:#b8c6ee;font-size:11px;margin-top:2px}
@media(max-width:620px){.mail-sidebar nav a{font-size:0}.mail-sidebar nav a .nav-icon{display:block;font-size:19px}.mail-sidebar nav a span:not(.nav-icon){display:none}}
 .mail-account b,.mail-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:620px){.mail-sidebar .mail-account{display:flex;width:auto;max-width:200px;margin:0;padding:0;border:0}.mail-sidebar .mail-account small{display:block;font-size:10px}.mail-sidebar .mail-account b{max-width:145px}}
.mail-address-line{margin:8px 0 0;color:#6a7690;font-size:13px}.mail-address{padding:0;border:0;background:transparent;color:#4d49bd;font:inherit;font-weight:750}.mail-address:hover{background:transparent;color:#37329b;text-decoration:underline}.mail-account b,.mail-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-password-hint{margin:-4px 0 2px;color:#718099;font-size:11px;line-height:1.45}
.mail-html{width:100%;height:calc(100% - 120px);min-height:450px;border:0;background:#fff}.mail-text{white-space:pre-wrap;font:inherit;line-height:1.6}.mail-empty,.mail-error{padding:24px;color:#68758c}.mail-error{color:#bd3c52}#mail-login-dialog{border:0;border-radius:16px;padding:0;box-shadow:0 20px 60px #10244a44}.mail-login-form{display:grid;gap:12px;padding:26px;min-width:360px}.mail-login-form h2{margin:0}.mail-login-form label{display:grid;gap:5px;font-weight:650;font-size:13px}.mail-login-form input{padding:10px;border:1px solid #dbe2ef;border-radius:8px}.mail-login-form .mail-auth-check{display:flex;align-items:center;gap:8px}.mail-login-form .mail-auth-check input{width:auto;padding:0}.mail-login-form div{display:flex;justify-content:flex-end;gap:8px}.mail-login-form button{border:0;border-radius:8px;padding:9px 13px}.mail-login-form .save{background:#5b55d8;color:#fff}.mail-login-form .cancel{background:#e7e9f8;color:#24255e}
.mail-main{max-width:none;height:100vh;overflow:hidden}.mail-layout{grid-template-columns:230px minmax(300px,360px) minmax(420px,1fr);height:calc(100vh - 165px);min-height:0}.folders{padding:22px 18px}.folder{padding:12px 13px}@media(max-width:1050px){.mail-layout{grid-template-columns:200px minmax(270px,330px) minmax(360px,1fr)}}@media(max-width:780px){.mail-main{height:auto;overflow:visible}.mail-layout{grid-template-columns:190px 1fr;height:auto;min-height:650px}.message-view{grid-column:1/-1;min-height:480px}}
.mail-layout>*{min-width:0;min-height:0}.folders,.message-list,.message-view{overflow:auto}.list-toolbar{position:sticky;top:0;z-index:2;background:#fff}.list-toolbar button{cursor:pointer}.message-summary{min-width:0}.message-summary b,.message-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-view{display:flex;flex-direction:column}.message-view-head{flex:none}.message-view-head>div{min-width:0}.message-view h2,.sender{overflow-wrap:anywhere}.mail-html{display:block;flex:1;width:100%;height:auto;min-height:0;border:0;background:#fff}.mail-text{margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.65}.mail-setup-empty{grid-column:1/-1;display:grid;place-items:center;text-align:center}.message.read .dot{background:#cbd3df}.message:not(.read) b{font-weight:800}
.mail-layout{grid-template-columns:240px minmax(380px,430px) minmax(420px,1fr)}
.message{grid-template-columns:8px minmax(0,1fr) auto;align-items:start}
.message time{padding-left:8px}
@media(max-width:1200px){.mail-layout{grid-template-columns:210px minmax(330px,390px) minmax(380px,1fr)}}
@media(max-width:900px){.mail-layout{grid-template-columns:190px minmax(300px,1fr)}.message-view{grid-column:1/-1}}
.message-view-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:none}.add-to-project{border:1px solid #cfd7ee;border-radius:9px;padding:9px 12px;background:#f2f4ff;color:#4d49bd;font:inherit;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}.add-to-project:hover{background:#e5e9ff;color:#39349e}.message-project-dialog{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 24px 70px #10244a55;overflow:hidden}.message-project-dialog::backdrop{background:#0d173b99;backdrop-filter:blur(3px)}.message-project-form{display:grid;gap:15px;padding:26px;max-height:calc(100vh - 28px);overflow:auto}.message-project-form .compose-title h2{margin:0;font-size:25px}.project-dialog-subtitle{margin:5px 0 0;color:#71809f;font-size:13px}.project-search-label{display:grid;gap:7px;color:#26344a;font-size:13px;font-weight:750}.project-search-label input{width:100%;padding:12px 13px;border:1px solid #d8e0ec;border-radius:10px;background:#fff;color:#172033;font:inherit;outline:none}.project-search-label input:focus{border-color:#5b55d8;box-shadow:0 0 0 3px #5b55d81c}.message-project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;min-height:170px}.message-project-card{display:flex;min-height:132px;padding:13px;border:1px solid #e0e6f0;border-radius:12px;background:#fbfcff;color:#24334e;text-align:left;flex-direction:column;align-items:stretch;justify-content:space-between;gap:12px;font:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.message-project-card:hover,.message-project-card:focus-visible{transform:translateY(-2px);border-color:#bfc9ed;box-shadow:0 8px 18px #293d6b15;outline:0}.message-project-card b,.message-project-card strong,.message-project-card small{display:block}.message-project-card b{color:#5b55d8;font-size:11px;letter-spacing:.04em}.message-project-card strong{margin-top:5px;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.message-project-card small{margin-top:6px;color:#77839a;font-size:11px;line-height:1.3;overflow-wrap:anywhere}.project-card-action{align-self:flex-end;color:#4d49bd;font-size:11px;font-weight:800}.message-project-form .compose-actions{justify-content:flex-end}.message-project-form .secondary{border:0;border-radius:10px;padding:11px 16px;background:#e9edf5;color:#33415b;font:inherit;font-weight:750;cursor:pointer}.message-project-form .form-error{min-height:18px;margin:0;color:#bd3c52;font-size:13px}@media(max-width:680px){.message-project-form{padding:20px}.message-project-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.message-project-list{grid-template-columns:1fr}.message-view-side{align-items:stretch}.add-to-project{white-space:normal}}
.compose-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:18px;box-shadow:0 24px 70px #10244a55;overflow:hidden}.compose-dialog::backdrop{background:#0d173b99;backdrop-filter:blur(3px)}.compose-form{display:grid;gap:15px;padding:26px;max-height:calc(100vh - 32px);overflow:auto}.compose-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.compose-title h2{margin:0;font-size:25px}.compose-close{width:38px;height:38px;border:0;border-radius:10px;background:#eef1f8;color:#33415b;font-size:25px;line-height:1;cursor:pointer}.compose-form>label{display:grid;gap:7px;color:#26344a;font-size:13px;font-weight:750}.compose-form input[type="text"],.compose-form textarea{width:100%;padding:12px 13px;border:1px solid #d8e0ec;border-radius:10px;background:#fff;color:#172033;font:inherit;outline:none}.compose-form input[type="text"]:focus,.compose-form textarea:focus{border-color:#5b55d8;box-shadow:0 0 0 3px #5b55d81c}.compose-form textarea{min-height:220px;resize:vertical;line-height:1.55}.compose-form label small{color:#77839a;font-size:11px;font-weight:500}.compose-attachments{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.compose-attachments>span{color:#77839a;font-size:12px}.attachment-button{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #ccd6e5;border-radius:9px;color:#34435d;font-size:13px;font-weight:750;cursor:pointer}.attachment-button:hover{background:#f4f6fb}.attachment-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.compose-file-list{display:grid;gap:7px}.compose-file{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 11px;border-radius:9px;background:#f3f6fb;color:#38465d;font-size:12px}.compose-file b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-file button{flex:none;border:0;background:transparent;color:#b23c50;font-size:17px;cursor:pointer}.compose-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.compose-actions button{border:0;border-radius:10px;padding:11px 16px;font-weight:750;cursor:pointer}.compose-actions .secondary{background:#e9edf5;color:#33415b}.compose-actions .send-mail{background:#5b55d8;color:#fff}.compose-actions .send-mail:disabled{opacity:.55;cursor:wait}.compose-form .form-error{min-height:18px;margin:0;color:#bd3c52;font-size:13px}.mail-toast{position:fixed;right:28px;bottom:28px;z-index:1000;padding:13px 17px;border-radius:11px;background:#16845b;color:#fff;box-shadow:0 12px 35px #10244a38;font-weight:700}
@media(max-width:620px){.compose-form{padding:20px}.compose-form textarea{min-height:180px}.compose-actions{display:grid;grid-template-columns:1fr 1fr}.compose-actions button{width:100%}}
.mail-folder-heading{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.mark-all-read-line{display:flex;align-items:center;gap:8px;color:#687287;font-size:13px;font-weight:700;line-height:1.2}.mark-all-read{padding:2px 7px;border:1px solid #d8deea;border-radius:5px;background:#f1f3f7;color:#687287;font:inherit;font-size:7px;line-height:1.2;font-weight:700;cursor:pointer;transform:scale(.5);transform-origin:left center;margin-right:-50%}.mark-all-read:hover{background:#e5e9f0;color:#4b586d}.mark-all-read:disabled{opacity:.6;cursor:wait}.mail-toolbar-error{padding:8px 14px;font-size:12px}.message:not(.read){background:#e9eef8;color:#63728e}.message:not(.read) .message-summary b{color:#566887;font-weight:700}.message:not(.read) .message-summary small{color:#7182a0}.message:not(.read):hover,.message:not(.read).selected{background:#dfe7f6}@media(max-width:720px){.list-toolbar{align-items:flex-start;gap:8px}.mark-all-read-line{flex-wrap:wrap;gap:5px}.mark-all-read{white-space:normal;text-align:left}}
.analyze-message{border:1px solid #cfe0ee;border-radius:9px;padding:9px 12px;background:#eef6fb;color:#2d6c9b;font:inherit;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}.analyze-message:hover{background:#e0f0fb;color:#205c86}.mail-analysis-dialog{width:min(820px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:0;border-radius:18px;background:#fff;box-shadow:0 24px 70px #10244a55;overflow:hidden}.mail-analysis-dialog::backdrop{background:#0d173b99;backdrop-filter:blur(3px)}.mail-analysis-form{display:grid;gap:15px;padding:26px;max-height:calc(100vh - 28px);overflow:auto}.mail-analysis-form .compose-title h2{margin:0;font-size:25px}.mail-analysis-content{min-height:260px;max-height:calc(100vh - 300px);margin:0;padding:18px;border:1px solid #e0e7f1;border-radius:12px;background:#f8faff;color:#26344a;font:inherit;font-size:14px;line-height:1.65;overflow:auto;overflow-wrap:anywhere}.mail-analysis-content p{margin:0 0 12px}.mail-analysis-content p:last-child{margin-bottom:0}.mail-analysis-content h3{margin:18px 0 8px;color:#263b68;font-size:15px}.mail-analysis-content h3:first-child{margin-top:0}.mail-analysis-content ul{margin:0 0 12px;padding-left:22px}.mail-analysis-content li{margin:4px 0}.mail-analysis-content strong{color:#1e315c;font-weight:800}.mail-analysis-form .form-error{min-height:18px;margin:0;color:#bd3c52;font-size:13px}@media(max-width:620px){.mail-analysis-form{padding:20px}.mail-analysis-content{min-height:220px}}
.message-view-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.message-view-side{align-items:flex-end}
.folders,.message-list,.message-view{padding-bottom:28px;scroll-padding-bottom:28px}.folders{border-radius:0 0 0 16px}.message-view{border-radius:0 0 16px 0}@media(max-width:900px){.message-view{border-radius:0 0 16px 16px}}
.mail-layout{height:calc(100vh - 205px);margin-bottom:24px}@media(max-width:780px){.mail-layout{height:auto;margin-bottom:0}}