:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang HK",sans-serif;color:#24322e;background:#f8faf8;font-size:15px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #cdd8d1;border-radius:9px;padding:9px 14px;background:white;color:inherit}button:disabled{opacity:.45;cursor:default}input,select,textarea{border:1px solid #cdd8d1;border-radius:9px;padding:11px;background:white;color:inherit}button:focus-visible,input:focus,textarea:focus,select:focus{outline:2px solid #53876b;outline-offset:2px}label{display:grid;gap:8px;font-size:13px}.login{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(at 20% 0%,#e3f0e8,transparent 55%)}.card{width:min(430px,92vw);background:white;border:1px solid #dbe4dd;padding:38px;border-radius:20px;box-shadow:0 20px 70px #24322e09}.brand{font-size:13px;letter-spacing:3px;font-weight:750;color:#32664c}.card h1{font-size:29px;margin-top:30px}.card p{line-height:1.7;color:#6b7971}.card label{margin:20px 0}.card button,#send{background:#28563f;color:#fff;border-color:#28563f}.card button{width:100%}#loginError{color:#a73932}.layout{height:100dvh;display:grid;grid-template-columns:260px 1fr}aside{background:#eef2ed;border-right:1px solid #dbe2d9;padding:28px 18px;display:flex;flex-direction:column;overflow:auto}aside .brand{margin:0 10px 30px}.sectionTitle{display:flex;align-items:center;justify-content:space-between;color:#6b7971;margin:14px 8px;font-size:12px}.sectionTitle button{padding:1px 8px;font-size:22px;background:transparent;border:0}nav{flex:1}.listButton{display:block;width:100%;text-align:left;background:transparent;border:0;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listButton.active{background:white;box-shadow:0 2px 5px #24322e08;color:#28563f;font-weight:600}.account{border-top:1px solid #d4ded4;padding-top:20px;display:grid;gap:10px;font-size:12px;overflow-wrap:anywhere}main{min-width:0;display:flex;flex-direction:column;height:100dvh}header{padding:22px 32px;border-bottom:1px solid #e3e8e0;display:flex;gap:20px;justify-content:space-between;align-items:center;background:#fff}header h2{font-size:18px;margin:5px 0 0}small{color:#7a877f;font-size:12px}.settings{display:flex;gap:12px}.settings label{font-size:11px;gap:4px}.settings select{font-size:13px;padding:8px;max-width:220px}#notice{margin:0;padding:8px 32px;min-height:32px;color:#a05e28;font-size:13px}#messages{flex:1;overflow:auto;padding:20px max(25px,calc((100% - 830px)/2));scroll-behavior:smooth}.empty{text-align:center;color:#77847b;padding-top:15vh}.empty h1{color:#315c44;font-size:30px}.msg{margin:0 0 24px;display:flex;flex-direction:column;align-items:flex-start}.msg.user{align-items:flex-end}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;max-width:94%;padding:16px 20px;border-radius:16px;background:white;border:1px solid #e0e7df}.user .bubble{background:#e6eee5;border:0;max-width:85%}.meta{font-size:11px;color:#78877c;margin:6px 4px;display:flex;gap:8px;align-items:center}.meta button{padding:3px 8px;font-size:11px}#composer{margin:0 auto;width:min(870px,100%);padding:18px 25px 24px}#composer details{font-size:12px;color:#6c7d70;margin-bottom:10px}#composer details textarea{width:100%;margin-top:8px;height:100px}.inputRow{display:flex;gap:12px;padding:10px;border:1px solid #cdd8d1;background:white;border-radius:15px;align-items:flex-end;box-shadow:0 8px 25px #24322e07}.inputRow textarea{flex:1;min-width:0;border:0;resize:vertical;max-height:200px;background:transparent;padding:8px;line-height:1.6}.inputRow button{white-space:nowrap}#composer>small{display:block;text-align:center;margin-top:10px;font-size:11px}dialog{border:1px solid #ccd9cd;border-radius:16px;padding:28px;width:min(400px,90vw)}dialog::backdrop{background:#233d3344}dialog input{width:100%}.dialogActions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:760px){.layout{grid-template-columns:165px 1fr}aside{padding:20px 8px}header{padding:16px;align-items:flex-start;flex-direction:column;gap:12px}.settings{flex-wrap:wrap}.settings select{max-width:180px}#messages{padding:15px}#composer{padding:12px}.bubble{max-width:100%}.inputRow{gap:4px}.inputRow button{padding:9px}.brand{letter-spacing:1px}aside .brand{margin:0 5px 20px}}

#navToggle{display:none}@media(max-width:560px){.layout{grid-template-columns:1fr}aside{display:none}.nav-open aside{display:flex;position:fixed;top:44px;bottom:0;left:0;width:260px;z-index:10;box-shadow:8px 0 25px #24322e22}#navToggle{display:block;height:44px;flex-shrink:0;text-align:left;border-radius:0;border:0;border-bottom:1px solid #dbe2d9;background:#eef2ed}header{padding:12px 16px;gap:10px}header h2{font-size:17px}.settings{width:100%;flex-wrap:nowrap}.settings label:first-child{flex:1;min-width:0}.settings select{max-width:100%;width:100%}#notice{padding:6px 16px;min-height:20px}#messages{padding:12px 16px}.bubble{padding:12px 15px}#composer{padding:10px 12px 14px}.meta{flex-wrap:wrap}#composer>small{font-size:10px}}

#manageAccounts{color:#28563f;text-decoration:none;border:1px solid #cdd8d1;border-radius:9px;padding:10px;text-align:center;background:white;font-size:14px}

#attachmentList{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.attachmentChip{display:flex;align-items:center;gap:8px;border:1px solid #cdd8d1;border-radius:9px;padding:8px;font-size:12px;max-width:100%;background:#fff}.attachmentChip span{overflow-wrap:anywhere;min-width:0}.attachmentChip img{width:44px;height:44px;object-fit:cover;border-radius:5px}.attachmentChip button{padding:4px;flex-shrink:0}.attachmentDownload{font-size:12px;margin:6px 0;max-width:100%;overflow-wrap:anywhere}#attachFiles{font-size:12px;margin-bottom:4px}