:root{--ie-primary:#0073aa;--ie-secondary:#005177;--ie-text:#333;--ie-border:#ddd;--ie-bg:#f9f9f9}.ie-guestbook{max-width:100%;margin:0 auto}.ie-form{border-radius:8px;padding:10px;margin-bottom:20px;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.ie-form label{display:block;margin-bottom:8px;font-size:16px;color:var(--ie-text)}.ie-form input[type="text"],.ie-form textarea,.ie-form select{width:100%;padding:10px;border:1px solid var(--ie-border);border-radius:4px;margin-bottom:15px;font-size:16px}.ie-btn{width:100%;background:var(--ie-primary);color:#fff;border:none;padding:10px 20px;border-radius:50px;cursor:pointer;font-size:16px;transition:background 0.3s}.ie-btn:hover{background:var(--ie-secondary)}.ie-entry{border:1px solid var(--ie-border);border-radius:10px;padding:5px 10px;margin:10px;background:#fff;word-wrap:break-word;overflow:hidden}.ie-entry-header{display:flex;align-items:center;margin-bottom:10px}.ie-initials{flex-shrink:0;width:40px;height:40px;border-radius:50%;margin-right:10px}.ie-name{margin-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ie-status{white-space:nowrap;align-items:center;border-radius:45px;padding:2px 8px;font-size:12px}.ie-status svg{width:18px;height:18px;vertical-align:middle;margin-right:3px}.ie-message{font-size:15px;color:#333;margin:-10px 0 5px 45px}.ie-time{font-size:12px;font-style:italic;color:#777;margin-top:-30px;margin-left:45px}@media (max-width:480px){.ie-entry-header{flex-direction:column;align-items:flex-start}.ie-name-status{margin-top:5px}}.ie-radio{display:flex;align-items:center;gap:15px;margin-bottom:15px}.ie-radio input[type="radio"]{display:none}.ie-radio label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;font-size:16px;line-height:24px;color:var(--ie-text)}.ie-radio label::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:20px;width:20px;border-radius:50%;background:#ddd;border:2px solid var(--ie-primary);transition:all 0.3s}.ie-radio input[type="radio"]:checked+label::before{background:var(--ie-primary)}.ie-radio input[type="radio"]:checked+label::after{content:"";position:absolute;left:7px;top:50%;transform:translateY(-50%);height:10px;width:10px;border-radius:50%;background:#fff}.comment-counts-container{display:flex;float:center;justify-content:space-around;margin-bottom:10px;margin-left:auto;margin-right:auto;max-width:85%}.count-item{text-align:center;flex:1;margin:0 5px;display:inline-block;flex-direction:column;align-items:center;padding:3px 4px;border-radius:5px}.count-number{display:block;font-size:24px;font-weight:700}.count-label{display:block;font-size:.9em}.count-item.comments{background-color:#9dfab4}.count-item.hadir{background-color:#d6e3fa}.count-item.tidak-hadir{background-color:#f5c2c2}