*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f4f4f5;color:#18181b}header{background:#1e3a5f;color:#fff;padding:1rem 2rem;display:flex;align-items:center;gap:2rem}header h1{margin:0;font-size:1.4rem}header nav{display:flex;gap:.5rem}header button{background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff;padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-size:.95rem;transition:background .15s}header button.active,header button:hover{background:#fff3;border-color:#fff}main{padding:2rem;max-width:1200px;margin:0 auto}.tab-panel{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}h2{margin-top:0}.form-row{margin-bottom:1rem;display:flex;flex-direction:column;gap:.3rem}label{display:flex;flex-direction:column;gap:.25rem;font-weight:500}input[type=text],input[type=date],select{padding:.45rem .7rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem}button{padding:.45rem 1.1rem;border:none;border-radius:6px;background:#1e3a5f;color:#fff;cursor:pointer;font-size:.95rem}button:hover:not(:disabled){background:#2d5490}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:#dc2626}button.danger:hover{background:#b91c1c}.error{color:#dc2626;margin-top:.5rem}.auth-wall{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:12px;color:#dc2626;font-size:16px}.auth-wall code{background:#e5e7eb;padding:4px 8px;border-radius:4px;font-size:13px;color:#18181b}.preview-img{max-width:300px;border-radius:8px;margin-top:.5rem}.face-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.face-grid .face-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#fff;border-radius:8px;padding:.5rem;box-shadow:0 1px 4px #0000001a}.face-grid .face-card img{width:90px;height:90px;object-fit:cover;border-radius:6px}.face-grid .face-card span{font-size:.85rem;font-weight:600}.face-grid .face-card small{color:#6b7280;font-size:.75rem}.card{background:#fff;border-radius:10px;padding:1.25rem;box-shadow:0 1px 4px #00000014;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}.thumb{width:80px;height:80px;object-fit:cover;border-radius:6px}.thumb-sm{width:36px;height:36px;object-fit:cover;border-radius:4px;vertical-align:middle;margin-right:.4rem}.no-photo{width:80px;height:80px;background:#e5e7eb;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#9ca3af}.person-grid{display:flex;flex-wrap:wrap;gap:1rem}.person-grid .person-card{background:#fff;border-radius:10px;padding:.75rem;box-shadow:0 1px 4px #00000014;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:140px}.person-grid .person-card.selected{outline:2px solid #1e3a5f}.person-grid .person-card .name{font-weight:600;font-size:.9rem}.table-wrapper{overflow-x:auto;margin-top:1rem}table{border-collapse:collapse;width:100%;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014}table th,table td{padding:.6rem .9rem;text-align:center;border-bottom:1px solid #e5e7eb}table th{background:#1e3a5f;color:#fff;font-weight:600}table td.person-cell{text-align:left;white-space:nowrap}table td.present{color:#16a34a;font-weight:700;font-size:1.1rem}table td.absent{color:#e5e7eb}table tr:last-child td{border-bottom:none}table tr:hover td{background:#f9fafb}