@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--font-family:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--bg-main:#f4f6fa;--bg-card:#fff;--bg-sidebar:#0a1633;--bg-sidebar-active:#2563eb;--bg-sidebar-hover:#ffffff0f;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--text-white:#fff;--text-sidebar:#94a3b8;--text-sidebar-muted:#64748b;--border-color:#e2e8f0;--border-light:#f1f5f9;--color-workers-bg:#eff6ff;--color-workers-icon:#3b82f6;--color-agents-bg:#dcfce7;--color-agents-icon:#22c55e;--color-sites-bg:#f3e8ff;--color-sites-icon:#a855f7;--color-active-bg:#fef3c7;--color-active-icon:#f59e0b;--color-attendance-bg:#fee2e2;--color-attendance-icon:#ef4444;--color-success:#16a34a;--color-danger:#dc2626;--color-warning:#d97706;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-card:0 4px 12px -2px #00000008, 0 2px 6px -1px #00000005;--shadow-popover:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000000d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--header-height:70px;--sidebar-width:250px;--sidebar-collapsed-width:80px}[data-theme=dark],body.dark-mode{--bg-main:#0f172a;--bg-card:#1e293b;--bg-sidebar:#091124;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--border-light:#1e293b;--color-workers-bg:#3b82f626;--color-agents-bg:#22c55e26;--color-sites-bg:#a855f726;--color-active-bg:#f59e0b26;--color-attendance-bg:#ef444426;--shadow-card:0 4px 12px -2px #0000004d}[data-theme=dark] input:not([type=checkbox]):not([type=radio]),[data-theme=dark] select,[data-theme=dark] textarea,body.dark-mode input:not([type=checkbox]):not([type=radio]),body.dark-mode select,body.dark-mode textarea{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder,body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#94a3b8!important}[data-theme=dark] select option,body.dark-mode select option{color:#f8fafc!important;background-color:#1e293b!important}[data-theme=dark] input[readOnly],[data-theme=dark] input[disabled],body.dark-mode input[readOnly],body.dark-mode input[disabled]{color:#94a3b8!important;background-color:#0f172a!important}[data-theme=dark] table,[data-theme=dark] .custom-table,[data-theme=dark] .table-card,[data-theme=dark] .table-responsive,body.dark-mode table,body.dark-mode .custom-table,body.dark-mode .table-card,body.dark-mode .table-responsive{color:#f8fafc!important;background-color:#1e293b!important}[data-theme=dark] th,body.dark-mode th{color:#94a3b8!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] td,body.dark-mode td{color:#f8fafc!important;border-bottom-color:#334155!important}[data-theme=dark] tr:hover td,body.dark-mode tr:hover td{background-color:#ffffff0a!important}[data-theme=dark] .modal-card,[data-theme=dark] .modal-content,[data-theme=dark] .action-modal-card,[data-theme=dark] .dashboard-card,[data-theme=dark] .module-card,[data-theme=dark] .info-card,[data-theme=dark] .profile-card,[data-theme=dark] .detail-card,[data-theme=dark] .card-toolbar,[data-theme=dark] .filter-bar,[data-theme=dark] .date-picker-btn,[data-theme=dark] .select-dropdown,body.dark-mode .modal-card,body.dark-mode .modal-content,body.dark-mode .action-modal-card,body.dark-mode .dashboard-card,body.dark-mode .module-card,body.dark-mode .info-card,body.dark-mode .profile-card,body.dark-mode .detail-card,body.dark-mode .card-toolbar,body.dark-mode .filter-bar,body.dark-mode .date-picker-btn,body.dark-mode .select-dropdown{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .card-title,[data-theme=dark] .page-title,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#f8fafc!important}[data-theme=dark] label,body.dark-mode label{color:#94a3b8}[data-theme=dark] .table-card,[data-theme=dark] .module-card,[data-theme=dark] .ticket-filter-card,[data-theme=dark] .filter-card,[data-theme=dark] .directory-card,[data-theme=dark] .details-card,[data-theme=dark] .card,[data-theme=dark] .empty-card,body.dark-mode .table-card,body.dark-mode .module-card,body.dark-mode .ticket-filter-card,body.dark-mode .filter-card,body.dark-mode .directory-card,body.dark-mode .details-card,body.dark-mode .card,body.dark-mode .empty-card{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.app-container{width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.main-wrapper{min-width:0;margin-left:var(--sidebar-width);flex-direction:column;flex:1;transition:margin-left .3s;display:flex}.main-wrapper.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.main-wrapper.sidebar-collapsed .top-header{left:var(--sidebar-collapsed-width)}.main-content{margin-top:var(--header-height);flex:1;width:100%;max-width:1600px;margin-left:auto;margin-right:auto;padding:24px 32px 40px}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-title-group h1{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:700}.dashboard-title-group p{color:var(--text-secondary);margin-top:2px;font-size:14px}.date-picker-btn{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.date-picker-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.metrics-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.middle-grid{grid-template-columns:2.2fr 1.6fr 1.2fr;gap:20px;margin-bottom:24px;display:grid}.bottom-grid{grid-template-columns:2fr 1.4fr 1.4fr;gap:20px;display:grid}.dashboard-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-card);flex-direction:column;padding:20px;display:flex}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-primary);font-size:16px;font-weight:700}.card-action-link{color:#2563eb;cursor:pointer;font-size:13px;font-weight:600;text-decoration:none}.card-action-link:hover{text-decoration:underline}.badge{border-radius:var(--radius-sm);letter-spacing:.02em;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-pending{color:#d97706;background-color:#fef3c7}.badge-approved{color:#16a34a;background-color:#dcfce7}.badge-rejected{color:#dc2626;background-color:#fee2e2}.badge-casual{color:#c2410c;background-color:#ffedd5}.badge-sick{color:#7e22ce;background-color:#f3e8ff}.badge-earned{color:#1d4ed8;background-color:#dbeafe}.select-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;outline:none;padding:6px 12px;font-size:12px;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.sidebar-backdrop-overlay{display:none}@media (width<=1400px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.middle-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=900px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.main-content{padding:16px}}@media (width<=768px){.sidebar-backdrop-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background-color:#0f172aa6;animation:.2s forwards fadeIn;display:block;position:fixed;inset:0}.sidebar{transform:translate(0);z-index:9999!important;width:280px!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important}.sidebar.collapsed{transform:translate(-100%)!important}.main-wrapper,.main-wrapper.sidebar-collapsed{width:100%!important;margin-left:0!important}.top-header,.main-wrapper.sidebar-collapsed .top-header{width:100%!important;padding:10px 14px!important;left:0!important}.search-bar{display:none}.main-content{margin-top:60px!important;padding:12px!important}.page-wrapper{padding:0!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.custom-table{min-width:650px}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;margin-top:8px;overflow-x:auto}.metrics-grid,.stats-row-3,.stats-row-4,.middle-grid,.bottom-grid{grid-template-columns:1fr!important}}@media (width<=600px){.metrics-grid{grid-template-columns:1fr}}.session-expired-overlay{-webkit-backdrop-filter:blur(6px);z-index:99999;background:#000000a6;justify-content:center;align-items:center;animation:.25s fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.session-expired-card{text-align:center;background:#fff;border-radius:20px;width:420px;max-width:calc(100vw - 40px);padding:48px 40px;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUpCard;position:relative;overflow:hidden;box-shadow:0 32px 64px #00000040,0 0 0 1px #0000000a}.session-expired-card:before{content:"";background:linear-gradient(90deg,#f43f5e,#ef4444,#f97316);height:4px;position:absolute;top:0;left:0;right:0}@keyframes slideUpCard{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.session-icon-ring{background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;font-size:32px;animation:1.5s ease-in-out infinite pulseRing;display:flex}@keyframes pulseRing{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 12px #ef444400}}.session-expired-title{color:#111827;letter-spacing:-.3px;margin:0 0 8px;font-size:22px;font-weight:700}.session-expired-subtitle{color:#6b7280;margin:0 0 28px;font-size:14px;line-height:1.6}.session-countdown-bar-wrapper{background:#f3f4f6;border-radius:999px;height:6px;margin-bottom:20px;overflow:hidden}.session-countdown-bar{background:linear-gradient(90deg,#ef4444,#f97316);border-radius:999px;height:100%;transition:width 1s linear}.session-countdown-text{color:#9ca3af;margin-bottom:28px;font-size:13px}.session-countdown-text strong{color:#ef4444;font-weight:700}.session-expired-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #ef444459}.session-expired-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444473}.session-expired-btn:active{transform:translateY(0)}[data-theme=dark] .session-expired-card{background:#1e1e2e;box-shadow:0 32px 64px #00000080,0 0 0 1px #ffffff0d}[data-theme=dark] .session-expired-title{color:#f1f5f9}[data-theme=dark] .session-expired-subtitle{color:#94a3b8}[data-theme=dark] .session-countdown-bar-wrapper{background:#334155}[data-theme=dark] .session-countdown-text{color:#64748b}[data-theme=dark] .session-icon-ring{background:linear-gradient(135deg,#450a0a,#7f1d1d)}.access-denied-wrapper{justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.access-denied-card{background:var(--card-bg,#fff);text-align:center;border-radius:24px;width:100%;max-width:520px;padding:56px 48px;animation:.35s cubic-bezier(.34,1.56,.64,1) fadeSlideIn;position:relative;overflow:hidden;box-shadow:0 8px 40px #00000014,0 0 0 1px #0000000a}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.access-denied-card:before{content:"";background:linear-gradient(90deg,#f59e0b,#ef4444,#8b5cf6);height:4px;position:absolute;top:0;left:0;right:0}.access-denied-icon-ring{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 28px;font-size:40px;animation:.6s wobble;display:flex}@keyframes wobble{0%{transform:rotate(0)scale(1)}15%{transform:rotate(-8deg)scale(1.05)}30%{transform:rotate(8deg)scale(1.05)}45%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)scale(1)}}.access-denied-badge{color:#92400e;text-transform:uppercase;letter-spacing:1.2px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:999px;align-items:center;gap:6px;margin-bottom:18px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.access-denied-title{color:var(--text-primary,#111827);letter-spacing:-.4px;margin:0 0 12px;font-size:26px;font-weight:800}.access-denied-subtitle{color:var(--text-secondary,#6b7280);margin:0 0 12px;font-size:15px;line-height:1.65}.access-denied-role-tag{background:var(--bg-subtle,#f3f4f6);color:var(--text-secondary,#374151);border-radius:8px;align-items:center;gap:6px;margin-bottom:32px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.access-denied-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.access-denied-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #4f46e559}.access-denied-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.access-denied-btn-secondary{color:var(--text-secondary,#6b7280);border:1.5px solid var(--border-color,#e5e7eb);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.access-denied-btn-secondary:hover{background:var(--bg-subtle,#f9fafb);color:var(--text-primary,#374151);border-color:#9ca3af}[data-theme=dark] .access-denied-card{background:#1e1e2e;box-shadow:0 8px 40px #0006,0 0 0 1px #ffffff0d}[data-theme=dark] .access-denied-title{color:#f1f5f9}[data-theme=dark] .access-denied-subtitle{color:#94a3b8}[data-theme=dark] .access-denied-role-tag{color:#cbd5e1;background:#334155}[data-theme=dark] .access-denied-btn-secondary{color:#94a3b8;border-color:#334155}[data-theme=dark] .access-denied-btn-secondary:hover{color:#e2e8f0;background:#334155}[data-theme=dark] .access-denied-icon-ring{background:linear-gradient(135deg,#451a03,#78350f)}.login-container{background-color:var(--bg-main);width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.login-hero-panel{color:#fff;background-color:#050b1e;flex-direction:column;flex:1.1;justify-content:space-between;padding:48px 56px;display:flex;position:relative;overflow:hidden}.hero-overlay-gradient{z-index:2;background:linear-gradient(135deg,#061026f0 0%,#0a1b3ee0 60%,#0f172af2 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg-image{filter:contrast(1.1)brightness(.6);z-index:1;mix-blend-mode:luminosity;opacity:.45;background-image:url(https://images.unsplash.com/photo-1541888946425-d0fbb186a5b3?auto=format&fit=crop&w=1400&q=80);background-position:bottom;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-dot-pattern{z-index:3;background-image:radial-gradient(#3b82f659 1.5px,#0000 1.5px);background-size:16px 16px;width:180px;height:180px;position:absolute}.top-dots{top:40px;right:-40px}.bottom-dots{bottom:120px;right:60px}.hero-content{z-index:10;flex-direction:column;justify-content:space-between;max-width:620px;height:100%;display:flex;position:relative}.hero-brand{align-items:center;gap:14px;display:flex}.brand-logo-icon{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #2563eb66}.brand-title-wrap h2{color:#fff;font-size:18px;font-weight:700;line-height:1.2}.brand-title-wrap p{color:#94a3b8;font-size:12px;font-weight:500}.hero-headline-wrap{margin-top:40px;margin-bottom:30px}.hero-headline-wrap h1{letter-spacing:-.02em;color:#fff;font-size:38px;font-weight:800;line-height:1.2}.headline-blue{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:#cbd5e1;max-width:520px;margin-top:16px;font-size:15px;line-height:1.6}.hero-features-list{flex-direction:column;gap:20px;margin-top:20px;display:flex}.feature-item{align-items:center;gap:16px;display:flex}.feature-icon-box{color:#60a5fa;background:#2563eb40;border:1px solid #3b82f64d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.feature-text h4{color:#fff;font-size:14.5px;font-weight:700}.feature-text p{color:#94a3b8;margin-top:2px;font-size:12.5px}.login-form-panel{background-color:var(--bg-main);flex-direction:column;flex:1;justify-content:space-between;padding:32px 48px;display:flex;position:relative}.login-top-controls{justify-content:flex-end;align-items:center;gap:16px;display:flex}.theme-toggle-pill{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;color:var(--text-muted);box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:6px;padding:6px 10px;display:flex}.theme-toggle-pill .active-icon{color:var(--text-primary)}.language-selector-wrap{position:relative}.lang-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;display:flex}.lang-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-popover);z-index:30;border-radius:8px;flex-direction:column;width:120px;margin-top:6px;display:flex;position:absolute;top:100%;right:0;overflow:hidden}.lang-dropdown button{text-align:left;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px}.lang-dropdown button:hover{background-color:var(--border-light)}.login-card-container{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 0;display:flex}.login-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:40px 44px;display:flex;box-shadow:0 10px 30px -5px #0000000a,0 4px 12px -2px #00000005}.card-top-icon-circle{background-color:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;display:flex}.card-heading{color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:800}.card-subheading{color:var(--text-secondary);margin-top:4px;margin-bottom:20px;font-size:14px}.toast-banner{border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.toast-error{color:#dc2626;background-color:#fee2e2;border:1px solid #fca5a5}.toast-success{color:#16a34a;background-color:#dcfce7;border:1px solid #86efac}.toast-icon{flex-shrink:0}.login-form{flex-direction:column;gap:18px;width:100%;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-primary);font-size:13px;font-weight:600}.forgot-pass-link{color:#2563eb;font-size:12.5px;font-weight:600;text-decoration:none}.forgot-pass-link:hover{text-decoration:underline}.input-field-wrap{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:14px}.input-field-wrap input{border:1px solid var(--border-color);background-color:var(--bg-card);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:12px 14px 12px 42px;font-family:inherit;font-size:14px;transition:all .2s}.input-field-wrap input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.input-field-wrap.has-error input{background-color:#ef444408;border-color:#ef4444}.field-error-text{color:#dc2626;align-items:center;gap:4px;margin-top:2px;font-size:11.5px;font-weight:600;display:flex}.password-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:14px}.password-toggle-btn:hover{color:var(--text-primary)}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-left:28px;display:flex;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;width:18px;height:18px;transition:all .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkbox-container:hover input~.checkmark{border-color:#2563eb}.checkbox-container input:checked~.checkmark{background-color:#2563eb;border-color:#2563eb}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:9px;top:2px;left:6px;transform:rotate(45deg)}.checkbox-text{color:var(--text-secondary);font-size:13px;font-weight:500}.sign-in-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;margin-top:4px;padding:12px;font-family:inherit;font-size:14.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb59}.sign-in-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.sign-in-btn:disabled{opacity:.75;cursor:not-allowed}.btn-loading-content{align-items:center;gap:8px;display:flex}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.divider-row{text-align:center;align-items:center;margin:6px 0;display:flex}.divider-row:before,.divider-row:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.divider-row span{color:var(--text-muted);padding:0 14px;font-size:12.5px;font-weight:500}.social-buttons-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.social-btn{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.social-btn:hover:not(:disabled){background-color:var(--border-light);border-color:#cbd5e1}.social-btn:disabled{opacity:.6;cursor:not-allowed}.register-link-row{text-align:center;color:var(--text-secondary);margin-top:6px;font-size:13.5px}.register-link{color:#2563eb;font-weight:700;text-decoration:none}.register-link:hover{text-decoration:underline}.login-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:12.5px}@media (width<=1024px){.login-hero-panel{display:none}.login-form-panel{padding:24px}}.avatar-initials-badge{font-family:var(--font-family,-apple-system, BlinkMacSystemFont, sans-serif);transition:transform .15s;box-shadow:0 2px 6px #0000001f}.avatar-initials-badge:hover{transform:scale(1.05)}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);z-index:50;-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff0d;flex-direction:column;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-brand{align-items:center;gap:12px;padding:24px 20px;display:flex}.brand-logo{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #2563eb4d}.brand-text h2{color:#fff;font-size:16px;font-weight:700;line-height:1.2}.brand-text p{color:var(--text-sidebar-muted);font-size:11px;font-weight:500}.sidebar-nav-container{flex:1;padding:0 12px 20px;overflow-y:auto}.sidebar-nav-container::-webkit-scrollbar{width:4px}.sidebar-nav-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.nav-section{margin-bottom:24px}.section-title{color:#64748b;letter-spacing:.08em;padding:0 12px 10px;font-size:11px;font-weight:700;display:block}.nav-list{flex-direction:column;gap:4px;list-style:none;display:flex}.nav-item{border-radius:var(--radius-md);width:100%;color:var(--text-sidebar);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-sidebar-hover);color:#fff}.nav-item.active{background-color:var(--bg-sidebar-active);color:#fff;font-weight:600;box-shadow:0 4px 12px #2563eb59}.nav-submenu{flex-direction:column;gap:3px;margin:4px 0 6px;padding-left:24px;list-style:none;display:flex}.subnav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:7px 12px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .2s;display:flex}.subnav-item:hover{color:#fff;background-color:#ffffff14}.subnav-item.active{color:#38bdf8;background-color:#38bdf824;font-weight:700}.subnav-dot{background-color:currentColor;border-radius:50%;width:5px;height:5px}.nav-item-left{align-items:center;gap:12px;display:flex}.nav-icon{flex-shrink:0}.nav-item-right{align-items:center;gap:8px;display:flex}.nav-arrow{opacity:.5;transition:opacity .2s}.nav-item:hover .nav-arrow{opacity:1}.nav-badge-red{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex}.sidebar-profile-card{border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff0f;align-items:center;gap:12px;margin:12px;padding:12px;display:flex}.profile-avatar{object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;width:38px;height:38px}.profile-info{flex-direction:column;display:flex;overflow:hidden}.sidebar-worker-cards-container{flex-direction:column;gap:12px;margin:16px 12px 0;display:flex}.sidebar-info-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.info-card-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.info-card-body{align-items:center;gap:10px;display:flex}.info-text{flex-direction:column;display:flex}.info-text .name{color:#fff;font-size:12.5px;font-weight:700}.info-text .code{color:#94a3b8;font-size:11px}.info-text .sub-address{color:#64748b;font-size:10px}.contact-agent-btn{color:#1e293b;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:6px 10px;font-size:11.5px;font-weight:700;display:flex}.site-icon-box{background:#2563eb26;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-footer-container{padding:12px}.sidebar-logout-btn{color:#fca5a5;cursor:pointer;background:#ef44441f;border:1px solid #ef444440;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.sidebar-logout-btn:hover{color:#fff;background:#ef444440}.profile-name{color:#fff;font-size:13px;font-weight:600}.profile-status{align-items:center;gap:6px;margin-top:4px;display:flex}.status-dot{background-color:#22c55e;border-radius:50%;width:7px;height:7px}.status-text{color:#22c55e;font-size:10.5px;font-weight:600}.top-header{height:var(--header-height);background-color:var(--bg-card);border-bottom:1px solid var(--border-color);top:0;right:0;left:var(--sidebar-width);z-index:40;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 32px;transition:left .3s;display:flex;position:fixed}.header-left{align-items:center;gap:20px;display:flex}.header-breadcrumb{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.bc-home{color:var(--text-secondary);cursor:pointer}.bc-home:hover{color:#2563eb}.bc-separator{color:var(--text-muted)}.bc-current{color:var(--text-primary);font-weight:700}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon-btn:hover{background-color:var(--border-light);color:var(--text-primary);border-color:#cbd5e1}.search-bar{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:10px;width:340px;padding:8px 16px;transition:all .2s;display:flex}.search-bar:hover{background-color:var(--bg-card);border-color:#cbd5e1}.search-icon{color:var(--text-secondary);flex-shrink:0}.search-bar input{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:13.5px}.search-bar input::placeholder{opacity:.9;color:var(--text-secondary)!important}.search-kbd{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:700;box-shadow:0 1px 1px #0000000d}.header-actions{align-items:center;gap:12px;display:flex}.notification-badge{color:#fff;border:2px solid var(--bg-card);background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.user-profile-dropdown-wrap{position:relative}.user-profile-widget{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding-left:8px;display:flex}.user-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:40px;height:40px}.user-details{flex-direction:column;display:flex}.user-name{font-size:14px;font-weight:800;line-height:1.2;color:var(--text-primary)!important}.user-role{letter-spacing:.05em;font-size:10.5px;font-weight:700;color:var(--text-secondary)!important}.profile-chevron{color:var(--text-secondary)!important}.profile-menu-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-popover);z-index:50;flex-direction:column;margin-top:8px;padding:8px;display:flex;position:absolute;top:100%;right:0}.dropdown-user-header{flex-direction:column;padding:10px 12px;display:flex}.d-name{color:var(--text-primary);font-size:13.5px;font-weight:700}.d-email{color:var(--text-muted);font-size:11.5px}.dropdown-divider{background-color:var(--border-color);height:1px;margin:6px 0}.profile-menu-dropdown button{color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.profile-menu-dropdown button:hover{background-color:var(--border-light)}.d-logout-btn{color:#dc2626!important}.d-logout-btn:hover{background-color:#fee2e2!important}@media (width<=768px){.top-header{height:60px;padding:0 14px}.header-left,.header-right{gap:8px}.search-bar{width:auto;max-width:140px;padding:6px 10px}.search-kbd{display:none}}@media (width<=520px){.user-details,.search-bar input{display:none}.search-bar{border-radius:50%;justify-content:center;width:36px;height:36px;padding:0}.bc-home,.bc-separator{display:none}}.metric-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);align-items:flex-start;gap:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #0000000f}.metric-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metric-card-workers .metric-icon-box{background-color:var(--color-workers-bg);color:var(--color-workers-icon)}.metric-card-agents .metric-icon-box{background-color:var(--color-agents-bg);color:var(--color-agents-icon)}.metric-card-sites .metric-icon-box{background-color:var(--color-sites-bg);color:var(--color-sites-icon)}.metric-card-active .metric-icon-box{background-color:var(--color-active-bg);color:var(--color-active-icon)}.metric-card-attendance .metric-icon-box{background-color:var(--color-attendance-bg);color:var(--color-attendance-icon)}.metric-details{flex-direction:column;display:flex}.metric-value{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1.1}.metric-title{color:var(--text-secondary);margin-top:4px;margin-bottom:8px;font-size:13px;font-weight:500}.metric-change{align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:flex}.metric-change.positive{color:var(--color-success)}.metric-change.negative{color:var(--color-danger)}.comparison-text{color:var(--text-muted);margin-left:2px;font-weight:400}.attendance-card{height:100%}.chart-legend-row{align-items:center;gap:20px;margin-bottom:12px;padding-left:8px;display:flex}.legend-indicator{border-radius:2px;width:12px;height:3px;position:relative}.legend-indicator:after{content:"";border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.legend-indicator.present,.legend-indicator.present:after{background-color:#3b82f6}.legend-indicator.absent,.legend-indicator.absent:after{background-color:#f87171}.legend-label{color:var(--text-secondary);font-size:12px;font-weight:600}.attendance-chart-container{flex:1;width:100%;min-height:250px}.site-workers-card{height:100%}.site-chart-content{flex:1;align-items:center;gap:20px;display:flex}.donut-wrapper{flex-shrink:0;justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:relative}.donut-center-label{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-number{color:var(--text-primary);font-size:17px;font-weight:800;line-height:1}.center-text{color:var(--text-muted);margin-top:2px;font-size:11px;font-weight:500}.site-legend-list{flex-direction:column;flex:1;gap:10px;display:flex}.site-legend-item{justify-content:space-between;align-items:center;font-size:12px;display:flex}.legend-name-group{align-items:center;gap:8px;display:flex}.color-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.site-name{color:var(--text-primary);font-weight:600}.site-count-group{align-items:center;gap:4px;display:flex}.site-count{color:var(--text-secondary);font-weight:600}.site-percentage{color:var(--text-muted)}.quick-actions-card{height:100%}.quick-actions-list{flex-direction:column;flex:1;gap:10px;display:flex}.action-row-btn{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.action-row-btn:hover{border-color:var(--border-color);background-color:var(--bg-main);transform:translate(2px)}.action-row-left{align-items:center;gap:12px;display:flex}.action-icon-circle{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.action-site .action-icon-circle{color:#a855f7;background-color:#f3e8ff}.action-agent .action-icon-circle{color:#3b82f6;background-color:#eff6ff}.action-worker .action-icon-circle{color:#f59e0b;background-color:#fef3c7}.action-attendance .action-icon-circle{color:#10b981;background-color:#dcfce7}.action-report .action-icon-circle{color:#14b8a6;background-color:#ccfbf1}.action-text-group{flex-direction:column;display:flex}.action-title-text{color:var(--text-primary);font-size:13px;font-weight:700}.action-desc-text{color:var(--text-muted);font-size:11px}.action-chevron{color:var(--text-muted);transition:transform .2s,color .2s}.action-row-btn:hover .action-chevron{color:var(--text-primary);transform:translate(2px)}.recent-leaves-card{height:100%}.table-responsive{width:100%;overflow-x:auto}.leaves-table{border-collapse:collapse;text-align:left;width:100%}.leaves-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.03em;padding:10px 12px;font-size:11.5px;font-weight:600}.leaves-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:12px;font-size:13px}.leaves-table tr:last-child td{border-bottom:none}.worker-cell{align-items:center;gap:12px;display:flex}.worker-avatar{object-fit:cover;border-radius:50%;width:34px;height:34px}.worker-info{flex-direction:column;display:flex}.worker-name{color:var(--text-primary);font-size:13px;font-weight:700}.worker-id{color:var(--text-muted);font-size:11px}.date-range-text{color:var(--text-secondary);white-space:nowrap;font-size:12.5px;font-weight:500}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#0f172a80;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-container{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:500px;box-shadow:var(--shadow-popover);flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:var(--text-primary);font-size:16px;font-weight:700}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.close-btn:hover{background-color:var(--border-light);color:var(--text-primary)}.modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.form-group input,.form-group select{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-main);color:var(--text-primary);outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px}.form-group input:focus,.form-group select:focus{background-color:var(--bg-card);border-color:#2563eb}.form-row{gap:12px;display:flex}.flex-1{flex:1}.modal-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;display:flex}.btn-cancel{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:0 0;padding:8px 16px;font-size:13px;font-weight:600}.btn-submit{border-radius:var(--radius-md);color:#fff;cursor:pointer;background-color:#2563eb;border:none;padding:8px 18px;font-size:13px;font-weight:600;box-shadow:0 2px 6px #2563eb4d}.btn-submit:hover{background-color:#1d4ed8}.modal-success-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.success-icon-circle{color:#16a34a;background-color:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.search-modal-input-wrap{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 14px;display:flex}.search-modal-input-wrap input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}.search-results-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.search-result-item{border-radius:var(--radius-md);background-color:var(--bg-main);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.notifications-tabs{border-bottom:1px solid #e5e7eb;gap:10px;margin-bottom:16px;padding-bottom:8px;display:flex}.notif-tab-btn{color:var(--text-secondary,#6b7280);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.notif-tab-btn.active{color:#2563eb;background-color:#2563eb1a}.notif-header-actions{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.btn-mark-all-read{color:#2563eb;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.btn-mark-all-read:hover{text-decoration:underline}.notifications-modal-list{flex-direction:column;gap:10px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.notification-item{border-radius:var(--radius-md,8px);background-color:var(--bg-main,#f9fafb);border:1px solid var(--border-color,#e5e7eb);flex-direction:column;gap:6px;padding:12px 14px;transition:background .15s;display:flex}.notification-item.unread{background-color:var(--color-workers-bg,#eff6ff);border-left:4px solid #2563eb}[data-theme=dark] .notification-item,body.dark-mode .notification-item{background-color:var(--bg-main,#0f172a)!important;border-color:var(--border-color,#1e293b)!important;color:var(--text-primary,#f8fafc)!important}[data-theme=dark] .notification-item.unread,body.dark-mode .notification-item.unread{border-left:4px solid #3b82f6!important;border-color:var(--border-color,#1e293b)!important;background-color:#2563eb2e!important}[data-theme=dark] .notif-title,body.dark-mode .notif-title{color:#f8fafc!important}[data-theme=dark] .notif-desc,body.dark-mode .notif-desc{color:#cbd5e1!important}[data-theme=dark] .notif-time,body.dark-mode .notif-time{color:#94a3b8!important}.notif-item-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.notif-item-title-group{align-items:center;gap:8px;display:flex}.notif-icon-badge{color:#2563eb;background-color:#2563eb1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.notif-title{color:var(--text-primary,#111827);font-size:13.5px;font-weight:700}.notif-desc{color:var(--text-secondary,#4b5563);margin-left:36px;font-size:12.5px;line-height:1.4}.notif-time{color:var(--text-muted,#9ca3af);white-space:nowrap;font-size:11px}.btn-mark-single-read{color:#2563eb;cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:2px;font-size:11.5px;font-weight:600}.btn-mark-single-read:hover{text-decoration:underline}.notif-empty-state{color:var(--text-muted,#9ca3af);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:36px 12px;display:flex}.dashboard-footer{background-color:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;margin-top:36px;padding:28px 32px 20px;transition:background-color .2s,border-color .2s;box-shadow:0 4px 20px #00000008}.footer-top-row{grid-template-columns:2fr 3fr 2fr;align-items:start;gap:32px;display:grid}.footer-brand-col{flex-direction:column;gap:10px;display:flex}.footer-logo-wrap{align-items:center;gap:10px;display:flex}.footer-logo-icon{color:#fff;background-color:#2563eb;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 10px #2563eb4d}.footer-brand-name{color:var(--text-primary,#0f172a);letter-spacing:-.2px;font-size:16px;font-weight:800}.footer-tagline{color:var(--text-secondary,#64748b);margin:0;font-size:13px;line-height:1.5}.footer-col-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#64748b);margin-bottom:12px;font-size:13px;font-weight:700}.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:8px 16px;display:grid}.footer-links-grid button{color:var(--text-primary,#334155);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:500;transition:color .15s}.footer-links-grid button:hover{color:#2563eb}.footer-status-col{flex-direction:column;align-items:flex-start;display:flex}.status-pill-wrap{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.status-dot-pulse{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseGreen;box-shadow:0 0 #10b981b3}@keyframes pulseGreen{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.meta-badges-wrap{flex-wrap:wrap;gap:8px;display:flex}.meta-badge-tag{background-color:var(--bg-muted,#f1f5f9);color:var(--text-muted,#475569);border:1px solid var(--border-color,#cbd5e1);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.footer-divider{background-color:var(--border-color,#e2e8f0);height:1px;margin:20px 0 16px}.footer-bottom-row{color:var(--text-muted,#64748b);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}.footer-bottom-links{align-items:center;gap:10px;display:flex}.footer-bottom-links button{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12.5px;font-weight:500;transition:color .15s;display:inline-flex}.footer-bottom-links button:hover{color:#2563eb}.footer-link-dot{color:#cbd5e1;font-size:10px}@media (width<=992px){.footer-top-row{grid-template-columns:1fr;gap:24px}}.page-wrapper{flex-direction:column;gap:20px;display:flex}.page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.page-header h2{color:var(--text-primary);font-size:22px;font-weight:800;line-height:1.2}.page-header p{color:var(--text-secondary);margin-top:4px;font-size:13.5px}.filter-bar{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:12px 16px;display:flex}.search-input-wrap{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);flex:1;align-items:center;gap:10px;padding:8px 14px;display:flex}.search-input-wrap input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:13.5px}.cards-grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.cards-grid-2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.module-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;padding:20px;display:flex}.flex-row-card{flex-direction:row;align-items:flex-start;gap:16px}.agent-large-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:72px;height:72px}.card-badge-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.code-badge{background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;padding:2px 8px;font-family:monospace;font-size:11px;font-weight:700}.card-main-title{color:var(--text-primary);font-size:17px;font-weight:800}.card-sub-info{color:var(--text-secondary);margin-top:2px;font-size:13px}.card-info-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.info-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:12.5px;display:flex}.card-footer-actions{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:18px;padding-top:12px;display:flex}.primary-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;background-color:#2563eb;border:none;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 3px 10px #2563eb4d}.primary-btn:hover{background-color:#1d4ed8}.secondary-btn{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.icon-action-btn{border:1px solid var(--border-color);background-color:var(--bg-card);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex}.stats-row-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-box-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-card);flex-direction:column;padding:18px 20px;display:flex}.stat-box-card.border-green{border-left:4px solid #16a34a}.stat-box-card.border-red{border-left:4px solid #dc2626}.stat-box-card.border-blue{border-left:4px solid #2563eb}.stat-box-card.border-amber{border-left:4px solid #d97706}.stat-box-card.border-purple{border-left:4px solid #8b5cf6}.stat-header{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.stat-number{color:var(--text-primary);margin-top:8px;font-size:24px;font-weight:800}.stat-sub{color:var(--text-muted);margin-top:2px;font-size:11.5px}.table-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);background-color:var(--bg-main);padding:12px 16px;font-size:11.5px;font-weight:700}.custom-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:14px 16px;font-size:13.5px}.table-user-cell{align-items:center;gap:12px;display:flex}.table-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.user-name-bold{color:var(--text-primary);font-weight:700;display:block}.user-sub-email{color:var(--text-muted);font-size:11.5px;display:block}.currency-bold{font-weight:800}.text-green{color:#16a34a}.text-red{color:#dc2626}.text-blue{color:#2563eb}.text-amber{color:#d97706}.text-purple{color:#8b5cf6}.action-buttons-group{gap:6px;display:flex}.sm-btn{cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700}.btn-success{color:#16a34a;background-color:#dcfce7}.btn-danger{color:#dc2626;background-color:#fee2e2}.text-action-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:700}.text-action-btn:hover{text-decoration:underline}.border-b{border-bottom:1px solid var(--border-color)}.pb-12{padding-bottom:12px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.report-icon-box{color:#2563eb;background-color:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.settings-grid{gap:24px;display:flex}.bg-muted{cursor:not-allowed;background-color:var(--border-light)!important;color:var(--text-muted)!important}@media (width<=1024px){.cards-grid-3,.cards-grid-2,.stats-row-3,.settings-grid{flex-direction:column;grid-template-columns:1fr}}.wallet-tabs-wrapper{background-color:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:6px;display:flex;box-shadow:0 1px 2px #0000000d}.wallet-tab-btn{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.wallet-tab-btn:hover{color:var(--text-primary,#0f172a);background-color:var(--bg-hover,#f8fafc)}.wallet-tab-btn.active{color:#fff;background-color:#4f46e5;box-shadow:0 2px 4px #4f46e533}.wallet-tab-badge{background-color:#fff3;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.wallet-tab-btn:not(.active) .wallet-tab-badge{color:#475569;background-color:#e2e8f0}.wallet-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.wallet-modal-content{background-color:#fff;border-radius:16px;width:100%;max-width:480px;animation:.2s ease-out modalFadeIn;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wallet-modal-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.wallet-modal-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.wallet-modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.wallet-modal-close-btn:hover{color:#0f172a;background-color:#e2e8f0}.wallet-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.wallet-form-group{flex-direction:column;gap:6px;display:flex}.wallet-form-group label{color:#334155;font-size:13px;font-weight:600}.wallet-form-group input,.wallet-form-group select{border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.wallet-form-group input:focus,.wallet-form-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.wallet-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (width<=900px){.cards-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.cards-grid-3,.cards-grid-2{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch;gap:10px}.flex-row-card{text-align:center;flex-direction:column;align-items:center}}.agents-dashboard-container{color:#1e293b;flex-direction:column;gap:20px;width:100%;padding-bottom:40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.agents-header-bar{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.agents-page-title{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:800}.agents-page-subtitle{color:#64748b;margin:0;font-size:13.5px}.primary-add-agent-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb40}.primary-add-agent-btn:hover{background:#1d4ed8}.agents-dual-panel-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:24px;display:grid}.left-panel-column{flex-direction:column;gap:20px;display:flex}.agents-filter-bar{background:#fff;border:1px solid #f1f5f9;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 2px 6px #00000005}.search-box-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;padding:6px 12px;display:flex}.search-box-wrapper input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.filter-dropdowns-group{gap:8px;display:flex}.filter-select-input{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:12.5px}.agents-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000005}.agents-data-table{border-collapse:collapse;text-align:left;width:100%}.agents-data-table th{color:#64748b;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:12px;font-weight:600}.agents-data-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:12px;font-size:13px}.agent-row{cursor:pointer;transition:background-color .15s}.agent-row:hover{background-color:#f8fafc}.agent-row.row-selected{border-left:3px solid #2563eb;background-color:#eff6ff!important}.agent-id-code{color:#2563eb;font-size:12.5px;font-weight:700}.agent-name-text{color:#0f172a;font-size:13px;font-weight:700;display:block}.agent-phone-text{color:#64748b;font-size:11px;display:block}.agent-site-text{color:#334155;font-size:12.5px;font-weight:500}.today-status-badge{align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.today-status-badge.present{color:#10b981}.today-status-badge.absent{color:#ef4444}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot.green{background-color:#10b981}.status-dot.red{background-color:#ef4444}.workers-count-num{font-weight:700}.workers-count-num.present{color:#1e293b}.workers-count-num.absent{color:#64748b}.action-view-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:inline-flex}.action-view-btn:hover{color:#fff;background:#2563eb}.table-pagination{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.pagination-info-text{color:#64748b;font-size:12px}.pagination-btn-group{gap:4px;display:flex}.section-card-widget{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:18px;box-shadow:0 2px 8px #00000005}.widget-header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.widget-header-row h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.header-status-pill-group{gap:8px;display:flex}.status-pill.green{color:#16a34a;background:#f0fdf4}.status-pill.red{color:#dc2626;background:#fef2f2}.sub-data-table{border-collapse:collapse;text-align:left;width:100%}.sub-data-table th{color:#64748b;border-bottom:1px solid #f1f5f9;padding:8px 10px;font-size:11.5px;font-weight:600}.sub-data-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:10px;font-size:12.5px}.worker-id-code{color:#2563eb;font-size:12px;font-weight:600}.worker-user-cell{align-items:center;gap:8px;display:flex}.worker-name-text{color:#0f172a;font-size:12.5px;font-weight:600;display:block}.worker-phone-text{color:#64748b;font-size:11px;display:block}.status-pill-badge{align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:inline-flex}.status-pill-badge.present{color:#10b981}.status-pill-badge.absent{color:#ef4444}.work-status-tag{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.work-status-tag.completed{color:#16a34a;background:#dcfce7}.work-status-tag.in-progress{color:#d97706;background:#fef3c7}.work-status-tag.pending{color:#64748b;background:#f1f5f9}.action-icon-small{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.widget-footer-link{text-align:right;margin-top:12px}.widget-footer-link a{color:#2563eb;font-size:12px;font-weight:600;text-decoration:none}.site-name-bold{color:#0f172a;font-weight:600}.present-val{color:#16a34a;font-weight:700}.absent-val{color:#dc2626;font-weight:700}.right-panel-column{flex-direction:column;gap:16px;display:flex}.agent-detail-breadcrumb{justify-content:space-between;align-items:center;display:flex}.breadcrumb-links{color:#2563eb;align-items:center;gap:6px;font-size:13px;display:flex}.active-breadcrumb{color:#0f172a;font-weight:700}.back-to-agents-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.agent-profile-header-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000005}.agent-card-main-info{align-items:center;gap:16px;margin-bottom:18px;display:flex}.agent-large-avatar img{object-fit:cover;border:2px solid #e2e8f0;border-radius:50%;width:64px;height:64px}.name-status-row{align-items:center;gap:10px;display:flex}.name-status-row h2{color:#0f172a;margin:0;font-size:20px;font-weight:800}.agent-active-badge{color:#16a34a;background:#dcfce7;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.agent-code-text{color:#64748b;margin-top:2px;font-size:12px}.agent-contact-line,.agent-email-line{color:#334155;margin-top:2px;font-size:12.5px}.agent-card-meta-grid{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.meta-col{gap:20px;display:flex}.meta-item{flex-direction:column;display:flex}.meta-label{color:#64748b;font-size:11px}.meta-stats-col{gap:16px;display:flex}.stat-pill-box{flex-direction:column;align-items:flex-end;display:flex}.stat-lbl{color:#64748b;font-size:11px}.stat-num{font-size:18px;font-weight:800}.stat-num.green-text{color:#10b981}.stat-num.red-text{color:#ef4444}.agent-sub-tabs-bar{border-bottom:2px solid #e2e8f0;gap:4px;display:flex}.sub-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s}.sub-tab-btn:hover{color:#2563eb}.sub-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:700}.tab-content-overview{flex-direction:column;gap:16px;display:flex}.agent-overview-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.overview-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:14px;box-shadow:0 2px 6px #00000005}.card-num{color:#0f172a;margin:4px 0;font-size:22px;font-weight:800}.card-sub-lbl{color:#94a3b8;font-size:11px}.card-sub-lbl.green-text{color:#10b981;font-weight:600}.card-sub-lbl.red-text{color:#ef4444;font-weight:600}.work-history-calendar-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px;box-shadow:0 2px 8px #00000005}.calendar-card-header h3{color:#0f172a;margin:0 0 12px;font-size:15px;font-weight:700}.site-color-legend-row{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.legend-chip{color:#475569;align-items:center;gap:5px;font-size:11.5px;display:flex}.legend-chip .dot{border-radius:50%;width:8px;height:8px}.calendar-month-controls{align-items:center;gap:10px;margin-bottom:16px;display:flex}.month-nav-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.month-title-text{color:#0f172a;font-size:14px;font-weight:700}.today-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:600}.calendar-days-header{text-align:center;color:#64748b;grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:11.5px;font-weight:600;display:grid}.calendar-grid-cells{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-day-cell{aspect-ratio:1.1;cursor:pointer;background:#f8fafc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.calendar-day-cell:hover{background:#eff6ff}.calendar-day-cell.day-selected{background:#eff6ff;border:2px solid #2563eb}.day-number{color:#334155;font-size:12px;font-weight:600}.day-dot{border-radius:50%;width:6px;height:6px;margin-top:3px}.calendar-day-summary-footer{color:#475569;border-top:1px solid #f1f5f9;margin-top:16px;padding-top:12px;font-size:12px}.tab-content-section{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px}.no-agent-selected-state{text-align:center;color:#94a3b8;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:60px 20px}@media (width<=1280px){.agents-dual-panel-grid{grid-template-columns:1fr}}[data-theme=dark] .agents-filter-bar,[data-theme=dark] .agents-table-card,[data-theme=dark] .section-card-widget,[data-theme=dark] .agent-profile-header-card,[data-theme=dark] .overview-card,[data-theme=dark] .work-history-calendar-card,[data-theme=dark] .tab-content-section,[data-theme=dark] .no-agent-selected-state,[data-theme=dark] .back-to-agents-btn,[data-theme=dark] .page-num-btn,[data-theme=dark] .page-nav-btn,body.dark-mode .agents-filter-bar,body.dark-mode .agents-table-card,body.dark-mode .section-card-widget,body.dark-mode .agent-profile-header-card,body.dark-mode .overview-card,body.dark-mode .work-history-calendar-card,body.dark-mode .tab-content-section,body.dark-mode .no-agent-selected-state,body.dark-mode .back-to-agents-btn,body.dark-mode .page-num-btn,body.dark-mode .page-nav-btn{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .search-box-wrapper,[data-theme=dark] .filter-select-input,[data-theme=dark] .month-nav-btn,[data-theme=dark] .today-btn,[data-theme=dark] .calendar-day-cell,body.dark-mode .search-box-wrapper,body.dark-mode .filter-select-input,body.dark-mode .month-nav-btn,body.dark-mode .today-btn,body.dark-mode .calendar-day-cell{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .search-box-wrapper input,body.dark-mode .search-box-wrapper input{color:#f8fafc!important}[data-theme=dark] .search-box-wrapper input::placeholder,body.dark-mode .search-box-wrapper input::placeholder{color:#64748b!important}[data-theme=dark] .agents-data-table th,[data-theme=dark] .sub-data-table th,body.dark-mode .agents-data-table th,body.dark-mode .sub-data-table th{color:#94a3b8!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .agents-data-table td,[data-theme=dark] .sub-data-table td,body.dark-mode .agents-data-table td,body.dark-mode .sub-data-table td{color:#f8fafc!important;border-bottom-color:#334155!important}[data-theme=dark] .agent-row:hover,body.dark-mode .agent-row:hover{background-color:#ffffff0d!important}[data-theme=dark] .agent-row.row-selected,body.dark-mode .agent-row.row-selected{background-color:#0f172a!important;border-left:3px solid #2563eb!important}[data-theme=dark] .agents-page-title,[data-theme=dark] .agent-name-text,[data-theme=dark] .widget-header-row h3,[data-theme=dark] .worker-name-text,[data-theme=dark] .site-name-bold,[data-theme=dark] .name-status-row h2,[data-theme=dark] .meta-val,[data-theme=dark] .card-num,[data-theme=dark] .calendar-card-header h3,[data-theme=dark] .month-title-text,[data-theme=dark] .day-number,[data-theme=dark] .active-breadcrumb,body.dark-mode .agents-page-title,body.dark-mode .agent-name-text,body.dark-mode .widget-header-row h3,body.dark-mode .worker-name-text,body.dark-mode .site-name-bold,body.dark-mode .name-status-row h2,body.dark-mode .meta-val,body.dark-mode .card-num,body.dark-mode .calendar-card-header h3,body.dark-mode .month-title-text,body.dark-mode .day-number,body.dark-mode .active-breadcrumb{color:#f8fafc!important}[data-theme=dark] .agents-page-subtitle,[data-theme=dark] .agent-phone-text,[data-theme=dark] .agent-site-text,[data-theme=dark] .pagination-info-text,[data-theme=dark] .worker-phone-text,[data-theme=dark] .agent-code-text,[data-theme=dark] .agent-contact-line,[data-theme=dark] .agent-email-line,[data-theme=dark] .meta-label,[data-theme=dark] .stat-lbl,[data-theme=dark] .card-lbl,[data-theme=dark] .calendar-days-header,[data-theme=dark] .calendar-day-summary-footer,body.dark-mode .agents-page-subtitle,body.dark-mode .agent-phone-text,body.dark-mode .agent-site-text,body.dark-mode .pagination-info-text,body.dark-mode .worker-phone-text,body.dark-mode .agent-code-text,body.dark-mode .agent-contact-line,body.dark-mode .agent-email-line,body.dark-mode .meta-label,body.dark-mode .stat-lbl,body.dark-mode .card-lbl,body.dark-mode .calendar-days-header,body.dark-mode .calendar-day-summary-footer{color:#94a3b8!important}.agent-salary-page-container{flex-direction:column;gap:20px;padding:24px;display:flex}.salary-page-header h1{color:var(--text-primary,#0f172a);margin:0;font-size:22px;font-weight:800}.salary-page-header p{color:var(--text-secondary,#64748b);margin:4px 0 0;font-size:13.5px}.salary-toast-success{color:#047857;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.salary-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.salary-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.salary-stats-grid{grid-template-columns:1fr}}.salary-stat-card{background-color:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;align-items:flex-start;gap:14px;padding:18px;display:flex;box-shadow:0 1px 3px #0000000d}.card-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.card-icon-wrap.blue{color:#0284c7;background-color:#e0f2fe}.card-icon-wrap.purple{color:#9333ea;background-color:#f3e8ff}.card-icon-wrap.orange{color:#ea580c;background-color:#ffedd5}.card-icon-wrap.green{color:#16a34a;background-color:#dcfce7}.card-lbl{color:var(--text-secondary,#64748b);font-size:12px;font-weight:600;display:block}.card-sub{color:var(--text-secondary,#94a3b8);font-size:11px;font-weight:600}.card-sub.green{color:#16a34a}.salary-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.search-box-wrap{flex:1;min-width:280px;position:relative}.search-box-wrap .search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box-wrap input{border:1px solid var(--border-color,#e2e8f0);background-color:var(--bg-card,#fff);width:100%;color:var(--text-primary,#0f172a);border-radius:10px;outline:none;padding:10px 14px 10px 38px;font-size:13.5px}.filter-dropdown-group{gap:10px;display:flex}.salary-select-filter{border:1px solid var(--border-color,#e2e8f0);background-color:var(--bg-card,#fff);color:var(--text-primary,#334155);cursor:pointer;border-radius:10px;outline:none;padding:9px 14px;font-size:13px;font-weight:600}.salary-table-card{background-color:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.salary-data-table{border-collapse:collapse;text-align:left;width:100%}.salary-data-table th{background-color:var(--bg-subtle,#f8fafc);color:var(--text-secondary,#64748b);border-bottom:1px solid var(--border-color,#e2e8f0);text-transform:uppercase;letter-spacing:.3px;padding:14px 18px;font-size:12px;font-weight:700}.salary-table-row td{border-bottom:1px solid var(--border-color,#f1f5f9);color:var(--text-primary,#0f172a);vertical-align:middle;padding:14px 18px;font-size:13.5px}.agent-user-cell{align-items:center;gap:12px;display:flex}.agent-name{color:var(--text-primary,#0f172a);font-weight:700;display:block}.agent-code{color:var(--text-secondary,#64748b);font-size:11.5px;font-weight:600}.role-pill{border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.role-pill.field-pill{color:#0369a1;background-color:#e0f2fe}.role-pill.support-pill{color:#7e22ce;background-color:#f3e8ff}.designation-cell .des-title{color:var(--text-primary,#334155);font-weight:600;display:block}.designation-cell .des-site{color:var(--text-secondary,#94a3b8);font-size:11.5px}.amount-cell{font-weight:700}.amount-cell.base-num{color:#0f172a}.amount-cell.bonus-num{color:#2563eb}.amount-cell.net-num{color:#059669;font-size:14px;font-weight:800}.status-pill{border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:700}.status-pill.active-pill{color:#15803d;background-color:#dcfce7}.status-pill.inactive-pill{color:#b91c1c;background-color:#fee2e2}.edit-salary-btn{color:#2563eb;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.edit-salary-btn:hover{background-color:#dbeafe}.modal-backdrop-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;background-color:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.edit-salary-modal{background-color:var(--bg-card,#fff);border-radius:16px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-top-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-top-header h3{color:var(--text-primary,#0f172a);margin:0;font-size:17px;font-weight:800}.close-modal-x{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.close-modal-x:hover{color:#0f172a}.edit-salary-form{flex-direction:column;gap:16px;padding:22px;display:flex}.agent-info-summary-box{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.agent-info-summary-box h4{color:#0f172a;margin:0;font-size:15px;font-weight:700}.agent-info-summary-box p{color:#64748b;margin:2px 0 0;font-size:12px}.form-grid-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-field-group{flex-direction:column;gap:6px;display:flex}.form-field-group label{color:#475569;font-size:12px;font-weight:700}.form-field-group input,.form-field-group select{color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 12px;font-size:13.5px}.modal-actions-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;margin-top:10px;padding-top:14px;display:flex}.cancel-modal-btn{color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700}.save-modal-btn{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:13px;font-weight:700;display:inline-flex}.save-modal-btn:hover{background-color:#1d4ed8}.worker-support-layout{color:#1e293b;grid-template-columns:1.8fr 1.2fr;gap:24px;width:100%;padding-bottom:40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:grid}.worker-support-left-col{flex-direction:column;gap:20px;display:flex}.worker-support-header{justify-content:space-between;align-items:center;display:flex}.worker-support-header h1{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:800}.worker-support-header p{color:#64748b;margin:0;font-size:13.5px}.raise-ticket-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb40}.raise-ticket-btn:hover{background:#1d4ed8}.support-stat-filter-row{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.stat-card{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:14px;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000005}.stat-card:hover{border-color:#cbd5e1;transform:translateY(-1px)}.stat-card.active{background:#eff6ff;border-color:#2563eb}.icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-box.purple{color:#9333ea;background:#f3e8ff}.icon-box.orange{color:#d97706;background:#fffbeb}.icon-box.blue{color:#2563eb;background:#eff6ff}.icon-box.green{color:#16a34a;background:#f0fdf4}.icon-box.grey{color:#64748b;background:#f1f5f9}.card-lbl{color:#64748b;font-size:11.5px;display:block}.support-filter-controls{background:#fff;border:1px solid #f1f5f9;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.search-input-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;padding:6px 12px;display:flex}.search-input-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.dropdown-filter-group{align-items:center;gap:8px;display:flex}.filter-select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:12.5px}.icon-filter-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:flex}.support-tickets-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000005}.worker-tickets-table{border-collapse:collapse;text-align:left;width:100%}.worker-tickets-table th{color:#64748b;border-bottom:1px solid #f1f5f9;padding:10px 12px;font-size:12px;font-weight:600}.worker-tickets-table td{vertical-align:middle;border-bottom:1px solid #f8fafc;padding:14px 12px;font-size:13px}.ticket-row{cursor:pointer;transition:background-color .15s}.ticket-row:hover{background-color:#f8fafc}.ticket-row.row-selected{border-left:3px solid #2563eb;background-color:#eff6ff!important}.ticket-id-code{color:#2563eb;font-size:12.5px;font-weight:700}.ticket-subject-title{color:#0f172a;font-weight:600}.last-updated-text{color:#64748b;font-size:12px}.p-badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.p-badge.high{color:#ef4444;background:#fef2f2}.p-badge.medium{color:#d97706;background:#fffbeb}.p-badge.low{color:#16a34a;background:#f0fdf4}.s-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.s-badge.open{color:#2563eb;background:#eff6ff}.s-badge.in-progress{color:#9333ea;background:#f3e8ff}.s-badge.resolved{color:#16a34a;background:#dcfce7}.s-badge.closed,.s-badge.default{color:#64748b;background:#f1f5f9}.pagination-pages{gap:4px;display:flex}.page-num-btn,.page-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:28px;height:28px;font-size:12px}.page-num-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.support-help-banner{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:18px 20px;box-shadow:0 2px 8px #00000005}.banner-title-row h3{color:#0f172a;margin:0 0 14px;font-size:15px;font-weight:700}.help-cards-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.help-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.help-card h4{color:#0f172a;margin:0 0 2px;font-size:12.5px;font-weight:700}.help-card p{color:#64748b;margin:0;font-size:11px}.worker-support-right-col{flex-direction:column;display:flex}.ticket-detail-panel{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #00000005}.panel-header-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.panel-title-group{align-items:center;gap:10px;display:flex}.panel-title-group h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.close-panel-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.ticket-header-meta{flex-direction:column;gap:8px;display:flex}.ticket-number-row{align-items:center;gap:8px;display:flex}.t-number{color:#2563eb;font-size:13px;font-weight:700}.t-subject{color:#0f172a;margin:0;font-size:16px;font-weight:800}.meta-info-grid{gap:20px;margin-top:6px;display:flex}.meta-info-grid div{flex-direction:column;display:flex}.meta-lbl{color:#64748b;font-size:11px}.meta-val{color:#0f172a;margin-top:2px;font-size:12px;font-weight:600}.ticket-section-block{flex-direction:column;gap:6px;display:flex}.section-title{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:700}.description-text{color:#334155;background:#f8fafc;border-radius:10px;margin:0;padding:12px;font-size:13px;line-height:1.4}.attachment-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.attachment-info{flex-direction:column;flex:1;display:flex}.doc-name{color:#0f172a;font-size:12.5px;font-weight:700}.doc-size{color:#64748b;font-size:11px}.download-attachment-btn{color:#2563eb;padding:6px}.conversation-section-block{border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;padding-top:14px;display:flex}.conversation-header{color:#0f172a;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.live-pill{color:#10b981;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.green-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.conversation-messages-list{flex-direction:column;gap:10px;max-height:260px;padding-right:4px;display:flex;overflow-y:auto}.chat-bubble{border-radius:12px;max-width:88%;padding:10px 12px}.chat-bubble.worker{background:#eff6ff;border:1px solid #bfdbfe;align-self:flex-start}.chat-bubble.agent{background:#f0fdf4;border:1px solid #bbf7d0;align-self:flex-end}.bubble-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.bubble-header .user-name{color:#0f172a;font-size:11.5px;font-weight:700}.bubble-header .time-text{color:#64748b;font-size:10px}.chat-bubble p{color:#1e293b;margin:0;font-size:12.5px;line-height:1.35}.chat-input-form{background:#f8fafc;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:8px;padding:4px 6px 4px 14px;display:flex}.chat-input-form input{background:0 0;border:none;outline:none;flex:1;font-size:12.5px}.attach-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px}.send-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.send-btn:disabled{cursor:not-allowed;background:#94a3b8}.feedback-rating-widget{text-align:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;align-items:center;padding:14px;display:flex}.feedback-title{color:#0f172a;font-size:12.5px;font-weight:700}.feedback-sub{color:#64748b;margin-top:2px;font-size:11px}.star-rating-row{gap:6px;margin-top:8px;display:flex}.star-icon{color:#cbd5e1;cursor:pointer;transition:color .15s}.star-icon.filled{color:#f59e0b;fill:#f59e0b}.no-ticket-selected-card{text-align:center;color:#94a3b8;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:60px 20px}@media (width<=1280px){.worker-support-layout{grid-template-columns:1fr}}.assignment-tabs-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:6px;display:flex}.assignment-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.assignment-tab-btn:hover{color:#0f172a;background:#fff}.assignment-tab-btn.active{color:#2563eb;background:#fff;border:1px solid #cbd5e1;font-weight:700;box-shadow:0 2px 6px #0000000d}.assignment-count-badge{border-radius:10px;justify-content:center;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.assignment-count-badge.purple{color:#7e22ce;background:#f3e8ff}.assignment-count-badge.green{color:#15803d;background:#dcfce7}.assignment-count-badge.orange{color:#c2410c;background:#ffedd5}[data-theme=dark] .stat-card,[data-theme=dark] .support-filter-controls,[data-theme=dark] .support-tickets-table-card,[data-theme=dark] .support-help-banner,[data-theme=dark] .ticket-detail-panel,[data-theme=dark] .no-ticket-selected-card,[data-theme=dark] .assignment-tabs-container,[data-theme=dark] .help-card,[data-theme=dark] .feedback-rating-widget,[data-theme=dark] .page-num-btn,[data-theme=dark] .page-nav-btn,body.dark-mode .stat-card,body.dark-mode .support-filter-controls,body.dark-mode .support-tickets-table-card,body.dark-mode .support-help-banner,body.dark-mode .ticket-detail-panel,body.dark-mode .no-ticket-selected-card,body.dark-mode .assignment-tabs-container,body.dark-mode .help-card,body.dark-mode .feedback-rating-widget,body.dark-mode .page-num-btn,body.dark-mode .page-nav-btn{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .stat-card.active,body.dark-mode .stat-card.active{background-color:#0f172a!important;border-color:#2563eb!important}[data-theme=dark] .search-input-box,[data-theme=dark] .filter-select,[data-theme=dark] .icon-filter-btn,[data-theme=dark] .description-text,[data-theme=dark] .attachment-card,[data-theme=dark] .chat-input-form,body.dark-mode .search-input-box,body.dark-mode .filter-select,body.dark-mode .icon-filter-btn,body.dark-mode .description-text,body.dark-mode .attachment-card,body.dark-mode .chat-input-form{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .search-input-box input,[data-theme=dark] .chat-input-form input,body.dark-mode .search-input-box input,body.dark-mode .chat-input-form input{color:#f8fafc!important}[data-theme=dark] .search-input-box input::placeholder,[data-theme=dark] .chat-input-form input::placeholder,body.dark-mode .search-input-box input::placeholder,body.dark-mode .chat-input-form input::placeholder{color:#64748b!important}[data-theme=dark] .worker-tickets-table th,body.dark-mode .worker-tickets-table th{color:#94a3b8!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .worker-tickets-table td,body.dark-mode .worker-tickets-table td{color:#f8fafc!important;border-bottom-color:#334155!important}[data-theme=dark] .ticket-row:hover,body.dark-mode .ticket-row:hover{background-color:#ffffff0d!important}[data-theme=dark] .ticket-row.row-selected,body.dark-mode .ticket-row.row-selected{background-color:#0f172a!important;border-left:3px solid #2563eb!important}[data-theme=dark] .worker-support-header h1,[data-theme=dark] .card-val,[data-theme=dark] .ticket-subject-title,[data-theme=dark] .banner-title-row h3,[data-theme=dark] .help-card h4,[data-theme=dark] .panel-title-group h3,[data-theme=dark] .t-subject,[data-theme=dark] .meta-val,[data-theme=dark] .doc-name,[data-theme=dark] .conversation-header,[data-theme=dark] .bubble-header .user-name,[data-theme=dark] .feedback-title,body.dark-mode .worker-support-header h1,body.dark-mode .card-val,body.dark-mode .ticket-subject-title,body.dark-mode .banner-title-row h3,body.dark-mode .help-card h4,body.dark-mode .panel-title-group h3,body.dark-mode .t-subject,body.dark-mode .meta-val,body.dark-mode .doc-name,body.dark-mode .conversation-header,body.dark-mode .bubble-header .user-name,body.dark-mode .feedback-title{color:#f8fafc!important}[data-theme=dark] .worker-support-header p,[data-theme=dark] .card-lbl,[data-theme=dark] .last-updated-text,[data-theme=dark] .pagination-info,[data-theme=dark] .help-card p,[data-theme=dark] .meta-lbl,[data-theme=dark] .section-title,[data-theme=dark] .doc-size,[data-theme=dark] .bubble-header .time-text,[data-theme=dark] .feedback-sub,body.dark-mode .worker-support-header p,body.dark-mode .card-lbl,body.dark-mode .last-updated-text,body.dark-mode .pagination-info,body.dark-mode .help-card p,body.dark-mode .meta-lbl,body.dark-mode .section-title,body.dark-mode .doc-size,body.dark-mode .feedback-sub{color:#94a3b8!important}[data-theme=dark] .chat-bubble.worker,body.dark-mode .chat-bubble.worker{background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .chat-bubble.agent,body.dark-mode .chat-bubble.agent{background-color:#064e3b!important;border-color:#059669!important}[data-theme=dark] .chat-bubble.worker .bubble-header .user-name,body.dark-mode .chat-bubble.worker .bubble-header .user-name{color:#f8fafc!important}[data-theme=dark] .chat-bubble.agent .bubble-header .user-name,body.dark-mode .chat-bubble.agent .bubble-header .user-name{color:#a7f3d0!important}[data-theme=dark] .chat-bubble.worker .bubble-header .time-text,body.dark-mode .chat-bubble.worker .bubble-header .time-text{color:#94a3b8!important}[data-theme=dark] .chat-bubble.agent .bubble-header .time-text,body.dark-mode .chat-bubble.agent .bubble-header .time-text{color:#6ee7b7!important}[data-theme=dark] .chat-bubble.worker p,body.dark-mode .chat-bubble.worker p{color:#f8fafc!important}[data-theme=dark] .chat-bubble.agent p,body.dark-mode .chat-bubble.agent p{color:#ecfdf5!important}[data-theme=dark] .assignment-tab-btn.active,body.dark-mode .assignment-tab-btn.active{color:#2563eb!important;background-color:#1e293b!important;border-color:#334155!important}@media (width<=1024px){.worker-support-layout{grid-template-columns:1fr!important;gap:20px!important}.support-stat-filter-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important}}@media (width<=640px){.worker-support-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.support-table-controls{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.raise-ticket-btn{justify-content:center!important;width:100%!important}}.support-login-container{color:#1e293b;background-color:#f8fafc;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.support-login-left{background:linear-gradient(135deg,#f0f7ff 0%,#e0f2fe 50%,#dbeafe 100%);flex-direction:column;flex:1.1;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.support-left-content{flex-direction:column;justify-content:space-between;max-width:520px;height:100%;margin:0 auto;display:flex}.support-brand-badge{text-align:center;flex-direction:column;align-items:center;margin-top:10px;display:flex}.support-icon-circle{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex;box-shadow:0 10px 25px -5px #2563eb26}.support-brand-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 10px;font-size:28px;font-weight:800}.support-brand-subtitle{color:#64748b;max-width:400px;margin:0;font-size:14px;line-height:1.5}.support-features-list{flex-direction:column;gap:20px;margin:24px 0;display:flex}.support-feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff9;border-radius:16px;align-items:flex-start;gap:16px;padding:16px 20px;transition:transform .2s;display:flex;box-shadow:0 4px 15px #00000005}.support-feature-item:hover{transform:translateY(-2px)}.feature-icon-box{background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.feature-text h3{color:#1e293b;margin:0 0 4px;font-size:15px;font-weight:700}.feature-text p{color:#64748b;margin:0;font-size:13px;line-height:1.4}.support-agent-illustration{justify-content:center;width:100%;margin:10px 0;display:flex}.agent-hero-image{object-fit:cover;border:4px solid #fff;border-radius:20px;max-width:100%;max-height:220px;box-shadow:0 12px 30px #0f172a1f}.support-left-footer{color:#94a3b8;text-align:center;margin-top:16px;font-size:12px}.support-login-right{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.support-card-container{background:#fff;border:1px solid #f1f5f9;border-radius:24px;width:100%;max-width:440px;padding:40px;box-shadow:0 20px 40px -15px #00000012,0 0 1px #0000001a}.support-card-header{text-align:center;margin-bottom:28px}.support-card-header h2{color:#0f172a;margin:0 0 6px;font-size:26px;font-weight:800}.support-card-header p{color:#64748b;margin:0;font-size:14px}.support-alert{border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;line-height:1.4}.support-alert.error{color:#dc2626;background-color:#fef2f2;border:1px solid #fee2e2}.support-alert.success{color:#16a34a;background-color:#f0fdf4;border:1px solid #dcfce7}.support-login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#334155;font-size:13px;font-weight:600}.label-row{justify-content:space-between;align-items:center;display:flex}.forgot-link{color:#2563eb;font-size:13px;font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.input-wrapper input{color:#0f172a;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;height:48px;padding:0 44px;font-size:14px;transition:all .2s}.input-wrapper input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:14px}.password-toggle:hover{color:#475569}.remember-me-row{align-items:center;display:flex}.checkbox-label{cursor:pointer;color:#475569;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.checkbox-active{color:#2563eb}.checkbox-inactive{color:#cbd5e1}.support-submit-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:4px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #2563eb40}.support-submit-btn:hover{background:#1d4ed8;box-shadow:0 6px 16px #2563eb59}.support-submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#93c5fd}.support-divider{text-align:center;align-items:center;margin:24px 0 20px;display:flex}.support-divider:before,.support-divider:after{content:"";border-bottom:1px solid #e2e8f0;flex:1}.support-divider span{color:#94a3b8;text-transform:lowercase;padding:0 12px;font-size:12px}.social-auth-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.social-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:44px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.social-btn:hover{background:#f8fafc;border-color:#cbd5e1}.support-card-footer{text-align:center;color:#64748b;margin-top:24px;font-size:13px}.support-card-footer a{color:#2563eb;font-weight:600;text-decoration:none}.support-card-footer a:hover{text-decoration:underline}.forgot-password-below-wrapper{text-align:right;margin-top:6px}.forgot-link-below{color:#2563eb;font-size:12.5px;font-weight:600;text-decoration:none;transition:color .15s}.forgot-link-below:hover{color:#1d4ed8;text-decoration:underline}.support-top-nav-bar{justify-content:flex-start;margin-bottom:16px;display:flex}.top-nav-main-login-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.top-nav-main-login-btn:hover{color:#0f172a;background:#e2e8f0}.main-login-redirect-card{margin-top:16px}.main-login-redirect-btn{color:#2563eb;cursor:pointer;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.main-login-redirect-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}@media (width<=960px){.support-login-container{flex-direction:column}.support-login-left{padding:32px 24px}.support-agent-illustration{display:none}}.ticket-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172aa6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ticket-modal-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;max-width:720px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.ticket-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.header-left-title{align-items:center;gap:10px;display:flex}.ticket-modal-number{color:#2563eb;font-size:16px;font-weight:800}.modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.ticket-modal-body{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.modal-status-banner{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600}.ticket-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.ticket-subject-title{color:#0f172a;margin:0 0 10px;font-size:20px;font-weight:800}.ticket-meta-info{color:#64748b;gap:16px;margin-bottom:16px;font-size:12px;display:flex}.ticket-meta-info span{align-items:center;gap:4px;display:flex}.ticket-description-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:14px}.ticket-description-box h4{color:#475569;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.ticket-description-box p{color:#1e293b;margin:0;font-size:14px;line-height:1.5}.ticket-attachment-box{color:#475569;background:#eff6ff;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font-size:13px;display:flex}.attachment-link{color:#2563eb;align-items:center;gap:4px;font-weight:600;text-decoration:none;display:flex}.attachment-link:hover{text-decoration:underline}.customer-info-card,.agent-controls-card,.comments-thread-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.customer-info-card h4,.agent-controls-card h4,.comments-thread-card h4{color:#0f172a;align-items:center;gap:8px;margin:0 0 14px;font-size:14px;font-weight:700;display:flex}.customer-details-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.info-item{background:#f8fafc;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.info-icon{color:#2563eb}.info-label{color:#64748b;font-size:11px;display:block}.info-value{color:#0f172a;font-size:13px;font-weight:600}.action-buttons-row{gap:10px;margin-bottom:16px;display:flex}.status-btn{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.status-btn.btn-open.active{color:#2563eb;background:#eff6ff;border-color:#2563eb}.status-btn.btn-progress.active{color:#9333ea;background:#f3e8ff;border-color:#9333ea}.status-btn.btn-close.active{color:#16a34a;background:#dcfce7;border-color:#16a34a}.official-reply-form label{color:#475569;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.reply-input-group{gap:8px;display:flex}.reply-input-group input{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;height:40px;padding:0 14px;font-size:13px}.reply-input-group button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:0 16px;font-size:13px;font-weight:600}.comments-list{flex-direction:column;gap:12px;max-height:200px;margin-bottom:14px;display:flex;overflow-y:auto}.comment-bubble{border-radius:12px;padding:10px 14px;font-size:13px}.comment-bubble.worker-comment{background:#f1f5f9}.comment-bubble.agent-comment{background:#eff6ff;border:1px solid #dbeafe}.comment-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.author-name{color:#0f172a;font-size:12px;font-weight:700}.author-role-badge{color:#1e293b;background:#cbd5e1;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.comment-time{color:#94a3b8;margin-left:auto;font-size:11px}.comment-body{color:#334155;margin:0}.add-comment-form{gap:8px;display:flex}.add-comment-form input{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;height:40px;padding:0 14px;font-size:13px}.add-comment-form button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;display:flex}.ticket-priority-badge{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.ticket-priority-badge.high{color:#ef4444;background:#fef2f2}.ticket-priority-badge.medium{color:#d97706;background:#fffbeb}.ticket-priority-badge.low{color:#16a34a;background:#f0fdf4}.ticket-status-badge{border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.ticket-status-badge.open{color:#2563eb;background:#eff6ff}.ticket-status-badge.in-progress{color:#9333ea;background:#f3e8ff}.ticket-status-badge.closed{color:#16a34a;background:#dcfce7}.ticket-status-badge.default{color:#64748b;background:#f1f5f9}[data-theme=dark] .ticket-modal-container,[data-theme=dark] .ticket-detail-card,[data-theme=dark] .customer-info-card,[data-theme=dark] .agent-controls-card,[data-theme=dark] .comments-thread-card,[data-theme=dark] .ticket-modal-header,[data-theme=dark] .ticket-description-box,[data-theme=dark] .info-item,[data-theme=dark] .comment-bubble,body.dark-mode .ticket-modal-container,body.dark-mode .ticket-detail-card,body.dark-mode .customer-info-card,body.dark-mode .agent-controls-card,body.dark-mode .comments-thread-card,body.dark-mode .ticket-modal-header,body.dark-mode .ticket-description-box,body.dark-mode .info-item,body.dark-mode .comment-bubble{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .ticket-subject-title,[data-theme=dark] .customer-info-card h4,[data-theme=dark] .agent-controls-card h4,[data-theme=dark] .comments-thread-card h4,[data-theme=dark] .info-value,[data-theme=dark] .author-name,body.dark-mode .ticket-subject-title,body.dark-mode .customer-info-card h4,body.dark-mode .agent-controls-card h4,body.dark-mode .comments-thread-card h4,body.dark-mode .info-value,body.dark-mode .author-name{color:#f8fafc!important}[data-theme=dark] .ticket-meta-info,[data-theme=dark] .ticket-description-box p,[data-theme=dark] .ticket-description-box h4,[data-theme=dark] .info-label,[data-theme=dark] .comment-body,body.dark-mode .ticket-meta-info,body.dark-mode .ticket-description-box p,body.dark-mode .info-label,body.dark-mode .comment-body{color:#94a3b8!important}.support-dashboard-layout{color:#1e293b;background-color:#f8fafc;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.support-sidebar{color:#94a3b8;z-index:100;background-color:#0b132b;flex-direction:column;flex-shrink:0;justify-content:space-between;width:250px;transition:width .3s;display:flex}.support-dashboard-layout.sidebar-mini .support-sidebar{width:72px}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:70px;padding:0 20px;display:flex}.brand-icon-wrapper{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #2563eb4d}.brand-text-block{flex-direction:column;display:flex}.brand-title{color:#fff;font-size:15px;font-weight:700;line-height:1.2}.brand-sub{color:#94a3b8;font-size:12px}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background-color:#ffffff0f}.nav-item.active{color:#fff;background:#2563eb;font-weight:600;box-shadow:0 4px 12px #2563eb4d}.nav-group{flex-direction:column;display:flex}.menu-arrow{margin-left:auto;transition:transform .2s}.menu-arrow.open{transform:rotate(180deg)}.sub-menu{flex-direction:column;gap:2px;margin-top:4px;margin-bottom:4px;padding-left:42px;display:flex}.sub-menu-item{color:#64748b;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:13px;transition:all .2s}.sub-menu-item:hover{color:#fff;background:#ffffff0d}.sub-menu-item.active{color:#60a5fa;font-weight:600}.nav-badge{border-radius:10px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.nav-badge.red{color:#fff;background-color:#ef4444}.sidebar-profile-footer{border-top:1px solid #ffffff14;align-items:center;gap:10px;padding:16px;display:flex}.profile-avatar-box{position:relative}.profile-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.online-dot-badge{background-color:#10b981;border:2px solid #0b132b;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.profile-details{flex-direction:column;display:flex;overflow:hidden}.profile-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.profile-email{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.logout-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:6px}.logout-icon-btn:hover{color:#ef4444;background:#ef44441a}.support-main-content{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:auto}.support-top-header{background:#fff;border:1px solid #f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;height:60px;margin-bottom:24px;padding:0 24px;display:flex;box-shadow:0 2px 8px #00000005}.header-left{flex:1;align-items:center;gap:16px;display:flex}.sidebar-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.global-search-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;width:100%;max-width:380px;padding:6px 14px;display:flex}.search-icon{color:#94a3b8}.global-search-bar input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.shortcut-kbd{color:#94a3b8;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px;font-size:11px}.header-right{align-items:center;gap:14px;display:flex}.create-ticket-top-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 3px 10px #2563eb33}.create-ticket-top-btn:hover{background:#1d4ed8}.icon-notification-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.icon-notification-btn:hover{background:#f1f5f9}.spin{animation:1s linear infinite spin}.badge-count{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.user-profile-dropdown-container{position:relative}.user-header-card{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:4px 10px;transition:background-color .2s;display:flex}.user-header-card:hover{background-color:#f8fafc}.user-avatar-small{object-fit:cover;border-radius:50%;width:34px;height:34px}.user-info-text{flex-direction:column;display:flex}.user-name{color:#0f172a;font-size:13px;font-weight:600}.status-label-online{color:#10b981;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.green-pulse{background:#10b981;border-radius:50%;width:6px;height:6px;display:inline-block}.user-profile-menu{z-index:500;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:260px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0000001a,0 0 1px #0000000d}.menu-profile-header{align-items:center;gap:12px;padding:6px;display:flex}.menu-profile-header img{object-fit:cover;border-radius:50%;width:42px;height:42px}.menu-user-email{color:#64748b;margin-bottom:4px;font-size:11.5px}.menu-role-badge{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.menu-item-btn{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.menu-item-btn:hover{color:#2563eb;background:#f8fafc}.menu-item-btn.logout-item{color:#dc2626}.menu-item-btn.logout-item:hover{color:#b91c1c;background:#fef2f2}.dashboard-sub-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-title-box h1{color:#0f172a;margin:0 0 4px;font-size:24px;font-weight:800}.header-title-box p{color:#64748b;margin:0;font-size:14px}.date-range-picker{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:flex;box-shadow:0 2px 4px #00000005}.error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:13px;display:flex}.error-banner button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;margin-left:auto;padding:4px 12px}.tab-standalone-page{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:24px;box-shadow:0 2px 8px #00000005}.standalone-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.standalone-header h2{color:#0f172a;margin:0 0 4px;font-size:20px;font-weight:800}.standalone-header p{color:#64748b;margin:0;font-size:13px}.standalone-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;width:280px;padding:8px 14px;display:flex}.standalone-search input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.kb-categories-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px;display:grid}.kb-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:20px}.kb-card h3{margin:12px 0 6px;font-size:16px;font-weight:700}.kb-card p{color:#64748b;margin:0 0 14px;font-size:13px;line-height:1.4}.article-count{color:#2563eb;background:#eff6ff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.notifications-inbox-list{flex-direction:column;gap:12px;display:flex}.notification-inbox-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;gap:14px;padding:14px 18px;display:flex}.notification-inbox-card h4{margin:0 0 4px;font-size:14px;font-weight:700}.notification-inbox-card p{color:#475569;margin:0 0 6px;font-size:13px}.notif-time{color:#94a3b8;font-size:11px}.settings-card-box{flex-direction:column;gap:16px;display:flex}.setting-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.setting-row h4{margin:0 0 4px;font-size:14px;font-weight:700}.setting-row p{color:#64748b;margin:0;font-size:12.5px}.metrics-grid-container{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px;display:grid}.support-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;box-shadow:0 2px 8px #00000005}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.stat-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-icon-wrapper.blue{background:#3b82f6}.stat-icon-wrapper.orange{background:#f59e0b}.stat-icon-wrapper.purple{background:#8b5cf6}.stat-icon-wrapper.green{background:#10b981}.stat-icon-wrapper.red{background:#ef4444}.trend-badge{align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.trend-badge.positive{color:#10b981}.trend-badge.negative{color:#ef4444}.trend-badge small{color:#94a3b8;margin-left:2px;font-weight:400}.card-label{color:#64748b;margin-bottom:4px;font-size:13px;font-weight:500;display:block}.card-value{color:#0f172a;margin:0;font-size:26px;font-weight:800}.charts-feed-row{grid-template-columns:2fr 1.2fr 1.2fr;gap:20px;margin-bottom:24px;display:grid}.dashboard-widget-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;padding:20px;display:flex;box-shadow:0 2px 8px #00000005}.widget-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.widget-card-header h3{color:#0f172a;margin:0;font-size:16px;font-weight:700}.widget-select-dropdown{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:4px 10px;font-size:12px}.chart-legend-row{gap:16px;margin-bottom:16px;display:flex}.legend-item{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.legend-item .dot{border-radius:50%;width:8px;height:8px}.legend-item .dot.blue{background:#3b82f6}.legend-item .dot.green{background:#10b981}.legend-item .dot.red{background:#ef4444}.svg-chart-container{flex-direction:column;flex:1;justify-content:flex-end;display:flex}.trend-line-svg{width:100%;height:150px}.chart-x-axis{color:#94a3b8;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.donut-wrapper{width:140px;height:140px;margin:10px auto;position:relative}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center-text{text-align:center;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-number{color:#0f172a;font-size:22px;font-weight:800}.donut-label{color:#94a3b8;font-size:11px}.priority-legend-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.priority-item{align-items:center;font-size:12px;display:flex}.priority-dot{border-radius:50%;width:8px;height:8px;margin-right:8px}.priority-name{color:#475569;font-weight:500}.priority-val{color:#0f172a;margin-left:auto;font-weight:600}.live-indicator{color:#10b981;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.live-feed-list{flex-direction:column;flex:1;gap:14px;max-height:240px;display:flex;overflow-y:auto}.feed-item{align-items:flex-start;gap:10px;display:flex}.feed-avatar img{border-radius:50%;width:32px;height:32px}.feed-details{flex:1}.feed-action-text{color:#64748b;margin:0;font-size:12px}.feed-subject{color:#1e293b;margin:2px 0 0;font-size:12px}.feed-ticket-id{color:#2563eb;font-weight:600}.feed-time{color:#94a3b8;white-space:nowrap;font-size:11px}.feed-footer-link{text-align:center;border-top:1px solid #f1f5f9;margin-top:16px;padding-top:12px}.feed-footer-link a{color:#2563eb;font-size:12px;font-weight:600;text-decoration:none}.recent-performance-row{grid-template-columns:2.6fr 1fr;gap:20px;display:grid}.table-filter-group{align-items:center;gap:10px;display:flex}.view-all-link{color:#2563eb;font-size:12px;font-weight:600;text-decoration:none}.table-responsive-wrapper{margin-top:10px;overflow-x:auto}.tickets-data-table{border-collapse:collapse;text-align:left;width:100%}.tickets-data-table th{color:#64748b;border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:12px;font-weight:600}.tickets-data-table td{color:#334155;border-bottom:1px solid #f8fafc;padding:14px;font-size:13px}.col-ticket-id a{color:#2563eb;font-weight:600;text-decoration:none}.col-subject{color:#0f172a;font-weight:500}.blank-dash{color:#cbd5e1;font-weight:600}.priority-badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.priority-badge.high{color:#ef4444;background:#fef2f2}.priority-badge.medium{color:#d97706;background:#fffbeb}.priority-badge.low{color:#16a34a;background:#f0fdf4}.status-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.status-badge.open{color:#2563eb;background:#eff6ff}.status-badge.in-progress{color:#9333ea;background:#f3e8ff}.status-badge.resolved{color:#16a34a;background:#dcfce7}.status-badge.default{color:#64748b;background:#f1f5f9}.action-dots-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.action-dots-btn:hover{color:#1e293b;background:#f1f5f9}.table-pagination-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;display:flex}.pagination-info{color:#64748b;font-size:12px}.pagination-pages{align-items:center;gap:4px;display:flex}.page-num{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:28px;height:28px;font-size:12px}.page-num.active{color:#fff;background:#2563eb;border-color:#2563eb}.performance-metrics-list{flex-direction:column;gap:18px;margin:10px 0;display:flex}.perf-item{align-items:center;gap:14px;display:flex}.perf-icon-circle{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.perf-icon-circle.blue{background:#eff6ff}.perf-icon-circle.green{background:#f0fdf4}.perf-icon-circle.orange{background:#fffbeb}.perf-details{flex-direction:column;display:flex}.perf-label{color:#64748b;font-size:12px}.perf-value{color:#0f172a;margin:2px 0;font-size:20px;font-weight:800}.perf-trend{font-size:11px;font-weight:500}.perf-trend.positive{color:#10b981}@media (width<=1280px){.metrics-grid-container{grid-template-columns:repeat(3,1fr)}.charts-feed-row,.recent-performance-row{grid-template-columns:1fr}}[data-theme=dark] .support-dashboard-layout,body.dark-mode .support-dashboard-layout{color:#f8fafc!important;background-color:#0f172a!important}[data-theme=dark] .support-top-header,[data-theme=dark] .support-stat-card,[data-theme=dark] .dashboard-widget-card,[data-theme=dark] .tab-standalone-page,[data-theme=dark] .date-range-picker,[data-theme=dark] .user-profile-menu,[data-theme=dark] .global-search-bar,[data-theme=dark] .kb-card,[data-theme=dark] .setting-row,[data-theme=dark] .notification-inbox-card,body.dark-mode .support-top-header,body.dark-mode .support-stat-card,body.dark-mode .dashboard-widget-card,body.dark-mode .tab-standalone-page,body.dark-mode .date-range-picker,body.dark-mode .user-profile-menu,body.dark-mode .global-search-bar,body.dark-mode .kb-card,body.dark-mode .setting-row,body.dark-mode .notification-inbox-card{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .global-search-bar input,body.dark-mode .global-search-bar input{color:#f8fafc!important}[data-theme=dark] .global-search-bar input::placeholder,body.dark-mode .global-search-bar input::placeholder{color:#94a3b8!important}[data-theme=dark] .shortcut-kbd,body.dark-mode .shortcut-kbd{color:#94a3b8!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .card-value,[data-theme=dark] .header-title-box h1,[data-theme=dark] .standalone-header h2,[data-theme=dark] .perf-value,[data-theme=dark] .user-name,[data-theme=dark] .menu-user-name,[data-theme=dark] .feed-title,[data-theme=dark] .widget-card-header h3,body.dark-mode .card-value,body.dark-mode .header-title-box h1,body.dark-mode .standalone-header h2,body.dark-mode .perf-value,body.dark-mode .user-name,body.dark-mode .menu-user-name,body.dark-mode .feed-title,body.dark-mode .widget-card-header h3{color:#f8fafc!important}[data-theme=dark] .card-label,[data-theme=dark] .header-title-box p,[data-theme=dark] .standalone-header p,[data-theme=dark] .perf-label,[data-theme=dark] .menu-user-email,[data-theme=dark] .feed-sub,[data-theme=dark] .feed-time,body.dark-mode .card-label,body.dark-mode .header-title-box p,body.dark-mode .standalone-header p,body.dark-mode .perf-label,body.dark-mode .menu-user-email,body.dark-mode .feed-sub,body.dark-mode .feed-time{color:#94a3b8!important}[data-theme=dark] .perf-icon-circle.blue,[data-theme=dark] .perf-icon-circle.green,[data-theme=dark] .perf-icon-circle.orange,body.dark-mode .perf-icon-circle.blue,body.dark-mode .perf-icon-circle.green,body.dark-mode .perf-icon-circle.orange{background-color:#0f172a!important}[data-theme=dark] .icon-notification-btn,body.dark-mode .icon-notification-btn{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .icon-notification-btn:hover,body.dark-mode .icon-notification-btn:hover{color:#fff!important;background-color:#334155!important}[data-theme=dark] .user-header-card:hover,body.dark-mode .user-header-card:hover{background-color:#0f172a!important}[data-theme=dark] .user-profile-menu,body.dark-mode .user-profile-menu{background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 10px 25px -5px #00000080!important}[data-theme=dark] .menu-divider,body.dark-mode .menu-divider{background-color:#334155!important}[data-theme=dark] .menu-item-btn,body.dark-mode .menu-item-btn{color:#e2e8f0!important}[data-theme=dark] .menu-item-btn:hover,body.dark-mode .menu-item-btn:hover{color:#60a5fa!important;background-color:#0f172a!important}[data-theme=dark] .menu-item-btn.logout-item:hover,body.dark-mode .menu-item-btn.logout-item:hover{color:#ef4444!important;background-color:#ef444426!important}@media (width<=1024px){.analytics-cards-grid{grid-template-columns:repeat(2,1fr)!important}.support-split-layout{grid-template-columns:1fr!important;gap:20px!important}.support-sidebar{width:72px!important}.brand-text-block,.nav-item span{display:none!important}}@media (width<=768px){.analytics-cards-grid{grid-template-columns:1fr!important}.support-top-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;height:auto!important;padding:14px!important}.header-actions-group{justify-content:space-between!important;width:100%!important}.ticket-filters-bar{flex-wrap:wrap!important;gap:10px!important}.search-ticket-input{width:100%!important}}.att-modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99999;box-sizing:border-box;background-color:#0f172ab3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.att-modal-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;margin:auto;font-family:inherit;animation:.2s cubic-bezier(.16,1,.3,1) attModalFadeIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.att-modal-body{box-sizing:border-box;flex:1;padding:20px;overflow-y:auto}.att-form-row-2col{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}@media (width<=520px){.att-form-row-2col{grid-template-columns:1fr}}@keyframes attModalFadeIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.att-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:0;padding:16px 20px;display:flex}.att-header-title{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;display:flex}.att-header-icon{color:#2563eb}.att-header-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.att-header-close:hover{color:#0f172a;background:#f1f5f9}.att-worker-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.att-worker-left{align-items:center;gap:12px;display:flex}.att-worker-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:800;display:flex}.att-worker-info{flex-direction:column;display:flex}.att-worker-name-row{align-items:center;gap:6px;display:flex}.att-worker-name{color:#0f172a;font-size:14px;font-weight:700}.att-worker-code{color:#64748b;font-size:12px;font-weight:600}.att-worker-sub{color:#64748b;margin:2px 0 0;font-size:12px}.att-date-pill{color:#15803d;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.att-date-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.att-segment-tabs{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.att-tab-btn{cursor:pointer;box-sizing:border-box;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.att-tab-btn.active{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 4px 12px #2563eb40}.att-tab-btn.inactive{color:#64748b;background:#fff;border:1px solid #e2e8f0}.att-tab-btn.inactive:hover{color:#0f172a;background:#f8fafc}.att-section-title{color:#2563eb;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.att-field{margin-bottom:16px}.att-field-label{color:#334155;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.att-rate-tag{color:#16a34a;font-size:12px;font-weight:700}.att-photo-box{text-align:center;cursor:pointer;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:20px;transition:all .2s}.att-photo-box:hover{background:#eff6ff;border-color:#2563eb}.att-photo-icon-circle{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 8px;display:flex}.att-photo-title{color:#0f172a;margin:0 0 2px;font-size:13px;font-weight:700}.att-photo-sub{color:#64748b;margin:0;font-size:11px}.att-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.att-input-icon-left{color:#64748b;pointer-events:none;align-items:center;display:flex;position:absolute;left:12px}.att-input-icon-right{color:#64748b;pointer-events:none;align-items:center;display:flex;position:absolute;right:12px}.att-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s}.att-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.att-input.has-left-icon{padding-left:38px}.att-input.has-right-icon{padding-right:38px}.att-select{color:#0f172a;appearance:none;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 38px;font-size:13px;font-weight:600}.att-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.att-status-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.att-status-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.att-status-btn.selected-2{color:#fff;background:#059669;border-color:#059669;box-shadow:0 4px 12px #05966940}.att-status-btn.selected-1{color:#fff;background:#d97706;border-color:#d97706;box-shadow:0 4px 12px #d9770640}.att-badge-num{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.att-footer-actions{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;padding-top:16px;display:grid}.att-btn-cancel{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:11px 16px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.att-btn-cancel:hover{color:#0f172a;background:#f8fafc}.att-btn-save{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:700;transition:background .15s,transform .1s;display:flex;box-shadow:0 4px 14px #2563eb4d}.att-btn-save:hover{background:#1d4ed8}.att-btn-save:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .att-modal-card,body.dark-mode .att-modal-card{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .att-header-title,[data-theme=dark] .att-worker-name,[data-theme=dark] .att-photo-title,[data-theme=dark] .att-field-label,body.dark-mode .att-header-title,body.dark-mode .att-worker-name,body.dark-mode .att-photo-title,body.dark-mode .att-field-label{color:#f8fafc!important}[data-theme=dark] .att-worker-card,[data-theme=dark] .att-photo-box,[data-theme=dark] .att-tab-btn.inactive,body.dark-mode .att-worker-card,body.dark-mode .att-photo-box,body.dark-mode .att-tab-btn.inactive{color:#94a3b8!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .att-input,[data-theme=dark] .att-select,body.dark-mode .att-input,body.dark-mode .att-select{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}.worker-dashboard-container{color:#1e293b;flex-direction:column;gap:20px;width:100%;padding-bottom:40px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.worker-top-header{background:#fff;border:1px solid #f1f5f9;border-radius:16px;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;box-shadow:0 2px 8px #00000005}.welcome-title-box h1{color:#0f172a;margin:0 0 4px;font-size:22px;font-weight:800}.welcome-title-box p{color:#64748b;margin:0;font-size:13.5px}.header-actions-right{align-items:center;gap:14px;display:flex}.header-date-badge{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.live-status-pill{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;display:flex}.green-dot-pulse{background:#16a34a;border-radius:50%;width:8px;height:8px;display:inline-block}.notif-bell-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative}.notif-badge-num{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.profile-wrapper-dropdown{position:relative}.header-worker-profile.clickable{cursor:pointer;border-radius:10px;padding:4px 8px;transition:background .15s}.header-worker-profile.clickable:hover{background:#f8fafc}.header-profile-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:240px;margin-top:8px;padding:12px;position:absolute;top:100%;right:0;box-shadow:0 10px 25px -5px #0000001a}.menu-header{flex-direction:column;padding-bottom:8px;display:flex}.menu-user-name{color:#0f172a;font-size:13.5px;font-weight:800}.menu-user-email{color:#64748b;font-size:11.5px}.menu-user-role{color:#2563eb;margin-top:2px;font-size:11px;font-weight:700}.menu-divider{background:#f1f5f9;height:1px;margin:8px 0}.menu-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.menu-item:hover{color:#0f172a;background:#f8fafc}.menu-item.logout-item{color:#ef4444}.menu-item.logout-item:hover{color:#dc2626;background:#fef2f2}.month-switcher-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:2px 4px;display:flex}.month-nav-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.month-nav-btn:hover{color:#2563eb;background:#fff;box-shadow:0 1px 3px #00000014}.today-btn-small{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.highlight-month{color:#2563eb;font-weight:800}.worker-layout-body{gap:24px;width:100%;display:flex}.worker-main-content-column{flex-direction:column;flex:1;gap:20px;display:flex}.worker-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.w-metric-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 2px 8px #00000005}.card-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.card-icon-box.green{background:#f0fdf4}.card-icon-box.blue{background:#eff6ff}.card-icon-box.purple{background:#f3e8ff}.card-icon-box.orange{background:#fffbeb}.card-info{flex-direction:column;display:flex}.card-lbl{color:#64748b;font-size:12px;font-weight:500}.card-val{color:#0f172a;margin:2px 0;font-size:18px;font-weight:800}.card-val.green-text{color:#10b981}.inline-icon{vertical-align:middle;display:inline}.card-sub{color:#94a3b8;font-size:11.5px}.worker-middle-widgets-row{grid-template-columns:1.3fr 1fr 1fr;gap:20px;display:grid}.w-widget-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;padding:20px;display:flex;box-shadow:0 2px 8px #00000005}.widget-header{margin-bottom:16px}.widget-header h3{color:#0f172a;margin:0;font-size:15.5px;font-weight:700}.flex-between{justify-content:space-between;align-items:center;display:flex}.calendar-legend-bar{color:#475569;gap:12px;margin-bottom:14px;font-size:11.5px;display:flex}.legend-item{align-items:center;gap:4px;display:flex}.badge-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex}.badge-circle.green{background:#10b981}.badge-circle.orange{background:#f59e0b}.badge-circle.red{background:#ef4444}.badge-dot.grey{background:#cbd5e1;border-radius:50%;width:6px;height:6px}.calendar-days-bar{text-align:center;color:#64748b;grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:11.5px;font-weight:600;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-cell{aspect-ratio:1;cursor:pointer;background:#f8fafc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.day-cell:hover{background:#eff6ff}.day-cell.selected{background:#eff6ff;border:2px solid #2563eb}.day-cell.muted{opacity:.35;cursor:default}.day-cell .num{color:#334155;font-size:12px;font-weight:600}.status-badge-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;font-size:9px;font-weight:800;display:flex}.status-badge-icon.green{background:#10b981}.status-badge-icon.orange{background:#f59e0b}.status-badge-icon.red{background:#ef4444}.status-dot-grey{background:#cbd5e1;border-radius:50%;width:5px;height:5px;margin-top:4px}.attendance-details-list{flex-direction:column;flex:1;gap:12px;display:flex}.detail-row{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:flex-start;padding-bottom:6px;font-size:12.5px;display:flex}.detail-row .lbl{color:#64748b}.detail-row .val{color:#0f172a;text-align:right}.detail-row .val.bold{font-weight:700}.detail-row .val.green-text{color:#10b981}.detail-row .val.purple-text{color:#9333ea}.detail-row .val.red-text{color:#ef4444}.detail-row .muted-text{color:#94a3b8;font-weight:400}.realtime-banner-pill{color:#16a34a;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-top:14px;padding:8px 12px;font-size:11.5px;font-weight:600}.apply-leave-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.leave-status-summary-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.leave-stat-box{text-align:center;border-radius:12px;flex-direction:column;padding:10px;display:flex}.leave-stat-box.orange{color:#d97706;background:#fffbeb;border:1px solid #fef3c7}.leave-stat-box.green{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.leave-stat-box.red{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2}.leave-stat-box .stat-num{font-size:18px;font-weight:800}.leave-stat-box .stat-lbl{font-size:11px;font-weight:600}.leave-requests-list{flex-direction:column;gap:10px;display:flex}.list-title{color:#64748b;font-size:12px;font-weight:700}.leave-request-item{cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;padding:10px 12px;display:flex}.item-header-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.status-badge{border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:700}.status-badge.orange{color:#d97706;background:#fffbeb}.status-badge.green{color:#16a34a;background:#f0fdf4}.status-badge.red{color:#dc2626;background:#fef2f2}.arrow-icon{color:#94a3b8}.leave-dates{color:#0f172a;margin:0 0 2px;font-size:12.5px;font-weight:700}.leave-reason{color:#475569;font-size:11.5px}.applied-date{color:#94a3b8;margin-top:2px;font-size:11px}.worker-bottom-widgets-row{grid-template-columns:2fr 1fr;gap:20px;display:grid}.salary-widget-body{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.salary-breakdown-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;padding:16px}.month-lbl{color:#64748b;font-size:11.5px}.total-val{color:#0f172a;margin:4px 0 14px;font-size:24px;font-weight:800}.breakdown-rows-list{border-top:1px dashed #e2e8f0;flex-direction:column;gap:8px;padding-top:12px;display:flex}.b-row{color:#475569;justify-content:space-between;font-size:12.5px;display:flex}.total-earnings-footer{border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:12px;padding-top:10px;font-size:13.5px;font-weight:700;display:flex}.green-text{color:#10b981}.recent-payslips-box{flex-direction:column;gap:10px;display:flex}.box-title{color:#64748b;font-size:12.5px;font-weight:700}.payslips-list{flex-direction:column;gap:8px;display:flex}.payslip-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.m-name{color:#0f172a;font-size:12.5px;font-weight:700;display:block}.m-amt{color:#64748b;font-size:11.5px;display:block}.download-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.work-summary-details-list{flex-direction:column;gap:12px;display:flex}.w-summary-row{border-bottom:1px dashed #f1f5f9;flex-direction:column;padding-bottom:8px;font-size:12.5px;display:flex}.w-summary-row .lbl{color:#64748b;margin-bottom:2px;font-size:11.5px}.w-summary-row .val{color:#0f172a}.w-summary-row .val.bold{font-weight:700}.w-summary-row .val.green-text{color:#10b981}@media (width<=1280px){.worker-metrics-grid{grid-template-columns:repeat(2,1fr)}.worker-middle-widgets-row,.worker-bottom-widgets-row{grid-template-columns:1fr}}@media (width<=768px){.worker-top-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:14px!important}.header-actions-right{flex-wrap:wrap!important;justify-content:space-between!important;width:100%!important}.worker-metrics-grid{grid-template-columns:1fr!important}}[data-theme=dark] .worker-top-header,[data-theme=dark] .w-metric-card,[data-theme=dark] .w-widget-card,[data-theme=dark] .header-date-badge,[data-theme=dark] .header-profile-menu,[data-theme=dark] .month-switcher-controls,[data-theme=dark] .day-cell,[data-theme=dark] .salary-breakdown-box,[data-theme=dark] .leave-request-item,[data-theme=dark] .payslip-item,body.dark-mode .worker-top-header,body.dark-mode .w-metric-card,body.dark-mode .w-widget-card,body.dark-mode .header-date-badge,body.dark-mode .header-profile-menu,body.dark-mode .month-switcher-controls,body.dark-mode .day-cell,body.dark-mode .salary-breakdown-box,body.dark-mode .leave-request-item,body.dark-mode .payslip-item{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .welcome-title-box h1,[data-theme=dark] .card-val,[data-theme=dark] .widget-header h3,[data-theme=dark] .leave-dates,[data-theme=dark] .m-name,[data-theme=dark] .total-val,[data-theme=dark] .w-name,[data-theme=dark] .menu-user-name,body.dark-mode .welcome-title-box h1,body.dark-mode .card-val,body.dark-mode .widget-header h3,body.dark-mode .leave-dates,body.dark-mode .m-name,body.dark-mode .total-val,body.dark-mode .w-name{color:#f8fafc!important}[data-theme=dark] .welcome-title-box p,[data-theme=dark] .card-lbl,[data-theme=dark] .calendar-days-bar,[data-theme=dark] .day-cell .num,[data-theme=dark] .detail-row .lbl,[data-theme=dark] .detail-row .val,[data-theme=dark] .leave-reason,[data-theme=dark] .b-row,[data-theme=dark] .w-summary-row .val,body.dark-mode .welcome-title-box p,body.dark-mode .card-lbl,body.dark-mode .calendar-days-bar,body.dark-mode .day-cell .num,body.dark-mode .detail-row .lbl,body.dark-mode .detail-row .val{color:#94a3b8!important}