:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#253c36;background:#f6f8f6;font-size:14px;--green:#1c5745;--muted:#75847d;--line:#e5ebe6}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}[hidden]{display:none!important}.primary{background:var(--green);color:white;border-radius:10px;padding:14px 20px;font-weight:600}.primary:hover{background:#103f30}.quiet{padding:10px;border-radius:8px}.quiet:hover{background:#e6ede7}input,select{padding:12px;border:1px solid var(--line);border-radius:8px;background:white;color:#253c36}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}h1,h2,p{margin-top:0}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted)}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding:5vw;gap:8vw;align-items:center}.login form{width:100%;max-width:380px;justify-self:center}.login h1{font-size:34px;letter-spacing:-1.3px;margin-top:18px}.login p{color:var(--muted);line-height:1.7}.login label{margin:20px 0}.login .primary{width:100%}.brand-icon{background:var(--green);color:white;font-size:34px;width:60px;height:60px;border-radius:18px;display:grid;place-items:center;margin-bottom:32px;font-weight:800}.login aside{border-radius:25px;background:#dce8dc;min-height:75vh;padding:55px;overflow:hidden}.login aside>span{font-size:10px;letter-spacing:2px}.login h2{font-size:clamp(32px,4vw,60px);line-height:1.1;letter-spacing:-2px;margin-top:50px;font-weight:500}.login-art{font-size:180px;transform:rotate(-12deg);color:#739b73;text-align:center}#workspace{display:grid;grid-template-columns:246px 1fr;height:100vh}.sidebar{display:flex;flex-direction:column;background:#edf2eb;border-right:1px solid var(--line);padding:30px 19px;gap:20px}.brand{display:flex;gap:12px;align-items:center;font-size:38px;font-weight:800;text-decoration:none;padding:0 10px 10px}.brand span{font-size:12px;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:5px}.sidebar>.eyebrow{padding:6px 10px 0}.account{display:flex;align-items:center;gap:8px;padding:10px 8px;text-align:left;width:100%;border-radius:8px;font-size:12px;margin:3px 0}.account.active{background:white;box-shadow:0 2px 5px #243c3508}.dot{width:9px;height:9px;background:#80a48e;border-radius:50%;flex-shrink:0}.account:nth-child(2) .dot{background:#c8a579}.account:nth-child(3) .dot{background:#9796b9}.badge{margin-left:auto;font-size:10px;color:var(--muted)}.divider{height:1px;background:#dae2d9}nav button{width:100%;display:flex;gap:13px;text-align:left;padding:12px;border-radius:8px;margin-bottom:3px;color:#69796f}nav button.active{background:#dae5d8;color:#204c36;font-weight:600}.storage{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:10px;font-size:11px;color:var(--muted)}progress{width:100%;height:5px;accent-color:var(--green)}main{min-width:0;display:flex;flex-direction:column;background:#fff}header{height:116px;display:flex;align-items:center;justify-content:space-between;padding:28px 34px;border-bottom:1px solid var(--line);gap:20px}header h1{font-size:27px;letter-spacing:-.7px;margin:7px 0 0}.header-actions{display:flex;align-items:center;gap:14px}#search{background:#f6f8f6;border:0;width:260px}.avatar{background:#e8ecdf;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:11px;font-weight:600}.mail-layout{display:grid;grid-template-columns:350px 1fr;flex:1;min-height:0}.message-column{border-right:1px solid var(--line);overflow:auto}.list-heading{padding:20px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}.message{display:block;width:100%;text-align:left;border-bottom:1px solid var(--line);padding:21px 22px;position:relative}.message:hover{background:#f7f9f5}.message.selected{background:#edf3e8}.message.unread:before{content:'';width:6px;height:6px;background:#447b55;border-radius:50%;position:absolute;left:8px;top:28px}.message-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.message-top strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message time{font-size:10px;color:var(--muted);white-space:nowrap}.message h3{font-size:13px;margin:9px 0 6px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message.unread h3{font-weight:700}.message p{font-size:12px;color:var(--muted);margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader{overflow:auto;padding:30px 38px}.empty{height:100%;min-height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);text-align:center;padding:25px}.empty-icon{font-size:45px;background:#f1f5ed;border-radius:50%;width:95px;height:95px;display:grid;place-items:center;color:#93aa88;margin-bottom:24px}.empty h2{font-size:19px;font-weight:500;color:#435a4e}.empty p{font-size:12px;line-height:1.7}.reader-toolbar{display:flex;gap:6px;margin-bottom:28px;border-bottom:1px solid var(--line);padding-bottom:18px;flex-wrap:wrap}.reader h2{font-size:25px;line-height:1.4;overflow-wrap:anywhere}.meta{font-size:12px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}.body{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;line-height:1.8;font-size:14px;margin:30px 0}.attachments{display:flex;gap:10px;flex-wrap:wrap}.file-card{padding:15px;background:#f3f6f0;border-radius:9px;display:flex;gap:15px;align-items:center;overflow-wrap:anywhere}.file-card a{font-size:12px}.file-card small{display:block;color:var(--muted);margin-top:5px}.documents{padding:20px;display:flex;flex-direction:column;gap:12px}.notice{background:#f6f2e6;color:#81652d;font-size:12px;padding:12px;border-radius:8px;line-height:1.6}.empty-list{padding:40px 20px;color:var(--muted);text-align:center;line-height:1.7;font-size:12px}dialog{width:min(690px,95vw);border:0;border-radius:16px;box-shadow:0 30px 100px #183c3540;padding:28px;max-height:93vh}dialog::backdrop{background:#18342b55;backdrop-filter:blur(3px)}.compose-heading,.compose-footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.compose-heading h2{font-size:20px;margin:0}.compose-heading{margin-bottom:20px}dialog label{margin:12px 0}textarea{width:100%;min-height:200px;resize:vertical;border:0;padding:18px 0;color:#253c36}.compose-footer{border-top:1px solid var(--line);padding-top:18px}.compose-footer span{font-size:11px;color:var(--muted)}.attachment-label input{font-size:12px}#send-error,#login-error{color:#b54c37}#toast{position:fixed;bottom:25px;right:25px;padding:15px 22px;background:#213e32;color:white;border-radius:10px;max-width:440px;z-index:10}@media(max-width:1100px){.mail-layout{grid-template-columns:300px 1fr}#workspace{grid-template-columns:210px 1fr}.sidebar{padding:25px 10px}.reader{padding:25px}#search{width:180px}}@media(max-width:780px){.login{grid-template-columns:1fr;padding:30px}.login aside{display:none}#workspace{height:auto;min-height:100vh;grid-template-columns:1fr}.sidebar{padding:15px;gap:12px}.brand{font-size:27px;padding:0}.sidebar>.eyebrow,.divider,.storage{display:none}#accounts{display:flex;flex-wrap:wrap}.account{width:auto}nav{display:flex;flex-wrap:wrap}nav button{width:auto}.sidebar>.primary{align-self:start}#logout{position:absolute;right:15px;top:15px}header{padding:20px;height:100px}.header-actions{gap:5px}.avatar{display:none}#search{width:150px}.mail-layout{grid-template-columns:1fr}.message-column{max-height:360px;border-bottom:1px solid var(--line)}.reader{min-height:400px}.reader:empty{display:none}}