*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--purple:#4e2a84;--purple-mid:#6540a8;--purple-light:#ede8f7;--orange:#ff6b35;--orange-light:#fff0ea;--success:#059669;--success-light:#d1fae5;--warning:#d97706;--warning-light:#fef3c7;--danger:#dc2626;--danger-light:#fee2e2;--info:#0284c7;--info-light:#e0f2fe;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-300:#d1d5db;--gray-100:#f3f4f6;--gray-50:#f9fafb;--white:#fff;--bg:#f2eef9;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--shadow-sm:0 1px 3px rgba(78,42,132,.06) , 0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(78,42,132,.08) , 0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 12px 32px rgba(78,42,132,.12) , 0 4px 8px rgba(0,0,0,.06);--shadow-xl:0 24px 48px rgba(78,42,132,.18) , 0 8px 16px rgba(0,0,0,.08);--t-fast:.15s ease;--t-base:.22s ease;--bottom-nav-h:68px;--smsa-purple:var(--purple);--smsa-orange:var(--orange);--smsa-light-purple:var(--purple-mid);--smsa-light-orange:#ff8c5a;--gray-dark:var(--gray-700);--gray:var(--gray-500);--gray-light:var(--gray-100)}html{-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);min-height:100vh;color:var(--gray-900);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .3s ease , color .3s ease;overscroll-behavior:none;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--bg);position:relative;overflow:hidden}.login-screen::before{content:'';position:absolute;top:-30%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(78,42,132,.10) 0%,transparent 70%);border-radius:50%;pointer-events:none}.login-screen::after{content:'';position:absolute;bottom:-20%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,53,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.login-card{background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);padding:44px 40px;max-width:420px;width:100%;position:relative;z-index:1;animation:fadeUp .4s ease}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-sm)}.table-responsive table{min-width:480px}@keyframes fadeUp { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }.login-logo{text-align:center;margin-bottom:36px}.logo-img{max-width:200px;height:auto;margin-bottom:16px}.login-logo h1{color:var(--purple);font-size:21px;font-weight:600;letter-spacing:-.3px}.error-message{background:var(--danger-light);color:var(--danger);padding:12px 16px;border-radius:var(--r-sm);margin-bottom:20px;display:none;font-size:14px;font-weight:500;border-left:3px solid var(--danger)}.error-message.show{display:block}.login-form .form-group{margin-bottom:18px}.login-form label{display:block;margin-bottom:6px;color:var(--gray-700);font-weight:600;font-size:13px;letter-spacing:.2px}.login-form input{width:100%;padding:13px 16px;border:1.5px solid var(--gray-300);border-radius:var(--r-sm);font-size:15px;font-family:inherit;transition:border-color var(--t-fast) , box-shadow var(--t-fast);background:var(--white);color:var(--gray-900)}.login-form input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(78,42,132,.10)}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--purple) 0%,var(--orange) 100%);color:var(--white);border:none;border-radius:var(--r-sm);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity var(--t-fast) , transform var(--t-fast);margin-top:4px}.login-btn:hover{opacity:.92;transform:translateY(-1px)}.container{width:100%;display:none;padding:0 24px 12px;box-sizing:border-box}.container.active{display:block}.header{background:var(--white);padding:12px 20px;border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:14px;position:sticky;top:8px;z-index:100;border:1px solid rgba(78,42,132,.06);margin-top:12px}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-logo{height:40px;width:auto}.header h1{color:var(--purple);font-size:19px;font-weight:700;letter-spacing:-.4px;margin-bottom:2px}#currentDateTime{color:var(--gray-500);font-size:12px}.user-info{display:flex;align-items:center;gap:10px;flex-shrink:0}.user-details{text-align:right}.user-name{color:var(--gray-700);font-weight:600;font-size:14px}.user-role{color:var(--gray-500);font-size:12px}.logout-btn{background:var(--orange-light);color:var(--orange);border:1.5px solid rgba(255,107,53,.25);padding:7px 16px;border-radius:var(--r-full);font-weight:600;font-size:13px;font-family:inherit;cursor:pointer;transition:all var(--t-fast);white-space:nowrap}.logout-btn:hover{background:var(--orange);color:var(--white);border-color:var(--orange)}.tab-bar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.tab-bar-row .tabs{margin-bottom:0;flex:1}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r-full);border:1.5px solid var(--gray-100);background:var(--white);color:var(--gray-500);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;box-shadow:var(--shadow-sm);transition:all var(--t-fast)}.tab-refresh-btn:hover{color:var(--purple);border-color:var(--purple-light);background:var(--purple-light)}.tab-refresh-btn:active svg{animation:spin360 .4s linear}@keyframes spin360 { to { transform: rotate(360deg); } }.tab{background:var(--white);border:1.5px solid var(--gray-100);padding:8px 18px;border-radius:var(--r-full);cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;color:var(--gray-500);box-shadow:var(--shadow-sm);transition:all var(--t-fast);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.tab:hover{color:var(--purple);border-color:var(--purple-light);background:var(--purple-light)}.tab.active{background:linear-gradient(135deg,var(--purple) 0%,var(--orange) 100%);color:var(--white);border-color:transparent;box-shadow:0 3px 10px rgba(78,42,132,.28)}.content{background:var(--white);padding:24px;border-radius:var(--r-lg);box-shadow:var(--shadow-sm);min-height:500px;border:1px solid rgba(78,42,132,.05);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--purple) 0%,var(--orange) 100%);color:var(--white);border:none;padding:10px 20px;border-radius:var(--r-sm);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity var(--t-fast) , transform var(--t-fast) , box-shadow var(--t-fast);white-space:nowrap;text-decoration:none}.btn:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 12px rgba(78,42,132,.25)}.btn:active{transform:translateY(0);opacity:1}.btn-success{background:linear-gradient(135deg,#059669,#34d399)}.btn-danger{background:linear-gradient(135deg,#dc2626,#f87171)}.btn-warning{background:linear-gradient(135deg,#d97706,#fbbf24);color:#111827}.btn-info{background:linear-gradient(135deg,#0284c7,#38bdf8)}.btn-outline{background:transparent;color:var(--purple);border:1.5px solid var(--purple);box-shadow:none}.btn-outline:hover{background:var(--purple-light);box-shadow:none}.btn-ghost{background:var(--gray-100);color:var(--gray-700);box-shadow:none}.btn-ghost:hover{background:var(--gray-300);box-shadow:none}.btn-small{padding:6px 13px;font-size:12px}.btn-lg{padding:13px 28px;font-size:15px}.btn-icon{padding:8px;border-radius:var(--r-sm);background:var(--gray-100);color:var(--gray-700);box-shadow:none}.btn-icon:hover{background:var(--gray-300);box-shadow:none}.card{background:var(--gray-50);padding:18px 20px;border-radius:var(--r-md);border:1.5px solid var(--gray-100);transition:border-color var(--t-fast) , box-shadow var(--t-fast);margin-bottom:12px}.card:hover{border-color:rgba(78,42,132,.20);box-shadow:var(--shadow-sm)}.card h3{color:var(--gray-900);margin-bottom:6px;font-size:15px;font-weight:600}.card p{color:var(--gray-500);font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:22px}.stat-card{background:linear-gradient(135deg,var(--purple) 0%,var(--purple-mid) 100%);color:var(--white);padding:20px 20px;border-radius:var(--r-md);position:relative;overflow:hidden}.stat-card::after{content:'';position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:rgba(255,255,255,.07);border-radius:50%}.stat-card h2{font-size:40px;font-weight:700;letter-spacing:-1px;margin-bottom:4px;line-height:1}.stat-card p{font-size:13px;font-weight:500;opacity:.95}.stat-card.green{background:linear-gradient(135deg,#059669,#34d399)}.stat-card.orange{background:linear-gradient(135deg,#d97706,#fbbf24);color:#111827}.stat-card.orange p{opacity:.75}.stat-card.red{background:linear-gradient(135deg,#dc2626,#f87171)}.stat-card.blue{background:linear-gradient(135deg,#0284c7,#38bdf8)}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:6px;color:var(--gray-700);font-weight:600;font-size:13px;letter-spacing:.2px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1.5px solid var(--gray-300);border-radius:var(--r-sm);font-size:14px;font-family:inherit;color:var(--gray-900);background:var(--white);transition:border-color var(--t-fast) , box-shadow var(--t-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(78,42,132,.10)}.form-group small{display:block;margin-top:5px;font-size:12px;color:var(--gray-500)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-full);font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.badge-manager{background:var(--purple-light);color:var(--purple)}.badge-supervisor{background:var(--warning-light);color:var(--warning)}.badge-admin{background:var(--orange-light);color:var(--orange)}.badge-success{background:var(--success-light);color:#065f46}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-info{background:var(--info-light);color:var(--info)}.modal{display:flex;position:fixed;inset:0;background:rgba(17,24,39,.50);backdrop-filter:blur(2px);align-items:center;justify-content:center;z-index:9999;padding:16px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease , visibility .22s ease}.modal.active{opacity:1;visibility:visible;pointer-events:auto}.modal.modal-closing{opacity:0;visibility:hidden;pointer-events:none}.modal-content{background:var(--white);padding:26px;border-radius:var(--r-lg);max-width:600px;width:100%;max-height:90dvh;overflow-y:auto;box-shadow:var(--shadow-xl);transform:translateY(0) scale(1);transition:transform .24s ease , opacity .22s ease}.modal.active .modal-content{transform:translateY(0) scale(1);opacity:1}.modal.modal-entering .modal-content{transform:translateY(16px) scale(.98);opacity:0}.modal.modal-closing .modal-content{transform:translateY(8px) scale(.98);opacity:0}body.modal-open{overflow:hidden!important}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1.5px solid var(--gray-100)}.modal-header h2{color:var(--purple);font-size:17px;font-weight:700;letter-spacing:-.3px}.modal-footer{margin-top:22px;display:flex;gap:10px;justify-content:flex-end;padding-top:16px;border-top:1.5px solid var(--gray-100);flex-wrap:wrap}.toast{position:fixed;bottom:24px;right:24px;background:var(--white);padding:14px 18px 10px;border-radius:var(--r-md);box-shadow:var(--shadow-lg);display:none;z-index:10000;border-left:4px solid var(--purple);font-size:14px;font-weight:500;max-width:420px;color:var(--gray-900);cursor:pointer;user-select:none}.toast.active{display:block;animation:toastIn .28s ease}@keyframes toastIn { from{opacity:0;transform:translateX(50px)} to{opacity:1;transform:translateX(0)} }.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.warning{border-left-color:var(--warning)}.toast-progress{transition:width 6s linear}.toast.error .toast-progress{background:var(--danger)!important}.toast.warning .toast-progress{background:var(--warning)!important}.toast.success .toast-progress{background:var(--success)!important}.mobile-menu-button{display:none!important}.mobile-nav-overlay{display:none!important}.mobile-nav-drawer{display:none!important}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--gray-100);z-index:500;height:var(--bottom-nav-h);padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 20px rgba(78,42,132,.08);align-items:stretch;overflow-x:auto;scrollbar-width:none;gap:2px}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 6px;cursor:pointer;border:none;background:transparent;font-family:inherit;color:var(--gray-500);border-radius:var(--r-sm);transition:color var(--t-fast);flex:1;min-width:48px;max-width:72px;text-align:center;position:relative}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;transition:background var(--t-fast);flex-shrink:0}.bottom-nav-icon svg{width:22px;height:22px;stroke:currentColor}.bottom-nav-item.active{color:var(--purple)}.bottom-nav-item.active .bottom-nav-icon{background:var(--purple-light);transform:none}.bottom-nav-item.active::before{display:none}.bottom-nav-item{position:relative}.nav-badge{position:absolute;top:6px;right:50%;transform:translateX(16px);min-width:18px;height:18px;line-height:18px;padding:0 5px;border-radius:10px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;text-align:center;pointer-events:none;box-shadow:0 1px 4px rgba(239,68,68,.4);animation:navBadgePop .25s ease both}@keyframes navBadgePop { from { transform: translateX(16px) scale(0); } to { transform: translateX(16px) scale(1); } }table{width:100%;border-collapse:collapse;font-size:14px}thead th{background:var(--gray-50);padding:10px 14px;text-align:left;font-weight:600;font-size:11px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid var(--gray-100)}tbody td{padding:11px 14px;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--gray-50)}.search-container{position:relative;flex:1;min-width:200px;max-width:420px;margin:0 12px;display:flex;visibility:visible}#globalSearch{width:100%;padding:9px 18px 9px 40px;border:1.5px solid var(--gray-300);border-radius:var(--r-full);font-size:14px;font-family:inherit;background:var(--gray-50);background-image:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'16\'\ height=\'16\'\ viewBox=\'0\ 0\ 24\ 24\'\ fill=\'none\'\ stroke=\'%236b7280\'\ stroke-width=\'2.5\'\ stroke-linecap=\'round\'\ stroke-linejoin=\'round\'%3E%3Ccircle\ cx=\'11\'\ cy=\'11\'\ r=\'8\'%3E%3C/circle%3E%3Cpath\ d=\'m21\ 21-4.35-4.35\'%3E%3C/path%3E%3C/svg%3E);background-repeat:no-repeat;background-position:14px center;transition:all var(--t-fast);color:var(--gray-900);display:block}#globalSearch::placeholder{color:var(--gray-500)}#globalSearch:focus{outline:none;border-color:var(--purple);background-color:var(--white);box-shadow:0 0 0 3px rgba(78,42,132,.10)}.search-results{position:absolute;top: calc(100% + 8px);left:0;right:0;background:var(--white);border-radius:var(--r-md);box-shadow:var(--shadow-xl);max-height:480px;overflow-y:auto;display:none;z-index:1000;border:1px solid var(--gray-100)}.search-results.show{display:block;animation:searchDrop .18s ease}@keyframes searchDrop { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }.search-result-category{padding:9px 16px 7px;background:var(--gray-50);font-weight:700;color:var(--purple);font-size:10px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--gray-100);position:sticky;top:0}.search-result-item{padding:11px 16px;border-bottom:1px solid var(--gray-50);cursor:pointer;transition:background var(--t-fast)}.search-result-item:hover{background:var(--gray-50);border-left:3px solid var(--purple);padding-left:14px}.search-result-item:last-child{border-bottom:none}.search-result-title{font-weight:600;color:var(--gray-900);margin-bottom:3px;font-size:14px}.search-result-subtitle{color:var(--gray-500);font-size:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.search-result-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--purple-light);color:var(--purple);border-radius:var(--r-full);font-size:10px;font-weight:700;text-transform:uppercase}.search-highlight{background:#fef3c7;padding:1px 2px;border-radius:2px}.search-no-results{padding:40px 20px;text-align:center;color:var(--gray-500)}.search-no-results-icon{font-size:40px;margin-bottom:10px;opacity:.3}.search-results::-webkit-scrollbar{width:4px}.search-results::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:2px}@keyframes skeletonShimmer { 0%{background-position:-600px 0} 100%{background-position:600px 0} }.skeleton-line{background:linear-gradient(90deg,#ede8f7 25%,#f3f0fa 50%,#ede8f7 75%);background-size:600px 100%;animation:skeletonShimmer 1.4s ease-in-out infinite;border-radius:6px;display:block}.skeleton-screen{padding:4px 0}.skeleton-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.skeleton-stat{height:96px;border-radius:var(--r-md)}.skeleton-card{background:var(--gray-50);border-radius:var(--r-md);padding:18px 20px;margin-bottom:10px;display:flex;gap:14px;align-items:flex-start;border:1.5px solid var(--gray-100)}.skeleton-avatar{width:56px;height:56px;border-radius:50%;flex-shrink:0}.skeleton-card-body{flex:1}.skeleton-card-body .skeleton-line{margin-bottom:8px}.skeleton-table-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.skeleton-table-row .skeleton-line{border-radius:4px}.manager-only,.supervisor-only,.admin-only{display:none!important}body.role-manager .manager-only,body.role-supervisor .supervisor-only,body.role-supervisor .manager-only,body.role-admin .admin-only{display:block!important}.sub-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--gray-100);overflow-x:auto;scrollbar-width:none}.sub-tabs::-webkit-scrollbar{display:none}.sub-tab{padding:9px 16px;background:transparent;border:none;font-family:inherit;font-size:13px;font-weight:600;color:var(--gray-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color var(--t-fast) , border-color var(--t-fast);white-space:nowrap}.sub-tab:hover{color:var(--purple)}.sub-tab.active{color:var(--purple);border-bottom-color:var(--purple)}.toggle-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--gray-700);user-select:none}.toggle-label input[type="checkbox"]{width:38px;height:20px;appearance:none;-webkit-appearance:none;background:var(--gray-300);border-radius:var(--r-full);cursor:pointer;transition:background var(--t-fast);flex-shrink:0;position:relative}.toggle-label input[type="checkbox"]:checked{background:var(--purple)}.toggle-label input[type="checkbox"]::after{content:'';position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform var(--t-fast);box-shadow:0 1px 3px rgba(0,0,0,.2)}.toggle-label input[type="checkbox"]:checked::after{transform:translateX(18px)}#contentArea{transition:opacity .1s ease}#contentArea.tab-switching{opacity:0;pointer-events:none}@media (hover:none){.card:active{border-color:rgba(78,42,132,.35);background:var(--purple-light);transition:none}.btn:active{transform:scale(.95)!important;opacity:.75!important;box-shadow:none!important;transition:none}.tab:active{background:var(--purple-light);color:var(--purple);border-color:var(--purple-light);transition:none}.bottom-nav-item:active .bottom-nav-icon{transform:scale(.88);transition:none}}@media (max-width:768px){body{background:var(--white)}body.app-active{padding-bottom: calc(var(--bottom-nav-h) + env(safe-area-inset-bottom, 0px))}.container{max-width:100%;padding:0;margin:0}.header{padding:8px 14px;top:0;margin:0;border-radius:0;box-shadow:none;border:none;border-bottom:1px solid rgba(78,42,132,.10)}.content{padding:14px;border-radius:0;box-shadow:none;border:none;min-height:300px}.tabs{display:none!important}.tab-bar-row{display:none!important}.bottom-nav{display:flex!important}.header h1{font-size:15px}.header-logo{height:24px}.user-name{font-size:11px}.user-role{display:none}.logout-btn{padding:4px 10px;font-size:11px}#currentDateTime{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card h2{font-size:32px}.stat-card{padding:14px 16px}.modal-content{padding:18px 14px;border-radius:var(--r-md);max-height:92dvh}.modal-footer{justify-content:stretch}.modal-footer .btn{flex:1;justify-content:center}.search-container{max-width:100%;min-width:auto;margin:8px 0 0;order:3;width:100%}.toast{left:12px;right:12px;bottom:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom, 0px) + 8px);max-width:none}.btn{padding:9px 16px}.btn-small{padding:6px 12px}.login-card{padding:32px 22px;border-radius:var(--r-lg)}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}thead,tbody,tr{display:table;width:100%;table-layout:fixed}.bottom-nav-icon{width:36px;height:36px;border-radius:10px}.bottom-nav-icon svg{width:20px;height:20px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card h2{font-size:28px}.stat-card p{font-size:11px}}@media (max-width:380px){.stats-grid{grid-template-columns:1fr 1fr;gap:7px}.dashboard-stat-btn{padding:12px 8px!important}.dashboard-stat-btn>div:first-child{font-size:28px!important}.dashboard-stat-btn > div:nth-child(2) {font-size:10px!important}.dashboard-stat-btn > div:nth-child(3) {font-size:10px!important}}#notificationBellContainer{position:relative;display:inline-flex}#installBanner{position:fixed;bottom: calc(var(--bottom-nav-h) + env(safe-area-inset-bottom, 0px) + 12px);left:50%;transform:translateX(-50%);z-index:10000}@media (min-width:769px){#installBanner{bottom:20px}}#contentArea h2{color:var(--purple);font-weight:700;letter-spacing:-.4px;font-size:19px}#attendanceHeatmap>div{background:var(--white)!important;border-radius:var(--r-md)!important;box-shadow:var(--shadow-sm)!important;border:1.5px solid var(--gray-100)!important;padding:16px 18px!important}.worker-avatar-placeholder{border-radius:50%;background:linear-gradient(135deg,var(--purple),var(--purple-mid));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}#statusFilterBar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}#statusFilterBar button{font-family:'DM Sans',sans-serif!important;font-size:12px!important;font-weight:600!important;border-radius:var(--r-full)!important;padding:5px 13px!important;cursor:pointer!important;transition:opacity .15s!important}#statusFilterBar button:hover{opacity:.82!important}#dashboardListPanel{margin-top:4px}#workerSearchInput{font-family:'DM Sans',sans-serif!important;border-radius:var(--r-full)!important;padding:10px 20px 10px 40px!important;border:1.5px solid var(--gray-300)!important;font-size:14px!important;background-color:var(--gray-50)!important;transition:border-color .15s , box-shadow .15s!important}#workerSearchInput:focus{outline:none!important;border-color:var(--purple)!important;box-shadow:0 0 0 3px rgba(78,42,132,.10)!important;background-color:var(--white)!important}#contentArea button,.modal-content button{font-family:'DM Sans',sans-serif}#contentArea [onclick]{font-family:'DM Sans',sans-serif}#contentArea table{font-family:'DM Sans',sans-serif}.card>h3{color:var(--purple)!important;font-size:15px!important;font-weight:700!important;margin-bottom:14px!important}.modal-close-btn{background:var(--gray-100);border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;color:var(--gray-500);display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.modal-close-btn:hover{background:var(--gray-300);color:var(--gray-900)}.dashboard-stat-btn{cursor:pointer;transition:transform .15s , box-shadow .15s}.dashboard-stat-btn:hover{filter:brightness(1.06);transform:translateY(-4px)!important;box-shadow:0 8px 25px rgba(0,0,0,.22)!important}.dashboard-stat-btn:active{transform:translateY(-1px)!important}.dst-green{background:#d1fae5;color:#065f46}.dst-green-b{background:#ecfdf5;color:#065f46;border:2px solid #6ee7b7}.dst-amber{background:#fef3c7;color:#92400e}.dst-amber-b{background:#fffbeb;color:#92400e}.dst-blue{background:#dbeafe;color:#1e3a8a}.dst-blue-b{background:#eff6ff;color:#1e40af}.dst-purple{background:#ede9fe;color:#5b21b6}.dst-purple-b{background:#f3f0ff;color:#4e2a84}.dst-purple-c{background:#f5f3ff;color:#5b21b6;border:1.5px solid #c4b5fd}.dst-red{background:#fee2e2;color:#991b1b}.dst-red-b{background:#fef2f2;color:#991b1b}.dst-slate{background:#f1f5f9;color:#334155}.dst-indigo{background:#eef2ff;color:#4338ca}.dst-teal{background:#e0f2fe;color:#0369a1}.dst-gray{background:#f3f4f6;color:#6b7280}body.dark-mode .dst-green{background:#0a2e1e;color:#34d399}body.dark-mode .dst-green-b{background:#0a2e1e;color:#34d399;border-color:#065f46}body.dark-mode .dst-amber{background:#2a1e00;color:#fcd34d}body.dark-mode .dst-amber-b{background:#2a1e00;color:#fcd34d}body.dark-mode .dst-blue{background:#0a1e2e;color:#93c5fd}body.dark-mode .dst-blue-b{background:#0a1e2e;color:#93c5fd}body.dark-mode .dst-purple{background:#2d1f50;color:#c4b5fd}body.dark-mode .dst-purple-b{background:#2d1f50;color:#c4b5fd}body.dark-mode .dst-purple-c{background:#2d1f50;color:#c4b5fd;border-color:#4e2a84}body.dark-mode .dst-red{background:#2e0a0a;color:#fca5a5}body.dark-mode .dst-red-b{background:#2e0a0a;color:#fca5a5}body.dark-mode .dst-slate{background:#1e1b2c;color:#94a3b8}body.dark-mode .dst-indigo{background:#1e1b40;color:#a5b4fc}body.dark-mode .dst-teal{background:#0a1e2e;color:#7dd3fc}body.dark-mode .dst-gray{background:#252235;color:#94a3b8}#contentArea .card>p{font-size:14px;color:var(--gray-500);line-height:1.5}@media (max-width:768px){#contentArea>div[style*="display:flex"][style*="justify-content:space-between"],#contentArea>div[style*="display: flex"][style*="justify-content: space-between"]{flex-wrap:wrap}#statusFilterBar{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}#statusFilterBar::-webkit-scrollbar{display:none}}body.kiosk-mode .header,body.kiosk-mode .tabs,body.kiosk-mode .bottom-nav{display:none!important}body.kiosk-mode .content{padding:0;background:transparent;border-radius:0;box-shadow:none;min-height:100vh}body.kiosk-mode .container{padding:0;max-width:100%}#syncOverlay{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;background:var(--bg);opacity:0;transition:opacity .3s ease}#syncOverlay.visible{display:flex;opacity:1}#syncOverlay.hiding{opacity:0}.sync-card{display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--white);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);padding:44px 52px;min-width:320px;animation:fadeUp .35s ease}.sync-logo{max-width:140px;height:auto;margin-bottom:4px}.sync-title{font-size:17px;font-weight:700;color:var(--purple);margin:0;letter-spacing:.3px}.sync-label{font-size:13px;font-weight:500;color:var(--gray-500);margin:0;letter-spacing:.2px;min-height:18px;transition:color .3s}.sync-progress-track{width:100%;height:8px;background:var(--purple-light);border-radius:99px;overflow:hidden;margin-top:4px}.sync-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--purple),#a855f7);border-radius:99px;transition:width .4s ease}.sync-pct{font-size:12px;font-weight:600;color:var(--purple);margin:0;align-self:flex-end}.sync-slow-msg{display:none;margin-top:8px;padding:10px 14px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;font-size:12px;font-weight:600;color:#92400e;text-align:center;line-height:1.5;animation:fadeUp .4s ease}.sync-slow-msg.visible{display:block}.header,.content,.bottom-nav,.modal-content,.stat-card,.login-card{transition:background-color .3s ease , color .3s ease , border-color .3s ease , box-shadow .3s ease}body.dark-mode{--bg:#0f0d15;--white:#1c1828;--gray-900:#f1f0f5;--gray-700:#c4bed8;--gray-500:#8a82a8;--gray-300:#3a3450;--gray-100:#252235;--gray-50:#1e1b2c;--purple-light:#2d1f50;--orange-light:#2c1800;--success-light:#0a2e1e;--warning-light:#2a1e00;--danger-light:#2e0a0a;--info-light:#0a1e2e;--shadow-sm:0 1px 3px rgba(0,0,0,.35) , 0 1px 2px rgba(0,0,0,.25);--shadow-md:0 4px 12px rgba(0,0,0,.45) , 0 2px 4px rgba(0,0,0,.25);--shadow-lg:0 12px 32px rgba(0,0,0,.55) , 0 4px 8px rgba(0,0,0,.30);--shadow-xl:0 24px 48px rgba(0,0,0,.65) , 0 8px 16px rgba(0,0,0,.35)}body.dark-mode{background:var(--bg);color:var(--gray-900)}body.dark-mode.app-active{background:var(--bg)}@media (max-width:768px){body.dark-mode{background:#0f0d15}}body.dark-mode .login-screen{background:var(--bg)}body.dark-mode .login-card{background:var(--white)}body.dark-mode .login-form input{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}body.dark-mode .login-form input:focus{background:var(--white)}body.dark-mode .header{background:var(--white);border-color:rgba(168,139,250,.10);box-shadow:0 1px 12px rgba(0,0,0,.4)}body.dark-mode #globalSearch{background-color:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900);background-image:url(data:image/svg+xml,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'16\'\ height=\'16\'\ viewBox=\'0\ 0\ 24\ 24\'\ fill=\'none\'\ stroke=\'%238A82A8\'\ stroke-width=\'2.5\'\ stroke-linecap=\'round\'\ stroke-linejoin=\'round\'%3E%3Ccircle\ cx=\'11\'\ cy=\'11\'\ r=\'8\'%3E%3C/circle%3E%3Cpath\ d=\'m21\ 21-4.35-4.35\'%3E%3C/path%3E%3C/svg%3E)}body.dark-mode #globalSearch:focus{background-color:var(--white);border-color:var(--purple)}body.dark-mode #globalSearch::placeholder{color:var(--gray-500)}body.dark-mode .tab{background:var(--white);border-color:var(--gray-300);color:var(--gray-500);box-shadow:var(--shadow-sm)}body.dark-mode .tab:hover{background:var(--purple-light);color:#c4b5fd;border-color:#4e2a84}body.dark-mode .tab.active{background:linear-gradient(135deg,var(--purple) 0%,var(--orange) 100%);color:#fff;border-color:transparent}body.dark-mode .tab-refresh-btn{background:var(--white);border-color:var(--gray-300);color:var(--gray-500)}body.dark-mode .tab-refresh-btn:hover{background:var(--purple-light);color:#c4b5fd;border-color:#4e2a84}body.dark-mode .content{background:var(--white);border-color:rgba(168,139,250,.08)}body.dark-mode .card{background:var(--gray-50);border-color:var(--gray-100)}body.dark-mode .card:hover{border-color:rgba(168,139,250,.35)}body.dark-mode .card h3{color:var(--gray-900)}body.dark-mode .card p{color:var(--gray-500)}body.dark-mode .form-group label{color:var(--gray-700)}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{background:var(--white);border-color:var(--purple)}body.dark-mode .form-group small{color:var(--gray-500)}body.dark-mode select option{background:#1c1828;color:#f1f0f5}body.dark-mode .modal{background:rgba(0,0,0,.72)}body.dark-mode .modal.active{background:rgba(0,0,0,.72)}body.dark-mode .modal-content{background:var(--white)}body.dark-mode .modal-header{border-color:var(--gray-100)}body.dark-mode .modal-footer{border-color:var(--gray-100)}body.dark-mode .modal-close-btn{background:var(--gray-100);color:var(--gray-500)}body.dark-mode .modal-close-btn:hover{background:var(--gray-300);color:var(--gray-900)}body.dark-mode .toast{background:var(--white);color:var(--gray-900);box-shadow:var(--shadow-lg)}body.dark-mode thead th{background:var(--gray-50);color:var(--gray-500);border-color:var(--gray-100)}body.dark-mode tbody td{color:var(--gray-700);border-color:var(--gray-100)}body.dark-mode tbody tr:hover{background:var(--gray-50)}body.dark-mode .bottom-nav{background:var(--white);border-top-color:var(--gray-100);box-shadow:0 -4px 20px rgba(0,0,0,.4)}body.dark-mode .bottom-nav-item{color:var(--gray-500)}body.dark-mode .bottom-nav-item.active{color:#a78bfa}body.dark-mode .bottom-nav-item.active .bottom-nav-icon{background:var(--purple-light)}body.dark-mode .sub-tabs{border-color:var(--gray-100)}body.dark-mode .sub-tab{color:var(--gray-500)}body.dark-mode .sub-tab:hover{color:#c4b5fd}body.dark-mode .sub-tab.active{color:#c4b5fd;border-color:#a78bfa}body.dark-mode .badge-manager{background:var(--purple-light);color:#c4b5fd}body.dark-mode .badge-supervisor{background:var(--warning-light);color:#fcd34d}body.dark-mode .badge-admin{background:var(--orange-light);color:#fb923c}body.dark-mode .badge-success{background:var(--success-light);color:#34d399}body.dark-mode .badge-danger{background:var(--danger-light);color:#f87171}body.dark-mode .badge-info{background:var(--info-light);color:#38bdf8}body.dark-mode .search-results{background:var(--white);border-color:var(--gray-100)}body.dark-mode .search-result-category{background:var(--gray-50)}body.dark-mode .search-result-item:hover{background:var(--gray-50)}body.dark-mode .search-result-title{color:var(--gray-900)}body.dark-mode .search-result-subtitle{color:var(--gray-500)}body.dark-mode .search-result-badge{background:var(--purple-light);color:#c4b5fd}body.dark-mode .search-highlight{background:#3d2e00;color:#fcd34d}body.dark-mode .skeleton-line{background:linear-gradient(90deg,#252235 25%,#2d2940 50%,#252235 75%);background-size:600px 100%}body.dark-mode .skeleton-card{background:var(--gray-50);border-color:var(--gray-100)}body.dark-mode #syncOverlay{background:var(--bg)}body.dark-mode .sync-card{background:var(--white)}body.dark-mode .sync-slow-msg{background:#2a1e00;border-color:#92400e;color:#fcd34d}body.dark-mode #todayEventsNote>div{background:linear-gradient(135deg,#1e1600,#1a1400)!important;border-color:#3d2e00!important;box-shadow:0 2px 8px rgba(0,0,0,.4)!important}body.dark-mode #todayEventsNote [style*="color:#92400E"]{color:#fcd34d!important}body.dark-mode #todayEventsNote [style*="color:#B45309"]{color:#f59e0b!important}body.dark-mode #todayEventsNote [style*="color:#111827"]{color:#e5e3f0!important}body.dark-mode #todayEventsNote [style*="color:#6B7280"]{color:#8a82a8!important}body.dark-mode #todayEventsNote button[style*="border:1px solid #F59E0B"]{color:#fcd34d!important;border-color:#5a4000!important}body.dark-mode #todayEventsNote [style*="background:#FEF3C7"]{background:#2a1e00!important;color:#fcd34d!important}body.dark-mode #todayEventsNote [style*="background:#FFFBEB"]{background:#2a1e00!important;color:#fcd34d!important}body.dark-mode #comingWeekNote>div{background:#1c1828!important;border-color:#3a3450!important;box-shadow:0 2px 8px rgba(0,0,0,.4)!important}body.dark-mode #comingWeekNote [style*="background:#F9FAFB"]{background:#1e1b2c!important}body.dark-mode #comingWeekNote [style*="background:#F8F7FF"]{background:#2d1f50!important;border-color:#4e2a84!important}body.dark-mode #comingWeekNote [style*="background:#EDE9FE"]{background:#2d1f50!important}body.dark-mode #comingWeekNote [style*="background:#F3F4F6"]{background:#252235!important}body.dark-mode #comingWeekNote [style*="background:#FEF2F2"]{background:#2e0a0a!important}body.dark-mode #comingWeekNote [style*="background:#FEF3C7"]{background:#2a1e00!important}body.dark-mode #comingWeekNote [style*="background:#FFFBEB"]{background:#2a1e00!important}body.dark-mode #comingWeekNote [style*="background:white"]{background:#1c1828!important}body.dark-mode #comingWeekNote [style*="color:#374151"]{color:#c4bed8!important}body.dark-mode #comingWeekNote [style*="color:#6B7280"]{color:#8a82a8!important}body.dark-mode #comingWeekNote [style*="color:#111827"]{color:#e5e3f0!important}body.dark-mode #comingWeekNote [style*="color:#1F2937"]{color:#e5e3f0!important}body.dark-mode #comingWeekNote [style*="border:1px solid #E5E7EB"]{border-color:#3a3450!important}body.dark-mode #comingWeekNote [style*="border:1px solid #D1D5DB"]{border-color:#3a3450!important}body.dark-mode #comingWeekNote [style*="background:#EDE9FE;display:flex"]{background:#2d1f50!important}body.dark-mode #comingWeekNote [style*="background:#F3F4F6;color:#374151"]{background:#252235!important;color:#c4bed8!important;border-color:#3a3450!important}body.dark-mode #comingWeekNote [style*="background:#FEF2F2;color:#DC2626"]{background:#2e0a0a!important;border-color:#7f1d1d!important}── Buttons ghost/outline ───────────────────────────────────────── */
body.dark-mode .btn-ghost   {background:var(--gray-100);color:var(--gray-700)}body.dark-mode .btn-ghost:hover{background:var(--gray-300)}body.dark-mode .btn-outline{color:#a78bfa;border-color:#a78bfa}body.dark-mode .btn-outline:hover{background:var(--purple-light)}body.dark-mode .btn-icon{background:var(--gray-100);color:var(--gray-700)}body.dark-mode .btn-icon:hover{background:var(--gray-300)}body.dark-mode .logout-btn{background:var(--orange-light);color:#fb923c;border-color:rgba(251,146,60,.3)}body.dark-mode .logout-btn:hover{background:var(--orange);color:#fff}body.dark-mode .hub-tabs{border-color:var(--gray-100)}body.dark-mode .hub-tab{color:var(--gray-500)}body.dark-mode .hub-tab:hover{color:#c4b5fd}body.dark-mode .hub-tab.active{color:#c4b5fd;border-color:#a78bfa}body.dark-mode .iepanel{background:var(--white);box-shadow:var(--shadow-sm)}body.dark-mode .iepanel h3{color:#c4b5fd}body.dark-mode .ie-col label{color:var(--gray-500)}body.dark-mode .ie-col input,body.dark-mode .ie-col select{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}body.dark-mode .worker-cb-list{background:var(--gray-50)}body.dark-mode .worker-cb-list label:hover{background:var(--purple-light);color:#c4b5fd}body.dark-mode .drop-zone{background:var(--gray-50);border-color:#4e2a84}body.dark-mode .drop-zone:hover,body.dark-mode .drop-zone.drag-over{background:var(--purple-light)}body.dark-mode .preview-table-wrap{border-color:var(--gray-100)}body.dark-mode .preview-table td{border-color:var(--gray-100);color:var(--gray-700)}body.dark-mode .hours-pill{background:var(--purple-light);color:#c4b5fd}body.dark-mode #attendanceHeatmap>div{background:var(--white)!important;border-color:var(--gray-100)!important}body.dark-mode .toggle-label{color:var(--gray-700)}.dark-mode-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--gray-100);border:1.5px solid var(--gray-300);border-radius:var(--r-full);cursor:pointer;color:var(--gray-500);font-size:17px;transition:all var(--t-fast);flex-shrink:0;user-select:none;-webkit-tap-highlight-color:transparent;padding:0}.dark-mode-btn:hover{background:var(--purple-light);color:var(--purple);border-color:rgba(78,42,132,.3);transform:scale(1.08)}body.dark-mode .dark-mode-btn{background:var(--gray-100);border-color:var(--gray-300);color:#fcd34d}body.dark-mode .dark-mode-btn:hover{background:var(--purple-light);border-color:#4e2a84;color:#fcd34d}body.dark-mode .card>h3{color:#c4b5fd!important}body.dark-mode #contentArea h2{color:#c4b5fd}body.dark-mode #workerSearchInput{background-color:var(--gray-50)!important;border-color:var(--gray-300)!important;color:var(--gray-900)!important}body.dark-mode #workerSearchInput:focus{background-color:var(--white)!important;border-color:var(--purple)!important}body.dark-mode ::-webkit-scrollbar-thumb{background:var(--gray-300)}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}body.dark-mode #contentArea [style*="background:#D1FAE5"],body.dark-mode #contentArea [style*="background: #D1FAE5"]{background:#0a2e1e!important}body.dark-mode #contentArea [style*="background:#ECFDF5"],body.dark-mode #contentArea [style*="background: #ECFDF5"]{background:#0a2e1e!important}body.dark-mode #contentArea [style*="background:#FEF3C7"],body.dark-mode #contentArea [style*="background: #FEF3C7"]{background:#2a1e00!important;color:#fcd34d!important}body.dark-mode #contentArea [style*="background:#DBEAFE"],body.dark-mode #contentArea [style*="background: #DBEAFE"]{background:#0a1e2e!important;color:#93c5fd!important}body.dark-mode #contentArea [style*="background:#FEE2E2"],body.dark-mode #contentArea [style*="background: #FEE2E2"]{background:#2e0a0a!important;color:#fca5a5!important}body.dark-mode #contentArea [style*="background:#EDE9FE"],body.dark-mode #contentArea [style*="background: #EDE9FE"]{background:#2d1f50!important;color:#c4b5fd!important}body.dark-mode #contentArea [style*="background:#F3F4F6"],body.dark-mode #contentArea [style*="background: #F3F4F6"]{background:#252235!important;color:#c4bed8!important}body.dark-mode #contentArea [style*="background:#F1F5F9"],body.dark-mode #contentArea [style*="background: #F1F5F9"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:#F3F0FF"],body.dark-mode #contentArea [style*="background: #F3F0FF"]{background:#2d1f50!important}body.dark-mode #contentArea [style*="background:#EFF6FF"],body.dark-mode #contentArea [style*="background: #EFF6FF"]{background:#0a1e2e!important;color:#93c5fd!important;border-color:#1e3a5f!important}body.dark-mode #contentArea [style*="background:#F0FDF4"],body.dark-mode #contentArea [style*="background: #F0FDF4"]{background:#0a2e1e!important;color:#6ee7b7!important;border-color:#065f46!important}body.dark-mode #contentArea [style*="background:#F5F3FF"],body.dark-mode #contentArea [style*="background: #F5F3FF"]{background:#2d1f50!important;color:#c4b5fd!important}body.dark-mode #contentArea [style*="background:#FFFBEB"],body.dark-mode #contentArea [style*="background: #FFFBEB"]{background:#2a1e00!important;border-color:#7c5a00!important}body.dark-mode #contentArea [style*="background:#FEF2F2"],body.dark-mode #contentArea [style*="background: #FEF2F2"]{background:#2e0a0a!important;border-color:#7f1d1d!important}body.dark-mode #contentArea [style*="background:#E0F2FE"],body.dark-mode #contentArea [style*="background: #E0F2FE"]{background:#0a1e2e!important;color:#7dd3fc!important}body.dark-mode #contentArea [style*="background:#F8FAFC"],body.dark-mode #contentArea [style*="background: #F8FAFC"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:#F9FAFB"],body.dark-mode #contentArea [style*="background: #F9FAFB"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:#F8F7FF"],body.dark-mode #contentArea [style*="background: #F8F7FF"]{background:#2d1f50!important;border-color:#4e2a84!important}body.dark-mode #contentArea [style*="background:#EEF2FF"],body.dark-mode #contentArea [style*="background: #EEF2FF"]{background:#1e1b40!important}body.dark-mode #contentArea [style*="background:white"],body.dark-mode #contentArea [style*="background: white"],body.dark-mode #contentArea [style*="background:#fff"],body.dark-mode #contentArea [style*="background: #fff"],body.dark-mode #contentArea [style*="background:#FFF"],body.dark-mode #contentArea [style*="background: #FFF"],body.dark-mode #contentArea [style*="background:#ffffff"],body.dark-mode #contentArea [style*="background: #ffffff"],body.dark-mode #contentArea [style*="background:#FFFFFF"]{background:#1c1828!important}body.dark-mode .modal-content [style*="background:white"],body.dark-mode .modal-content [style*="background: white"],body.dark-mode .modal-content [style*="background:#fff"],body.dark-mode .modal-content [style*="background: #fff"],body.dark-mode .modal-content [style*="background:#FFF"],body.dark-mode .modal-content [style*="background: #FFF"],body.dark-mode .modal-content [style*="background:#ffffff"],body.dark-mode .modal-content [style*="background:#FFFFFF"]{background:#1c1828!important}body.dark-mode .modal-content [style*="background:#F3F4F6"],body.dark-mode .modal-content [style*="background: #F3F4F6"]{background:#252235!important}body.dark-mode .modal-content [style*="background:#FEF3C7"],body.dark-mode .modal-content [style*="background: #FEF3C7"]{background:#2a1e00!important}body.dark-mode .modal-content [style*="background:#FFFBEB"],body.dark-mode .modal-content [style*="background: #FFFBEB"]{background:#2a1e00!important}body.dark-mode .modal-content [style*="background:#FEF2F2"],body.dark-mode .modal-content [style*="background: #FEF2F2"]{background:#2e0a0a!important}body.dark-mode .modal-content [style*="background:#D1FAE5"],body.dark-mode .modal-content [style*="background: #D1FAE5"]{background:#0a2e1e!important}body.dark-mode .modal-content [style*="background:#EDE9FE"],body.dark-mode .modal-content [style*="background: #EDE9FE"]{background:#2d1f50!important}body.dark-mode .modal-content [style*="background:#EFF6FF"],body.dark-mode .modal-content [style*="background: #EFF6FF"]{background:#0a1e2e!important}body.dark-mode .modal-content [style*="background:#F0FDF4"],body.dark-mode .modal-content [style*="background: #F0FDF4"]{background:#0a2e1e!important}body.dark-mode .modal-content [style*="background:#F5F3FF"],body.dark-mode .modal-content [style*="background: #F5F3FF"]{background:#2d1f50!important}body.dark-mode .modal-content [style*="background: var\(--gray-light\)"],body.dark-mode .modal-content [style*="background:var\(--gray-light\)"]{background:#252235!important}body.dark-mode .modal-content [style*="background:#F8FAFC"],body.dark-mode .modal-content [style*="background: #F8FAFC"]{background:#1e1b2c!important}body.dark-mode .modal-content [style*="background:#F1F5F9"],body.dark-mode .modal-content [style*="background: #F1F5F9"]{background:#1e1b2c!important}body.dark-mode .modal-content [style*="background:#E2E8F0"],body.dark-mode .modal-content [style*="background: #E2E8F0"]{background:#252235!important}body.dark-mode .modal-content [style*="background:#EFF6FF"],body.dark-mode .modal-content [style*="background: #EFF6FF"]{background:#0a1e2e!important}body.dark-mode .modal-content [style*="background:#BFDBFE"],body.dark-mode .modal-content [style*="background: #BFDBFE"]{background:#0a1e2e!important}body.dark-mode .modal-content [style*="background:#FDE68A"],body.dark-mode .modal-content [style*="background: #FDE68A"]{background:#2a1e00!important}body.dark-mode .modal-content [style*="border:1px solid #E2E8F0"],body.dark-mode .modal-content [style*="border-bottom:1px solid #E2E8F0"],body.dark-mode .modal-content [style*="border-bottom:2px solid #E2E8F0"]{border-color:#3a3450!important}body.dark-mode .modal-content [style*="border:1px solid #E5E7EB"]{border-color:#3a3450!important}body.dark-mode .modal-content [style*="color:#1E293B"]{color:#e5e3f0!important}body.dark-mode .modal-content [style*="color:#64748B"]{color:#8a82a8!important}body.dark-mode .modal-content [style*="color:#334155"]{color:#c4bed8!important}body.dark-mode .modal-content [style*="color:#94A3B8"]{color:#6b6485!important}body.dark-mode .modal-content [style*="color:#475569"]{color:#8a82a8!important}body.dark-mode .modal-content [style*="color:#0F172A"]{color:#f1f0f5!important}body.dark-mode #wcModalTabBar{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode #wcPane_att,body.dark-mode #wcPane_leave,body.dark-mode #wcPane_plan,body.dark-mode #wcPane_info{background:#1e1b2c!important}body.dark-mode #wcAttBlock{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode #wcAttMonthSel{background:#1c1828!important;color:#c4bed8!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="border:1px solid #E5E7EB"],body.dark-mode #contentArea [style*="border: 1px solid #E5E7EB"],body.dark-mode #contentArea [style*="border:1.5px solid #E5E7EB"],body.dark-mode #contentArea [style*="border-color:#E5E7EB"]{border-color:#3a3450!important}body.dark-mode #contentArea [style*="border:1px solid #F3F4F6"],body.dark-mode #contentArea [style*="border-color:#F3F4F6"]{border-color:#252235!important}body.dark-mode #contentArea [style*="border:1px solid #D1D5DB"],body.dark-mode #contentArea [style*="border:1.5px solid #D1D5DB"],body.dark-mode #contentArea [style*="border-color:#D1D5DB"]{border-color:#3a3450!important}body.dark-mode #contentArea [style*="border:2px solid #e2e8f0"],body.dark-mode #contentArea [style*="border:2px solid #E2E8F0"],body.dark-mode #contentArea [style*="border-color:#E2E8F0"]{border-color:#3a3450!important}body.dark-mode #contentArea [style*="color:#374151"]{color:#c4bed8!important}body.dark-mode #contentArea [style*="color:#1F2937"]{color:#e5e3f0!important}body.dark-mode #contentArea [style*="color:#4B5563"]{color:#a094c0!important}body.dark-mode #contentArea [style*="color:#6B7280"]{color:#8a82a8!important}body.dark-mode #contentArea [style*="color:#111827"]{color:#f1f0f5!important}body.dark-mode #contentArea [style*="color:#334155"]{color:#c4bed8!important}body.dark-mode .modal-content [style*="color:#374151"]{color:#c4bed8!important}body.dark-mode .modal-content [style*="color:#6B7280"]{color:#8a82a8!important}body.dark-mode .modal-content [style*="color:#111827"]{color:#f1f0f5!important}body.dark-mode #ss-body,body.dark-mode [id="ss-body"]{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode .ss-row,body.dark-mode #contentArea .ss-row{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="background:white;border-radius:0 16px 16px 0"]{background:#1c1828!important}body.dark-mode #contentArea [style*="border:1px solid #E5E7EB;border-radius:0"]{border-color:#3a3450!important}body.dark-mode #ss-nav{background:#151222!important;border-color:#3a3450!important}body.dark-mode #ss-nav button{color:#c4bed8!important}body.dark-mode #ss-nav button:hover{background:#2d1f50!important;color:#c4b5fd!important}body.dark-mode #ss-nav button.active,body.dark-mode #ss-nav .active{background:var(--purple)!important;color:#fff!important}body.dark-mode [id^="otar_"]{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode [id^="otar_"] [style*="background:#FFFBEB"]{background:#2a1e00!important}body.dark-mode [id^="otar_"] [style*="background:#FEF2F2"]{background:#2e0a0a!important}body.dark-mode #contentArea [style*="background:#FFFBEB;border:1px solid #FDE68A"]{background:#2a1e00!important;border-color:#7c5a00!important;color:#fcd34d!important}body.dark-mode [id^="plancard_"]{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode [id^="plancard_"] [style*="background:#F9FAFB"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:white;border-radius:18px"],body.dark-mode #contentArea [style*="background: white;border-radius:18px"]{background:#1c1828!important}body.dark-mode #contentArea [style*="background:white;border-radius:14px"],body.dark-mode #contentArea [style*="background: white;border-radius:14px"]{background:#1c1828!important}body.dark-mode #contentArea [style*="background:white;border-radius:12px"],body.dark-mode #contentArea [style*="background: white;border-radius:12px"]{background:#1c1828!important}body.dark-mode #contentArea [style*="background:white;border-radius:14px;padding:16px 20px"],body.dark-mode #contentArea [style*="background: white;border-radius:14px;padding:16px 20px"]{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="background:#ECFDF5"]{background:#0a2e1e!important}body.dark-mode #contentArea [style*="background:#FFF0F0"],body.dark-mode #contentArea [style*="background:#FFF5F5"]{background:#2e0a0a!important}body.dark-mode #contentArea [style*="background:white;border:1.5px solid var\(--gray-light\)"]{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode #contentArea input[style*="background:#ffffff"],body.dark-mode #contentArea input[style*="background: #ffffff"],body.dark-mode #contentArea input[style*="background:white"]{background:#1e1b2c!important;border-color:#3a3450!important;color:#f1f0f5!important}body.dark-mode #contentArea select[style*="background:white"],body.dark-mode #contentArea select[style*="background:#F5F3FF"]{background:#2d1f50!important;border-color:#4e2a84!important;color:#c4b5fd!important}body.dark-mode #contentArea select[style*="background:white"]{background:#1e1b2c!important}body.dark-mode [style*="background:#fff;border-radius:12px;box-shadow"],body.dark-mode [style*="background: #fff;border-radius:12px;box-shadow"]{background:#1c1828!important;border:1px solid #3a3450!important}body.dark-mode [style*="background:#fff;border-radius:12px;box-shadow"] [style*="background:#FEE2E2"]{background:#2e0a0a!important}body.dark-mode #contentArea [style*="background:#FEF2F2;border:2px solid #FECACA"]{background:#2e0a0a!important;border-color:#7f1d1d!important}body.dark-mode #contentArea [style*="background:white;border:1px solid #FECACA"]{background:#1c1828!important;border-color:#7f1d1d!important}body.dark-mode [style*="position:fixed;inset:0;background:rgba\(0,0,0"]>[style*="background:white"]{background:#1c1828!important}body.dark-mode [style*="background:white;width:100%;max-width:600px;border-radius"]{background:#1c1828!important}body.dark-mode #contentArea input:not([type="checkbox"]):not([type="radio"]) {background:#1e1b2c;border-color:#3a3450;color:#f1f0f5}body.dark-mode #contentArea textarea{background:#1e1b2c;border-color:#3a3450;color:#f1f0f5}body.dark-mode #contentArea select{background:#1e1b2c;border-color:#3a3450;color:#f1f0f5}body.dark-mode .modal-content input:not([type="checkbox"]):not([type="radio"]) {background:#1e1b2c!important;border-color:#3a3450!important;color:#f1f0f5!important}body.dark-mode .modal-content textarea{background:#1e1b2c!important;border-color:#3a3450!important;color:#f1f0f5!important}body.dark-mode .modal-content select{background:#1e1b2c!important;border-color:#3a3450!important;color:#f1f0f5!important}body.dark-mode #contentArea [style*="background:#F8F7FF;border:1.5px solid #E5E1F8"]{background:#2d1f50!important;border-color:#4e2a84!important}body.dark-mode #contentArea [style*="background:#F0FDF4;border:1px solid #BBF7D0"]{background:#0a2e1e!important;border-color:#065f46!important}body.dark-mode #contentArea [style*="background:#FFF1F2;border:1px solid #FECDD3"]{background:#2e0a0a!important;border-color:#7f1d1d!important}body.dark-mode #contentArea [style*="background:#e5e7eb;border-radius:4px;height:8px"],body.dark-mode #contentArea [style*="background:#E5E7EB;border-radius"]{background:#3a3450!important}body.dark-mode #contentArea [style*="background:white;border-radius:14px;box-shadow:0 2px 12px"]{background:#1c1828!important}body.dark-mode #contentArea [style*="border:1px solid #E5E7EB;border-radius:10px;padding:12px 14px;margin-bottom:8px;background:#fff"]{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="background:#EFF6FF;border:1px solid #BFDBFE"]{background:#0a1e2e!important;border-color:#1e3a5f!important;color:#93c5fd!important}body.dark-mode #contentArea [style*="background:#F0FDF4;border:1px solid #BBF7D0"]{background:#0a2e1e!important;border-color:#065f46!important;color:#6ee7b7!important}body.dark-mode #contentArea [style*="background:#F5F3FF;border-radius:10px"]{background:#2d1f50!important;color:#c4b5fd!important}body.dark-mode #contentArea [style*="background:white;border-radius:14px;padding:16px 20px;box-shadow"]{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode #contentArea>div>[style*="background:white"],body.dark-mode #contentArea>div>[style*="background: white"]{background:#1c1828!important}body.dark-mode #contentArea table tbody tr:hover{background:#252235!important}body.dark-mode #contentArea table thead th{background:#1e1b2c!important;color:#8a82a8!important;border-color:#3a3450!important}body.dark-mode #contentArea table tbody td{color:#c4bed8!important;border-color:#3a3450!important}body.dark-mode .preview-table thead th{background:#4e2a84!important;color:#fff!important}body.dark-mode .preview-table tbody td{background:#1c1828!important;border-color:#3a3450!important;color:#c4bed8!important}body.dark-mode #contentArea [style*="background: var\(--gray-light\)"],body.dark-mode #contentArea [style*="background:var\(--gray-light\)"]{background:#252235!important}body.dark-mode #contentArea [style*="background:#F8F8FB"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:#faf5ff"]{background:#2d1f50!important}body.dark-mode #contentArea [style*="background:#faf5ff"],body.dark-mode #contentArea .drop-zone{background:#2d1f50!important}body.dark-mode #ss-nav{background:#151222!important;border-color:#3a3450!important}body.dark-mode #ss-body{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode #ss-wrap{border-color:#3a3450!important}body.dark-mode .ss-row{background:#1c1828!important;border-color:#3a3450!important;color:#c4bed8!important}body.dark-mode .ss-row:hover{background:#252235!important;box-shadow:0 2px 8px rgba(0,0,0,.4)!important}body.dark-mode .ss-row.inactive{background:#151222!important}body.dark-mode .ss-input{background:#1e1b2c!important;border-color:#3a3450!important;color:#f1f0f5!important}body.dark-mode .ss-label{color:#c4bed8!important}body.dark-mode .ss-btn-ghost{background:#252235!important;color:#c4bed8!important;border-color:#3a3450!important}body.dark-mode .ss-btn-danger{background:#2e0a0a!important;color:#f87171!important;border-color:#7f1d1d!important}body.dark-mode .ss-section-title{color:#f1f0f5!important}body.dark-mode .ss-section-sub{color:#8a82a8!important}body.dark-mode .ss-divider{background:#3a3450!important}.bk-tile{background:#fff;border:1.5px solid #e5e7eb}.bk-tile-purple{border-color:#ede9fe!important}.bk-tile-blue{border-color:#dbeafe!important}.bk-tile-green{border-color:#d1fae5!important}.bk-tile-amber{border-color:#fef3c7!important}.bk-label-purple{color:#7c3aed}.bk-label-blue{color:#1d4ed8}.bk-label-green{color:#065f46}.bk-label-amber{color:#92400e}.bk-value-purple{color:#4e2a84}.bk-value-blue{color:#1e40af}.bk-value-green{color:#064e3b}.bk-value-amber{color:#78350f}.bk-tile-sub{color:#9ca3af}.bk-card{background:#fff;border:1.5px solid #e5e7eb}.bk-card-header{border-bottom:1px solid #f3f4f6}.bk-card-body{background:#fafafa}.bk-card-footer{background:#fff}.bk-card-title{color:#111827}.bk-hint{color:#9ca3af}.bk-icon-purple{background:#f5f3ff}.bk-icon-green{background:#f0fdf4}.bk-icon-blue{background:#eff6ff}.bk-hist-rows{}.bk-hist-row{background:#fff;border-bottom:1px solid #f3f4f6;transition:background .15s}.bk-hist-row:hover{background:#f9f5ff}.bk-hist-row-latest{background:#fafaf9}.bk-hist-row:last-child{border-bottom:none}.bk-index{background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280}.bk-index-latest{background:#f5f3ff!important;border-color:#ddd6fe!important;color:#5b21b6!important}.bk-filename{color:#111827}.bk-path-code{background:#d1fae5;color:#064e3b}.bk-security{background:#fff7ed;border:1.5px solid #fed7aa}.bk-security-text{color:#92400e}.bk-cron-card{background:#0f172a;border:1.5px solid #1e3a5f}.bk-cron-header{background:#1e3a5f;border-bottom:1px solid rgba(255,255,255,.08)}.bk-cron-body{background:#0f172a}.bk-code-block{background:#1e293b;border:1px solid rgba(255,255,255,.1)}body.dark-mode .bk-tile{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode .bk-tile-purple{border-color:#3a2f6e!important}body.dark-mode .bk-tile-blue{border-color:#1e3a5f!important}body.dark-mode .bk-tile-green{border-color:#0a2e1e!important}body.dark-mode .bk-tile-amber{border-color:#2a1e00!important}body.dark-mode .bk-label-purple{color:#a78bfa!important}body.dark-mode .bk-label-blue{color:#60a5fa!important}body.dark-mode .bk-label-green{color:#34d399!important}body.dark-mode .bk-label-amber{color:#fcd34d!important}body.dark-mode .bk-value-purple{color:#c4b5fd!important}body.dark-mode .bk-value-blue{color:#93c5fd!important}body.dark-mode .bk-value-green{color:#6ee7b7!important}body.dark-mode .bk-value-amber{color:#fde68a!important}body.dark-mode .bk-tile-sub{color:#6b7280!important}body.dark-mode .bk-card{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode .bk-card-header{border-color:#2d2840!important}body.dark-mode .bk-card-body{background:#151222!important}body.dark-mode .bk-card-footer{background:#1c1828!important}body.dark-mode .bk-card-title{color:#f1f0f5!important}body.dark-mode .bk-hint{color:#5a5470!important}body.dark-mode .bk-icon-purple{background:#2d1f50!important}body.dark-mode .bk-icon-green{background:#0a2e1e!important}body.dark-mode .bk-icon-blue{background:#0a1e2e!important}body.dark-mode .bk-hist-rows{}body.dark-mode .bk-hist-row{background:#1c1828!important;border-color:#2d2840!important;color:#c4bed8!important}body.dark-mode .bk-hist-row:hover{background:#252235!important}body.dark-mode .bk-hist-row-latest{background:#211e30!important}body.dark-mode .bk-index{background:#252235!important;border-color:#3a3450!important;color:#8a82a8!important}body.dark-mode .bk-index-latest{background:#2d1f50!important;border-color:#4c3a8c!important;color:#a78bfa!important}body.dark-mode .bk-filename{color:#c4bed8!important}body.dark-mode .bk-path-code{background:#0a2e1e!important;color:#6ee7b7!important}body.dark-mode .bk-security{background:#2a1e00!important;border-color:#78350f!important}body.dark-mode .bk-security-text{color:#fde68a!important}.bk-icon-wrap{display:flex;align-items:center;justify-content:center}.bk-tile-label{}.bk-tile-value{}.bk-tile-value-sm{}.bk-badge-on{background:#d1fae5;color:#065f46}.bk-badge-off{background:#f3f4f6;color:#6b7280}body.dark-mode .bk-icon-wrap{}body.dark-mode .bk-badge-on{background:#0a2e1e!important;color:#34d399!important}body.dark-mode .bk-badge-off{background:#252235!important;color:#8a82a8!important}body.dark-mode .ss-badge{}body.dark-mode #ss-nav [data-ss-tab]{color:#c4bed8!important}body.dark-mode #ss-nav [data-ss-tab][style*="background: var\(--purple\)"],body.dark-mode #ss-nav [data-ss-tab][style*="background:var\(--purple\)"]{background:var(--purple)!important;color:#fff!important}body.dark-mode #ss-nav [data-ss-tab][style*="background: transparent"],body.dark-mode #ss-nav [data-ss-tab][style*="background:transparent"]{color:#c4bed8!important}body.dark-mode #ss-nav [data-ss-tab]:hover{background:#2d1f50!important;color:#c4b5fd!important}body.dark-mode .hub-tabs{border-color:#3a3450}body.dark-mode .hub-tab{color:#8a82a8}body.dark-mode .iepanel{background:#1c1828;box-shadow:0 2px 12px rgba(0,0,0,.5)}body.dark-mode .iepanel h3{color:#c4b5fd}body.dark-mode .ie-col label{color:#8a82a8}body.dark-mode .ie-col input,body.dark-mode .ie-col select{background:#1e1b2c;border-color:#3a3450;color:#f1f0f5}body.dark-mode .worker-cb-list{background:#1e1b2c}body.dark-mode .worker-cb-list label{color:#c4bed8}body.dark-mode .worker-cb-list label:hover{background:#2d1f50;color:#c4b5fd}body.dark-mode .drop-zone{background:#2d1f50;border-color:#6d28d9}body.dark-mode .drop-zone:hover,body.dark-mode .drop-zone.drag-over{background:#3a2560}body.dark-mode .preview-table-wrap{border-color:#3a3450}body.dark-mode .preview-table td{background:#1c1828;border-color:#3a3450;color:#c4bed8}body.dark-mode .hours-pill{background:#2d1f50;color:#c4b5fd}body.dark-mode .dash-shift-bar{background:#1c1828;border-color:#3a3450}body.dark-mode .shift-pill{background:#1e1b2c;color:#a78bfa;border-color:#6d28d9}body.dark-mode .shift-pill--active{background:var(--purple);color:#fff}body.dark-mode .shift-pill--clear{border-color:#ef4444;color:#f87171}body.dark-mode .health-issue-card{background:#1c1828;border-color:#3a3450}body.dark-mode #contentArea [style*="background:#F2EEF9"],body.dark-mode #contentArea [style*="background: #F2EEF9"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:#F9F7FD"],body.dark-mode #contentArea [style*="background: #F9F7FD"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:#EDE8F7"],body.dark-mode #contentArea [style*="background: #EDE8F7"]{background:#2d1f50!important}body.dark-mode #contentArea [style*="background:#FAFAFA"],body.dark-mode #contentArea [style*="background: #FAFAFA"]{background:#1a1725!important}body.dark-mode #contentArea [style*="background:#E8F5E9"],body.dark-mode #contentArea [style*="background: #E8F5E9"]{background:#0a2e1e!important}body.dark-mode #contentArea [style*="background:#FFF7ED"],body.dark-mode #contentArea [style*="background: #FFF7ED"]{background:#2a1800!important}body.dark-mode #contentArea [style*="background:#E2E8F0"],body.dark-mode #contentArea [style*="background: #E2E8F0"]{background:#252235!important}body.dark-mode #contentArea [style*="color:#065F46"]{color:#34d399!important}body.dark-mode #contentArea [style*="color:#075985"]{color:#7dd3fc!important}body.dark-mode #contentArea [style*="color:#0C4A6E"]{color:#7dd3fc!important}body.dark-mode #contentArea [style*="color:#1D4ED8"]{color:#93c5fd!important}body.dark-mode #contentArea [style*="color:#1E3A8A"]{color:#93c5fd!important}body.dark-mode #contentArea [style*="color:#1E40AF"]{color:#93c5fd!important}body.dark-mode #contentArea [style*="color:#1F2937"]{color:#e5e3f0!important}body.dark-mode #contentArea [style*="color:#334155"]{color:#c4bed8!important}body.dark-mode #contentArea [style*="color:#5B21B6"]{color:#c4b5fd!important}body.dark-mode #contentArea [style*="color:#78350F"]{color:#fbbf24!important}body.dark-mode #contentArea [style*="color:#92400E"]{color:#fcd34d!important}body.dark-mode #contentArea [style*="color:#7C3AED"]{color:#c4b5fd!important}body.dark-mode #contentArea [style*="color:#6D28D9"]{color:#c4b5fd!important}body.dark-mode #contentArea [style*="color:#4338CA"]{color:#a5b4fc!important}body.dark-mode .modal-content [style*="color:#065F46"]{color:#34d399!important}body.dark-mode .modal-content [style*="color:#1D4ED8"]{color:#93c5fd!important}body.dark-mode .modal-content [style*="color:#334155"]{color:#c4bed8!important}body.dark-mode .modal-content [style*="color:#5B21B6"]{color:#c4b5fd!important}body.dark-mode .modal-content [style*="color:#92400E"]{color:#fcd34d!important}body.dark-mode #contentArea [style*="border-color:#D1D5DB"],body.dark-mode #contentArea [style*="border:1px solid #D1D5DB"],body.dark-mode #contentArea [style*="border:2px solid #D1D5DB"],body.dark-mode #contentArea [style*="border:1.5px solid #D1D5DB"]{border-color:#3a3450!important}body.dark-mode #contentArea [style*="border:1px solid #f1f5f9"],body.dark-mode #contentArea [style*="border:1px solid #F1F5F9"]{border-color:#252235!important}body.dark-mode #contentArea [style*="border:2px solid #e2e8f0"],body.dark-mode #contentArea [style*="border:2px solid #E2E8F0"]{border-color:#3a3450!important}body.dark-mode #contentArea [style*="border:1px solid #BFDBFE"]{border-color:#1e3a5f!important}body.dark-mode #contentArea [style*="border:1px solid #BBF7D0"]{border-color:#065f46!important}body.dark-mode #contentArea [style*="border:1.5px solid #E5E1F8"]{border-color:#4e2a84!important}body.dark-mode #contentArea [style*="border:1px solid #FDE68A"],body.dark-mode #contentArea [style*="border:1.5px solid #FDE68A"]{border-color:#7c5a00!important}body.dark-mode #contentArea [style*="border:1.5px solid #F59E0B"],body.dark-mode #contentArea [style*="border:2px solid #F59E0B"]{border-color:#b45309!important}body.dark-mode #contentArea [style*="border:1px solid #FECACA"],body.dark-mode #contentArea [style*="border:2px solid #FECACA"]{border-color:#7f1d1d!important}body.dark-mode #contentArea [style*="border:1.5px solid #FCA5A5"]{border-color:#7f1d1d!important}body.dark-mode #contentArea [style*="border:1.5px solid #6EE7B7"],body.dark-mode #contentArea [style*="border:2px solid #6EE7B7"]{border-color:#065f46!important}body.dark-mode #contentArea [style*="border:2px solid #D8CEF0"]{border-color:#4e2a84!important}body.dark-mode #contentArea [style*="border:1px solid #E5E1F8"],body.dark-mode #contentArea [style*="border:1.5px solid #E5E1F8"]{border-color:#4e2a84!important}body.dark-mode #att-grid-wrap [data-wid]{background:#1e1b2c;border-color:#3a3450}body.dark-mode #att-grid-wrap [data-wid]:hover{border-color:rgba(167,139,250,.4);background:#252235}body.dark-mode #contentArea [style*="background:linear-gradient\(135deg,#0F172A"] input{color:#fff!important}body.dark-mode #contentArea [style*="background:white;color:"][style*="border:1.5px solid"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:#F8F7FF;border:1.5px solid #E5E1F8"],body.dark-mode #contentArea [style*="background:#F8F7FF"]{background:#2d1f50!important;border-color:#4e2a84!important}body.dark-mode #contentArea [style*="background:white;border-radius:14px;padding"]{background:#1c1828!important}body.dark-mode #contentArea [style*="background:white;"][style*="border:2px solid"],body.dark-mode #contentArea [style*="background: white;"][style*="border:2px solid"]{background:#1e1b2c!important}body.dark-mode [style*="background:white;width:100%;max-width"]{background:#1c1828!important;color:#f1f0f5!important}body.dark-mode [style*="background:white;border-radius:20px 20px 0 0"]{background:#1c1828!important}body.dark-mode [style*="border-radius:20px 20px 0 0"] input,body.dark-mode [style*="border-radius:20px 20px 0 0"] select,body.dark-mode [style*="border-radius:20px 20px 0 0"] textarea{background:#1e1b2c!important;border-color:#3a3450!important;color:#f1f0f5!important}body.dark-mode #contentArea [style*="background:none;border:none"][style*="padding:9px 20px"]{color:#c4bed8!important}body.dark-mode #contentArea input[type="date"]{background:#1e1b2c!important;border-color:#3a3450!important;color:#f1f0f5!important;color-scheme:dark}body.dark-mode .modal-content input[type="date"]{background:#1e1b2c!important;border-color:#3a3450!important;color:#f1f0f5!important;color-scheme:dark}body.dark-mode select{color-scheme:dark}body.dark-mode #contentArea select{color-scheme:dark}body.dark-mode input:-webkit-autofill,body.dark-mode input:-webkit-autofill:hover,body.dark-mode input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #1e1b2c inset!important;-webkit-text-fill-color:#f1f0f5!important;caret-color:#f1f0f5!important}body.dark-mode #contentArea .worker-card,body.dark-mode #contentArea [id^="wcard_"]{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="background:#EDE9F7"],body.dark-mode #contentArea [style*="background: #EDE9F7"]{background:#2d1f50!important;color:#c4b5fd!important}body.dark-mode #contentArea [style*="background:#FFFBEB;color:#92400E"]{background:#2a1e00!important;color:#fcd34d!important}body.dark-mode #contentArea [style*="background:linear-gradient\(135deg,#4E2A84,#6540A8\)"]{color:#fff!important}body.dark-mode #contentArea [style*="background:rgba\(255,255,255,.2\)"]{background:rgba(255,255,255,.12)!important}body.dark-mode #contentArea [style*="height:8px"][style*="border-radius:4px"]:not([style*="background:#"]):not([style*="background:rgb"]) {background:#3a3450!important}body.dark-mode #contentArea [style*="background:#e5e7eb"]{background:#3a3450!important}body.dark-mode #contentArea [style*="background:#E5E7EB"]{background:#3a3450!important}body.dark-mode #contentArea [style*="background:#F5F3FF;font-weight:700"]{background:#2d1f50!important;color:#c4b5fd!important}body.dark-mode #contentArea [style*="border:none;flex:1"][style*="background:white"]{background:#1e1b2c!important;color:#f1f0f5!important}body.dark-mode #contentArea [style*="color:#065F46;border-radius:10px"]{color:#34d399!important}body.dark-mode #contentArea [style*="color:#075985;border-radius:10px"]{color:#7dd3fc!important}body.dark-mode #contentArea [style*="color:#92400E;border-radius:10px"]{color:#fcd34d!important}body.dark-mode #contentArea [style*="color:#1E3A8A;border-radius:10px"]{color:#93c5fd!important}body.dark-mode #contentArea [style*="color:#991B1B;border-radius:10px"]{color:#fca5a5!important}body.dark-mode #contentArea [style*="color:#5B21B6;border-radius:10px"]{color:#c4b5fd!important}body.dark-mode #contentArea [style*="color:#334155;border-radius:10px"]{color:#c4bed8!important}body.dark-mode #contentArea [style*="color:#4E2A84;border-radius:10px"]{color:#c4b5fd!important}body.dark-mode .dash-shift-bar input[type="date"]{background:transparent!important;color:#f1f0f5!important;color-scheme:dark}body.dark-mode #contentArea [style*="overflow-y:auto"][style*="background:#F"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="overflow-y: auto"][style*="background:#F"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:white;color:"][style*="border:1.5px solid"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:#FEF2F2;border:2px solid #FECACA;border-radius:12px"]{background:#2e0a0a!important;border-color:#7f1d1d!important}body.dark-mode #contentArea *[style*="background:#fff;"],body.dark-mode #contentArea *[style*="background: #fff;"],body.dark-mode #contentArea *[style*="background:#FFF;"],body.dark-mode #contentArea *[style*="background:#ffffff;"],body.dark-mode #contentArea *[style*="background:#FFFFFF;"]{background:#1c1828!important}body.dark-mode .modal-content *[style*="background:#fff;"],body.dark-mode .modal-content *[style*="background: #fff;"],body.dark-mode .modal-content *[style*="background:#FFF;"],body.dark-mode .modal-content *[style*="background:#ffffff;"]{background:#1c1828!important}body.dark-mode #contentArea *[style$="background:#fff"],body.dark-mode #contentArea *[style$="background: #fff"],body.dark-mode #contentArea *[style$="background:white"],body.dark-mode #contentArea *[style$="background: white"]{background:#1c1828!important}body.dark-mode #kioskScreen{background:#0f0d15!important;color:#f1f0f5}body.dark-mode #kioskScreen .kc{background:#1e1b2c!important;box-shadow:0 2px 10px rgba(0,0,0,.45) , 0 1px 3px rgba(0,0,0,.3)!important}body.dark-mode #kioskScreen .k-ini{background:linear-gradient(160deg,#2d1f50 0%,#1e1b2c 100%)!important;color:#c4b5fd!important}body.dark-mode #kioskScreen .k-shift-body{background:#1c1828!important}body.dark-mode #kioskScreen .k-shift-box{border-color:rgba(167,139,250,.12)!important}body.dark-mode #kioskScreen [style*="background:#fff;border-bottom:1.5px solid #EDE8F7"],body.dark-mode #kioskScreen [style*="background:#fff;border-bottom"]{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode #kioskScreen [style*="background:#F9F7FD;border-bottom"]{background:#151222!important;border-color:#3a3450!important}body.dark-mode #kioskScreen [style*="background:#FAFAFA"]{background:#1a1725!important;color:#8a82a8!important;border-color:#3a3450!important}body.dark-mode #kioskScreen input{background:#1e1b2c!important;border-color:#3a3450!important;color:#f1f0f5!important}body.dark-mode #kioskScreen input::placeholder{color:#6b7280!important}body.dark-mode #kioskScreen [style*="background:#EDE8F7;"][style*="border-radius:50%"]{background:#2d1f50!important}body.dark-mode #kioskScreen [style*="background:#fff;border-radius:14px;overflow:hidden"]{background:#1c1828!important}body.dark-mode #kioskScreen [data-fm-wid]{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode #kioskScreen .k-long-menu,body.dark-mode .k-long-menu{background:#1c1828!important;border-color:#3a3450!important;box-shadow:0 12px 40px rgba(0,0,0,.7)!important}body.dark-mode #kioskScreen .k-long-hdr,body.dark-mode .k-long-hdr{color:#6b7280!important;border-color:#3a3450!important}body.dark-mode #kioskScreen .k-long-item,body.dark-mode .k-long-item{color:#e5e3f0!important;border-color:#3a3450!important}body.dark-mode #kioskScreen .k-long-item:hover,body.dark-mode #kioskScreen .k-long-item:active,body.dark-mode .k-long-item:hover,body.dark-mode .k-long-item:active{background:#252235!important}body.dark-mode .k-long-icon[style*="background:#EEF2FF"]{background:#1e1b40!important}body.dark-mode .k-long-icon[style*="background:#FFF7ED"]{background:#2a1800!important}body.dark-mode .k-long-icon[style*="background:#FEE2E2"]{background:#2e0a0a!important}body.dark-mode .k-long-icon[style*="background:#FEF3C7"]{background:#2a1e00!important}body.dark-mode .k-long-icon[style*="background:#F8FAFC"]{background:#252235!important}body.dark-mode #kioskScreen [style*="background:#fff;border-radius:20px"],body.dark-mode #kioskScreen [style*="background: #fff;border-radius:20px"],body.dark-mode #kioskScreen [style*="background:#fff;border-radius:22px"]{background:#1c1828!important;color:#f1f0f5!important}body.dark-mode #kioskScreen [style*="background:#fff;"][style*="max-width:400px"]{background:#1c1828!important}body.dark-mode #kioskScreen [style*="background:#fff;"][style*="max-width:420px"]{background:#1c1828!important}body.dark-mode #kioskScreen [style*="background:#fff;"][style*="max-width:440px"]{background:#1c1828!important}body.dark-mode #kioskScreen [style*="background:#fff;"][style*="max-width:680px"]{background:#1c1828!important}body.dark-mode #kioskScreen .rv-opt,body.dark-mode #kioskScreen [style*="border:1.5px solid #E2E8F0;background:#fff"]{background:#252235!important;border-color:#3a3450!important;color:#e5e3f0!important}body.dark-mode #kioskScreen [style*="border:2px solid #E2E8F0;background:#fff"]{background:#252235!important;border-color:#3a3450!important;color:#e5e3f0!important}body.dark-mode #kioskScreen [style*="background:#F1F5F9;color:#475569"],body.dark-mode #kioskScreen [style*="background:#F1F5F9;color:#64748B"]{background:#252235!important;color:#8a82a8!important;border-color:#3a3450!important}body.dark-mode #kioskScreen #s2-yes[style*="background:#fff"],body.dark-mode #kioskScreen #s2-no[style*="background:#fff"],body.dark-mode #kioskScreen #rv-cancel{background:#252235!important}body.dark-mode #kioskScreen [style*="background:#F8FAFC;border:1px solid #E2E8F0"]{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode #kioskScreen [style*="background:#F8FAFC"]{background:#1e1b2c!important}body.dark-mode #kioskScreen [style*="background:#FFFBEB;border-bottom:1px solid #FDE68A"]{background:#2a1e00!important;border-color:#7c5a00!important}body.dark-mode #kioskScreen [style*="background:#FEF3C7;border-bottom:2px solid #FCD34D"]{background:#2a1e00!important;border-color:#7c5a00!important;color:#fcd34d!important}body.dark-mode #kioskScreen [style*="background:#fff;border:1px solid #FDE68A"]{background:#1c1828!important;border-color:#7c5a00!important}body.dark-mode #kioskScreen [style*="background:#FAFAFA;"][style*="border-top"]{background:#151222!important;border-color:#3a3450!important}body.dark-mode #kioskScreen [style*="background:#F8FAFC;"][style*="border-top"]{background:#151222!important;border-color:#3a3450!important}body.dark-mode #kioskScreen textarea{background:#1e1b2c!important;border-color:#3a3450!important;color:#f1f0f5!important}body.dark-mode #kioskScreen [style*="background:#fff;border-radius:14px;overflow:hidden;"][style*="data-cswid"]{background:#1e1b2c!important}body.dark-mode #kioskScreen [style*="background:#FEF2F2"]{background:#2e0a0a!important}body.dark-mode #kioskScreen [style*="background:#F8FAFC;"][style*="height:100vh"]{background:#0f0d15!important}body.dark-mode #kioskScreen [style*="background:#fff;border:2px solid #E2E8F0;border-radius:12px"]{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode #kioskScreen [style*="background:white;border-radius:12px"]{background:#1c1828!important}body.dark-mode #kioskScreen select{background:#1e1b2c!important;border-color:#3a3450!important;color:#f1f0f5!important;color-scheme:dark}body.dark-mode #kioskScreen [style*="background:#F1F5F9;overflow:hidden;"][style*="height:3px"]{background:#3a3450!important}body.dark-mode #kioskScreen #k-pending-retry{background:rgba(255,255,255,.9)!important;color:#dc2626!important}body.dark-mode #kioskScreen [style*="background:#EDE8F7;border:1.5px solid #D8CEF0"]{background:#2d1f50!important;border-color:#4e2a84!important;color:#c4b5fd!important}body.dark-mode #kioskScreen [style*="border:1.5px solid #E2E8F0"]{border-color:#3a3450!important}body.dark-mode #kioskScreen [style*="border:2px solid #E2E8F0"]{border-color:#3a3450!important}body.dark-mode #kioskScreen [style*="border:1px solid #E2E8F0"]{border-color:#3a3450!important}body.dark-mode #kioskScreen [style*="border-color:#E2E8F0"]{border-color:#3a3450!important}body.dark-mode #kioskScreen [style*="border-bottom:1.5px solid #EDE8F7"]{border-color:#2d1f50!important}body.dark-mode #kioskScreen [style*="border:1px solid #F1F5F9"]{border-color:#252235!important}body.dark-mode .shift-pill{background:#1e1b2c!important;color:#a78bfa!important;border-color:#6d28d9!important}body.dark-mode .shift-pill--active{background:var(--purple)!important;color:#fff!important}body.dark-mode .shift-pill--clear{background:#2e0a0a!important;color:#f87171!important;border-color:#ef4444!important}body.dark-mode #contentArea [style*="background:white;border-radius:14px;padding:16px 20px;margin-bottom:16px"]{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="background:white;border-radius:18px"]{background:#1c1828!important}body.dark-mode #contentArea [style*="background:#F3F4F6;border-radius:20px;height:10px"]{background:#3a3450!important}body.dark-mode #contentArea [style*="background:#F8FAFC;border-bottom:2px solid #E2E8F0"]{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode #contentArea tr[style*="background:#F8FAFC"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:#F8FAFC;border-radius:12px;padding:14px 18px"]{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="background:#EFF6FF;border:2px solid #93C5FD"]{background:#0a1e2e!important;border-color:#1e3a5f!important}body.dark-mode #contentArea [style*="background:#F0FDF4;border:1.5px solid #6EE7B7"]{background:#0a2e1e!important;border-color:#065f46!important}body.dark-mode #contentArea th[style*="color:#475569"]{color:#8a82a8!important}body.dark-mode #contentArea [style*="color:#6366F1"]{color:#a5b4fc!important}body.dark-mode #contentArea [style*="background:#F3F4F6;color:#6B7280;padding:1px 7px;border-radius:10px"]{background:#252235!important;color:#8a82a8!important}body.dark-mode [id^="plancard_"] [style*="background:#F9FAFB"]{background:#1a1725!important}body.dark-mode #contentArea [style*="background:white;width:100%;max-width:600px;border-radius:20px 20px 0 0"]{background:#1c1828!important}body.dark-mode #contentArea [style*="background:white;border-radius:14px;padding:14px 4px 10px 4px"]{background:#1c1828!important}body.dark-mode #contentArea [style*="background:#F9FAFB;border-radius:6px;border-left:2px solid"]{background:#1a1725!important}body.dark-mode #contentArea [style*="background:#F3F4F6;color:#374151;border:1px solid #D1D5DB"]{background:#252235!important;color:#c4bed8!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="padding:12px 20px;background:#F3F4F6;color:#374151"]{background:#252235!important;color:#c4bed8!important}body.dark-mode #contentArea [style*="padding:5px 10px;background:#F3F4F6;color:#374151"]{background:#252235!important;color:#c4bed8!important}body.dark-mode #contentArea [style*="padding:4px 9px;background:#F3F4F6;color:#374151"]{background:#252235!important;color:#c4bed8!important}body.dark-mode #contentArea [style*="color:#374151"]{color:#c4bed8!important}body.dark-mode #contentArea [style*="color:#111827"]{color:#f1f0f5!important}body.dark-mode #contentArea [style*="background:#F8FAFC;border-radius:12px;border:1.5px solid #E5E7EB"]{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="border-top:1px solid #F1F5F9;background:#FAFAFA;border-radius:0 0 12px 12px"]{background:#1a1725!important;border-color:#252235!important}body.dark-mode #contentArea [style*="border-radius:12px;margin-bottom:10px;overflow:hidden;background:#fff"]{background:#1c1828!important}body.dark-mode #contentArea [style*="padding:9px 14px;background:#F9FAFB;border-bottom:1px solid #E5E7EB"]{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="margin-bottom:5px;background:#F9FAFB;border:1px solid #E5E7EB"]{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="background:#FEF3C7;color:#92400E;padding:1px 6px;border-radius:8px"]{background:#2a1e00!important;color:#fcd34d!important}body.dark-mode #contentArea [style*="background:#F3F4F6;color:#6B7280;padding:1px 6px;border-radius:8px"]{background:#252235!important;color:#8a82a8!important}body.dark-mode #contentArea [style*="background:#F0FDF4;color:"]{background:#0a2e1e!important}body.dark-mode #hb-add-err,body.dark-mode #hb-edit-err{background:#2e0a0a!important;color:#fca5a5!important}body.dark-mode #contentArea [style*="background:#F8FAFC;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;color:#374151"]{background:#1e1b2c!important;color:#c4bed8!important}body.dark-mode #contentArea [style*="background:#F3F4F6"][style*="border-radius:20px"][style*="padding:7px 16px"]{background:#252235!important;color:#8a82a8!important;border-color:#3a3450!important}body.dark-mode #contentArea span[style*="background:white;color:"][style*="border:1.5px solid"][style*="border-radius:20px"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:#F8F7FF;border:1.5px solid #E5E1F8;border-radius:20px"]{background:#2d1f50!important;border-color:#4e2a84!important}body.dark-mode #contentArea [style*="background:#FEF3C7;color:#92400E;border:1.5px solid #F59E0B"]{background:#2a1e00!important;color:#fcd34d!important;border-color:#7c5a00!important}body.dark-mode #contentArea [style*="background:#FFFBEB;border:1.5px solid #F59E0B"]{background:#2a1e00!important;border-color:#7c5a00!important}body.dark-mode .modal-content [style*="background:#FEF3C7;border:1.5px solid #F59E0B"]{background:#2a1e00!important;border-color:#7c5a00!important}body.dark-mode #contentArea [id="statusBtn_missing_photo"]{background:#2a1800!important;color:#fbbf24!important;border-color:#b45309!important}body.dark-mode #contentArea textarea[style*="background:white;"][style*="font-family:monospace"],body.dark-mode .modal-content textarea[style*="background:white;"][style*="font-family:monospace"]{background:#1e1b2c!important;color:#f1f0f5!important;border-color:#3a3450!important}body.dark-mode #singleShiftSelect{background:#1e1b2c!important;color:#f1f0f5!important;border-color:#3a3450!important}body.dark-mode .modal-content [style*="background:#FEF2F2;border:2px solid #EF4444"]{background:#2e0a0a!important;border-color:#7f1d1d!important}body.dark-mode .modal-content [style*="background:#FEF2F2;border:2px solid #FCA5A5"]{background:#2e0a0a!important;border-color:#7f1d1d!important}body.dark-mode .modal-content [style*="background:#FEF3C7;border:2px solid #F59E0B"]{background:#2a1e00!important;border-color:#7c5a00!important}body.dark-mode .modal-content [style*="color:#1F2937"]{color:#e5e3f0!important}body.dark-mode .modal-content [style*="color:#374151"]{color:#c4bed8!important}body.dark-mode .modal-content [style*="color:#111827"]{color:#f1f0f5!important}body.dark-mode .modal-content [style*="color:#6B7280"]{color:#8a82a8!important}body.dark-mode .modal-content [style*="color:#9CA3AF"]{color:#6b6480!important}body.dark-mode .modal-content [style*="color:#991B1B"]{color:#fca5a5!important}body.dark-mode .modal-content [style*="color:#7F1D1D"]{color:#fca5a5!important}body.dark-mode .rpt-type-card{background:#1c1828!important;border-color:#3a3450!important;color:#c4bed8!important}body.dark-mode .rpt-type-card:hover{border-color:#7c3aed!important;background:#252235!important}body.dark-mode .rpt-selected,body.dark-mode input[name="rptType"]:checked+.rpt-type-card{border-color:#4e2a84!important;background:#2d1f50!important}body.dark-mode #contentArea [style*="background:#F9FAFB;border:1px solid #E5E7EB;border-radius:10px;padding:10px 14px;margin-bottom:16px"]{background:#1e1b2c!important;border-color:#3a3450!important;color:#c4bed8!important}body.dark-mode .drop-zone,body.dark-mode #contentArea [style*="border:2px dashed #D1D5DB;border-radius:10px"]{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode .drop-zone:hover{background:#252235!important}body.dark-mode #contentArea [style*="background:#FEF2F2;border:2px solid #FECACA;border-radius:12px"]{background:#2e0a0a!important;border-color:#7f1d1d!important}body.dark-mode #contentArea [style*="background:white;border:1px solid #FECACA;border-radius:8px"]{background:#1c1828!important;border-color:#7f1d1d!important}body.dark-mode #contentArea [style*="background:white;border:1px solid #E5E7EB;border-radius:10px;overflow:hidden"]{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="padding:11px 14px;background:#F9FAFB;border-bottom:1px solid #E5E7EB"]{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="padding:12px 14px;background:#F9FAFB;border-top:1px solid #E5E7EB"]{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="font-size:13px;padding:9px 16px;background:#F3F4F6;color:#374151"]{background:#252235!important;color:#c4bed8!important}body.dark-mode #contentArea code[style*="background:#F3F4F6"],body.dark-mode .modal-content code[style*="background:#F3F4F6"],body.dark-mode #contentArea code{background:#252235!important;color:#c4b5fd!important}body.dark-mode #contentArea strong[style*="color:#374151"]{color:#c4bed8!important}body.dark-mode #contentArea [style*="background:#EFF6FF;border:1px solid #BFDBFE"]{background:#0a1e2e!important;border-color:#1e3a5f!important;color:#7dd3fc!important}body.dark-mode #contentArea [style*="background:#F0FDF4;border:1px solid #BBF7D0"]{background:#0a2e1e!important;border-color:#065f46!important;color:#34d399!important}body.dark-mode #contentArea [style*="background:#F0FDF4;border:1.5px solid #86EFAC"]{background:#0a2e1e!important;border-color:#065f46!important}body.dark-mode #contentArea [style*="background:white;border:1.5px solid #E5E7EB;border-radius:14px;overflow:hidden"]{background:#1c1828!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="background:white;border:1px solid #E5E7EB;border-radius:8px;padding:7px 10px"]{background:#1e1b2c!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="background:#EFF6FF;border:1px solid #BFDBFE;border-radius:10px;padding:11px 16px"]{background:#0a1e2e!important;border-color:#1e3a5f!important}body.dark-mode [style*="width:22px;height:22px;border-radius:50%;background:white;pointer-events:none"]{background:#c4b5fd!important}body.dark-mode #contentArea [style*="background:white;color:#6B7280;border-color:#E5E7EB"]{background:#252235!important;color:#8a82a8!important;border-color:#3a3450!important}body.dark-mode #contentArea [style*="background:#FFFBEB;border:1px solid #FDE68A;border-radius:8px;padding:9px 14px"]{background:#2a1e00!important;border-color:#7c5a00!important}body.dark-mode #contentArea [style*="padding:10px 12px;background:#F8FAFC;border-radius:8px;margin-top:8px"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:#F3F4F6;color:#6B7280;padding:1px 7px;border-radius:10px;font-size:11px;margin-left:6px"]{background:#252235!important;color:#8a82a8!important}body.dark-mode #contentArea [style*="display:none;font-family:monospace;background:#F0FDF4;color:#065F46"]{background:#0a2e1e!important;color:#34d399!important}body.dark-mode #contentArea [style*="font-size:12px;color:#92400E;background:#FFFBEB;padding:6px 10px"]{background:#2a1e00!important;color:#fcd34d!important}body.dark-mode #contentArea [style*="display:none;font-size:11px;color:#DC2626"]{color:#f87171!important}body.dark-mode #contentArea [style*="background:#F5F3FF;color:#5B21B6;border:1.5px solid #DDD6FE"]{background:#2d1f50!important;color:#c4b5fd!important;border-color:#4e2a84!important}body.dark-mode #contentArea [style*="background:#EDE9FE;color:#5B21B6"]{background:#2d1f50!important;color:#c4b5fd!important}body.dark-mode #contentArea [style*="padding:6px 12px;background:#F8F5FF;color:#6D28D9"]{background:#2d1f50!important;color:#c4b5fd!important}body.dark-mode .modal-content [style*="padding:7px 10px;background:#F8F5FF;color:#6D28D9"]{background:#2d1f50!important;color:#c4b5fd!important;border-color:#4e2a84!important}body.dark-mode .modal-content [style*="padding:7px 10px;background:#F1F5F9;color:#64748B"]{background:#252235!important;color:#8a82a8!important}body.dark-mode [id="smsaNetTitle"]{color:#c4b5fd!important}body.dark-mode [id="smsaNetMsg"]{color:#c4bed8!important}body.dark-mode #contentArea [style*="background:#f5f3ff;border:2px solid #c4b5fd;border-radius:14px"],body.dark-mode [style*="background:#f5f3ff;border:2px solid #c4b5fd"]{background:#2d1f50!important;border-color:#6d28d9!important}body.dark-mode #contentArea [style*="color:#9CA3AF"]{color:#6b6480!important}body.dark-mode #contentArea [style*="color:#6B7280"]{color:#8a82a8!important}body.dark-mode #contentArea [style*="color:#475569"]{color:#8a82a8!important}body.dark-mode #contentArea [style*="background:#F9FAFB"]{background:#1a1725!important}body.dark-mode #contentArea [style*="background:#F3F4F6"]{background:#252235!important}body.dark-mode #contentArea [style*="background:#F5F3FF;font-weight:700"]{background:#2d1f50!important}body.dark-mode #contentArea [style*="background:#F1F5F9"]{background:#1e1b2c!important}body.dark-mode #contentArea [style*="background:#EFF6FF"]{background:#0a1e2e!important}body.dark-mode #contentArea [style*="background:#F0FDF4"]{background:#0a2e1e!important}body.dark-mode #contentArea [style*="border:1px solid #E5E7EB"]{border-color:#3a3450!important}body.dark-mode #contentArea [style*="border:2px solid #E5E7EB"]{border-color:#3a3450!important}body.dark-mode #contentArea [style*="border:1.5px solid #E5E7EB"]{border-color:#3a3450!important}body.dark-mode #contentArea [style*="border-bottom:1px solid #E5E7EB"]{border-color:#3a3450!important}body.dark-mode #contentArea [style*="border-top:1px solid #E5E7EB"]{border-color:#3a3450!important}body.dark-mode .modal-content [style*="background:#F9FAFB"]{background:#1a1725!important}body.dark-mode .modal-content [style*="background:#F3F4F6"]{background:#252235!important}body.dark-mode .modal-content [style*="background:#F1F5F9"]{background:#1e1b2c!important}body.dark-mode .modal-content [style*="background:#EFF6FF"]{background:#0a1e2e!important}body.dark-mode .modal-content [style*="background:#F0FDF4"]{background:#0a2e1e!important}body.dark-mode .modal-content [style*="background:#F5F3FF"]{background:#2d1f50!important}body.dark-mode .modal-content [style*="background:#FFFBEB"]{background:#2a1e00!important}body.dark-mode .modal-content [style*="border:1px solid #E5E7EB"]{border-color:#3a3450!important}body.dark-mode .modal-content [style*="border:2px solid #E5E7EB"]{border-color:#3a3450!important}body.dark-mode .modal-content [style*="border:1.5px solid #E5E7EB"]{border-color:#3a3450!important}:focus-visible{outline:2px solid var(--purple);outline-offset:2px}.btn:focus-visible,.tab:focus-visible,.bottom-nav-item:focus-visible,.login-btn:focus-visible,.logout-btn:focus-visible,.tab-refresh-btn:focus-visible,.dark-mode-btn:focus-visible,.modal-close-btn:focus-visible{outline:2px solid var(--purple);outline-offset:2px;box-shadow:0 0 0 4px rgba(78,42,132,.18)}body.dark-mode :focus-visible{outline-color:#a78bfa}body.dark-mode .btn:focus-visible,body.dark-mode .tab:focus-visible,body.dark-mode .bottom-nav-item:focus-visible{box-shadow:0 0 0 4px rgba(167,139,250,.25)}@media (max-width:768px){.header h1{font-size:15px}}.stat-card p{opacity:.95}.modal-content{max-height:90dvh}@supports not (max-height: 1dvh) {
    .modal-content { max-height: 90vh; }
}@media (max-width:768px){.modal-content{max-height:92dvh}@supports not (max-height: 1dvh) {
        .modal-content { max-height: 92vh; }
    }}.modal{will-change:auto}.modal-content{will-change:auto}.modal.active,.modal.modal-entering,.modal.modal-closing{will-change:opacity}.modal.active .modal-content,.modal.modal-entering .modal-content,.modal.modal-closing .modal-content{will-change:transform , opacity}@media (hover:hover){.btn:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 12px rgba(78,42,132,.25)}.card:hover{border-color:rgba(78,42,132,.20);box-shadow:var(--shadow-sm)}.tab:hover{color:var(--purple);border-color:var(--purple-light);background:var(--purple-light)}.logout-btn:hover{background:var(--orange);color:var(--white);border-color:var(--orange)}.tab-refresh-btn:hover{color:var(--purple);border-color:var(--purple-light);background:var(--purple-light)}.dashboard-stat-btn:hover{filter:brightness(1.06);transform:translateY(-4px)!important;box-shadow:0 8px 25px rgba(0,0,0,.22)!important}.cal-cell:hover{transform:scale(1.04)}.kiosk-action-btn:hover{transform:scale(1.04)}}@media (hover:none){.btn:hover{opacity:1;transform:none;box-shadow:none}.card:hover{border-color:inherit;box-shadow:none}.tab:hover{color:inherit;border-color:inherit;background:inherit}.dashboard-stat-btn:hover{filter:none;transform:none!important;box-shadow:none!important}.cal-cell:hover{transform:none}.kiosk-action-btn:hover{transform:none}}#mainApp .search-container{display:flex;visibility:visible}#mainApp .search-container #globalSearch{display:block}@media (orientation:landscape) and (max-height:600px){.kiosk-key{height:clamp(42px,10vh,60px);font-size:clamp(18px,3vw,26px)}.kiosk-action-btn{padding:clamp(12px,2vh,20px) clamp(16px,2.5vw,28px);font-size:clamp(13px,1.8vw,17px)}}body.dark-mode .pm-hover-row{background:var(--white)}body.dark-mode .pm-hover-row:hover{background:var(--gray-50)}.bottom-nav-label{font-size:9px;font-weight:600;letter-spacing:.2px;line-height:1;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none;color:var(--gray-500);margin-top:1px}.bottom-nav-item.active .bottom-nav-label{display:block;color:var(--purple)}body.dark-mode .bottom-nav-item.active .bottom-nav-label{color:#a78bfa}body.dark-mode .iepanel{background:var(--white);box-shadow:0 2px 12px rgba(0,0,0,.3)}body.dark-mode .iepanel h3{color:#c4b5fd}body.dark-mode .ie-col label{color:var(--gray-500)}body.dark-mode .ie-col input,body.dark-mode .ie-col select{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-900)}body.dark-mode .worker-cb-list{background:var(--gray-50)}body.dark-mode .worker-cb-list label:hover{background:var(--purple-light)}body.dark-mode .drop-zone{border-color:#6d28d9;background:var(--purple-light)}body.dark-mode .drop-zone:hover,body.dark-mode .drop-zone.drag-over{background:#3b2670}body.dark-mode .preview-table td{border-color:var(--gray-100);color:var(--gray-700)}body.dark-mode .preview-table-wrap{border-color:var(--gray-300)}body.dark-mode .hours-pill{background:var(--purple-light);color:#c4b5fd}body.dark-mode .kiosk-section-label{color:rgba(255,255,255,.7)}.bottom-nav{scroll-behavior:smooth}