@media(min-width:901px){@font-face{font-family:Google Sans Flex;src:url(assets/fonts/google-sans-flex/GoogleSansFlex-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(assets/fonts/google-sans-flex/GoogleSansFlex-500.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(assets/fonts/google-sans-flex/GoogleSansFlex-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(assets/fonts/google-sans-flex/GoogleSansFlex-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(assets/fonts/google-sans-flex/GoogleSansFlex-800.ttf) format("truetype");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(assets/fonts/google-sans-flex/GoogleSansFlex-900.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}}:root{--app-font: "Google Sans Flex", "Google Sans", "Product Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primary: #3E2723;--primary-light: #5B4037;--accent: #D4AF37;--bg-main: #F8F9FA;--bg-card: #FFFFFF;--text-main: #2D3436;--text-muted: #636E72;--sidebar-bg: #1A1210;--sidebar-text: #E0E0E0;--sidebar-hover: rgba(255, 255, 255, .08);--success: #00B894;--danger: #D63031;--warning: #FDCB6E;--info: #0984E3;--border: #f0f0f0;--shadow: 0 4px 20px rgba(0, 0, 0, .03), 0 2px 4px rgba(0, 0, 0, .02);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.theme-cafe{--primary: #3E2723;--primary-light: #5B4037;--accent: #D4AF37;--bg-main: #F8F9FA;--bg-card: #FFFFFF;--text-main: #2D3436;--text-muted: #636E72;--sidebar-bg: #1A1210;--sidebar-text: #E0E0E0;--sidebar-hover: rgba(255, 255, 255, .08);--success: #00B894;--danger: #D63031;--warning: #FDCB6E;--info: #0984E3;--border: #f0f0f0;--shadow: 0 4px 20px rgba(0, 0, 0, .03), 0 2px 4px rgba(0, 0, 0, .02)}.theme-dark{--bg-main: #121212;--bg-card: #1E1E1E;--text-main: #F5F5F5;--text-muted: #B0B0B0;--border: #2D2D2D;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .3);--primary: #EAB676;--primary-light: #F2C991;--accent: #7CC6FF;--sidebar-bg: #0E141B;--sidebar-text: #EAF1F7;--sidebar-hover: rgba(255, 255, 255, .06);--success: #18C29C;--danger: #FF6B6B;--warning: #F6C85F;--info: #4DA3FF}.theme-light{--primary: #2D3436;--primary-light: #526066;--accent: #0984E3;--bg-main: #F5F7FB;--bg-card: #FFFFFF;--text-main: #1F2A37;--text-muted: #6B7280;--sidebar-bg: #F8F9FA;--sidebar-text: #2D3436;--sidebar-hover: rgba(0, 0, 0, .05);--border: #E5E7EB;--shadow: 0 10px 24px rgba(15, 23, 42, .06)}.profile-month-picker{position:relative}.profile-month-trigger{min-width:210px;height:48px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);color:var(--text-main);display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;font-weight:800;font-size:.92rem;cursor:pointer;box-shadow:var(--shadow);transition:var(--transition)}.profile-month-trigger:hover,.profile-month-trigger:focus{border-color:#3e272338;box-shadow:0 8px 22px #3e272314;outline:none}.profile-month-trigger i:first-child{color:var(--primary)}.profile-month-trigger i:last-child{color:var(--text-muted);font-size:.75rem}.profile-month-menu{position:absolute;top:calc(100% + 8px);left:0;width:292px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--bg-card);box-shadow:0 20px 45px #2d343624;z-index:1000;display:none}.profile-month-menu.open{display:block}.profile-month-year{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.profile-month-year span{font-weight:900;color:var(--text-main)}.profile-month-nav{width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--bg-main);color:var(--primary);cursor:pointer}.profile-month-nav:disabled{opacity:.35;cursor:not-allowed}.profile-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.profile-month-option{height:38px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-main);font-weight:700;cursor:pointer}.profile-month-option:hover:not(:disabled){background:#3e272312;border-color:#3e27231f}.profile-month-option.active{background:var(--primary);color:#fff;box-shadow:0 8px 18px #3e27232e}.profile-month-option:disabled{color:#636e726b;cursor:not-allowed}.profile-month-actions{border-top:1px solid var(--border);margin-top:12px;padding-top:10px;display:flex;justify-content:flex-end}.profile-month-actions button{border:0;background:transparent;color:var(--info);font-weight:800;cursor:pointer}.report-period-controls{display:flex;align-items:center;gap:12px;background:#ffffff1f;padding:10px;border-radius:20px;backdrop-filter:blur(10px)}.report-period-control .custom-select{width:auto}.report-period-control .select-trigger{min-height:42px;padding:.62rem .9rem .62rem 1rem;border:1px solid rgba(255,255,255,.32);border-radius:13px;background:var(--bg-card);color:var(--primary);font-weight:900;box-shadow:0 8px 20px #1a121014}.report-period-control .custom-select.active .select-trigger{border-color:var(--accent);box-shadow:0 0 0 4px #d4af372e}.report-period-control .select-trigger:after{color:var(--primary)}.attendance-salary-meta{margin-top:2px;color:var(--text-muted);font-size:.72rem;font-weight:800}.attendance-status-count{font-size:.72rem;font-weight:900;margin-left:4px;opacity:.95}.salary-amount-with-lock{display:inline-flex;align-items:center;gap:6px}.hold-salary-lock{color:var(--text-muted);font-size:.78rem;opacity:.75}.select-options[data-for=report-month],.select-options[data-for=report-year]{border-radius:14px;padding:6px;border:1px solid var(--border);box-shadow:0 18px 35px #2d343629}.select-options[data-for=report-month] .select-option,.select-options[data-for=report-year] .select-option{border-radius:10px;font-weight:800;color:var(--text-main)}.select-options[data-for=report-month] .select-option.selected,.select-options[data-for=report-year] .select-option.selected{background:var(--primary);color:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--app-font)}body{background-color:var(--bg-main);color:var(--text-main);line-height:1.6;overflow-x:hidden}body,.sidebar-nav,.table-responsive,.modal-body,.select-options{scrollbar-width:thin}.sidebar-nav{scrollbar-color:var(--accent) var(--sidebar-hover)}.table-responsive,.modal-body,.select-options{scrollbar-color:var(--primary-light) var(--bg-main)}.sidebar-nav::-webkit-scrollbar,.table-responsive::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.select-options::-webkit-scrollbar{width:10px;height:10px}.sidebar-nav::-webkit-scrollbar-track,.table-responsive::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,.select-options::-webkit-scrollbar-track{border-radius:999px}.sidebar-nav::-webkit-scrollbar-track{background:var(--sidebar-hover)}.table-responsive::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,.select-options::-webkit-scrollbar-track{background:var(--bg-main)}.sidebar-nav::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.select-options::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:var(--transition)}.sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--accent)}.table-responsive::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.select-options::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-light),var(--primary))}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:var(--primary-light)}.table-responsive::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover,.select-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary),var(--accent))}h1,h2,h3,.brand-info h2{font-family:var(--app-font);font-weight:700}.hidden{display:none!important}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sidebar-bg),var(--primary))}.login-card{background:var(--bg-card);padding:3.5rem 2.5rem;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:400px}.app-layout{display:block;min-height:100vh}.sidebar{width:280px;height:100vh;background:var(--sidebar-bg);color:var(--sidebar-text);position:fixed;top:0;left:0;display:flex;flex-direction:column;z-index:1000;transition:var(--transition);overflow:hidden}.sidebar-header{padding:2.5rem 1.5rem;display:flex;align-items:center;gap:1rem}.sidebar-logo{width:52px;height:52px;object-fit:cover;font-size:2rem;color:var(--accent);background:var(--sidebar-hover);padding:.6rem;border-radius:var(--radius-sm)}.brand-info h2{font-size:1.25rem}.brand-info p{font-size:.75rem;color:var(--text-muted)}.sidebar-nav{flex:1;padding:0 1rem 1rem;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;color:inherit;text-decoration:none;border-radius:var(--radius-md);margin-bottom:.5rem;transition:var(--transition);opacity:.7;font-weight:500}.nav-item:hover,.nav-item.active{opacity:1;background:var(--sidebar-hover)}.nav-item.active{background:var(--accent);color:#000;font-weight:600}.sidebar-bottom{padding:1.5rem;border-top:1px solid var(--sidebar-hover);margin-top:auto;flex-shrink:0;background:var(--sidebar-bg);position:relative;z-index:1}.user-profile-bar{display:flex;align-items:center;gap:.75rem;background:var(--sidebar-hover);padding:.75rem;border-radius:var(--radius-md);margin-top:1rem}.user-profile-bar img{width:40px;height:40px;border-radius:10px;object-fit:cover}.user-info h4{font-size:.85rem}.user-info p{font-size:.7rem;opacity:.6}.main-content{padding:2rem 3rem;margin-left:280px;min-height:100vh;transition:var(--transition);width:calc(100% - 280px)}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.header-search{position:relative;width:400px}.header-search.header-search-select-mode{display:flex;align-items:center}.header-search-field{position:relative;width:100%}#header-profile-select-wrap .custom-select{width:100%}#header-profile-select-wrap .select-trigger{min-height:52px;border:none;padding-right:5.75rem;background:var(--bg-card);box-shadow:var(--shadow)}#header-profile-select-wrap .custom-select.active .select-trigger{border:none;background:var(--bg-card);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 18%,transparent),var(--shadow)}.header-search-tag{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);padding:.28rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,var(--bg-card));color:var(--primary);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;pointer-events:none;z-index:1}.header-search input,.header-search select{width:100%;min-height:52px;padding:.8rem 1rem .8rem 3rem;border:none;border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow);outline:none;color:var(--text-main);font:inherit}.header-search select{padding-right:5.75rem;appearance:none;cursor:pointer}.header-search-field>i{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.theme-switch-group{background:var(--bg-card);padding:.4rem;border-radius:var(--radius-md);box-shadow:var(--shadow);display:flex;gap:4px}.theme-btn{padding:.5rem 1.25rem;border:none;background:transparent;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:600;transition:var(--transition);color:var(--text-muted)}.theme-btn.active{background:var(--primary);color:#fff}.datetime-widget{min-width:238px;min-height:58px;display:inline-flex;align-items:center;gap:.85rem;padding:.55rem .75rem;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--bg-card)),var(--bg-card));box-shadow:var(--shadow)}.datetime-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#000));box-shadow:0 12px 24px color-mix(in srgb,var(--primary) 22%,transparent)}.datetime-copy{display:grid;gap:.15rem;min-width:0}.datetime-copy span{color:var(--text-muted);font-size:.78rem;font-weight:700;white-space:nowrap}.datetime-copy strong{color:var(--text-main);font-family:var(--app-font);font-size:1.08rem;font-weight:800;white-space:nowrap}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:var(--bg-card);padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between;min-height:160px;transition:var(--transition);border:1px solid var(--border)}.stat-card:hover{transform:translateY(-5px);border-color:var(--accent)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start}.stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.stat-trend{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:20px}.stat-info{margin-top:1rem}.stat-info h3{font-size:.9rem;color:var(--text-muted);margin-bottom:.25rem;font-weight:500}.stat-value{font-size:1.75rem;font-weight:800;color:var(--text-main)}.dashboard-middle{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;margin-bottom:2.5rem}.card{background:var(--bg-card);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-container{height:250px;display:flex;align-items:flex-end;justify-content:space-between;padding:1rem 0}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem}.chart-bar{width:70%;max-width:40px;background:var(--primary);border-radius:var(--radius-sm);transition:height .6s ease-in-out}.chart-bar.weekend{opacity:.4}.chart-label{font-size:.75rem;font-weight:600;color:var(--text-muted)}.activity-list{display:flex;flex-direction:column;gap:1.25rem}.activity-item{display:flex;align-items:center;gap:1rem}.activity-icon{width:40px;height:40px;border-radius:10px;background:var(--bg-main);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9rem}.activity-details{flex:1}.activity-details h4{font-size:.9rem;margin-bottom:2px}.activity-details p{font-size:.75rem;color:var(--text-muted)}.activity-time{text-align:right}.time-val{display:block;font-size:.8rem;font-weight:600}.table-responsive{width:100%;overflow-x:auto;margin-top:1rem;-webkit-overflow-scrolling:touch}.salary-table-wrap{margin-top:0}.salary-table{min-width:1120px}.salary-row-actions{flex-wrap:wrap}table{width:100%;border-collapse:collapse;text-align:left;background:var(--bg-card)}th{padding:1.25rem 1rem;font-size:.85rem;font-weight:700;color:var(--text-muted);background:var(--bg-main);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border)}td{padding:1.25rem 1rem;font-size:.95rem;color:var(--text-main);border-bottom:1px solid var(--border);vertical-align:middle}tr:hover td{background-color:#00000003}.status-badge{padding:.5rem 1rem;border-radius:30px;font-size:.75rem;font-weight:700;letter-spacing:.5px}.status-active{background:#e1f9f2;color:#00b894}.status-inactive{background:#ffebee;color:#d63031}.btn-icon{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;margin-right:5px}.btn-icon:hover{background:var(--bg-main);color:var(--primary);border-color:var(--primary)}.btn-icon.text-danger:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.staff-overview table{width:100%}.employee-cell{display:flex;align-items:center;gap:1rem}.employee-avatar{width:36px;height:36px;border-radius:10px}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text-main);padding:.6rem 1.2rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.btn-outline:hover{background:var(--bg-main)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-card{background:var(--bg-card);padding:2.5rem;border-radius:var(--radius-lg);width:95%;max-width:550px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlide .3s ease-out}@keyframes modalSlide{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.5rem;color:var(--primary)}.modal-body{overflow-y:auto;padding-right:8px;flex:1}.modal-overlay.salary-slip-modal{padding:16px;overflow:hidden}.modal-card.salary-slip-modal-card{width:min(1120px,calc(100vw - 32px));max-width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:clamp(1rem,2vw,1.6rem);overflow:hidden}.salary-slip-modal-card .modal-header{margin-bottom:.85rem;padding-bottom:.75rem}.salary-slip-modal-body{display:flex;flex-direction:column;gap:.8rem;overflow:hidden!important;padding-right:0!important;min-height:0}.salary-slip-fit-shell{width:100%;display:flex;justify-content:center;overflow:visible;flex:0 0 auto}.salary-slip-fit-shell .salary-slip{width:780px;max-width:none;flex:0 0 auto;transform-origin:top center}.salary-slip-modal-body .slip-actions{flex:0 0 auto;margin-top:0!important;padding-bottom:0!important}.close-modal{background:var(--bg-main);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:var(--transition)}.close-modal:hover{background:var(--danger);color:#fff}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.85rem;color:var(--text-main)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper i{position:absolute;left:1.25rem;color:var(--text-muted);font-size:.9rem;pointer-events:none;z-index:5}.input-wrapper input,.input-wrapper select{width:100%;padding:.75rem 1rem .75rem 3rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-main);color:var(--text-main);font-size:.95rem;transition:var(--transition);outline:none}.input-wrapper input:focus,.input-wrapper select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #d4af371a}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.mobile-nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);color:var(--text-main);align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow)}.mobile-sidebar-backdrop{position:fixed;inset:0;background:#00000059;opacity:0;visibility:hidden;pointer-events:none;transition:var(--transition);z-index:990}.mobile-sidebar-backdrop.active{opacity:1;visibility:visible;pointer-events:auto}.mobile-pwa-nav,.mobile-more-backdrop,.mobile-more-sheet{display:none}.full-width{width:100%}.date-nav-btn{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--border);border-radius:12px;background:var(--bg-main);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.date-nav-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-card)}.date-selection-box{--calendar-highlight: color-mix(in srgb, var(--accent) 24%, var(--bg-card))}.date-selection-box .input-wrapper{position:relative}.date-selection-box .date-input,.date-selection-box .flatpickr-input{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;font-weight:800!important}.date-selection-box #weekday-display{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;border-color:color-mix(in srgb,var(--primary) 22%,var(--border))!important;background:color-mix(in srgb,var(--bg-card) 82%,var(--accent))!important;color:var(--primary)!important;box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 9%,transparent)}.date-selection-box #weekday-display i{color:var(--primary)}.date-selection-box.has-selected-date #weekday-display{border-color:color-mix(in srgb,var(--primary) 36%,var(--accent))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-card) 78%,var(--accent)),color-mix(in srgb,var(--accent) 28%,var(--bg-card)))!important;box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 14%,transparent),inset 0 0 0 1px #ffffff73;color:var(--primary)!important}.date-selection-box.has-selected-date #weekday-display i{color:var(--accent)}.date-selection-box.is-today .flatpickr-input{border-color:color-mix(in srgb,var(--primary) 38%,var(--accent))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent),0 10px 28px color-mix(in srgb,var(--primary) 10%,transparent)}.flatpickr-calendar.attendance-calendar{width:322px;padding:12px;border:1px solid color-mix(in srgb,var(--border) 72%,var(--primary));border-radius:18px;background:var(--bg-card);box-shadow:0 22px 50px #2d34362e;color:var(--text-main);font-family:var(--app-font)}.flatpickr-calendar.attendance-calendar:before,.flatpickr-calendar.attendance-calendar:after{border-bottom-color:var(--bg-card)}.attendance-calendar .flatpickr-months{position:relative;align-items:center;min-height:44px;margin-bottom:10px;padding:0 42px}.attendance-calendar .flatpickr-month{height:44px;color:var(--text-main)}.attendance-calendar .flatpickr-current-month{padding-top:4px;font-size:1rem;font-weight:800}.attendance-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,.attendance-calendar .flatpickr-current-month input.cur-year{border-radius:10px;color:var(--text-main);font-weight:800}.attendance-calendar .flatpickr-months .flatpickr-prev-month,.attendance-calendar .flatpickr-months .flatpickr-next-month{top:50%;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);color:var(--primary);display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);transition:var(--transition)}.attendance-calendar .flatpickr-months .flatpickr-prev-month{left:0}.attendance-calendar .flatpickr-months .flatpickr-next-month{right:0}.attendance-calendar .flatpickr-months .flatpickr-prev-month svg,.attendance-calendar .flatpickr-months .flatpickr-next-month svg{width:13px;height:13px;stroke-width:2.5}.attendance-calendar .flatpickr-months .flatpickr-prev-month svg path,.attendance-calendar .flatpickr-months .flatpickr-next-month svg path{fill:currentColor}.attendance-calendar .flatpickr-months .flatpickr-prev-month:hover,.attendance-calendar .flatpickr-months .flatpickr-next-month:hover{border-color:color-mix(in srgb,var(--primary) 30%,var(--border));background:color-mix(in srgb,var(--accent) 16%,var(--bg-card));color:var(--primary);box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 12%,transparent)}.attendance-calendar .flatpickr-weekdays{height:32px;border-radius:12px;background:color-mix(in srgb,var(--bg-main) 76%,var(--accent))}.attendance-calendar span.flatpickr-weekday{color:var(--text-muted);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.attendance-calendar .dayContainer{row-gap:4px}.attendance-calendar .flatpickr-day{height:38px;max-width:38px;line-height:38px;margin:1px 0;border:0;border-radius:0;color:var(--text-main);font-weight:700;transition:background .16s ease,color .16s ease,box-shadow .16s ease}.attendance-calendar .flatpickr-day:hover,.attendance-calendar .flatpickr-day:focus{background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));color:var(--primary)}.attendance-calendar .flatpickr-day.prevMonthDay,.attendance-calendar .flatpickr-day.nextMonthDay{color:color-mix(in srgb,var(--text-muted) 54%,transparent)}.attendance-calendar .flatpickr-day.today,.attendance-calendar .flatpickr-day.attendance-today{position:relative;border-radius:12px;background:color-mix(in srgb,var(--accent) 32%,var(--bg-card));color:var(--primary);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 58%,var(--accent))}.attendance-calendar .flatpickr-day.selected,.attendance-calendar .flatpickr-day.startRange,.attendance-calendar .flatpickr-day.endRange{border-radius:12px;background:var(--primary)!important;color:#fff!important;box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 24%,transparent)}.attendance-calendar .flatpickr-day.selected.attendance-today{box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 24%,transparent),0 0 0 3px color-mix(in srgb,var(--accent) 44%,transparent)}.custom-select{position:relative;width:100%}.select-trigger{width:100%;padding:.75rem 1rem .75rem 3rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-main);color:var(--text-main);font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:var(--transition)}.select-trigger:after{content:"\f107";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.8rem;color:var(--text-muted)}.custom-select.active .select-trigger{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 4px #d4af371a}.custom-select.active .select-trigger:after{transform:rotate(180deg)}.select-options{position:absolute;top:calc(100% + 5px);left:0;width:100%;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a;z-index:2600;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;overflow-y:auto;overflow-x:hidden;max-height:260px;border:1px solid var(--border)}.select-search{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:.7rem;padding:.8rem .9rem;background:color-mix(in srgb,var(--bg-card) 88%,var(--bg-main));border-bottom:1px solid var(--border);backdrop-filter:blur(10px)}.select-search i{color:var(--text-muted);font-size:.85rem}.select-search-input{width:100%;border:1px solid var(--border);border-radius:12px;background:var(--bg-main);color:var(--text-main);padding:.7rem .9rem;outline:none;font:inherit;transition:var(--transition)}.select-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.select-options.select-options-floating{position:fixed;top:0;left:0;width:auto}.select-options.select-options-portal{position:absolute}.custom-select.open-up .select-options{top:auto;bottom:calc(100% + 5px);transform:translateY(10px)}.custom-select.active .select-options,.select-options.select-options-floating.active{opacity:1;visibility:visible;transform:translateY(0)}.select-options.select-options-floating.open-up{transform:translateY(10px)}.select-options.select-options-floating.open-up.active,.custom-select.open-up.active .select-options{transform:translateY(0)}.select-option{padding:.75rem 1.25rem;cursor:pointer;font-size:.9rem;transition:var(--transition);border-bottom:1px solid var(--bg-main)}.select-option:last-child{border-bottom:none}.select-option:hover{background:var(--bg-main);color:var(--primary);padding-left:1.5rem}.select-option.selected{background:var(--primary);color:#fff}.select-option-empty{padding:1rem 1.1rem;color:var(--text-muted);font-size:.9rem}.badge{padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase}.badge-success{background:#e1f9f2;color:#00b894}.badge-warning{background:#fff9e6;color:#f57f17}.badge-info{background:#e3f2fd;color:#1976d2}.attendance-toggle{display:flex;gap:.5rem}.toggle-btn{padding:.5rem 1.5rem;border:1px solid var(--border);border-radius:25px;cursor:pointer;font-weight:600;transition:var(--transition)}.toggle-btn.active[data-val=present]{background:var(--success);color:#fff;border-color:var(--success)}.toggle-btn.active[data-val=absent]{background:var(--danger);color:#fff;border-color:var(--danger)}@media(max-width:1024px){.sidebar{width:80px}.sidebar .brand-info,.sidebar span,.sidebar .user-info{display:none}.main-content{margin-left:80px;width:calc(100% - 80px);padding:1.75rem}.dashboard-middle{grid-template-columns:1fr}.app-header{gap:1rem;align-items:flex-start}.header-search{width:min(100%,420px)}}@media(max-width:900px){#view-container,.content-body,.staff-overview{max-width:100%;overflow-x:hidden}.staff-overview,.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar{left:0;width:min(82vw,300px);height:100dvh;max-height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;transform:translate(-100%);box-shadow:0 20px 40px #0000002e}.sidebar .brand-info,.sidebar .nav-item span,.sidebar .user-info{display:block!important;visibility:visible!important;opacity:1!important}.sidebar-header{padding:1.2rem 1rem 1rem;gap:.85rem;align-items:flex-start}.sidebar-logo{font-size:1.6rem;padding:.55rem}.brand-info{min-width:0}.brand-info h2{font-size:1.1rem;line-height:1.15;overflow-wrap:anywhere}.brand-info p{font-size:.72rem;margin-top:.2rem;overflow-wrap:anywhere}.sidebar-nav{min-height:0;padding:0 .75rem .75rem}.sidebar-bottom{margin-top:0;padding:.9rem .75rem calc(.9rem + env(safe-area-inset-bottom,0px))}.nav-item{display:flex!important;justify-content:flex-start;min-height:52px;opacity:1;gap:.9rem;margin-bottom:.4rem;padding:.9rem 1rem}.nav-item i{width:1.25rem;text-align:center;flex-shrink:0}.nav-item span{display:block!important;flex:1;min-width:0}.user-profile-bar{display:flex!important;margin-top:.75rem;min-width:0}.brand-info h2,.brand-info p,.user-info h4,.user-info p{display:block!important;visibility:visible!important;opacity:1!important}.user-info h4,.user-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-content{margin-left:0;width:100%;padding:1rem}body.sidebar-open .sidebar{transform:translate(0)}.mobile-nav-toggle{display:inline-flex;flex:0 0 auto}.app-header{flex-wrap:wrap;gap:.9rem;margin-bottom:1.5rem;position:sticky;top:0;z-index:20;padding:.75rem;background:color-mix(in srgb,var(--bg-main) 88%,transparent);backdrop-filter:blur(10px);border-radius:18px}.header-search{order:3;width:100%}.header-actions{width:calc(100% - 56px);justify-content:space-between;gap:.75rem}.theme-switch-group{flex:1;min-width:0;overflow-x:auto;white-space:nowrap}.theme-btn{flex:1 0 auto;padding:.5rem .9rem}.card,.modal-card{padding:1.25rem}.card-header,.view-header,.attendance-actions,.settings-tab-btn{gap:.75rem}.card-header,.view-header,.attendance-actions{flex-wrap:wrap}.grid-2,.detail-grid,.stats-grid{grid-template-columns:1fr}.settings-tab-btn{min-width:180px}.payment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important}.payment-summary-grid>div{min-width:0;border-left:0!important;padding-left:0!important}.payment-summary-grid h4{overflow-wrap:anywhere}#settings-tab-content>div[style*="grid-template-columns: 280px 1fr"],#view-container div[style*="grid-template-columns: 350px 1fr"],#view-container div[style*="grid-template-columns: 1fr 1fr"],#view-container div[style*="grid-template-columns: repeat(2, 1fr)"],#view-container div[style*="grid-template-columns: repeat(3, 1fr)"],#view-container div[style*="grid-template-columns: repeat(4, 1fr)"],#view-container div[style*="grid-template-columns:1fr 1fr"],#view-container div[style*="grid-template-columns:repeat(2"],#view-container div[style*="grid-template-columns:repeat(3"],#view-container div[style*="grid-template-columns:repeat(4"]{display:grid!important;grid-template-columns:1fr!important}#view-container div[style*="justify-content:space-between"],#view-container div[style*="justify-content: space-between"]{flex-wrap:wrap!important;gap:.85rem!important}#view-container div[style*="background:linear-gradient"][style*="justify-content:space-between"]{align-items:flex-start!important;padding:1.25rem!important;border-radius:18px!important}#view-container div[style*="background:rgba(255,255,255,0.1)"]{width:100%;flex-wrap:wrap;align-items:stretch!important}#view-container div[style*="background:rgba(255,255,255,0.1)"]>div,#view-container div[style*="background:rgba(255,255,255,0.1)"] select{width:100%}.report-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start!important}.report-tab-btn{flex:0 0 auto;white-space:nowrap}#report-action-btn{width:100%;justify-content:center}.slip-actions{grid-template-columns:1fr!important}.slip-actions>*{grid-column:auto!important}.salary-slip{padding:1rem!important;overflow-x:hidden}.calendar-grid{grid-template-columns:repeat(7,minmax(38px,1fr))!important;overflow-x:auto;padding:12px!important}table{min-width:760px}.salary-table{min-width:1040px}.modal-card{width:calc(100% - 20px);max-width:none;max-height:calc(100vh - 20px);border-radius:20px}.modal-header{margin-bottom:1rem;padding-bottom:.75rem}.login-page{padding:1rem;min-height:100vh;height:auto}.login-card{padding:2rem 1.25rem;max-width:100%}.sidebar-bottom{padding:1rem}.sidebar-nav{padding:0 .75rem}}@media(max-width:640px){.main-content{padding:1rem;width:100%}h1{font-size:1.45rem!important;line-height:1.2}h2{font-size:1.25rem;line-height:1.25}h3{font-size:1rem;line-height:1.3}.app-header{padding:.7rem;border-radius:16px}.header-actions,.theme-switch-group{width:100%}.header-search input,.header-search select,#header-profile-select-wrap .select-trigger{min-height:48px;padding-right:1rem}#header-profile-select-wrap .select-trigger,.header-search select{padding-right:5.25rem}.notification-btn{margin-left:auto}.card{padding:1rem;border-radius:18px}.stats-grid{width:100%;grid-template-columns:minmax(0,1fr);gap:1rem;margin-left:0;margin-right:0;padding-right:.5rem}.stat-card{width:100%;max-width:100%;min-height:auto;padding:1rem;display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"icon title badge" "icon value meta";align-items:center;gap:.25rem .75rem}.stat-card .stat-header{display:contents}.stat-card .stat-icon{grid-area:icon;width:44px;height:44px}.stat-card .stat-trend{grid-area:badge;align-self:start;justify-self:end;white-space:nowrap}.stat-card .stat-info{display:contents;margin-top:0}.stat-card .stat-info h3{grid-area:title;margin:0;align-self:end}.stat-value{grid-area:value;font-size:1.45rem;line-height:1.1;align-self:start}.stat-card .stat-info>div:not(.stat-value){grid-area:meta;justify-self:end;margin-top:0!important;text-align:right;justify-content:flex-end;gap:.45rem!important;min-width:0;max-width:100%}.stat-card .stat-info>div:not(.stat-value) span{white-space:normal;overflow-wrap:anywhere}.payment-summary-grid{grid-template-columns:1fr!important}.chart-container{min-width:520px}.card>.chart-container,.card .chart-container{overflow:visible}.dashboard-middle .card{overflow-x:auto}.btn-primary,.btn-outline{width:100%;justify-content:center}.btn-icon,.btn-icon-sm{flex-shrink:0}.nav-item{padding:.9rem 1rem}.settings-tab-btn{min-width:145px;font-size:.85rem}.settings-tab-btn,.report-tab-btn,.theme-btn{min-height:42px}th,td{padding:.9rem .75rem;font-size:.85rem}.toggle-btn{padding:.45rem .9rem;min-width:44px;text-align:center}.attendance-toggle{flex-wrap:wrap}.user-profile-bar{padding:.65rem}.modal-overlay{align-items:flex-start;padding:.6rem 0;overflow-y:auto}.attendance-options-grid{grid-template-columns:1fr}.detail-grid{gap:1rem}.toast{max-width:calc(100vw - 24px);padding:.85rem 1rem;border-radius:18px}.sync-status-chip{top:auto;right:12px;bottom:12px;max-width:calc(100vw - 24px)}.salary-table,.salary-table thead,.salary-table tbody,.salary-table tr,.salary-table th,.salary-table td{display:block;width:100%}.salary-table{min-width:0;border-collapse:separate;background:transparent}.salary-table thead{display:none}.salary-table tbody{display:flex;flex-direction:column;gap:.85rem;padding:.85rem}.salary-table .salary-row{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:.25rem 0;box-shadow:var(--shadow)}.salary-table .salary-row td{border-bottom:1px solid var(--border);padding:.8rem 1rem!important;text-align:left!important}.salary-table .salary-row td:last-child{border-bottom:none}.salary-table .salary-row td:not(:first-child){display:flex;align-items:center;justify-content:space-between;gap:1rem}.salary-table .salary-row td:not(:first-child):before{content:attr(data-label);color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;flex:0 0 104px}.salary-table .salary-row td[data-label=Action]{display:block;text-align:left!important}.salary-table .salary-row td[data-label=Action]:before{content:attr(data-label);display:block;color:var(--text-muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.7rem}.salary-table .salary-row td:first-child{padding-bottom:.95rem!important}.salary-table .salary-row td:first-child>div{align-items:flex-start!important}.salary-table .salary-row td:last-child .salary-row-actions{width:100%;display:flex;justify-content:stretch!important;flex-direction:column;gap:.65rem!important}.salary-table .salary-row td:last-child .salary-row-actions>*{width:100%}}@media(max-width:420px){.main-content{padding:1rem}.app-header{margin-bottom:1rem}.sidebar{width:min(88vw,300px)}.sidebar-header{padding:1rem .85rem .85rem}.brand-info h2{font-size:1rem}.brand-info p{font-size:.68rem}.sidebar-bottom{padding:.8rem .65rem calc(.8rem + env(safe-area-inset-bottom,0px))}.nav-item{padding:.82rem .9rem}.header-search input,.input-wrapper input,.input-wrapper select,.select-trigger{font-size:16px}.mobile-nav-toggle{width:42px;height:42px}}.switch-toggle{position:relative;display:inline-block;width:44px;height:24px}.switch-toggle input{opacity:0;width:0;height:0}.slider-round{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider-round:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider-round{background-color:#00b894}input:checked+.slider-round:before{transform:translate(20px)}tbody tr{cursor:pointer;transition:var(--transition)}tbody tr:hover{background-color:#00000005!important}tbody tr td:last-child{cursor:default}.profile-modal{text-align:center}.profile-avatar-large{width:100px;height:100px;border-radius:50%;margin:0 auto 1.5rem;border:4px solid var(--border)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;text-align:left;margin-top:1.5rem}.detail-item label{font-size:.75rem;color:var(--text-muted);font-weight:600;display:block;margin-bottom:4px}.detail-item span{font-weight:600;color:var(--text-main)}.mini-calendar{background:var(--bg-main);border-radius:12px;padding:15px;margin-top:10px}.cal-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:.7rem;font-weight:700;color:var(--text-muted);margin-bottom:10px;text-transform:uppercase}.cal-body{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-cell{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;border-radius:8px;background:var(--bg-card);transition:.3s}.cal-cell.empty{background:transparent}.cal-cell.present{background:#00b894;color:#fff}.cal-cell.absent{background:#d63031;color:#fff}.cal-cell.halfday{background:#ff9f43;color:#fff}.cal-cell.holiday{background:#0abde3;color:#fff}.cal-cell:hover:not(.empty){transform:scale(1.1);box-shadow:0 4px 10px #0000001a}.attendance-toggle{display:flex;background:var(--bg-main);padding:5px;border-radius:12px;gap:5px;margin-top:5px}.toggle-btn{flex:1;text-align:center;padding:8px 5px;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:700;transition:var(--transition);color:var(--text-muted)}.toggle-btn input{display:none}.toggle-btn.active{background:var(--active-bg, var(--primary));color:#fff;box-shadow:0 4px 10px #0000001a}.attendance-popup-container{padding:.5rem}.popup-subtitle{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.attendance-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.att-choice-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1.5rem 1rem;border-radius:16px;border:2px solid var(--bg-main);background:var(--bg-card);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-main)}.att-choice-btn i{font-size:1.5rem;color:var(--choice-color)}.att-choice-btn span{font-weight:700;font-size:.85rem}.att-choice-btn:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a;border-color:var(--choice-color)}.att-choice-btn.active{background:var(--choice-color);border-color:var(--choice-color);color:#fff}.att-choice-btn.active i{color:#fff}#profile-month-picker{border:1px solid var(--border);padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600;background:var(--bg-main);color:var(--text-main);cursor:pointer;transition:var(--transition)}#profile-month-picker:hover{border-color:var(--primary);background:#fff}.flatpickr-monthSelect-month{background:transparent;border:none;border-radius:8px;margin:2px;padding:10px 5px;font-weight:600}.flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-month:hover{background:var(--primary)!important;color:#fff!important;box-shadow:0 4px 10px #c8a97e4d}.flatpickr-calendar.hasMonthSelect{width:250px;border-radius:12px;border:none;box-shadow:var(--shadow-lg);background:var(--bg-card)}.flatpickr-monthSelect-months{padding:10px}.badge{padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;display:inline-block}.badge-success{background:#00b8941a;color:#00b894}.badge-danger{background:#d630311a;color:#d63031}.badge-warning{background:#ff9f431a;color:#ff9f43}.badge-info{background:#0abde31a;color:#0abde3}.attendance-row td[onclick]:hover{background-color:#3e272308}.attendance-stats-header{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1.25rem 0;padding:.85rem;border:1px solid var(--border);border-radius:16px;background:var(--bg-card);box-shadow:var(--shadow)}.attendance-stat-pill{min-width:54px;min-height:38px;padding:.55rem .75rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--stat-bg);color:var(--stat-color);border:1px solid var(--stat-border);font-weight:900}.attendance-stat-pill i{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--stat-color);color:#fff;font-size:.68rem;line-height:1}.attendance-stat-pill strong{font-size:.98rem;line-height:1;font-weight:900}.attendance-stat-pill.stat-present{--stat-color: var(--success);--stat-bg: rgba(0, 184, 148, .1);--stat-border: rgba(0, 184, 148, .2)}.attendance-stat-pill.stat-absent{--stat-color: var(--danger);--stat-bg: rgba(214, 48, 49, .1);--stat-border: rgba(214, 48, 49, .2)}.attendance-stat-pill.stat-halfday{--stat-color: var(--warning);--stat-bg: rgba(255, 159, 67, .12);--stat-border: rgba(255, 159, 67, .22)}.attendance-stat-pill.stat-off{--stat-color: var(--info);--stat-bg: rgba(10, 189, 227, .12);--stat-border: rgba(10, 189, 227, .22)}.salary-filter-control .custom-select{min-width:150px;width:100%}.salary-filter-control>i.fa-chevron-down{display:none!important}.salary-filter-control .select-trigger{min-height:42px;padding:10px 35px;border-radius:12px;border:1px solid transparent;background:var(--bg-main);color:var(--text-main);font-weight:800;font-size:.9rem;box-shadow:none}.salary-filter-control .custom-select.active .select-trigger,.salary-filter-control .select-trigger:hover{border-color:color-mix(in srgb,var(--primary) 26%,var(--border));background:var(--bg-card);box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 9%,transparent)}.select-options[data-for=salary-month],.select-options[data-for=salary-year]{border-radius:14px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));background:var(--bg-card);box-shadow:0 18px 44px #0f172a29;padding:6px}.select-options[data-for=salary-month] .select-option,.select-options[data-for=salary-year] .select-option{border-radius:10px;margin:2px 0;font-weight:700}.select-options[data-for=salary-month] .select-option:hover,.select-options[data-for=salary-year] .select-option:hover{background:color-mix(in srgb,var(--primary) 8%,var(--bg-main));color:var(--primary)}.select-options[data-for=salary-month] .select-option.selected,.select-options[data-for=salary-year] .select-option.selected{background:var(--primary);color:#fff}.staff-link:hover span{text-decoration:underline}#toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:999999!important;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:#3e2723;color:#fff;padding:1rem 2rem;border-radius:50px;box-shadow:0 10px 25px #0003;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:10px;animation:toastIn .3s cubic-bezier(.4,0,.2,1),toastOut .3s cubic-bezier(.4,0,.2,1) 2.7s forwards;pointer-events:auto}.toast i{color:#d4af37}.app-alert-overlay{position:fixed;inset:0;z-index:1000000;display:flex;align-items:center;justify-content:center;padding:18px;background:#1212127a;backdrop-filter:blur(3px);animation:alertOverlayIn .16s ease-out}.app-alert-overlay.is-closing{animation:alertOverlayOut .16s ease-in forwards}.app-alert-popup{width:min(92vw,360px);border-radius:18px;background:var(--bg-card);color:var(--text-main);box-shadow:0 24px 70px #00000047;padding:26px 22px 22px;text-align:center;border:1px solid var(--alert-border, rgba(255, 255, 255, .7));border-top:6px solid var(--alert-color, var(--primary));animation:alertPopupIn .18s cubic-bezier(.2,.9,.2,1.1)}.app-alert-icon{width:62px;height:62px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:1.85rem}.app-alert-success .app-alert-icon,.app-alert-error .app-alert-icon{background:var(--alert-soft);color:var(--alert-color)}.app-alert-success{--alert-color: var(--success);--alert-soft: rgba(0, 184, 148, .12);--alert-border: rgba(0, 184, 148, .22)}.app-alert-error{--alert-color: var(--danger);--alert-soft: rgba(214, 48, 49, .12);--alert-border: rgba(214, 48, 49, .22)}.app-alert-warning{--alert-color: var(--warning);--alert-soft: rgba(255, 159, 67, .14);--alert-border: rgba(255, 159, 67, .25)}.app-alert-info{--alert-color: var(--info);--alert-soft: rgba(10, 189, 227, .14);--alert-border: rgba(10, 189, 227, .25)}.app-alert-warning .app-alert-icon,.app-alert-info .app-alert-icon{background:var(--alert-soft);color:var(--alert-color)}.app-alert-popup h3{margin:0 0 8px;font-size:1.15rem;line-height:1.25;font-weight:800}.app-alert-highlight{display:inline-flex;max-width:100%;align-items:center;justify-content:center;margin:0 0 10px;padding:8px 14px;border-radius:999px;background:var(--alert-soft);color:var(--alert-color);border:1px solid var(--alert-border);font-size:1.05rem;line-height:1.1;font-weight:900;overflow-wrap:anywhere;box-shadow:0 8px 18px color-mix(in srgb,var(--alert-color, var(--primary)) 14%,transparent)}.app-alert-popup p{margin:0 0 20px;color:var(--text-muted);font-size:.95rem;line-height:1.45;font-weight:700;overflow-wrap:anywhere}.app-alert-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px}.app-alert-stat{min-height:42px;border-radius:999px;padding:8px 10px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;background:var(--stat-soft);color:var(--stat-color);border:1px solid var(--stat-border)}.app-alert-stat i{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--stat-color);color:#fff;font-size:.68rem;line-height:1;flex:0 0 18px}.app-alert-stat b{font-size:.98rem;line-height:1;font-weight:900}.app-alert-stat-success{--stat-color: var(--success);--stat-soft: rgba(0, 184, 148, .12);--stat-border: rgba(0, 184, 148, .2)}.app-alert-stat-error{--stat-color: var(--danger);--stat-soft: rgba(214, 48, 49, .12);--stat-border: rgba(214, 48, 49, .2)}.app-alert-stat-warning{--stat-color: var(--warning);--stat-soft: rgba(255, 159, 67, .14);--stat-border: rgba(255, 159, 67, .22)}.app-alert-stat-info{--stat-color: var(--info);--stat-soft: rgba(10, 189, 227, .14);--stat-border: rgba(10, 189, 227, .22)}.app-alert-button{width:100%;border:0;border-radius:12px;padding:.85rem 1rem;background:var(--alert-color, var(--primary));color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,var(--alert-color, var(--primary)) 24%,transparent)}.app-alert-button:focus-visible{outline:3px solid rgba(200,169,126,.42);outline-offset:3px}.sync-status-chip{position:fixed;top:18px;right:24px;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fffffff5;color:var(--text-main);box-shadow:0 10px 30px #0000001f;backdrop-filter:blur(8px);z-index:3200;font-size:.82rem;font-weight:700;transition:opacity .2s ease,transform .2s ease}.sync-status-chip.hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}.sync-status-dot{width:10px;height:10px;border-radius:50%;background:currentColor;flex-shrink:0}.sync-status-info{color:var(--primary)}.sync-status-saving{color:#b26a00}.sync-status-success{color:var(--success)}.sync-status-error{color:var(--danger)}@keyframes toastIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes alertOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes alertOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes alertPopupIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-option-card{position:relative;overflow:hidden}.theme-option-card.active{background:var(--bg-main)!important;border-color:var(--primary)!important;transform:translateY(-2px);box-shadow:0 4px 15px #0000000d}.theme-option-card.active:before{content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:8px;right:8px;color:var(--primary);font-size:1rem}.theme-option-card:hover:not(.active){border-color:var(--primary);transform:translateY(-2px)}.settings-tab-btn{flex:1;padding:12px 15px;border:none;background:transparent;color:var(--text-muted);font-weight:700;font-size:.9rem;border-radius:10px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.settings-tab-btn i{font-size:1.1rem}.settings-tab-btn:hover{background:rgba(var(--primary-rgb),.05);color:var(--primary)}.settings-tab-btn.active{background:#fff;color:var(--primary);box-shadow:0 4px 12px #0000000d}@media(max-width:900px){.view-header:has(+.settings-shell){margin-bottom:1rem!important}.view-header:has(+.settings-shell) h2{font-size:1.65rem!important;line-height:1.05!important;margin-bottom:.35rem!important}.view-header:has(+.settings-shell) p{font-size:.9rem!important;line-height:1.35!important}.settings-shell{border-radius:18px!important;overflow:hidden!important;box-shadow:0 14px 36px #0f172a12!important}.settings-tabs{display:flex!important;gap:.5rem!important;overflow-x:auto!important;padding:.65rem!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab-btn{flex:0 0 auto!important;min-width:118px!important;min-height:52px!important;padding:.65rem .8rem!important;border-radius:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;white-space:normal!important;text-align:center!important;line-height:1.15!important;scroll-snap-align:start}.settings-tab-content{padding:1rem!important;min-height:0!important}.settings-admin-layout{display:flex!important;flex-direction:column!important;gap:1rem!important}.settings-admin-side{display:contents!important}.settings-admin-side>.nav-item{order:1;min-height:48px!important;width:100%!important;justify-content:center!important;background:color-mix(in srgb,var(--accent) 80%,var(--bg-card))!important;color:#111!important}.settings-logo-card{order:2;margin-top:0!important;padding:1rem!important;border-radius:18px!important;min-height:142px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:var(--bg-main)!important}.settings-logo-box{width:78px!important;height:78px!important;margin-bottom:.75rem!important}.settings-admin-main{gap:1rem!important;order:3}.settings-identity-card{padding:1rem!important;border-radius:18px!important;gap:1rem!important}.settings-identity-card>div:first-child{width:68px!important;height:68px!important;border-radius:20px!important;flex:0 0 68px!important}.settings-branding-card{padding:1rem!important;border-radius:18px!important}.settings-card-head{display:flex!important;flex-direction:column!important;gap:.9rem!important;margin-bottom:1rem!important}.settings-card-head .btn-primary{width:100%!important;min-height:42px!important;justify-content:center!important;order:2}.settings-branding-grid{display:grid!important;grid-template-columns:1fr!important;gap:.85rem!important}.settings-branding-grid .input-group{grid-column:auto!important;margin-bottom:0!important}.settings-branding-grid input{min-height:44px!important;border-radius:14px!important}.settings-admin-main h4{margin-bottom:.75rem!important;font-size:.95rem!important}.settings-admin-main>div{min-width:0!important}}.btn-icon-sm{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:#fff;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.btn-icon-sm:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){html,body{max-width:100%;overflow-x:hidden}.app-layout,.main-content,.content-body,#view-container{min-width:0}.main-content{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}.app-header{align-items:center}.header-actions{min-width:0}.notification-btn{flex:0 0 auto}.view-header>*,.card-header>*,.attendance-actions>*{min-width:0}.view-header .btn-primary,.view-header .btn-outline,.card-header .btn-primary,.card-header .btn-outline,.attendance-actions .btn-primary,.attendance-actions .btn-outline{flex:1 1 180px}.table-responsive{max-width:100%;border-radius:14px}table{width:max-content;max-width:none}#view-container img,.modal-card img{max-width:100%;height:auto}#view-container [style*="grid-column: span 2"]{grid-column:auto!important}#view-container [style*=min-width]{max-width:100%}#view-container [style*="width:350px"],#view-container [style*="width: 350px"],#view-container [style*="width:300px"],#view-container [style*="width: 300px"]{width:100%!important}.select-options-floating{max-width:calc(100vw - 24px)}.date-selection-box{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px;max-width:100%;min-width:0;align-items:center;gap:.65rem!important}.date-selection-box .input-wrapper{grid-column:2;min-width:0!important;max-width:100%}.date-selection-box .date-nav-btn:first-child{grid-column:1}.date-selection-box .date-nav-btn:nth-of-type(2){grid-column:3}.date-selection-box .date-input,.date-selection-box .flatpickr-input{min-height:42px}.date-selection-box #weekday-display{grid-column:1 / -1;justify-self:center;flex:none;min-width:0;width:max-content!important;max-width:100%;margin:0 auto!important;align-self:center;justify-content:center;text-align:center;white-space:nowrap;min-height:42px;padding:.55rem .8rem!important}.attendance-actions{margin-top:0!important;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.1rem}.attendance-actions .btn-primary{flex:0 0 auto;min-height:44px;width:auto!important;white-space:nowrap}}@media(max-width:640px){.login-card{border-radius:20px}.stats-grid{padding-right:.5rem}.stat-card .stat-info>div:not(.stat-value){min-width:0;max-width:100%}.stat-card .stat-info>div:not(.stat-value) span{white-space:normal;overflow-wrap:anywhere}.header-search{min-width:0}.header-search input,.header-search select,#header-profile-select-wrap .select-trigger{width:100%;min-width:0}.theme-switch-group{padding:.3rem}.theme-btn{padding:.45rem .65rem;font-size:.8rem}.card-header,.view-header{align-items:stretch!important}.card-header h2,.card-header h3,.view-header h1,.view-header h2,.view-header h3{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}.modal-card{padding:1rem}.modal-header h3{font-size:1.15rem;overflow-wrap:anywhere}.input-group{margin-bottom:1rem}.custom-select,.select-trigger,.input-wrapper{min-width:0}.attendance-stats-header{display:flex!important;flex-wrap:nowrap!important;gap:.5rem!important;padding:.7rem!important;overflow-x:auto}.attendance-stat-pill{min-width:48px;min-height:34px;padding:.45rem .55rem;gap:.35rem}.date-selection-box{display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center!important;gap:.5rem!important}.card-header:has(.date-selection-box){gap:.7rem!important;margin-bottom:.75rem}.date-selection-box .input-wrapper,.date-selection-box input,.date-selection-box .flatpickr-input{width:100%!important}.date-nav-btn{width:40px;height:40px;flex-basis:40px;border-radius:11px}.date-selection-box .date-nav-btn:first-child{grid-column:1}.date-selection-box .input-wrapper{grid-column:2}.date-selection-box .date-nav-btn:nth-of-type(2){grid-column:3}.date-selection-box #weekday-display{grid-column:1 / -1;justify-self:center;display:flex}.date-selection-box .date-input,.date-selection-box .flatpickr-input{text-transform:uppercase;text-align:center;padding-left:2.4rem!important;padding-right:.75rem!important}.attendance-actions{flex-direction:column;gap:.6rem!important}.attendance-actions>*{width:100%!important;min-height:40px;padding:.55rem .85rem!important;border-radius:14px!important;font-size:.82rem}#attendance-table,#attendance-table tbody,#attendance-table tr,#attendance-table td{display:block;width:100%!important;min-width:0!important}#attendance-table{min-width:0!important;background:transparent;border-collapse:separate}#attendance-table thead{display:none}#attendance-list{display:flex!important;flex-direction:column;gap:.8rem}#attendance-table .attendance-row{padding:.85rem;border:1px solid var(--border);border-radius:16px;background:var(--bg-card)}#attendance-table .attendance-row td{padding:0!important;border-bottom:0}#attendance-table .attendance-row td:nth-child(2){display:none}#attendance-table .attendance-row td:nth-child(3){margin-top:.75rem}#attendance-table .staff-link{align-items:flex-start!important}#attendance-table .attendance-toggle{width:100%;margin-top:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}#attendance-table .toggle-btn{min-width:0;min-height:38px;padding:.55rem .35rem;display:flex;align-items:center;justify-content:center}.profile-attendance-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.7rem!important;padding-top:.25rem!important;width:100%;max-width:100%;min-width:0}.profile-attendance-stat{width:100%;max-width:100%;min-height:auto!important;padding:.8rem!important;display:flex!important;align-items:center;justify-content:space-between;gap:.65rem;text-align:left!important}.profile-attendance-stat label{min-width:0;font-size:.68rem!important;line-height:1.1;overflow-wrap:anywhere}.profile-attendance-stat h4{margin:0!important;line-height:1;flex:0 0 auto}#view-container,#view-container>*,#view-container .card{width:100%;max-width:100%;min-width:0}#view-container .card{overflow:hidden}#view-container [style*="display:flex; flex-direction:column"],#view-container [style*="display:flex; flex-direction: column"],#view-container [style*="display:grid"],#view-container [style*="display: grid"]{max-width:100%;min-width:0}#view-container [style*="grid-template-columns: 350px 1fr"],#view-container [style*="grid-template-columns: repeat(4, 1fr)"],#view-container [style*="grid-template-columns: repeat(3, 1fr)"],#view-container [style*="grid-template-columns: repeat(2, 1fr)"],#view-container [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important}.profile-attendance-table-wrap{max-width:100%;overflow-x:hidden!important}.profile-attendance-table,.profile-attendance-table thead,.profile-attendance-table tbody,.profile-attendance-table tr,.profile-attendance-table td{display:block;width:100%!important;min-width:0!important}.profile-attendance-table{min-width:0!important;background:transparent}.profile-attendance-table thead{display:none}.profile-attendance-table tbody{display:flex;flex-direction:column;gap:.65rem;padding:.75rem}.profile-attendance-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem .75rem;padding:.85rem;border:1px solid var(--border);border-radius:14px;background:var(--bg-card)}.profile-attendance-table td{padding:0!important;border:0}.profile-attendance-table td:nth-child(1){grid-column:1;font-size:.95rem}.profile-attendance-table td:nth-child(2){grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end}.profile-attendance-table td:nth-child(3){grid-column:1;font-size:.78rem!important;font-weight:700}.salary-dashboard-header{flex-direction:column;align-items:stretch!important;gap:1rem}.salary-dashboard-header h1{margin-bottom:.25rem!important}.salary-filter-bar{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem!important;padding:.65rem!important;overflow:hidden}.salary-filter-divider{display:none}.salary-filter-control,.salary-filter-control select{width:100%;min-width:0!important}.salary-filter-control select{padding-left:2.2rem!important;padding-right:1.8rem!important}#generate-all-btn{grid-column:1 / -1;width:100%;min-height:42px;justify-content:center;padding:.65rem .9rem!important}#delete-all-btn{grid-column:1 / -1;width:100%;min-height:40px;justify-content:center}#report-content{max-width:100%;overflow-x:hidden!important}#report-content>table,#report-content>table>tbody,#report-content>table>tbody>tr,#report-content>table>tbody>tr>td{display:block;width:100%!important;min-width:0!important}#report-content>table{min-width:0!important;background:transparent;border-collapse:separate!important}#report-content>table>thead{display:none}#report-content>table>tbody{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}#report-content>table>tbody>tr{border:1px solid var(--border);border-radius:16px;background:var(--bg-card);overflow:hidden}#report-content>table>tbody>tr>td{padding:.75rem .85rem!important;border-bottom:1px solid var(--border);text-align:left!important}#report-content>table>tbody>tr>td:last-child{border-bottom:0}#report-content .attendance-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .75rem;padding:.85rem}#report-content .attendance-row>td{padding:0!important;border-bottom:0!important}#report-content .attendance-row>td:first-child{grid-column:1 / -1}#report-content .attendance-row>td:nth-child(2),#report-content .attendance-row>td:nth-child(3),#report-content .attendance-row>td:nth-child(4),#report-content .attendance-row>td:nth-child(5){display:inline-flex!important;align-items:center;justify-content:space-between;gap:.35rem;min-height:34px;padding:.45rem .6rem!important;border:1px solid var(--border)!important;border-radius:12px;background:var(--bg-main);font-size:.8rem}#report-content .attendance-row>td:nth-child(6){grid-column:1 / -1;text-align:left!important}#report-content .attendance-row .btn-outline{width:100%;justify-content:center}#report-content .details-row{display:none!important;background:var(--bg-card)!important}#report-content .details-row.active{display:block!important}#report-content .details-row>td{padding:0!important;border-bottom:0!important}#report-content .details-row>td>div{padding:1rem!important;overflow:hidden}#report-content .details-row h4{font-size:.85rem!important;overflow-wrap:anywhere}#report-content .calendar-grid{width:100%!important;max-width:100%;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:.35rem!important;padding:0!important}#report-content .calendar-day{min-width:0;border-radius:8px;font-size:.72rem!important;aspect-ratio:1 / 1}#report-content .calendar-day span{font-size:.52rem!important}#report-content .details-row div[style*="justify-content:center"]{flex-wrap:wrap;gap:.6rem!important;justify-content:flex-start!important}#report-content>table>tbody>tr:not(.attendance-row):not(.details-row)>td:not(:first-child):not(:last-child){display:flex!important;align-items:center;justify-content:space-between;gap:1rem}#report-content>table>tbody>tr:not(.attendance-row):not(.details-row)>td:not(:first-child):not(:last-child):before{color:var(--text-muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;flex:1 1 auto}#report-content>table>tbody>tr:not(.attendance-row):not(.details-row)>td:nth-child(2):before{content:"Base Salary"}#report-content>table>tbody>tr:not(.attendance-row):not(.details-row)>td:nth-child(3):before{content:"Overtime"}#report-content>table>tbody>tr:not(.attendance-row):not(.details-row)>td:nth-child(4):before{content:"Deduction"}#report-content>table>tbody>tr:not(.attendance-row):not(.details-row)>td:nth-child(5):before{content:"Advance"}#report-content>table>tbody>tr:not(.attendance-row):not(.details-row)>td:nth-child(6):before{content:"Hold"}#report-content>table>tbody>tr:not(.attendance-row):not(.details-row)>td:nth-child(7):before{content:"Earn Salary"}#report-content>table>tbody>tr:not(.attendance-row):not(.details-row)>td:nth-child(8):before{content:"Payout"}.theme-dark #report-content>table>tbody>tr{background:var(--bg-card);border-color:var(--border)}.theme-dark #report-content .attendance-row,.theme-dark #report-content .attendance-row.active,.theme-dark #report-content .attendance-row:hover{background:var(--bg-card)!important;border-color:var(--border)!important}.theme-dark #report-content .attendance-row>td:first-child,.theme-dark #report-content .attendance-row.active>td:first-child{background:transparent!important;color:var(--text-main)!important}.theme-dark #report-content .attendance-row span,.theme-dark #report-content .attendance-row div{color:inherit}.theme-dark #report-content>table>tbody>tr>td{color:var(--text-main)!important;background:transparent!important;border-color:var(--border)}.theme-dark #report-content .attendance-row>td:nth-child(2),.theme-dark #report-content .attendance-row>td:nth-child(3),.theme-dark #report-content .attendance-row>td:nth-child(4),.theme-dark #report-content .attendance-row>td:nth-child(5){background:#111!important;border-color:#3a3a3a!important;color:var(--text-main)!important}.theme-dark #report-content .attendance-row>td:nth-child(5){background:color-mix(in srgb,var(--success) 12%,#111111)!important;border-color:color-mix(in srgb,var(--success) 32%,#3a3a3a)!important}.theme-dark #report-content .details-row,.theme-dark #report-content .details-row>td,.theme-dark #report-content .details-row>td>div{background:var(--bg-card)!important;color:var(--text-main)!important}.theme-dark #report-content .btn-outline{background:#111!important;border-color:#5a5a5a!important;color:var(--text-main)!important}.theme-dark #report-content .calendar-day{background:#111;border-color:#3a3a3a;color:var(--text-main)}.theme-dark #report-content .day-present{background:color-mix(in srgb,var(--success) 20%,#111111)!important;border-color:color-mix(in srgb,var(--success) 34%,#3a3a3a)!important;color:var(--success)!important}.theme-dark #report-content .day-absent{background:color-mix(in srgb,var(--danger) 18%,#111111)!important;border-color:color-mix(in srgb,var(--danger) 32%,#3a3a3a)!important;color:var(--danger)!important}.theme-dark #report-content .day-half{background:color-mix(in srgb,var(--warning) 18%,#111111)!important;border-color:color-mix(in srgb,var(--warning) 32%,#3a3a3a)!important;color:var(--warning)!important}.theme-dark #report-content .day-off{background:#181818!important;border-color:#3a3a3a!important;color:var(--text-muted)!important}.theme-dark #report-month,.theme-dark #report-year{color-scheme:dark;background:#111!important;color:var(--text-main)!important;border:1px solid #3a3a3a!important}.theme-dark #report-month option,.theme-dark #report-year option{background:#111;color:var(--text-main)}.theme-dark #report-month option:checked,.theme-dark #report-year option:checked{background:var(--primary);color:#fff}.theme-dark #report-month+i,.theme-dark #report-year+i{color:var(--accent)!important}.salary-table{width:100%!important;min-width:0!important}.report-tabs,.theme-switch-group{scrollbar-width:none}.report-tabs::-webkit-scrollbar,.theme-switch-group::-webkit-scrollbar{display:none}}@media(max-width:900px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px));overscroll-behavior-y:contain}.sidebar{display:none!important}.main-content{margin-left:0!important;width:100%!important;min-height:100dvh;padding:.85rem .85rem calc(6.75rem + env(safe-area-inset-bottom,0px))!important}.app-header{top:.65rem;display:grid;grid-template-columns:1fr;gap:.7rem;padding:.75rem;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--border));border-radius:22px;background:color-mix(in srgb,var(--bg-main) 92%,white);box-shadow:0 16px 36px #00000014}.header-search,.header-actions,.datetime-widget{width:100%}.datetime-widget{min-width:0;min-height:54px;justify-content:flex-start;border-radius:18px;box-shadow:none}.datetime-icon{width:40px;height:40px;border-radius:14px}.datetime-copy{grid-template-columns:1fr auto;align-items:center;width:100%;gap:.75rem}.datetime-copy span{white-space:normal;line-height:1.25}.datetime-copy strong{font-size:1rem}.mobile-pwa-nav{position:fixed;left:max(.65rem,env(safe-area-inset-left,0px));right:max(.65rem,env(safe-area-inset-right,0px));bottom:max(.65rem,env(safe-area-inset-bottom,0px));z-index:1100;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem;padding:.45rem;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border));border-radius:26px;background:color-mix(in srgb,var(--bg-card) 94%,white);box-shadow:0 18px 44px #0000002e;backdrop-filter:blur(18px)}.mobile-pwa-item{min-width:0;min-height:58px;display:grid;place-items:center;gap:.25rem;padding:.42rem .2rem;border:0;border-radius:20px;color:var(--text-muted);background:transparent;text-decoration:none;font-size:.68rem;font-weight:800;cursor:pointer}.mobile-pwa-item i{font-size:1rem}.mobile-pwa-item span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-pwa-item.active,.mobile-pwa-item:active{color:#fff;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 76%,#000));box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 22%,transparent)}.mobile-more-backdrop{position:fixed;inset:0;z-index:1110;display:block;background:#00000057;opacity:0;pointer-events:none;transition:opacity .22s ease}.mobile-more-sheet{position:fixed;left:max(.85rem,env(safe-area-inset-left,0px));right:max(.85rem,env(safe-area-inset-right,0px));bottom:calc(5.9rem + env(safe-area-inset-bottom,0px));z-index:1120;display:grid;gap:.7rem;padding:.85rem;border:1px solid color-mix(in srgb,var(--primary) 10%,var(--border));border-radius:26px;background:color-mix(in srgb,var(--bg-card) 96%,white);box-shadow:0 24px 60px #00000038;backdrop-filter:blur(18px);transform:translateY(18px) scale(.98);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}body.mobile-more-open .mobile-more-backdrop{opacity:1;pointer-events:auto}body.mobile-more-open .mobile-more-sheet{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.mobile-more-handle{width:40px;height:4px;margin:.05rem auto 0;border-radius:999px;background:color-mix(in srgb,var(--text-muted) 30%,transparent)}.mobile-more-title{padding:0 .35rem .05rem;color:var(--text-main);font-family:var(--app-font);font-size:.98rem;font-weight:900;letter-spacing:0}.mobile-more-item{width:100%;min-height:54px;display:flex;align-items:center;gap:.9rem;padding:.85rem .95rem;border:1px solid color-mix(in srgb,var(--primary) 8%,var(--border));border-radius:17px;color:var(--text-main);background:color-mix(in srgb,var(--bg-main) 72%,var(--bg-card));text-decoration:none;font-weight:900;cursor:pointer;box-shadow:0 8px 20px #0f172a0a}.mobile-more-item i{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,transparent);text-align:center;flex:0 0 28px}.mobile-more-item.active{border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:color-mix(in srgb,var(--primary) 10%,var(--bg-card));color:var(--primary);box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 13%,transparent)}.mobile-more-item.danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,var(--bg-card));border-color:color-mix(in srgb,var(--danger) 16%,var(--border))}.mobile-more-item.danger i{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}}@media(max-width:420px){.mobile-pwa-nav{gap:.2rem;padding:.38rem;border-radius:22px}.mobile-pwa-item{min-height:54px;border-radius:17px;font-size:.62rem}.mobile-pwa-item i{font-size:.95rem}}@media(max-width:420px){.card,.modal-card{border-radius:16px}.status-badge,.badge{white-space:normal;text-align:center}.btn-icon{width:38px;height:38px;margin-right:3px}}@media print{.sidebar,.app-header,.header-search,.header-actions,.btn-icon,.btn-outline,.btn-primary,.theme-switch-group,.month-selector,#profile-month-picker,.profile-month-picker,.card-header .btn-primary,.signature-actions{display:none!important}.app-layout{display:block!important}.main-content{margin-left:0!important;padding:0!important;width:100%!important;background:#fff!important}body{background:#fff!important;color:#000!important;font-size:10pt!important}@page{size:A4;margin:1.5cm}.view-header{margin-bottom:1rem!important;border-bottom:2px solid #333;padding-bottom:10px}.view-header img{width:50px!important;height:50px!important}div[style*="display:grid; grid-template-columns: 350px 1fr"]{display:flex!important;flex-direction:column!important;gap:1rem!important}.card{box-shadow:none!important;border:1px solid #eee!important;padding:1rem!important;margin-bottom:1rem!important;break-inside:avoid}.table-responsive{overflow:visible!important;max-height:none!important}table{border-collapse:collapse!important;width:100%!important}th,td{padding:4pt 6pt!important;border:1px solid #ddd!important;font-size:9pt!important}th{background:#f5f5f5!important;color:#000!important}div[style*="display:grid; grid-template-columns: 1fr 1fr"]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1rem!important}.badge{border:1px solid #ccc!important;background:transparent!important;color:#000!important}.mini-calendar{display:none!important}.print-only-signatures{display:flex!important;justify-content:space-between;margin-top:3rem;padding-top:1rem;border-top:1px dashed #333}.sig-box{text-align:center;width:200px}.sig-line{border-bottom:1px solid black;height:40px;margin-bottom:5px}}.theme-option-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a;border-color:var(--primary)!important}.theme-option-card.active{border-color:var(--primary)!important;background:rgba(var(--primary-rgb),.05);box-shadow:0 0 0 1px var(--primary)}.print-only-signatures{display:none}@media(max-width:900px){.sidebar,.mobile-nav-toggle,.mobile-sidebar-backdrop{display:none!important}.main-content{margin-left:0!important;width:100%!important;padding-bottom:calc(6.75rem + env(safe-area-inset-bottom,0px))!important}.mobile-pwa-nav{display:grid!important}body:not(.is-authenticated) .mobile-pwa-nav{display:none!important}.mobile-more-backdrop,.mobile-more-sheet{display:block!important}}@media(max-width:900px){html,body{height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}body.is-authenticated{position:static!important;touch-action:pan-y!important}.app-layout,.main-content,.content-body,#view-container{height:auto!important;max-height:none!important;overflow-y:visible!important}.main-content{min-height:calc(100dvh - 1px)!important;padding-bottom:calc(7.25rem + env(safe-area-inset-bottom,0px))!important}}@media(max-width:900px){html,body.is-authenticated,body.is-authenticated #app-container.app-layout{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important}body.is-authenticated .main-content{height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow-x:hidden!important;overflow-y:scroll!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:auto!important;padding-bottom:calc(7.75rem + env(safe-area-inset-bottom,0px))!important;touch-action:pan-y!important}body.is-authenticated .content-body,body.is-authenticated #view-container{min-height:auto!important;overflow:visible!important}}@media(max-width:900px){.staff-list-wrap{overflow:visible!important;-webkit-overflow-scrolling:auto!important}.staff-list-table{min-width:0!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important}.staff-list-table thead{display:none!important}.staff-list-table tbody{display:grid!important;gap:.85rem!important;width:100%!important}.staff-list-table .staff-card-row{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:.95rem!important;border:1px solid var(--border)!important;border-radius:20px!important;background:var(--bg-card)!important;box-shadow:0 12px 28px #00000012!important}.staff-list-table .staff-card-row td{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;padding:.62rem 0!important;border:0!important;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent)!important;font-size:.88rem!important;text-align:right!important;white-space:normal!important}.staff-list-table .staff-card-row td:before{content:attr(data-label);flex:0 0 auto;color:var(--text-muted);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;text-align:left}.staff-list-table .staff-card-row .staff-card-primary{align-items:flex-start!important;justify-content:flex-start!important;padding-top:0!important;padding-bottom:.85rem!important;text-align:left!important}.staff-list-table .staff-card-row .staff-card-primary:before{display:none!important}.staff-list-table .staff-card-row .staff-link{width:100%;align-items:center!important}.staff-list-table .staff-card-row .staff-link img{width:42px!important;height:42px!important;border-radius:14px!important}.staff-list-table .staff-card-row .staff-card-actions{display:block!important;padding-top:.9rem!important;padding-bottom:0!important;border-bottom:0!important;text-align:left!important}.staff-list-table .staff-card-row .staff-card-actions:before{display:block!important;margin-bottom:.65rem!important}.staff-action-row{width:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:.5rem!important;align-items:stretch!important}.staff-action-row .switch-toggle,.staff-action-row .btn-icon{width:100%!important;min-width:0!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;border-radius:14px!important;background:var(--bg-main)!important}.staff-action-row .switch-toggle{padding:0!important}}@media(max-width:900px){.staff-action-row .switch-toggle{width:56px!important;height:42px!important;min-width:56px!important;justify-self:center!important;background:transparent!important;border:0!important;border-radius:999px!important}.staff-action-row .switch-toggle .slider-round{inset:9px 6px!important;border-radius:999px!important}.staff-action-row .switch-toggle .slider-round:before{width:18px!important;height:18px!important;left:3px!important;bottom:3px!important}.staff-action-row .switch-toggle input:checked+.slider-round:before{transform:translate(20px)!important}}@media(max-width:900px){.quick-salary-modal{padding:.25rem!important}.quick-salary-subtitle{margin:.25rem 0 1.15rem!important;font-size:.9rem!important}.quick-salary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.85rem!important;margin-bottom:1.25rem!important}.quick-salary-card{min-height:112px!important;padding:1rem .7rem!important;border-radius:20px!important;justify-content:center!important;text-align:center!important;line-height:1.15!important;box-shadow:0 10px 24px #0f172a0f!important}.quick-salary-card i{width:42px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#ffffffb8!important;font-size:1.35rem!important;margin-bottom:.15rem!important}.quick-salary-card span{max-width:100%!important;overflow-wrap:anywhere!important;font-size:.78rem!important}.quick-salary-note{border-radius:16px!important;padding:.95rem!important}}@media(max-width:900px){.flatpickr-calendar.app-date-calendar{width:min(322px,calc(100vw - 42px))!important;max-width:calc(100vw - 42px)!important;border-radius:22px!important;box-shadow:0 24px 54px #0f172a33!important}.app-date-calendar .flatpickr-days,.app-date-calendar .dayContainer{width:100%!important;min-width:0!important;max-width:100%!important}.app-date-calendar .flatpickr-day{border-radius:12px!important}.app-date-calendar .flatpickr-current-month{left:12.5%!important;width:75%!important}.app-date-calendar .numInputWrapper span{border-color:transparent!important}}@media(max-width:900px){.modal-overlay:not(.hidden){align-items:flex-end!important;justify-content:center!important;padding:0 0 max(.75rem,env(safe-area-inset-bottom))!important;overflow:hidden!important}.modal-card{width:min(100% - 20px,520px)!important;max-width:min(100% - 20px,520px)!important;max-height:min(86dvh,760px)!important;padding:1rem!important;border-radius:22px 22px 18px 18px!important;animation:mobileBottomSheetUp .24s ease-out!important}.modal-header{margin-bottom:1rem!important;padding-bottom:.85rem!important}.modal-header h3{font-size:1.05rem!important}.modal-body{max-height:calc(86dvh - 76px)!important;overflow-y:auto!important;padding-right:0!important;overscroll-behavior:contain!important}#salary-deduction-popup{align-items:flex-end!important;justify-content:center!important;padding:0 12px max(.75rem,env(safe-area-inset-bottom))!important}#salary-deduction-popup>div{width:min(100%,420px)!important;border-radius:22px 22px 18px 18px!important;animation:mobileBottomSheetUp .24s ease-out!important}}@keyframes mobileBottomSheetUp{0%{transform:translateY(100%);opacity:.94}to{transform:translateY(0);opacity:1}}@media(max-width:900px){.profile-detail-layout{display:flex!important;flex-direction:column!important;gap:1rem!important}.profile-side-column,.profile-main-column{display:contents!important}.profile-calendar-card{order:1}.profile-payment-card{order:3}.profile-advance-card{order:4}.profile-finance-card{order:5}.profile-summary-card{order:2}.profile-personal-card{order:6}}@media(max-width:900px){.profile-month-picker{width:100%!important;max-width:100%!important}.profile-month-trigger{width:100%!important;min-width:0!important}.profile-month-menu{left:0!important;right:0!important;width:100%!important;max-width:100%!important;padding:.9rem!important;border-radius:18px!important;box-shadow:0 18px 42px #0f172a29!important}.profile-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.6rem!important}.profile-month-option{width:100%!important;height:40px!important}}@media(max-width:900px){.profile-summary-card{padding:1rem!important}.profile-summary-card .card-header{margin-bottom:.85rem!important}.profile-summary-card .profile-attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important;padding-top:0!important}.profile-summary-card .profile-attendance-stat{min-height:92px!important;padding:.9rem!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;text-align:left!important}.profile-summary-card .profile-attendance-stat label{font-size:.68rem!important;line-height:1!important}.profile-summary-card .profile-attendance-stat h4{align-self:flex-end!important;margin:0!important;font-size:1.6rem!important;line-height:1!important}}@media(max-width:900px){.profile-finance-card .card-header{align-items:stretch!important;gap:.85rem!important}.profile-finance-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}.profile-finance-actions .btn-primary{width:100%!important;min-height:42px!important;padding:.65rem .45rem!important;justify-content:center!important;white-space:normal!important;line-height:1.1!important;text-align:center!important;border-radius:14px!important}}@media(max-width:900px){.profile-advance-card .table-responsive,.profile-finance-card .table-responsive{max-height:none!important;overflow:visible!important;border:0!important;border-radius:0!important}.profile-advance-card .table-compact,.profile-finance-card .table-compact{min-width:0!important;max-width:100%!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important}.profile-advance-card .table-compact,.profile-finance-card .table-compact,.profile-advance-card .table-compact thead,.profile-finance-card .table-compact thead,.profile-advance-card .table-compact tbody,.profile-finance-card .table-compact tbody,.profile-advance-card .table-compact tr,.profile-finance-card .table-compact tr,.profile-advance-card .table-compact td,.profile-finance-card .table-compact td{display:block!important;width:100%!important}.profile-advance-card .table-compact thead,.profile-finance-card .table-compact thead,.profile-advance-card .table-compact thead tr,.profile-finance-card .table-compact thead tr,.profile-advance-card .table-compact thead th,.profile-finance-card .table-compact thead th{display:none!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important}.profile-advance-card .table-compact tbody,.profile-finance-card .table-compact tbody{display:grid!important;gap:.75rem!important}.profile-advance-card .table-compact tr,.profile-finance-card .table-compact tr{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:.85rem!important;border:1px solid var(--border)!important;border-radius:18px!important;background:var(--bg-card)!important;box-shadow:0 10px 24px #0f172a0d!important}.profile-advance-card .table-compact td,.profile-finance-card .table-compact td{display:grid!important;grid-template-columns:minmax(76px,.38fr) minmax(0,1fr)!important;align-items:center!important;gap:.75rem!important;padding:.48rem 0!important;border:0!important;text-align:right!important;white-space:normal!important;max-width:100%!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important}.profile-advance-card .table-compact td:before,.profile-finance-card .table-compact td:before{content:attr(data-label);color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;text-align:left;min-width:0}.profile-advance-card .table-compact .ledger-cell-value,.profile-finance-card .table-compact .ledger-cell-value{display:block!important;min-width:0!important;max-width:100%!important;color:inherit!important;font-weight:inherit!important;overflow-wrap:anywhere!important;text-align:right!important;opacity:1!important;visibility:visible!important}.profile-advance-card .table-compact td:not([data-label]),.profile-finance-card .table-compact td:not([data-label]){display:block!important;text-align:center!important;padding:1rem!important}.profile-advance-card .table-compact td:not([data-label]):before,.profile-finance-card .table-compact td:not([data-label]):before{display:none!important}.profile-advance-card .table-compact td[data-label=Action],.profile-finance-card .table-compact td[data-label=Action]{justify-content:flex-end!important;padding-top:.65rem!important;border-top:1px solid var(--border)!important}.profile-advance-card .table-compact td[data-label=Action]:before,.profile-finance-card .table-compact td[data-label=Action]:before{display:none!important}}@media(max-width:900px){.header-search.header-search-select-mode,#header-profile-select-wrap{width:100%!important}#header-profile-select-wrap>i{left:1rem!important;color:var(--primary)!important;z-index:2!important}#header-profile-select-wrap .select-trigger{min-height:58px!important;padding:.75rem 5.4rem .75rem 3rem!important;border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border))!important;border-radius:18px!important;background:linear-gradient(135deg,var(--bg-card),color-mix(in srgb,var(--primary) 3%,var(--bg-card)))!important;box-shadow:0 12px 28px #0f172a12!important;font-size:.92rem!important;font-weight:800!important}#header-profile-select-wrap .select-trigger span{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}#header-profile-select-wrap .select-trigger i{right:4.6rem!important;color:var(--text-muted)!important}#header-profile-select-wrap .custom-select.active .select-trigger{border-color:color-mix(in srgb,var(--primary) 34%,var(--border))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent),0 14px 32px #0f172a14!important}#header-profile-select-wrap .select-options,#header-profile-select-wrap .select-options-portal{width:100%!important;min-width:0!important;border-radius:18px!important}.header-search-tag{right:.65rem!important;padding:.35rem .55rem!important;background:color-mix(in srgb,var(--success) 13%,var(--bg-card))!important;color:var(--primary)!important;border:1px solid color-mix(in srgb,var(--success) 22%,var(--border))!important;font-size:.62rem!important;z-index:3!important}}@media(max-width:900px){.sync-status-chip{top:auto!important;right:auto!important;left:50%!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;width:auto!important;min-width:0!important;max-width:calc(100vw - 44px)!important;height:auto!important;min-height:42px!important;max-height:48px!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.55rem!important;padding:.65rem .9rem!important;border-radius:999px!important;background:#fffffffa!important;box-shadow:0 14px 34px #0f172a2e!important;transform:translate(-50%)!important;overflow:hidden!important;white-space:nowrap!important;line-height:1!important;z-index:99999!important}.sync-status-chip.hidden{transform:translate(-50%,10px)!important;opacity:0!important;pointer-events:none!important}.sync-status-chip .sync-status-dot{width:9px!important;height:9px!important;flex:0 0 9px!important}.sync-status-chip span:not(.sync-status-dot){display:block!important;max-width:calc(100vw - 86px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}}@media(max-width:900px){.date-selection-box{display:grid!important;grid-template-columns:36px minmax(112px,1fr) 36px auto!important;align-items:center!important;gap:.35rem!important;width:100%!important}.date-selection-box .date-nav-btn{width:36px!important;height:36px!important;flex-basis:36px!important;border-radius:11px!important}.date-selection-box .date-nav-btn:first-child{grid-column:1!important}.date-selection-box .input-wrapper{grid-column:2!important;min-width:0!important}.date-selection-box .date-nav-btn:nth-of-type(2){grid-column:3!important}.date-selection-box #weekday-display{grid-column:4!important;width:auto!important;min-width:0!important;min-height:36px!important;margin:0!important;padding:.42rem .55rem!important;border-radius:11px!important;font-size:.7rem!important;line-height:1!important;letter-spacing:0!important;white-space:nowrap!important;justify-self:stretch!important}.date-selection-box #weekday-display i{display:none!important}.date-selection-box .date-input,.date-selection-box .flatpickr-input{min-height:36px!important;height:36px!important;padding-left:1.95rem!important;padding-right:.45rem!important;font-size:.78rem!important;letter-spacing:0!important}.date-selection-box .input-wrapper>i{left:.7rem!important;font-size:.78rem!important}}@media(max-width:900px){.mobile-pwa-nav{display:flex!important;align-items:center!important;left:max(1rem,env(safe-area-inset-left,0px))!important;right:max(1rem,env(safe-area-inset-right,0px))!important;bottom:max(.85rem,env(safe-area-inset-bottom,0px))!important;min-height:70px!important;padding:.46rem!important;gap:.28rem!important;border-radius:24px!important;border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border))!important;background:#ffffffed!important;box-shadow:0 24px 60px #0f172a38,inset 0 1px #ffffffd9!important;backdrop-filter:blur(24px) saturate(1.28)!important}.mobile-pwa-item{flex:1 1 0!important;min-width:0!important;min-height:52px!important;border-radius:18px!important;gap:.22rem!important;padding:.34rem .08rem!important;color:#566166!important;transition:flex .18s ease,transform .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease!important}.mobile-pwa-item i{width:26px!important;height:26px!important;border-radius:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.94rem!important;background:color-mix(in srgb,var(--text-muted) 8%,transparent)!important}.mobile-pwa-item span{display:block!important;max-width:100%!important;font-size:.58rem!important;font-weight:900!important;line-height:1.05!important;letter-spacing:0!important;color:inherit!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mobile-pwa-item.active{flex:1.58 1 0!important;flex-direction:row!important;justify-content:center!important;gap:.34rem!important;color:#fff!important;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 88%,#fff),var(--primary))!important;box-shadow:0 16px 34px color-mix(in srgb,var(--primary) 32%,transparent),inset 0 1px #ffffff3d!important;transform:translateY(-4px)!important;min-width:102px!important;min-height:54px!important;padding-left:.44rem!important;padding-right:.44rem!important}.mobile-pwa-item.active i{width:24px!important;height:24px!important;flex:0 0 24px!important;color:#fff!important;background:#ffffff29!important}.mobile-pwa-item.active span{font-size:.58rem!important;line-height:1!important;min-width:0!important}.mobile-pwa-item:active{transform:translateY(-1px) scale(.98)!important}.mobile-more-sheet{bottom:calc(5.85rem + env(safe-area-inset-bottom,0px))!important}}@media(max-width:380px){.mobile-pwa-item span{font-size:.52rem!important}.mobile-pwa-item.active{flex:1.72 1 0!important;min-width:96px!important;gap:.24rem!important}.mobile-pwa-item.active span{font-size:.54rem!important}}