._app_p5cvs_1{min-height:100vh;display:flex;flex-direction:column}._header_p5cvs_2{background:var(--navy);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:100}._brand_p5cvs_3{display:flex;align-items:center;gap:12px}._logo_p5cvs_4{width:36px;height:36px;background:var(--gold);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}._logo_p5cvs_4 svg{width:20px;height:20px;fill:var(--navy);stroke:none}._orgName_p5cvs_6{color:#fff;font-size:15px;font-weight:600;letter-spacing:.3px}._orgSub_p5cvs_7{color:#ffffff80;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-top:1px}._clock_p5cvs_8{color:#ffffffb3;font-size:13px;font-variant-numeric:tabular-nums}._main_p5cvs_9{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}@media (max-width:480px){._header_p5cvs_2{padding:0 1rem}._orgSub_p5cvs_7{display:none}._main_p5cvs_9{padding:2rem 1rem 1rem;align-items:flex-start}}._wrapper_1nt7w_1{display:flex;flex-direction:column;align-items:center;width:100%;max-width:520px}._greeting_1nt7w_2{text-align:center;margin-bottom:2rem}._greeting_1nt7w_2 h1{font-family:"DM Serif Display",serif;font-size:28px;font-weight:400;color:var(--navy);margin-bottom:6px}._greeting_1nt7w_2 p{color:var(--text-secondary);font-size:14px}._dateBar_1nt7w_5{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:12px 16px;text-align:center;margin-bottom:2rem;font-size:13px;color:var(--text-secondary);width:100%}._dateBar_1nt7w_5 strong{color:var(--navy);font-weight:600}._cards_1nt7w_7{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}._card_1nt7w_7{background:var(--white);border:1.5px solid var(--border);border-radius:16px;padding:2rem 1.25rem;text-align:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}._staffCard_1nt7w_9:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0065261f}._staffCard_1nt7w_9:hover ._iconWrap_1nt7w_10{background:var(--accent)}._staffCard_1nt7w_9:hover ._iconWrap_1nt7w_10 svg{stroke:#fff}._visitorCard_1nt7w_12:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 24px #0065261f}._visitorCard_1nt7w_12:hover ._iconVisitor_1nt7w_13{background:var(--gold)}._visitorCard_1nt7w_12:hover ._iconVisitor_1nt7w_13 svg{stroke:var(--navy)}._iconWrap_1nt7w_10{width:56px;height:56px;border-radius:14px;background:var(--accent-light);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:all .2s}._iconWrap_1nt7w_10 svg{width:28px;height:28px;stroke:var(--accent);transition:all .2s}._iconVisitor_1nt7w_13{background:#fffbe6}._iconVisitor_1nt7w_13 svg{stroke:#b8960a}._card_1nt7w_7 h3{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--navy)}._card_1nt7w_7 p{font-size:12px;color:var(--text-muted)}._card_1s9am_1{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px #00652614;width:100%;max-width:480px}._header_1s9am_2{background:var(--navy);padding:1.5rem 2rem;display:flex;align-items:center;gap:12px}._back_1s9am_3{width:32px;height:32px;border-radius:var(--radius-sm);background:#ffffff1a;border:none;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}._back_1s9am_3:hover{background:#fff3}._back_1s9am_3 svg{width:16px;height:16px;stroke:#fff}._title_1s9am_6{color:#fff;font-size:16px;font-weight:600}._subtitle_1s9am_7{color:#ffffff8c;font-size:12px;margin-top:2px}._body_1s9am_8{padding:2rem}@media (max-width:480px){._body_1s9am_8{padding:1.5rem}._header_1s9am_2{padding:1.25rem 1.5rem}}._hint_dc6mt_1{font-size:13px;color:var(--text-secondary);margin-bottom:1.5rem}._options_dc6mt_2{display:flex;flex-direction:column;gap:12px}._optionCard_dc6mt_3{display:flex;align-items:center;gap:16px;padding:1.25rem 1.5rem;border-radius:14px;border:1.5px solid var(--border);background:var(--white);cursor:pointer;transition:all .2s;text-align:left}._optionCard_dc6mt_3:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0065261a}._admin_dc6mt_5:hover{border-color:var(--gold)}._admin_dc6mt_5:hover ._iconWrap_dc6mt_6{background:var(--gold)}._admin_dc6mt_5:hover ._iconWrap_dc6mt_6 svg{stroke:var(--navy)}._staff_dc6mt_8:hover{border-color:var(--accent)}._staff_dc6mt_8:hover ._iconWrap_dc6mt_6{background:var(--accent)}._staff_dc6mt_8:hover ._iconWrap_dc6mt_6 svg{stroke:#fff}._iconWrap_dc6mt_6{width:48px;height:48px;border-radius:12px;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}._iconWrap_dc6mt_6 svg{width:24px;height:24px;stroke:var(--text-secondary);transition:all .2s}._admin_dc6mt_5 ._iconWrap_dc6mt_6 svg{stroke:#b8960a}._staff_dc6mt_8 ._iconWrap_dc6mt_6 svg{stroke:var(--accent)}._optionCard_dc6mt_3 h3{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:2px}._optionCard_dc6mt_3 p{font-size:12px;color:var(--text-muted)}._field_sdiqb_1{margin-bottom:1.25rem}._label_sdiqb_2{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}._input_sdiqb_3,._select_sdiqb_3{width:100%;height:var(--input-h);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:0 14px;font-size:15px;color:var(--text-primary);background:var(--white);transition:border-color .15s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_sdiqb_3:focus,._select_sdiqb_3:focus{border-color:var(--accent)}._readonly_sdiqb_5{background:var(--surface);color:var(--text-secondary);cursor:default}._select_sdiqb_3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233a6a4a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}._row_sdiqb_7{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:360px){._row_sdiqb_7{grid-template-columns:1fr}}._btn_4vyyv_1{width:100%;height:50px;border-radius:var(--radius-md);border:none;font-size:15px;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}._btn_4vyyv_1 svg{width:18px;height:18px;stroke:currentColor;fill:none;flex-shrink:0}._btn_4vyyv_1:active{transform:scale(.99)}._btn_4vyyv_1:disabled{opacity:.6;cursor:not-allowed}._primary_4vyyv_5{background:var(--navy);color:#fff}._primary_4vyyv_5:hover:not(:disabled){background:var(--navy-light)}._danger_4vyyv_7{background:var(--error);color:#fff}._danger_4vyyv_7:hover:not(:disabled){background:#a93226}._outline_4vyyv_9{background:transparent;color:var(--navy);border:1.5px solid var(--border);margin-top:10px}._outline_4vyyv_9:hover:not(:disabled){border-color:var(--navy);background:var(--surface)}._alert_l44nk_1{border-radius:var(--radius-md);padding:12px 14px;font-size:13px;margin-bottom:1.25rem;display:flex;align-items:flex-start;gap:10px}._icon_l44nk_2{flex-shrink:0;margin-top:1px;display:flex}._icon_l44nk_2 svg{width:16px;height:16px;stroke:currentColor;fill:none}._info_l44nk_4{background:var(--accent-light);color:var(--navy-mid);border:1px solid #90d4aa}._success_l44nk_5{background:var(--success-bg);color:var(--success);border:1px solid #a3dbc9}._error_l44nk_6{background:var(--error-bg);color:var(--error);border:1px solid #f0c0ba}._warning_l44nk_7{background:var(--warning-bg);color:var(--warning);border:1px solid #ffe066}._verified_l63xb_1{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--success);font-weight:600;margin-top:6px}._verified_l63xb_1 svg{width:14px;height:14px;stroke:var(--success);fill:none}._divider_l63xb_3{height:1px;background:var(--border);margin:1.5rem 0}._card_1smdj_1{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px #00652614;width:100%;max-width:480px}._body_1smdj_2{padding:2.5rem 2rem;text-align:center}._iconWrap_1smdj_3{width:72px;height:72px;border-radius:50%;background:var(--success-bg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}._iconWrap_1smdj_3 svg{width:36px;height:36px;stroke:var(--success)}._name_1smdj_5{font-family:"DM Serif Display",serif;font-size:22px;font-weight:400;color:var(--navy);margin-bottom:4px}._action_1smdj_6{font-size:13px;color:var(--text-secondary);margin-bottom:1.5rem}._grid_1smdj_7{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1.5rem}._item_1smdj_8{background:var(--surface);border-radius:10px;padding:12px 14px;border:1px solid var(--border);text-align:left}._lbl_1smdj_9{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);font-weight:600;margin-bottom:4px}._val_1smdj_10{font-size:13px;font-weight:600;color:var(--navy)}._wrapper_m0319_1{width:100%;max-width:960px;display:flex;flex-direction:column;gap:1.5rem}._topBar_m0319_2{display:flex;align-items:center;justify-content:space-between;background:var(--navy);border-radius:16px;padding:1.25rem 1.75rem}._topTitle_m0319_3{color:#fff;font-size:16px;font-weight:600}._topSub_m0319_4{color:#ffffff8c;font-size:12px;margin-top:2px}._logoutBtn_m0319_5{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:none;color:#fff;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}._logoutBtn_m0319_5:hover{background:#fff3}._logoutBtn_m0319_5 svg{width:16px;height:16px;stroke:#fff;fill:none}._stats_m0319_8{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}._statCard_m0319_9{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:1.25rem;text-align:center}._statNum_m0319_10{font-family:"DM Serif Display",serif;font-size:32px;color:var(--navy);line-height:1;margin-bottom:6px}._statLabel_m0319_11{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600}._tableCard_m0319_12{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0065260f}._tableToolbar_m0319_13{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}._tabs_m0319_14{display:flex;gap:4px;background:var(--surface);border-radius:10px;padding:4px}._tab_m0319_12{padding:8px 16px;border-radius:8px;border:none;background:transparent;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s}._tabActive_m0319_16{background:var(--white);color:var(--navy);font-weight:600;box-shadow:0 1px 4px #0065261a}._downloadBtns_m0319_17{display:flex;gap:8px}._dlBtn_m0319_18{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--white);font-size:13px;font-weight:600;color:var(--navy);cursor:pointer;transition:all .15s}._dlBtn_m0319_18:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}._dlBtn_m0319_18:disabled{opacity:.4;cursor:not-allowed}._dlBtn_m0319_18 svg{width:15px;height:15px;stroke:currentColor;fill:none}._searchBar_m0319_22{display:flex;gap:10px;padding:12px 1.5rem;border-bottom:1px solid var(--border);flex-wrap:wrap}._searchWrap_m0319_23,._dateWrap_m0319_23{position:relative;display:flex;align-items:center;flex:1;min-width:200px}._searchIcon_m0319_24,._calIcon_m0319_24{position:absolute;left:12px;width:16px;height:16px;stroke:var(--text-muted);fill:none;pointer-events:none}._searchInput_m0319_25,._dateInput_m0319_25{width:100%;height:40px;border:1.5px solid var(--border);border-radius:10px;padding:0 36px;font-family:DM Sans,sans-serif;font-size:13px;color:var(--text-primary);background:var(--surface);outline:none;transition:border-color .15s}._searchInput_m0319_25:focus,._dateInput_m0319_25:focus{border-color:var(--accent);background:var(--white)}._clearBtn_m0319_27{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:4px}._clearBtn_m0319_27:hover{color:var(--error)}._resultCount_m0319_29{padding:8px 1.5rem;font-size:12px;color:var(--navy-mid);background:var(--accent-light);border-bottom:1px solid #90d4aa}._tableWrap_m0319_30{overflow-x:auto}._table_m0319_12{width:100%;border-collapse:collapse;font-size:13px}._table_m0319_12 th{text-align:left;padding:10px 16px;color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);white-space:nowrap;font-weight:600;background:var(--surface)}._table_m0319_12 td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}._table_m0319_12 tr:last-child td{border-bottom:none}._nameCell_m0319_35{font-weight:600;color:var(--navy);white-space:nowrap}._mono_m0319_36{font-size:12px;color:var(--text-secondary)}._muted_m0319_37{font-size:12px;color:var(--text-secondary);max-width:140px}._timeIn_m0319_38{color:var(--success);font-weight:600;font-size:12px;white-space:nowrap}._timeOut_m0319_39{color:var(--error);font-weight:600;font-size:12px;white-space:nowrap}._timePending_m0319_40{color:var(--text-muted);font-style:italic;font-size:12px}._pill_m0319_41{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}._pillIn_m0319_42{background:var(--success-bg);color:var(--success)}._pillOut_m0319_43{background:#f0f4f8;color:var(--text-secondary)}._empty_m0319_44{text-align:center;padding:3rem;color:var(--text-muted);font-size:14px}@media (max-width:640px){._stats_m0319_8{grid-template-columns:repeat(2,1fr)}._wrapper_m0319_1{max-width:100%}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #006526;--navy-mid: #007a2e;--navy-light: #009438;--accent: #00a83d;--accent-light: #e0f5e9;--gold: #ffd700;--text-primary: #003d17;--text-secondary: #3a6a4a;--text-muted: #7aaa8a;--border: #c0e8cc;--surface: #f0faf3;--white: #ffffff;--success: #0d7a5f;--success-bg: #e6f6f2;--error: #c0392b;--error-bg: #fdf0ee;--warning-bg: #fffbe6;--warning: #7a5f00;--input-h: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px}html,body,#root{height:100%;min-height:100vh}body{font-family:DM Sans,sans-serif;background:var(--surface);color:var(--text-primary);-webkit-font-smoothing:antialiased}button{font-family:DM Sans,sans-serif;cursor:pointer}input,select{font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}