:root{font-family:Arial,Helvetica,sans-serif;color:#202c3f;background:#f5f8fc;font-synthesis:none;--navy:#142039;--blue:#0b57d0;--teal:#128e8a;--muted:#677587;--line:#e6ebf2}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,label.attach-button{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button{border:0;background:none;color:inherit}input,textarea{color:inherit}input:focus-visible,button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #168f9c;outline-offset:3px}button:hover{background:#e7edf5}.topbar{height:82px;display:flex;gap:24px;align-items:center;padding:0 28px 0 20px}.brand{width:225px;display:flex;align-items:center;gap:18px;flex-shrink:0}.brand>a{display:flex;align-items:center;gap:11px}.brand strong{font-size:24px;font-weight:600;letter-spacing:-1px}.brand strong span{font-weight:400;color:#168d91}.brand-mark{width:35px;height:35px;border-radius:10px;background:#d5eeed;display:grid;place-items:center;color:#128b8b}.brand-mark svg{width:25px;height:25px}.icon-button{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:8px;flex-shrink:0}.search{height:50px;display:flex;align-items:center;gap:15px;background:#eaf0f8;max-width:740px;flex:1;border-radius:28px;padding:0 16px}.search input{border:0;outline:none!important;background:transparent;flex:1;min-width:0;font-size:15px}.search:focus-within{background:white;box-shadow:0 2px 9px #14203916}.search svg{color:#536479}.panel-back{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:13px;color:#607084;white-space:nowrap}.panel-back svg{width:16px}.avatar{background:#d9f0ec;color:#167a70;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:bold}.workspace{display:grid;grid-template-columns:252px minmax(0,1fr);padding:0 20px 22px 0;gap:12px;min-height:calc(100vh - 82px)}.sidebar{display:flex;flex-direction:column;padding:10px 10px 20px 14px}.compose-button{display:flex;align-items:center;gap:16px;background:#c8e8f7;color:#11324a;font-weight:600;height:58px;padding:0 25px;border-radius:17px;box-shadow:0 2px 4px #162d4910;align-self:flex-start;margin:0 0 24px 9px}.compose-button:hover{background:#b5ddef;box-shadow:0 3px 8px #162d4920}.sidebar nav{display:grid;gap:3px}.folder{display:flex;align-items:center;gap:15px;width:100%;height:41px;border-radius:0 25px 25px 0;padding:0 20px;text-align:left;font-size:14px}.folder.active{background:#dce8fc;color:#153e76;font-weight:700}.folder svg{width:19px}.folder small{margin-left:auto}.sidebar-bottom{margin-top:auto;padding:45px 16px 0}.sidebar-bottom a{display:flex;gap:10px;align-items:center;font-size:12px;color:#596b80;margin:15px 0}.sidebar-bottom svg{width:17px}.sidebar-bottom p{font-size:11px;line-height:1.6;color:#8190a3;margin-top:25px}.mail-shell{min-width:0;background:#fff;border-radius:22px;overflow:hidden;min-height:calc(100vh - 104px);box-shadow:0 1px 2px #10263e03}.app-tabs{display:flex;gap:24px;padding:0 28px;border-bottom:1px solid var(--line);height:58px}.app-tabs button{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;padding:0 8px;border-bottom:3px solid transparent}.app-tabs button.active{color:#147775;border-bottom-color:#168d89}.mail-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 30px 21px}.mail-heading h1{font-size:23px;margin:0 0 7px;letter-spacing:-.6px;font-weight:600}.mail-heading p{font-size:12px;color:var(--muted);margin:0}.connection-pill{font-size:11px;color:#247c6b;background:#eaf7f1;border-radius:20px;padding:7px 12px;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:10px;min-height:49px;padding:4px 24px;border-top:1px solid #f4f6f9;border-bottom:1px solid var(--line);background:#fff}.toolbar .range{margin-left:auto;font-size:12px;color:var(--muted)}.toolbar input,.mail-row input{accent-color:#1b66b2;width:15px;height:15px;cursor:pointer}.tool-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.mail-row{display:grid;grid-template-columns:22px 29px 185px minmax(0,1fr) 80px;gap:9px;align-items:center;padding:0 26px;min-height:51px;border-bottom:1px solid #eef1f6;background:#f5f8fc;font-size:13px}.mail-row.unread{background:#fff;font-weight:600}.mail-row:hover{position:relative;z-index:1;box-shadow:0 1px 5px #23384f26;background:#f1f6fd}.mail-row.selected{background:#deebfd}.mail-row .star{color:#a8b3c1;font-size:22px;line-height:1}.mail-row .star.is-starred{color:#e2aa24}.mail-row button{min-width:0;text-align:left;padding:12px 0}.mail-row .sender,.mail-row .subject{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row .date{font-size:11px;color:#6c7a8b;text-align:right;white-space:nowrap}.mail-row.unread .date{color:#27364a}.mail-row button:hover{background:none}.empty{min-height:380px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);padding:40px;gap:8px}.empty>svg{width:56px;height:56px;stroke-width:1;color:#9fb4c8;margin-bottom:12px}.empty h2{color:#304359;font-size:20px;font-weight:500;margin:7px 0}.empty p{max-width:470px;line-height:1.7;font-size:14px;margin:2px 0 12px}.primary-link,.send-button{display:inline-flex;align-items:center;gap:12px;background:var(--blue);color:white;border-radius:24px;padding:12px 23px;font-size:14px;font-weight:600}.primary-link:hover,.send-button:hover{background:#0848b0}.notice{margin:0 26px 14px;padding:12px 16px;border-radius:9px;background:#edf7f4;color:#24695b;font-size:13px;line-height:1.5}.notice.error{background:#fff2ef;color:#9c3931}.notice a{text-decoration:underline}.reader{padding:28px 38px 50px}.reader h2{font-size:25px;font-weight:500;line-height:1.4;margin:2px 0 23px;overflow-wrap:anywhere}.sender-details{display:flex;gap:14px;margin-bottom:32px}.sender-details .avatar{flex-shrink:0;background:#e8edf7;color:#506888;width:40px;height:40px}.sender-details strong{font-size:14px;overflow-wrap:anywhere}.sender-details p{font-size:12px;color:#718094;margin:6px 0;overflow-wrap:anywhere}.sender-details time{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.message-body{font-family:Arial,Helvetica,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;max-width:1100px;margin-left:54px;color:#283649}.message-note{margin:24px 0 24px 54px;color:#8a96a5;font-size:11px}.attachments{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 20px 54px}.attachment-card{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #dce4ed;background:#fbfcfe;border-radius:10px;font-size:13px;max-width:310px}.attachment-card span{overflow-wrap:anywhere}.attachment-card small{display:block;color:var(--muted);margin-top:5px}.reply-button{border:1px solid #cbd7e2;border-radius:24px;padding:11px 25px;display:flex;gap:10px;align-items:center;margin:24px 0 0 54px;font-size:14px}.loader{display:block;width:24px;height:24px;border:2px solid #dbe7ed;border-top-color:#189487;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#composer{position:fixed;inset:auto 38px 0 auto;margin:0;width:590px;max-width:calc(100vw - 28px);border:1px solid #e0e6ee;border-radius:12px 12px 0 0;padding:0;box-shadow:0 10px 50px #152a493b;z-index:10}#composer.expanded{inset:85px 5% 25px 5%;width:auto;max-width:none;height:auto}#compose-form{display:flex;flex-direction:column;height:min(670px,85vh)}#composer.expanded #compose-form{height:100%}#compose-form>header{background:#eef3fa;display:flex;align-items:center;justify-content:space-between;padding:8px 14px 8px 20px;font-size:14px}#compose-form>header>div{display:flex;align-items:center;gap:3px}#draft-status{font-size:10px;color:#74849a;margin-right:9px}.compose-fields{padding:0 22px;display:flex;flex-direction:column;flex:1;min-height:0;overflow:auto}.compose-fields label{display:flex;align-items:center;gap:12px;font-size:13px;color:#6a788b;border-bottom:1px solid var(--line);min-height:45px}.compose-fields input{border:0;flex:1;min-width:0;padding:12px 0;outline:none!important;background:transparent}.compose-fields textarea{flex:1;min-height:160px;width:100%;padding:18px 0;border:0;resize:none;outline:none;line-height:1.6;font-size:14px}.compose-fields details{border-bottom:1px solid var(--line);font-size:12px;color:#74849a}.compose-fields summary{padding:8px 0;cursor:pointer}#compose-form footer{display:flex;align-items:center;gap:12px;padding:14px 20px}.attach-button{cursor:pointer;padding:8px;display:flex}.text-button{font-size:12px;color:#577090}.discard{margin-left:auto}.file-chip{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#f0f4fa;margin-bottom:5px;font-size:12px;border-radius:6px}.file-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-chip button{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.management{padding:0 30px 35px}.management .card{border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:20px}.management h2{font-size:19px;margin:0 0 12px}.management p{font-size:13px;line-height:1.7;color:var(--muted)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#56677d}.field-grid input,.field-grid select{width:100%;min-height:43px;padding:10px 12px;border:1px solid #d8e1eb;border-radius:8px;background:white}.field-grid .wide{grid-column:1/-1}.management button.primary-link{border:0;margin-top:18px}.management .notice{margin:15px 0}.accounts-table{width:100%;border-collapse:collapse;font-size:13px}.accounts-table th{text-align:left;padding:12px;background:#f5f8fc;color:#718299;font-weight:500}.accounts-table td{padding:16px 12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.accounts-table small{display:block;color:var(--muted);margin-top:5px}.table-scroll{overflow-x:auto}#notification:empty{display:none}.draft-row{grid-template-columns:30px 180px minmax(0,1fr) 100px}.draft-row .draft-badge{color:#ad4b39}.toolbar-title{font-size:13px;color:#67788c}.inline-note{font-size:12px;padding:12px 30px;color:#718094}.folder-caption{padding:20px 20px 8px;color:#8b98a8;font-size:10px;letter-spacing:1px;text-transform:uppercase}
[hidden]{display:none!important}
@media(min-width:1000px){#toggle-menu{display:none}}
@media(max-width:1100px){.topbar{gap:12px}.brand{width:195px}.workspace{grid-template-columns:220px minmax(0,1fr)}.mail-row{grid-template-columns:20px 24px 140px minmax(0,1fr) 65px;gap:6px}.panel-back{display:none}}
@media(max-width:760px){.topbar{height:auto;min-height:75px;padding:14px;flex-wrap:wrap;gap:10px}.brand{width:auto}.brand strong{font-size:22px}.search{order:3;flex-basis:100%;max-width:none;height:44px}.avatar{margin-left:auto}.workspace{display:block;padding:0 8px 12px;min-height:calc(100vh - 135px)}.sidebar{display:none;position:fixed;z-index:8;top:125px;bottom:0;left:0;width:240px;background:#f5f8fc;box-shadow:8px 0 30px #14203929}.sidebar.open{display:flex}.mail-shell{border-radius:14px;min-height:calc(100vh - 140px)}.app-tabs{padding:0 15px;gap:12px}.app-tabs button{font-size:12px;gap:7px}.mail-heading{padding:22px 18px}.mail-heading h1{font-size:21px}.toolbar{padding:4px 10px;gap:4px;flex-wrap:wrap}.mail-row{position:relative;grid-template-columns:19px minmax(0,1fr) 65px;gap:1px 8px;padding:11px 14px;min-height:73px}.mail-row>input{grid-row:1/3;margin:0}.mail-row .star{position:absolute;right:15px;bottom:9px;width:25px;height:25px;font-size:20px;padding:0}.mail-row .sender{grid-column:2;grid-row:1;padding:1px 0 6px}.mail-row .subject{grid-column:2/4;grid-row:2;padding:0 33px 0 0;font-size:12px;font-weight:400}.mail-row .date{grid-column:3;grid-row:1;align-self:start;padding-top:2px}.reader{padding:22px 18px}.reader h2{font-size:21px}.sender-details time{white-space:normal;min-width:70px;text-align:right;line-height:1.5}.message-body{margin-left:0}.message-note,.attachments,.reply-button{margin-left:0}.empty{min-height:320px;padding:25px}.connection-pill{display:none}#composer{right:7px;width:calc(100vw - 14px);max-width:none}#composer.expanded{inset:10px 7px 0;height:auto}.field-grid{grid-template-columns:1fr}.management{padding:0 15px 25px}.management .card{padding:18px}.draft-row{display:flex;flex-wrap:wrap;gap:10px}.draft-row .subject{flex:1}.draft-row .date{margin-left:auto}.tool-label{font-size:11px}#draft-status{display:none}}

.app-tabs{flex-wrap:wrap}.app-tabs button{white-space:nowrap}.usage-item{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.usage-item span{color:var(--muted)}.text-button.danger{color:#a42b3c}.primary-link.danger{background:#b12640}.accounts-table .text-button{white-space:nowrap}