.email-card{margin-top:24px;padding:22px;border-radius:21px;background:#eef5ec;display:flex;justify-content:space-between;gap:16px;align-items:center}.email-card h2{margin:0;font-size:20px}.email-card p:not(.eyebrow),.home-note{margin:7px 0 0;color:#607168;line-height:1.55;font-size:14px}.coming-soon{white-space:nowrap;background:#fff;border:1px solid #cfe0c9;border-radius:99px;padding:8px 11px;color:#276346;font-size:12px;font-weight:800}.collection-list,.documents-list{margin-top:22px}.document-row{display:flex;align-items:center;gap:13px;padding:16px 17px}.document-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:#e5f2df;color:#3d8551;font-size:20px}.document-row>span:nth-child(2){min-width:0;flex:1}.document-row small{display:block;margin-top:5px;color:#718279}.deadline-item,.task-item{display:flex;align-items:center;gap:14px;margin:11px 0;padding:16px;background:#fff;border:1px solid #dbe9df;border-radius:19px;box-shadow:0 7px 18px #16312508}.deadline-item time{width:49px;min-width:49px;height:54px;border-radius:14px;background:#fff0eb;color:#bd5b3e;display:flex;flex-direction:column;align-items:center;justify-content:center}.deadline-item time b{font-size:19px;line-height:1}.deadline-item time span{font-size:10px;text-transform:uppercase;font-weight:800;margin-top:4px}.deadline-item small{display:block;color:#7e9984;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:3px}.deadline-item strong{color:#244c36}.empty-state{padding:42px 18px;text-align:center;border:1px dashed #c8d9ca;border-radius:20px;color:#587160}.empty-state span{display:block;font-size:30px;margin-bottom:8px}.empty-state strong{display:block;color:#244c36}.empty-state p{font-size:13px;margin:5px 0 0}.add-round{margin-left:auto;width:38px;height:38px;border:0;border-radius:50%;background:#276346;color:#fff;font-size:20px;font-weight:800}.sub-header{width:100%}.task-item.done{opacity:.58}.task-item.done h3{text-decoration:line-through}html[dir=rtl] .topbar,html[dir=rtl] .sub-header,html[dir=rtl] .document-row,html[dir=rtl] .deadline-item,html[dir=rtl] .task-item{direction:rtl}html[dir=rtl] .document-row b{right:auto;left:18px}@media(max-width:520px){.email-card{align-items:flex-start;flex-direction:column}.coming-soon{align-self:flex-start}}