*{box-sizing:border-box}html,body,#root{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;background:#f5f6f8;color:#1f2937;min-height:100%}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 1px 2px #0000000a}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1}button{cursor:pointer;border:1px solid #d1d5db;background:#fff;color:#1f2937;border-radius:6px;padding:8px 14px;font-size:14px}button:hover{background:#f9fafb}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#2563eb;color:#fff;border-color:#2563eb}button.primary:hover{background:#1d4ed8}button.danger{background:#dc2626;color:#fff;border-color:#dc2626}button.danger:hover{background:#b91c1c}button.big{padding:18px 24px;font-size:18px;font-weight:600;min-width:160px}input,select{border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:14px;background:#fff}input:focus,select:focus{outline:2px solid #93c5fd;border-color:#93c5fd}label{display:block;margin-bottom:6px;font-size:13px;color:#4b5563}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid #f1f5f9}th{color:#6b7280;font-weight:500;background:#f9fafb}tr:hover td{background:#fafbfc}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px}.tag.in{background:#dcfce7;color:#166534}.tag.out{background:#fee2e2;color:#991b1b}.tag.admin{background:#ede9fe;color:#5b21b6}.tag.employee{background:#e5e7eb;color:#374151}.muted{color:#6b7280;font-size:13px}.error{color:#dc2626;font-size:13px}.success{color:#16a34a;font-size:13px}.header{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 16px}.header h1{font-size:18px;margin:0}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:4px 10px;border-radius:999px}.status-pill.alive{background:#dcfce7;color:#166534}.status-pill.dead{background:#fee2e2;color:#991b1b}.status-pill .dot{width:8px;height:8px;border-radius:50%}.status-pill.alive .dot{background:#16a34a}.status-pill.dead .dot{background:#dc2626}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:8px;padding:24px;min-width:360px;max-width:90vw}