*{box-sizing:border-box}body{color:#222;background:#f5f6f8;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.container{max-width:900px;margin:0 auto;padding:24px}.card{background:#fff;border:1px solid #e2e4e8;border-radius:8px;margin-bottom:16px;padding:16px}.row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}input[type=text],input:not([type]){border:1px solid #cfd4da;border-radius:6px;flex:1;min-width:200px;padding:8px 10px;font-size:14px}button{cursor:pointer;background:#fff;border:1px solid #cfd4da;border-radius:6px;padding:8px 16px;font-size:14px}button:hover{background:#f0f1f3}button[type=submit]{color:#fff;background:#2563eb;border-color:#2563eb}button[type=submit]:hover{background:#1d4ed8}button:disabled{opacity:.6;cursor:default}button.danger{color:#b91c1c;border-color:#f3c2c2}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.person{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.photo-frame{aspect-ratio:3/4;background:#eee;border-radius:6px;width:100%;position:relative;overflow:hidden}.photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.no-photo{aspect-ratio:3/4;color:#888;background:#eee;border-radius:6px;justify-content:center;align-items:center;width:100%;display:flex}.preview{border-radius:6px;width:160px;margin:8px 0;display:block}.webcam video{border-radius:6px;margin-bottom:8px;display:block}.error{color:#b91c1c}.muted{color:#777;font-size:13px}table.employees{border-collapse:collapse;background:#fff;border:1px solid #e2e4e8;border-radius:8px;width:100%;overflow:hidden}table.employees th,table.employees td{text-align:left;vertical-align:middle;border-bottom:1px solid #eef0f2;padding:10px 12px}table.employees th{color:#666;background:#fafbfc;font-size:13px;font-weight:600}td.thumb .photo-frame{width:64px}td.actions{white-space:nowrap}td.actions button{margin-left:6px}input.uid{min-width:260px;font-family:monospace;font-size:12px}.row.nowrap{flex-wrap:nowrap;margin-bottom:0}.templates{flex-wrap:wrap;gap:12px;padding:8px 0;display:flex}.template{flex-direction:column;gap:6px;width:140px;display:flex}.template .photo-frame{aspect-ratio:3/4}.result{border-radius:6px;margin-top:10px;padding:10px 12px}.result.ok{color:#1b5e20;background:#e8f5e9}.result.fail{color:#b91c1c;background:#fdecea}