@font-face{font-family:system;src:local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#f7f8f4;color:#253830;font:14px system,'Segoe UI',sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{border:0;background:none;color:inherit}a{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.workspace{height:100dvh;display:grid;grid-template-columns:248px 1fr;min-height:650px}.sidebar{background:#edf0e8;border-right:1px solid #dce2d6;padding:35px 20px 15px;display:flex;flex-direction:column}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;margin:0 15px 38px;font-size:26px;font-weight:650;letter-spacing:-1.2px}.brand-mark{font-family:Georgia,serif;color:#f0f7df;background:#24483c;border-radius:12px;display:inline-grid;place-items:center;font-size:39px;width:48px;height:48px;letter-spacing:-3px;padding-right:5px}.brand-sub{display:block;font-size:9px;letter-spacing:3.5px;margin:1px 0 0 2px;color:#7b897c}.compose{display:flex;align-items:center;justify-content:center;gap:12px;background:#d6e6b5;border:1px solid #c1d59b;box-shadow:0 3px 4px #2c492908;border-radius:9px;padding:15px 10px;font-weight:600;margin-bottom:29px}.nav-item{display:flex;width:100%;align-items:center;gap:13px;text-align:left;padding:12px 15px;color:#697569;border-radius:7px;margin:2px 0;line-height:20px}.nav-item:hover{background:#e3e9db}.nav-item.active{background:#dfe7d4;color:#284434;font-weight:650}.nav-item svg{width:18px;height:18px}.nav-item span:last-child:not(:first-child){margin-left:auto;font-size:12px}.label-heading{font-size:10px;letter-spacing:1.8px;color:#7b8979;display:flex;justify-content:space-between;align-items:center;padding:24px 16px 8px}.label-heading button{font-size:21px;color:#778671}#labels{max-height:20vh;overflow:auto}#labels .nav-item{padding-top:8px;padding-bottom:8px;font-size:13px}.sidebar-bottom{margin-top:auto;padding-top:20px}.sidebar-bottom .nav-item{font-size:12px;padding-left:12px}.account{border-top:1px solid #d9dfd2;margin-top:17px;padding:20px 5px 5px;display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#dbe3d0;color:#526346;font-family:Georgia;font-size:17px}.account strong{display:block;font-size:12px}.account div span{font-size:10px;display:block;color:#7d897a;margin-top:4px}.online{width:6px;height:6px;border-radius:50%;background:#729661;display:inline-block}.account>.online{margin-left:auto}.logout{font-size:10px;color:#7d897a;margin:5px 0 0 49px}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #e5e8e0;flex-shrink:0}.breadcrumb{font-size:9px;color:#82907d;letter-spacing:1.6px}.breadcrumb span{padding:0 15px;color:#b3bbae}.private{font-size:11px;color:#7d8a76;display:flex;align-items:center;gap:8px}.mail-heading{padding:34px 38px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:9px;letter-spacing:2px;color:#8d9984;margin:0 0 12px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:38px;letter-spacing:-1.2px;margin:0;color:#243e30}.search{width:320px;display:flex;align-items:center;gap:12px;border:1px solid #dfe4d8;background:#fffefa;border-radius:8px;padding:12px 14px}.search svg{width:16px;height:16px;color:#829077}.search input{width:100%;border:0;background:none;min-width:0;color:#354a36;font-size:12px}.search input:focus{outline:0}.search kbd{font-size:12px;color:#9da592;background:#f0f2e9;padding:1px 5px;border-radius:3px}.toolbar{border-bottom:1px solid #e1e6db;margin:0 38px;display:flex;justify-content:space-between;align-items:center;padding-bottom:13px;flex-shrink:0}.toolbar-left{display:flex;gap:8px;align-items:center;font-size:10px;color:#8a9681}.status-dot{width:5px;height:5px;border-radius:50%;background:#91a57b}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:5px;color:#79896e}.icon-button:hover{background:#e8eddf}.icon-button svg{width:16px;height:16px}.mail-layout{display:grid;grid-template-columns:minmax(310px,38%) 1fr;margin:0 38px;min-height:0;flex:1;overflow:hidden}.message-list{border-right:1px solid #e1e6db;overflow:auto;padding:12px 0}.message-card{display:block;width:100%;text-align:left;padding:20px 23px 20px 13px;border-bottom:1px solid #e6e9e0;position:relative;border-left:3px solid transparent}.message-card:hover{background:#f0f3e8}.message-card.selected{background:#eaf0df;border-left-color:#728e55}.message-card .row{display:flex;justify-content:space-between;gap:10px;align-items:center}.sender{font-size:12px;color:#69775f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.message-card.unread .sender{font-weight:700;color:#344a31}.date{font-size:9px;color:#94a086;white-space:nowrap}.subject{font-size:13px;font-weight:500;margin:9px 0 6px;line-height:1.5}.message-card.unread .subject{font-weight:700}.preview{font-size:11px;color:#94a086;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.6}.message-label{font-size:9px;background:#e2e9d6;border-radius:3px;color:#6c8154;padding:3px 6px;display:inline-block;margin-top:10px}.small-star{color:#9e9c5d;font-size:14px}.reader{overflow:auto;min-width:0;position:relative;background:#fbfcf7}.empty-reader{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:330px}.empty-icon{width:72px;height:72px;border-radius:50%;background:#eef2e5;display:grid;place-items:center;color:#84966e;margin-bottom:22px}.empty-icon svg{width:27px;height:27px;stroke-width:1.2}.empty-reader h2{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.35;letter-spacing:-.6px;color:#56704b;margin:0 0 14px}.empty-reader p{font-size:12px;color:#99a18e;line-height:1.9}.empty-foot{font-size:8px;color:#a7b09b;letter-spacing:2px;margin-top:42px}footer{font-size:9px;color:#9ba58f;padding:17px 38px;display:flex;align-items:center;gap:10px}.reader-top{padding:17px 25px;border-bottom:1px solid #e6e9df;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reader-top .danger{margin-left:auto}.reader-content{padding:30px}.reader h2{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.35;letter-spacing:-.5px;margin:0 0 25px;overflow-wrap:anywhere}.reader-address{font-size:12px;line-height:1.9;color:#6c7d63;overflow-wrap:anywhere}.reader-body{white-space:pre-wrap;font:14px/1.9 system,'Segoe UI',sans-serif;color:#43583c;margin:28px 0;overflow-wrap:anywhere}.mail-frame{border:0;width:100%;height:400px;background:white;margin:24px 0}.reply-button,.secondary{display:inline-flex;gap:9px;align-items:center;border:1px solid #d9e1cf;border-radius:6px;padding:10px 16px;font-size:12px;background:#fbfcf7}.reply-button:hover,.secondary:hover{background:#edf2e5}.danger{color:#a26358}.attachment{display:flex;gap:8px;text-decoration:none;border:1px solid #dde5d4;border-radius:7px;padding:12px;margin:8px 0;font-size:12px;align-items:center}.attachment span{color:#8b9b7d;margin-left:auto}.more{width:100%;padding:20px;font-size:12px;color:#7a8f65}.empty-list{padding:45px 25px;color:#87987a;font-size:13px;line-height:1.8}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;color:#fff;background:#2f533f;border-radius:6px;padding:12px 20px;font-weight:500;font-size:13px}.primary:hover{background:#204531}.demo-banner{padding:8px 38px;background:#edf0d9;color:#758249;font-size:11px;border-bottom:1px solid #e1e5cb}dialog{border:1px solid #dce3d3;border-radius:15px;padding:28px;background:#fbfcf7;color:#3d5036;max-width:750px;width:calc(100% - 32px);max-height:92dvh;box-shadow:0 20px 80px #142c2626}dialog::backdrop{background:#172c2955;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-header h2{font-family:Georgia,serif;font-weight:400;font-size:26px;margin:0}.close{font-size:26px;color:#829176;padding:5px 10px}.field{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e1e6db;padding:12px 0}.field span{width:52px;font-size:12px;color:#8a987e}.field input{width:100%;background:none;border:0;color:#344b2c}.field input:focus{outline:0}textarea{width:100%;border:1px solid #dfe6d6;border-radius:6px;padding:14px;background:#fffefa;color:#405535;resize:vertical}#compose-text{border:0;background:transparent;min-height:230px;padding:22px 0;line-height:1.8}.signature-note,.draft-status{font-size:11px;color:#8a997b;margin:10px 0}.draft-status{min-height:15px}.dialog-actions{display:flex;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #e1e6db;flex-wrap:wrap}.attach{display:inline-flex;gap:8px;align-items:center;position:relative;font-size:12px;cursor:pointer}.attach input{position:absolute;opacity:0;width:100%;inset:0;cursor:pointer}.file-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:10px;color:#7c8e6e}.file-list{font-size:12px;color:#7d8c70}.file-list button{color:#9d6c59}.fine{font-size:11px;color:#8b9780;line-height:1.8}#preferences{max-width:550px}#preferences p{line-height:1.8;color:#87957d}#preferences label{display:block;margin:20px 0 8px;font-size:12px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:90vw;padding:14px 23px;background:#2f4939;color:white;border-radius:8px;font-size:13px;box-shadow:0 6px 25px #172c2925;z-index:10}.login{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at top right,#e0e9ce,transparent 65%),#f4f6ee}.login-card{max-width:460px;padding:40px}.login-card .brand-mark{margin-bottom:35px}.login-card h1{font-size:58px;line-height:1.08;margin-bottom:25px}.login-card>p:not(.eyebrow){line-height:1.9;color:#7f8d74}.login-card .primary{margin:20px 0;width:100%;justify-content:space-between;padding:17px 20px}@media(min-width:1600px){.sidebar{padding-left:25px;padding-right:25px}.workspace{grid-template-columns:270px 1fr}.mail-heading{padding-top:45px;padding-bottom:34px}.mail-layout{grid-template-columns:410px 1fr}.reader-content{padding:40px}}@media(max-width:1000px){.workspace{grid-template-columns:205px 1fr}.sidebar{padding:25px 12px 12px}.brand{margin-left:10px;font-size:23px}.topbar{padding:0 22px}.mail-heading{padding:25px 22px}.mail-layout{margin:0 22px;grid-template-columns:1fr 1fr}.toolbar{margin:0 22px}.search{width:240px}.reader-content{padding:22px}.reader h2{font-size:24px}.private{display:none}}@media(max-width:760px){.workspace{grid-template-columns:70px 1fr;min-height:100dvh}.sidebar{padding:20px 7px}.brand{margin:0 0 25px;justify-content:center}.brand>span:last-child,.compose{font-size:0}.brand-mark{width:40px;height:40px;font-size:32px}.compose{padding:12px;margin-bottom:18px;gap:0}.nav-item{font-size:0;justify-content:center;padding:12px 8px;gap:0}.nav-item span{display:none}.nav-item svg{width:20px;height:20px}.label-heading,#labels,.account div,.account>.online,.logout{display:none}.account{justify-content:center}.sidebar-bottom .nav-item{font-size:0;padding-left:8px}.breadcrumb{font-size:8px;letter-spacing:.8px}.topbar{height:50px;padding:0 16px}.mail-heading{display:block;padding:22px 16px 16px}.mail-heading .eyebrow{font-size:7px}h1{font-size:32px}.search{width:100%;margin-top:17px}.toolbar{margin:0 16px}.mail-layout{display:block;margin:0 16px;position:relative}.message-list{border:0;height:100%}.reader{display:none;position:absolute;inset:0;background:#fbfcf7}.reader.open{display:block}.reader-top{padding:12px 10px}.reader-content{padding:22px 12px}.reader h2{font-size:26px}.demo-banner{font-size:9px;padding:7px 16px}footer{padding:12px 16px;font-size:8px;gap:5px}.message-card{padding:20px 12px}.dialog-actions{gap:8px}dialog{padding:20px}.file-row{gap:10px;align-items:start}.primary{padding:12px 14px}}