:root{--font-primary:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-tertiary:#1f2937;--card-bg:#111827a6;--card-bg-hover:#1f2937cc;--card-border:#ffffff0f;--card-border-focus:#6366f166;--color-present:#10b981;--color-present-light:#10b98126;--color-absent:#ef4444;--color-absent-light:#ef444426;--color-lop:#f97316;--color-lop-light:#f9731626;--color-cl:#06b6d4;--color-cl-light:#06b6d426;--color-weeklyoff:#6366f1;--color-weeklyoff-light:#6366f126;--color-holiday:#a855f7;--color-holiday-light:#a855f726;--color-halfday:#eab308;--color-halfday-light:#eab30826;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#4f46e5;--accent-secondary:#06b6d4;--accent-gradient:linear-gradient(135deg, #4f46e5 0%, #06b6d4 100%);--accent-hover:#4338ca;--shadow-lg:0 10px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;--shadow-glow:0 0 15px #6366f126;--glass-blur:blur(16px);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background-color:var(--accent-primary);color:#fff}@media print{body{color:#000!important;background:#fff!important}.no-print{display:none!important}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.text-present{color:var(--color-present)}.text-absent{color:var(--color-absent)}.text-lop{color:var(--color-lop)}.text-cl{color:var(--color-cl)}.text-weeklyoff{color:var(--color-weeklyoff)}.text-holiday{color:var(--color-holiday)}.text-indigo{color:#818cf8}.text-cyan{color:#22d3ee}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);padding:1rem;transition:border-color .3s,box-shadow .3s}.glass-panel:hover{box-shadow:var(--shadow-lg), var(--shadow-glow);border-color:#ffffff1f}.btn{font-family:var(--font-primary);border-radius:var(--border-radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px #4f46e54d}.btn-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #4f46e573}.btn-outline{border:1px solid var(--card-border);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.form-control{background-color:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-primary);padding:.5rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f133}.select-wrapper{position:relative}select.form-control{appearance:none;cursor:pointer}.divider{background:var(--card-border);border:0;height:1px;margin:1.5rem 0}.login-overlay{background:radial-gradient(circle at 10% 20%,#131a2d 0%,#090c15 90%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{border-radius:var(--border-radius-lg);flex-direction:column;width:100%;max-width:440px;padding:2.5rem;display:flex}.login-brand{text-align:center;margin-bottom:2rem}.brand-logo-accent{background:var(--accent-gradient);border-radius:var(--border-radius-md);color:#fff;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:1rem;font-size:1.5rem;display:inline-flex;box-shadow:0 4px 15px #06b6d44d}.login-brand h2{letter-spacing:.05em;margin-bottom:.25rem;font-size:1.75rem}.login-brand p{color:var(--text-secondary);font-size:.9rem;font-weight:500}.login-tabs{background:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--card-border);grid-template-columns:1fr 1fr;margin-bottom:2rem;padding:.25rem;display:grid}.login-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.login-tab-btn.active{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:0 2px 6px #00000026}.login-form{flex-direction:column;gap:1.25rem;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:1rem}.input-with-icon .form-control{padding-left:2.75rem}.disabled-input{opacity:.6;background-color:var(--bg-tertiary);cursor:not-allowed}.error-message{background-color:var(--color-absent-light);border-radius:var(--border-radius-sm);color:var(--color-absent);border:1px solid #ef444440;padding:.75rem 1rem;font-size:.85rem;font-weight:500;line-height:1.4}.login-footer{text-align:center;color:var(--text-muted);margin-top:2.5rem;font-size:.75rem}.portal-container{flex-direction:column;gap:2rem;max-width:1280px;margin:0 auto;padding:2rem 1.5rem;display:flex}.portal-header{border-radius:var(--border-radius-md);justify-content:space-between;align-items:center;display:flex}.header-brand{align-items:center;gap:1rem;display:flex}.brand-dot{background-color:var(--color-present);width:12px;height:12px;box-shadow:0 0 10px var(--color-present);border-radius:50%}.brand-dot.admin-mode{background-color:var(--color-weeklyoff);box-shadow:0 0 10px var(--color-weeklyoff)}.user-profile-controls{align-items:center;gap:1.5rem;display:flex}.user-avatar-tag{background:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--card-border);align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.user-avatar-tag svg{color:var(--accent-secondary);font-size:1.5rem}.user-text-details{flex-direction:column;display:flex}.user-name-title{font-size:.95rem;font-weight:700;font-family:var(--font-display)}.user-badge{color:var(--text-secondary);font-size:.75rem}.portal-content{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=900px){.portal-content{grid-template-columns:1fr}}.portal-grid-left{flex-direction:column;gap:2rem;display:flex}.widget-title{color:var(--text-primary);border-bottom:1px solid var(--card-border);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.15rem;display:flex}.date-clock-ticker{text-align:center;border-radius:var(--border-radius-md);border:1px solid var(--card-border);background:radial-gradient(circle,#1f293766 0%,#11182799 100%);margin-bottom:1.5rem;padding:1.5rem}.clock-time{font-size:2.25rem;font-weight:800;font-family:var(--font-display);color:var(--text-primary);letter-spacing:.05em;text-shadow:0 0 10px #ffffff1a;margin-bottom:.25rem}.clock-date{color:var(--text-secondary);font-size:.9rem;font-weight:500}.day-select-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.day-select-bar label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.selector-day{max-width:200px}.current-status-display{text-align:center;margin:1.25rem 0;font-size:1rem;font-weight:600}.status-badge{text-transform:uppercase;border-radius:6px;padding:.35rem .75rem;font-size:.85rem;font-weight:700}.status-badge.P{background-color:var(--color-present-light);color:var(--color-present);border:1px solid #10b9814d}.status-badge.A{background-color:var(--color-absent-light);color:var(--color-absent);border:1px solid #ef44444d}.status-badge.LOP{background-color:var(--color-lop-light);color:var(--color-lop);border:1px solid #f973164d}.status-badge.CL{background-color:var(--color-cl-light);color:var(--color-cl);border:1px solid #06b6d44d}.status-badge.WO{background-color:var(--color-weeklyoff-light);color:var(--color-weeklyoff);border:1px solid #6366f14d}.status-badge.H{background-color:var(--color-holiday-light);color:var(--color-holiday);border:1px solid #a855f74d}.status-badge.empty{background-color:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--card-border)}.checkin-action-buttons{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.checkin-action-buttons .btn{height:50px;font-size:.95rem}.checkin-action-buttons .btn-leave{grid-column:span 2}.btn-present{color:var(--color-present);background:#10b9811a;border:1px solid #10b9814d}.btn-present:hover,.active-present{box-shadow:0 4px 15px #10b9814d;background:var(--color-present)!important;color:#fff!important}.btn-absent{color:var(--color-absent);background:#ef44441a;border:1px solid #ef44444d}.btn-absent:hover,.active-absent{box-shadow:0 4px 15px #ef44444d;background:var(--color-absent)!important;color:#fff!important}.btn-lop{color:var(--color-lop);background:#f973161a;border:1px solid #f973164d}.btn-lop:hover,.active-lop{box-shadow:0 4px 15px #f973164d;background:var(--color-lop)!important;color:#fff!important}.btn-cl{color:var(--color-cl);background:#06b6d41a;border:1px solid #06b6d44d}.btn-cl:hover,.active-cl{box-shadow:0 4px 15px #06b6d44d;background:var(--color-cl)!important;color:#fff!important}.checkin-disclaimer{color:var(--text-muted);margin-top:1rem;font-size:.75rem;line-height:1.4}.stats-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.kpi-box{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.kpi-value{font-size:1.5rem;font-weight:800;font-family:var(--font-display)}.salary-estimate-box{border-radius:var(--border-radius-sm);background:#6366f10d;border:1px solid #6366f126;margin-top:1rem;padding:1.25rem}.est-header{justify-content:space-between;align-items:center;font-size:.95rem;font-weight:500;display:flex}.est-gross{font-weight:700}.footer-est{font-size:1.1rem;font-weight:700}.est-net{font-size:1.3rem;font-weight:800;font-family:var(--font-display)}.calc-disclaimer{color:var(--text-muted);margin-top:.5rem;font-size:.72rem;line-height:1.4}.calendar-status-legend{background:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--card-border);flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;padding:.6rem;font-size:.75rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:.35rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.legend-dot.status-p,.calendar-cell.P{background-color:var(--color-present)}.legend-dot.status-a,.calendar-cell.A{background-color:var(--color-absent)}.legend-dot.status-lop,.calendar-cell.LOP{background-color:var(--color-lop)}.legend-dot.status-cl,.calendar-cell.CL{background-color:var(--color-cl)}.legend-dot.status-wo,.calendar-cell.WO{background-color:var(--color-weeklyoff)}.legend-dot.status-h,.calendar-cell.H{background-color:var(--color-holiday)}.calendar-grid-container{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.calendar-day-header{text-align:center;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;padding:.5rem 0;font-size:.8rem;font-weight:700}.calendar-cell{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--border-radius-sm);aspect-ratio:1.1;cursor:pointer;color:var(--text-primary);flex-direction:column;justify-content:space-between;align-items:center;padding:.75rem .25rem;transition:all .2s;display:flex}.calendar-cell:hover{border-color:#fff3;transform:scale(1.05)}.calendar-cell.selected{outline:2px solid var(--accent-secondary);outline-offset:1px}.cell-day-num{font-size:.85rem;font-weight:700}.cell-status-label{text-align:center;background-color:#00000040;border-radius:4px;min-width:24px;padding:1px 4px;font-size:.72rem;font-weight:800}.calendar-cell.P,.calendar-cell.A,.calendar-cell.LOP,.calendar-cell.CL,.calendar-cell.WO,.calendar-cell.H{border:none;color:#fff!important}.admin-container{flex-direction:column;gap:1.5rem;min-height:100vh;padding:1.5rem;display:flex}.admin-header{justify-content:space-between;align-items:center;display:flex}.admin-actions{gap:1rem;display:flex}.admin-layout{grid-template-columns:240px 1fr;align-items:start;gap:1.5rem;transition:grid-template-columns .25s cubic-bezier(.4,0,.2,1);display:grid}.admin-layout.collapsed{grid-template-columns:1fr;gap:0}@media (width<=1024px){.admin-layout{grid-template-columns:1fr}.admin-layout.collapsed{gap:0}}.admin-sidebar{z-index:50;flex-direction:column;align-self:start;gap:.5rem;max-height:calc(100vh - 3rem);padding:1rem;transition:opacity .2s,transform .2s;display:flex;position:sticky;top:1.5rem;overflow-y:auto}.admin-sidebar.collapsed{display:none!important}.sidebar-toggle-btn{border-radius:var(--border-radius-sm);background:var(--bg-secondary);border:1px solid var(--card-border);width:38px;height:38px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.sidebar-toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-secondary);color:var(--accent-secondary);box-shadow:var(--shadow-glow)}.sidebar-toggle-btn:active{transform:scale(.95)}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.nav-btn{border-radius:var(--border-radius-sm);color:var(--text-secondary);font-family:var(--font-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.nav-btn:hover{background:var(--bg-secondary);color:var(--text-primary);padding-left:1.25rem}.nav-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 12px #4f46e533}.btn-icon{font-size:1.05rem}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.95;filter:invert()brightness(2)!important}input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.95;filter:invert()brightness(2)!important}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1}svg[data-icon=calendar-alt],svg[data-icon=calendar-check],.calendar-icon{color:#fff!important}.admin-content{min-width:0}.table-card{border-radius:var(--border-radius-md);overflow:hidden}.table-header-bar{border-bottom:1px solid var(--card-border);margin-bottom:1.5rem;padding-bottom:.75rem}.table-header-bar h3{margin-bottom:.25rem;font-size:1.2rem}.spreadsheet-container{border-radius:var(--border-radius-sm);border:1px solid var(--card-border);max-width:100%;overflow-x:auto}.spreadsheet-table{border-collapse:separate;border-spacing:0;width:100%}.spreadsheet-table th,.spreadsheet-table td{border-right:1px solid var(--card-border);border-bottom:1px solid var(--card-border);text-align:center;min-width:54px;padding:.5rem;font-size:.82rem}.spreadsheet-table th{background-color:var(--bg-secondary);font-weight:700;font-family:var(--font-display);color:var(--text-secondary);height:48px}.head-sunday{color:var(--color-weeklyoff)!important;background-color:#6366f11a!important}.day-name-sub{opacity:.7;margin-top:1px;font-size:.6rem;font-weight:800;display:block}.spreadsheet-table .sticky-col{z-index:10;background-color:var(--bg-primary);position:sticky}.spreadsheet-table .first-col-head{background-color:var(--bg-secondary);min-width:80px;left:0}.spreadsheet-table .second-col-head{text-align:left;background-color:var(--bg-secondary);min-width:130px;left:80px}.spreadsheet-table .first-col-body{min-width:80px;font-weight:700;left:0}.spreadsheet-table .second-col-body{text-align:left;min-width:130px;font-weight:600;left:80px}.spreadsheet-table tr:hover td.sticky-col{background-color:var(--bg-secondary)}.spreadsheet-table .summary-col-head{background-color:var(--bg-tertiary);color:var(--text-primary);min-width:65px}.summary-val{background-color:#1f29374d;font-weight:700}.cell-editable-container{padding:.25rem!important}.cell-status-select{width:100%;height:32px;color:var(--text-primary);text-align:center;cursor:pointer;text-align-last:center;background-color:#0000;border:1px solid #0000;border-radius:4px;font-weight:800;transition:all .15s}.cell-status-select:focus{background-color:var(--bg-tertiary);border-color:var(--accent-secondary);outline:none}.cell-status-select.P{background-color:var(--color-present);color:#fff}.cell-status-select.A{background-color:var(--color-absent);color:#fff}.cell-status-select.LOP{background-color:var(--color-lop);color:#fff}.cell-status-select.CL{background-color:var(--color-cl);color:#fff}.cell-status-select.WO{background-color:var(--color-weeklyoff);color:#fff}.cell-status-select.H{background-color:var(--color-holiday);color:#fff}.cell-status-select.HD{background-color:var(--color-halfday);color:#fff}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--card-border);text-align:left;padding:.5rem;font-size:.9rem}.admin-table th{background-color:var(--bg-secondary);font-weight:700;font-family:var(--font-display);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.admin-table tr:hover{background-color:#ffffff05}.emp-name-tag{color:var(--text-primary);font-weight:700}.btn-icon-only{cursor:pointer;background:0 0;border:none;font-size:1.1rem;transition:transform .2s}.btn-icon-only:hover{transform:scale(1.2)}.master-grid-layout{grid-template-columns:380px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=1100px){.master-grid-layout{grid-template-columns:1fr}}.vertical-form{flex-direction:column;gap:1rem;display:flex}.form-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.section-subtitle{color:var(--accent-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem;font-size:.9rem}.gross-salary-preview{background-color:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--card-border);justify-content:space-between;align-items:center;margin:.5rem 0;padding:1rem;font-size:.95rem;display:flex}.gross-salary-preview strong{color:var(--color-present);font-size:1.1rem}.payroll-table td{padding:.6rem .5rem}.table-input{background-color:var(--bg-secondary);border:1px solid var(--card-border);width:70px;color:var(--text-primary);text-align:right;border-radius:4px;padding:.35rem .5rem;font-size:.85rem;font-weight:600}.table-input:focus{border-color:var(--accent-secondary);outline:none}.dashboard-charts-row{grid-template-columns:1.5fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (width<=900px){.dashboard-charts-row{grid-template-columns:1fr}}.dashboard-chart-card h3,.quick-links-card h3{border-bottom:1px solid var(--card-border);margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.1rem}.bar-chart-container{flex-direction:column;gap:.85rem;display:flex}.bar-chart-row{align-items:center;gap:1rem;font-size:.85rem;display:flex}.bar-label{text-overflow:ellipsis;white-space:nowrap;width:140px;font-weight:600;overflow:hidden}.bar-wrapper{background-color:var(--bg-secondary);border:1px solid var(--card-border);border-radius:4px;flex-grow:1;height:20px;overflow:hidden}.bar-fill{border-radius:3px;align-items:center;height:100%;padding-left:.5rem;transition:width .6s;display:flex}.bar-value{color:#fff;font-size:.72rem;font-weight:800}.info-list{flex-direction:column;gap:.85rem;list-style:none;display:flex}.info-list li{color:var(--text-secondary);padding-left:1.25rem;font-size:.85rem;line-height:1.5;position:relative}.info-list li:before{content:"→";color:var(--accent-secondary);font-weight:800;position:absolute;left:0}.payslip-selector-bar{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.select-payslip{max-width:250px}.payslip-print-container{border-radius:var(--border-radius-md);border:1px solid var(--card-border);background-color:#1e293b;justify-content:center;padding:2.5rem;display:flex}.payslip-sheet{color:#1e293b;width:790px;min-height:1050px;font-family:var(--font-primary);background:#fff;border-radius:4px;flex-direction:column;padding:3rem;display:flex;box-shadow:0 4px 20px #0006}.payslip-header{text-align:center;margin-bottom:1rem}.payslip-header h1{font-family:var(--font-display);color:#0f172a;letter-spacing:.05em;margin-bottom:.25rem;font-size:2.25rem;font-weight:900}.payslip-header .sub{color:#64748b;margin-bottom:1rem;font-size:.85rem;font-weight:500}.payslip-header h2{color:#1e293b;letter-spacing:.1em;text-transform:uppercase;margin-top:.5rem;font-size:1.25rem;font-weight:700}.payslip-divider{background:#cbd5e1;border:0;height:1px;margin:1.25rem 0}.payslip-divider-double{border:1px solid #94a3b8;border-left:0;border-right:0;height:3px;margin:1rem 0}.payslip-meta-grid{grid-template-columns:1fr 1fr;gap:.6rem 3rem;padding:.5rem 0;font-size:.9rem;display:grid}.meta-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;padding-bottom:.25rem;display:flex}.meta-row span:first-child{color:#475569}.meta-row span:last-child{color:#0f172a;font-weight:600}.payslip-ledger-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem;display:grid}.ledger-column h3{color:#0f172a;background:#f1f5f9;border-left:3px solid #334155;margin-bottom:.5rem;padding:.5rem;font-size:.95rem;font-weight:700}.ledger-table{border-collapse:collapse;width:100%}.ledger-table th,.ledger-table td{border-bottom:1px solid #e2e8f0;padding:.5rem;font-size:.85rem}.ledger-table th{color:#475569;text-transform:uppercase;font-size:.72rem;font-weight:700}.ledger-table td{color:#334155}.ledger-table td:last-child{color:#0f172a;font-weight:600}.highlight-row td{background-color:#f8fafc;border-top:1px solid #94a3b8;color:#0f172a!important;font-weight:700!important}.blank-row td{border-bottom:none!important}.payslip-totals-row{justify-content:flex-end;gap:2rem;margin:1rem 0;display:flex}.totals-block{flex-direction:column;align-items:flex-end;font-size:.85rem;display:flex}.totals-block .label{color:#475569;margin-bottom:.15rem}.totals-block .value{color:#0f172a;font-weight:700}.net-salary-block{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:.5rem 1rem}.net-salary-block .label{color:#334155;font-weight:700}.net-salary-block .value{color:#0f172a;font-size:1.25rem}.payslip-attendance-summary h3{color:#0f172a;margin-bottom:.5rem;font-size:.95rem;font-weight:700}.summary-badges-container{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.summary-badge-item{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;padding:.5rem;font-size:.8rem;display:flex}.summary-badge-item span{color:#64748b;margin-bottom:.15rem}.summary-badge-item strong{color:#0f172a;font-size:1rem}.payslip-signatures{justify-content:space-between;margin-top:auto;padding-top:4rem;display:flex}.sig-block{text-align:center;width:200px}.sig-block p{color:#475569;font-size:.85rem;font-weight:600}.sig-line{border-top:1px solid #94a3b8;margin-top:2.5rem}@media print{body,.app-container{margin:0;padding:0;background:#fff!important}.admin-container{padding:0}.admin-layout{grid-template-columns:1fr!important;display:block!important}.admin-content{margin:0!important;padding:0!important}.payslip-print-container{background:0 0!important;border:none!important;padding:0!important}.payslip-sheet{box-shadow:none!important;border:none!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important}.no-print{display:none!important}.print-only{display:inline-block!important}.petty-cash-print-wrapper .glass-panel{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;overflow:visible!important}.petty-cash-print-wrapper div{overflow:visible!important}.petty-cash-print-wrapper table{table-layout:auto!important;width:100%!important}.petty-cash-print-wrapper th,.petty-cash-print-wrapper td{white-space:nowrap!important;padding:.5rem!important;font-size:.8rem!important}.petty-cash-print-wrapper th:nth-child(2),.petty-cash-print-wrapper td:nth-child(2){white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;min-width:150px!important}.petty-cash-print-wrapper .stats-kpi-grid{grid-template-columns:repeat(3,1fr)!important;gap:1rem!important;margin-bottom:1.5rem!important;display:grid!important}.petty-cash-print-wrapper .kpi-box{color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;padding:.75rem!important}.petty-cash-print-wrapper .kpi-box *{color:inherit!important}.petty-cash-print-wrapper .petty-cash-filter-summary{background:0 0!important;border:none!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;margin-bottom:1.5rem!important;padding:0!important;display:grid!important}.petty-cash-print-wrapper .petty-cash-filter-summary .kpi-box{color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;padding:.75rem!important}.petty-cash-print-wrapper .petty-cash-filter-summary .kpi-box *{color:inherit!important}}.print-only{display:none!important}.rule-selector-container{align-items:center;display:flex}.select-payroll-rule{cursor:pointer;background-color:var(--bg-secondary)!important;border:1px solid var(--card-border)!important;width:240px!important;color:var(--text-primary)!important;height:44px!important;padding:.25rem .75rem!important;font-size:.85rem!important;font-weight:600!important}.select-payroll-rule:focus{border-color:var(--accent-secondary)!important;box-shadow:0 0 0 3px #06b6d426!important}.table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;margin-bottom:1rem;overflow-x:auto}@media (width<=600px){.portal-container,.admin-container{gap:1rem;padding:1rem .75rem}.glass-panel{padding:1rem}.login-card{border-radius:var(--border-radius-md);max-width:100%;padding:1.5rem 1rem}.login-brand h2{font-size:1.5rem}.portal-header{text-align:center;flex-direction:column;align-items:stretch;gap:1rem}.user-profile-controls{flex-direction:column;align-items:stretch;gap:.75rem}.user-avatar-tag{justify-content:center}.logout-btn{width:100%}.admin-actions{flex-direction:column;align-items:stretch;gap:.5rem}.admin-actions select,.admin-actions button{width:100%!important}.checkin-action-buttons{grid-template-columns:1fr 1fr;gap:.75rem}.checkin-action-buttons .btn{border-radius:var(--border-radius-sm);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;height:64px;padding:.5rem;font-size:.85rem}.checkin-action-buttons .btn svg{font-size:1.25rem}.day-select-bar{flex-direction:column;align-items:stretch;gap:.5rem}.day-select-bar label{text-align:center}.day-select-bar div{justify-content:center}.stats-kpi-grid{grid-template-columns:1fr 1fr;gap:.75rem}.kpi-box{padding:.75rem}.kpi-label{font-size:.7rem}.kpi-value{font-size:1.25rem}.calendar-grid-container{gap:4px}.calendar-day-header{padding:.25rem 0;font-size:.7rem}.calendar-cell{aspect-ratio:1;border-radius:4px;padding:.35rem .1rem}.cell-day-num{font-size:.75rem}.cell-status-label{border-radius:2px;min-width:18px;padding:1px 2px;font-size:.6rem}.calendar-status-legend{gap:.5rem;padding:.5rem;font-size:.7rem}.legend-item{gap:.25rem}.legend-dot{width:8px;height:8px}.admin-layout{grid-template-columns:1fr;gap:1rem}.admin-sidebar{border-radius:var(--border-radius-sm);padding:.5rem}.sidebar-nav{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-direction:row;gap:.5rem;padding-bottom:.5rem;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{height:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:2px}.nav-btn{flex-shrink:0;justify-content:center;margin:0;padding:.6rem .85rem;font-size:.85rem}.nav-btn:hover{padding-left:.85rem}.spreadsheet-table th,.spreadsheet-table td{padding:.35rem .25rem;font-size:.72rem}.cell-status-select{height:26px;padding:0;font-size:.7rem}.spreadsheet-table .first-col-head,.spreadsheet-table .first-col-body{min-width:60px}.spreadsheet-table .second-col-head,.spreadsheet-table .second-col-body{min-width:90px;left:60px}.payroll-table td{padding:.4rem .25rem;font-size:.72rem}.table-input{width:50px;padding:.2rem .3rem;font-size:.75rem}.admin-table th,.admin-table td{padding:.5rem;font-size:.75rem}.btn-icon-only{font-size:.95rem}.form-row-2{grid-template-columns:1fr;gap:.75rem}.payslip-selector-bar{flex-direction:column;align-items:stretch;gap:.75rem}.select-payslip{max-width:100%}.print-payslip-btn{width:100%}.payslip-print-container{justify-content:center;padding:.5rem;overflow-x:auto}.payslip-sheet{flex-shrink:0}.rule-selector-container{width:100%}.rule-selector-container select{flex-grow:1;width:50%!important}}@media (width<=500px){.bar-chart-row{flex-direction:column;align-items:stretch;gap:.25rem}.bar-label{width:100%}}@media (width<=820px){.payslip-sheet{zoom:.9;padding:2rem}}@media (width<=720px){.payslip-sheet{zoom:.8;padding:1.5rem}}@media (width<=640px){.payslip-sheet{zoom:.7}}@media (width<=560px){.payslip-sheet{zoom:.6}}@media (width<=480px){.payslip-sheet{zoom:.5;padding:1rem}}@media (width<=400px){.payslip-sheet{zoom:.42}}@media (width<=340px){.payslip-sheet{zoom:.38}}@media print{.payslip-sheet{zoom:1!important}}.modal-overlay{animation:.2s fadeIn;-webkit-backdrop-filter:blur(8px)!important;z-index:10005!important;box-sizing:border-box!important;background:#000000c7!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:1.5rem!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.modal-box{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:1.25rem;width:100%;max-width:460px;padding:1.75rem;animation:.25s cubic-bezier(.16,1,.3,1) fadeIn;box-shadow:0 24px 64px #000c,inset 0 1px #ffffff14;box-sizing:border-box!important;margin:auto!important;position:relative!important}.modal-box h2,.modal-box h3{color:var(--text-primary);margin-top:0}.profile-modal-box{flex-direction:column;display:flex;overflow:hidden;border-radius:1.25rem!important;max-width:520px!important;padding:0!important}.profile-modal-body{flex-direction:column;flex:1;gap:0;padding:1.25rem 1.5rem;display:flex;overflow:hidden!important}.profile-modal-body table{width:100%}.popup-overlay{-webkit-backdrop-filter:blur(8px);z-index:10005;background:#04060ccc;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out popupFadeIn;display:flex;position:fixed;inset:0}.popup-box{background:var(--bg-secondary);border:1px solid var(--card-border);text-align:center;border-radius:1.25rem;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:2.25rem 2rem 2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) popupScaleIn;display:flex;box-shadow:0 24px 64px #000000b3,inset 0 1px #ffffff0d}.popup-icon-container{justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:3rem;display:flex}.popup-icon-success{color:var(--color-present)}.popup-icon-error{color:var(--color-absent)}.popup-icon-warning{color:var(--color-lop)}.popup-icon-info{color:var(--color-cl)}.popup-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.3rem;font-weight:700}.popup-message{color:var(--text-secondary);text-align:center;margin-bottom:1.75rem;font-size:.95rem;line-height:1.6}.popup-buttons{justify-content:center;gap:1rem;width:100%;display:flex}.popup-buttons .btn{flex:1;height:44px;padding:0 1.5rem;font-size:.95rem}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupScaleIn{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.bill-preview-modal-box{color:var(--text-primary);animation:.3s cubic-bezier(.34,1.56,.64,1) popupScaleIn;-webkit-backdrop-filter:blur(24px)saturate(180%)!important;backdrop-filter:blur(24px)saturate(180%)!important;background:#0f172ad9!important;border:1px solid #ffffff14!important;border-radius:1.25rem!important;flex-direction:column!important;width:90%!important;max-width:950px!important;height:85vh!important;padding:1.5rem!important;display:flex!important;box-shadow:0 32px 80px #000c,inset 0 1px #ffffff1a!important}.bill-preview-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.bill-preview-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.2rem;font-weight:700;display:flex}.bill-preview-subtitle{color:var(--text-muted);word-break:break-all;margin-top:.2rem;font-size:.8rem;display:block}.bill-preview-toolbar{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.5rem 1rem;display:flex}.bill-preview-toolbar-group{align-items:center;gap:.5rem;display:flex}.bill-preview-scale-text{color:var(--text-secondary);text-align:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:6px;min-width:48px;padding:.25rem .5rem;font-size:.85rem;font-weight:600}.bill-preview-content{background:#00000059 radial-gradient(#ffffff0a 1px,#0000 0) 0 0/20px 20px;border:1px solid #ffffff0d;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:auto}.bill-preview-viewport{justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;overflow:auto}.bill-preview-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:auto;border:1px solid #ffffff1a;border-radius:6px;width:auto;height:auto;box-shadow:0 12px 40px #0009}.bill-preview-pdf-iframe{background:var(--bg-primary);border:none;border-radius:6px;width:100%;height:100%}@media print{body:has(.wages-print-wrapper){color:#f8fafc!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#0b0f19!important}.app-container:has(.wages-print-wrapper){background:#0b0f19!important}.admin-content:has(.wages-print-wrapper){margin:0!important;padding:0!important}.wages-print-wrapper{zoom:.7;box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#111827!important;border:none!important;width:100%!important;max-width:100%!important;padding:1.5rem!important}.wages-print-wrapper *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.wages-print-wrapper input.table-input{text-align:center;color:#fff!important;background:#0000004d!important;border:1px solid #ffffff26!important}}@keyframes spinIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:1s linear infinite spinIcon}.live-badge{color:#10b981;background:#10b98126;border:1px solid #10b98159;border-radius:20px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.live-badge-offline{color:#ef4444;background:#ef444426;border:1px solid #ef444459}.live-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px}.mobile-hamburger-btn,.mobile-header-module-icon,.mobile-header-branding-block,.mobile-dashboard-view,.mobile-pc-top-section,.mobile-pc-cards-feed,.mobile-bottom-nav-bar,.mobile-attendance-view,.mobile-master-view,.mobile-payroll-view,.mobile-stock-view,.mobile-vendor-view{display:none!important}.mobile-header-module-group{display:none}.mobile-header-quick-actions{align-items:center;gap:.5rem;display:none}.mobile-sync-btn{border:1px solid var(--card-border);color:#38bdf8;cursor:pointer;background:#0f172ab3;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.mobile-sync-btn:active{transform:scale(.92)}.mobile-view-selector-bar{-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--border-radius-md);background:#0f172ab3;margin-bottom:1rem;padding:.75rem .65rem;display:none}.mobile-tab-scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.45rem;margin-bottom:.65rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.mobile-tab-scroll-container::-webkit-scrollbar{display:none}.mobile-tab-chip{white-space:nowrap;color:#94a3b8;cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:20px;flex-shrink:0;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.mobile-tab-chip:hover{color:#fff;background:#38bdf81f;border-color:#38bdf84d}.mobile-tab-chip.active{color:#38bdf8;background:linear-gradient(135deg,#0ea5e940 0%,#38bdf826 100%);border-color:#38bdf8;box-shadow:0 0 10px #38bdf840}.mobile-tab-chip-icon{align-items:center;font-size:.85rem;display:flex}.mobile-dropdown-row{align-items:center;gap:.45rem;display:flex}.mobile-month-year-group{flex-shrink:0;gap:.35rem;display:flex}.mobile-month-select{text-align:center;border:1px solid var(--card-border);color:#fff;background:#0f172ad9;border-radius:8px;width:72px;height:38px;padding:0 .2rem;font-size:.82rem;font-weight:700}.mobile-year-select{text-align:center;border:1px solid var(--card-border);color:#fff;background:#0f172ad9;border-radius:8px;width:68px;height:38px;padding:0 .2rem;font-size:.82rem;font-weight:700}.mobile-view-select{border:1px solid var(--accent-cyan);color:#fff;background:#0f172ad9;border-radius:8px;flex:1;height:38px;padding:0 .5rem;font-size:.84rem;font-weight:600}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(12px)!important;z-index:10050!important;background:#000000c7!important;justify-content:flex-start!important;animation:.22s ease-out forwards fadeIn!important;display:flex!important;position:fixed!important;inset:0!important}.mobile-drawer-content{width:86%!important;max-width:320px!important;height:100%!important;padding:1.25rem 1rem max(1.5rem, env(safe-area-inset-bottom)) 1rem!important;-webkit-overflow-scrolling:touch!important;background:#090e1a!important;border-right:1px solid #ffffff14!important;flex-direction:column!important;animation:.28s cubic-bezier(.16,1,.3,1) forwards drawerSlideIn!important;display:flex!important;overflow-y:auto!important;box-shadow:15px 0 45px #000000d9!important}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer-header{border-bottom:1px solid #ffffff0f!important;justify-content:space-between!important;align-items:center!important;margin-bottom:.85rem!important;padding-bottom:.75rem!important;display:flex!important}.mobile-drawer-close-btn{color:#cbd5e1!important;cursor:pointer!important;background:#ffffff0f!important;border:1px solid #ffffff14!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;font-size:.95rem!important;transition:all .2s!important;display:flex!important}.mobile-drawer-close-btn:active{color:#ef4444!important;background:#ef444433!important;transform:scale(.9)!important}.mobile-drawer-profile-card{background:#0f172a99!important;border:1px solid #ffffff0f!important;border-radius:12px!important;align-items:center!important;gap:.75rem!important;margin-bottom:.85rem!important;padding:.75rem .85rem!important;display:flex!important}.mobile-drawer-avatar{color:#fff!important;background:#6366f1!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;font-size:1rem!important;font-weight:700!important;display:flex!important;position:relative!important;box-shadow:0 3px 10px #6366f166!important}.mobile-drawer-online-dot{background:#10b981!important;border:2px solid #0f172a!important;border-radius:50%!important;width:10px!important;height:10px!important;position:absolute!important;bottom:0!important;right:0!important}.mobile-drawer-profile-info{flex-direction:column!important;display:flex!important}.mobile-drawer-name{color:#f8fafc!important;font-size:.88rem!important;font-weight:700!important;line-height:1.2!important}.mobile-drawer-role{color:#94a3b8!important;font-size:.7rem!important}.mobile-drawer-section-label{color:#64748b!important;letter-spacing:.05em!important;margin:.25rem 0 .5rem .25rem!important;font-size:.65rem!important;font-weight:700!important}.mobile-drawer-nav-list{flex-direction:column!important;flex:auto!important;gap:.35rem!important;display:flex!important}.mobile-drawer-nav-item{color:#cbd5e1!important;cursor:pointer!important;text-align:left!important;background:0 0!important;border:1px solid #0000!important;border-radius:12px!important;align-items:center!important;gap:.75rem!important;width:100%!important;padding:.6rem .85rem!important;font-size:.84rem!important;font-weight:500!important;transition:all .2s!important;display:flex!important;position:relative!important}.mobile-drawer-nav-item:active{background:#ffffff0d!important;transform:scale(.98)!important}.mobile-drawer-nav-item.active{color:#fff!important;background:#3b82f624!important;border:1px solid #3b82f659!important;font-weight:700!important}.mobile-drawer-item-icon{border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;font-size:.95rem!important;display:flex!important}.mobile-drawer-item-icon.blue-icon{color:#60a5fa;background:#3b82f626}.mobile-drawer-item-icon.indigo-icon{color:#818cf8;background:#6366f126}.mobile-drawer-item-icon.teal-icon{color:#2dd4bf;background:#14b8a626}.mobile-drawer-item-icon.violet-icon{color:#c084fc;background:#a855f726}.mobile-drawer-item-icon.amber-icon{color:#fbbf24;background:#f59e0b26}.mobile-drawer-item-icon.rose-icon{color:#fb7185;background:#f43f5e26}.mobile-drawer-item-icon.emerald-icon{color:#34d399;background:#10b98126}.mobile-drawer-item-icon.cyan-icon{color:#22d3ee;background:#06b6d426}.mobile-drawer-item-icon.orange-icon{color:#fb923c;background:#f9731626}.mobile-drawer-item-icon.gold-icon{color:#fde047;background:#eab30826}.mobile-drawer-item-text{flex:auto!important}.mobile-drawer-active-pill{background:#38bdf8!important;border-radius:50%!important;width:6px!important;height:6px!important;box-shadow:0 0 8px #38bdf8!important}.mobile-drawer-footer{border-top:1px solid #ffffff0f!important;flex-direction:column!important;gap:.55rem!important;margin-top:1.25rem!important;padding-top:.85rem!important;display:flex!important}.mobile-drawer-action-btn{cursor:pointer!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:.55rem!important;width:100%!important;height:40px!important;font-size:.82rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.mobile-drawer-action-btn:active{transform:scale(.96)!important}.mobile-drawer-action-btn.sync-btn{color:#cbd5e1!important;background:#0f172acc!important;border:1px solid #ffffff1a!important}.mobile-drawer-live-dot{background:#10b981!important;border-radius:50%!important;width:6px!important;height:6px!important;box-shadow:0 0 6px #10b981!important}.mobile-drawer-action-btn.export-btn{color:#cbd5e1!important;background:#0f172acc!important;border:1px solid #ffffff1a!important}.mobile-drawer-action-btn.logout-btn{color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;border:none!important;box-shadow:0 3px 12px #ef44444d!important}.spreadsheet-container{-webkit-overflow-scrolling:touch;max-width:100%;position:relative;overflow-x:auto}.spreadsheet-table .first-col-head,.spreadsheet-table th:first-child,.spreadsheet-table td:first-child{box-shadow:2px 0 5px #0006;z-index:10!important;position:sticky!important;left:0!important}.spreadsheet-table .second-col-head,.spreadsheet-table th:nth-child(2),.spreadsheet-table td:nth-child(2){box-shadow:3px 0 6px #00000080;z-index:10!important;position:sticky!important;left:65px!important}@media (width<=768px){.mobile-hamburger-btn{color:#fff;display:inline-flex!important}.mobile-header-quick-actions{display:flex!important}.desktop-only-btn,.brand-divider,.desktop-admin-actions,.admin-sidebar,.admin-nav-tabs,.mobile-view-selector-bar{display:none!important}.admin-header{z-index:1000!important;-webkit-backdrop-filter:blur(16px)!important;background:#0b0f19f2!important;border-bottom:1px solid #ffffff14!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:.65rem .85rem!important;display:flex!important;position:sticky!important;top:0!important}.header-brand{text-align:left!important;flex-direction:row!important;align-items:center!important;gap:.65rem!important;display:flex!important}.admin-layout{flex-direction:column!important}.mobile-header-branding-block{text-align:left!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;display:flex!important}.mobile-header-panel-title{color:#f1f5f9!important;margin:0!important;font-size:.9rem!important;font-weight:700!important;line-height:1.15!important}.mobile-header-subtitle{color:#94a3b8!important;margin:0!important;font-size:.68rem!important;line-height:1.1!important}.mobile-header-quick-actions{flex-direction:row!important;align-items:center!important;gap:.55rem!important;display:flex!important}.mobile-header-bell-btn{color:#cbd5e1!important;cursor:pointer!important;background:#1e293b99!important;border:1px solid #ffffff14!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;font-size:.95rem!important;transition:all .2s!important;display:flex!important;position:relative!important}.mobile-header-bell-btn:active{transform:scale(.92)!important}.mobile-bell-dot{background:#ef4444!important;border:1.5px solid #0f172a!important;border-radius:50%!important;width:7px!important;height:7px!important;position:absolute!important;top:6px!important;right:8px!important}.mobile-header-download-btn{color:#fff!important;cursor:pointer!important;letter-spacing:.02em!important;white-space:nowrap!important;background:linear-gradient(135deg,#0284c7 0%,#06b6d4 100%)!important;border:1px solid #fff3!important;border-radius:20px!important;align-items:center!important;gap:.4rem!important;padding:.38rem .85rem!important;font-size:.74rem!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 3px 12px #06b6d459!important}.mobile-header-download-btn:hover{box-shadow:0 5px 16px #06b6d480!important}.mobile-header-download-btn:active{transform:scale(.93)!important;box-shadow:0 2px 6px #06b6d433!important}.mobile-header-outline-btn{color:#cbd5e1!important;cursor:pointer!important;white-space:nowrap!important;background:#0f172acc!important;border:1px solid #ffffff26!important;border-radius:8px!important;align-items:center!important;gap:.35rem!important;padding:.35rem .65rem!important;font-size:.74rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.mobile-header-outline-btn:active{border-color:#38bdf866!important;transform:scale(.92)!important}.mobile-header-admin-profile{cursor:pointer!important;flex-direction:column!important;align-items:center!important;gap:2px!important;margin-left:.15rem!important;display:flex!important}.mobile-admin-avatar{color:#fff!important;background:#6366f1!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;font-size:.95rem!important;font-weight:700!important;display:flex!important;position:relative!important;box-shadow:0 2px 8px #6366f166!important}.mobile-admin-online-dot{background:#10b981!important;border:1.5px solid #0f172a!important;border-radius:50%!important;width:9px!important;height:9px!important;position:absolute!important;bottom:0!important;right:0!important}.mobile-admin-name-row{color:#cbd5e1!important;align-items:center!important;font-size:.68rem!important;font-weight:600!important;line-height:1!important;display:flex!important}.desktop-dashboard-view{display:none!important}.mobile-dashboard-view{flex-direction:column!important;gap:.75rem!important;margin-bottom:5.5rem!important;display:flex!important}.mobile-db-action-row{justify-content:space-between!important;align-items:center!important;gap:.5rem!important;margin-bottom:.15rem!important;display:flex!important}.mobile-db-month-pill{background:#0f172acc!important;border:1px solid #ffffff14!important;border-radius:12px!important;flex:auto!important;align-items:center!important;gap:.4rem!important;height:40px!important;padding:0 .75rem!important;display:flex!important}.mobile-db-month-select{color:#fff!important;cursor:pointer!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;font-size:.82rem!important;font-weight:600!important}.mobile-db-month-select option{color:#fff!important;background:#0f172a!important}.mobile-db-actions-group{align-items:center!important;gap:.45rem!important;display:flex!important}.mobile-db-pill-btn{color:#cbd5e1!important;cursor:pointer!important;white-space:nowrap!important;background:#0f172acc!important;border:1px solid #ffffff14!important;border-radius:12px!important;align-items:center!important;gap:.4rem!important;height:40px!important;padding:0 .75rem!important;font-size:.76rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.mobile-db-pill-btn:active{transform:scale(.94)!important}.mobile-db-live-dot{background:#10b981!important;border-radius:50%!important;width:7px!important;height:7px!important;box-shadow:0 0 6px #10b981!important}.mobile-hero-kpi-grid{grid-template-columns:1fr 1.25fr!important;gap:.65rem!important;display:grid!important}.mobile-kpi-hero-card{border-radius:14px!important;flex-direction:column!important;justify-content:space-between!important;padding:.85rem .75rem!important;display:flex!important;position:relative!important;overflow:hidden!important}.mobile-kpi-hero-card.blue-card{background:#0f1c3cb3!important;border:1px solid #3b82f640!important}.mobile-kpi-hero-icon-box.blue-box{color:#60a5fa!important;background:#3b82f633!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;margin-bottom:.5rem!important;font-size:1.15rem!important;display:flex!important}.mobile-kpi-hero-card.gold-card{background:#2d1e0ab3!important;border:1px solid #f59e0b40!important}.mobile-kpi-hero-icon-box.gold-box{color:#fbbf24!important;background:#f59e0b33!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;margin-bottom:.5rem!important;font-size:1.15rem!important;display:flex!important}.mobile-kpi-hero-label{color:#94a3b8!important;text-transform:uppercase!important;letter-spacing:.02em!important;margin-bottom:.2rem!important;font-size:.65rem!important;font-weight:700!important;line-height:1.25!important}.mobile-kpi-hero-value{margin:.15rem 0 .25rem!important;font-size:1.55rem!important;font-weight:800!important;line-height:1.1!important}.text-gold{color:#f59e0b!important}.mobile-kpi-hero-sub{color:#94a3b8!important;font-size:.68rem!important;line-height:1.2!important}.mobile-tri-kpi-grid{grid-template-columns:repeat(3,1fr)!important;gap:.55rem!important;display:grid!important}.mobile-tri-card{border-radius:14px!important;flex-direction:column!important;justify-content:space-between!important;padding:.75rem .55rem!important;display:flex!important}.mobile-tri-card.purple-card{background:#1c1232b3!important;border:1px solid #a855f740!important}.mobile-tri-icon-box.purple-box{color:#c084fc!important;background:#a855f733!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;margin-bottom:.4rem!important;font-size:.95rem!important;display:flex!important}.mobile-tri-card.teal-card{background:#0a2328b3!important;border:1px solid #14b8a640!important}.mobile-tri-icon-box.teal-box{color:#2dd4bf!important;background:#14b8a633!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;margin-bottom:.4rem!important;font-size:.95rem!important;display:flex!important}.mobile-tri-card.red-card{background:#2d0f19b3!important;border:1px solid #f43f5e40!important}.mobile-tri-icon-box.red-box{color:#fb7185!important;background:#f43f5e33!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;margin-bottom:.4rem!important;font-size:.95rem!important;display:flex!important}.mobile-tri-label{color:#94a3b8!important;text-transform:uppercase!important;margin-bottom:.2rem!important;font-size:.58rem!important;font-weight:700!important;line-height:1.2!important}.mobile-tri-value{margin:.1rem 0!important;font-size:1.15rem!important;font-weight:800!important;line-height:1.1!important}.mobile-tri-value-row{align-items:baseline!important;gap:.25rem!important;margin:.1rem 0!important;display:flex!important}.mobile-tri-number{color:#fff!important;font-size:1.25rem!important;font-weight:800!important}.mobile-tri-unit{font-size:.95rem!important;font-weight:800!important}.text-purple{color:#c084fc!important}.text-teal{color:#2dd4bf!important}.mobile-tri-sub{color:#64748b!important;font-size:.62rem!important}.mobile-dashboard-chart-card{background:#0f172aa6!important;border:1px solid #ffffff0f!important;border-radius:14px!important;padding:.9rem .8rem!important}.mobile-chart-card-header{cursor:pointer!important;justify-content:space-between!important;align-items:center!important;margin-bottom:.65rem!important;display:flex!important}.mobile-chart-card-title{color:#f8fafc!important;margin:0!important;font-size:.9rem!important;font-weight:700!important}.mobile-chart-header-badge{color:#94a3b8!important;align-items:center!important;gap:.25rem!important;font-size:.72rem!important;font-weight:600!important;display:flex!important}.mobile-chart-legend-row{flex-wrap:wrap!important;justify-content:center!important;gap:.65rem!important;margin-top:.45rem!important;display:flex!important}.mobile-legend-pill{color:#cbd5e1!important;align-items:center!important;gap:.3rem!important;font-size:.68rem!important;font-weight:500!important;display:flex!important}.legend-dot{border-radius:50%!important;flex-shrink:0!important;width:7px!important;height:7px!important}.mobile-dept-donut-grid{grid-template-columns:130px 1fr!important;align-items:center!important;gap:.5rem!important;display:grid!important}.mobile-dept-list-right{flex-direction:column!important;gap:.35rem!important;font-size:.72rem!important;display:flex!important}.mobile-dept-list-item{justify-content:space-between!important;align-items:center!important;gap:.3rem!important;display:flex!important}.mobile-dept-name-group{align-items:center!important;gap:.35rem!important;display:flex!important;overflow:hidden!important}.mobile-dept-name{color:#cbd5e1!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:95px!important;font-size:.72rem!important;font-weight:500!important;overflow:hidden!important}.mobile-dept-count-group{flex-shrink:0!important;align-items:center!important;gap:.25rem!important;display:flex!important}.mobile-dept-count{color:#fff!important;font-weight:700!important}.mobile-quick-access-section{margin-top:.15rem!important}.mobile-quick-access-header{justify-content:space-between!important;align-items:center!important;margin-bottom:.55rem!important;display:flex!important}.mobile-quick-access-title{color:#f8fafc!important;margin:0!important;font-size:.92rem!important;font-weight:700!important}.mobile-quick-access-all{color:#38bdf8!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:0!important;font-size:.78rem!important;font-weight:600!important}.mobile-quick-access-grid{grid-template-columns:repeat(4,1fr)!important;gap:.5rem!important;display:grid!important}.mobile-quick-btn{cursor:pointer!important;border:1px solid #0000!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.35rem!important;padding:.7rem .25rem!important;font-size:.72rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.mobile-quick-btn:active{transform:scale(.92)!important}.mobile-quick-btn.green-btn{color:#34d399!important;background:#10b9811a!important;border-color:#10b98133!important}.mobile-quick-icon-box.green-box{color:#34d399!important;font-size:1.15rem!important}.mobile-quick-btn.blue-btn{color:#60a5fa!important;background:#3b82f61a!important;border-color:#3b82f633!important}.mobile-quick-icon-box.blue-box{color:#60a5fa!important;font-size:1.15rem!important}.mobile-quick-btn.purple-btn{color:#c084fc!important;background:#a855f71a!important;border-color:#a855f733!important}.mobile-quick-icon-box.purple-box{color:#c084fc!important;font-size:1.15rem!important}.mobile-quick-btn.amber-btn{color:#fbbf24!important;background:#f59e0b1a!important;border-color:#f59e0b33!important}.mobile-quick-icon-box.amber-box{color:#fbbf24!important;font-size:1.15rem!important}.desktop-pc-controls,.desktop-pc-table-wrapper{display:none!important}.mobile-pc-top-section{margin-bottom:.85rem;display:block!important}.mobile-pc-search-row{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.mobile-pc-search-box{flex:1;align-items:center;display:flex;position:relative}.mobile-pc-search-icon{color:#94a3b8;pointer-events:none;font-size:.85rem;position:absolute;left:.85rem}.mobile-pc-search-input{color:#fff;background:#0f172abf;border:1px solid #ffffff14;border-radius:12px;width:100%;height:42px;padding-left:2.25rem;padding-right:1.8rem;font-size:.88rem}.mobile-pc-search-input:focus{border-color:#38bdf8;outline:none;box-shadow:0 0 10px #38bdf833}.mobile-pc-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1;position:absolute;right:.65rem}.mobile-pc-month-pill{background:#0f172abf;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;align-items:center;gap:.4rem;height:42px;padding:0 .65rem;display:flex}.mobile-pc-month-select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;font-size:.82rem;font-weight:600}.mobile-pc-month-select option{color:#fff;background:#0f172a}.mobile-pc-date-range-row{align-items:center;gap:.45rem;margin-bottom:.75rem;display:flex}.mobile-pc-date-input-group{background:#0f172abf;border:1px solid #ffffff14;border-radius:12px;flex:1;align-items:center;gap:.35rem;height:38px;padding:0 .55rem;display:flex;position:relative}.mobile-pc-date-group-label{color:#94a3b8;white-space:nowrap;font-size:.72rem;font-weight:600}.mobile-pc-date-picker{color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:.76rem;font-weight:500}.mobile-pc-date-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.15rem;font-size:.95rem;line-height:1;position:absolute;right:.45rem}.mobile-pc-reset-range-btn{color:#ef4444;cursor:pointer;white-space:nowrap;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;height:38px;padding:0 .65rem;font-size:.72rem;font-weight:700;transition:all .2s}.mobile-pc-reset-range-btn:active{transform:scale(.92)}.mobile-pc-filtered-chip-bar{flex-direction:column;gap:.35rem;display:flex;background:linear-gradient(135deg,#1e293bd9 0%,#0f172ae6 100%)!important;border:1px solid #38bdf840!important;border-radius:12px!important;margin-bottom:.75rem!important;padding:.65rem .85rem!important}.mobile-pc-chip-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:.3rem;display:flex}.mobile-pc-chip-title{color:#38bdf8;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:700;overflow:hidden}.mobile-pc-chip-count{color:#94a3b8;background:#ffffff0f;border-radius:4px;padding:.1rem .4rem;font-size:.68rem;font-weight:600}.mobile-pc-chip-stats{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mobile-pc-chip-stat-item{align-items:center;gap:.25rem;font-size:.74rem;display:flex}.mobile-pc-hero-card{background:#0f172aa6!important;border:1px solid #ffffff12!important;border-radius:14px!important;justify-content:space-between!important;align-items:center!important;padding:1.1rem 1rem!important;display:flex!important}.mobile-pc-hero-label{color:#94a3b8;margin-bottom:.25rem;font-size:.78rem;display:block}.mobile-pc-hero-amount{letter-spacing:-.02em;line-height:1.1;margin:0!important;font-size:1.75rem!important;font-weight:800!important}.mobile-pc-hero-pill{color:#cbd5e1;cursor:pointer;background:#1e293bbf;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.mobile-pc-hero-pill:active{transform:scale(.95)}.mobile-pc-cards-feed{flex-direction:column!important;gap:.65rem!important;margin-bottom:5.5rem!important;display:flex!important}.mobile-pc-item-card{background:#0f172a99!important;border:1px solid #ffffff0f!important;border-radius:12px!important;grid-template-columns:46px 1fr auto auto!important;align-items:center!important;gap:.65rem!important;padding:.75rem .65rem!important;display:grid!important}.mobile-pc-date-box{text-align:center;background:#1e293b8c;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:46px;height:56px;padding:.35rem .2rem;display:flex}.mobile-pc-date-day{color:#f8fafc;font-size:1.15rem;font-weight:800;line-height:1}.mobile-pc-date-month{color:#94a3b8;text-transform:uppercase;margin-top:.15rem;font-size:.65rem;font-weight:700;line-height:1}.mobile-pc-date-year{color:#64748b;margin-top:.08rem;font-size:.58rem;line-height:1}.mobile-pc-details{overflow:hidden}.mobile-pc-remarks{color:#f1f5f9;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.35rem;font-size:.86rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.mobile-pc-tags-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.mobile-pc-category-pill{border-radius:6px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;line-height:1.3}.mobile-pc-paymode{color:#94a3b8;font-size:.72rem;font-weight:500}.mobile-pc-amounts{text-align:right;flex-direction:column;gap:.12rem;min-width:82px;font-size:.75rem;display:flex}.mobile-pc-amount-row{justify-content:flex-end;gap:.3rem;display:flex}.mobile-pc-amount-lbl{color:#64748b;font-size:.7rem}.mobile-pc-amount-val{font-size:.76rem;font-weight:600}.mobile-pc-amount-val.bold{font-weight:700}.mobile-pc-actions{flex-direction:column;justify-content:space-between;align-items:center;gap:.45rem;min-height:56px;display:flex}.mobile-pc-bill-btn{color:#cbd5e1;cursor:pointer;background:#1e293bbf;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:.25rem;padding:.25rem .45rem;font-size:.7rem;font-weight:600;line-height:1;display:flex}.mobile-pc-bill-btn:active{transform:scale(.92)}.mobile-pc-bill-empty{height:22px}.mobile-pc-edit-del{align-items:center;gap:.45rem;display:flex}.mobile-pc-icon-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;font-size:.85rem;line-height:1;display:flex}.mobile-pc-icon-btn:active{transform:scale(.88)}.mobile-bottom-nav-bar{z-index:999999!important;-webkit-backdrop-filter:blur(24px)!important;width:100vw!important;max-width:100vw!important;padding:.45rem .5rem max(.75rem, env(safe-area-inset-bottom)) .5rem!important;will-change:transform!important;background:#090e1af7!important;border-top:1px solid #ffffff14!important;justify-content:space-around!important;align-items:center!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;transform:translate(0,0)!important;box-shadow:0 -4px 30px #000000d9!important}.admin-container{padding:.75rem .65rem calc(80px + env(safe-area-inset-bottom)) .65rem!important;animation:none!important;transform:none!important}.mobile-bottom-nav-item{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.2rem!important;min-width:54px!important;padding:.35rem .65rem!important;font-size:.68rem!important;font-weight:500!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:flex!important}.mobile-bottom-nav-item:active{transform:scale(.92)!important}.mobile-bottom-nav-icon{color:#94a3b8!important;justify-content:center!important;align-items:center!important;font-size:1.25rem!important;line-height:1!important;display:flex!important}.mobile-bottom-nav-item.active{color:#fff!important;background:linear-gradient(135deg,#1d4ed8 0%,#0284c7 100%)!important;border-radius:14px!important;padding:.42rem 1.15rem!important;box-shadow:0 3px 14px #1d4ed873!important}.mobile-bottom-nav-item.active .mobile-bottom-nav-icon{color:#fff!important}.mobile-bottom-nav-item.active span{color:#fff!important;font-weight:700!important}.mobile-header-module-group{align-items:center!important;gap:.65rem!important;display:flex!important}.mobile-header-module-icon-box{color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%)!important;border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;font-size:1.15rem!important;display:flex!important;box-shadow:0 3px 12px #0284c766!important}.mobile-header-module-title{color:#fff!important;margin:0!important;font-size:1.1rem!important;font-weight:700!important}.mobile-header-filter-btn{color:#cbd5e1!important;cursor:pointer!important;background:#1e293b99!important;border:1px solid #ffffff14!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;font-size:.95rem!important;transition:all .2s!important;display:flex!important}.mobile-header-filter-btn:active{color:#38bdf8!important;background:#3b82f633!important;transform:scale(.9)!important}.desktop-attendance-view{display:none!important}.mobile-attendance-view{flex-direction:column!important;gap:.65rem!important;padding-bottom:5.5rem!important;display:flex!important}.mobile-att-legend-box{color:#cbd5e1!important;word-break:break-word!important;background:#0f172aa6!important;border:1px solid #ffffff0f!important;border-radius:10px!important;padding:.55rem .8rem!important;font-size:.72rem!important;line-height:1.5!important}.mobile-att-actions-row{gap:.65rem!important;display:flex!important}.mobile-att-btn-save{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%)!important;border:none!important;border-radius:10px!important;flex:auto!important;justify-content:center!important;align-items:center!important;gap:.45rem!important;height:42px!important;font-size:.88rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important;box-shadow:0 4px 15px #06b6d44d!important}.mobile-att-btn-save:active{transform:scale(.97)!important}.mobile-att-btn-revert{color:#cbd5e1!important;cursor:pointer!important;background:#0f172ab3!important;border:1px solid #ffffff1a!important;border-radius:10px!important;flex:auto!important;justify-content:center!important;align-items:center!important;gap:.45rem!important;height:42px!important;font-size:.88rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.mobile-att-btn-revert:active{transform:scale(.97)!important}.mobile-att-matrix-card{background:#0f172a99!important;border:1px solid #ffffff0f!important;border-radius:14px!important;padding:.4rem .2rem!important;overflow:hidden!important}.mobile-att-scroll-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;position:relative!important;overflow-x:auto!important}.mobile-att-matrix-table{border-collapse:separate!important;border-spacing:0 6px!important;width:max-content!important;min-width:100%!important;margin:0!important}.mobile-att-matrix-table thead tr th{background:#090e1a!important;border:none!important}th.mobile-att-col-emp{z-index:35!important;text-align:left!important;color:#64748b!important;background:#090e1a!important;border-right:1px solid #ffffff1f!important;width:105px!important;min-width:105px!important;max-width:105px!important;padding:.5rem .65rem!important;font-size:.75rem!important;font-weight:600!important;position:sticky!important;top:0!important;left:0!important;box-shadow:6px 0 15px #000000f2!important}th.mobile-att-col-day{text-align:center!important;background:#090e1a!important;width:52px!important;min-width:52px!important;max-width:52px!important;padding:.35rem!important;position:static!important;left:auto!important}th.mobile-att-col-day.is-sunday-col{background:#6366f138!important;border-radius:8px!important}.mobile-att-day-label{color:#64748b!important;font-size:.62rem!important;font-weight:600!important;line-height:1!important;display:block!important}.mobile-att-day-num{color:#fff!important;margin:2px 0!important;font-size:.95rem!important;font-weight:800!important;display:block!important}.mobile-att-month-label{color:#94a3b8!important;font-size:.62rem!important;font-weight:700!important;line-height:1!important;display:block!important}td.mobile-att-col-emp{z-index:25!important;background:#0d1527!important;border:1px solid #ffffff0f!important;border-right-color:#ffffff1f!important;border-top-left-radius:12px!important;border-bottom-left-radius:12px!important;width:105px!important;min-width:105px!important;max-width:105px!important;padding:.55rem .65rem!important;position:sticky!important;left:0!important;box-shadow:6px 0 15px #000000f2!important}.mobile-att-emp-code{color:#64748b!important;margin-bottom:2px!important;font-size:.65rem!important;font-weight:700!important;line-height:1!important}.mobile-att-emp-name-text{color:#fff!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:90px!important;font-size:.85rem!important;font-weight:700!important;display:block!important;overflow:hidden!important}.mobile-att-col-day-cell{text-align:center!important;background:#0f172acc!important;border-top:1px solid #ffffff0f!important;border-bottom:1px solid #ffffff0f!important;width:52px!important;min-width:52px!important;max-width:52px!important;padding:.35rem .2rem!important;position:static!important;left:auto!important}.mobile-att-col-end-arrow{text-align:center!important;background:#0f172acc!important;border:1px solid #ffffff0f!important;border-left:none!important;border-top-right-radius:12px!important;border-bottom-right-radius:12px!important;min-width:24px!important;padding:0 .45rem!important}.mobile-att-select-wrapper{justify-content:center!important;align-items:center!important;display:flex!important}.mobile-att-pill-select{text-align:center!important;cursor:pointer!important;appearance:none!important;text-align-last:center!important;border:none!important;border-radius:8px!important;outline:none!important;justify-content:center!important;align-items:center!important;width:46px!important;height:32px!important;padding:0 2px!important;font-size:.78rem!important;font-weight:700!important;transition:transform .15s!important;display:flex!important}.mobile-att-pill-select:active{transform:scale(.92)!important}.mobile-att-pill-select option{color:#fff!important;background:#0f172a!important;font-weight:600!important}.mobile-att-pill-select.status-P{color:#fff!important;background:#10b981!important}.mobile-att-pill-select.status-WO{color:#fff!important;background:#6366f1!important}.mobile-att-pill-select.status-CL{color:#fff!important;background:#06b6d4!important}.mobile-att-pill-select.status-A{color:#fff!important;background:#ef4444!important}.mobile-att-pill-select.status-LOP{color:#fff!important;background:#f97316!important}.mobile-att-pill-select.status-HD{color:#fff!important;background:#eab308!important}.mobile-att-pill-select.status-H{color:#fff!important;background:#a855f7!important}.mobile-att-pill-select.status-EMPTY{color:#64748b!important;background:#ffffff0f!important}.mobile-att-scroll-hint-bar{color:#818cf8!important;justify-content:center!important;align-items:center!important;gap:.4rem!important;margin:.4rem 0 1.5rem!important;font-size:.72rem!important;display:flex!important}.desktop-master-view{display:none!important}.mobile-master-view{flex-direction:column!important;gap:.75rem!important;padding-bottom:5.5rem!important;display:flex!important}.mobile-emp-tabs-row{grid-template-columns:1fr 1fr!important;gap:.65rem!important;margin-bottom:.25rem!important;display:grid!important}.mobile-emp-tab-btn{color:#cbd5e1!important;cursor:pointer!important;background:#0f172ab3!important;border:1px solid #ffffff14!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;height:42px!important;font-size:.85rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.mobile-emp-tab-btn.active{color:#fff!important;background:linear-gradient(135deg,#1d4ed8 0%,#0284c7 100%)!important;border:none!important;box-shadow:0 4px 15px #0284c759!important}.mobile-emp-tab-btn:active{transform:scale(.97)!important}.mobile-emp-search-row{align-items:center!important;gap:.65rem!important;display:flex!important}.mobile-emp-search-input-wrap{background:#0f172ab3!important;border:1px solid #ffffff14!important;border-radius:12px!important;flex:auto!important;align-items:center!important;gap:.55rem!important;height:42px!important;padding:0 .85rem!important;display:flex!important}.mobile-emp-search-input{color:#fff!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;font-size:.86rem!important}.mobile-emp-search-input::placeholder{color:#64748b!important}.mobile-emp-search-clear{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;align-items:center!important;padding:0!important;font-size:.85rem!important;display:flex!important}.mobile-emp-filter-btn{cursor:pointer!important;background:#0f172ab3!important;border:1px solid #ffffff14!important;border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;transition:all .2s!important;display:flex!important}.mobile-emp-filter-btn:active{background:#0284c733!important;transform:scale(.92)!important}.mobile-emp-kpi-grid{grid-template-columns:repeat(4,1fr)!important;gap:.5rem!important;display:grid!important}.mobile-emp-kpi-card{text-align:center!important;cursor:pointer!important;background:#0f172abf!important;border:1px solid #ffffff0f!important;border-radius:10px!important;flex-direction:column!important;align-items:center!important;gap:.2rem!important;padding:.6rem .35rem!important;transition:all .2s!important;display:flex!important}.mobile-emp-kpi-card.active-filter{background:#0f172af2!important;border-color:#38bdf880!important;box-shadow:0 0 10px #38bdf833!important}.mobile-emp-kpi-card:active{transform:scale(.95)!important}.mobile-emp-kpi-label{color:#94a3b8!important;white-space:nowrap!important;align-items:center!important;gap:3px!important;font-size:.62rem!important;font-weight:600!important;display:flex!important}.mobile-emp-kpi-num{color:#fff!important;font-size:1.15rem!important;font-weight:800!important;line-height:1!important}.kpi-dot-green{background:#10b981!important;border-radius:50%!important;width:6px!important;height:6px!important;display:inline-block!important}.kpi-dot-orange{background:#f97316!important;border-radius:50%!important;width:6px!important;height:6px!important;display:inline-block!important}.kpi-dot-red{background:#ef4444!important;border-radius:50%!important;width:6px!important;height:6px!important;display:inline-block!important}.mobile-emp-card-list{flex-direction:column!important;gap:.55rem!important;display:flex!important}.mobile-emp-card{background:#0f172abf!important;border:1px solid #ffffff0f!important;border-radius:14px!important;align-items:center!important;gap:.75rem!important;padding:.75rem .85rem!important;transition:all .2s!important;display:flex!important;position:relative!important}.mobile-emp-avatar-wrap{flex-shrink:0!important}.mobile-emp-photo{object-fit:cover!important;border:2px solid #38bdf866!important;border-radius:50%!important;width:44px!important;height:44px!important;display:block!important}.mobile-emp-avatar-fallback{color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;font-size:1.15rem!important;font-weight:700!important;display:flex!important;box-shadow:0 3px 10px #3b82f64d!important}.mobile-emp-col-info{flex-direction:column!important;min-width:85px!important;max-width:105px!important;display:flex!important;overflow:hidden!important}.mobile-emp-id-text{color:#64748b!important;margin-bottom:1px!important;font-size:.62rem!important;font-weight:700!important;line-height:1!important}.mobile-emp-name-text{color:#fff!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.88rem!important;font-weight:700!important;line-height:1.2!important;overflow:hidden!important}.mobile-emp-sub-text{color:#94a3b8!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.68rem!important;overflow:hidden!important}.mobile-emp-col-dept{flex-direction:column!important;flex:auto!important;display:flex!important;overflow:hidden!important}.mobile-emp-dept-text{color:#cbd5e1!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.75rem!important;font-weight:500!important;overflow:hidden!important}.mobile-emp-phone-text{color:#64748b!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.68rem!important;overflow:hidden!important}.mobile-emp-col-salary{flex-direction:column!important;flex-shrink:0!important;align-items:flex-end!important;gap:2px!important;display:flex!important}.mobile-emp-salary-val{color:#fff!important;font-size:.85rem!important;font-weight:700!important}.mobile-emp-status-pill{text-align:center!important;white-space:nowrap!important;border-radius:6px!important;padding:.15rem .45rem!important;font-size:.65rem!important;font-weight:600!important}.mobile-emp-status-pill.pill-active{color:#10b981!important;background:#10b98126!important}.mobile-emp-status-pill.pill-left{color:#ef4444!important;background:#ef444426!important}.mobile-emp-status-pill.pill-leave{color:#f97316!important;background:#f9731626!important}.mobile-emp-col-actions{flex-direction:column!important;flex-shrink:0!important;gap:.35rem!important;display:flex!important}.mobile-emp-icon-btn{cursor:pointer!important;background:#ffffff0d!important;border:1px solid #ffffff0f!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;font-size:.8rem!important;transition:all .15s!important;display:flex!important}.mobile-emp-icon-btn.btn-profile{color:#a78bfa!important}.mobile-emp-icon-btn.btn-edit{color:#38bdf8!important}.mobile-emp-icon-btn.btn-delete{color:#ef4444!important}.mobile-emp-icon-btn:active{transform:scale(.88)!important}.mobile-emp-empty-card{text-align:center!important;padding:2rem 1rem!important}.mobile-emp-form-card{background:#0f172abf!important;border:1px solid #ffffff14!important;border-radius:14px!important;padding:1.25rem 1rem!important}.desktop-payroll-view{display:none!important}.mobile-payroll-view{flex-direction:column!important;gap:.75rem!important;padding-bottom:5.5rem!important;display:flex!important}.mobile-payroll-month-selector-bar{background:#0f172acc!important;border:1px solid #38bdf833!important;border-radius:12px!important;justify-content:space-between!important;align-items:center!important;margin-bottom:.5rem!important;padding:.55rem .85rem!important;display:flex!important;box-shadow:0 4px 14px #00000040!important}.mobile-payroll-selector-title{color:#cbd5e1!important;align-items:center!important;gap:.45rem!important;font-size:.76rem!important;font-weight:700!important;display:flex!important}.mobile-payroll-dropdowns-row{gap:.4rem!important;display:flex!important}.mobile-payroll-period-select{color:#38bdf8!important;cursor:pointer!important;background:#0f172a!important;border:1px solid #38bdf84d!important;border-radius:8px!important;outline:none!important;padding:.3rem .55rem!important;font-size:.78rem!important;font-weight:700!important}.mobile-payroll-period-select:focus{border-color:#38bdf8!important;box-shadow:0 0 8px #38bdf866!important}.mobile-payroll-tabs-bar{border-bottom:1px solid #ffffff14!important;margin-bottom:.25rem!important;padding:0 .2rem!important;display:flex!important}.mobile-payroll-tab-btn{color:#94a3b8!important;cursor:pointer!important;text-align:center!important;background:0 0!important;border:none!important;flex:1!important;padding:.65rem .35rem!important;font-size:.85rem!important;font-weight:600!important;transition:color .2s!important;position:relative!important}.mobile-payroll-tab-btn.active{color:#38bdf8!important;font-weight:700!important}.mobile-payroll-tab-btn.active:after{content:""!important;background:#38bdf8!important;border-radius:3px!important;height:2.5px!important;position:absolute!important;bottom:-1px!important;left:15%!important;right:15%!important;box-shadow:0 0 10px #38bdf8b3!important}.mobile-payroll-card{background:#0f172abf!important;border:1px solid #ffffff0f!important;border-radius:14px!important;margin-bottom:.35rem!important;padding:.85rem!important}.mobile-payroll-card-header{justify-content:space-between!important;align-items:center!important;margin-bottom:.75rem!important;display:flex!important}.mobile-payroll-card-title{color:#fff!important;font-size:.88rem!important;font-weight:700!important}.mobile-payroll-month-badge,.mobile-payroll-cols-badge{color:#cbd5e1!important;background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:6px!important;padding:.2rem .55rem!important;font-size:.68rem!important;font-weight:600!important}.mobile-payroll-chart-legend{color:#94a3b8!important;flex-wrap:wrap!important;gap:.85rem!important;margin-bottom:.75rem!important;font-size:.68rem!important;display:flex!important}.mobile-chart-legend-item{align-items:center!important;gap:4px!important;font-weight:500!important;display:flex!important}.legend-dot-paid{background:#10b981!important;border-radius:50%!important;width:8px!important;height:8px!important;display:inline-block!important}.legend-dot-remaining{background:#f59e0b!important;border-radius:50%!important;width:8px!important;height:8px!important;display:inline-block!important}.legend-dot-total{background:#6366f1!important;border-radius:50%!important;width:8px!important;height:8px!important;display:inline-block!important}.mobile-payroll-barchart-container{align-items:stretch!important;gap:.5rem!important;height:165px!important;margin-top:.4rem!important;display:flex!important}.mobile-payroll-yaxis{color:#64748b!important;text-align:right!important;flex-direction:column!important;justify-content:space-between!important;min-width:28px!important;padding-bottom:24px!important;font-size:.6rem!important;font-weight:600!important;display:flex!important}.mobile-payroll-bars-scroll{-webkit-overflow-scrolling:touch!important;flex:auto!important;overflow-x:auto!important}.mobile-payroll-bars-grid{gap:.85rem!important;min-width:max-content!important;height:100%!important;padding-right:.75rem!important;display:flex!important}.mobile-barchart-col{flex-direction:column!important;align-items:center!important;min-width:38px!important;height:100%!important;display:flex!important}.mobile-barchart-bars-group{border-bottom:1px solid #ffffff1a!important;flex:auto!important;align-items:flex-end!important;gap:2px!important;width:100%!important;padding-bottom:1px!important;display:flex!important}.mobile-bar{border-radius:2px 2px 0 0!important;flex:1!important;min-width:8px!important;transition:height .3s!important}.mobile-bar.bar-paid{background:#10b981!important}.mobile-bar.bar-remaining{background:#f59e0b!important}.mobile-bar.bar-total{background:#6366f1!important}.mobile-barchart-label{color:#94a3b8!important;white-space:nowrap!important;text-align:center!important;margin-top:4px!important;font-size:.62rem!important;font-weight:500!important}.mobile-payroll-scroll-hint{color:#64748b!important;text-align:center!important;margin-top:.5rem!important;font-size:.65rem!important}.mobile-dept-donut-row{align-items:center!important;gap:1.25rem!important;padding:.25rem 0!important;display:flex!important}.mobile-donut-visual-wrap{flex-shrink:0!important;width:105px!important;height:105px!important}.mobile-donut-svg{width:100%!important;height:100%!important}.mobile-dept-legend-list{flex-direction:column!important;flex:auto!important;gap:.45rem!important;display:flex!important}.mobile-dept-legend-row{justify-content:space-between!important;align-items:center!important;font-size:.72rem!important;display:flex!important}.mobile-dept-name-col{align-items:center!important;gap:6px!important;display:flex!important}.mobile-dept-dot{border-radius:50%!important;flex-shrink:0!important;width:8px!important;height:8px!important}.mobile-dept-name{color:#cbd5e1!important;font-weight:500!important}.mobile-dept-val-col{align-items:center!important;gap:4px!important;display:flex!important}.mobile-dept-val{color:#fff!important;font-weight:700!important}.mobile-dept-pct{color:#64748b!important;font-size:.65rem!important}.mobile-payroll-summary-table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.mobile-payroll-table{border-collapse:separate!important;border-spacing:0 4px!important;width:100%!important;min-width:480px!important;margin:0!important}.mobile-payroll-table thead tr th{color:#64748b!important;text-align:left!important;background:0 0!important;border:none!important;padding:.35rem .55rem!important;font-size:.65rem!important;font-weight:700!important}.mobile-payroll-table tbody tr td{vertical-align:middle!important;background:#0f172a80!important;border:none!important;padding:.5rem .55rem!important}.mobile-payroll-table tbody tr:active td{background:#38bdf81a!important}.mobile-pay-emp-cell{align-items:center!important;gap:.55rem!important;display:flex!important}.mobile-pay-avatar{object-fit:cover!important;border-radius:50%!important;width:32px!important;height:32px!important}.mobile-pay-avatar-fallback{color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;font-size:.85rem!important;font-weight:700!important;display:flex!important}.mobile-pay-emp-info{flex-direction:column!important;display:flex!important}.mobile-pay-emp-code{color:#64748b!important;font-size:.58rem!important;font-weight:700!important;line-height:1!important}.mobile-pay-emp-name{color:#fff!important;white-space:nowrap!important;font-size:.8rem!important;font-weight:700!important;line-height:1.2!important}.mobile-pay-emp-dept{color:#94a3b8!important;white-space:nowrap!important;font-size:.62rem!important}.mobile-pay-gross{color:#cbd5e1!important;font-size:.78rem!important;font-weight:600!important}.mobile-pay-net{color:#10b981!important;font-size:.8rem!important;font-weight:700!important}.mobile-pay-days{color:#fff!important;font-size:.78rem!important;font-weight:600!important}.mobile-pay-rem{color:#f59e0b!important;font-size:.8rem!important;font-weight:700!important}.mobile-pay-row-arrow{color:#64748b!important;font-size:.7rem!important}.mobile-payroll-budget-card{background:#0f172acc!important;border:1px solid #ffffff14!important;border-radius:14px!important;flex-direction:column!important;gap:.45rem!important;padding:.85rem!important;display:flex!important}.mobile-budget-metric-row{justify-content:space-between!important;align-items:center!important;font-size:.78rem!important;display:flex!important}.mobile-budget-label{color:#94a3b8!important}.mobile-budget-val.text-green{color:#10b981!important;font-weight:700!important}.mobile-budget-val.text-pending{color:#ef4444!important;font-weight:700!important}.mobile-budget-val.text-cyan{color:#06b6d4!important;font-weight:700!important}.mobile-budget-val.text-white{color:#fff!important;font-weight:700!important}.mobile-budget-highlight-strip{border-top:1px dashed #ffffff1a!important;justify-content:space-between!important;align-items:center!important;margin-top:.5rem!important;padding-top:.65rem!important;display:flex!important}.mobile-budget-highlight-label{color:#cbd5e1!important;font-size:.78rem!important;font-weight:700!important}.mobile-budget-highlight-val{color:#f59e0b!important;font-size:1.05rem!important;font-weight:800!important}.desktop-stock-view{display:none!important}.mobile-stock-view{flex-direction:column!important;gap:.85rem!important;padding-bottom:5.5rem!important;display:flex!important}.mobile-stock-kpi-scroll{-webkit-overflow-scrolling:touch!important;margin:0 -.5rem!important;padding:0 .5rem .25rem!important;overflow-x:auto!important}.mobile-stock-kpi-row{gap:.5rem!important;min-width:max-content!important;display:flex!important}.mobile-stock-kpi-card{text-align:center!important;background:#0f172acc!important;border:1px solid #ffffff14!important;border-radius:12px!important;flex-direction:column!important;flex:1 1 0!important;align-items:center!important;min-width:96px!important;padding:.65rem .6rem!important;display:flex!important;box-shadow:0 4px 12px #0003!important}.mobile-stock-kpi-icon-box{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;margin-bottom:.35rem!important;font-size:.95rem!important;display:flex!important}.mobile-stock-kpi-icon-box.bg-purple{color:#818cf8!important;background:#6366f12e!important}.mobile-stock-kpi-icon-box.bg-blue{color:#38bdf8!important;background:#38bdf82e!important}.mobile-stock-kpi-icon-box.bg-green{color:#10b981!important;background:#10b9812e!important}.mobile-stock-kpi-icon-box.bg-red{color:#ef4444!important;background:#ef44442e!important}.mobile-stock-kpi-icon-box.bg-amber{color:#f59e0b!important;background:#f59e0b2e!important}.mobile-stock-kpi-label{color:#94a3b8!important;white-space:nowrap!important;margin-bottom:.2rem!important;font-size:.62rem!important;font-weight:500!important}.mobile-stock-kpi-val{white-space:nowrap!important;font-size:.84rem!important;font-weight:800!important}.mobile-stock-kpi-val.text-purple{color:#818cf8!important}.mobile-stock-kpi-val.text-cyan{color:#38bdf8!important}.mobile-stock-kpi-val.text-green{color:#10b981!important}.mobile-stock-kpi-val.text-red{color:#ef4444!important}.mobile-stock-kpi-val.text-amber{color:#f59e0b!important}.mobile-stock-card{background:#0f172ac7!important;border:1px solid #ffffff14!important;border-radius:14px!important;padding:.85rem!important;box-shadow:0 4px 16px #00000040!important}.mobile-stock-card-header{justify-content:space-between!important;align-items:center!important;margin-bottom:.75rem!important;display:flex!important}.mobile-stock-card-title-group{align-items:center!important;gap:.45rem!important;display:flex!important}.mobile-stock-card-icon{font-size:1rem!important}.mobile-stock-card-title{color:#fff!important;font-size:.92rem!important;font-weight:700!important}.mobile-stock-card-subtitle{color:#64748b!important;margin-top:.1rem!important;font-size:.68rem!important}.mobile-stock-add-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%)!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:.3rem!important;padding:.35rem .7rem!important;font-size:.74rem!important;font-weight:700!important;display:flex!important;box-shadow:0 2px 8px #4f46e559!important}.mobile-stock-add-btn:active{transform:scale(.94)!important}.mobile-stock-actions-strip{align-items:center!important;gap:.45rem!important;margin-bottom:.65rem!important;display:flex!important}.mobile-stock-pill-btn{color:#cbd5e1!important;cursor:pointer!important;background:#0f172ae6!important;border:1px solid #ffffff1a!important;border-radius:8px!important;align-items:center!important;gap:.35rem!important;padding:.35rem .65rem!important;font-size:.74rem!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.mobile-stock-pill-btn:active{transform:scale(.94)!important}.mobile-stock-primary-pill-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%)!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:.35rem!important;margin-left:auto!important;padding:.35rem .75rem!important;font-size:.74rem!important;font-weight:700!important;display:flex!important;box-shadow:0 2px 8px #4f46e559!important}.mobile-stock-primary-pill-btn:active{transform:scale(.94)!important}.mobile-stock-filters-strip{flex-direction:column!important;gap:.45rem!important;margin-bottom:.75rem!important;display:flex!important}.mobile-stock-search-wrap{width:100%!important;position:relative!important}.mobile-stock-search-icon{color:#64748b!important;font-size:.8rem!important;position:absolute!important;top:50%!important;left:.65rem!important;transform:translateY(-50%)!important}.mobile-stock-search-input{color:#fff!important;background:#0f172ae6!important;border:1px solid #ffffff14!important;border-radius:8px!important;outline:none!important;width:100%!important;height:34px!important;padding:0 .65rem 0 2rem!important;font-size:.78rem!important}.mobile-stock-search-input:focus{border-color:#38bdf866!important}.mobile-stock-filter-row-bottom{gap:.45rem!important;display:flex!important}.mobile-stock-type-select,.mobile-stock-date-input{color:#cbd5e1!important;background:#0f172a!important;border:1px solid #ffffff14!important;border-radius:8px!important;outline:none!important;flex:1!important;height:34px!important;padding:0 .5rem!important;font-size:.76rem!important}.mobile-stock-table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.mobile-stock-table{border-collapse:collapse!important;width:100%!important;min-width:320px!important}.mobile-stock-table.tx-table{min-width:460px!important}.mobile-stock-table thead tr th{color:#64748b!important;text-transform:capitalize!important;text-align:left!important;background:0 0!important;border-bottom:1px solid #ffffff0f!important;padding:.45rem .5rem!important;font-size:.68rem!important;font-weight:600!important}.mobile-stock-table tbody tr td{vertical-align:middle!important;background:0 0!important;border-bottom:1px solid #ffffff0a!important;padding:.55rem .5rem!important}.mobile-stock-item-name{color:#fff!important;font-size:.78rem!important;font-weight:700!important}.mobile-stock-qty-low{color:#ef4444!important;font-size:.82rem!important;font-weight:700!important}.mobile-stock-qty-instock{color:#38bdf8!important;font-size:.82rem!important;font-weight:700!important}.mobile-stock-unit-label{color:#94a3b8!important;font-size:.68rem!important;font-weight:400!important}.mobile-stock-badge-low{color:#ef4444!important;white-space:nowrap!important;background:#ef444426!important;border:1px solid #ef44444d!important;border-radius:4px!important;padding:.15rem .45rem!important;font-size:.65rem!important;font-weight:700!important;display:inline-block!important}.mobile-stock-badge-instock{color:#10b981!important;white-space:nowrap!important;background:#10b98126!important;border:1px solid #10b9814d!important;border-radius:4px!important;padding:.15rem .45rem!important;font-size:.65rem!important;font-weight:700!important;display:inline-block!important}.mobile-tx-badge-in{color:#10b981!important;white-space:nowrap!important;background:#10b98126!important;border:1px solid #10b9814d!important;border-radius:4px!important;padding:.15rem .4rem!important;font-size:.62rem!important;font-weight:700!important;display:inline-block!important}.mobile-tx-badge-out{color:#ef4444!important;white-space:nowrap!important;background:#ef444426!important;border:1px solid #ef44444d!important;border-radius:4px!important;padding:.15rem .4rem!important;font-size:.62rem!important;font-weight:700!important;display:inline-block!important}.mobile-tx-material-name{color:#fff!important;font-size:.78rem!important;font-weight:700!important}.mobile-tx-qty-in{color:#10b981!important;font-size:.8rem!important;font-weight:700!important}.mobile-tx-qty-out{color:#ef4444!important;font-size:.8rem!important;font-weight:700!important}.mobile-stock-actions-cell{justify-content:flex-end!important;align-items:center!important;gap:.35rem!important;display:flex!important}.mobile-stock-action-btn{cursor:pointer!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:.2rem!important;font-size:.82rem!important;transition:transform .15s!important;display:flex!important}.mobile-stock-action-btn:active{transform:scale(.85)!important}.mobile-stock-action-btn.edit{color:#38bdf8!important}.mobile-stock-action-btn.delete{color:#ef4444!important}.desktop-vendor-view{display:none!important}.mobile-vendor-view{flex-direction:column!important;gap:.85rem!important;padding-bottom:5.5rem!important;display:flex!important}.mobile-vendor-kpi-grid{grid-template-columns:repeat(4,1fr)!important;gap:.45rem!important;display:grid!important}@media (width<=480px){.mobile-vendor-kpi-grid{-webkit-overflow-scrolling:touch!important;gap:.45rem!important;margin:0 -.5rem!important;padding:0 .5rem .25rem!important;display:flex!important;overflow-x:auto!important}}.mobile-vendor-kpi-card{text-align:center!important;background:#0f172acc!important;border:1px solid #ffffff14!important;border-radius:12px!important;flex-direction:column!important;flex:1 1 0!important;align-items:center!important;min-width:86px!important;padding:.65rem .45rem!important;display:flex!important;box-shadow:0 4px 12px #0003!important}.mobile-vendor-kpi-icon-box{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;margin-bottom:.35rem!important;font-size:.95rem!important;display:flex!important}.mobile-vendor-kpi-icon-box.bg-purple{color:#818cf8!important;background:#6366f12e!important}.mobile-vendor-kpi-icon-box.bg-green{color:#10b981!important;background:#10b9812e!important}.mobile-vendor-kpi-icon-box.bg-amber{color:#f59e0b!important;background:#f59e0b2e!important}.mobile-vendor-kpi-icon-box.bg-blue{color:#38bdf8!important;background:#38bdf82e!important}.mobile-vendor-kpi-label{color:#94a3b8!important;white-space:nowrap!important;margin-bottom:.2rem!important;font-size:.6rem!important;font-weight:500!important}.mobile-vendor-kpi-val{white-space:nowrap!important;font-size:.82rem!important;font-weight:800!important}.mobile-vendor-kpi-val.text-cyan{color:#38bdf8!important}.mobile-vendor-kpi-val.text-green{color:#10b981!important}.mobile-vendor-kpi-val.text-amber{color:#f59e0b!important}.mobile-vendor-kpi-val.text-blue{color:#38bdf8!important}.mobile-vendor-search-filter-row{gap:.45rem!important;margin-bottom:.15rem!important;display:flex!important}.mobile-vendor-search-wrap{flex:1!important;position:relative!important}.mobile-vendor-search-icon{color:#64748b!important;font-size:.8rem!important;position:absolute!important;top:50%!important;left:.65rem!important;transform:translateY(-50%)!important}.mobile-vendor-search-input{color:#fff!important;background:#0f172ae6!important;border:1px solid #ffffff14!important;border-radius:8px!important;outline:none!important;width:100%!important;height:34px!important;padding:0 .65rem 0 2rem!important;font-size:.78rem!important}.mobile-vendor-search-input:focus{border-color:#38bdf866!important}.mobile-vendor-status-select{color:#cbd5e1!important;background:#0f172a!important;border:1px solid #ffffff14!important;border-radius:8px!important;outline:none!important;width:120px!important;height:34px!important;padding:0 .5rem!important;font-size:.76rem!important}.mobile-vendor-actions-row{align-items:center!important;gap:.45rem!important;margin-bottom:.35rem!important;display:flex!important}.mobile-vendor-action-btn{color:#cbd5e1!important;cursor:pointer!important;white-space:nowrap!important;background:#0f172ae6!important;border:1px solid #ffffff1a!important;border-radius:8px!important;align-items:center!important;gap:.35rem!important;padding:.38rem .65rem!important;font-size:.74rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.mobile-vendor-action-btn:active{transform:scale(.94)!important}.mobile-vendor-primary-btn{color:#fff!important;cursor:pointer!important;white-space:nowrap!important;background:linear-gradient(135deg,#4f46e5 0%,#06b6d4 100%)!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:.35rem!important;margin-left:auto!important;padding:.38rem .75rem!important;font-size:.74rem!important;font-weight:700!important;display:inline-flex!important;box-shadow:0 2px 8px #4f46e559!important}.mobile-vendor-primary-btn:active{transform:scale(.94)!important}.mobile-vendor-card{background:#0f172ac7!important;border:1px solid #ffffff14!important;border-radius:14px!important;padding:.85rem!important;box-shadow:0 4px 16px #00000040!important}.mobile-vendor-card-header{justify-content:space-between!important;align-items:center!important;margin-bottom:.75rem!important;display:flex!important}.mobile-vendor-card-title-group{align-items:center!important;gap:.45rem!important;display:flex!important}.mobile-vendor-card-icon{font-size:.95rem!important}.mobile-vendor-card-title{color:#fff!important;font-size:.9rem!important;font-weight:700!important}.mobile-vendor-viewall-link{color:#38bdf8!important;cursor:pointer!important;font-size:.74rem!important;font-weight:600!important}.mobile-vendor-table-wrap{-webkit-overflow-scrolling:touch!important;width:100%!important;overflow-x:auto!important}.mobile-vendor-table{border-collapse:collapse!important;width:100%!important;min-width:520px!important}.mobile-vendor-table thead tr th{color:#64748b!important;text-transform:uppercase!important;text-align:left!important;background:0 0!important;border-bottom:1px solid #ffffff0f!important;padding:.45rem .5rem!important;font-size:.66rem!important;font-weight:700!important}.mobile-vendor-table tbody tr td{vertical-align:middle!important;background:0 0!important;border-bottom:1px solid #ffffff0a!important;padding:.55rem .5rem!important}.mobile-vendor-name-cell{flex-direction:column!important;display:flex!important}.mobile-vendor-name{color:#fff!important;white-space:nowrap!important;font-size:.78rem!important;font-weight:700!important;line-height:1.2!important}.mobile-vendor-phone{color:#64748b!important;white-space:nowrap!important;margin-top:1px!important;font-size:.65rem!important}.mobile-vendor-project-cell{flex-direction:column!important;display:flex!important}.mobile-vendor-project-name{color:#cbd5e1!important;white-space:nowrap!important;font-size:.78rem!important;font-weight:600!important}.mobile-vendor-work-desc{color:#64748b!important;white-space:nowrap!important;font-size:.64rem!important}.mobile-vendor-amt-val{color:#fff!important;font-size:.8rem!important;font-weight:700!important;line-height:1.2!important;display:block!important}.mobile-vendor-amt-val.text-green{color:#10b981!important}.mobile-vendor-amt-val.text-red{color:#ef4444!important}.mobile-vendor-amt-sub{color:#64748b!important;text-transform:capitalize!important;font-size:.58rem!important;display:block!important}.mobile-vendor-amt-sub.text-green{color:#10b981!important;opacity:.8!important}.mobile-vendor-amt-sub.text-red{color:#ef4444!important;opacity:.8!important}.mobile-vendor-status-pill{white-space:nowrap!important;border-radius:4px!important;padding:.15rem .45rem!important;font-size:.62rem!important;font-weight:700!important;display:inline-block!important}.mobile-vendor-status-pill.badge-completed{color:#10b981!important;background:#10b98126!important;border:1px solid #10b9814d!important}.mobile-vendor-status-pill.badge-partial{color:#f59e0b!important;background:#f59e0b26!important;border:1px solid #f59e0b4d!important}.mobile-vendor-status-pill.badge-unpaid{color:#ef4444!important;background:#ef444426!important;border:1px solid #ef44444d!important}.mobile-vendor-actions-cell{justify-content:flex-end!important;align-items:center!important;gap:.35rem!important;display:flex!important}.mobile-vendor-pay-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)!important;border:none!important;border-radius:4px!important;padding:.2rem .45rem!important;font-size:.68rem!important;font-weight:700!important}.mobile-vendor-pay-btn:active{transform:scale(.92)!important}.mobile-vendor-icon-btn{cursor:pointer!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:.2rem!important;font-size:.8rem!important;display:flex!important}.mobile-vendor-icon-btn:active{transform:scale(.85)!important}.mobile-vendor-icon-btn.edit{color:#38bdf8!important}.mobile-vendor-icon-btn.delete{color:#ef4444!important}.mobile-vendor-date-block{flex-direction:column!important;line-height:1.1!important;display:flex!important}.mobile-vendor-date-day{color:#fff!important;font-size:.85rem!important;font-weight:800!important}.mobile-vendor-date-my{color:#64748b!important;white-space:nowrap!important;font-size:.62rem!important}.mobile-vendor-pay-name{color:#fff!important;white-space:nowrap!important;font-size:.78rem!important;font-weight:600!important}.mobile-vendor-pay-amt{color:#10b981!important;font-size:.82rem!important;font-weight:700!important}.mobile-vendor-pay-mode-pill{color:#cbd5e1!important;white-space:nowrap!important;background:#ffffff0f!important;border-radius:4px!important;padding:.15rem .45rem!important;font-size:.65rem!important;font-weight:600!important;display:inline-block!important}.mobile-vendor-receipt-btn{color:#38bdf8!important;cursor:pointer!important;white-space:nowrap!important;background:#0f172acc!important;border:1px solid #38bdf84d!important;border-radius:6px!important;align-items:center!important;gap:.25rem!important;padding:.2rem .45rem!important;font-size:.68rem!important;font-weight:600!important;display:inline-flex!important}.mobile-vendor-no-receipt{color:#64748b!important;white-space:nowrap!important;font-size:.68rem!important}.mobile-vendor-viewall-footer{text-align:center!important;color:#38bdf8!important;cursor:pointer!important;padding:.5rem 0 0!important;font-size:.72rem!important;font-weight:600!important}.payslip-print-container{justify-content:center;margin-top:1.5rem;margin-bottom:2rem;display:flex}.payslip-sheet{border-radius:12px;width:100%;max-width:840px;padding:2.5rem 2.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 10px 30px #0000004d;color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}.payslip-sheet h1,.payslip-sheet h2,.payslip-sheet h3,.payslip-sheet p,.payslip-sheet span,.payslip-sheet td,.payslip-sheet th{color:#0f172a!important}.payslip-divider-double{border:none;border-top:3px double #94a3b8;margin:1.25rem 0}.payslip-divider{border:none;border-top:1px solid #cbd5e1;margin:1.25rem 0}.payslip-meta-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:.85rem 1.25rem;padding:1rem 1.25rem;display:grid}.payslip-meta-grid .meta-row{flex-direction:column;font-size:.88rem;display:flex}.payslip-meta-grid .meta-row span:first-child{text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem;font-size:.78rem;font-weight:600;color:#64748b!important}.payslip-meta-grid .meta-row span:last-child{font-size:.95rem;font-weight:700;color:#0f172a!important}.payslip-ledger-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.25rem 0;display:grid;color:#0f172a!important;background:#fff!important}.ledger-column{border-radius:8px;padding:1.15rem;box-shadow:0 2px 8px #00000008;background:#fff!important;border:1px solid #e2e8f0!important}.ledger-column h3{letter-spacing:.05em;margin:0 0 .75rem;padding-bottom:.4rem;font-size:.92rem;font-weight:800;color:#0f172a!important;border-bottom:2px solid #0f172a!important}.ledger-table{border-collapse:collapse;width:100%;background:#fff!important}.ledger-table th{text-transform:uppercase;padding:.6rem .75rem;font-size:.78rem;font-weight:700;color:#475569!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}.ledger-table td{padding:.6rem .75rem;font-size:.88rem;color:#1e293b!important;background:#fff!important;border-bottom:1px dashed #e2e8f0!important}.ledger-table tr.highlight-row td{font-weight:700;color:#0f172a!important;background:#f1f5f9!important;border-top:1px solid #cbd5e1!important;border-bottom:1px solid #cbd5e1!important}.ledger-table tr.blank-row td{color:#94a3b8!important;background:#fff!important}.payslip-totals-row{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;padding:1.15rem 1.25rem;display:flex}.totals-block{flex-direction:column;display:flex}.totals-block .label{text-transform:uppercase;margin-bottom:.2rem;font-size:.76rem;font-weight:600;color:#64748b!important}.totals-block .value{font-size:1.05rem;font-weight:700;color:#0f172a!important}.totals-block.net-salary-block{background:#0f172a;border-radius:6px;padding:.5rem .85rem}.totals-block.net-salary-block .label{color:#94a3b8!important}.totals-block.net-salary-block .value{font-size:1.15rem;color:#fff!important}.payslip-attendance-summary h3{text-transform:uppercase;margin:0 0 .65rem;font-size:.9rem;font-weight:700;color:#334155!important}.summary-badges-container{flex-wrap:wrap;gap:.75rem;display:flex}.summary-badge-item{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:.4rem .85rem;font-size:.85rem;color:#334155!important}.summary-badge-item strong{font-weight:700;color:#0f172a!important}.payslip-signatures{justify-content:space-between;margin-top:3.5rem;padding-top:1rem;display:flex}.sig-block{text-align:center;width:200px}.sig-block p{margin-bottom:2.5rem;font-size:.85rem;font-weight:600;color:#475569!important}.sig-line{border-top:1px solid #94a3b8;width:100%}@media print{body{color:#000!important;background:#fff!important}.no-print,.admin-header,.admin-sidebar,.mobile-view-selector-bar,.payslip-selector-bar{display:none!important}.payslip-print-container{margin:0!important;padding:0!important}.payslip-sheet{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;padding:0!important}}.update-available-banner{color:#fff;border-radius:var(--border-radius-md);background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #fff3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1.25rem;animation:.3s ease-out fadeIn;display:flex;box-shadow:0 4px 20px #0369a166}.update-pulse-dot{background:#38bdf8;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulseGlow;box-shadow:0 0 10px #38bdf8}@keyframes pulseGlow{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}.btn-update-now{cursor:pointer;align-items:center;gap:.45rem;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00000026;color:#0369a1!important;background:#fff!important;border:none!important;border-radius:6px!important;padding:.45rem 1rem!important;font-size:.88rem!important;font-weight:700!important}.btn-update-now:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000040;background:#f0f9ff!important}.invoice-document-root{box-sizing:border-box;width:100%;max-width:800px;margin:0 auto;padding:16px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:11px;line-height:1.35;color:#000!important;background:#fff!important}.invoice-document-root h2,.invoice-document-root h3,.invoice-document-root h4,.invoice-document-root p,.invoice-document-root span,.invoice-document-root strong,.invoice-document-root td,.invoice-document-root th{color:#000!important}.invoice-document-root .seller-name{margin:0 0 2px;color:#000!important;font-size:13px!important;font-weight:800!important}.invoice-document-root .house-branding-box,.invoice-document-root .house-branding-box *{color:#16a34a!important}.inv-doc-title{text-align:center;margin-bottom:8px}.inv-doc-title h2{letter-spacing:1.5px;text-transform:uppercase;margin:0;font-size:15px;font-weight:800;color:#000!important}.inv-doc-table{box-sizing:border-box;background:#fff;border:1.5px solid #000;width:100%}.inv-doc-row{width:100%;display:flex}.inv-doc-col{box-sizing:border-box}.col-5{width:41.666%}.col-6{width:50%}.col-7{width:58.333%}.border-bottom{border-bottom:1px solid #000}.border-top{border-top:1px solid #000}.border-right{border-right:1px solid #000}.border-left{border-left:1px solid #000}.w-50{width:50%}.inv-seller-header{gap:12px;padding:8px 10px;display:flex}.inv-branding-logo{flex-shrink:0;justify-content:center;align-items:center;width:95px;display:flex}.house-branding-box{text-align:center;color:#16a34a;letter-spacing:.5px;border:1.5px solid #16a34a;border-radius:2px;width:100%;padding:4px 6px;font-size:9px;font-weight:900;line-height:1.1}.brand-line-1{color:#16a34a;font-size:8px}.brand-line-2{color:#16a34a;font-size:11px;font-weight:900}.brand-line-3{color:#16a34a;font-size:8px}.brand-line-4{color:#16a34a;font-size:8px;font-weight:800}.brand-sub-logo{justify-content:center;margin-top:4px;display:flex}.brand-mini-logo{object-fit:contain;height:16px}.inv-seller-info{flex:1}.seller-name{letter-spacing:.5px;color:#000;margin:0 0 2px;font-size:13px;font-weight:800}.seller-address{color:#111827;margin:0;font-size:10px;line-height:1.25}.seller-meta{color:#000;margin:2px 0 0;font-size:10px}.inv-meta-grid{flex-direction:column;height:100%;display:flex}.inv-meta-row{flex:1;display:flex}.inv-meta-cell{box-sizing:border-box;flex-direction:column;justify-content:center;padding:4px 8px;font-size:10px;display:flex}.meta-label{color:#374151;font-size:9.5px}.meta-value{color:#000;font-size:10.5px}.meta-value.text-lg{font-size:12px}.inv-buyer-box{padding:8px 10px;font-size:10px}.buyer-inner{flex-direction:column;gap:1px;display:flex}.buyer-to-label{color:#374151;font-size:9.5px}.buyer-salutation{font-size:10px}.buyer-company-name{color:#000;margin:2px 0;font-size:12px;font-weight:800}.buyer-address-text{margin:0;font-size:10px;line-height:1.3}.buyer-gst-text,.buyer-state-text{margin:2px 0 0;font-size:10px}.inv-terms-box{flex-direction:column;padding:6px 10px;font-size:10px;display:flex}.terms-delivery-head{margin-bottom:4px}.delivery-terms-desc{color:#111827;font-size:10px}.terms-notes-title{color:#000;margin:2px 0 3px;font-size:11px;font-style:italic;font-weight:800}.terms-notes-content{flex-direction:column;gap:2px;display:flex}.terms-note-item{color:#111827;font-size:9.5px;line-height:1.25}.inv-items-table-wrapper{width:100%}.inv-items-table{border-collapse:collapse;table-layout:fixed;width:100%}.inv-items-table th,.inv-items-table td{vertical-align:top;border-bottom:1px solid #000;border-right:1px solid #000;padding:4px 6px;font-size:10px}.inv-items-table th:last-child,.inv-items-table td:last-child{border-right:none}.inv-items-table thead th{text-align:center;color:#000;background:#fff;padding:4px;font-size:9.5px;font-weight:700;line-height:1.15}.th-sl{width:34px}.th-desc{width:auto;text-align:left!important;padding-left:8px!important}.th-gst,.th-qty{width:55px}.th-rate{width:65px}.th-per{width:40px}.th-amt{width:85px;text-align:right!important}.td-sl{text-align:center;font-weight:600}.td-desc{text-align:left}.td-gst{text-align:center;font-weight:500}.td-qty{text-align:center;font-weight:600}.td-rate{text-align:right}.td-per{text-align:center}.td-amt{text-align:right}.item-desc-text{font-size:10px;line-height:1.35}.desc-line{margin-bottom:1px}.desc-heading{margin-top:6px;margin-bottom:2px;font-size:10.5px;font-style:italic;font-weight:700}.desc-scope{color:#374151;margin-top:8px;font-size:8.5px;line-height:1.2}.inv-filler-row td{height:60px}.inv-total-row td{background:#fff;padding:6px 8px;font-size:11px}.total-label{font-weight:700;text-align:right!important}.total-value{font-size:12px;text-align:right!important}.inv-words-row{justify-content:space-between;align-items:center;padding:6px 10px;font-size:10px;display:flex}.words-label{color:#374151;font-size:9px}.words-value{color:#000;letter-spacing:.3px;font-size:11px;font-weight:800}.eoe-tag{font-size:10px;font-style:italic;font-weight:600}.inv-tax-table-wrapper{width:100%}.inv-tax-table{border-collapse:collapse;text-align:center;width:100%;font-size:9.5px}.inv-tax-table th,.inv-tax-table td{border-bottom:1px solid #000;border-right:1px solid #000;padding:3px 4px}.inv-tax-table th:last-child,.inv-tax-table td:last-child{border-right:none}.inv-tax-table tfoot td{border-bottom:none;font-weight:700}.th-sub{font-size:8.5px}.inv-footer-sign-row{min-height:110px}.inv-declaration-col{flex-direction:column;justify-content:space-between;padding:8px 10px;display:flex}.pan-row{align-items:center;gap:4px;margin-bottom:8px;font-size:10px;display:flex}.pan-val{letter-spacing:.5px;font-size:11px}.dec-title{color:#374151;font-size:9px;font-weight:600}.dec-text{color:#111827;margin:2px 0 0;font-size:9px;line-height:1.25}.inv-sign-col{padding:8px 10px}.sign-box-container{text-align:right;flex-direction:column;justify-content:space-between;align-items:flex-end;height:100%;display:flex;position:relative}.sign-for-company{font-size:10.5px}.sign-seal-area{justify-content:center;align-items:center;width:140px;height:65px;display:flex;position:relative}.digital-stamp-overlay{pointer-events:none;position:absolute;top:-15px;right:-10px}.seal-svg{opacity:.82;position:absolute;top:-20px;right:5px;transform:rotate(-8deg)}.signature-svg{z-index:2;position:relative;transform:rotate(-3deg)}.sign-bottom-label{border-top:1px solid #0000;padding-top:2px;font-size:9.5px;font-weight:600}.inv-doc-footer{text-align:center;margin-top:6px}.inv-doc-footer p{color:#374151;margin:0;font-size:9.5px}.invoices-manager-view{flex-direction:column;gap:1rem;display:flex}.status-pill-select{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:9999px;outline:none;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.status-pill-select option{color:#f8fafc;background:#0f172a}.inv-modal-tabs{border-bottom:1px solid var(--card-border);gap:.5rem;padding:0 1rem;display:flex;overflow-x:auto}.inv-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.inv-tab-btn:hover{color:var(--text-primary)}.inv-tab-btn.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.form-section-title{color:var(--accent-primary);border-bottom:1px solid var(--card-border);margin-bottom:.75rem;padding-bottom:.35rem;font-size:.9rem;font-weight:700}.form-grid-2{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.form-grid-4{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}@media (width<=768px){.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}}.inv-item-card{transition:border-color .2s}.inv-item-card:hover{border-color:var(--accent-primary)}.inv-calculation-summary{border:1px solid var(--card-border);background:#0f172a99}.invoice-paper-container{background:#fff;border-radius:4px;max-width:820px;overflow:hidden}@media print{@page{size:A4 portrait;margin:8mm}html,body{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.no-print,.admin-header,.admin-sidebar,.dashboard-section-header,.kpi-grid,.filter-bar,.table-responsive,.modal-header,.modal-footer,.mobile-view-selector-bar,.popup-overlay,.popup-card,.toast,.alert,.modal-overlay:not(.invoice-preview-modal-overlay){display:none!important}.invoice-preview-modal-overlay{background:#fff!important;padding:0!important;display:block!important;position:static!important;inset:auto!important}.invoice-view-modal{box-shadow:none!important;background:#fff!important;border:none!important;max-width:100%!important;padding:0!important}.invoice-paper-container{box-shadow:none!important;background:#fff!important;border:none!important;max-width:100%!important;margin:0!important;padding:0!important}.invoice-document-root{background:#fff!important;width:100%!important;max-width:100%!important;padding:0!important}.inv-doc-table{background:#fff!important;border:1.5px solid #000!important}.inv-doc-table th,.inv-doc-table td,.border-bottom,.border-right{background:#fff!important;border-color:#000!important}}}