#attendance-app{padding:20px;color:#243b53;max-width:1100px;margin:auto}
.attendance-nav{display:flex;gap:6px;padding:6px;background:#f3f4f5;border-radius:12px;margin-bottom:20px}
.attendance-nav a{flex:1;min-width:0;padding:13px 6px;text-align:center;border-radius:8px;font-size:12px}
.attendance-nav a[aria-current]{background:#172c41;color:#edca80;font-weight:700}
.attendance-card{padding:26px;margin:0 0 20px;border:1px solid #e1e5e9;border-radius:16px;background:#fff}
.attendance-eyebrow{font:10px/1.6 Arial,sans-serif;letter-spacing:2px;color:#a9864c}
.attendance-card h1{font-size:23px;margin:8px 0}.attendance-card h2{font-size:17px;margin:0}
.attendance-card>p{margin:8px 0 24px;color:#758598;font-size:13px}.attendance-card>p strong{color:#a77e39}
#attendance-form label{font-size:13px;margin:16px 0 8px}.attendance-card small{color:#8793a0;font-weight:400}
#attendance-message{width:100%;min-height:100px;resize:vertical;padding:14px;border:1px solid #d9e1e9;border-radius:10px;line-height:1.7;color:#243b53;background:#fafbfd}
.attendance-compose-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
#attendance-count{font-size:11px;color:#929daa}
.attendance-card .attendance-submit{display:inline-block;background:#192f45;color:#efd18e;border:1px solid #192f45;padding:11px 20px;border-radius:9px;font-size:13px;font-weight:700}
.attendance-card button:disabled{opacity:.55;cursor:default}#attendance-message:disabled{background:#f4f5f6}
#attendance-message-status,#attendance-list-status{font-size:12px;color:#8d713e;margin:12px 0 0}#attendance-list-status:empty{display:none}
.attendance-list-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;border-bottom:1px solid #ebedf0}
#attendance-total{font-size:12px;color:#8794a1;margin:6px 0 0}
.attendance-filters{display:flex;align-items:flex-end;gap:8px}.attendance-filters label{font-size:11px;color:#82909d;margin:0}
.attendance-filters input{display:block;padding:8px;border:1px solid #dce2e9;border-radius:7px;font-size:12px}.attendance-filters button{height:38px;border-radius:7px;font-size:12px}
.attendance-entry{display:flex;gap:13px;padding:20px 0;border-bottom:1px solid #edf0f3}.attendance-entry:last-child{border-bottom:0}
.attendance-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:50%;background:#f1ebe0;color:#a08048;font-weight:700}
.attendance-entry>div{flex:1;min-width:0}.attendance-entry header{display:flex;gap:12px;align-items:center;justify-content:space-between}
.attendance-entry header a{font-weight:700;font-size:13px;overflow-wrap:anywhere}.attendance-entry time{font-size:11px;color:#929daa;white-space:nowrap}
.attendance-entry p,.attendance-complete p{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font-size:13px;line-height:1.8}
.attendance-empty{text-align:center;padding:40px 12px;color:#8d99a4}.attendance-complete{border:1px solid #dfd4bd;border-radius:10px;background:#faf7f0;padding:18px}
#attendance-more{display:block;width:100%;margin-top:18px;padding:12px;border:1px solid #dce2e9;border-radius:9px;color:#4e6479;background:#fafbfd}
#attendance-more[hidden]{display:none}
@media(max-width:650px){#attendance-app{padding:12px}.attendance-card{padding:18px}.attendance-card h1{font-size:20px}.attendance-list-heading{align-items:flex-start;flex-direction:column}.attendance-filters{width:100%}.attendance-filters label{flex:1}.attendance-filters input{width:100%}.attendance-compose-bottom .attendance-submit{padding:10px 12px;font-size:12px}.attendance-nav a{font-size:11px;padding:12px 2px}}