:root{color:#26332f;font-synthesis:none;background:#f3f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#217653;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:#31473b;background:#fff;border:1px solid #d6e0d9;border-radius:8px;padding:9px 14px}button:hover:not(:disabled){background:#edf4ef}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #6bad90}input,textarea{width:100%;color:inherit;background:#fff;border:1px solid #ccd8d1;border-radius:8px;padding:12px}label{margin:18px 0;font-weight:600;display:block}label input,label textarea{margin-top:8px}small{color:#62736a;line-height:1.7}h1{letter-spacing:-.5px;font-size:24px}p{line-height:1.6}.primary{color:#fff;background:#226b4b;border:none;padding:12px 24px}.primary:hover:not(:disabled){background:#19563b}.brand{color:#254736;white-space:nowrap;align-items:center;gap:11px;font-size:21px;font-weight:700;display:flex}.brand-icon{color:#fff;background:#276d4f;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.auth{max-width:430px;margin:9vh auto;padding:24px}.auth-card{background:#fff;border:1px solid #e0e7e1;border-radius:18px;margin-top:28px;padding:30px;box-shadow:0 12px 40px #25473608}.auth-card h1{margin-top:0}.auth-card p{color:#67776e}.auth-card .primary{width:100%;margin-top:22px}.app-shell{grid-template-rows:80px minmax(calc(100vh - 80px),auto);grid-template-columns:240px minmax(0,1fr);display:grid}.topbar{border-bottom:1px solid #e4eae5;grid-column:1/-1;align-items:center;gap:36px;padding:20px 28px;display:flex}.search{background:#e9efe9;border:none;flex:1;max-width:620px}.profile{margin-left:auto;font-size:13px;position:relative}.profile summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.profile button{white-space:nowrap;z-index:2;position:absolute;top:45px;right:0;box-shadow:0 8px 20px #0001}.avatar{background:#d9eadc;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.sidebar{padding:28px 16px;position:relative}.compose-link{color:#244e36;background:#d8ecde;border-radius:14px;margin:0 10px 26px;padding:18px 22px;font-weight:650;display:block;box-shadow:0 3px 8px #183c2b08}.sidebar nav a{color:#526459;border-radius:10px;justify-content:space-between;align-items:center;margin:5px 0;padding:13px 22px;display:flex}.sidebar nav a.active{color:#214b34;background:#e0eae2;font-weight:700}.count{font-size:12px}.sidebar-footer{color:#829086;margin:48px 22px;font-size:12px}.mail-main{background:#fff;border:1px solid #e5ebe6;border-radius:18px 0 0;min-width:0;margin:16px 20px 0 0;overflow:hidden}.mail-toolbar{border-bottom:1px solid #e8ede9;align-items:center;gap:20px;padding:16px 28px;display:flex}.mail-toolbar h1{margin:8px 0;font-size:20px}.mail-toolbar span{color:#718176;font-size:12px}.mail-toolbar button{margin-left:auto}.messages{margin:0;padding:0;list-style:none}.message-row{color:#536058;background:#fafcfb;border-bottom:1px solid #edf0ed;grid-template-columns:10px 190px minmax(0,1fr) 130px;align-items:center;gap:16px;padding:20px 26px;font-size:14px;display:grid}.message-row:hover{background:#f0f6f1;box-shadow:inset 3px 0 #79a38a}.message-row.unread{color:#24392c;background:#fff}.unread .sender{font-weight:700}.read-dot{background:0 0;border-radius:50%;width:6px;height:6px}.unread .read-dot{background:#2a8657}.sender{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-summary{white-space:nowrap;gap:10px;display:flex;overflow:hidden}.message-summary strong{color:#334c3d;font-weight:500}.unread .message-summary strong{font-weight:700}.message-summary span{color:#829086;text-overflow:ellipsis;overflow:hidden}.message-row time{text-align:right;font-size:12px}.pagination{justify-content:flex-end;gap:10px;margin:22px;display:flex}.state{text-align:center;color:#76877b;padding:50px 25px}.state strong{color:#375a42}.state p{font-size:14px}.state.error{color:#944040;background:#fff8f6;padding:24px}.state button{margin-left:10px}.message-view{padding:32px 40px}.message-view h1{overflow-wrap:anywhere;margin-top:32px}.message-view dl{color:#63736a;grid-template-columns:60px 1fr;gap:10px;font-size:13px;display:grid}.message-view dd{overflow-wrap:anywhere;margin:0}.body-tools{align-items:center;gap:15px;margin:25px 0;display:flex}.email-frame{background:#fff;border:1px solid #e7ece8;border-radius:10px;width:100%;height:65vh}.email-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px 0;font-family:inherit;font-size:15px;line-height:1.8}.compose{max-width:960px;padding:28px 40px}.compose textarea{resize:vertical}.compose-note{color:#75847a;margin-left:20px;font-size:13px}@media (width<=850px){.app-shell{grid-template-columns:165px minmax(0,1fr)}.topbar{gap:16px;padding:15px}.search,.profile summary>span:last-child{display:none}.sidebar{padding:20px 6px}.compose-link{padding:14px}.message-row{grid-template-columns:8px minmax(0,1fr) auto;gap:9px;padding:15px}.message-summary{grid-area:2/2/auto/-1}.sender{max-width:100%}.mail-main{margin-right:8px}.message-view,.compose{padding:20px}.body-tools{display:block}.mail-toolbar{padding:15px}.mail-toolbar span{display:none}}@media (width<=520px){.app-shell{grid-template-columns:105px minmax(0,1fr)}.brand{font-size:17px}.sidebar nav a{padding:12px 9px}.compose-link{margin:0 2px 20px;padding:12px 8px;font-size:12px}.sidebar-footer{display:none}.mail-toolbar{gap:8px}.mail-toolbar button{padding:7px}.mail-toolbar h1{font-size:17px}.auth{margin:5vh auto}}select{font:inherit;max-width:100%;color:inherit;background:#fff;border:1px solid #ccd8d1;border-radius:8px;padding:9px}.search-group{flex:1;align-items:center;gap:8px;max-width:700px;display:flex}.search-group .search{min-width:80px;display:block}.messages li{padding-left:34px;position:relative}.message-select{accent-color:#226b4b;width:17px;height:17px;margin:0;position:absolute;top:24px;left:10px}.messages li.selected{background:#e1efe5}.selected .message-row{background:#e1efe5;box-shadow:inset 3px 0 #226b4b}.body-tools{flex-wrap:wrap}.body-tools label{margin:0}.attachments{border:1px solid #dce6df;border-radius:12px;margin:20px 0;padding:16px}.attachments h2{font-size:16px}.attachments ul{margin:12px 0 0;padding:0;list-style:none}.attachments li{border-bottom:1px solid #e9eee9;align-items:center;gap:10px;padding:10px 0;display:flex}.attachments li:last-child{border:0}.attachments li>span{overflow-wrap:anywhere;flex:1;min-width:0}.attachments strong,.attachments small{display:block}.attachments button{overflow-wrap:anywhere;max-width:55%}.compose-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mail-toolbar{flex-wrap:wrap}.pagination button,.compose-actions button,.body-tools button{min-height:44px}input[aria-invalid=true]{border-color:#a14d48}@media (width<=1000px){.topbar{gap:16px;padding:16px}.app-shell{grid-template-rows:auto minmax(calc(100vh - 80px),auto)}.search-group select{max-width:130px}.message-row{grid-template-columns:8px 130px minmax(0,1fr) 100px;gap:10px}}@media (width<=750px){.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:3;background:#f3f6f3;flex-wrap:wrap;gap:10px;display:flex;position:sticky;top:0}.search-group{flex-basis:100%;order:3;max-width:none}.search-group select{max-width:110px}.sidebar{align-items:center;gap:8px;padding:8px;display:flex;overflow-x:auto}.compose-link{white-space:nowrap;margin:0;padding:12px}.sidebar nav{gap:3px;display:flex}.sidebar nav a{white-space:nowrap;gap:7px;margin:0;padding:12px}.sidebar-footer{display:none}.mail-main{border-radius:14px;flex:1;margin:0 8px 8px;overflow:visible}.message-row{grid-template-columns:8px minmax(0,1fr) auto;gap:8px;padding:16px 10px}.message-summary{grid-area:2/2/auto/-1;display:block}.message-summary strong,.message-summary span{text-overflow:ellipsis;display:block;overflow:hidden}.messages li{padding-left:28px}.message-select{top:18px;left:7px}.message-view,.compose{padding:18px}.body-tools{gap:8px;display:flex}.email-frame{height:60dvh}.attachments{padding:10px}.attachments li{flex-wrap:wrap}.attachments button{max-width:100%;min-height:44px}.profile summary>span:last-child{display:none}.compose textarea{min-height:180px}.compose-actions{background:#fff;border-top:1px solid #e9eee9;padding:10px 0;position:static}.mail-toolbar{padding:12px}.state{padding:28px 12px}}@media (width<=380px){.sidebar{flex-wrap:wrap;align-items:stretch}.sidebar nav{flex:1;justify-content:space-between}.sidebar nav a{padding:9px;font-size:13px}.message-row time{font-size:10px}.search-group select{max-width:106px;font-size:13px}}