html,body,#root{min-height:100vh}body{margin:0}*{box-sizing:border-box}body{color:#1f2937;background:#f3f4f6;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}.checking{text-align:center;color:#6b7280;margin-top:20vh}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;flex-direction:column;gap:.75rem;width:360px;padding:2.5rem;display:flex;box-shadow:0 10px 30px #00000014}.login-card h1{margin:0;font-size:1.5rem}.login-card p{color:#6b7280;margin:0 0 .5rem}.app header{color:#fff;background:#0f766e;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.app header h1{margin:0;font-size:1.2rem}.user{align-items:center;gap:1rem;display:flex}.user em{opacity:.8;font-style:normal}.import-tool{align-items:center;gap:.5rem;display:flex}.import-tool select{color:#fff;background:#115e59;border:1px solid #99f6e4;border-radius:6px;padding:.35rem .5rem;font-size:.8rem}.import-tool select option{color:#1e293b;background:#fff}.btn-import{color:#451a03;cursor:pointer;background:#f59e0b;border:0;border-radius:6px;padding:.4rem .9rem;font-weight:600}.btn-import:disabled{opacity:.6;cursor:wait}.import-result{white-space:pre-wrap;border-radius:8px;margin:.75rem 2rem 0;padding:.6rem 2.5rem .6rem .8rem;font-size:.8rem;position:relative}.import-result.ok{color:#064e3b;background:#ecfdf5;border:1px solid #34d399}.import-result.bad{color:#7f1d1d;background:#fef2f2;border:1px solid #fca5a5}.import-result pre{white-space:pre-wrap;margin:0;font-family:inherit}.import-result button{cursor:pointer;color:inherit;background:0 0;border:0;font-size:1rem;position:absolute;top:.4rem;right:.5rem}nav{background:#115e59;gap:.5rem;padding:.5rem 2rem;display:flex;box-shadow:0 2px 6px #00000026}nav button{color:#e6fffa;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.95rem}nav button:hover{background:#ffffff26}nav button.active{color:#0f766e;background:#fff;font-weight:600}main{max-width:1100px;margin:0 auto;padding:2rem}section h2{margin-top:0}input,select{border:1px solid #d1d5db;border-radius:6px;padding:.55rem;font-size:.95rem}button{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:6px;padding:.55rem 1rem;font-size:.95rem}button:disabled{opacity:.6;cursor:not-allowed}.user button,.nav button{color:#0f766e;background:#fff}.error{color:#b91c1c;margin:0}.leave-form,.user-form{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.leave-form input,.user-form input,.leave-form select,.user-form select{flex:160px}table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000000f}th,td{text-align:left;border-bottom:1px solid #f3f4f6;padding:.6rem .9rem}th{text-transform:uppercase;letter-spacing:.03em;color:#6b7280;background:#f9fafb;font-size:.8rem}.badge{border-radius:999px;padding:.15rem .5rem;font-size:.8rem}.badge-pending{color:#92400e;background:#fef3c7}.badge-approved{color:#065f46;background:#d1fae5}.badge-rejected{color:#991b1b;background:#fee2e2}.badge-ok{color:#065f46;background:#d1fae5}.badge-danger{color:#991b1b;background:#fee2e2}.badge-viewer{color:#5b21b6;background:#ede9fe}.report-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.report-toolbar .seg{background:#e2e8f0;border-radius:8px;gap:.25rem;padding:.25rem;display:flex}.report-toolbar .seg button{color:#334155;background:0 0;border-radius:6px;padding:.4rem .9rem}.report-toolbar .seg button.active{color:#fff;background:#0f766e}.report-toolbar .hint{color:#6b7280;font-size:.85rem}.print-settings{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.75rem;padding:.35rem .6rem;display:inline-flex}.print-settings label{color:#475569;text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;display:inline-flex}.print-settings select,.print-settings input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:.15rem .25rem;font-size:.8rem}.print-settings input{width:52px}.dirty-hint{color:#b45309;font-weight:600}.btn-save{background:#0f766e}.btn-ghost{color:#374151;background:0 0;border:1px solid #d1d5db}.row-dirty{background:#fffbe6}.row-dirty .comment-select{background:#fffdf5;border:1px solid #f59e0b}.dept-group{margin:1rem 0 2rem}.dept-group h3{color:#075985;background:#e0f2fe;border-left:4px solid #0284c7;border-radius:6px;margin:0 0 .75rem;padding:.5rem .9rem;font-size:1rem}.dept-count{color:#0284c7;font-weight:400}.code-badge{color:#713f12;background:#fef9c3;border:1px solid #eab308;border-radius:10px;padding:1px 8px;font-size:.8rem;font-weight:600;display:inline-block}.report-title{text-align:center;margin-bottom:1.5rem}.report-title h2{color:#134e4a;margin:0;font-size:1.4rem}.report-title h3{color:#0f766e;margin:.25rem 0;font-weight:600}.report-title p{color:#475569;margin:.25rem 0 0;font-size:.95rem}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:#1d4ed8;background:#eef2ff}.bulk-bar{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.75rem;margin:.5rem 0 1rem;padding:.6rem .9rem;font-weight:600;display:flex}.row-selected{background:#fef3c7}.deputed-badge{color:#3730a3;white-space:nowrap;background:#e0e7ff;border-radius:999px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.deputed-badge.deputed-display{color:#15803d;background:#dcfce7}td.emp-id{white-space:nowrap;min-width:70px}td.emp-name{white-space:nowrap;min-width:150px}td.emp-dept{min-width:140px}td.emp-email{white-space:nowrap;min-width:150px}td.emp-order{min-width:60px}.order-cell{width:55px}.bulk-tool{background:#fffbeb;border:1px dashed #f59e0b;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.75rem .9rem;font-size:.9rem;display:flex}.bulk-tool strong{color:#92400e}.bulk-msg{color:#0f766e;font-weight:600}.report-card{background:#fff;border-radius:10px;margin-bottom:1.5rem;overflow-x:auto;box-shadow:0 1px 3px #0000000f}.report-head{background:#f0fdfa;border-bottom:1px solid #ccfbf1;flex-wrap:wrap;gap:1.5rem;padding:.75rem .9rem;font-size:.95rem;display:flex}.report-card table{box-shadow:none;border-radius:0;min-width:100%}.report-card td,.report-card th{white-space:nowrap;padding:.4rem .55rem;font-size:.85rem}.report-card th{font-size:.72rem}.report-card .btn-ghost,.report-card .btn-save{padding:.25rem .55rem;font-size:.78rem}.editable-cell{cursor:pointer}.editable-cell:hover{background:#f0f9ff;outline:1px dashed #93c5fd}.report-card td input[type=time]{border:1px solid #93c5fd;border-radius:4px;padding:.2rem .3rem;font-size:.8rem}.detail-report-table th,.detail-report-table td{white-space:nowrap;padding:.32rem .4rem;font-size:.8rem}.detail-report-table th{text-transform:uppercase;font-size:.68rem}.detail-report-table tbody td:first-child,.detail-report-table tbody td:nth-child(2){text-align:left}.detail-report-table .comment-select{width:96px}.detail-report-table .shot-thumb{width:32px;height:32px}.detail-report-table .shot-player{max-width:104px;height:28px}.detail-report-table .cell-inline{gap:3px}.detail-report-table td input[type=time]{width:60px;padding:.16rem .2rem}.detail-report-table .btn-save,.detail-report-table .btn-ghost{padding:.15rem .35rem;font-size:.72rem}.detail-report-table .shot-upload{padding:1px 6px;font-size:11px}.detail-report-table .edit-time{white-space:normal;color:#94a3b8;max-width:120px;font-size:.7rem;display:block}.row-leave{background:#fff7ed}.comment-select{width:110px;padding:.25rem;font-size:.8rem}.chip{color:#374151;background:#e5e7eb;padding:.25rem .5rem;font-size:.75rem}.chip:hover{color:#065f46;background:#d1fae5}.badge-leave{color:#92400e;background:#fef3c7;margin-right:.4rem}.neg{color:#b91c1c;font-weight:600}.pos{color:#047857;font-weight:600}.in-cell{width:110px;padding:.3rem;font-size:.85rem}.reason-cell{width:170px}.warn-hint{color:#b45309;font-weight:600}.ok-hint{color:#0f766e;font-weight:600}.win-reason{width:200px;padding:.3rem;font-size:.85rem}.win-chip{color:#065f46;background:#ecfdf5;border:1px solid #34d399;border-radius:14px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.8rem;display:inline-flex}.win-chip button{color:#b91c1c;cursor:pointer;background:0 0;border:0;font-size:.9rem;font-weight:700;line-height:1}.audit-table td,.audit-table th{padding:.4rem .6rem}.audit-table td.chg{background:#fef3c7}.audit-action{text-transform:uppercase;color:#334155;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:10px;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.act-insert{color:#14532d;background:#dcfce7;border-color:#86efac}.act-update{color:#713f12;background:#fef9c3;border-color:#fde047}.act-delete,.act-bulk-delete{color:#7f1d1d;background:#fee2e2;border-color:#fca5a5}.act-bulk{color:#075985;background:#e0f2fe;border-color:#7dd3fc}.audit-role{color:#6b7280}.note{color:#6b7280;margin:.25rem 0 1rem;font-size:.85rem}.btn-danger{color:#fff;background:#b91c1c}.btn-danger:hover{background:#991b1b}.user-form select,.user-form input{flex:160px}.edited-cell{background:#fff7df}.corr-row td{background:#f8fafc;padding:8px}.corr-form{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.corr-form label{align-items:center;gap:4px;font-weight:600;display:flex}.corr-form input[type=time],.corr-form input[placeholder]{padding:4px 6px}.corr-form mark{background:#ffe58a;border-radius:4px;padding:1px 5px}.grand-total{background:#eef4ff;border:1px solid #b9cff7;border-radius:8px;margin:6px 0 10px;padding:8px 14px;font-size:14px}.dept-total-strip{background:#f4f6f8;border-top:2px solid #d0d7de;border-radius:6px;margin-top:10px;padding:7px 12px;font-size:13.5px}.app-with-sidebar{align-items:stretch;min-height:100vh;display:flex}.sidebar{color:#cfd8e3;background:#16202c;flex-direction:column;flex-shrink:0;width:232px;height:100vh;display:flex;position:sticky;top:0}.side-brand{color:#fff;letter-spacing:.3px;border-bottom:1px solid #223041;padding:18px 16px;font-size:17px;font-weight:700}.side-brand span{color:#6ea8fe;font-weight:500}.side-user{border-bottom:1px solid #223041;align-items:center;gap:10px;padding:14px 16px;display:flex}.avatar{color:#fff;background:#2b6cb0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.side-user-meta{flex-direction:column;line-height:1.25;display:flex}.side-user-meta strong{color:#fff;font-size:13.5px}.side-user-meta em{color:#8fa3ba;text-transform:capitalize;font-size:12px;font-style:normal}.side-nav{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.side-nav button{text-align:left;color:#cfd8e3;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 12px;font-size:13.5px}.side-nav button:hover{color:#fff;background:#223041}.side-nav button.active{color:#fff;background:#2b6cb0;font-weight:600}.side-bottom{border-top:1px solid #223041;padding:12px}.btn-logout{color:#cfd8e3;cursor:pointer;background:0 0;border:1px solid #3a4a5d;border-radius:7px;width:100%;padding:8px;font-size:13px}.btn-logout:hover{color:#fff;background:#b02b37;border-color:#b02b37}.content-area{flex-direction:column;flex:1;min-width:0;display:flex}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-width:460px;padding:6px 16px;box-shadow:0 1px 3px #0000000f}.profile-row{border-bottom:1px dashed #edf1f5;justify-content:flex-start;gap:20px;padding:9px 0;font-size:13.5px;display:flex}.profile-row:last-child{border-bottom:0}.profile-row span{color:#64748b;min-width:110px}.nav-toggle,.nav-backdrop{display:none}@media (width<=900px){.nav-toggle{z-index:60;color:#fff;cursor:pointer;background:#16202c;border:1px solid #3a4a5d;border-radius:8px;width:40px;height:40px;margin:8px 0 0 8px;font-size:20px;line-height:1;display:block;position:sticky;top:8px;left:8px}.app-with-sidebar{flex-direction:column}.content-area{width:100%}.sidebar{z-index:70;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:2px 0 12px #00000040}.sidebar--open{transform:translate(0)}.nav-open .nav-backdrop{z-index:65;cursor:pointer;background:#00000073;display:block;position:fixed;inset:0}.side-nav{flex-direction:column}.side-bottom{border-top:1px solid #223041;margin-left:0}}@media (width<=600px){.report-toolbar{gap:.5rem}.report-toolbar .seg{flex-wrap:wrap;width:100%}.report-toolbar .seg button{flex:auto;padding:.4rem .5rem;font-size:12.5px}.report-card{overflow-x:auto}.report-card table{min-width:620px}.my-table{white-space:nowrap;display:block;overflow-x:auto}.month-picker input,.report-toolbar input,.report-toolbar select{box-sizing:border-box;width:100%;max-width:100%}.grand-total{font-size:12.5px;line-height:1.5}.report-card .report-head{flex-direction:column;align-items:flex-start;gap:4px}.ie-grid{grid-template-columns:1fr}header h1{font-size:17px}}.profile-head{justify-content:space-between;align-items:center;padding:10px 0 6px;display:flex}.profile-head h3{color:#475569;text-transform:uppercase;letter-spacing:.4px;margin:0;font-size:14px}.profile-edit label{color:#475569;flex-direction:column;gap:4px;padding:7px 0;font-size:12.5px;display:flex}.profile-edit input{border:1px solid #cbd5e1;border-radius:7px;max-width:320px;padding:7px 9px;font-size:13.5px}.profile-actions{gap:8px;padding-top:10px;display:flex}.row-actions{align-items:center;gap:6px;display:flex}.my-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.my-title h2{margin:0}.my-desig{color:#64748b;font-size:16px;font-weight:500}.month-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.my-subtitle{color:#334155;margin:8px 0 12px;font-weight:600}.my-table td,.my-table th{padding:7px 10px}.cell-inline{align-items:center;gap:5px;display:inline-flex}.btn-x{color:#b02b37;cursor:pointer;background:#fff;border:1px solid #e3a2a8;border-radius:50%;width:20px;height:20px;padding:0;font-size:11px;line-height:1}.btn-x:hover{color:#fff;background:#b02b37}.btn-x:disabled{opacity:.45;cursor:not-allowed}.shot-cell{align-items:center;gap:5px;display:inline-flex}.shot-thumb{object-fit:cover;cursor:pointer;border:1px solid #cbd5e1;border-radius:5px;width:40px;height:40px;display:block}.shot-link:hover .shot-thumb{border-color:#2b6cb0}.shot-player{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;max-width:150px;height:34px;display:block}.shot-upload{color:#334155;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #c0cbd8;border-radius:6px;padding:2px 8px;font-size:12px;display:inline-block}.shot-upload:hover{background:#e2e8f0}.shot-none{color:#94a3b8}.side-section{border-top:1px solid #223041;flex-direction:column;gap:7px;padding:12px 14px;display:flex}.side-label{text-transform:uppercase;letter-spacing:.6px;color:#8fa3ba;font-size:11px}.side-section select{color:#cfd8e3;background:#1d2938;border:1px solid #3a4a5d;border-radius:6px;width:100%;padding:6px 8px;font-size:12.5px}.side-import-btn{color:#fff;cursor:pointer;background:#2b6cb0;border:0;border-radius:7px;width:100%;padding:8px;font-size:13px;font-weight:600}.side-import-btn:hover{background:#2f7ad1}.side-import-btn:disabled{opacity:.55;cursor:wait}.side-status{font-size:11.5px}.side-status.ok{color:#68d391}.side-status.err{color:#fc8181}.side-file{color:#cfd8e3;background:#1d2938;border:1px dashed #3a4a5d;border-radius:6px;width:100%;padding:6px;font-size:11.5px}.side-group{margin:1px 0}.group-btn{color:#e6edf5;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.group-btn:hover{background:#223041}.group-btn.active-parent{color:#fff;background:#223041;border-left:3px solid #2b6cb0}.chev{color:#8fa3ba;font-size:11px;font-style:normal}.sub-items{flex-direction:column;gap:1px;padding:2px 0 4px 12px;display:flex}.sub-items button{text-align:left;color:#b9c6d4;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 10px 7px 16px;font-size:13px}.sub-items button:hover{color:#fff;background:#223041}.sub-items button.active{color:#fff;background:#2b6cb0}.sub-group{flex-direction:column;display:flex}.sub-parent{text-align:left;color:#b9c6d4;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px 7px 16px;font-size:13px;font-weight:600;display:flex}.sub-parent:hover,.sub-parent.active{color:#fff;background:#223041}.sub-children{flex-direction:column;gap:1px;padding-left:14px;display:flex}.sub-children button{text-align:left;color:#93a4b8;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px 6px 16px;font-size:12.5px}.sub-children button:hover{color:#fff;background:#223041}.sub-children button.active{color:#fff;background:#2b6cb0}.ie-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;max-width:1100px;display:grid}.ie-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:9px;padding:14px;display:flex;box-shadow:0 1px 3px #0000000d}.ie-card h3{color:#1e293b;margin:0;font-size:14px}.ie-card .side-import-btn{background:#2b6cb0}.ie-card .side-file{color:#334155;background:#f8fafc;border-color:#cbd5e1}.users-layout{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:16px;display:grid}.users-left{position:sticky;top:14px}.user-form.vertical{flex-direction:column;gap:9px;display:flex}.user-form.vertical label{color:#475569;flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.user-form.vertical input,.user-form.vertical select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:7px;width:100%;padding:7px 9px;font-size:13px;font-weight:400}.user-form.vertical input:focus,.user-form.vertical select:focus{border-color:#2b6cb0;outline:none;box-shadow:0 0 0 2px #2b6cb026}.left-hint{color:#64748b;margin-top:10px;font-size:12px;line-height:1.5}@media (width<=1150px){.users-layout{grid-template-columns:1fr}.users-left{order:-1;position:static}}.ie-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600}.ie-card input[type=date],.ie-card select{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:7px;width:100%;padding:7px 9px;font-size:13px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.page-head h2{margin:0}.adduser-wrap{max-width:520px}.adduser-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:760px;margin:0 auto;padding:20px 22px;box-shadow:0 1px 4px #00000012}.form-section{text-transform:uppercase;letter-spacing:.8px;color:#64748b;border-bottom:1px solid #eef1f5;margin:14px 0 10px;padding-bottom:5px;font-size:11.5px}.form-section:first-of-type{margin-top:0}.form-grid{grid-template-columns:1fr 1fr;gap:13px 16px;display:grid}.form-field{flex-direction:column;gap:5px;display:flex}.form-field.span-2{grid-column:1/-1}.form-label{color:#475569;font-size:12px;font-weight:600}.user-form.vertical .form-field input,.user-form.vertical .form-field select,.adduser-card input,.adduser-card select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:9px 11px;font-size:14px;font-weight:400}.adduser-card input:focus,.adduser-card select:focus{border-color:#2b6cb0;outline:none;box-shadow:0 0 0 3px #2b6cb024}.adduser-actions{gap:10px;margin-top:18px;display:flex}.adduser-success{text-align:center;padding:20px 0}.adduser-success .profile-actions{justify-content:center;margin-top:12px}@media (width<=700px){.form-grid{grid-template-columns:1fr}}.my-table select,.my-table .in-cell,.my-table input[type=number],.my-table input[type=text]{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:7px;min-height:32px;padding:6px 9px;font-size:13px;font-weight:400}.my-table td{vertical-align:middle}.my-table .order-cell{text-align:center;width:64px}.users-table th,.users-table td{padding:.35rem .5rem;font-size:.85rem}.users-table td{vertical-align:middle}.users-table td.emp-id{white-space:nowrap;min-width:55px}.users-table td.emp-name{white-space:nowrap;min-width:115px}.users-table td.emp-dept{min-width:110px}.users-table td.emp-email{white-space:nowrap;min-width:150px}.users-table td.emp-order{min-width:42px}.users-table td select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;max-width:150px;padding:3px 5px;font-size:.85rem}.users-table .in-cell{padding:3px 5px;font-size:.85rem}.users-table .email-cell{width:200px}.users-table .order-cell{text-align:center;width:38px}.users-table td input[type=checkbox]{width:14px;height:14px}.users-table .row-actions button{padding:3px 8px;font-size:.8rem}.leave-record-table{font-size:12.5px}.leave-record-table th,.leave-record-table td{white-space:nowrap;padding:6px 8px}.leave-record-table th{min-width:34px}.leave-record-table th:nth-child(n+4),.leave-record-table td:nth-child(n+4){text-align:center}.sidebar{width:214px}.side-nav{gap:1px;padding:8px}.sub-items{padding:2px 0 4px 10px}.sub-items button{padding:7px 9px 7px 12px}.side-section{display:none}.win-list{flex-wrap:wrap;gap:6px;width:100%;display:flex}.win-chip{background:#eef4ff;border:1px solid #b9cff7;border-radius:14px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.win-chip button{cursor:pointer;color:#b02b37;background:0 0;border:0;padding:0;font-size:13px;line-height:1}.dept-chips{flex-wrap:wrap;align-items:center;gap:7px;margin:4px 0 12px;display:flex}.dept-chips-label{color:#64748b;margin-right:3px;font-size:12px;font-weight:600}.dept-chip{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:4px 11px;font-size:12.5px}.dept-chip.on{color:#1e4f9c;border-color:#2b6cb0}.dept-chip.on:hover{background:#eef4ff}.dept-chip.off{color:#94a3b8;background:#f1f5f9;text-decoration:line-through}.dept-chip.off:hover{color:#b02b37;background:#fee2e2;border-color:#ef9a9a}.dept-chip-toggle{border-style:dashed;font-weight:700}.viewer-layout-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.viewer-layout-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:7px;flex:1;min-width:160px;max-width:320px;padding:5px 9px;font-size:12.5px}.viewer-layout-save{color:#fff;cursor:pointer;background:#2b6cb0;border:1px solid #2b6cb0;border-radius:7px;padding:5px 11px;font-size:12px;font-weight:600}.viewer-layout-save:hover{background:#1e4f9c}.viewer-layout-save:disabled{opacity:.6;cursor:default}.viewer-layout-hint{color:#64748b;margin:4px 0 0;font-size:11px}.net-effect-link{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.net-effect-link:hover{color:#1e4f9c}.focus-banner{background:#eef4ff;border:1px solid #b9d3f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin:4px 0 12px;padding:8px 12px;font-size:13px;display:flex}.leave-balance{max-width:560px}.cl-balance{background:#eef4ff;border:1px solid #b9cff7;border-radius:10px;margin:10px 0;padding:12px 16px}.cl-balance .big{color:#1e4f9c;margin-right:6px;font-size:30px;font-weight:800}.cl-balance .of{color:#334155;font-size:14px;font-weight:600}.cl-detail{color:#475569;margin-top:6px;font-size:12.5px;line-height:1.6}.balance-table{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:13px}.balance-table th,.balance-table td{text-align:left;border-bottom:1px solid #edf1f5;padding:7px 9px}.balance-table th{color:#475569;background:#f8fafc;font-size:12px}.monitor-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.monitor-head h2{color:#1e293b;margin:0;font-size:20px}.monitor-controls{flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.monitor-now{color:#334155;font-weight:700}.monitor-refresh{color:#64748b}.monitor-toggle,.monitor-refresh-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:5px 12px;font-size:12.5px}.monitor-toggle{font-weight:700}.monitor-toggle:hover,.monitor-refresh-btn:hover{color:#1e4f9c;border-color:#2b6cb0}.monitor-toggle.on{color:#fff;background:#1e4f9c;border-color:#1e4f9c}.monitor-cards{flex-wrap:wrap;gap:10px;margin:4px 0 14px;display:flex}.monitor-card{cursor:pointer;border:none;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-width:96px;padding:10px 18px;display:flex;box-shadow:0 1px 2px #0000000f}.monitor-card.active{outline-offset:1px;outline:3px solid #2563eb}.monitor-card-n{font-size:26px;font-weight:800;line-height:1}.monitor-card-label{font-size:11.5px;font-weight:600}.monitor-filters{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.monitor-name-filter input{border:1px solid #cbd5e1;border-radius:8px;width:100%;max-width:320px;padding:7px 11px;font-size:13px}.monitor-table-wrap{overflow-x:hidden}.monitor-table{table-layout:fixed;border-collapse:collapse;width:100%}.monitor-table td,.monitor-table th{text-align:left;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #edf1f5;padding:7px 8px;overflow:hidden}.monitor-table thead th{color:#475569;background:#f8fafc;font-size:11.5px;position:sticky;top:0}.monitor-table th:first-child,.monitor-table td:first-child{width:12%}.monitor-table th:nth-child(2),.monitor-table td:nth-child(2){text-overflow:clip;white-space:normal;width:24%;overflow:visible}.monitor-table th:nth-child(3),.monitor-table td:nth-child(3){width:12%}.monitor-table th:nth-child(4),.monitor-table td:nth-child(4){width:9%}.monitor-table th:nth-child(5),.monitor-table td:nth-child(5),.monitor-table th:nth-child(6),.monitor-table td:nth-child(6){width:10%}.monitor-table th:nth-child(7),.monitor-table td:nth-child(7){width:8%}.monitor-table th:nth-child(8),.monitor-table td:nth-child(8){width:15%}.monitor-row .emp-name{font-weight:600}.monitor-late{color:#b45309;margin-left:5px;font-size:11px;font-weight:700}.monitor-lv{color:#92400e;background:#fef3c7;border-radius:4px;margin-left:5px;padding:1px 5px;font-size:10.5px;font-weight:700}.monitor-status{border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.monitor-empty{color:#64748b;padding:14px}.viewer{z-index:100;color:#0f172a;background:#f1f5f9;flex-direction:column;font-family:inherit;font-size:clamp(13px,1.7vmin,30px);display:flex;position:fixed;inset:0;overflow:hidden}.viewer-top{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.55em 1em;display:flex}.viewer-top h1{color:#0f172a;letter-spacing:.5px;margin:0;font-size:1.2em}.viewer-clock{font-variant-numeric:tabular-nums;align-items:baseline;gap:.75em;display:flex}.viewer-day{color:#64748b;font-size:.85em}.viewer-time{color:#047857;font-size:1.5em;font-weight:800}.viewer-grid{flex:1;grid-auto-rows:minmax(0,1fr);gap:.45em;min-height:0;padding:.45em;display:grid}.viewer-grid-1{grid-template-rows:1fr;grid-template-columns:1fr}.viewer-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.viewer-cell{background:#fff;border:1px solid #cbd5e1;border-radius:.5em;flex-direction:column;min-height:0;display:flex;overflow:hidden}.viewer-cell-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.4em .7em;display:flex}.viewer-cell-head h2{color:#0f172a;text-transform:capitalize;margin:0;font-size:1em}.viewer-cell--full .viewer-cell-head h2{font-size:1.4em}.viewer-cell-total{color:#3730a3;background:#e0e7ff;border-radius:999px;padding:.05em .6em;font-size:.75em;font-weight:700}.viewer-cell-summary{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:.3em;padding:.35em .6em;display:flex}.viewer-sum-item{white-space:nowrap;border-radius:999px;padding:.12em .55em;font-size:.68em;font-weight:600}.viewer-sum-item b{margin-right:.2em;font-size:1.15em}.viewer-table-wrap{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.viewer-table-wrap::-webkit-scrollbar{display:none}.viewer-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:inherit}.viewer-table th,.viewer-table td{text-align:left;white-space:nowrap;text-overflow:ellipsis;color:#0f172a;border-bottom:1px solid #e2e8f0;padding:.22em .5em;overflow:hidden}.viewer-table th{color:#475569;background:#f8fafc;font-size:.68em;position:sticky;top:0}.viewer-table th:first-child,.viewer-table td:first-child{white-space:normal;width:34%;overflow:visible}.viewer-table th:nth-child(2),.viewer-table td:nth-child(2),.viewer-table th:nth-child(3),.viewer-table td:nth-child(3),.viewer-table th:nth-child(4),.viewer-table td:nth-child(4){width:22%}.viewer-name{color:#0f172a;font-weight:600}.viewer-sub-row{background:#eef2f7}.viewer-sub-head{color:#475569;text-transform:capitalize;background:#eef2f7;font-size:.72em;font-weight:700;padding:.3em .6em!important}.viewer-empty{color:#64748b;grid-column:1/-1;place-self:center;font-size:1.05em}.viewer-empty-sm{color:#64748b;padding:.6em;font-size:.7em}.viewer .deputed-badge{margin-left:.35em;padding:.12em .5em;font-size:.62em}.viewer .monitor-late{margin-left:.3em;font-size:.68em}.viewer .monitor-status{padding:.18em .6em;font-size:.68em}.viewer-stats{background:#fff;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(8,minmax(0,1fr));gap:.45em;padding:.45em .6em;display:grid}.viewer-stat-tile{border-radius:.6em;justify-content:center;align-items:center;gap:.55em;min-width:0;padding:.45em .5em;display:flex;overflow:hidden}.viewer-stat-icon{font-size:1.7em;line-height:1}.viewer-stat-text{flex-direction:column;min-width:0;display:flex}.viewer-stat-count{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.7em;font-weight:800;line-height:1.05}.viewer-stat-label{white-space:nowrap;text-overflow:ellipsis;font-size:.8em;font-weight:600;line-height:1.05;overflow:hidden}.viewer-clock-tile{color:#fff;background:#1e293b;border-radius:.6em;flex-direction:column;justify-content:center;align-items:center;gap:.12em;min-width:0;padding:.45em .5em;display:flex}.viewer-clock-date{text-transform:uppercase;letter-spacing:.5px;font-size:.8em;font-weight:700}.viewer-clock-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:1.45em;font-weight:800;line-height:1.05}.viewer-main{background:#f1f5f9;flex-direction:column;flex:1;min-height:0;padding:.45em .6em;display:flex}.viewer-columns{scrollbar-width:none;flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5em;min-height:0;display:grid;overflow-y:auto}.viewer-columns::-webkit-scrollbar{display:none}.viewer-col-table{background:#fff;border:1px solid #cbd5e1;border-radius:.55em;font-size:.95em}.viewer-col-table thead th{color:#fff;letter-spacing:.4px;text-transform:uppercase;background:#0f172a;border-bottom:2px solid #0f172a;padding:.34em .4em;font-size:.66em;font-weight:800}.viewer-col-table th:first-child,.viewer-col-table td:first-child,.viewer-col-table th:nth-child(2),.viewer-col-table th:nth-child(3),.viewer-col-table th:nth-child(4){white-space:nowrap}.viewer-col-table th:first-child,.viewer-col-table td:first-child{text-overflow:ellipsis;width:42%;overflow:hidden}.viewer-col-table td:first-child{white-space:nowrap}.viewer-col-table th:nth-child(2),.viewer-col-table td:nth-child(2),.viewer-col-table th:nth-child(3),.viewer-col-table td:nth-child(3){width:20%}.viewer-col-table th:nth-child(4),.viewer-col-table td:nth-child(4){width:18%}.viewer-col-table tbody tr:hover{background:#f8fafc}.viewer-col-table td{padding:.18em .45em}.viewer-dept-head td{color:#fff;text-transform:uppercase;letter-spacing:.5px;text-align:left;white-space:nowrap;background:#0f766e;border-top:1px solid #0d5f58;border-bottom:1px solid #0d5f58;padding:.28em .6em;font-size:.78em;font-weight:800}.viewer-col-table tr.viewer-dept-head:first-child td{border-top:none}.viewer-foot{color:#64748b;background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.35em 1em;font-size:.72em;display:flex}.viewer-logout,.viewer-reload{color:#0f172a;cursor:pointer;background:#e2e8f0;border:1px solid #cbd5e1;border-radius:.4em;padding:.22em .7em;font-size:.75em}.viewer-logout:hover,.viewer-reload:hover{background:#cbd5e1}.viewer-loading,.viewer-error{z-index:100;color:#0f172a;background:#f1f5f9;flex-direction:column;justify-content:center;align-items:center;gap:.7em;font-size:1.05em;display:flex;position:fixed;inset:0}.opt-wrap{display:inline-block;position:relative}.opt-menu{z-index:30;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:150px;padding:4px;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 6px 18px #0f172a1f}.opt-item{text-align:left;cursor:pointer;color:#0f172a;background:0 0;border:none;border-radius:6px;width:100%;padding:6px 10px;font-size:.8rem;display:block}.opt-item:hover{background:#f1f5f9}.modal-overlay{z-index:200;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{color:#0f172a;background:#fff;border-radius:12px;width:100%;max-width:380px;padding:18px 20px;box-shadow:0 12px 40px #0f172a47}.modal-box h3{margin:0 0 10px;font-size:1.02rem}.modal-box label{color:#334155;margin:10px 0 0;font-size:.82rem;font-weight:600;display:block}.modal-box input,.modal-box select{box-sizing:border-box;width:100%;margin-top:4px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}