@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#20211f;background:#fafafa;margin:0;font-family:DM Sans,sans-serif}button,input,textarea{font:inherit}.logo{color:#fff;background:#1f6f54;border-radius:14px;place-items:center;width:44px;height:44px;font-size:21px;font-weight:700;display:grid}.login{background:radial-gradient(circle at top,#e2f3ec,#0000 45%);place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border:1px solid #e7e7e2;border-radius:22px;width:min(420px,90vw);padding:38px;box-shadow:0 20px 60px #14382915}.login .logo{margin:auto}.login h1{text-align:center;margin:20px 0 6px}.login p{text-align:center;color:#74766f}.login label{margin:18px 0;font-size:13px;font-weight:600;display:block}.login input{border:1px solid #d8d8d2;border-radius:10px;width:100%;margin-top:7px;padding:13px}.login button{color:#fff;background:#1f6f54;border:0;border-radius:10px;width:100%;padding:13px;font-weight:600}.error{color:#b3261e}.shell{grid-template-columns:260px 1fr;height:100vh;display:grid}aside{background:#f0f1ed;border-right:1px solid #e1e2dc;flex-direction:column;justify-content:space-between;padding:20px 14px;display:flex}aside b{align-items:center;gap:10px;padding:0 8px;display:flex}aside b span{color:#fff;background:#1f6f54;border-radius:9px;padding:6px 9px}.new,.logout{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;width:100%;margin-top:18px;padding:11px;display:flex}.new:hover,.logout:hover{background:#e3e5de}section{flex-direction:column;min-width:0;display:flex}header{background:#fff;border-bottom:1px solid #ecece7;align-items:center;gap:12px;height:62px;padding:0 22px;display:flex}header svg{display:none}header span{color:#1f6f54;background:#e5f2ed;border-radius:99px;margin-left:auto;padding:5px 9px;font-size:12px}.chat{flex:1;padding:36px max(20px,50% - 380px) 150px;overflow:auto}.empty{text-align:center;max-width:670px;margin:12vh auto}.empty .logo{margin:auto}.empty h1{font-size:30px}.empty p{color:#696b65;line-height:1.6}.suggestions{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;display:grid}.suggestions button{text-align:left;color:#4f514b;background:#fff;border:1px solid #dedfd8;border-radius:13px;padding:15px}.chat article{grid-template-columns:36px 1fr;gap:13px;margin:0 0 28px;display:grid}.avatar{color:#fff;background:#1f6f54;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.user .avatar{background:#2e3130}.chat article p{margin:5px 0;line-height:1.55}.task{background:#fff;border:1px solid #e5e5df;border-radius:12px;gap:10px;margin:10px 0;padding:14px;display:flex}.task svg{color:#1f6f54;flex:none}.task small{color:#6d6f68;margin-top:4px;display:block}.task ul{color:#555;margin:8px 0 0;padding-left:17px;font-size:13px}.composer{background:#fff;border:1px solid #d9dad4;border-radius:18px;width:min(760px,100vw - 300px);padding:12px 50px 24px 14px;position:fixed;bottom:24px;left:calc(50vw + 130px + min(760px,100vw - 300px)/-2);box-shadow:0 10px 35px #2222}.composer textarea{resize:none;border:0;outline:0;width:100%;min-height:44px;max-height:150px}.composer button{color:#fff;background:#1f6f54;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:28px;right:12px}.composer small{color:#96988f;font-size:10px;position:absolute;bottom:7px;left:15px}@media (width<=720px){.shell{grid-template-columns:1fr}aside{display:none}header svg{display:block}.composer{width:calc(100vw - 28px);left:14px}.suggestions{grid-template-columns:1fr}.chat{padding-top:20px}.empty{margin-top:6vh}}