.attendance-task-open{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:16px;border:1px solid #cadbf2;border-radius:16px;background:linear-gradient(135deg,#f6f9ff,#eaf2ff);color:#173f7c;text-align:left}.attendance-task-open>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#dce9ff;font-size:20px}.attendance-task-open b,.attendance-task-open small{display:block}.attendance-task-open small{margin-top:3px;color:#5f718c}.attendance-task-open strong{font-size:24px;font-weight:500}.attendance-task-page-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.attendance-task-page-title h3{margin:0}.attendance-task-page-title small{display:block;margin-top:4px}.attendance-task-page-empty{min-height:120px}
.completed-task-view{display:grid;gap:14px}.completed-task-stamp{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #bce5d2;border-radius:16px;background:#f0fcf6}.completed-task-stamp>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#d6f4e3;color:#108054;font-size:24px;font-weight:900}.completed-task-stamp small,.completed-task-description small,.completed-task-notes small{display:block;color:#237355;font-size:10px;font-weight:900;letter-spacing:.1em}.completed-task-stamp b{display:block;margin-top:3px;color:#19374b;font-size:15px}.completed-task-description,.completed-task-notes{padding:14px;border:1px solid #dbe5f1;border-radius:16px;background:#fff}.completed-task-description p,.completed-task-notes p{margin:7px 0 0;color:#4d6076;line-height:1.45}.completed-task-photo{margin:0}.completed-task-photo img{width:100%;max-height:310px;object-fit:cover;border-radius:16px;border:1px solid #dbe5f1}.completed-task-photo figcaption{margin-top:6px;color:#66768b;font-size:12px}.completed-task-empty{margin:0;color:#718097}.completed-task-lock{margin:0;padding:11px 13px;border-radius:13px;background:#fff8df;color:#876719;font-size:13px;font-weight:700}