.punch-policy-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(2,6,23,.6);backdrop-filter:blur(10px)}.punch-policy-modal{width:100%;max-width:1480px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:28px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);box-shadow:0 30px 120px rgba(15,23,42,.35)}.pp-list-modal{max-width:920px}.pp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);flex-shrink:0}.pp-breadcrumb{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px}.pp-current{color:#111827;font-weight:600}.pp-header-actions{display:flex;gap:10px;flex-shrink:0;align-items:center}.pp-title{margin:0;font-size:26px;font-weight:700;color:#0f172a;line-height:1.25;letter-spacing:-.02em}.pp-subtitle{margin:6px 0 0;color:#64748b;font-size:14.5px;line-height:1.5}.pp-btn{height:42px;padding:0 18px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center}.pp-btn:disabled{opacity:.6;cursor:not-allowed}.pp-btn-secondary{background:#fff;color:#111827;border-color:#e2e8f0}.pp-btn-secondary:hover:not(:disabled){background:#f8fafc}.pp-btn-primary{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.pp-btn-primary:hover:not(:disabled){background:#1e40af}.pp-btn-sm{height:36px;padding:0 14px;font-size:13px}.pp-body{flex:1;min-height:0;overflow-y:auto;padding:24px}.pp-list-toolbar{margin-bottom:16px}.pp-list-search{display:flex;align-items:center;gap:10px;max-width:360px;height:42px;padding:0 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b}.pp-list-search input{border:none;outline:none;width:100%;background:transparent;font-size:14px;color:#0f172a}.pp-list-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.pp-list-table{width:100%;border-collapse:collapse}.pp-list-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.pp-list-table th{text-align:left;padding:14px 18px;font-size:13px;font-weight:600;color:#64748b}.pp-list-table td{padding:16px 18px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.pp-list-table tbody tr:last-child td{border-bottom:none}.pp-list-table tbody tr:hover{background:#f8fafc}.pp-list-name{font-size:15px;font-weight:600;color:#0f172a;margin-bottom:2px}.pp-list-desc{font-size:13px;color:#64748b}.pp-list-empty{text-align:center;color:#94a3b8;padding:40px 18px!important;font-size:14px}.pp-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.pp-status-badge.active{background:#d1fae5;color:#047857}.pp-status-badge.inactive{background:#f1f5f9;color:#64748b}.pp-list-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.pp-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s ease}.pp-icon-btn:hover{background:#f1f5f9;color:#1d4ed8;border-color:#c7d2fe}.pp-icon-btn.danger{color:#ef4444}.pp-icon-btn.danger:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.pp-delete-confirm{display:flex;align-items:center;gap:4px}.pp-delete-no,.pp-delete-yes{height:28px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent}.pp-delete-yes{background:#ef4444;color:#fff}.pp-delete-yes:hover{background:#dc2626}.pp-delete-yes:disabled{opacity:.6;cursor:not-allowed}.pp-delete-no{background:#fff;color:#64748b;border-color:#e2e8f0}.pp-delete-no:hover{background:#f8fafc}.pp-main-layout{display:flex;gap:20px;align-items:flex-start}.pp-form-panel{flex:1.85;padding:24px 22px 20px;box-shadow:0 1px 3px rgba(15,23,42,.04)}.pp-assignment-panel,.pp-form-panel{background:#ffffff;border:1px solid #e2e8f0;border-radius:20px}.pp-assignment-panel{flex:1.05;padding:20px 18px 16px;position:sticky;top:0;align-self:flex-start;max-height:calc(92vh - 120px);overflow-y:auto}.pp-section{margin-top:28px;padding-top:20px;border-top:1px solid #e2e8f0}.pp-section:first-of-type{margin-top:22px;padding-top:0;border-top:none}.pp-section-title{margin:0 0 6px;font-size:16px;font-weight:700;color:#0f172a}.pp-section-desc{margin:0 0 16px;font-size:13px;color:#64748b;line-height:1.45}.pp-grid{display:grid;gap:16px}.pp-grid-two{grid-template-columns:1fr 1fr}.pp-grid-three{grid-template-columns:1fr 1fr 1fr}.pp-field{display:flex;flex-direction:column;gap:7px;min-width:0}.pp-field label{display:inline-flex;align-items:center;gap:5px;color:#334155;font-size:13.5px;font-weight:600;flex-wrap:wrap}.required{color:#ef4444}.pp-field input,.pp-field select,.pp-field textarea{width:100%;border:1px solid #e2e8f0;border-radius:12px;min-height:44px;padding:10px 12px;background:#fff;color:#0f172a;font-size:14px;box-sizing:border-box;transition:all .15s ease;font-family:inherit}.pp-field textarea{min-height:72px;resize:vertical}.pp-field input:focus,.pp-field select:focus,.pp-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.pp-field input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.pp-helper-text{font-size:12px;color:#64748b;margin-top:2px;line-height:1.4}.pp-linked-hint{font-size:12px;color:#64748b;font-weight:400}.pp-radio-row{display:flex;gap:10px;flex-wrap:wrap}.pp-radio{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#334155;cursor:pointer;font-size:13.5px;font-weight:500;transition:all .15s ease}.pp-radio input{accent-color:#4f46e5;width:16px;height:16px;margin:0}.pp-radio.active{border-color:#6366f1;background:#eef2ff;color:#4338ca}.pp-radio:hover:not(.active){border-color:#c7d2fe;background:#f8fafc}.pp-flag-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;font-weight:500;color:#0f172a;cursor:pointer}.pp-flag-row input{width:16px;height:16px;accent-color:#4f46e5;flex-shrink:0}.pp-checkbox-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13.5px;color:#334155;cursor:pointer}.pp-checkbox-row input{width:15px;height:15px;accent-color:#4f46e5;flex-shrink:0}.pp-short-input{display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;min-height:44px;padding:0 12px;width:140px;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.pp-short-input:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.pp-short-input input{border:none;background:transparent;width:60px;min-height:auto;padding:0;font-size:14px;outline:none;box-shadow:none}.pp-short-input span{color:#64748b;font-size:13.5px;white-space:nowrap}.pp-date-input{display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;min-height:44px;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease}.pp-date-input:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.pp-date-input input{flex:1;border:none;background:transparent;min-height:auto;padding:0;font-size:14px;outline:none;box-shadow:none}.pp-duration-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;margin-left:26px}.pp-duration-row label{min-width:170px;font-size:13.5px;color:#334155}.pp-duration-control{display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:0 12px;min-height:44px}.pp-duration-control select{width:auto}.pp-duration-control input[type=time],.pp-duration-control select{border:none;background:transparent;min-height:auto;padding:0;font-size:14px;outline:none}.pp-duration-control input[type=time]{width:90px}.pp-duration-control span{color:#64748b;font-size:13.5px;white-space:nowrap}.pp-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pp-toggle{position:relative;width:48px;height:28px;border-radius:999px;background:#cbd5e1;border:none;cursor:pointer;transition:background .2s ease;padding:0;flex-shrink:0}.pp-toggle.on{background:#4f46e5}.pp-toggle-knob{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.18);transition:transform .2s ease}.pp-toggle.on .pp-toggle-knob{transform:translateX(20px)}.pp-note-box{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:14px;color:#3730a3;font-size:13.5px;line-height:1.5}.pp-note-icon{flex-shrink:0;margin-top:1px;color:#4f46e5}.pp-calc-examples{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.pp-calc-card{background:#f8fafc;border-radius:14px;padding:14px 16px;border:1px solid #e2e8f0;border-left-width:4px}.pp-calc-card-title{font-size:13.5px;font-weight:600;color:#0f172a}.pp-calc-card-example{font-size:12.5px;color:#64748b;margin-top:6px;line-height:1.45}.pp-shift-card{border:1px solid #e2e8f0;border-radius:14px;padding:14px;margin-bottom:12px;background:#f8fafc;transition:border-color .15s ease}.pp-shift-card:hover{border-color:#c7d2fe}.pp-shift-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.pp-shift-card-header .pp-field{flex:1}.pp-assignment-title{margin:0 0 16px;font-size:16px;font-weight:700;color:#0f172a}.pp-tabs{display:flex;gap:0;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.pp-tab{padding:8px 14px;font-size:13.5px;font-weight:500;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .15s ease,border-color .15s ease}.pp-tab:hover{color:#4f46e5}.pp-tab.active{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:600}.pp-selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;min-height:0}.pp-chip{gap:6px;padding:6px 10px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;font-size:13px;font-weight:500}.pp-chip,.pp-chip button{display:inline-flex;align-items:center;color:#4338ca}.pp-chip button{justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin-left:2px;border-radius:4px}.pp-chip button:hover{color:#312e81}.pp-search-wrap{display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:0 12px;height:42px;margin-bottom:12px;color:#64748b;transition:border-color .15s ease,box-shadow .15s ease}.pp-search-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.1)}.pp-search-wrap input{border:none;outline:none;width:100%;background:transparent;font-size:13.5px;color:#0f172a}.pp-group-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;margin-bottom:12px;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.pp-group-list::-webkit-scrollbar{width:6px}.pp-group-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.pp-group-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#334155;font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;transition:all .15s ease;width:100%;font-family:inherit}.pp-group-item:hover:not(.disabled){background:#f8fafc;border-color:#c7d2fe}.pp-group-item.selected{background:#eef2ff;border-color:#a5b4fc;color:#4338ca}.pp-group-item.disabled{opacity:.55;cursor:not-allowed;background:#f8fafc}.pp-group-item.disabled:hover{border-color:#e2e8f0;background:#f8fafc}.pp-group-item svg:last-child{margin-left:auto;flex-shrink:0}.pp-emp-blocked-label{color:#b91c1c;margin-left:6px;font-size:11px}.pp-total-selected{background:#eef2ff;color:#4338ca;font-size:13px;font-weight:600;padding:8px 12px;border-radius:10px;margin-bottom:16px}.pp-assign-hint{font-size:12px;color:#64748b;margin-bottom:8px;padding-left:2px;line-height:1.4}.pp-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px 16px}.pp-summary-box h4{margin:0 0 12px;font-size:14.5px;font-weight:700;color:#0f172a}.pp-summary-list{display:flex;flex-direction:column;gap:7px}.pp-summary-row{display:flex;justify-content:space-between;gap:12px;font-size:13px}.pp-summary-row span{color:#64748b;flex-shrink:0}.pp-summary-row strong{color:#0f172a;font-weight:600;text-align:right;word-break:break-word}.pp-confirm-badge{margin-top:14px;display:flex;align-items:center;gap:8px;background:#ecfdf5;color:#047857;border:1px solid #bbf7d0;border-radius:12px;padding:11px 12px;font-size:13px;font-weight:600}.pp-section-inline{display:flex;gap:28px}.pp-half{flex:1;min-width:0}@media (max-width:1100px){.pp-main-layout{flex-direction:column}.pp-assignment-panel{position:static;width:100%;max-height:none}.pp-section-inline{flex-direction:column;gap:24px}}@media (max-width:768px){.punch-policy-modal{max-height:96vh;border-radius:22px}.pp-list-modal{max-width:100%}.pp-body,.pp-header{padding-left:16px;padding-right:16px}.pp-form-panel{padding:18px 14px 16px}.pp-grid-three,.pp-grid-two{grid-template-columns:1fr}.pp-header{flex-direction:column;align-items:flex-start}.pp-header-actions{width:100%;justify-content:flex-end}.pp-title{font-size:22px}.pp-list-actions{flex-wrap:wrap}.pp-short-input{width:100%}.pp-radio-row{flex-direction:column}.pp-radio{width:100%}}.ar-page{padding:20px}.ar-header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.ar-title{margin:0;font-size:1.4rem;font-weight:700}.ar-subtitle{margin:6px 0 0;color:#666}.ar-tabs{display:inline-flex;gap:6px;background:#f4f4f4;padding:6px;border-radius:14px;margin-bottom:18px}.ar-tab{border:none;background:transparent;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:700}.ar-tab.active{background:#fff;color:#1f4db8;box-shadow:0 2px 8px rgba(0,0,0,.08)}.ar-page-btn,.ar-primary-btn,.ar-search-btn,.ar-secondary-btn,.ar-update-btn{border:none;border-radius:12px;padding:10px 14px;cursor:pointer;font-weight:600}.ar-primary-btn{background:#6cb72d;color:#fff}.ar-primary-btn,.ar-secondary-btn{display:inline-flex;align-items:center;gap:6px}.ar-secondary-btn{background:#eef2ff;color:#3730a3}.ar-filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;align-items:center}.ar-input,.ar-search-input,.ar-status-select,.ar-table-input{min-width:160px;padding:10px 12px;border:1px solid #d9d9d9;border-radius:10px;outline:none;background:#fff;box-sizing:border-box}.ar-search-input{min-width:240px;flex:1}.ar-search-btn{background:#1f4db8;color:#fff;display:inline-flex;align-items:center;gap:6px}.ar-error{color:#b91c1c;margin:10px 0 14px;font-weight:500}.ar-self-card,.ar-table-card{background:#fff;border:1px solid #e7e7e7;border-radius:16px;padding:16px}.ar-table-title{margin:0 0 12px;font-size:1.05rem;font-weight:700}.ar-empty{margin:0;color:#666}.ar-table-wrap{overflow-x:auto;width:100%;border-radius:12px}.ar-table{width:100%;min-width:1100px;border-collapse:collapse;table-layout:fixed}.ar-table td,.ar-table th{border-bottom:1px solid #eee;padding:10px 8px;text-align:left;vertical-align:top;font-size:.94rem;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.ar-table th{background:#f8f9fb;font-weight:700}.ar-table td:last-child,.ar-table th:last-child{text-align:center;width:76px}.ar-update-btn{background:#edf2ff;color:#1f4db8;display:inline-flex;align-items:center;justify-content:center;min-width:42px}.ar-status-select,.ar-table-input{width:100%;min-width:0}.ar-approver-input{padding-right:8px}.ar-tooltip-cell{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.ar-self-card .ar-table td:first-child,.ar-self-card .ar-table th:first-child{width:64px}.ar-self-card .ar-table td:nth-child(2),.ar-self-card .ar-table th:nth-child(2){width:170px}.ar-self-card .ar-table td:nth-child(3),.ar-self-card .ar-table th:nth-child(3){width:220px}.ar-self-card .ar-table td:nth-child(4),.ar-self-card .ar-table th:nth-child(4){width:110px}.ar-self-card .ar-table td:nth-child(5),.ar-self-card .ar-table th:nth-child(5){width:190px}.ar-self-card .ar-table td:nth-child(6),.ar-self-card .ar-table th:nth-child(6){width:180px}.ar-self-card .ar-table td:nth-child(7),.ar-self-card .ar-table th:nth-child(7){width:76px}.ar-table-card .ar-table td:first-child,.ar-table-card .ar-table th:first-child{width:64px}.ar-table-card .ar-table td:nth-child(2),.ar-table-card .ar-table th:nth-child(2){width:150px}.ar-table-card .ar-table td:nth-child(3),.ar-table-card .ar-table th:nth-child(3){width:110px}.ar-table-card .ar-table td:nth-child(4),.ar-table-card .ar-table td:nth-child(5),.ar-table-card .ar-table th:nth-child(4),.ar-table-card .ar-table th:nth-child(5){width:170px}.ar-table-card .ar-table td:nth-child(6),.ar-table-card .ar-table th:nth-child(6){width:120px}.ar-table-card .ar-table td:nth-child(7),.ar-table-card .ar-table th:nth-child(7){width:180px}.ar-table-card .ar-table td:nth-child(8),.ar-table-card .ar-table th:nth-child(8){width:130px}.ar-table-card .ar-table td:nth-child(9),.ar-table-card .ar-table th:nth-child(9){width:210px}.ar-table-card .ar-table td:nth-child(10),.ar-table-card .ar-table th:nth-child(10){width:76px}.ar-table td:nth-child(3),.ar-table td:nth-child(5),.ar-table td:nth-child(6),.ar-table td:nth-child(9){line-height:1.4}.ar-status-select:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed;opacity:1}.ar-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #ececec;flex-wrap:wrap}.ar-pagination-info{color:#475569;font-size:.92rem;font-weight:600}.ar-pagination-controls{display:flex;align-items:center;gap:8px}.ar-page-btn{background:#edf2ff;color:#1f4db8;min-width:80px}.ar-page-btn:disabled{opacity:.55;cursor:not-allowed}.ar-page-label{font-size:.92rem;color:#334155;font-weight:700;min-width:110px;text-align:center}@media (max-width:860px){.ar-header{align-items:stretch}.ar-input,.ar-search-input,.ar-status-select,.ar-table-input{min-width:140px}.ar-table{min-width:980px}.ar-tooltip-cell{max-width:180px}}@media (max-width:560px){.ar-page,.ar-self-card,.ar-table-card{padding:14px}.ar-title{font-size:1.2rem}.ar-filter-row{gap:8px}.ar-input,.ar-search-input,.ar-status-select,.ar-table-input{min-width:100%}.ar-search-input{flex:unset}.ar-table{min-width:900px}.ar-tooltip-cell{max-width:140px}.ar-pagination{flex-direction:column;align-items:stretch}.ar-pagination-controls{justify-content:space-between}.ar-page-btn{min-width:72px}}.emp-dash-cards{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:50px}.emp-card{width:240px;display:flex;align-items:center;background:white;padding:12px;border-radius:8px;box-shadow:0 3px 5px rgba(0,0,0,.1);transition:background .3s ease-in-out,color .3s ease-in-out;border:none}.emp-punch-in{background:#4caf50;color:white}.emp-punched-out{background:#de7921;color:white}.emp-punch-in .emp-icon,.emp-punched-out .emp-icon{color:white}.emp-card:not(.emp-punch-in):not(.emp-punched-out) .emp-icon{color:black}.emp-card:not(.emp-punch-in):not(.emp-punched-out) .emp-text{color:#004dc6}.emp-card-content{display:flex;align-items:center;width:100%;gap:20px}.emp-icon{font-size:1.6rem;background:rgba(200,200,200,.2);padding:10px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.emp-text{font-size:1rem;font-weight:700}.emp-label{font-size:.8rem;color:#555;display:block}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.emp-blink{animation:blink 1s ease-in-out infinite}.camera-popup{position:fixed;top:55%;left:50%;transform:translate(-50%,-50%);background-color:#ffffff;border-radius:20px;box-shadow:0 12px 28px rgba(0,0,0,.15);padding:25px 22px;z-index:1000;width:550px;max-width:95%;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;align-items:center;gap:24px}.camera-title{font-size:1.8rem;font-weight:600;color:#222;margin:0}.camera-video{width:100%;height:auto;max-height:320px;border-radius:16px;object-fit:cover;box-shadow:0 8px 20px rgba(0,0,0,.1)}.camera-status{font-size:1.05rem;color:#444;margin-top:12px;letter-spacing:.5px}.location-link{color:#004dc6;font-size:10px}.error-text{text-align:center}@media (max-width:768px){.emp-dash-cards{flex-direction:column;align-items:center;gap:20px;width:100%}.emp-card{width:100%;max-width:380px;padding:20px;width:300px}emp-card emp-punch-in{width:120%}.emp-card-content{flex-direction:row;gap:15px}.emp-punch-button{font-weight:700;cursor:pointer;width:120%;transition:transform .2s ease-in-out}.emp-punch-button:active{transform:scale(.95)}.emp-icon{font-size:1.6rem}.emp-text{font-size:.9rem;text-align:center}.emp-label{font-size:.75rem}@media (max-width:768px){.emp-punch-in,.emp-punched-out{width:340px;height:80px;font-size:1.2rem}.emp-punch-in .emp-icon,.emp-punched-out .emp-icon{font-size:2rem}}.camera-popup{top:50%;width:90%;padding:20px 18px;border-radius:18px;gap:20px}.camera-title{font-size:1.6rem}}.late-login-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:1500}.late-login-popup{background:#fff;border-radius:14px;padding:24px;max-width:90%;width:360px;box-shadow:0 16px 40px rgba(0,0,0,.18);text-align:center}.late-login-popup p{margin:0 0 18px;color:#222;font-size:1rem;line-height:1.5}.late-login-prompt-button{background:#4caf50;border:none;border-radius:8px;color:white;cursor:pointer;padding:10px 20px;font-size:.95rem}.late-login-prompt-button:hover{background:#3b9b42}.emp-reimbursement{width:300px;height:350px;text-align:center;background:white;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:visible;position:relative}.emp-reimbursement h3{font-weight:700;margin:-8px 0 8px;align-self:flex-start}.emp-reimbursement>p{margin:0;color:#686868;font-size:12px;align-self:flex-start}.reimbursement-tabs{display:flex;justify-content:center;gap:16px;width:100%;z-index:10}.tab-item{padding:10px 16px;min-width:44px;min-height:44px;background:transparent;border:none;border-bottom:3px solid transparent;font-weight:700;font-size:14px;color:#555;cursor:pointer;user-select:none;transition:all .3s ease;border-radius:4px 4px 0 0;outline:none}.tab-item:hover{color:#3498db;background:rgba(52,152,219,.1)}.tab-item.active{color:#3498db;border-bottom-color:#3498db}.tab-item:focus-visible{outline:2px solid #3498db;outline-offset:2px}.chart-container-reimbursement{width:50%;margin-top:-60px;flex-grow:1;display:flex;justify-content:center;align-items:center}.re-custom-legend{display:flex;justify-content:center;gap:15px;margin-top:-50px}@media (max-width:780px){.emp-reimbursement{margin-bottom:20px}}.emp-sessions{width:300px;height:350px;text-align:center;background:white;padding:20px;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;overflow:hidden}.emp-sessions h3{margin-top:-22%}.emp-sessions p{margin-top:-24%;color:#686868;font-size:small}.chart-container{width:100%;height:180px;position:relative}.chart-center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700;color:#333}.chart-center-label p{margin-top:10%;color:#333}.emp-workdays{width:300px;height:350px;text-align:center;background:white;padding:20px;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden}.emp-workdays h3{text-align:left;margin-top:-3%}.emp-workdays p{text-align:left;margin-top:-5%;color:#686868;font-size:small}.workdays-chart-container{width:100%;height:180px}.workdays-session-time{font-size:18px;font-weight:700;margin-top:10px}.workdays-custom-legend{display:flex;justify-content:center;gap:15px;margin-top:18px;flex-wrap:wrap}.workdays-legend-item{display:flex;align-items:center;font-size:10px}.workdays-legend-color{width:12px;height:12px;border-radius:0;display:inline-block;margin-right:5px}.custom-legend{display:flex;justify-content:center;gap:15px;margin-top:50px}.legend-item{display:flex;align-items:center;font-size:12px;gap:5px}.legend-color{width:12px;height:12px;display:inline-block;background-color:#ddd}.chart-container1{width:200px;height:180px;margin-left:15%}.emp-projects-container{width:100%;max-width:1050px;margin:auto;background:white;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.emp-tabs{display:flex;justify-content:flex-start;margin-bottom:10px;border-bottom:2px solid #ddd}.emp-sub-heading{text-align:left;margin-left:10px;font-size:18px;font-weight:700}.emp-tab{padding:10px 20px;cursor:pointer;font-size:16px;font-weight:700;color:gray;position:relative}.emp-tab.emp-active{color:black}.emp-tab.emp-active:after{content:"";position:absolute;width:100%;height:3px;background-color:blue;bottom:0;left:0}.emp-projects-table{margin-top:20px}.table{width:100%;border-collapse:collapse;background:white}.td,.th{padding:10px;border:1px solid #ddd;text-align:left}.empleavetracker-container{width:100%;margin:20px auto;font-family:Arial,sans-serif;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1)}.empleavetracker-header{background-color:white;color:black;text-align:left;font-size:20px;padding:10px;font-weight:700}.empleavetracker-table{width:100%;border-collapse:collapse}.empleavetracker-table td,.empleavetracker-table th{border:1px solid #ddd;padding:10px;text-align:center}@media (min-width:1200px){.empleavetracker-container{max-width:1090px}}.empleavetracker-table th{background-color:#bebdbd;color:black}.empleavetracker-table tbody tr{background-color:white}.empleavetracker-status-approved{background-color:#d7f2ce;color:#155724}.empleavetracker-status-approved,.empleavetracker-status-rejected{text-align:center;padding:6px;display:block;border-radius:20px;min-width:80px}.empleavetracker-status-rejected{background-color:#ffe5d2;color:#721c24}.empleavetracker-status-pending{background-color:#fff3cd;color:#856404;text-align:center;padding:6px;display:block;border-radius:20px;min-width:80px}.empleavetracker-status-default{background-color:#e2e3e5;color:#6c757d;font-weight:700;text-align:center;padding:5px;border-radius:4px}.reason-cell{max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.reason-cell:hover{position:relative}.reason-cell:hover:after{content:attr(title);position:absolute;background-color:rgba(0,0,0,.8);color:#fff;padding:5px;border-radius:4px;white-space:normal;width:200px;top:100%;left:50%;transform:translateX(-50%);z-index:10}.tooltip-cell{max-width:150px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.tooltip-cell:hover{position:relative}.tooltip-cell:hover:after{content:attr(title);position:absolute;background-color:rgba(0,0,0,.8);color:#fff;padding:5px;border-radius:4px;white-space:normal;max-width:250px;top:100%;left:50%;transform:translateX(-50%);z-index:10}@media (max-width:768px){.empleavetracker-container{overflow-x:auto;padding:30px;width:88%;display:none}}.work-hour-container{width:100%;max-width:1050px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.work-hour-header{display:flex;align-items:center;justify-content:space-evenly;margin-bottom:10px;background-color:#fff}.work-hour-header h3{font-size:1.4rem;text-align:start;font-weight:700;color:#333}.work-hour-header span{font-size:1rem;color:#999}.work-hour-view-options{display:flex;align-items:center;gap:15px;margin-top:10px}.work-hour-view-options button{background:none;border:none;font-size:12px;cursor:pointer;padding:5px 0;position:relative;transition:color .3s ease;color:black}.work-hour-view-options button.active{color:#0033cc;font-weight:700}.work-hour-view-options button:not(:last-child):after{content:"";width:2px;height:20px;background-color:#ccc;position:absolute;right:-10px;top:50%;transform:translateY(-50%)}.work-hour-legend{display:flex;align-items:center;gap:10px;margin-top:15px;margin-left:20px}.work-hour-legend-item{display:flex;align-items:center;font-size:.9rem;color:#555;margin-right:10px}.work-hour-legend-item .work-hour-box{width:12px;height:12px;background-color:#0033cc;margin-right:5px}.work-hour-box.light-blue{background-color:#99ccff}.work-hour-box.gray{background-color:#d3d3d3}.work-hour-box.red{background-color:#ff4d4d}@media (max-width:768px){.work-hour-container{background-color:#fff;padding:20px;border-radius:8px;margin-top:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:none}}.save-face-container{max-width:900px;margin:40px auto;padding:20px 30px;background:linear-gradient(to bottom right,#ffffff,#f1f5f9);border-radius:16px;box-shadow:0 12px 24px rgba(0,0,0,.1);text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:auto;max-height:800px;overflow:hidden;position:relative}.save-face-container h2{margin-bottom:10px;font-size:24px;color:#222;letter-spacing:.5px}.video-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:640px;margin-bottom:20px;padding:10px;position:relative}#video{border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.08);max-width:100%;height:auto}#captureCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.face-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px}.btn{padding:12px 24px;background-color:#79c42b;color:white;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:180px}.btn:hover:not(:disabled){background-color:#79c42b;transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,123,255,.2)}.btn:disabled{background-color:#a0aec0;cursor:not-allowed;opacity:.8}.instruction{position:relative;top:-15px;left:50%;transform:translateX(-50%);background-color:#4caf50;color:#fff;padding:10px;border-radius:6px;font-size:14px;z-index:12000;max-width:90%;text-align:center}.disclaimer-note{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:8px;margin:10px 0;font-size:12px;color:#333;text-align:center}.disclaimer-note p{margin:0}.disclaimer-note strong{color:#007bff}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.save-face-container{width:90%;margin:20px auto;padding:15px}.save-face-container h2{font-size:24px}.video-container{width:100%;max-width:100%;padding:10px}#video{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.08)}.face-buttons{flex-direction:column;gap:15px}.btn{min-width:100%;padding:12px 24px}.instruction{top:5px;font-size:13px;padding:8px 12px;max-width:95%}}.EmpDashCards1234{margin-top:30px}.EmpLeaveTracker123{flex-grow:0;margin-top:3%;padding:0;display:flex;flex-direction:column;align-items:center}.EmpLeaveTracker123 h2{margin-right:74%;margin-bottom:-2%}.empcardcharts123{display:flex;gap:34px;margin:5% 0 6%;align-items:center;flex-wrap:wrap;justify-content:center;width:100%;padding:0}.mydailyworkhour123{display:flex;justify-content:space-evenly}.EmpProjectTable{display:flex;margin-top:3%}.reg-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);display:flex;justify-content:center;align-items:center;z-index:1000}.reg-popup-content{padding:10px;border-radius:12px;max-width:600px;width:90%;text-align:center;animation:scaleIn .25s ease-in-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:780px){.reg-popup-content{width:100%;padding:12px 10px;border-radius:10px;margin-left:0}.EmpLeaveTracker123{display:none}.reg-popup-overlay{padding-top:0}}.birthday-horizontal-card{position:relative;width:calc(100% - 40px);min-height:86px;margin:22px 20px 0;padding:14px 110px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;border:1px solid rgba(60,148,158,.28);background:linear-gradient(105deg,#d5f2f8,#edfafa 45%,#e9f9e9);box-shadow:0 5px 18px rgba(2,79,85,.1);color:#024f55;animation:birthdaySectionIn .55s ease-out both}.birthday-horizontal-card:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(110deg,transparent,rgba(255,255,255,.12) 35%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.12) 65%,transparent);background-size:220% 100%;animation:birthdaySoftShine 5s linear infinite}.birthday-horizontal-content{position:relative;z-index:12;width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;animation:birthdayWishReveal .8s ease-out 1.25s both}.birthday-horizontal-title{margin:0;max-width:100%;display:flex;align-items:center;justify-content:center;gap:7px;font-size:16px;line-height:1.35;font-weight:700;color:#024f55}.birthday-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.birthday-title-emoji{flex-shrink:0;font-size:17px;animation:birthdayEmojiPop .65s cubic-bezier(.175,.885,.32,1.275) 1.35s both}.birthday-horizontal-description{margin-top:4px;max-width:100%;font-size:12.5px;line-height:1.4;font-weight:500;color:#3c6f73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.birthday-character{position:absolute;z-index:10;width:62px;height:70px;top:50%;pointer-events:none;transform-origin:center bottom;animation-duration:1.35s;animation-timing-function:cubic-bezier(.175,.885,.32,1.275);animation-fill-mode:both}.birthday-character-left{left:-82px;animation-name:birthdayCharacterLeftEnter;animation-delay:.1s}.birthday-character-right{right:-82px;animation-name:birthdayCharacterRightEnter;animation-delay:.1s}.birthday-character-body{position:relative;width:100%;height:100%;transform-origin:center bottom;animation:birthdayCharacterBounce 1.4s ease-in-out 1.45s infinite}.birthday-character-head{position:absolute;left:50%;top:8px;width:35px;height:33px;transform:translateX(-50%);border-radius:48% 48% 45% 45%;background:#ffd6b5;border:2px solid rgba(2,79,85,.22);box-sizing:border-box;z-index:4;box-shadow:0 2px 5px rgba(2,79,85,.12)}.character-eye{position:absolute;top:12px;width:4px;height:5px;border-radius:50%;background:#024f55}.character-eye-left{left:9px}.character-eye-right{right:9px}.character-smile{position:absolute;left:50%;bottom:6px;width:10px;height:5px;transform:translateX(-50%) rotate(0deg);border-bottom:2px solid #024f55;border-radius:0 0 10px 10px}.character-hair{position:absolute;left:50%;top:3px;width:42px;height:17px;transform:translateX(-50%);z-index:5}.character-hair span{position:absolute;width:13px;height:13px;border-radius:50%;background:#3c949e}.character-hair span:first-child{left:3px;top:2px}.character-hair span:nth-child(2){left:14px;top:-3px}.character-hair span:nth-child(3){right:3px;top:2px}.character-party-hat{position:absolute;left:50%;top:-13px;width:0;height:0;transform:translateX(-50%) rotate(-2deg);border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:24px solid #79c42b;z-index:7}.character-party-hat:after{content:"";position:absolute;left:-14px;top:19px;width:28px;height:4px;border-radius:50%;background:#024f55}.party-hat-ball{position:absolute;left:-3px;top:-4px;width:6px;height:6px;border-radius:50%;background:#ffd166;box-shadow:0 0 5px rgba(255,209,102,.8)}.character-torso{top:37px;width:30px;height:28px;border-radius:12px 12px 8px 8px;background:#3c949e;border:2px solid rgba(2,79,85,.2);box-sizing:border-box;z-index:3}.character-star,.character-torso{position:absolute;left:50%;transform:translateX(-50%)}.character-star{top:7px;color:#ffffff;font-size:10px}.character-arm{position:absolute;top:40px;width:19px;height:6px;border-radius:8px;background:#ffd6b5;border:1px solid rgba(2,79,85,.18);z-index:2}.character-arm-left{left:7px;transform:rotate(35deg)}.character-arm-right{right:7px;transform:rotate(-35deg)}.character-leg{position:absolute;top:62px;width:6px;height:11px;border-radius:5px;background:#024f55;z-index:1}.character-leg-left{left:22px;transform:rotate(7deg)}.character-leg-right{right:22px;transform:rotate(-7deg)}.birthday-party-popper{position:absolute;z-index:9;top:50%;width:55px;height:55px;pointer-events:none;opacity:0;animation:birthdayPopperAppear .45s ease-out 1.12s forwards}.birthday-party-popper-left{left:17%;transform:translateY(-50%) rotate(-27deg)}.birthday-party-popper-right{right:17%;transform:translateY(-50%) rotate(27deg)}.party-popper-body{position:absolute;left:50%;top:50%;width:31px;height:14px;transform:translate(-50%,-50%);border-radius:4px 8px 8px 4px;background:linear-gradient(90deg,#024f55,#3c949e 48%,#79c42b);border:2px solid rgba(2,79,85,.3);box-sizing:border-box;box-shadow:0 3px 8px rgba(2,79,85,.18)}.party-popper-opening{position:absolute;right:-4px;top:2px;width:8px;height:8px;border-radius:50%;background:#024f55;box-shadow:0 0 0 2px rgba(255,255,255,.5)}.party-popper-burst{position:absolute;left:50%;top:50%;width:4px;height:4px;transform:translate(-50%,-50%)}.party-popper-burst i{position:absolute;left:0;top:0;font-style:normal;font-size:13px;opacity:0;animation:birthdayPopperParticle .75s ease-out 1.25s forwards}.party-popper-burst i:first-child{--x:34px;--y:-28px;animation-delay:1.18s}.party-popper-burst i:nth-child(2){--x:43px;--y:-8px;animation-delay:1.22s}.party-popper-burst i:nth-child(3){--x:38px;--y:19px;animation-delay:1.26s}.party-popper-burst i:nth-child(4){--x:21px;--y:31px;animation-delay:1.3s}.party-popper-burst i:nth-child(5){--x:3px;--y:-37px;animation-delay:1.34s}.party-popper-burst i:nth-child(6){--x:50px;--y:30px;animation-delay:1.38s}.birthday-center-burst{width:10px;height:10px;z-index:8;pointer-events:none;animation:birthdayCenterBurst .9s ease-out 1.25s both}.birthday-center-burst,.birthday-center-burst span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.birthday-center-burst span{font-size:13px;opacity:0}.birthday-center-burst span:first-child{--burst-x:-42px;--burst-y:-20px}.birthday-center-burst span:nth-child(2){--burst-x:-25px;--burst-y:-35px}.birthday-center-burst span:nth-child(3){--burst-x:0px;--burst-y:-43px}.birthday-center-burst span:nth-child(4){--burst-x:28px;--burst-y:-32px}.birthday-center-burst span:nth-child(5){--burst-x:44px;--burst-y:-7px}.birthday-center-burst span:nth-child(6){--burst-x:37px;--burst-y:25px}.birthday-center-burst span:nth-child(7){--burst-x:-28px;--burst-y:31px}.birthday-center-burst span:nth-child(8){--burst-x:-45px;--burst-y:7px}.birthday-confetti{inset:0;z-index:4;overflow:hidden}.birthday-confetti,.confetti-piece{position:absolute;pointer-events:none}.confetti-piece{top:-25px;left:var(--left);width:auto;height:auto;font-size:var(--size);font-weight:700;line-height:1;color:#ffffff;opacity:0;filter:drop-shadow(0 0 3px rgba(255,255,255,.95)) drop-shadow(0 0 7px rgba(121,196,43,.65)) drop-shadow(0 0 9px rgba(60,148,158,.45));animation:birthdayContinuousFall var(--duration) linear var(--delay) infinite}.confetti-piece.c1{--left:3%;--size:11px;--duration:4.8s;--delay:0s}.confetti-piece.c2{--left:7%;--size:8px;--duration:5.7s;--delay:1.4s}.confetti-piece.c3{--left:11%;--size:14px;--duration:6.4s;--delay:0.8s}.confetti-piece.c4{--left:15%;--size:9px;--duration:5.2s;--delay:2.6s}.confetti-piece.c5{--left:19%;--size:12px;--duration:6.1s;--delay:3.2s}.confetti-piece.c6{--left:23%;--size:8px;--duration:4.6s;--delay:1.9s}.confetti-piece.c7{--left:27%;--size:13px;--duration:5.8s;--delay:4.1s}.confetti-piece.c8{--left:31%;--size:9px;--duration:6.6s;--delay:0.5s}.confetti-piece.c9{--left:35%;--size:12px;--duration:5.1s;--delay:2.1s}.confetti-piece.c10{--left:39%;--size:8px;--duration:6.2s;--delay:3.7s}.confetti-piece.c11{--left:43%;--size:14px;--duration:5.6s;--delay:1.1s}.confetti-piece.c12{--left:47%;--size:9px;--duration:4.9s;--delay:4.8s}.confetti-piece.c13{--left:51%;--size:12px;--duration:6.5s;--delay:2.8s}.confetti-piece.c14{--left:55%;--size:8px;--duration:5.4s;--delay:0.3s}.confetti-piece.c15{--left:59%;--size:13px;--duration:6.1s;--delay:3.4s}.confetti-piece.c16{--left:63%;--size:9px;--duration:4.7s;--delay:1.7s}.confetti-piece.c17{--left:67%;--size:11px;--duration:5.9s;--delay:4.4s}.confetti-piece.c18{--left:71%;--size:8px;--duration:6.7s;--delay:2.3s}.confetti-piece.c19{--left:75%;--size:14px;--duration:5.3s;--delay:0.9s}.confetti-piece.c20{--left:79%;--size:9px;--duration:6.3s;--delay:3.9s}.confetti-piece.c21{--left:83%;--size:12px;--duration:4.8s;--delay:1.3s}.confetti-piece.c22{--left:87%;--size:8px;--duration:5.5s;--delay:4.7s}.confetti-piece.c23{--left:91%;--size:13px;--duration:6.6s;--delay:2.5s}.confetti-piece.c24{--left:95%;--size:9px;--duration:5.0s;--delay:0.6s}.confetti-piece.c25{--left:5%;--size:10px;--duration:6.0s;--delay:5.2s}.confetti-piece.c26{--left:18%;--size:13px;--duration:5.4s;--delay:6.1s}.confetti-piece.c27{--left:34%;--size:9px;--duration:6.8s;--delay:5.5s}.confetti-piece.c28{--left:48%;--size:12px;--duration:5.7s;--delay:7.0s}.confetti-piece.c29{--left:62%;--size:8px;--duration:6.4s;--delay:5.8s}.confetti-piece.c30{--left:76%;--size:13px;--duration:5.1s;--delay:6.5s}.confetti-piece.c31{--left:88%;--size:10px;--duration:6.2s;--delay:7.4s}.confetti-piece.c32{--left:97%;--size:8px;--duration:5.6s;--delay:8.0s}.confetti-piece.c33{--left:13%;--size:11px;--duration:6.9s;--delay:8.5s}.confetti-piece.c34{--left:42%;--size:14px;--duration:5.9s;--delay:7.7s}.confetti-piece.c35{--left:70%;--size:9px;--duration:6.7s;--delay:8.8s}.confetti-piece.c36{--left:93%;--size:12px;--duration:5.3s;--delay:9.2s}@keyframes birthdayContinuousFall{0%{opacity:0;transform:translate3d(0,-25px,0) rotate(0deg) scale(.55)}8%{opacity:.95}25%{opacity:.9;transform:translate3d(10px,22px,0) rotate(80deg) scale(1)}45%{opacity:.85;transform:translate3d(-8px,45px,0) rotate(160deg) scale(.9)}65%{opacity:.9;transform:translate3d(12px,70px,0) rotate(240deg) scale(1.08)}82%{opacity:.7;transform:translate3d(-10px,95px,0) rotate(320deg) scale(.85)}to{opacity:0;transform:translate3d(8px,125px,0) rotate(400deg) scale(.55)}}@keyframes birthdayCharacterLeftEnter{0%{left:-82px;transform:translateY(-50%) rotate(-18deg) scale(.75)}45%{left:12%;transform:translateY(-50%) rotate(10deg) scale(1.05)}68%{left:20%;transform:translateY(-50%) rotate(-5deg) scale(.98)}82%{left:17%;transform:translateY(-50%) rotate(3deg) scale(1.02)}to{left:18%;transform:translateY(-50%) rotate(0deg) scale(1)}}@keyframes birthdayCharacterRightEnter{0%{right:-82px;transform:translateY(-50%) rotate(18deg) scale(.75)}45%{right:12%;transform:translateY(-50%) rotate(-10deg) scale(1.05)}68%{right:20%;transform:translateY(-50%) rotate(5deg) scale(.98)}82%{right:17%;transform:translateY(-50%) rotate(-3deg) scale(1.02)}to{right:18%;transform:translateY(-50%) rotate(0deg) scale(1)}}@keyframes birthdayCharacterBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes birthdayWishReveal{0%{opacity:0;transform:translateY(7px) scale(.96)}60%{opacity:1;transform:translateY(-2px) scale(1.015)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes birthdayEmojiPop{0%{opacity:0;transform:scale(0) rotate(-25deg)}70%{opacity:1;transform:scale(1.25) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes birthdayPopperAppear{0%{opacity:0;transform:translateY(-50%) scale(.25) rotate(0deg)}60%{opacity:1;transform:translateY(-50%) scale(1.15) rotate(0deg)}to{opacity:1;transform:translateY(-50%) scale(1) rotate(0deg)}}@keyframes birthdayPopperParticle{0%{opacity:0;transform:translate(0) scale(.2) rotate(0deg)}20%{opacity:1}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1) rotate(180deg)}}@keyframes birthdayCenterBurst{0%{opacity:1}to{opacity:1}}.birthday-center-burst span{animation:birthdayCenterParticle .9s cubic-bezier(.175,.885,.32,1.275) 1.18s both}.birthday-center-burst span:nth-child(2){animation-delay:1.22s}.birthday-center-burst span:nth-child(3){animation-delay:1.26s}.birthday-center-burst span:nth-child(4){animation-delay:1.3s}.birthday-center-burst span:nth-child(5){animation-delay:1.34s}.birthday-center-burst span:nth-child(6){animation-delay:1.38s}.birthday-center-burst span:nth-child(7){animation-delay:1.42s}.birthday-center-burst span:nth-child(8){animation-delay:1.46s}@keyframes birthdayCenterParticle{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0deg)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--burst-x)),calc(-50% + var(--burst-y))) scale(1.15) rotate(180deg)}}@keyframes birthdayConfettiFall{0%{opacity:0;transform:translateY(-15px) rotate(0deg) scale(.5)}10%{opacity:1}50%{opacity:1;transform:translateY(42px) translateX(8px) rotate(120deg) scale(1)}to{opacity:0;transform:translateY(105px) translateX(-10px) rotate(260deg) scale(.75)}}@media (max-width:780px){.birthday-horizontal-card{width:calc(100% - 20px);min-height:78px;margin:14px 10px 0;padding:12px 72px;border-radius:13px}.birthday-horizontal-content{z-index:15}.birthday-horizontal-title{font-size:14px;line-height:1.3;gap:5px}.birthday-title-emoji{font-size:15px}.birthday-horizontal-description,.birthday-title-text{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.birthday-horizontal-description{font-size:11px;line-height:1.35}.birthday-character{width:48px;height:56px}.birthday-character-left{animation-name:birthdayCharacterLeftEnterTablet}.birthday-character-right{animation-name:birthdayCharacterRightEnterTablet}.birthday-character-head{width:28px;height:27px;top:7px}.character-eye{top:10px;width:3px;height:4px}.character-eye-left{left:7px}.character-eye-right{right:7px}.character-hair{width:34px;height:14px;top:2px}.character-hair span{width:10px;height:10px}.character-hair span:first-child{left:3px}.character-hair span:nth-child(2){left:12px;top:-2px}.character-hair span:nth-child(3){right:3px}.character-party-hat{top:-11px;border-left-width:10px;border-right-width:10px;border-bottom-width:19px}.character-party-hat:after{left:-11px;top:15px;width:22px;height:3px}.party-hat-ball{left:-3px;top:-4px;width:5px;height:5px}.character-torso{top:32px;width:24px;height:23px}.character-star{top:5px;font-size:8px}.character-arm{top:35px;width:15px;height:5px}.character-arm-left{left:5px}.character-arm-right{right:5px}.character-leg{top:54px;width:5px;height:9px}.character-leg-left{left:17px}.character-leg-right{right:17px}.birthday-party-popper{transform:translateY(-50%) scale(.78)}.birthday-party-popper-left{left:13%}.birthday-party-popper-right{right:13%}.birthday-center-burst{display:none}.confetti-piece{font-size:10px}}@keyframes birthdayCharacterLeftEnterTablet{0%{left:-65px;transform:translateY(-50%) rotate(-18deg) scale(.7)}45%{left:9%;transform:translateY(-50%) rotate(9deg) scale(1.02)}70%{left:15%;transform:translateY(-50%) rotate(-4deg) scale(.98)}to{left:13%;transform:translateY(-50%) rotate(0deg) scale(1)}}@keyframes birthdayCharacterRightEnterTablet{0%{right:-65px;transform:translateY(-50%) rotate(18deg) scale(.7)}45%{right:9%;transform:translateY(-50%) rotate(-9deg) scale(1.02)}70%{right:15%;transform:translateY(-50%) rotate(4deg) scale(.98)}to{right:13%;transform:translateY(-50%) rotate(0deg) scale(1)}}@media (max-width:480px){.birthday-horizontal-card{width:calc(100% - 16px);min-height:82px;margin:12px 8px 0;padding:10px 52px;border-radius:12px}.birthday-horizontal-title{font-size:12.5px;gap:3px}.birthday-title-emoji{font-size:13px}.birthday-horizontal-description{margin-top:3px;font-size:10px;line-height:1.35;-webkit-line-clamp:3}.birthday-character{width:39px;height:48px}.birthday-character-left{animation-name:birthdayCharacterLeftEnterMobile}.birthday-character-right{animation-name:birthdayCharacterRightEnterMobile}.birthday-character-head{width:23px;height:23px;top:6px;border-width:1px}.character-eye{top:8px;width:3px;height:3px}.character-eye-left{left:6px}.character-eye-right{right:6px}.character-smile{bottom:5px;width:7px;height:4px;border-bottom-width:1px}.character-hair{width:28px;height:11px;top:1px}.character-hair span{width:8px;height:8px}.character-hair span:first-child{left:2px}.character-hair span:nth-child(2){left:10px;top:-2px}.character-hair span:nth-child(3){right:2px}.character-party-hat{top:-9px;border-left-width:8px;border-right-width:8px;border-bottom-width:15px}.character-party-hat:after{left:-9px;top:12px;width:18px}.character-torso{top:28px;width:20px;height:19px;border-width:1px}.character-star{top:4px;font-size:6px}.character-arm{top:30px;width:12px;height:4px}.character-arm-left{left:4px}.character-arm-right{right:4px}.character-leg{top:45px;width:4px;height:7px}.character-leg-left{left:14px}.character-leg-right{right:14px}.birthday-party-popper{display:none}.confetti-piece{font-size:8px}.confetti-piece.c10,.confetti-piece.c12,.confetti-piece.c14,.confetti-piece.c16,.confetti-piece.c2,.confetti-piece.c4,.confetti-piece.c6,.confetti-piece.c8{display:none}}@keyframes birthdayCharacterLeftEnterMobile{0%{left:-55px;transform:translateY(-50%) rotate(-18deg) scale(.65)}45%{left:7%;transform:translateY(-50%) rotate(8deg) scale(1)}70%{left:10%;transform:translateY(-50%) rotate(-3deg) scale(.98)}to{left:8%;transform:translateY(-50%) rotate(0deg) scale(1)}}@keyframes birthdayCharacterRightEnterMobile{0%{right:-55px;transform:translateY(-50%) rotate(18deg) scale(.65)}45%{right:7%;transform:translateY(-50%) rotate(-8deg) scale(1)}70%{right:10%;transform:translateY(-50%) rotate(3deg) scale(.98)}to{right:8%;transform:translateY(-50%) rotate(0deg) scale(1)}}@media (max-width:360px){.birthday-horizontal-card{min-height:86px;padding-left:42px;padding-right:42px}.birthday-horizontal-title{font-size:11.5px}.birthday-horizontal-description{font-size:9px;line-height:1.3;-webkit-line-clamp:3}.birthday-character{transform:scale(.88)}.birthday-character-left{animation-name:birthdayCharacterLeftEnterTiny}.birthday-character-right{animation-name:birthdayCharacterRightEnterTiny}}@keyframes birthdayCharacterLeftEnterTiny{0%{left:-50px;transform:translateY(-50%) rotate(-18deg) scale(.55)}50%{left:5%;transform:translateY(-50%) rotate(7deg) scale(.88)}to{left:5%;transform:translateY(-50%) rotate(0deg) scale(.88)}}@keyframes birthdayCharacterRightEnterTiny{0%{right:-50px;transform:translateY(-50%) rotate(18deg) scale(.55)}50%{right:5%;transform:translateY(-50%) rotate(-7deg) scale(.88)}to{right:5%;transform:translateY(-50%) rotate(0deg) scale(.88)}}@media (prefers-reduced-motion:reduce){.birthday-center-burst span,.birthday-character,.birthday-character-body,.birthday-horizontal-card,.birthday-horizontal-card:after,.birthday-horizontal-content,.birthday-party-popper,.birthday-title-emoji,.confetti-piece,.party-popper-burst i{animation:none!important}.birthday-character-left{left:18%;transform:translateY(-50%) scale(1)}.birthday-character-right{right:18%;transform:translateY(-50%) scale(1)}.birthday-horizontal-content{opacity:1}}.payroll-container{max-width:800px;padding:20px;font-family:Arial,sans-serif;margin:50px auto 0}.payroll-title{text-align:center;font-size:24px;color:#131111;margin-bottom:20px;background-color:transparent!important}.payroll-controls{margin-bottom:20px;margin-left:55%}.payroll-label{font-size:16px;font-weight:700;margin-right:10px}.payroll-select{padding:8px;font-size:16px}.payslip{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.payslip h2{text-align:center;font-size:20px;color:#0c0b0b;margin-bottom:15px}.payslip-table td,.payslip-table th{border:1px solid #ddd;padding:10px;text-align:left}.payslip-table th{background:grey;color:#fff;font-weight:700}.payslip-table tr:nth-child(2n){background:white}.payslip-table tr.total-row{background:white;font-weight:700}.payslip-table tr.net-salary-row{font-weight:700}.payroll-download-btn{margin-left:80%;width:20%;padding:12px;margin-top:20px}.error{color:red;text-align:center;font-size:16px;margin-top:10px}.advance-section{margin-top:2rem}.advance-table{width:100%;border-collapse:collapse}.advance-table td,.advance-table th{border:1px solid #ddd;padding:8px;text-align:center}.advance-table th{background-color:#f2f2f2}.payroll-container{max-width:900px;margin:20px auto;padding:16px;font-family:Arial,Helvetica,sans-serif;background:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.payroll-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;padding:0 10px}.payroll-select{padding:8px 12px;font-size:15px;border:1px solid #ccc;border-radius:5px;max-width:100%;box-sizing:border-box}.payroll-download-btn{display:block;width:100%;max-width:220px;margin:30px auto 10px;padding:12px 20px;font-size:16px;font-weight:700;color:white;background:#28a745;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.payroll-download-btn:hover{background:#218838}.payslip{padding:16px;overflow-x:auto}.payslip-table{width:100%;min-width:320px;border-collapse:collapse;margin-top:10px}@media (max-width:640px){.payroll-container{margin:12px;padding:12px;border-radius:8px}.payroll-controls{flex-direction:column;align-items:stretch;gap:10px}.payroll-select{width:100%}.payroll-download-btn{max-width:100%;margin:24px auto 16px}.payslip{padding:12px}.payslip-table td,.payslip-table th{padding:8px;font-size:13px}}@media (max-width:400px){.payroll-title{font-size:22px}.payslip h2{font-size:18px}}.UploadScan_uploadWrap__xZzbE{display:flex;gap:18px;align-items:flex-start;width:100%;box-sizing:border-box}.UploadScan_controls___j6Dz{display:flex;flex-direction:column;gap:12px}.UploadScan_fileRow__cubLh{margin:0}.UploadScan_fileBox__sN8IF{flex:1;padding:12px;margin:5% 0;border-radius:10px;border:1px solid #e6e9eb;background:linear-gradient(180deg,#ffffff,#fbfdff);display:flex;flex-direction:column;gap:8px;position:relative}.UploadScan_fileLabel__Yqbdr{font-size:13px;font-weight:700;color:#0f6679}.UploadScan_fileInput__cSJ7l{margin-top:6px;width:100%}.UploadScan_fileInfo__fWcIA{display:flex;justify-content:space-between;align-items:center;gap:8px}.UploadScan_fileName__7xyn8{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.UploadScan_clearBtn__IoU7v{padding:6px 8px;border-radius:8px;background:transparent;border:1px solid #e6e9eb;cursor:pointer;font-size:13px}.UploadScan_hint__A1zaF{color:#6b7280;font-size:13px}.UploadScan_actions__8AqUe{display:flex;justify-content:space-between;align-items:center}.UploadScan_previewBtn__GgVqH{background:transparent}.UploadScan_previewBtn__GgVqH,.UploadScan_saveBtn__b_tLY{padding:10px 16px;border-radius:8px;border:linear-gradient(180deg,#77dd0d,#9ef04a);cursor:pointer}.UploadScan_saveBtn__b_tLY{background:linear-gradient(180deg,#77dd0d,#9ef04a);font-weight:700}.UploadScan_previewArea__kAhYC{flex:1;display:flex;align-items:flex-start;justify-content:center}.UploadScan_uploadEditorPanel__BWWGX{display:flex;flex-direction:row;gap:12px;align-items:flex-start;min-height:0}.UploadScan_uploadEditorPanel__BWWGX .UploadScan_fieldPanel__tNmOY{flex:0 0 280px;width:280px}.UploadScan_uploadEditorPanel__BWWGX .UploadScan_previewArea__kAhYC{flex:1}.UploadScan_a4__Tvmu8{box-shadow:0 8px 20px rgba(2,6,23,.08);border-radius:6px;display:flex;background:#fff;align-items:center;justify-content:center;box-sizing:border-box}.UploadScan_paperInner__tdVZN{width:100%;height:100%;border:1px solid #e9eef0;box-sizing:border-box;display:grid;grid-template-rows:15% 75% 10%;align-items:stretch}.UploadScan_headerSlot__2Z6_9{width:100%;height:auto;display:flex;align-items:stretch;justify-content:center;overflow:hidden;border-bottom:1px dashed rgba(0,0,0,.04);padding:0}.UploadScan_footerSlot__Y0klH{min-height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-top:1px dashed rgba(0,0,0,.04)}.UploadScan_bodySlot__hbw4J{display:flex;align-items:center;justify-content:center;color:#9aa5aa;font-size:12px}.UploadScan_pageRuler__Oy5dp{font-size:11px;color:#9aa5aa}.UploadScan_slotPlaceholder__Jxaim{font-size:13px;color:#6b7280;text-align:center}.UploadScan_modalBackdrop__cYfZD{position:fixed;inset:0;background:rgba(4,8,12,.45);display:flex;align-items:center;justify-content:center;z-index:1200}.UploadScan_templateModal__jBwxH{width:420px;max-width:calc(100% - 32px);background:#fff;padding:18px;border-radius:10px;box-shadow:0 12px 40px rgba(2,6,23,.18);display:flex;flex-direction:column;gap:12px}.UploadScan_modalTitle__ukr5I{margin:0;color:#0f6679;font-size:16px}.UploadScan_modalText__PVPWm{margin:0;color:#6b7280;font-size:13px}.UploadScan_nameInput__JZDhr{padding:10px 12px;border-radius:8px;border:1px solid #e6e9eb;outline:none;width:100%;box-sizing:border-box}.UploadScan_modalActions__fyBqw{gap:10px;justify-content:flex-end}.UploadScan_modalCancel___hxRo{padding:8px 12px;border-radius:8px;background:transparent;border:1px solid #e6e9eb;cursor:pointer}.UploadScan_modalSave__7s2hb{padding:8px 12px;border-radius:8px;background:linear-gradient(180deg,#77dd0d,#9ef04a);border:none;font-weight:700;cursor:pointer}.UploadScan_error__gm6H8{color:#c0392b;font-size:13px}.UploadScan_propsSelectSmall__tKOqN{padding:6px 8px;border-radius:8px;border:1px solid #e6e9eb;background:white;font-size:13px}.UploadScan_slotImg__tR686{width:100%;height:auto;display:block;object-fit:contain;max-height:none}.UploadScan_slotImg__tR686:active{cursor:grabbing}.UploadScan_modeBtn__qftTj{width:100%;padding:6px 10px;margin:1% 0;border-radius:8px;background:linear-gradient(180deg,#77dd0d,#9ef04a);border:1px solid #e6e9eb;color:#000;font-weight:600;cursor:pointer;box-shadow:0 6px 14px rgba(15,102,121,.08)}.UploadScan_modeBtn__qftTj:hover{transform:translateY(-1px)}.UploadScan_a4__Tvmu8:after,.UploadScan_a4__Tvmu8:before,.UploadScan_paperInner__tdVZN:after,.UploadScan_paperInner__tdVZN:before{display:none!important;content:none!important}.UploadScan_fieldPanelEmpty__MHvG5,.UploadScan_fieldPanel__tNmOY{padding:10px;margin-bottom:12px;border:1px solid #eef2f6;border-radius:8px;background:#fff;width:100%;box-sizing:border-box}.UploadScan_fieldPanelEmpty__MHvG5{color:#64748b;font-size:13px}.UploadScan_editorPanel__iK6bM{flex:1;display:flex;flex-direction:column;min-height:0}.UploadScan_panelHeader___N6i9{font-size:14px;font-weight:600;margin-bottom:8px}.UploadScan_propsGrid__zOWdw{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.UploadScan_propItem__j2Cc0{display:flex;align-items:center;gap:8px;min-width:120px;padding:2px 0}.UploadScan_propItemRight__5CCWC{margin-left:auto;display:flex;align-items:center}.UploadScan_label__gdk4p{min-width:54px;font-size:13px;line-height:18px;display:inline-block;color:#0f1724;font-weight:500}.UploadScan_labelSmall__hUrYX{min-width:64px;font-size:12px;color:#0f1724;display:inline-block}.UploadScan_colorInput__9kMX9{width:36px;height:22px;padding:0;border:none;background:transparent;cursor:pointer}.UploadScan_numInput__vPkds{width:64px;padding:6px 8px;border-radius:6px;border:1px solid #e6e9eb;font-size:13px;box-sizing:border-box}.UploadScan_mono__gHD69{font-size:12px;color:#334155;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Noto Mono,monospace}.UploadScan_checkboxLabel__EtTHe{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#0f1724}.UploadScan_smallBtn__sAa1o{padding:6px 8px;border-radius:8px;border:1px solid #e6e9eb;background:transparent;cursor:pointer;font-size:12px;min-width:32px;text-align:center}.UploadScan_smallBtnActive__vBCLI{background:#f0f7f9;border:2px solid #0f6679}.UploadScan_doneBtnCompact___Hdsk{padding:6px 10px;border-radius:8px;background:linear-gradient(180deg,#77dd0d,#9ef04a);border:1px solid #e6e9eb;color:#000;font-weight:600;cursor:pointer;box-shadow:0 6px 14px rgba(15,102,121,.08);font-size:13px}.UploadScan_tableSection__BDXmp{margin-top:8px;padding-top:8px;border-top:1px solid #f1f5f9}.UploadScan_tableHeader__TFuSS{font-size:13px;font-weight:600;margin-bottom:8px}.UploadScan_tableRow__caqn2{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.UploadScan_modal__yhTZH{background:#fff;border-radius:10px;width:500px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:10px;padding:2%;box-sizing:border-box}.UploadScan_modal__yhTZH h4{margin:0;font-size:18px;color:#0f6679;font-weight:600}.UploadScan_modal__yhTZH h4,.UploadScan_modal__yhTZH hr,.UploadScan_modal__yhTZH>div:last-child{grid-column:1/-1}.UploadScan_modal__yhTZH label{width:100px;font-size:14px;font-weight:600;margin-bottom:4px}.UploadScan_modal__yhTZH input[type=number],.UploadScan_modal__yhTZH input[type=text]{width:400px;padding:8px 10px;border-radius:4px;border:1px solid #777;box-sizing:border-box}.UploadScan_modal__yhTZH input[type=file],.UploadScan_modal__yhTZH label[for*=qr],.UploadScan_modal__yhTZH label[for*=seal]{grid-column:span 2}.UploadScan_modalActions__fyBqw{display:flex;justify-content:center;margin:2%}.UploadScan_modal__yhTZH button{padding:6px 14px;border:2px solid #9ef04a;border-radius:8px}.UploadScan_modal__yhTZH button:last-child{background:#9ef04a;font-weight:600;border:2px solid #9ef04a}@media (max-width:1024px){.UploadScan_modal__yhTZH{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.UploadScan_modal__yhTZH{grid-template-columns:1fr}}.CustomTemplateEditor_cte-root__rXpdY{display:flex;width:794px;flex-direction:column;font-family:Inter,Arial,sans-serif}.CustomTemplateEditor_props-bar__5Ypw3{display:flex;gap:16px;align-items:flex-start;padding:14px;border:1px solid #edf1f5;border-radius:10px;background:linear-gradient(180deg,#ffffff,#fbfdff);margin:0 12px;box-sizing:border-box;box-shadow:0 6px 18px rgba(2,6,23,.03)}.CustomTemplateEditor_props-empty__laHN1{color:#6b7280;font-size:13px;padding:6px 8px}.CustomTemplateEditor_props-section__MBiBl{background:white;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 10px rgba(11,22,40,.02);border:1px solid #f0f4f7}.CustomTemplateEditor_props-left__tu_w0{display:flex;flex-direction:column;gap:12px;min-width:340px;max-width:540px}.CustomTemplateEditor_props-right__5rb97{margin-left:auto;display:flex;gap:12px;align-items:flex-start;min-width:260px;flex-direction:column}.CustomTemplateEditor_props-label__Dyeub{display:block;font-size:12px;color:#374151;margin-bottom:6px;font-weight:600}.CustomTemplateEditor_props-subtitle__b53tD{font-size:12px;color:#6b7280;font-weight:600;margin-bottom:10px}.CustomTemplateEditor_helper__7s0YX{font-size:12px;color:#6b7280}.CustomTemplateEditor_props-select__t9mgN{padding:8px 10px;border-radius:8px;border:1px solid #e6ebef;background:white;width:240px;font-size:13px;box-sizing:border-box}.CustomTemplateEditor_props-input__JSp9j{width:80px;padding:8px;border-radius:8px;border:1px solid #e6ebef;box-sizing:border-box;font-size:13px}.CustomTemplateEditor_props-color__fgJOY{width:40px;height:30px;padding:2px;border:none;background:transparent}.CustomTemplateEditor_props-row__zO01v{display:flex;gap:12px;align-items:center;margin-top:4px}.CustomTemplateEditor_props-field__lPiYA{display:flex;flex-direction:column;gap:6px}.CustomTemplateEditor_props-toggles__coZu0{display:flex;gap:8px}.CustomTemplateEditor_control-btn__6h3Vm{display:inline-flex;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;border:1px solid #e6ebef;background:#fff;font-size:13px;cursor:pointer;transition:transform .06s ease,box-shadow .06s ease}.CustomTemplateEditor_control-btn__6h3Vm:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(4,11,27,.06)}.CustomTemplateEditor_props-btn__reP8r{padding:6px 8px;border-radius:6px;border:1px solid #e6e9eb;background:white;cursor:pointer}.CustomTemplateEditor_props-actions__tCEwn{display:flex;gap:8px;align-items:center}.CustomTemplateEditor_badge__bXMPF{display:inline-flex;gap:8px;align-items:center;padding:6px 8px;border-radius:999px;background:#f8fafc;border:1px solid #eef2f6;color:#111827;font-size:13px}.CustomTemplateEditor_props-stats__qqehI{display:flex;gap:8px;color:#374151;font-size:13px}.CustomTemplateEditor_icon-btn__905D_{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #eef2f6;background:white;cursor:pointer;box-sizing:border-box;margin-left:50%}.CustomTemplateEditor_icon-btn__905D_ svg{width:16px;height:16px}.CustomTemplateEditor_toolbar-grid__fAZDD{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:8px;align-items:center}.CustomTemplateEditor_toggle__4t_jW{display:inline-flex;gap:10px;align-items:center}.CustomTemplateEditor_toggle__4t_jW input[type=checkbox]{appearance:none;-webkit-appearance:none;width:40px;height:22px;background:#e6eaf0;border-radius:16px;position:relative;border:1px solid #e6eaf0;cursor:pointer;transition:background .12s ease}.CustomTemplateEditor_toggle__4t_jW input[type=checkbox]:after{content:"";width:18px;height:18px;border-radius:50%;background:white;position:absolute;left:2px;top:1.5px;transition:left .12s ease,background .12s ease;box-shadow:0 2px 6px rgba(2,6,23,.08)}.CustomTemplateEditor_toggle__4t_jW input[type=checkbox]:checked{background:#2563eb;border-color:#2563eb}.CustomTemplateEditor_toggle__4t_jW input[type=checkbox]:checked:after{left:20px}.CustomTemplateEditor_color-preview__hAWk6{display:inline-flex;align-items:center;gap:8px}.CustomTemplateEditor_color-swatch__dj42Z{width:28px;height:20px;border-radius:6px;border:1px solid #e6ebef}.CustomTemplateEditor_canvas-wrap__SdXhU{display:flex;justify-content:center}.CustomTemplateEditor_cte-canvas__gdaci{width:100%;display:flex;justify-content:center;position:relative;overflow:auto;box-sizing:border-box;background:transparent}.CustomTemplateEditor_template-inner__X3U6K{position:relative;box-sizing:border-box;background:white;margin:0 auto;overflow:hidden;border-radius:4px;border:1px solid #e8eef3}.CustomTemplateEditor_cte-box__z2s1g{display:block;box-sizing:border-box;border-radius:4px;background:transparent}.CustomTemplateEditor_box-inner__hkDSe{position:relative;width:100%;height:100%}.CustomTemplateEditor_selected__ISWrc{box-shadow:0 6px 18px rgba(2,6,23,.06)}.CustomTemplateEditor_edit-btn__jLGz9{position:absolute;top:6px;right:6px;z-index:400;padding:4px 8px;font-size:12px;border-radius:6px;border:1px solid rgba(0,0,0,.08);background:white;cursor:pointer}.CustomTemplateEditor_logo-box-inner__ly3j8{width:100%;height:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:6px}.CustomTemplateEditor_logo-img__jzkWn{max-width:100%;max-height:100%;display:block;user-select:none;-webkit-user-drag:none;pointer-events:auto}.CustomTemplateEditor_logo-placeholder__IULsA{text-align:center;color:#6b7280;font-size:13px}.CustomTemplateEditor_table-box__laia3{width:100%;height:100%;box-sizing:border-box;padding:6px;overflow:auto}.CustomTemplateEditor_table-el__luXX4{width:100%;border-collapse:collapse}.CustomTemplateEditor_table-edit__lyYJ_{min-height:16px;outline:none;cursor:text}.CustomTemplateEditor_table-cell__XgVOY{min-height:16px;pointer-events:auto;cursor:text}.CustomTemplateEditor_bte-watermark__atAF_{position:absolute;transform:translate(-50%,-50%);z-index:12;pointer-events:none}.CustomTemplateEditor_bte-watermark__atAF_.CustomTemplateEditor_editable__oiNKE{pointer-events:auto}.CustomTemplateEditor_bte-watermark__atAF_ img{pointer-events:none;user-select:none;-webkit-user-drag:none}.CustomTemplateEditor_bte-watermark__atAF_ .CustomTemplateEditor_bte-wm-resize__U55Z3{position:absolute;right:6px;bottom:6px;width:14px;height:14px;background:#fff;border:1px solid #c8ccd6;cursor:se-resize;z-index:30}@media (max-width:980px){.CustomTemplateEditor_props-bar__5Ypw3{flex-direction:column}.CustomTemplateEditor_props-left__tu_w0{min-width:100%}.CustomTemplateEditor_props-right__5rb97{margin-left:0;width:100%}}