@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);:root{--app-bg:#f8fafc;--app-text:#0f172a;--card-bg:#fff;--card-bg-2:#f1f5f9;--muted:#64748b;--muted-2:#94a3b8;--primary:#2563eb;--shadow:0 10px 30px -20px #0f172a40}html[data-theme=dark]{--app-bg:#0b1220;--app-text:#e2e8f0;--card-bg:#0f172a;--card-bg-2:#111c2f;--border:#334155;--muted:#94a3b8;--muted-2:#64748b;--primary:#60a5fa;--danger:#f87171;--shadow:0 10px 35px -22px #0000008c}body,html{background:#f8fafc;background:var(--app-bg);color:#0f172a;color:var(--app-text)}body{transition:background-color .2s ease,color .2s ease}button,input,select,textarea{color:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--hdr-bg:#fff;--hdr-text:#0f172a;--hdr-muted:#64748b;--hdr-border:#0f172a1f;--hdr-chip-bg:#0f172a0f;--hdr-chip-text:#0f172a;--hdr-btn-bg:#0f172a0f;--hdr-btn-hover:#0f172a1a;--hdr-card-bg:#ffffffe6;--hdr-shadow:0 10px 30px #0206171f}:root[data-theme=dark]{--hdr-bg:#0b1220;--hdr-text:#e2e8f0;--hdr-muted:#94a3b8;--hdr-border:#94a3b82e;--hdr-chip-bg:#e2e8f014;--hdr-chip-text:#e2e8f0;--hdr-btn-bg:#e2e8f014;--hdr-btn-hover:#e2e8f01f;--hdr-card-bg:#0f172ab3;--hdr-shadow:0 10px 30px #00000059}.admin-header,.agent-header,.app-header{background:#fff;background:var(--hdr-bg);border-bottom:1px solid #0f172a1f;border-bottom:1px solid var(--hdr-border);color:#0f172a;color:var(--hdr-text)}.admin-header-left,.admin-header-middle,.admin-header-right,.header-center,.header-left,.header-right{align-items:center;display:flex}.admin-header-right,.header-right{gap:10px}.header-center h1{color:#0f172a;color:var(--hdr-text);font-size:18px;font-weight:800}.theme-toggle-btn{background:#0f172a0f;background:var(--hdr-btn-bg);border:1px solid #0f172a1f;border:1px solid var(--hdr-border);color:#0f172a;color:var(--hdr-text);line-height:0;padding:8px;transition:background .15s ease,transform .05s ease}.theme-toggle-btn:hover{background:#0f172a1a;background:var(--hdr-btn-hover)}.theme-toggle-btn:active{transform:translateY(1px)}.header-user-info,.user-info{align-items:center;background:#0f172a0f;background:var(--hdr-chip-bg);border:1px solid #0f172a1f;border:1px solid var(--hdr-border);border-radius:14px;display:flex;gap:10px;padding:8px 10px}.header-user-name{color:#0f172a;color:var(--hdr-text);font-size:13px;font-weight:800}.header-role-badge{color:#64748b;color:var(--hdr-muted);font-size:11px}.header-logout-btn{background:#0f172a0f;background:var(--hdr-btn-bg);border:1px solid #0f172a1f;border:1px solid var(--hdr-border);color:#0f172a;color:var(--hdr-text);padding:8px 12px}.header-logout-btn:hover{background:#0f172a1a;background:var(--hdr-btn-hover)}.notif-btn{background:#0f172a0f;background:var(--hdr-btn-bg);border:1px solid #0f172a1f;border:1px solid var(--hdr-border);color:#0f172a;color:var(--hdr-text);display:inline-flex;gap:6px}.notif-btn:hover{background:#0f172a1a;background:var(--hdr-btn-hover)}.notif-badge{font-size:11px}.notif-dropdown{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;background:var(--hdr-card-bg);border:1px solid #0f172a1f;border:1px solid var(--hdr-border);box-shadow:0 10px 30px #0206171f;box-shadow:var(--hdr-shadow);box-sizing:border-box;max-height:520px;max-width:calc(100vw - 24px);min-width:280px;top:calc(100% + 10px);width:360px;z-index:9999}.notif-header{border-bottom:1px solid #0f172a1f;border-bottom:1px solid var(--hdr-border);color:#0f172a;color:var(--hdr-text);overflow-wrap:anywhere;padding:12px 12px 10px;white-space:normal;word-break:break-word}.notif-list{box-sizing:border-box;max-height:420px;padding:10px 12px}.notif-item{background:#ffffff8c;border:1px solid #0f172a1f;border:1px solid var(--hdr-border);border-radius:12px;box-sizing:border-box;margin-bottom:10px;overflow-wrap:anywhere;padding:10px;white-space:normal;word-break:break-word}:root[data-theme=dark] .notif-item{background:#0f172aa6}.notif-item.unread{border-color:#3b82f6a6}.notif-text{color:#0f172a;color:var(--hdr-text);font-size:13px;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.notif-date{color:#64748b;color:var(--hdr-muted);margin-top:4px}.notification-bell{background:#0f172a0f;background:var(--hdr-btn-bg);border:1px solid #0f172a1f;border:1px solid var(--hdr-border);border-radius:12px;color:#0f172a;color:var(--hdr-text);display:inline-flex;padding:8px 10px}.notification-badge{background:#ef4444;border-radius:999px;font-weight:900;margin-left:6px}.notification-dropdown{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;background:var(--hdr-card-bg);border:1px solid #0f172a1f;border:1px solid var(--hdr-border);border-radius:14px;box-shadow:0 10px 30px #0206171f;box-shadow:var(--hdr-shadow);box-sizing:border-box;max-height:560px;max-width:calc(100vw - 24px);min-width:300px;top:calc(100% + 10px);z-index:9999}.notification-header{border-bottom:1px solid #0f172a1f;border-bottom:1px solid var(--hdr-border);gap:10px;overflow-wrap:anywhere;padding:12px;white-space:normal;word-break:break-word}.notification-subtext{color:#64748b;color:var(--hdr-muted);font-weight:700}.notification-count{background:#0f172a0f;background:var(--hdr-btn-bg);border:1px solid #0f172a1f;border:1px solid var(--hdr-border);border-radius:999px;color:#0f172a;color:var(--hdr-text);flex-shrink:0;font-weight:900}.notification-list{box-sizing:border-box;max-height:440px;padding:12px}.notification-item{background:#ffffff8c;border:1px solid #0f172a1f;border:1px solid var(--hdr-border);border-radius:14px;box-sizing:border-box;margin-bottom:12px;overflow-wrap:anywhere;padding:12px;white-space:normal;word-break:break-word}:root[data-theme=dark] .notification-item{background:#0f172aa6}.notification-item-header{align-items:flex-start;gap:10px}.notification-name{color:#0f172a;color:var(--hdr-text);font-weight:900;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.notification-role{color:#64748b;color:var(--hdr-muted);font-size:11px;white-space:nowrap}.notification-time{color:#0f172a;color:var(--hdr-text);font-weight:900}.notification-date{color:#64748b;color:var(--hdr-muted);font-size:11px;font-weight:700}.notification-location{margin-top:8px}.notification-location,.notification-location-text{overflow-wrap:anywhere;white-space:normal;word-break:break-word}.notification-location-text{color:#0f172a;color:var(--hdr-text);font-weight:700}.notification-coordinates{flex-wrap:wrap;gap:10px;margin-top:8px}.notification-map-btn,.notification-refresh{background:#0f172a0f;background:var(--hdr-btn-bg);border:1px solid #0f172a1f;border:1px solid var(--hdr-border);border-radius:12px;color:#0f172a;color:var(--hdr-text);cursor:pointer;font-weight:900;padding:6px 10px}.notification-map-btn:hover,.notification-refresh:hover{background:#0f172a1a;background:var(--hdr-btn-hover)}.notification-footer{border-top:1px solid #0f172a1f;border-top:1px solid var(--hdr-border);padding:10px 12px}@media (max-width:480px){.notif-dropdown,.notification-dropdown{min-width:0;right:0;width:calc(100vw - 24px)}}.unauthorized-container{align-items:center;background-color:#f9fafb;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;justify-content:center;min-height:100vh}.unauthorized-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;max-width:400px;padding:48px;text-align:center;width:90%}.icon-wrapper{color:#ef4444;display:flex;justify-content:center;margin-bottom:24px}.unauthorized-card h1{color:#111827;font-size:24px;font-weight:700;letter-spacing:-.025em;margin:0 0 12px}.unauthorized-card p{color:#6b7280;font-size:15px;line-height:1.5;margin:0 0 32px}.btn-return{background-color:#1f2937;border:1px solid #0000;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background-color .2s ease;width:100%}.btn-return:hover{background-color:#374151}.btn-return:focus{outline:2px solid offset;outline-color:#1f2937}.admin-header{align-items:center;background:#f5f7ff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;color:#1a1a1a;display:flex;height:70px;left:260px;padding:10px 16px;position:fixed;right:0;top:0;transition:left .3s ease,width .3s ease;width:calc(100% - 260px);z-index:900}.admin-header-left{align-items:center;display:flex;flex:0 0 auto;gap:12px}.admin-time-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;min-width:240px;padding:10px 14px}.admin-time-row{align-items:center;display:flex;gap:10px}.admin-time-pill{background:#eef2ff;border-radius:999px;color:#4f46e5;font-size:10px;font-weight:900;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.admin-time-value{color:#1d4ed8;font-family:Courier New,monospace;font-size:18px;font-weight:900}.admin-date-value{color:#6b7280;font-size:12px;font-weight:700;margin-top:4px}.admin-header-middle{align-items:center;background:#ffffffa6;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0000000d;display:flex;gap:14px;margin:0 auto;padding:8px 12px}.header-filter-group{align-items:center;display:flex;gap:8px}.header-filter-group.small .header-filter-select{min-width:120px}.header-filter-label{color:#6b7280;font-size:10px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}.header-filter-select{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#111827;font-size:13px;font-weight:800;height:34px;min-width:240px;outline:none;padding:0 12px}.header-filter-select:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f61f}.admin-header-right{align-items:center;display:flex;flex:0 0 auto;gap:14px;margin-left:auto}.theme-toggle-btn{background:#fff;box-shadow:0 2px 8px #0000000f;color:#4b5563;padding:10px;position:relative}.theme-toggle-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.notification-container{position:relative}.notification-bell{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #0000000f;color:#4b5563;cursor:pointer;display:flex;justify-content:center;padding:10px;position:relative;transition:all .2s ease}.notification-bell:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.notification-badge{background:#dc2626;box-shadow:0 2px 4px #dc26264d;font-weight:800;min-width:18px;padding:2px 6px;position:absolute;right:-6px;top:-6px}.notification-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px #00000026;max-height:520px;overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:420px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{color:#111827;font-size:16px;font-weight:700;margin:0}.notification-subtext{color:#9ca3af;display:block;font-size:11px;margin-top:2px}.notification-count{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#6b7280;font-size:12px;font-weight:700;padding:4px 10px}.notification-list{max-height:400px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f9fafb}.notification-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-item{border-bottom:1px solid #f3f4f6;padding:14px 20px;transition:background .15s ease}.notification-item:hover{background:#f9fafb}.notification-item:last-child{border-bottom:none}.notification-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.notification-user{align-items:center;display:flex;gap:8px}.notification-name{color:#111827;font-size:14px;font-weight:800}.notification-role{background:#eef2ff;border-radius:10px;color:#3730a3;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.notification-right-meta{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.notification-time{color:#6b7280;font-size:12px;font-weight:700}.notification-date{color:#9ca3af;font-size:10px}.notification-location{color:#6b7280;display:flex;flex-direction:column;font-size:13px;gap:4px;line-height:1.5}.notification-location-text{color:#6b7280;font-size:11px}.notification-coordinates{align-items:center;display:flex;font-size:10px;justify-content:space-between;margin-top:6px}.notification-distance{color:#9ca3af;font-weight:700}.notification-map-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:10px;font-weight:800;text-decoration:underline}.notification-ipbased{color:#9ca3af;font-size:10px;margin-top:6px}.notification-empty,.notification-loading{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}.notification-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:center;padding:12px 20px}.notification-refresh{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:700;padding:8px 20px;transition:all .2s ease}.notification-refresh:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.user-info{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #0000000f;gap:12px;padding:8px 16px;transition:all .2s ease}.user-info:hover{background:#f9fafb;border-color:#d1d5db}.user-details{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.header-user-name{font-size:14px;line-height:1.2}.header-role-badge{background:#0a246314;border-radius:10px;color:#0a2463;padding:2px 8px}.header-logout-btn{padding:9px 18px}.header-logout-btn:hover{box-shadow:0 2px 6px #0a24634d}.header-logout-btn:active{box-shadow:0 1px 2px #0a246333;transform:translateY(0)}:root[data-theme=dark] .admin-header{background:#0b1220;border-bottom:1px solid #94a3b82e;box-shadow:0 1px 3px #00000059;color:#e2e8f0}:root[data-theme=dark] .admin-header-middle,:root[data-theme=dark] .admin-time-card,:root[data-theme=dark] .header-filter-select,:root[data-theme=dark] .notification-bell,:root[data-theme=dark] .notification-count,:root[data-theme=dark] .notification-dropdown,:root[data-theme=dark] .notification-footer,:root[data-theme=dark] .notification-header,:root[data-theme=dark] .notification-item,:root[data-theme=dark] .notification-refresh,:root[data-theme=dark] .theme-toggle-btn,:root[data-theme=dark] .user-info{background:#0f172abf;border-color:#94a3b82e;color:#e2e8f0}:root[data-theme=dark] .admin-date-value,:root[data-theme=dark] .notification-date,:root[data-theme=dark] .notification-distance,:root[data-theme=dark] .notification-ipbased,:root[data-theme=dark] .notification-location,:root[data-theme=dark] .notification-location-text,:root[data-theme=dark] .notification-subtext,:root[data-theme=dark] .notification-time{color:#94a3b8}:root[data-theme=dark] .notification-item:hover{background:#1e293b8c}@media (max-width:1024px){.admin-header{left:220px;width:calc(100% - 220px)}.notification-dropdown{width:380px}.admin-time-card{min-width:220px}.header-filter-select{min-width:200px}}@media (max-width:768px){.admin-header{height:64px;left:0;width:100%}.admin-time-card{min-width:200px;padding:8px 12px}.admin-time-value{font-size:16px}.admin-date-value{font-size:11px}.admin-header-middle{display:none}.notification-dropdown{right:-10px;width:340px}.user-details{display:none}}@media (max-width:480px){.admin-header{height:60px;padding:8px 12px}.admin-time-card{min-width:170px;padding:8px 10px}.notification-bell{padding:8px}.notification-dropdown{right:-8px;width:calc(100vw - 24px)}.header-logout-btn{font-size:12px;padding:7px 12px}}:root{--hdr-card-bg-solid:#fff}:root[data-theme=dark]{--hdr-card-bg-solid:#0f172a}.notif-dropdown,.notification-dropdown{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;background:var(--hdr-card-bg)!important;border:1px solid var(--hdr-border)!important;border-radius:14px!important;box-shadow:var(--hdr-shadow)!important;max-height:520px!important;overflow:hidden!important;position:absolute!important;right:0!important;top:calc(100% + 12px)!important;width:340px!important;z-index:9999!important}.notif-header,.notification-header{align-items:center!important;background:color-mix(in srgb,#fff 92%,#0000)!important;background:color-mix(in srgb,var(--hdr-card-bg-solid) 92%,#0000)!important;border-bottom:1px solid var(--hdr-border)!important;color:var(--hdr-text)!important;display:flex!important;font-size:13px!important;font-weight:900!important;gap:10px!important;justify-content:space-between!important;padding:12px 14px!important}.notif-list,.notification-list{max-height:420px!important;overflow-y:auto!important;padding:10px!important}.notif-list::-webkit-scrollbar,.notification-list::-webkit-scrollbar{width:8px!important}.notif-list::-webkit-scrollbar-thumb,.notification-list::-webkit-scrollbar-thumb{background:#64748b59!important;border-radius:10px!important}.notif-list::-webkit-scrollbar-track,.notification-list::-webkit-scrollbar-track{background:#0000!important}.notif-item,.notification-item{background:color-mix(in srgb,#fff 92%,#0000)!important;background:color-mix(in srgb,var(--hdr-card-bg-solid) 92%,#0000)!important;border:1px solid var(--hdr-border)!important;border-radius:12px!important;color:var(--hdr-text)!important;margin:0 0 10px!important;padding:12px!important}:root[data-theme=dark] .notif-item,:root[data-theme=dark] .notification-item{background:#0f172aa6!important}.notif-item.unread,.notification-item.unread{border-color:#3b82f6a6!important;box-shadow:0 0 0 3px #3b82f61f!important}.notif-text{color:var(--hdr-text)!important;font-size:13px!important;font-weight:800!important;line-height:1.25!important}.notif-date{color:var(--hdr-muted)!important;font-size:11px!important;font-weight:700!important;margin-top:6px!important}.notification-item-header{align-items:flex-start!important;display:flex!important;gap:10px!important;justify-content:space-between!important;margin-bottom:8px!important}.notification-name{color:var(--hdr-text)!important;font-weight:900!important}.notification-role{font-weight:900!important;text-transform:uppercase!important}.notification-date,.notification-role,.notification-time{color:var(--hdr-muted)!important;font-size:11px!important}.notification-date,.notification-time{font-weight:700!important}.notif-empty,.notification-empty,.notification-loading{color:var(--hdr-muted)!important;font-size:13px!important;font-weight:800!important;padding:14px!important;text-align:center!important}.notification-footer{background:#0000!important;border-top:1px solid var(--hdr-border)!important;padding:10px 12px!important}.notification-refresh{border-radius:12px!important;width:100%!important}@media (max-width:480px){.notif-dropdown,.notification-dropdown{right:0!important;width:min(360px,calc(100vw - 24px))!important}}.admin-sidebar{background:#0a2463;bottom:0;box-shadow:4px 0 10px #0000001a;color:#e2e8f0;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:1000}.sidebar-user-profile{align-items:center;display:flex;flex-direction:column;padding:30px 20px}.profile-photo{border:3px solid #ffffff26;height:80px;margin-bottom:12px;transition:transform .2s ease;width:80px}.profile-photo:hover{transform:scale(1.05)}.admin-sidebar .user-name,.sidebar-user-profile .user-name,.user-position{color:#fff!important;font-size:15px;font-weight:600;margin:0 0 4px;text-align:center}.user-department{color:#93c5fd;font-size:12px;text-align:center}.sidebar-nav{overflow-x:hidden;padding:16px 12px}.sidebar-nav ul{display:flex;flex-direction:column;gap:6px;padding:0}.sidebar-nav a{border:1px solid #0000;border-radius:8px;color:#cbd5e1;font-weight:500;padding:12px 16px}.sidebar-nav a:hover{background:#ffffff1a;transform:translateX(4px)}.sidebar-nav a.active{background:#ffffff26;border-left:3px solid #93c5fd}.sidebar-nav a.active:before{background:linear-gradient(180deg,#93c5fd,#60a5fa);border-radius:0 3px 3px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.nav-icon{flex-shrink:0;font-size:18px;opacity:.8;transition:all .2s ease;width:24px}.sidebar-nav a.active .nav-icon,.sidebar-nav a:hover .nav-icon{opacity:1;transform:scale(1.1)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:1024px){.admin-sidebar{width:220px}.sidebar-user-profile{padding:24px 16px}.profile-photo{height:70px;width:70px}.sidebar-nav a{font-size:13px;padding:10px 14px}}@media (max-width:768px){.admin-sidebar{box-shadow:0 0 0 #0000;transform:translateX(-100%);width:260px}.admin-sidebar.mobile-open{box-shadow:4px 0 20px #0000004d;transform:translateX(0)}}@media (max-width:480px){.admin-sidebar{width:240px}.sidebar-user-profile{padding:20px 12px}.profile-photo{height:60px;width:60px}.user-name,.user-position{font-size:14px!important}.user-department{font-size:11px}.sidebar-nav{padding:12px 8px}.sidebar-nav a{font-size:13px;padding:10px 12px}}.notification-badge.danger-badge{background-color:#ef4444;color:#fff}*,:after,:before{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden;width:100%}.app-container,body,html{margin:0;min-height:100vh;padding:0}.app-container{background-color:#f8fafc;max-width:100vw!important;min-width:100vw!important;overflow-x:hidden!important;position:relative;width:100vw!important}.main-content{display:block;max-width:100%;min-height:100vh;overflow-x:hidden;width:100%}.content-area{background:#f8fafc;box-sizing:border-box!important;display:flex;flex-direction:column;margin-left:260px!important;max-width:calc(100% - 260px)!important;min-height:100vh;min-width:0!important;overflow-x:hidden!important;padding-bottom:0;padding-left:0;padding-right:0;padding-top:70px!important;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 260px)!important}.admin-main-content{background-color:#f8fafc;flex:1 1;overflow-x:hidden;width:100%}.admin-main-content,.content-area *,.content-area>*{box-sizing:border-box;max-width:100%}@media (max-width:1024px){.content-area{margin-left:220px!important;max-width:calc(100% - 220px)!important;width:calc(100% - 220px)!important}}@media (max-width:768px){.content-area{margin-left:0!important;max-width:100%!important;padding-top:64px!important;width:100%!important}.content-area.sidebar-open{overflow:hidden}.content-area.sidebar-open:before{background:#00000080;bottom:0;content:"";left:0;position:fixed;right:0;top:0;z-index:999}}@media (max-width:480px){.content-area{padding-top:60px!important}}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%}@media print{.admin-header,.admin-sidebar{display:none}.content-area{margin-left:0!important;padding-top:0!important;width:100%!important}}.agent-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;color:#111827;display:flex;height:70px;justify-content:space-between;left:260px;padding:0 32px;position:fixed;right:0;top:0;transition:left .3s ease,width .3s ease;width:calc(100% - 260px);z-index:900}.header-center h1{color:#111827;font-weight:700;letter-spacing:.2px}.header-right{gap:12px}.theme-toggle-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#111827;display:inline-flex;padding:9px;transition:all .2s ease}.theme-toggle-btn:hover{background:#f3f4f6}.header-user-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;gap:10px;padding:8px 14px;transition:all .2s ease}.header-user-name{color:#111827;font-size:13px;font-weight:800}.header-role-badge{background-color:#e0e7ff;border-radius:12px;color:#3730a3;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.header-logout-btn{background:#0a2463;border:none;border-radius:10px;box-shadow:0 1px 3px #0a246333;color:#fff;padding:9px 20px;transition:all .2s ease;white-space:nowrap}.header-logout-btn:hover{background:#0d3082;transform:translateY(-1px)}.notif-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:18px;padding:8px 10px;transition:transform .2s,background .2s}.notif-btn:hover{background:#f3f4f6;transform:translateY(-1px)}.notif-badge{align-items:center;background:#ef4444;border:2px solid #fff;display:flex;height:18px;justify-content:center;padding:0 6px}.notif-dropdown{animation:fadeIn .18s ease-in-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 15px -3px #0000002e;top:48px;width:300px}.notif-header{background:#f9fafb;border-bottom:1px solid #f3f4f6;color:#374151;font-size:13px;font-weight:700;padding:12px 16px}.notif-list{max-height:350px}.notif-item{border-bottom:1px solid #f3f4f6;color:#4b5563;padding:12px 16px;transition:background .1s}.notif-item:hover{background:#f9fafb}.notif-item.unread{background:#eff6ff;border-left:3px solid #3b82f6}.notif-text{font-weight:700;line-height:1.4}.notif-date,.notif-empty{color:#9ca3af}.notif-empty{padding:20px}:root[data-theme=dark] .agent-header{background:#0b1220;border-bottom:1px solid #94a3b82e;box-shadow:0 1px 3px #00000059;color:#e2e8f0}:root[data-theme=dark] .header-center h1{color:#e2e8f0}:root[data-theme=dark] .header-user-info,:root[data-theme=dark] .notif-btn,:root[data-theme=dark] .notif-dropdown,:root[data-theme=dark] .notif-header,:root[data-theme=dark] .notif-item,:root[data-theme=dark] .theme-toggle-btn{background:#0f172abf;border-color:#94a3b82e;color:#e2e8f0}:root[data-theme=dark] .notif-date{color:#94a3b8}.agent-sidebar{background:#0a2463;bottom:0;box-shadow:2px 0 8px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:0;position:fixed;top:0;width:260px;z-index:1000}.sidebar-user-profile{background:#00000026;border-bottom:1px solid #ffffff1a;padding:25px 20px;text-align:center}.profile-photo-container{margin-bottom:15px}.profile-photo{border:4px solid #2ecc714d;box-shadow:0 4px 12px #0000004d;height:100px;width:100px}.user-info-text{margin-top:15px}.user-position{color:#fff;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 6px}.user-department{color:#ffffffbf;font-size:13px;font-weight:400;line-height:1.3;margin:0}.sidebar-nav{flex:1 1;overflow-y:auto}.sidebar-nav ul{list-style:none;margin:0;padding:10px 0}.sidebar-nav li{margin:0}.sidebar-nav a{align-items:center;border-left:3px solid #0000;color:#ffffffd9;display:flex;font-size:14px;font-weight:400;gap:12px;padding:14px 20px;position:relative;text-decoration:none;transition:all .2s ease}.sidebar-nav a:hover{background:#ffffff14;border-left-color:#2ecc71;color:#fff}.sidebar-nav a.active{background:#2ecc7140;border-left-color:#2ecc71;color:#fff;font-weight:600}.nav-icon{font-size:16px;min-width:20px;text-align:center}.nav-text{flex:1 1}.notification-badge{animation:pulse 2s infinite;background:#e74c3c;border-radius:10px;color:#fff;font-size:11px;font-weight:700;min-width:20px;padding:3px 7px;text-align:center}.agent-sidebar::-webkit-scrollbar{width:6px}.agent-sidebar::-webkit-scrollbar-track{background:#0003}.agent-sidebar::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.agent-sidebar::-webkit-scrollbar-thumb:hover{background:#fff6}@media (max-width:1024px){.agent-sidebar{width:220px}}@media (max-width:768px){.agent-sidebar{display:none;width:0}}.header{align-items:center;background:#f6f6f7;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left{flex:1 1}.header-center{align-items:center;display:flex;flex:1 1;justify-content:center}.header-center h1{color:#fff;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0}.header-right{flex:1 1;gap:15px;justify-content:flex-end}.user-info{align-items:center;color:#fff;display:flex;font-size:13px;gap:6px}.welcome-text{color:#fffc;font-weight:400}.logout-btn,.user-info strong{color:#fff;font-weight:600}.logout-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 20px;transition:all .3s}.logout-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.logout-btn:active{transform:translateY(0)}@media (max-width:768px){.header{padding:12px 20px}.header-center h1{font-size:16px}.logout-btn,.user-info{font-size:12px}.logout-btn{padding:6px 16px}}@media (max-width:480px){.header-center h1{font-size:14px}.welcome-text{display:none}.logout-btn{padding:6px 12px}}.it-header,.it-header *{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.it-header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb,var(--card-bg) 92%,#0000);border-bottom:1px solid var(--border);box-shadow:var(--shadow);box-sizing:border-box;color:var(--app-text);display:flex;height:72px;justify-content:space-between;left:260px;padding:0 28px;position:fixed;right:0;top:0;transition:left .3s ease,width .3s ease;width:calc(100% - 260px);z-index:900}.it-header:before{background:radial-gradient(1200px 120px at 50% 0,color-mix(in srgb,var(--primary) 20%,#0000),#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.header-center-controls,.header-left-controls,.header-right{position:relative;z-index:1}.header-left-controls{align-items:center;display:flex;gap:16px}.header-center-controls{align-items:center;display:flex;gap:12px}.header-right{align-items:center;gap:14px;margin-left:auto}.time-widget{background:var(--card-bg-2);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px;min-width:220px;padding:10px 12px}.time-top{align-items:center;display:flex;gap:10px}.time-chip{background:color-mix(in srgb,var(--primary) 16%,#0000);border-radius:999px;font-size:10px;letter-spacing:.4px;padding:3px 8px}.time-chip,.time-value{color:var(--primary);font-weight:800}.time-value{font-family:Courier New,monospace;font-size:18px}.date-value{color:var(--muted);font-size:12px;font-weight:650}.select-pill{align-items:center;background:var(--card-bg-2);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:flex;gap:10px;padding:8px 10px}.select-label{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.header-select{background-color:var(--card-bg);border:1px solid var(--border);border-radius:10px;color:var(--app-text);cursor:pointer;font-size:13px;font-weight:650;outline:none;padding:8px 10px}.header-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,#0000)}.theme-toggle-btn{align-items:center;background:var(--card-bg-2);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);color:var(--app-text);cursor:pointer;display:flex;height:42px;justify-content:center;width:42px}.theme-toggle-btn:hover{transform:translateY(-1px)}.notif-btn,.notif-wrapper{position:relative}.notif-btn{align-items:center;background:var(--card-bg-2);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);color:var(--app-text);cursor:pointer;display:flex;height:42px;justify-content:center;width:42px}.notif-badge{background:var(--danger);border:2px solid var(--card-bg);border-radius:999px;color:#fff;font-size:10px;font-weight:900;min-width:18px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}.notif-dropdown{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);max-height:460px;overflow:hidden;position:absolute;right:0;top:54px;width:340px;z-index:1000}.notif-header{align-items:center;background:var(--card-bg-2);border-bottom:1px solid var(--border);color:var(--app-text);display:flex;font-size:14px;font-weight:900;justify-content:space-between;padding:14px 16px}.notif-sub{background:color-mix(in srgb,var(--muted) 18%,#0000);border-radius:999px;color:var(--muted);font-size:11px;font-weight:800;padding:4px 8px}.notif-list{max-height:380px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);color:var(--app-text);font-size:13px;padding:14px 16px}.notif-item.unread{background:color-mix(in srgb,var(--primary) 12%,#0000);border-left:4px solid var(--primary)}.notif-text{font-weight:650;line-height:1.45;margin-bottom:4px}.notif-date{font-size:11px}.notif-date,.notif-empty{color:var(--muted);font-weight:600}.notif-empty{font-size:13px;padding:30px;text-align:center}.header-user-info{align-items:center;background:var(--card-bg-2);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);display:flex;gap:12px;padding:6px 10px}.user-text-group{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.user-name{color:var(--app-text);font-size:13px;font-weight:800;line-height:1.1}.user-role{background:color-mix(in srgb,var(--muted) 18%,#0000);border-radius:999px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.4px;padding:3px 8px;text-transform:uppercase}.avatar-wrap{flex-shrink:0;height:42px;position:relative;width:42px}.header-avatar{border:2px solid var(--border);border-radius:50%;height:42px;object-fit:cover;width:42px}.status-dot{background:#22c55e;border:2px solid var(--card-bg);border-radius:50%;bottom:1px;height:10px;position:absolute;right:1px;width:10px}.header-logout-btn{align-items:center;background:var(--app-text);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);color:var(--app-bg);cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:8px;padding:10px 14px}.logout-text{display:inline}@media (max-width:1024px){.it-header{left:220px;padding:0 18px;width:calc(100% - 220px)}.time-widget{min-width:200px}.header-center-controls{gap:8px}}@media (max-width:768px){.it-header{height:64px;left:0;width:100%}.header-left-controls,.logout-text,.user-text-group{display:none}.notif-dropdown{right:0;width:min(360px,calc(100vw - 24px))}}@media (max-width:480px){.it-header{padding:0 14px}.header-right{gap:10px}.header-logout-btn{padding:10px 12px}}:root{--bg:#f5f7fa;--card:#fff;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 2px 6px #0000001a;--shadow-lg:0 12px 30px #02061759;--blue:#3b82f6;--blue-700:#2563eb;--red:#ef4444;--green:#22c55e;--orange:#f97316;--yellow:#eab308;--radius:8px;--radius-lg:12px}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;background:var(--bg);color:#111827;color:var(--text);overflow-y:auto}button,input,select,textarea{font-family:inherit}.admin-dtr-wrapper,.dtr-container{background:#f5f7fa;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.dtr-main{display:flex;flex-direction:column;gap:16px;max-width:100%}.dtr-header{align-items:center;background:#fff;background:var(--card);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:14px;justify-content:space-between;padding:16px 20px}.header-left{flex-wrap:wrap;gap:45px}.header-right{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px}.date-display,.time-display{display:flex;flex-direction:column;gap:2px}.label{color:#6b7280;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.value{color:#111827;color:var(--text);font-weight:500}.clock,.value{font-size:40px}.clock{color:#2563eb;color:var(--blue-700);font-family:Courier New,monospace;font-weight:700}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{color:#6b7280;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.filter-group select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:12px;padding:5px 10px}.month-year-group{display:flex;gap:6px}.page-title{padding:12px 0;text-align:center}.page-title h1{font-weight:700}.dtr-header-title,.page-title h1{color:#111827;color:var(--text);font-size:20px;letter-spacing:2px}.dtr-header-title{font-weight:800;text-align:center}.admin-action-panel{display:flex;margin-bottom:16px;width:100%}.admin-action-panel--sticky{background:#0000;position:-webkit-sticky;position:sticky;top:0;z-index:30}.admin-categories-section{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;width:100%}.admin-category-card{background:#fff;background:var(--card);border-radius:8px;border-radius:var(--radius);box-shadow:0 2px 4px #0000000d;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:110px;padding:10px 12px}.category-label{color:#4b5563;font-size:11px;font-weight:800;margin-bottom:8px;text-align:center;text-transform:uppercase}.category-buttons{display:flex;gap:6px;width:100%}.btn-absent,.btn-export-tool,.btn-leave-toggle,.btn-send-note,.btn-ut,.category-buttons button{border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:transform .12s ease,box-shadow .18s ease,opacity .18s ease,background-color .18s ease}.btn-absent,.btn-leave-toggle,.btn-ut,.category-buttons button{align-items:center;box-shadow:0 1px 2px #0000001a;display:flex;flex:1 1;font-size:11px;justify-content:center;padding:8px 0;text-transform:uppercase}.btn-absent:hover,.btn-leave-toggle:hover,.btn-ut:hover,.category-buttons button:hover{opacity:.92}.btn-absent:active,.btn-leave-toggle:active,.btn-ut:active,.category-buttons button:active{box-shadow:none;transform:translateY(1px)}.btn-absent:disabled,.btn-export-tool:disabled,.btn-leave-toggle:disabled,.btn-send-note:disabled,.btn-ut:disabled,.category-buttons button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.admin-btn-in{background:#091370;color:#fff}.admin-btn-out{background:#ef4444;background:var(--red);color:#fff}.btn-leave-toggle{background:#3b82f6;background:var(--blue);color:#fff;width:100%}.btn-absent{background:#d1d5db;color:#374151;width:100%}.btn-ut{background:#bef264;color:#365314;width:100%}.leave-dropdown-wrapper{position:relative;width:100%}.leave-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 6px #0000001a;box-shadow:var(--shadow-md);left:0;margin-top:6px;overflow:hidden;position:absolute;top:100%;width:100%;z-index:50}.leave-dropdown-item{background:#fff;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:11px;font-weight:600;padding:8px 10px;text-align:left;width:100%}.leave-dropdown-item:last-child{border-bottom:none}.leave-dropdown-item:hover{background:#f3f4f6;color:#2563eb;color:var(--blue-700)}.dtr-content-wrapper{align-items:flex-start;display:flex;gap:12px;margin-top:16px}.notes-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;flex-shrink:0;max-height:600px;padding:15px;width:260px}.notes-header{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;font-weight:700;margin-bottom:10px;padding-bottom:8px}.chat-messages-area{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:10px;margin-bottom:10px;overflow-y:auto;padding:10px}.chat-messages-area::-webkit-scrollbar{width:8px}.chat-messages-area::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.chat-messages-area::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.chat-messages-area::-webkit-scrollbar-thumb:hover{background:#c1c7d0}.chat-bubble{word-wrap:break-word;border-radius:12px;font-size:13px;max-width:80%;padding:8px 12px}.chat-bubble.me{align-self:flex-end;background:#3b82f6;background:var(--blue);border-bottom-right-radius:2px;color:#fff}.chat-bubble.other{align-self:flex-start;background:#e5e7eb;border-bottom-left-radius:2px;color:#1f2937}.chat-meta{display:flex;font-size:10px;gap:10px;justify-content:space-between;margin-bottom:4px;opacity:.85}.chat-input-area{display:flex;gap:8px}.chat-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:13px;outline:none;padding:8px 10px}.chat-input:focus{border-color:#3b82f6;border-color:var(--blue);box-shadow:0 0 0 2px #3b82f61f}.btn-send-note{background:#3b82f6;background:var(--blue);border-radius:8px;color:#fff;font-size:13px;font-weight:700;padding:0 15px}.btn-send-note:hover{background:#2563eb;background:var(--blue-700)}.empty-chat{color:#9ca3af;font-size:12px;margin-top:20px;text-align:center}.dtr-table-section{background:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);flex:1 1;min-width:0;overflow:hidden}.dtr-export-toolbar{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;gap:10px;justify-content:flex-end;padding:10px 14px}.export-label{color:#666;font-size:12px;font-weight:600}.export-btn-group{display:flex;gap:8px}.btn-export-tool{align-items:center;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:12px;gap:6px;padding:6px 14px}.btn-export-tool:hover{box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.btn-export-tool.pdf{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-export-tool.doc{background:linear-gradient(135deg,#3b82f6,#2563eb)}.employee-info-header{background:#fff;border-bottom:2px solid #f3f4f6;padding:18px 22px}.info-grid-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.info-group{align-items:baseline;display:flex;gap:8px}.info-label{color:#6b7280;color:var(--muted);font-size:11px;font-weight:800;width:70px}.info-value{color:#111827;color:var(--text);font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendance-header-bar{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:10px;text-align:center}.attendance-title{color:#374151;font-size:11px;font-weight:800}.month-year-selector-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:14px;justify-content:flex-end;padding:8px 16px}.selector-label{font-size:11px;font-weight:600}.selector-value{background:#f3f4f6;border-radius:6px;font-size:12px;font-weight:800;padding:2px 8px}.table-container{overflow:auto}.dtr-table{border-collapse:collapse;font-size:10px;min-width:640px;width:100%}.dtr-table thead th{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border);color:#374151;font-size:9px;font-weight:800;padding:6px}.day-column{background:#f3f4f6!important;width:44px}.dtr-table tbody td{border:1px solid #f3f4f6;cursor:default;font-family:Courier New,monospace;font-size:10px;padding:6px;text-align:center;white-space:nowrap}.day-cell{background:#f9fafb;border-right:1px solid #e5e7eb;border-right:1px solid var(--border);color:#374151;font-size:11px;font-weight:800}.today-row .day-cell{background:#dbeafe;color:#1e40af}.editable-cell:hover{background:#fef3c7!important;cursor:pointer}.edit-input{border:2px solid #2563eb;border:2px solid var(--blue-700);border-radius:4px;outline:none;padding:2px;text-align:center;width:100%}.analytics-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:12px;width:280px}.legend-section{background:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);padding:12px 16px;width:100%}.legend-title{border-bottom:1px solid #eee;color:#6b7280;color:var(--muted);font-size:10px;font-weight:800;margin-bottom:8px;padding-bottom:6px;text-transform:uppercase}.legend-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.legend-item{gap:6px}.legend-color-box{border:1px solid #0000001a;border-radius:3px;flex-shrink:0;height:12px;width:12px}.legend-text{color:#4b5563;font-size:10px;font-weight:700}.analytics-card{background:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);padding:16px;text-align:center}.card-label{font-size:10px;font-weight:800;letter-spacing:1px;opacity:.75}.card-value{font-size:32px;font-weight:800}.chart-card{align-items:center;background:#fff;border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:center;min-height:240px;padding:15px}.chart-wrap{height:220px;width:100%}.btn-view-all{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;margin-top:10px;padding:10px 12px;transition:opacity .18s ease,transform .12s ease;width:100%}.btn-view-all:hover{opacity:.92}.btn-view-all:active{transform:translateY(1px)}.legend-color-box.status-absent,.status-absent{background:#ef4444;color:#fff;font-weight:800}.legend-color-box.status-ut,.status-ut{background:#bef264;color:#3f6212;font-weight:800}.legend-color-box.status-sick,.status-sick{background:#22c55e;color:#fff;font-weight:800}.legend-color-box.status-leave,.status-leave{background:#3b82f6;color:#fff;font-weight:800}.legend-color-box.status-maternity,.status-maternity{background:#a855f7;color:#fff;font-weight:800}.legend-color-box.status-paternity,.status-paternity{background:#795548;color:#fff;font-weight:800}.legend-color-box.status-pdo,.status-pdo{background:#f472b6;color:#fff;font-weight:800}.legend-color-box.status-closed,.status-closed{background:#2c2626;color:#fca5a5;font-weight:800}.legend-color-box.status-wellness,.status-wellness{background:#67e8f9;color:#0e7490;font-weight:800}.legend-color-box.status-suspended,.status-suspended{background:#7f1d1d;color:#fff;font-weight:800}.status-mp{background:#ffedd5;color:#c2410c;font-weight:800}.status-late{background:#f97316;color:#fff;font-weight:800}.dtr-table tbody td.status-late{border-color:#dcf06e33}.dtr-table tbody td.status-absent,.dtr-table tbody td.status-leave,.dtr-table tbody td.status-maternity,.dtr-table tbody td.status-paternity,.dtr-table tbody td.status-pdo,.dtr-table tbody td.status-sick,.dtr-table tbody td.status-suspended{border-color:#fff3}.has-time{background:#fff;color:#111827;color:var(--text);font-weight:700}.employee-stats-section{display:flex;flex-direction:column;gap:10px;margin-top:15px}.stats-header{background:#f3f4f6;border-radius:8px;color:#374151;font-size:11px;font-weight:800;letter-spacing:.5px;padding:8px 12px;text-align:center}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat-card:hover{border-color:#d1d5db;box-shadow:0 10px 20px #0000001a;transform:translateY(-2px)}.stat-card:focus{outline:none}.stat-card:focus-visible{outline:3px solid #3b82f640}.stat-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.stat-label{color:#6b7280;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.stat-value{font-size:22px;font-weight:900;line-height:1}.modal-backdrop{background:#00000073;padding:20px;z-index:1200}.overview-modal{background:#fff;border-radius:10px;box-shadow:0 12px 30px #02061759;box-shadow:var(--shadow-lg);max-height:80vh;max-width:880px;overflow:auto;padding:18px;width:100%}.modal-header{gap:12px;margin-bottom:12px}.modal-title{font-size:16px;font-weight:800;margin:0}.modal-close{background:#0000;border:none;border-radius:8px;cursor:pointer;font-size:22px;padding:6px 8px}.modal-close:hover{background:#f3f4f6}.modal-body{padding-top:8px}.empty-msg{color:#6b7280;color:var(--muted);padding:20px;text-align:center}.overview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.overview-card{background:#f9fafb;border-radius:10px;box-shadow:0 2px 6px #0206170f;padding:12px;text-align:center;transition:transform .12s ease,box-shadow .12s ease}.overview-card:hover{box-shadow:0 10px 22px #0206171a;transform:translateY(-3px)}.overview-avatar{background:#e6e6e6;border-radius:50%;height:64px;margin:0 auto 8px;object-fit:cover;width:64px}.overview-name{font-size:13px;font-weight:800}.overview-floor{color:#6b7280;color:var(--muted);font-size:12px;margin-top:4px}.birthday-section{background:linear-gradient(135deg,#667eea,#073255);border-radius:12px;box-shadow:0 4px 12px #00000026;margin-top:20px;padding:15px}.birthday-header{border-bottom:2px solid #ffffff4d;color:#fff;font-size:14px;font-weight:900;margin-bottom:15px;padding-bottom:10px;text-align:center}.birthday-list{max-height:250px;overflow-y:auto}.birthday-item{align-items:center;background:#ffffff1a;border-radius:10px;display:flex;margin-bottom:8px;padding:10px;transition:transform .18s ease,background .18s ease}.birthday-item:hover{background:#fff3;transform:translateX(5px)}.birthday-date{background:#ffffff4d;border-radius:8px;color:#fff;font-size:11px;font-weight:900;margin-right:12px;min-width:54px;padding:4px 8px;text-align:center}.birthday-details{flex:1 1}.birthday-name{color:#fff;font-size:13px;font-weight:800;margin-bottom:2px}.birthday-position{color:#ffffffb3;font-size:11px}.no-birthdays{color:#ffffffb3;font-size:12px;font-style:italic;padding:20px;text-align:center}.birthday-list::-webkit-scrollbar{width:6px}.birthday-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.birthday-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.birthday-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.birthday-item,.btn-export-tool,.btn-view-all,.overview-card,.stat-card{transition:none!important}}@media (max-width:1200px){.dtr-content-wrapper{flex-direction:column}.analytics-sidebar,.notes-card{width:100%}.analytics-sidebar{display:grid;grid-template-columns:repeat(2,1fr)}.legend-section{grid-column:span 2}}@media (max-width:1024px){.admin-dtr-wrapper{padding:16px}.admin-categories-section{gap:10px}.admin-category-card{min-width:140px}.notes-card{max-height:520px}.chart-wrap{height:200px}}@media (max-width:768px){.dtr-header{align-items:stretch;flex-direction:column}.header-left,.header-right{gap:12px}.clock,.value{font-size:32px}.analytics-sidebar,.info-grid-container{grid-template-columns:1fr}.legend-section{grid-column:auto}}@media (max-width:480px){.admin-dtr-wrapper{padding:12px}.admin-category-card{min-width:100%}.dtr-export-toolbar{align-items:stretch;flex-direction:column}.export-btn-group{width:100%}.btn-export-tool{justify-content:center;width:100%}.notes-card{padding:12px}.chat-input-area{flex-direction:column}.btn-send-note{padding:10px 12px;width:100%}}@media (min-width:1440px){.admin-dtr-wrapper{margin:0 auto;max-width:1420px}.notes-card{width:300px}.analytics-sidebar{width:320px}.dtr-table{min-width:760px}}.hr-header{align-items:center;background:#3c467b;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;height:60px;justify-content:flex-end;padding:12px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.hr-header-center{left:50%;position:absolute;transform:translateX(-50%)}.hr-header-center h1{color:#fff;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0}.hr-header-right{gap:15px;margin-left:auto}.hr-header-right,.hr-user-info{align-items:center;display:flex}.hr-user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;gap:10px;padding:8px 16px}.hr-user-name{color:#fff;font-size:14px;font-weight:600;line-height:1.2}.hr-role-badge{background:#9b59b633;border:1px solid #9b59b64d;border-radius:10px;color:#9b59b6;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.hr-theme-toggle-btn{align-items:center;background:#ffffff2e;border:1px solid #ffffff47;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:transform .15s ease,background .2s ease,border-color .2s ease}.hr-theme-toggle-btn:hover{background:#ffffff42;transform:translateY(-1px)}.hr-logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s ease;white-space:nowrap}.hr-logout-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}:root[data-theme=dark] .hr-header{background:#0b1220}:root[data-theme=dark] .hr-user-info{background:#0f172a8c}:root[data-theme=dark] .hr-logout-btn{background:#e2e8f01a;border-color:#e2e8f02e}:root[data-theme=dark] .hr-theme-toggle-btn{background:#e2e8f014;border-color:#e2e8f029}@media (max-width:768px){.hr-header{padding:10px 15px}.hr-header-center h1{font-size:16px}.hr-user-name{font-size:12px}.hr-role-badge{font-size:10px;padding:3px 8px}.hr-logout-btn{font-size:12px;padding:6px 14px}}@media (max-width:480px){.hr-header-center h1{font-size:14px}.hr-user-info{gap:8px;padding:6px 12px}.hr-user-name{display:none}.hr-role-badge{font-size:9px}}:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-main:#f3f4f6;--bg-card:#fff;--text-main:#1f2937;--text-muted:#6b7280;--shadow-md:0 6px 16px #0f172a14;--shadow-lg:0 14px 30px #0f172a24}.calendar-page{background-color:#f3f4f6;background-color:var(--bg-main);box-sizing:border-box;color:#1f2937;color:var(--text-main);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;height:100vh;max-height:100vh;overflow:hidden;padding:24px}.calendar-page .calendar-header{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;justify-content:space-between;margin-bottom:20px;padding:16px 24px}.calendar-page .calendar-header,.calendar-page .header-center,.calendar-page .header-left,.calendar-page .header-right{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.calendar-page .calendar-header h1{color:#111827;font-size:20px;font-weight:700;margin:0}.calendar-page .view-toggles{background:#f3f4f6;border-radius:6px;display:flex;flex-wrap:nowrap;padding:3px}.calendar-page .btn-view{background:#0000;border:none;border-radius:4px;color:#6b7280;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px}.calendar-page .btn-view.active{background:#fff;box-shadow:0 1px 2px #0000001a;color:#4f46e5;color:var(--primary)}.calendar-page .calendar-mode-tabs{background:#e5e7eb;border-radius:8px;display:flex;gap:4px;padding:4px}.calendar-page .mode-tab{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .2s}.calendar-page .mode-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#4f46e5;color:var(--primary)}.calendar-page .dept-filter-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:13px;outline:none;padding:8px 12px}.calendar-page .current-period-label{color:#111827;font-size:18px;font-weight:600;margin:0;min-width:180px;text-align:center}.calendar-page .btn-nav{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:.2s;width:36px}.calendar-page .btn-nav:hover{background:#f9fafb;border-color:#e5e7eb;border-color:var(--border-color)}.calendar-page .btn-today{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:6px;color:#1f2937;color:var(--text-main);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px}.calendar-page .btn-create-event{align-items:center;background:#4f46e5;background:var(--primary);border:none;border-radius:8px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.calendar-page .btn-create-event:hover{background:#4338ca;background:var(--primary-hover);transform:translateY(-1px)}.calendar-page .main-content-area{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;display:flex;flex:1 1;flex-direction:column;min-height:0;min-width:0;overflow:hidden;position:relative}.calendar-page .loading-overlay{align-items:center;background:#ffffffb3;display:flex;inset:0;justify-content:center;position:absolute;z-index:50}.calendar-page .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#4f46e5;border-top:4px solid var(--primary);height:40px;width:40px}.calendar-page .calendar-container{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0;overflow-x:auto;width:100%}.calendar-page .calendar-days-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));min-width:840px;padding:12px 0}.calendar-page .day-name{color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:700;text-align:center;text-transform:uppercase}.calendar-page .calendar-grid{grid-gap:1px;background:#e5e7eb;background:var(--border-color);display:grid;flex:1 1;gap:1px;grid-auto-rows:1fr;grid-template-columns:repeat(7,minmax(120px,1fr));height:100%;min-width:840px}.calendar-page .calendar-day{background:#fff;border:1px solid #e5e7eb;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:100px;overflow:hidden;padding:8px;position:relative;transition:background .1s}.calendar-page .calendar-day:hover{background:#f9fafb}.calendar-page .calendar-day.other-month{background:#fafafa;color:#d1d5db}.calendar-page .calendar-day.today{background:#fefce8}.calendar-page .day-header-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.calendar-page .day-number{color:#374151;flex-shrink:0;font-size:14px;font-weight:600;position:relative;z-index:2}.calendar-page .calendar-day.today .day-number{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.calendar-page .capacity-mini-pill{border-radius:10px;box-shadow:0 2px 4px #0000001f;color:#fff;cursor:help;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.3px;line-height:1;padding:3px 7px;transition:all .2s ease}.calendar-page .capacity-mini-pill:hover{box-shadow:0 3px 8px #0003;transform:scale(1.1)}.calendar-page .pill-available{background:linear-gradient(135deg,#10b981,#059669);border:1.5px solid #047857}.calendar-page .pill-warning{animation:pill-pulse-warning 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706);border:1.5px solid #b45309}.calendar-page .pill-full{animation:pill-pulse-danger 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:1.5px solid #b91c1c}@keyframes pill-pulse-warning{0%,to{box-shadow:0 2px 4px #0000001f}50%{box-shadow:0 2px 4px #0000001f,0 0 0 3px #f59e0b4d}}@keyframes pill-pulse-danger{0%,to{box-shadow:0 2px 4px #0000001f}50%{box-shadow:0 2px 4px #0000001f,0 0 0 3px #ef444466}}.calendar-page .calendar-day.other-month .capacity-mini-pill{display:none}.calendar-page .day-events{display:flex;flex-direction:column;gap:3px;overflow:hidden}.calendar-page .event-item{align-items:center;border-radius:3px;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:5px;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;transition:opacity .2s;white-space:nowrap}.calendar-page .event-item:hover{opacity:.85}.calendar-page .event-time{font-size:10px;opacity:.9}.calendar-page .more-events{color:#6b7280;color:var(--text-muted);font-size:10px;padding-left:4px}.calendar-page .icon-dept,.calendar-page .icon-globe,.calendar-page .icon-warn{font-size:10px;margin-right:3px}.calendar-page .bg-absent,.calendar-page .bg-excuse_absent,.calendar-page .dot-absent,.calendar-page .event-absent,.calendar-page .event-excuse_absent,.calendar-page .event-item.event-absent,.calendar-page .event-item.event-excuse_absent{background:#ef4444!important;color:#fff!important}.calendar-page .bg-meeting,.calendar-page .dot-meeting,.calendar-page .event-item.event-meeting,.calendar-page .event-meeting{background:#f59e0b!important;color:#fff!important}.calendar-page .bg-event,.calendar-page .dot-event,.calendar-page .event-event,.calendar-page .event-item.event-event{background:#3b82f6!important;color:#fff!important}.calendar-page .event-item.event-training,.calendar-page .event-training{background:#0d9488!important;color:#fff!important}.calendar-page .bg-deadline,.calendar-page .dot-deadline,.calendar-page .event-deadline,.calendar-page .event-item.event-deadline{background:#ef4444!important;color:#fff!important}.calendar-page .bg-critical_work_day,.calendar-page .dot-critical_work_day,.calendar-page .event-critical_work_day,.calendar-page .event-item.event-critical_work_day{background:#000!important;border-left:3px solid red!important;color:#fff!important;font-weight:700!important}.calendar-page .bg-leave,.calendar-page .bg-vacation_leave,.calendar-page .dot-leave,.calendar-page .event-item.event-leave,.calendar-page .event-item.event-vacation_leave,.calendar-page .event-leave,.calendar-page .event-vacation_leave{background:#3b82f6!important;color:#fff!important}.calendar-page .bg-sick_leave,.calendar-page .dot-sick_leave,.calendar-page .event-item.event-sick_leave,.calendar-page .event-sick_leave{background:#10b981!important;color:#fff!important}.calendar-page .bg-maternity_leave,.calendar-page .event-item.event-maternity_leave,.calendar-page .event-maternity_leave{background:#8b5cf6!important;color:#fff!important}.calendar-page .bg-paternity_leave,.calendar-page .event-item.event-paternity_leave,.calendar-page .event-paternity_leave{background:#78350f!important;color:#fff!important}.calendar-page .bg-personal_day_off,.calendar-page .event-item.event-personal_day_off,.calendar-page .event-personal_day_off{background:#ec4899!important;color:#fff!important}.calendar-page .bg-wellness_leave,.calendar-page .event-item.event-wellness_leave,.calendar-page .event-wellness_leave{background:#86efac!important;color:#fff!important}.calendar-page .bg-undertime,.calendar-page .event-item.event-undertime,.calendar-page .event-undertime{background:#bef264!important;color:#fff!important}.calendar-page .bg-tardy,.calendar-page .event-item.event-tardy,.calendar-page .event-tardy{background:#fbbf24!important;color:#78350f!important}.calendar-page .bg-suspended,.calendar-page .dot-suspended,.calendar-page .event-item.event-suspended,.calendar-page .event-suspended{background:#7c2d12!important;color:#fff!important}.calendar-page .event-closed,.calendar-page .event-item.event-closed{background:#c2410c!important;color:#fff!important}.calendar-page .bg-holiday,.calendar-page .bg-holiday_ph,.calendar-page .bg-holiday_us,.calendar-page .dot-holiday,.calendar-page .event-holiday,.calendar-page .event-holiday_ph,.calendar-page .event-holiday_us{background:#1e3a8a!important;color:#fff!important}.calendar-page .week-view-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.calendar-page .week-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:repeat(7,1fr)}.calendar-page .week-header-cell{border-right:1px solid #e5e7eb;border-right:1px solid var(--border-color);padding:12px;text-align:center}.calendar-page .week-body{background:#fff;display:grid;flex:1 1;grid-template-columns:repeat(7,1fr);overflow-y:auto}.calendar-page .week-column{border-right:1px solid #f3f4f6;min-height:200px;padding:6px}.calendar-page .agenda-view-container{height:100%;overflow-y:auto;padding:24px}.calendar-page .agenda-day-group{border-bottom:1px solid #f3f4f6;display:flex;gap:24px;margin-bottom:24px;padding-bottom:20px}.calendar-page .agenda-day-num{color:#111827;font-size:26px;font-weight:700}.calendar-page .agenda-day-str{color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase}.calendar-page .agenda-events-list{display:flex;flex:1 1;flex-direction:column;gap:10px}.calendar-page .agenda-event-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;gap:16px;padding:12px 16px;transition:all .2s}.calendar-page .agenda-event-row:hover{box-shadow:0 6px 16px #0f172a14;box-shadow:var(--shadow-md);transform:translateX(2px)}.calendar-page .agenda-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.calendar-page .agenda-info{display:flex;flex-direction:column}.calendar-page .agenda-title{color:#374151;font-size:14px;font-weight:600}.calendar-page .agenda-meta{color:#6b7280;color:var(--text-muted);font-size:12px;margin-top:2px}.calendar-page .event-popover{animation:fadeIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 14px 30px #0f172a24;box-shadow:var(--shadow-lg);position:fixed;right:20px;top:80px;width:260px;z-index:10000}.calendar-page .popover-header{color:#fff;font-size:13px;font-weight:700;padding:10px 14px}.calendar-page .popover-body{color:#4b5563;font-size:13px;padding:12px 14px}.calendar-page .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.calendar-page .modal-content-modern{animation:zoomIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:auto;margin:20px;max-width:500px;width:100%}.calendar-page .modal-content-modern.small-modal{max-width:400px}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.calendar-page .modal-header-modern{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.calendar-page .modal-header-modern h3{color:#1e293b;font-size:18px;font-weight:700;margin:0}.calendar-page .btn-close-modern{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:20px;line-height:1;padding:4px;transition:color .2s}.calendar-page .btn-close-modern:hover{color:#ef4444}.calendar-page .event-form-modern{flex:1 1;padding:16px 20px}.calendar-page .form-group-modern{margin-bottom:12px}.calendar-page .form-group-modern label,.calendar-page .form-row-modern label{color:#475569;display:block;font-size:12px;font-weight:600;margin-bottom:4px}.calendar-page .input-modern{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;color:#0f172a;font-size:14px;height:38px;padding:8px 12px;transition:all .2s;width:100%}.calendar-page .input-modern:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.calendar-page .textarea-modern{font-family:inherit;height:auto;min-height:60px;padding:8px 12px;resize:none}.calendar-page .form-row-modern{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:12px}.calendar-page .toggle-row{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:6px 12px}.calendar-page .switch-label{color:#334155;cursor:pointer;font-size:13px;font-weight:600;margin:0}.calendar-page .toggle-switch{display:inline-block;height:20px;position:relative;width:36px}.calendar-page .toggle-switch input{height:0;opacity:0;width:0}.calendar-page .slider{background-color:#cbd5e1;border-radius:20px;cursor:pointer;inset:0;position:absolute;transition:.4s}.calendar-page .slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 1px 2px #0003;content:"";height:16px;left:2px;position:absolute;transition:.4s;width:16px}.calendar-page input:checked+.slider{background-color:#3b82f6}.calendar-page input:checked+.slider:before{transform:translateX(16px)}.calendar-page .modal-footer-modern{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.calendar-page .footer-left{display:flex;gap:10px}.calendar-page .footer-right{display:flex;gap:10px;margin-left:auto}.calendar-page .btn-save-modern{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.calendar-page .btn-save-modern:hover{background:#2563eb}.calendar-page .btn-cancel-modern{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.calendar-page .btn-cancel-modern:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.calendar-page .btn-delete-modern{background:#fff;border:1px solid #fca5a5;border-radius:6px;color:#ef4444;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .2s}.calendar-page .btn-delete-modern:hover{background:#fef2f2;border-color:#ef4444}.calendar-page .color-preview-dot{border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;height:20px;width:20px}.calendar-page .more-events{border-radius:4px;color:#6366f1;cursor:pointer;display:inline-block;font-size:11px;font-weight:600;padding:2px 6px;transition:all .2s}.calendar-page .more-events:hover{background:#eef2ff;color:#4f46e5;transform:translateX(2px)}.calendar-page .day-detail-modal{animation:slideUp .25s ease-out;display:flex;flex-direction:column;max-height:80vh;max-width:480px}.calendar-page .day-detail-header{background:linear-gradient(135deg,#6366f1,#4f46e5);border-bottom:none;border-radius:12px 12px 0 0;padding:20px 24px}.calendar-page .day-detail-title{align-items:center;display:flex;gap:16px}.calendar-page .day-detail-date-num{color:#fff;font-size:42px;font-weight:700;line-height:1;min-width:60px;text-align:center}.calendar-page .day-detail-date-info{display:flex;flex-direction:column;gap:2px}.calendar-page .day-detail-date-info h3{color:#fff;font-size:18px;font-weight:600}.calendar-page .day-detail-month-year{color:#fffc;font-size:13px;font-weight:500}.calendar-page .day-detail-content{background:#f8fafc;flex:1 1;max-height:400px;overflow-y:auto;padding:16px}.calendar-page .no-events-msg{color:#94a3b8;font-size:14px;padding:40px 20px;text-align:center}.calendar-page .day-detail-events-list{display:flex;flex-direction:column;gap:10px}.calendar-page .day-detail-event-item{align-items:stretch;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;overflow:hidden;transition:all .2s}.calendar-page .day-detail-event-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.calendar-page .event-color-bar{flex-shrink:0;width:5px}.calendar-page .event-details{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0;padding:12px 14px}.calendar-page .event-title-row{align-items:center;display:flex;gap:6px}.calendar-page .event-title-text{color:#1e293b;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-page .event-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.calendar-page .event-time-badge{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:11px;font-weight:500;padding:3px 8px}.calendar-page .event-source-badge{border-radius:10px;font-size:10px;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.calendar-page .event-source-badge.request{background:#dbeafe;color:#1d4ed8}.calendar-page .event-source-badge.holiday{background:#fef3c7;color:#b45309}.calendar-page .event-description-preview{color:#94a3b8;font-size:12px;font-style:italic;line-height:1.4}.calendar-page .event-arrow{align-items:center;color:#cbd5e1;display:flex;font-size:20px;font-weight:300;padding:0 12px;transition:all .2s}.calendar-page .day-detail-event-item:hover .event-arrow{color:#6366f1;transform:translateX(3px)}.calendar-page .day-detail-footer{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:14px 20px}.calendar-page .events-count{color:#64748b;font-size:13px;font-weight:500}@media (max-width:1024px){.calendar-page{padding:18px}.calendar-page .current-period-label{min-width:140px}}@media (max-width:768px){.calendar-page{height:auto;min-height:100vh;padding:14px}.calendar-page .calendar-header{align-items:stretch;flex-direction:column;gap:12px}.calendar-page .header-center,.calendar-page .header-left,.calendar-page .header-right{justify-content:space-between;width:100%}.calendar-page .dept-filter-select{width:100%}.calendar-page .btn-create-event{justify-content:center;width:100%}.calendar-page .form-row-modern{grid-template-columns:1fr}}@media (max-width:480px){.calendar-page .calendar-header{padding:12px}.calendar-page .current-period-label{flex:1 1;font-size:16px;min-width:0}.calendar-page .event-popover{bottom:12px;left:12px;right:12px;top:auto;width:auto}.calendar-page .agenda-view-container{padding:14px}}@media (min-width:1440px){.calendar-page .calendar-header{padding:18px 28px}.calendar-page .calendar-page{padding:28px}}.event-huddle{background-color:#fff!important;border:1.5px solid #000!important;color:#000!important;font-weight:600}.dot-huddle{background-color:#fff;border:1px solid #000}.event-huddle .event-time,.event-huddle .icon-dept,.event-huddle .icon-globe{color:#000!important}:root{--bg:#f3f4f6;--surface:#fff;--surface-2:#f9fafb;--text:#111827;--muted:#6b7280;--muted-2:#9ca3af;--brand:#002395;--brand-soft:#0023951a;--danger:#ef4444;--success:#10b981;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:22px;--shadow-sm:0 2px 10px #0000000a;--shadow-md:0 10px 30px #00000014;--shadow-lg:0 18px 60px #0000001f;--ring:0 0 0 3px #bfdbfe8c;--t:160ms ease}.tracker-dashboard-container{background-color:#f3f4f6;color:#1f2937;font-family:Poppins,sans-serif;min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000005;display:flex;justify-content:space-between;margin-bottom:25px;padding:15px 25px}.header-title{gap:10px}.admin-badge,.header-title{align-items:center;display:flex}.admin-badge{background:#e0e7ff;border-radius:20px;color:#3730a3;font-size:11px;font-weight:600;gap:5px;padding:4px 8px}.filter-wrapper{align-items:center;display:flex;gap:10px}.modern-date,.modern-select{border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:13px;outline:none;padding:8px 12px}.personal-dashboard-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:320px 1fr}.timer-card-panel{align-items:center;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #0ea5e92e;border-radius:24px;box-shadow:0 18px 45px #0ea5e924;display:flex;flex-direction:column;gap:14px;padding:22px 18px;position:-webkit-sticky;position:sticky;text-align:center;top:88px}.timer-bomb-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 15px #0000000d;display:flex;height:100px;justify-content:center;width:100px}.digital-clock{color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:44px;font-weight:900;letter-spacing:2px;text-shadow:0 10px 30px #00000014}.clock-danger{text-shadow:0 0 10px #ef444480}.project-selector{position:relative;width:100%}.project-btn{background:#fff;border:none;border-radius:10px;box-shadow:0 2px 5px #0000000d;color:#4b5563;cursor:pointer;font-weight:600;padding:12px;width:100%}.project-btn:disabled{cursor:not-allowed;opacity:.7}.modern-dropdown{background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000026;left:0;max-height:250px;overflow-y:auto;position:absolute;text-align:left;top:110%;width:100%;z-index:50}.modern-drop-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;font-size:13px;gap:10px;padding:10px 15px}.modern-drop-item:hover{background:#f9fafb}.modern-drop-item.disabled{cursor:not-allowed;opacity:.55;pointer-events:none}.taken-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;font-size:10px;font-weight:800;margin-left:auto;padding:2px 8px}.dot{border-radius:50%;display:inline-block;height:10px;width:10px}.btn-control{align-items:center;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;padding:12px 40px;transition:transform .1s}.btn-control.start{background:#002395;box-shadow:0 4px 15px #0023954d}.btn-control.stop{background:#ef4444;box-shadow:0 4px 15px #ef44444d}.btn-control:active{transform:scale(.98)}.modern-input{background:#fff9;border:1px solid #0000;border-radius:10px;font-size:13px;outline:none;padding:12px;text-align:center;transition:all .2s;width:100%}.modern-input:focus{background:#fff;border-color:#bfdbfe}.analytics-panel{display:flex;flex-direction:column;gap:20px}.summary-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 2px 10px #00000008;padding:16px 20px}.summary-title{color:#374151;font-size:13px;font-weight:800;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(180px,1fr))}.summary-item{background:#f9fafb;border:1px solid #eef2f7;border-radius:12px;padding:12px}.summary-label{color:#6b7280;font-size:11px;font-weight:700;margin-bottom:6px}.summary-value{color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;font-weight:900}.activity-list-section{background:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:0 2px 10px #00000008;padding:20px}.section-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.section-header h3{color:#111827;font-size:16px;margin:0}.total-badge{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:12px;margin-left:10px;padding:4px 8px}.date-label{color:#9ca3af;font-size:13px;font-weight:600}.scrollable-list{max-height:250px;overflow-x:hidden;overflow-y:auto}.list-row{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:12px;display:grid;font-size:13px;grid-template-columns:2.2fr 1.2fr 1.3fr .8fr;margin:6px 0;padding:10px 12px;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.list-row:hover{background:#f9fafb;box-shadow:0 8px 20px #0000000f;transform:translateY(-1px)}.list-row-with-actions{grid-template-columns:2.2fr 1.2fr 1.3fr .8fr 92px}.list-desc{color:#111827;font-style:normal;opacity:.9}.list-desc,.list-proj{font-weight:600}.list-time{color:#6b7280;font-size:12px;text-align:right}.list-dur{font-weight:700;text-align:right}.empty-msg{color:#9ca3af;font-style:italic;padding:14px}.echarts-tooltip{border-radius:10px!important;box-shadow:0 8px 20px #00000026!important;padding:10px 12px!important}.charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1.2fr;margin-top:10px}.bar-chart-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;height:200px;padding:20px}.bar-chart-container h4{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.donuts-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.donut-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;height:170px;padding:14px 10px;position:relative;transition:transform .16s ease,box-shadow .16s ease}.donut-card:hover{box-shadow:0 12px 30px #0000001a;transform:translateY(-2px)}.donut-chart-wrapper{height:100px;position:relative;width:100%}.donut-center-text{color:#111827;font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.donut-label{color:#6b7280;font-size:11px;font-weight:600;margin-top:5px}.over-badge-small{background:#ef4444;border-radius:4px;color:#fff;font-size:9px;font-weight:700;margin-top:4px;padding:2px 6px}.text-danger{color:#ef4444}.donut-rel{position:relative}.donut-tip{background:#fff;border:1px solid #00000026;border-radius:6px;box-shadow:0 6px 18px #00000026;font-size:13px;line-height:1.2;padding:8px 10px;pointer-events:none;position:absolute;white-space:nowrap;z-index:50}.donut-tip-title{font-weight:600;margin-bottom:4px;opacity:.9}.team-view-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000008;overflow:hidden}.team-filters{background:#fff;border-bottom:1px solid #f3f4f6;gap:12px;padding:12px 16px}.team-filters,.team-search{align-items:center;display:flex}.team-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;gap:8px;min-width:280px;padding:8px 10px}.team-search input{background:#0000;border:none;font-size:13px;outline:none;width:100%}.team-toggle{align-items:center;color:#374151;display:flex;font-size:12px;font-weight:700;gap:8px}.team-count{color:#6b7280;font-size:12px;margin-left:auto}.team-empty-debug{background:#fff1f2;border:1px solid #fecaca;border-radius:12px;color:#7f1d1d;margin:12px 16px 0;padding:12px 14px}.team-empty-title{font-size:13px;font-weight:900;margin-bottom:4px}.team-empty-sub{font-size:12px;font-weight:700;line-height:1.4}.team-table-header{background:#f9fafb;color:#6b7280;display:flex;font-size:12px;font-weight:600;letter-spacing:.5px;padding:15px 20px;text-transform:uppercase}.team-table-body .team-table-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;font-size:14px;padding:15px 20px}.team-table-row:hover{background:#f8fafc}.col-user{align-items:center;display:flex;flex:2 1;gap:12px}.col-act{flex:3 1}.col-time{font-family:monospace;font-weight:600}.col-time,.col-total{flex:1 1;text-align:right}.col-total{font-weight:700}.col-breakdown{color:#374151;flex:2.8 1;font-size:12px}.col-status{flex:1 1;text-align:right}.avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.emp-name{color:#1f2937}.emp-dept{color:#9ca3af;font-size:11px}.live-indicator{color:#10b981;font-size:11px;font-weight:700;margin-bottom:2px}.act-desc{color:#6b7280;font-size:13px;font-style:italic}.act-proj{font-size:12px;font-weight:600;margin-top:2px}.badge-running{background:#dcfce7;color:#166534}.badge-offline,.badge-running{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px}.badge-offline{background:#f3f4f6;color:#9ca3af}.live-time-text{color:#10b981}.limit-summary{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.sum-chip{background:#f9fafb;border:1px solid #eef2f7;border-radius:999px;color:#374151;font-size:11px;font-weight:700;padding:4px 10px}.sum-chip b{color:#6b7280;margin-right:6px}.limit-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.limit-flags{display:flex;flex-wrap:wrap;gap:6px}.flag{background:#f3f4f6;border-radius:999px;color:#374151;font-size:10px;font-weight:800;padding:2px 8px}.flag.over{background:#fee2e2;color:#991b1b}.limit-ok{background:#dcfce7;border-radius:999px;color:#166534;display:inline-block;padding:3px 10px}.details-btn,.limit-ok{font-size:11px;font-weight:800}.details-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;gap:6px;padding:6px 10px;white-space:nowrap}.details-btn:hover,.details-panel{background:#f9fafb}.details-panel{border:1px solid #eef2f7;border-radius:12px;margin-top:10px;padding:10px}.bd-chips{display:flex;flex-wrap:wrap;gap:6px}.bd-chip{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#374151;display:inline-flex;font-size:11px;font-weight:700;gap:8px;padding:4px 8px}.bd-chip-label{color:#6b7280;font-weight:700}.bd-chip-time{color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:900}.bd-chip-over{background:#fee2e2;border-color:#fecaca}.bd-chip-over .bd-chip-label,.bd-chip-over .bd-chip-time{color:#991b1b}.icon-btn{color:#374151;display:flex}.icon-btn:hover{background:#f9fafb}.modal-overlay{background:#00000059;inset:0;z-index:999}.modal-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;overflow:hidden;width:min(650px,92vw)}.modal-header{border-bottom:1px solid #f3f4f6;padding:14px 16px}.modal-title{color:#111827;font-weight:900}.modal-body{padding:16px}.modal-error{background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;margin-bottom:10px;padding:10px 12px}.form-label,.modal-error{font-size:12px;font-weight:800}.form-label{color:#374151;display:block;margin:10px 0 6px}.form-input{border:1px solid #e5e7eb;border-radius:12px;font-size:13px;outline:none;padding:10px 12px;width:100%}.form-input:focus{border-color:#bfdbfe;box-shadow:0 0 0 3px #bfdbfe73}.form-grid{grid-gap:12px;gap:12px;margin-top:4px}.modal-footer{background:#fafafa;border-top:1px solid #f3f4f6;padding:14px 16px}.btn-secondary{border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;font-size:12px;font-weight:900;padding:10px 14px}.btn-secondary:hover{background:#f9fafb}.btn-primary{align-items:center;background:#002395;border-radius:12px;cursor:pointer;display:flex;font-size:12px;font-weight:900;gap:8px;padding:10px 14px}.btn-primary:hover{filter:brightness(1.05)}@media (max-width:980px){.charts-row,.personal-dashboard-grid{grid-template-columns:1fr}.donuts-container,.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.list-row-with-actions{grid-template-columns:2fr 1.2fr 1fr 92px}}.view-toggle{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;display:flex;gap:6px;margin-left:10px;padding:4px}.toggle-btn{background:#0000;border:none;border-radius:999px;color:#6b7280;cursor:pointer;font-size:12px;font-weight:900;padding:6px 10px}.toggle-btn.active{background:#fff;box-shadow:0 2px 8px #0000000f;color:#111827}.dropdown-search{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;gap:8px;padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.dropdown-search input{background:#0000;border:none;font-size:13px;outline:none;width:100%}.audit-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:14px;padding:12px}.audit-title{color:#111827;font-size:12px;font-weight:900;letter-spacing:.4px;margin-bottom:10px;text-transform:uppercase}.audit-list{display:flex;flex-direction:column;gap:10px;max-height:220px;overflow:auto}.audit-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px}.audit-top{display:flex;font-size:12px;font-weight:900;gap:10px;justify-content:space-between}.audit-field{color:#111827}.audit-time{color:#6b7280;font-weight:700}.audit-values{display:flex;flex-direction:column;font-size:12px;gap:4px;margin-top:6px}.audit-old{color:#6b7280}.audit-new{color:#111827;font-weight:800}.audit-reason{color:#374151;font-size:12px;font-weight:800;margin-top:8px}.btn-loading{cursor:wait;opacity:.85}.btn-control:disabled{cursor:not-allowed;opacity:.7}.list-proj{font-size:12px;font-weight:700;gap:8px}.project-btn-inner{align-items:center;display:inline-flex;gap:10px;justify-content:flex-start}.proj-svg{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-shrink:0;justify-content:center}.proj-svg,.proj-svg--sm{height:26px;width:26px}.proj-svg--xs{border-radius:9px;height:24px;width:24px}.proj-svg svg{display:block;height:18px;width:18px}.proj-svg--xs svg{height:16px;width:16px}.proj-emoji,.proj-icon-pill{display:none!important}.proj-name{font-size:14px;font-weight:900}.list-proj{align-items:center;display:flex;gap:10px}.proj-svg{color:#111827}.list-actions{min-width:84px;white-space:nowrap}.icon-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.list-actions{align-items:center;display:flex;gap:8px;justify-content:flex-end}.list-row,.list-row-with-actions{box-sizing:border-box;width:100%}.list-actions,.list-desc,.list-dur,.list-proj,.list-time{min-width:0}.list-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-badge-btn{align-items:center;background:#e0e7ff;border:none;border-radius:99px;color:#4338ca;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px;transition:background .2s}.admin-badge-btn:hover{background:#c7d2fe}.task-report-container{background:#fff;min-height:80vh;padding:20px}.task-report-header{align-items:center;background:#fdf8f7;border-radius:40px;display:flex;justify-content:space-between;margin-bottom:30px;padding:15px 25px}.header-left{align-items:center;display:flex;gap:20px}.back-arrow-btn{background:none;border:none;color:#666;cursor:pointer;font-size:20px}.filter-tasks-btn{background:#fff;border:1px solid #ccc;border-radius:20px;color:#666;cursor:pointer;padding:6px 15px}.report-table{border-collapse:collapse;width:100%}.report-table th{color:#8e99ab;font-size:11px;letter-spacing:.5px;text-align:left;text-transform:uppercase}.report-table td,.report-table th{border-bottom:1px solid #f0f3f7;padding:15px 10px}.report-table td{color:#444;font-size:13px}.mgr-user-cell{display:flex;flex-direction:column}.mgr-user-name{color:#333;font-weight:600}.mgr-user-dept{color:#999;font-size:11px}.status-over-label{color:#ef4444;font-size:11px;font-weight:800}.reason-cell{color:#3b82f6;font-style:italic}.activity-popover{background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 10px 15px -3px #0006;color:#f8fafc;font-size:12px;left:0;margin-top:5px;padding:12px;pointer-events:none;position:absolute;top:100%;width:240px;z-index:1000}.popover-header{border-bottom:1px solid #334155;color:#38bdf8;font-size:11px;font-weight:700;margin-bottom:6px;padding-bottom:6px;text-transform:uppercase}.popover-row{line-height:1.4;margin-bottom:4px}.popover-row strong{color:#94a3b8}.col-notes{border-left:1px solid #f1f5f9;flex:2 1;min-width:250px;padding:10px 15px}.concat-text{display:flex;flex-direction:column;font-size:11px;gap:6px;max-width:350px;word-break:break-word}.concat-desc,.concat-reason{color:#475569;line-height:1.4;overflow:visible;text-overflow:clip;white-space:normal}.concat-reason{border-top:1px dashed #e2e8f0;color:#ef4444;font-style:italic;padding-top:4px}.tiny-label{color:#94a3b8;font-size:9px;font-weight:800;margin-right:4px}.status-over-badge{background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#ef4444;display:inline-block;font-size:10px;font-weight:800;margin-left:10px;padding:2px 8px;text-transform:uppercase;vertical-align:middle}.donut-card .over-badge-small{animation:pulse-red 2s infinite;background:#ef4444;color:#fff}@keyframes pulse-red{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.mv-page-container{background-color:#fff;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:60px 20px}.mv-main-header{margin-bottom:100px;text-align:center}.mv-main-header h1{color:#1d4292;font-size:3.5rem;font-weight:800;margin-bottom:16px}.mv-main-header p{color:#6b7280;font-size:1.25rem}.mv-section{align-items:center;display:flex;gap:80px;margin-bottom:120px}.mv-section.reverse{flex-direction:row-reverse}.mv-image-col{flex:1 1}.mv-img-card{aspect-ratio:4/3;background-color:#f3f4f6;border-radius:24px;box-shadow:0 25px 50px -12px #0000001a;overflow:hidden;position:relative}.mv-img-card img{height:100%;object-fit:cover;transition:transform .7s ease;width:100%}.mv-img-card:hover img{transform:scale(1.03)}.mv-content-col{display:flex;flex:1 1;flex-direction:column;justify-content:center}.mv-subtitle{color:#4f46e5;font-size:.875rem;font-weight:700;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.mv-title{color:#111827;font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 24px}.mv-body-text{color:#4b5563;font-size:1.125rem;line-height:1.75;white-space:pre-wrap}.mv-input-title{border:2px solid #e5e7eb;border-radius:8px;font-size:2rem;font-weight:700;margin-bottom:16px;padding:8px;width:100%}.mv-input-textarea{background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;line-height:1.6;padding:16px;resize:vertical;width:100%}.mv-img-overlay{background:#0006;inset:0;justify-content:center;position:absolute}.mv-img-overlay,.mv-upload-btn{align-items:center;display:flex}.mv-upload-btn{background:#fff;border-radius:50px;box-shadow:0 10px 15px -3px #0000001a;cursor:pointer;font-weight:600;gap:8px;padding:12px 24px}.mv-btn-edit{align-self:flex-start;background:#0000;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;margin-top:32px;padding:10px 24px;transition:all .2s}.mv-btn-edit:hover{border-color:#4f46e5;color:#4f46e5}.mv-edit-actions{display:flex;gap:12px;margin-top:24px}.mv-btn-save{background-color:#4f46e5;border:none;border-radius:8px;color:#fff}.mv-btn-cancel,.mv-btn-save{cursor:pointer;font-weight:600;padding:10px 24px}.mv-btn-cancel{background-color:#fff;border:1px solid #d1d5db;border-radius:8px}.mv-loading{align-items:center;color:#6b7280;display:flex;font-size:1.2rem;height:60vh;justify-content:center}.fade-in{animation:fadeIn .8s ease-out forwards;opacity:0}@media (max-width:900px){.mv-section,.mv-section.reverse{flex-direction:column;gap:32px;text-align:center}.mv-content-col{align-items:center}}.fb-container{background-color:#f8fafc;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;padding:40px 20px;width:100%}.fb-header-row{align-items:flex-end;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin:0 auto 30px;max-width:800px;padding-bottom:20px}.fb-header-row h1{color:#0f172a;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 4px}.fb-header-row p{color:#64748b;font-size:15px;margin:0}.fb-header-actions{display:flex;gap:12px}.fb-btn-create{background-color:#2563eb;border:none;border-radius:8px;box-shadow:0 2px 5px #2563eb33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.fb-btn-create:hover{background-color:#1d4ed8;transform:translateY(-1px)}.fb-btn-pending{align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s}.fb-btn-pending:hover{border-color:#94a3b8;color:#334155}.fb-btn-pending.active{background-color:#fff7ed;border-color:#f97316;color:#c2410c}.fb-badge{background:#f97316;border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px}.fb-feed{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:800px}.fb-post{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;transition:box-shadow .2s ease}.fb-post:hover{box-shadow:0 10px 15px -3px #0000000d}.fb-post-body{padding:24px}.fb-post-meta-row{align-items:center;display:flex;gap:12px;margin-bottom:16px}.fb-avatar-initials{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.fb-meta-text h4{color:#1e293b;font-size:15px;font-weight:600;margin:0}.fb-meta-text span{color:#94a3b8;font-size:12px}.fb-post-content{color:#334155;font-size:16px;line-height:1.6;margin-bottom:20px;white-space:pre-wrap}.fb-status-pending{background:#fff7ed;border-radius:20px;color:#ea580c;display:inline-block;font-size:11px;font-weight:600;margin-bottom:12px;padding:4px 10px}.fb-stats-row{border-bottom:1px solid #f1f5f9;color:#94a3b8;display:flex;font-size:13px;justify-content:space-between;padding-bottom:12px}.fb-actions{display:flex;padding:4px 12px}.fb-action-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:4px;padding:12px;transition:all .2s}.fb-action-btn:hover{background-color:#f1f5f9;color:#475569}.fb-action-btn.liked{background-color:#eff6ff;color:#2563eb}.fb-action-btn svg{height:18px;width:18px}.fb-admin-tools{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:12px 24px}.fb-admin-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.fb-admin-btn.approve{background:#ecfdf5;color:#059669}.fb-admin-btn.hide{background:#fffbeb;color:#d97706}.fb-admin-btn.delete{background:#fef2f2;color:#dc2626}.fb-admin-btn:hover{opacity:.8}.fb-comments-section{background-color:#f9fafb;border-top:1px solid #f1f5f9;padding:20px 24px}.fb-comment-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.fb-comment{display:flex;gap:12px}.fb-comment-bubble{background:#f1f5f9;border-radius:0 12px 12px 12px;padding:10px 14px;position:relative}.fb-comment-author{color:#1e293b;display:block;font-size:12px;font-weight:700;margin-bottom:2px}.fb-comment-text{color:#475569;font-size:13px;line-height:1.4}.fb-comment-input-area{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 1px 2px #0000000d;display:flex;gap:10px;padding:4px}.fb-comment-input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:10px 16px}.fb-send-comment{align-items:center;background:#2563eb;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.fb-send-comment:hover{background:#1d4ed8}.fb-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.fb-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;padding:30px;width:90%}.fb-modal h2{color:#1e293b;font-size:20px;margin-top:0}.fb-modal-textarea{border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:15px;height:140px;margin:20px 0;outline:none;padding:16px;resize:none;width:100%}.fb-modal-textarea:focus{border-color:#2563eb}.fb-modal-actions{display:flex;gap:12px;justify-content:flex-end}.fb-modal-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:10px 20px}.agent-profile-page{background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:40px}.error-container,.loading-container{align-items:center;color:#64748b;display:flex;flex-direction:column;height:60vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top-color:#2563eb;margin-bottom:15px}.profile-header-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-bottom:40px;overflow:hidden}.profile-top-section{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:30px;padding:40px}.profile-photo{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 10px #0000001a;height:110px;object-fit:cover;width:110px}.profile-main-info{flex:1 1}.profile-name{color:#0f172a;font-size:28px;font-weight:700;margin:0 0 8px}.profile-role{color:#64748b;font-size:16px;font-weight:500;margin:0 0 16px}.profile-meta-badges{display:flex;gap:12px}.badge-id,.badge-status{border-radius:8px;font-size:13px;font-weight:600;padding:6px 12px}.badge-id{background:#f1f5f9;color:#475569}.badge-status{text-transform:capitalize}.badge-status.active,.badge-status.regular{background:#dcfce7;color:#166534}.badge-status.probationary{background:#fef9c3;color:#854d0e}.badge-status.inactive,.badge-status.resigned{background:#fee2e2;color:#991b1b}.profile-nav-tabs{display:flex;gap:40px;overflow-x:auto;padding:0 40px}.nav-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:20px 0;transition:all .2s;white-space:nowrap}.nav-tab:hover{color:#0f172a}.nav-tab.active{border-bottom-color:#2563eb;color:#2563eb;font-weight:600}.count-badge{background:#f1f5f9;border-radius:12px;color:#475569;font-size:12px;margin-left:8px;padding:2px 8px}.info-grid-layout{grid-gap:30px;animation:fadeIn .3s ease-out;display:grid;gap:30px;grid-template-columns:repeat(2,1fr)}.info-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 4px #00000005;padding:32px}.full-width{grid-column:1/-1}.card-title{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:18px;margin:0 0 24px;padding-bottom:16px}.info-list{display:flex;flex-direction:column;gap:0}.info-row{grid-gap:16px;align-items:baseline;border-bottom:1px dashed #f1f5f9;display:grid;gap:16px;grid-template-columns:140px 1fr;padding:14px 0}.info-row:last-child{border-bottom:none}.info-row .lbl{color:#64748b;font-size:14px;font-weight:500}.info-row .val{color:#0f172a;font-size:15px;font-weight:600;line-height:1.5;text-align:left}.govt-ids-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.govt-item{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:16px}.govt-label{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.govt-value{color:#0f172a;font-size:16px;font-weight:600}.grid-list{grid-gap:24px;animation:fadeIn .3s ease-out;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.modern-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;padding:20px;transition:all .2s ease}.modern-card:hover{background-color:#fcfcfc;border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.card-icon-box{align-items:center;background:#f1f5f9;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.blue-bg{background:#eff6ff;color:#2563eb}.gold-bg{background:#fffbeb;color:#d97706}.card-content h4{color:#0f172a;font-size:15px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-date,.card-subtext{color:#64748b;font-size:13px}.card-desc{color:#475569;font-size:13px;line-height:1.4;margin:0 0 8px}.btn-action,.btn-small-action{background:#eff6ff;border-radius:8px;color:#2563eb;font-size:12px;font-weight:600;padding:8px 16px;text-decoration:none;transition:background .2s}.btn-action:hover,.btn-small-action:hover{background:#dbeafe}.icon-link{align-items:center;border-radius:50%;color:#94a3b8;display:flex;justify-content:center;padding:8px;transition:all .2s}.icon-link:hover{background:#eff6ff;color:#2563eb;transform:scale(1.1)}.card-actions{align-items:flex-end;flex-direction:column;gap:10px}.violation-card{align-items:flex-start;border-left:5px solid #cbd5e1;flex-direction:column}.violation-card.severity-minor{border-left-color:#3b82f6}.violation-card.severity-moderate{border-left-color:#f59e0b}.violation-card.severity-major{border-left-color:#ef4444}.violation-card.severity-critical{border-left-color:#991b1b}.violation-top{display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.v-type{color:#0f172a;font-size:15px;font-weight:700}.v-severity{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:11px;font-weight:700;padding:4px 10px;text-transform:uppercase}.empty-placeholder{color:#183f75;grid-column:1/-1;padding:60px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}@media (max-width:900px){.info-grid-layout{grid-template-columns:1fr}.govt-ids-grid{grid-template-columns:1fr 1fr}.profile-top-section{flex-direction:column;text-align:center}.profile-meta-badges{justify-content:center}}.modal-overlay{z-index:10000}.modal-content-cert{animation:slideUp .3s ease-out;background:#fff;max-height:90vh;max-width:550px;overflow-y:auto;width:90%}.modal-content-cert::-webkit-scrollbar{width:8px}.modal-content-cert::-webkit-scrollbar-track{background:#f1f1f1}.modal-content-cert::-webkit-scrollbar-thumb{background:#fdfdfd;border-radius:4px}.modal-content-cert::-webkit-scrollbar-thumb:hover{background:#ececf0}.cert-grid-list{animation:fadeIn .3s ease-out}.cert-preview-area{position:relative}.cert-preview-area.is-award .doc-icon{filter:drop-shadow(0 4px 6px rgba(217,119,6,.2));transform:scale(1.1)}.agent-requests-page{background:#f5f6fa;min-height:100vh;padding:30px}.page-header{margin-bottom:32px}.page-header h1{color:#2c3e50;font-size:32px;margin:0 0 6px}.subtitle{color:#7f8c8d}.document-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:48px}.document-card{align-items:center;background:#fff;border:1px solid #eee;border-bottom:3px solid var(--card-color);border-radius:12px;box-shadow:0 4px 12px #0000000d;cursor:pointer;display:flex;gap:15px;min-height:100px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.document-card:hover{border-bottom-width:5px;border-color:#ddd;box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.card-icon{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.card-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.card-title{color:#2c3e50;font-size:15px;font-weight:700;line-height:1.3;margin:0}.card-description{color:#7f8c8d;display:block;font-size:12px;line-height:1.4;margin:0}.requests-section{margin-top:48px}.section-title{color:#2c3e50;font-size:22px;margin:0 0 20px}.table-container{box-shadow:0 2px 8px #0000000f}.requests-table{font-size:14px}.requests-table thead{background:#f8f9fa}.requests-table thead th{border:none;color:#495057;font-size:13px;font-weight:700;padding:16px 20px;text-align:left;text-transform:uppercase}.requests-table tbody tr{border-bottom:1px solid #f1f3f5;transition:background .2s}.requests-table tbody tr:hover{background:#f8f9fa}.requests-table tbody td{border:none;color:#2c3e50;padding:20px;vertical-align:middle}.doc-type-cell{gap:12px}.doc-icon,.doc-type-cell{align-items:center;display:flex}.doc-icon{font-size:24px;justify-content:center;min-width:30px}.doc-icon svg{height:100%;width:100%}.doc-name{color:#2c3e50}.status-badge{display:inline-block;padding:6px 14px;white-space:nowrap}.badge-for-approval{background:#fff3cd;color:#856404}.badge-approved{background:#d1ecf1;color:#0c5460}.badge-processing{background:#cce5ff;color:#004085}.badge-ready{background:#d4edda;color:#155724}.badge-released{background:#d1e7dd;color:#0f5132}.badge-rejected{background:#f8d7da;color:#721c24}.badge-cancelled{background:#e2e3e5;color:#383d41}.action-cell{align-items:center;display:flex;gap:8px}.btn-cancel-small{background:#fff;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:.2s}.btn-cancel-small:hover{background:#dc3545;color:#fff}.ready-tag{background:#d4edda;border-radius:6px;color:#155724;font-size:12px;font-weight:600;padding:6px 12px}.modal-content{border-radius:16px;max-width:600px}.modal-header{background:#fff!important;background-color:#fff!important;border-bottom:1px solid #ecf0f1;border-top-left-radius:16px;border-top-right-radius:16px;padding:24px 30px}.request-form{flex:1 1;overflow-y:auto;padding:30px}.modal-actions{background:#f8f9fa;border-top:1px solid #ecf0f1;gap:12px;padding:20px 30px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;padding:12px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.btn-cancel-modal,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px}.btn-cancel-modal{background:#e9ecef;color:#6c757d}.btn-submit{background:#1a2b80!important;background-color:#1a2b80!important}.btn-cancel-approved{background-color:#fff;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;font-size:11px;font-weight:600;padding:5px 10px;text-transform:uppercase;transition:all .2s}.btn-cancel-approved:hover{background-color:#dc3545;color:#fff}.request-form textarea{resize:vertical}@media (max-width:1200px){.document-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.document-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.document-cards-grid{grid-template-columns:1fr}.document-card{padding:15px}.form-row{grid-template-columns:1fr}.requests-table{display:block;overflow-x:auto}}.attachment-cell{align-items:center;display:flex;gap:8px;justify-content:center}.btn-icon.notes-btn:hover{color:#d97706!important;transform:scale(1.1)}.btn-icon:hover{transform:scale(1.1);transition:transform .2s}.card-disabled{background-color:#da2a2a!important;border:1px solid #e5e7eb!important;pointer-events:none}.card-disabled .card-description,.card-disabled .card-icon,.card-disabled .card-title{color:#c9bbbb!important}.status-pending-tl{background:#fffbeb;background:#ffedd5;border:1px solid #fcd34d;color:#b45309}.status-pending-om{background:#fce7f3;color:#c026d3}.status-for-approval{background:#fffbeb;border:1px solid #fcd34d}.status-select.status-for-approval{background-color:#fffbeb;border-color:#fcd34d;color:#b45309}.status-for-approval{background:#ffedd5;color:#b45309}.status-pending-management{background:#fce7f3;color:#c026d3}.leave-tracker-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;padding:24px}.tracker-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.tracker-header h2{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}.tracker-controls{display:flex;gap:12px}.tracker-select{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s}.tracker-select:hover{border-color:#94a3b8}.btn-export{background-color:#10b981;border:none;border-radius:6px;box-shadow:0 2px 4px #10b98133;color:#fff;font-size:.875rem;padding:8px 16px;transition:background-color .2s}.btn-export:hover{background-color:#059669}.table-responsive{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:75vh;position:relative}.tracker-table{border-collapse:initial;border-spacing:0;font-size:12px;table-layout:fixed;width:100%}.tracker-table th{background-color:#f1f5f9;border-bottom:1px solid #cbd5e1;border-right:1px solid #e2e8f0;color:#475569;font-weight:600;height:45px;min-width:40px;padding:4px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.tracker-table th.sticky-col{background-color:#f8fafc;border-right:2px solid #e2e8f0;box-shadow:4px 0 8px -2px #0000000d;left:0;min-width:220px;padding-left:16px;text-align:left;width:220px;z-index:20}.tracker-table th.total-col{background-color:#f1f5f9;border-left:1px solid #cbd5e1;min-width:60px;right:0;z-index:20}.tracker-table td{background-color:#fff;border-bottom:1px solid #e2e8f0;border-right:1px solid #f1f5f9;color:#334155;height:36px;padding:0;text-align:center;vertical-align:middle}.tracker-table td.sticky-col{background-color:#fff;border-right:2px solid #e2e8f0;box-shadow:4px 0 8px -2px #0000000d;color:#1e293b;font-weight:500;left:0;overflow:hidden;padding-left:16px;position:-webkit-sticky;position:sticky;text-align:left;text-overflow:ellipsis;white-space:nowrap;z-index:5}.tracker-table td.total-col{background-color:#f8fafc;border-left:1px solid #cbd5e1;color:#0f172a;font-weight:700;position:-webkit-sticky;position:sticky;right:0;z-index:5}.weekend-col{background-color:#f8fafc!important}.tracker-table tbody tr:hover td,.tracker-table tbody tr:hover td.sticky-col{background-color:#f1f5f9}.leave-marker{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:700;height:28px;justify-content:center;margin:2px;width:32px}.bg-absent{background-color:#fee2e2;color:#dc2626}.bg-leave{background-color:#dbeafe;color:#2563eb}.bg-sick{background-color:#dcfce7;color:#16a34a}.bg-pdo{background-color:#fce7f3;color:#db2777}.bg-wellness{background-color:#cffafe;color:#0891b2}.bg-undertime{background-color:#ffedd5;color:#ea580c}.bg-closed{color:#475569}.bg-suspended{background-color:#475569;color:#fff}.bg-maternity{background-color:#f3e8ff;color:#9333ea}.bg-paternity{background-color:#ffedd5;color:#9a3412}.bg-excuse{background-color:#fff;color:#e21717}.legend-container{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:16px}.legend-container strong{color:#64748b;display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.legend-grid{display:flex;flex-wrap:wrap;gap:16px}.legend-item{align-items:center;color:#475569;display:flex;font-size:.875rem;font-weight:500;gap:8px}.legend-box{border-radius:3px;height:12px;width:12px}.bg-maternity{background-color:#e0cffc;color:#6f42c1}.bg-paternity{background-color:#d7ccc8;color:#795548}.bg-excuse{background-color:#c72d2d;color:#daa9a0}.bg-suspended{background-color:#f8d7da;color:#842029}.bg-closed{background-color:#e2e8f0;color:#1e293b}:root{--primary:#1e293b;--bg-page:#f3f4f6;--text-main:#111827;--text-sub:#6b7280;--border:#e5e7eb;--shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.v-page{background:#f3f4f6;background:var(--bg-page);color:#111827;color:var(--text-main);font-family:Inter,system-ui,sans-serif;min-height:100vh;padding:2rem}.v-content{margin:0 auto;max-width:1200px}.blurred{filter:blur(5px);pointer-events:none}.v-header{align-items:center;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.v-header h1{font-size:1.5rem;font-weight:700;margin:0}.v-header p{color:#6b7280;color:var(--text-sub);margin:.25rem 0 0}.v-header-actions{display:flex;gap:1rem}.v-btn-primary{background:#1e293b;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:.2s}.v-btn-primary:hover{background:#0f172a;transform:translateY(-1px)}.v-btn-text{background:none;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:.75rem 1rem}.v-btn-sm{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;padding:.4rem .8rem}.v-btn-sm,.v-btn-status{background:#fff;cursor:pointer}.v-btn-status{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:20px;font-size:.8rem;margin-right:5px;padding:6px 12px}.v-btn-status.active{background:#1e293b;background:var(--primary);border-color:#1e293b;border-color:var(--primary);color:#fff}.v-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.v-report-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow);display:flex;flex-direction:column;padding:1.5rem;position:relative;transition:.2s}.v-report-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-3px)}.v-card-status{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.v-badge{border-radius:20px;font-size:.75rem;font-weight:700;padding:4px 10px;text-transform:uppercase}.v-date{color:#6b7280;color:var(--text-sub);font-size:.85rem}.v-link-btn{background:none;border:none;color:#3b82f6;color:var(--accent);cursor:pointer;font-weight:600;margin-top:auto;padding:1rem 0 0;text-align:left}.v-table-card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow);overflow:hidden}.v-table{border-collapse:collapse;width:100%}.v-table th{background:#f9fafb;color:#6b7280;color:var(--text-sub);font-size:.85rem;font-weight:600;padding:1rem;text-align:left;text-transform:uppercase}.v-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);font-size:.95rem;padding:1rem}.v-table tr:hover{background:#f9fafb;cursor:pointer}.v-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.v-card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius);box-shadow:0 20px 25px #0000001a;padding:2rem;position:relative;width:100%}.pin-card{max-width:350px;text-align:center}.modal-lg{max-width:500px}.modal-xl{display:flex;flex-direction:column;height:80vh;max-width:900px}.v-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.v-modal-header button{background:none;border:none;cursor:pointer;font-size:1.5rem}.v-modal-header button,.v-subtext{color:#6b7280;color:var(--text-sub)}.v-subtext{font-size:.9rem;margin-bottom:1.5rem}.v-form-group{margin-bottom:1.25rem}.v-form-group label{color:#111827;color:var(--text-main);display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.v-input{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;box-sizing:border-box;font-size:.95rem;padding:.75rem;width:100%}.v-input:focus{border-color:#3b82f6;border-color:var(--accent);outline:none}.v-textarea{min-height:120px;resize:vertical}.v-input-pin{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;font-size:2rem;letter-spacing:.5rem;margin:1.5rem 0;padding:.5rem;text-align:center;width:100%}.full{width:100%}.v-detail-layout{display:flex;flex:1 1;gap:2rem;height:100%;overflow:hidden}.v-detail-info{flex:1 1;overflow-y:auto;padding-right:1rem}.v-chat-section{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;display:flex;flex:1 1;flex-direction:column}.v-info-grid{grid-gap:1rem;background:#f3f4f6;background:var(--bg-page);border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;padding:1rem}.v-info-grid label{color:#6b7280;color:var(--text-sub);display:block;font-size:.75rem;margin-bottom:.25rem;text-transform:uppercase}.v-info-grid span{font-weight:500}.v-desc-box{margin-bottom:1.5rem}.v-desc-box p{color:#374151;line-height:1.6}.v-file-link{color:#3b82f6;color:var(--accent);display:inline-block;font-weight:500;margin-bottom:1.5rem;text-decoration:none}.v-chat-header{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;font-weight:600;padding:1rem}.v-chat-body{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:1rem}.v-chat-msg{max-width:80%}.v-chat-msg.mine{align-self:flex-end;text-align:right}.v-chat-msg.theirs{align-self:flex-start}.msg-bubble{border-radius:12px;font-size:.9rem;line-height:1.4;padding:.75rem}.mine .msg-bubble{background:#3b82f6;background:var(--accent);border-radius:12px 12px 0 12px;color:#fff}.theirs .msg-bubble{background:#e5e7eb;border-radius:12px 12px 12px 0;color:#111827;color:var(--text-main)}.msg-meta{color:#6b7280;color:var(--text-sub);font-size:.7rem;margin-top:4px}.v-chat-input{background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;padding:.75rem}.v-chat-input input{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;flex:1 1;margin-right:.5rem;padding:.5rem}.v-chat-input button{background:#1e293b;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:0 1rem}.toggle-wrapper{align-items:center;background:#f3f4f6;background:var(--bg-page);border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:8px 12px}.switch{display:inline-block;height:22px;position:relative;width:40px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:16px;left:3px;width:16px}input:checked+.slider{background-color:#3b82f6;background-color:var(--accent)}input:checked+.slider:before{transform:translateX(18px)}.card-badge-dot{animation:pulse 2s infinite;box-shadow:0 0 0 3px #fffc;height:10px;position:absolute;right:12px;top:12px;width:10px}.card-badge-dot,.table-red-dot{background-color:#ef4444;border-radius:50%}.table-red-dot{display:inline-block;flex-shrink:0;height:8px;width:8px}@keyframes pulse{0%{box-shadow:0 0 0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}.v-search-bar-container{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow);margin-bottom:2rem;padding:1rem 1.5rem}.v-search-wrapper{align-items:center;display:flex;max-width:500px;position:relative;width:100%}.search-icon{color:#6b7280;font-size:1rem;pointer-events:none}.v-search-input{background-color:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;font-size:.95rem;padding:10px 10px 10px 40px;transition:all .2s;width:100%}.v-search-input:focus{background-color:#fff;border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.v-search-stats{font-size:.9rem;font-weight:500}.v-empty-table,.v-search-stats{color:#6b7280;color:var(--text-sub)}.v-empty-table{padding:2rem;text-align:center}.v-grid,.v-table-card{animation:fadeIn .3s ease-out}.v-table-controls{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.5rem}.v-entries-selector{align-items:center;color:#6b7280;color:var(--text-sub);display:flex;font-size:.9rem;gap:8px}.v-entries-selector select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.9rem;padding:6px 10px;transition:all .2s}.v-entries-selector select:focus,.v-entries-selector select:hover{border-color:#3b82f6;border-color:var(--accent)}.v-entries-selector select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.v-pagination{align-items:center;background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-top:1.5rem;padding:1rem 1.5rem}.v-pagination-info{color:#6b7280;color:var(--text-sub);font-size:.9rem}.v-pagination-buttons{align-items:center;display:flex;gap:6px}.v-page-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;color:#111827;color:var(--text-main);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 14px;transition:all .2s}.v-page-btn:hover:not(:disabled){background:#f3f4f6;background:var(--bg-page);border-color:#3b82f6;border-color:var(--accent);color:#3b82f6;color:var(--accent)}.v-page-btn.active{background:#1e293b;background:var(--primary);border-color:#1e293b;border-color:var(--primary);color:#fff}.v-page-btn:disabled{cursor:not-allowed;opacity:.5}.v-page-ellipsis{color:#6b7280;color:var(--text-sub);font-weight:500;padding:0 8px}@media (max-width:768px){.v-detail-layout{flex-direction:column;height:auto;overflow:visible}.v-card.modal-xl{height:auto;max-height:90vh;overflow-y:auto}.v-pagination{flex-direction:column;gap:1rem}.v-pagination-buttons{flex-wrap:wrap;justify-content:center}}.v-radio-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:15px}.v-radio-label{color:#1e293b;font-size:14px;gap:10px;margin:10px}.identity-row.disabled-row{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}.identity-row.disabled-row .switch{pointer-events:none}.v-radio-label input[type=radio]{height:18px;width:18px}.v-classification-container{border-bottom:1px solid #f1f5f9;padding:8px 0}.v-classification-container:last-child{border-bottom:none}.v-associated-violations{background:#fdfdfd;border-left:3px solid #3b82f6;border-radius:4px;margin-left:34px;margin-top:8px;padding:12px}.v-info-header{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.v-violation-list{list-style:none;margin:0;padding:0}.v-violation-list li{color:#475569;font-size:13px;padding:3px 0 3px 15px;position:relative}.v-violation-list li:before{color:#94a3b8;content:"•";left:0;position:absolute}.v-radio-text{color:#1e293b;font-weight:600;margin-left:12px}.identity-row.disabled-row{background-color:#f8fafc;border:1px dashed #cbd5e1}.v-classification-row{margin-bottom:12px}.v-radio-label{margin-bottom:4px}.v-radio-label input[type=radio]{accent-color:#3b82f6;height:20px;margin-right:10px;width:20px}.v-radio-text{color:#334155;font-size:16px;font-weight:700}.v-violation-subtext-list{gap:2px}.v-violation-item-text{font-size:14px;line-height:1.4}.v-search-bar-container{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.modal-lg.landscape{max-width:950px;width:90%}.v-form-landscape{align-items:start}.v-column{display:flex;flex-direction:column}.v-radio-group.scrollable{padding-right:10px}.v-textarea.landscape-tall{min-height:180px}.toggle-wrapper span{font-size:.8rem;line-height:1.2;max-width:180px}.v-classification-row{background:#fff;padding:10px}.v-classification-row:has(input:checked){background:#f0f7ff;border-color:#3b82f6;border-color:var(--accent)}@media (max-width:900px){.v-form-landscape{gap:1rem;grid-template-columns:1fr}.modal-lg.landscape{height:90vh;max-width:500px;overflow-y:auto}}.modal-lg.landscape{max-height:90vh;max-width:1000px;overflow-y:auto;width:95%}.v-form-landscape{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1fr 1.2fr;margin-top:1rem}.v-radio-group.scrollable{background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;max-height:400px;overflow-y:auto;padding:10px}.v-classification-row{border:1px solid #0000;border-radius:8px;padding:12px;transition:.2s}.v-classification-row.active{background:#fff;border-color:#3b82f6;border-color:var(--accent);box-shadow:0 2px 4px #0000000d}.v-radio-label{align-items:center;cursor:pointer;display:flex;font-size:1rem;font-weight:700}.v-violation-subtext-list{display:flex;flex-direction:column;gap:3px;margin-left:32px;margin-top:5px}.v-violation-item-text{color:#64748b;font-size:.85rem;font-weight:400}.v-specify-inline{margin-left:32px;margin-top:10px}.v-input.sm{background:#f1f5f9;font-size:.85rem;padding:8px 12px}.v-textarea.landscape-tall{min-height:200px}.v-modal-footer-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.v-hidden-file-input{display:none}.v-file-custom-btn{background:#f9fafb;border:2px dashed #e5e7eb;border:2px dashed var(--border);border-radius:8px;color:#6b7280;color:var(--text-sub);cursor:pointer;display:block;font-size:.9rem;padding:12px;text-align:center;width:100%}.v-file-custom-btn:hover{border-color:#3b82f6;border-color:var(--accent);color:#3b82f6;color:var(--accent)}.v-identity-status{color:#111827;color:var(--text-main);font-size:.8rem;font-weight:500;max-width:70%}@media (max-width:900px){.v-form-landscape{grid-template-columns:1fr}}.v-table-class-text{color:#475569;font-size:.85rem;font-weight:600}.v-card-classification{background:#eff6ff;border-radius:4px;color:#3b82f6;display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.5px;margin-bottom:8px;padding:2px 8px;text-transform:uppercase}.v-table th{white-space:nowrap}.v-selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.v-tag{align-items:center;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:16px;color:#4338ca;display:flex;font-size:13px;gap:6px;padding:4px 10px}.v-tag button{background:none;border:none;color:#ef4444;cursor:pointer;font-weight:700;padding:0}.v-tag button:hover{color:#b91c1c}.v-skeleton-card{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:800px 100%;border-radius:12px;height:160px}.v-loading-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:16px 0}.v-skeleton-cell{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:800px 100%;border-radius:4px;height:14px;width:80%}.history-page{box-sizing:border-box;color:#1f2937;font-family:Inter,system-ui,sans-serif;padding:30px;width:100%}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.history-header h2{color:#111827;font-size:24px;font-weight:700;margin:0}.subtitle{font-size:14px;margin-top:5px}.btn-refresh{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-refresh:hover{background:#f3f4f6;border-color:#9ca3af}.history-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.tabs{background:#f3f4f6;border-radius:8px;display:flex;gap:8px;padding:4px}.tab{background:#0000;border:none;font-weight:500;transition:all .2s}.tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#0f172a;font-weight:600}.search-wrapper input{border:1px solid #d1d5db;border-radius:6px;font-size:13px;outline:none;padding:10px 14px;transition:border-color .2s;width:250px}.search-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.history-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.history-table{font-size:14px}.history-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase}.history-table td{border-bottom:1px solid #f3f4f6;padding:14px 20px;vertical-align:top}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover{background-color:#fcfcfc}.log-time{font-feature-settings:"tnum";color:#4b5563;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.log-user{display:flex;flex-direction:column;gap:2px}.user-name{color:#111827;font-weight:600}.user-role{color:#9ca3af;font-size:11px;font-weight:500}.log-desc{color:#374151;line-height:1.5}.log-badge{border-radius:9999px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.badge-login{background-color:#dbeafe;color:#1e40af}.badge-attendance{background-color:#d1fae5;color:#065f46}.badge-warning{background-color:#fee2e2;color:#991b1b}.badge-default{background-color:#f3f4f6;color:#4b5563}.loading-state,.no-data{color:#6b7280;font-size:14px;padding:40px;text-align:center}@media (max-width:768px){.history-controls{align-items:stretch;flex-direction:column-reverse}.search-wrapper input{width:100%}.tabs{overflow-x:auto}.history-header{align-items:flex-start;flex-direction:column;gap:15px}}.pagination-controls{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px;padding:10px}.btn-page{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.btn-page:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.page-info{color:#4b5563;font-size:14px;font-weight:500}.history-table{border-collapse:collapse;font-size:13px;width:100%}.history-table td,.history-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.badge-request-management{background:#e0f2fe;border-radius:4px;color:#0369a1;font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase}.log-desc{color:#4b5563;line-height:1.4}.log-user{font-weight:600}:root{--primary:#0f172a;--bg-page:#f8fafc;--white:#fff;--border:#e2e8f0;--text-main:#1e293b;--text-sub:#64748b;--accent:#3b82f6;--radius:12px}.asset-page-container{background-color:#f8fafc;background-color:var(--bg-page);color:#1e293b;color:var(--text-main);font-family:Inter,sans-serif;min-height:100vh;padding:30px}.asset-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.asset-header h1{color:#0f172a;color:var(--primary);font-size:24px;font-weight:700;margin:0}.asset-header p{color:#64748b;color:var(--text-sub);font-size:14px;margin:5px 0 0}.btn-export{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:.2s}.btn-export.csv{background:#fff;border-color:#bbf7d0;color:#15803d}.btn-export.pdf{background:#fff;border-color:#fecaca;color:#b91c1c}.btn-export:hover{box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.asset-content-card{background:#fff;background:var(--white);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.asset-toolbar{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.search-wrapper{max-width:400px;position:relative;width:100%}.search-icon{color:#64748b;color:var(--text-sub);font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.asset-search-input{background:#f9fafb;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;font-size:14px;padding:10px 10px 10px 36px;transition:all .2s;width:100%}.asset-search-input:focus{background:#fff;background:var(--white);border-color:#3b82f6;border-color:var(--accent);outline:none}.table-responsive{overflow-x:auto}.asset-table{border-collapse:collapse;width:100%}.asset-table th{background-color:#f9fafb;color:#64748b;color:var(--text-sub);font-size:12px;font-weight:600;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.asset-table td,.asset-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.asset-table td{font-size:14px;padding:14px 20px;vertical-align:middle}.asset-table tr:hover{background-color:#f8fafc}.status-badge{border-radius:12px;font-size:10px;padding:2px 8px}.badge-regular{background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8}.badge-probationary{background:#fff7ed;border:1px solid #ffedd5;color:#c2410c}.badge-resigned{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.btn-icon-edit{background:none;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;cursor:pointer;height:32px;transition:.2s;width:32px}.btn-icon-edit:hover{background:#3b82f6;background:var(--accent);border-color:#3b82f6;border-color:var(--accent);color:#fff}.employee-cell{display:flex;flex-direction:column}.emp-name{color:#0f172a;color:var(--primary);font-weight:600}.emp-id{color:#64748b;color:var(--text-sub);font-size:11px}.empty-dash{color:#cbd5e1}.text-center{color:#64748b;color:var(--text-sub);padding:30px;text-align:center}.modal-overlay{background:#0009}.modal-content{animation:modalFadeIn .2s ease-out;box-shadow:0 20px 25px -5px #0000001a;margin:20px;max-width:95%;padding:30px;width:650px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;margin-bottom:25px;padding-bottom:15px}.modal-header h3{color:#0f172a;font-size:18px;font-weight:700;margin:0}.modal-header button{background:none;border:none;color:#64748b;cursor:pointer;font-size:20px;padding:5px}.form-grid{grid-column-gap:30px;grid-row-gap:20px;column-gap:30px;margin-bottom:30px;row-gap:20px}.form-group{margin:20px}.form-groups label{color:#64748b;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-groups input{border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#334155;font-size:14px;margin:0;padding:10px 12px;width:100%}.form-groups input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{border-top:1px solid #f1f5f9;display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.btn-cancel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:#f1f5f9}.btn-save{background:#0f172a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-save:hover{background:#1e293b;transform:translateY(-1px)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--blue-bg:#eff6ff;--blue-text:#2563eb;--orange-bg:#fff7ed;--orange-text:#ea580c;--purple-bg:#faf5ff;--purple-text:#9333ea;--pink-bg:#fdf2f8;--pink-text:#db2777;--gray-bg:#f8fafc;--gray-text:#475569}.announcements-container{box-sizing:border-box;color:#1e293b;font-family:Inter,sans-serif;max-width:100%;padding:40px;width:100%}.header-section{margin-bottom:30px}.header-section h1{font-size:28px;font-weight:700;margin:0 0 8px}.header-section p{color:#64748b;font-size:15px;margin:0}.tabs-container{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:12px;margin-bottom:30px;padding-bottom:20px}.custom-tab,.tabs-container{align-items:center;display:flex}.custom-tab{background:#fff;border:1px solid #0000;border-radius:30px;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.custom-tab:hover{background:#f1f5f9}.create-mini-btn,.tab-all.active{background:#0f172a;color:#fff}.create-mini-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;padding:10px 24px}.cards-list{display:flex;flex-direction:column;gap:24px}.clean-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:default;display:flex;height:auto;min-height:220px;overflow:hidden;transition:transform .2s,box-shadow .2s;width:100%}.clean-card:hover{border-color:#cbd5e1;box-shadow:0 12px 24px -10px #0000001a;transform:translateY(-2px)}.clean-card-image{align-items:center;background:#f1f5f9;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative;width:350px}.clean-card-image img{height:100%;object-fit:cover;transition:transform .5s;width:100%}.clean-card:hover .clean-card-image img{transform:scale(1.05)}.clean-card-image .image-badge{background:#ffffffe6;border-radius:12px;box-shadow:0 2px 5px #0000001a;font-size:11px;font-weight:700;left:10px;padding:4px 10px;position:absolute;text-transform:uppercase;top:10px}.placeholder-box{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.placeholder-box svg{height:60px;opacity:.4;width:60px}.clean-card-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:25px}.clean-card-header{align-items:flex-start;display:flex;gap:20px}.icon-box{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.title-area{flex:1 1}.title-area h3{color:#1e293b;font-size:20px;font-weight:700;line-height:1.3;margin:0 0 10px}.title-area p{color:#64748b;font-size:15px;line-height:1.5;margin:0;white-space:pre-line}.date-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.mini-attach-count{color:#64748b;font-size:12px;margin-top:10px}.clean-card-footer{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:13px;font-weight:500;justify-content:space-between;margin-top:15px;padding-top:15px}.author,.clean-card-footer{align-items:center;display:flex}.author{gap:8px}.author-avatar{background:#e2e8f0;border-radius:50%;color:#64748b;font-size:10px;font-weight:700;height:28px;justify-content:center;width:28px}.author-avatar,.card-actions{align-items:center;display:flex}.card-actions{flex-wrap:wrap;gap:15px;justify-content:flex-end}.reactions{display:flex;gap:8px}.reaction-btn{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;cursor:pointer;display:inline-flex;gap:4px;padding:5px 10px;transition:all .2s}.reaction-btn:hover{background:#f8fafc;transform:scale(1.05)}.reaction-btn.active{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.reaction-emoji{font-size:16px}.reaction-count{font-size:12px;font-weight:700}.btn-ghost{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:13px;font-weight:600}.btn-ghost:hover{color:#1e293b;text-decoration:underline}.admin-actions{align-items:center;display:inline-flex;gap:8px}.btn-admin{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;font-size:12px;font-weight:700;padding:6px 10px}.btn-admin:hover{background:#f8fafc}.btn-admin.danger{background:#fff;border-color:#fecaca;color:#b91c1c}.btn-admin.danger:hover{background:#fff1f2}.comments-panel{animation:fadeIn .2s ease;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:15px;padding:20px}.comment-form{display:flex;gap:10px;margin-bottom:20px}.comment-input{border:1px solid #cbd5e1;border-radius:20px;flex:1 1;font-size:13px;outline:none;padding:10px 14px}.comment-input:focus{background:#fff;border-color:#2563eb}.comment-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto}.comment{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #00000008;font-size:13px;padding:10px 14px}.comment-meta{color:#64748b;display:flex;font-size:11px;justify-content:space-between;margin-bottom:4px}.comment-body{color:#334155;line-height:1.4}.no-comments{color:#94a3b8;font-size:13px;font-style:italic;text-align:center}.comment.me{background-color:#eff6ff;border-color:#bfdbfe;text-align:right}.comment.me .comment-meta{flex-direction:row-reverse;gap:8px;justify-content:flex-end}.comment.me .comment-body{color:#1e3a8a}.placeholder-box.type-news,.type-news .icon-box{background:#eff6ff;background:var(--blue-bg);color:#2563eb;color:var(--blue-text)}.placeholder-box.type-updates,.type-updates .icon-box{background:#fff7ed;background:var(--orange-bg);color:#ea580c;color:var(--orange-text)}.placeholder-box.type-memos,.type-memos .icon-box{background:#faf5ff;background:var(--purple-bg);color:#9333ea;color:var(--purple-text)}.placeholder-box.type-birthdays,.type-birthdays .icon-box{background:#fdf2f8;background:var(--pink-bg);color:#db2777;color:var(--pink-text)}.link-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-weight:600;margin-top:5px;padding:0}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-box{background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:90%;overflow-y:auto;padding:40px;width:650px}.editor-form{display:flex;flex-direction:column;gap:20px}.editor-form h3{margin:0 0 10px}.input-full,.select-full{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px;width:100%}.select-full{background:#fff}.save-btn{background:#0f172a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px}.file-box input[type=file]{width:100%}.preview-grid{display:flex;flex-wrap:wrap}.preview-img{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;height:90px;object-fit:cover;width:120px}.checkbox-row{align-items:center;color:#334155;display:flex;font-size:13px;gap:10px}.viewer-backdrop{background:#000000a6;padding:20px;z-index:99999}.viewer-box{border-radius:24px;box-shadow:0 25px 60px #00000059;max-height:92vh;width:min(1100px,96vw)}.viewer-top{align-items:flex-start;border-bottom:1px solid #e2e8f0;padding:18px 18px 12px}.viewer-title-wrap{display:flex;flex-direction:column;gap:8px}.viewer-badge{display:inline-block;font-weight:800;width:-webkit-fit-content;width:fit-content}.viewer-title{margin:0}.viewer-meta .dot{opacity:.7}.viewer-close{height:36px;line-height:36px;width:36px}.viewer-toolbar{border-bottom:1px solid #e2e8f0;padding:10px 14px}.viewer-tool-btn{font-weight:800;padding:6px 10px}.viewer-tool-btn:disabled{opacity:.4}.viewer-counter{font-weight:800;padding:0 10px}.viewer-zoom-area{height:420px;-webkit-user-select:none;user-select:none}.viewer-zoom-img{pointer-events:none;transform-origin:0 0}.viewer-hint{background:#00000073;border-radius:10px}.viewer-thumbs{border-top:1px solid #e2e8f0;padding:12px}.viewer-thumb{height:52px;width:72px}.viewer-thumb img{height:100%;width:100%}.viewer-content{border-top:1px solid #e2e8f0;overflow:auto;padding:18px}.viewer-section-title{font-size:13px;letter-spacing:.08em}.viewer-body{line-height:1.7}.preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:10px}.muted-small{color:#64748b;font-size:12px;font-weight:600;margin-bottom:6px}.edit-actions{display:flex;gap:10px;justify-content:flex-end}.viewer-backdrop{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:10000}.viewer-box{background:#fff;border-radius:22px;box-shadow:0 30px 70px #0000004d;display:flex;flex-direction:column;overflow:hidden}.ig-viewer{max-height:92vh;max-width:96vw;width:560px}.viewer-top{border-bottom:1px solid #eef2f7;display:flex;gap:16px;justify-content:space-between;padding:16px 16px 10px}.viewer-title-wrap{flex:1 1;min-width:0}.viewer-title{color:#0f172a;font-size:22px;font-weight:900;margin:6px 0}.viewer-meta{align-items:center;color:#64748b;display:flex;font-size:13px;font-weight:700;gap:10px}.viewer-meta .dot{opacity:.6}.viewer-badge{align-items:center;border:1px solid #e2e8f0;border-radius:999px;display:inline-flex;font-size:11px;font-weight:900;gap:6px;padding:4px 10px;text-transform:uppercase}.viewer-top-actions{align-items:center;display:flex;gap:10px}.viewer-action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;font-size:12px;font-weight:900;padding:8px 10px}.viewer-action-btn:hover{background:#f8fafc}.viewer-action-btn.danger{background:#fff;border-color:#fecaca;color:#b91c1c}.viewer-action-btn.danger:hover{background:#fff1f2}.viewer-close{background:#f1f5f9;border:none;border-radius:12px;color:#0f172a;cursor:pointer;font-size:18px;font-weight:900;height:38px;width:38px}.viewer-close:hover{background:#e2e8f0}.viewer-toolbar{border-bottom:1px solid #eef2f7;justify-content:space-between;padding:10px 12px}.viewer-toolbar,.viewer-toolbar-left,.viewer-toolbar-right{align-items:center;display:flex;gap:10px}.viewer-tool-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;font-size:12px;font-weight:900;padding:7px 10px}.viewer-tool-btn:hover{background:#f8fafc}.viewer-tool-btn:disabled{cursor:not-allowed;opacity:.5}.viewer-counter{color:#475569;font-size:13px;font-weight:900}.viewer-zoom-area{background:#0b1220;border-bottom:1px solid #eef2f7;cursor:grab;overflow:hidden;position:relative}.viewer-zoom-area.dragging{cursor:grabbing}.ig-zoom-area{height:52vh;min-height:420px}.viewer-zoom-img{-webkit-user-drag:none;left:50%;max-height:none;max-width:none;position:absolute;top:50%;transform-origin:center center;-webkit-user-select:none;user-select:none;will-change:transform}.viewer-no-image{align-items:center;color:#cbd5e1;display:flex;font-weight:800;height:100%;justify-content:center}.viewer-hint{background:#0000008c;border-radius:12px;bottom:12px;color:#fff;font-size:12px;font-weight:800;left:12px;padding:6px 10px;position:absolute}.viewer-thumbs{background:#fff;border-bottom:1px solid #eef2f7;display:flex;gap:10px;overflow-x:auto;padding:10px 12px}.viewer-thumb{background:#0000;border:2px solid #0000;border-radius:10px;cursor:pointer;flex:0 0 auto;overflow:hidden;padding:0}.viewer-thumb img{border-radius:10px;display:block;height:64px;object-fit:cover;width:86px}.viewer-thumb.active{border-color:#2563eb}.viewer-content{overflow-y:auto;padding:14px 16px 18px}.ig-content{max-height:26vh}.viewer-section-title{color:#64748b;font-size:12px;font-weight:900;letter-spacing:.12em;margin:0 0 10px;text-transform:uppercase}.viewer-body{color:#334155;font-size:15px;line-height:1.75;white-space:pre-wrap}@media (max-width:768px){.ig-viewer{width:96vw}.ig-zoom-area{height:44vh;min-height:320px}.ig-content{max-height:30vh}.clean-card{flex-direction:column;height:auto}.clean-card-image{height:220px;width:100%}.tabs-container{overflow-x:auto;padding-bottom:10px;white-space:nowrap}.announcements-container,.clean-card-content{padding:20px}.clean-card-footer{align-items:flex-start;flex-direction:column;gap:15px}.card-actions{justify-content:space-between;width:100%}.viewer-zoom-area{height:300px}}.admin-requests-page{background:#fafafa;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;max-width:100%;min-height:100vh;padding:30px 40px;width:100%}.page-header{margin-bottom:40px}.page-header h1{color:#111827;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.subtitle{color:#6b7280;font-size:15px;font-weight:400;margin:0}.section-title{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px;text-transform:uppercase}.section-subtitle{color:#6b7280;font-size:14px;font-weight:400;margin:0 0 20px}.templates-section{margin-bottom:40px}.template-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.template-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;flex-direction:row;gap:16px;min-height:90px;padding:20px;position:relative;text-align:left;transition:all .2s ease}.template-card:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.template-card-icon{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s ease;width:48px}.template-card:hover .template-card-icon{background:#eff6ff;color:#3b82f6}.template-card-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden}.template-title{color:#1f2937;font-size:15px;font-weight:600;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-status{align-items:center;display:flex;gap:6px}.status-text{color:#059669;font-size:12px;font-weight:500}.status-text.inactive{color:#9ca3af}.template-card.has-template:before{background:#10b981;border-radius:50%;box-shadow:0 0 0 2px #d1fae5;content:"";height:8px;position:absolute;right:12px;top:12px;width:8px}.template-card.no-template:before{background:#e5e7eb;border-radius:50%;content:"";height:6px;position:absolute;right:12px;top:12px;width:6px}.template-indicator{display:none}.requests-management-section{margin-top:40px}.tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;text-transform:uppercase;transition:all .2s ease}.tab:hover{background:#f9fafb;color:#374151}.tab.active{background:#1f2937;border-color:#1f2937;box-shadow:0 4px 6px -1px #0000001a;color:#fff}.tab .count{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:11px;padding:2px 6px}.tab.active .count{background:#fff3;color:#fff}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;width:100%}.requests-table{border-collapse:collapse;table-layout:auto;width:100%}.requests-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.05em;padding:16px 24px;text-align:left;text-transform:uppercase}.requests-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:16px 24px;vertical-align:middle}.requests-table tr:last-child td{border-bottom:none}.requests-table tbody tr{transition:background .1s ease}.requests-table tbody tr:hover{background:#f9fafb}.cell-employee{display:flex;flex-direction:column}.cell-name{color:#111827;font-size:14px;font-weight:600}.cell-id{color:#6b7280;font-size:12px;margin-top:2px}.cell-type{background:#f3f4f6;border-radius:4px;color:#4b5563;display:inline-block;font-size:13px;font-weight:500;padding:4px 10px}.cell-date{font-feature-settings:"tnum";color:#6b7280;font-size:14px;font-variant-numeric:tabular-nums}.empty-state{background:#fcfcfc;color:#9ca3af;font-size:15px;padding:60px 20px!important;text-align:center}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status-approved{background:#ecfdf5;border:1px solid #6ee7b7;color:#047857}.status-processing{background:#eff6ff;border:1px solid #93c5fd;color:#1d4ed8}.status-rejected{background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c}.status-completed{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-view-details{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-view-details:hover{background:#f9fafb;border-color:#d1d5db;color:#111827}.modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#11182799;z-index:2000}.modal-content{animation:slideUp .3s ease-out;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-width:650px;overflow:hidden;width:100%}.modal-header{align-items:flex-start;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header-content{align-items:center;display:flex;gap:16px}.modal-icon{color:#6b7280;display:flex}.modal-title-group h2{color:#111827;font-size:18px;font-weight:700;margin:0}.modal-title-group p{color:#6b7280;font-size:13px;margin:2px 0 0}.btn-close{background:#0000;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;padding:4px}.btn-close:hover{background:#f3f4f6;color:#374151}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1/-1}.info-item label{color:#6b7280;font-size:11px;font-weight:700;text-transform:uppercase}.info-item span{color:#111827;font-size:14px;font-weight:500}.notes-text{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:13px;line-height:1.5;padding:12px}.btn-action{border:none;border-radius:6px;font-size:13px;padding:8px 16px}.btn-primary{background:#111827}.btn-primary:hover:not(:disabled){background:#374151}.btn-secondary{background:#fff;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#f3f4f6}.btn-danger{background:#fff;border:1px solid #fca5a5;color:#dc2626}.btn-danger:hover:not(:disabled){background:#fef2f2}.btn-action:disabled{cursor:not-allowed;opacity:.6}.loading{display:flex;justify-content:center;padding:100px}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#111827;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1024px){.admin-requests-page{padding:24px}.template-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.admin-requests-page{padding:20px 16px}.requests-table td,.requests-table th{padding:12px 16px}.table-container{overflow-x:auto}}.btn-icon-pdf{align-items:center;background:#0000;border:1px solid #fee2e2;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-icon-pdf:hover{background:#fee2e2;box-shadow:0 2px 4px #dc26261a;transform:translateY(-1px)}.status-select-wrapper{width:160px}.status-select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236b7280%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 10px center;background-size:10px;border:1px solid #0000;outline:none;transition:all .2s ease}.status-select.status-pending-tl{background-color:#fffbeb;border-color:#fcd34d;color:#b45309}.status-select.status-approved{background-color:#ecfdf5;border-color:#6ee7b7;color:#047857}.status-select.status-processing{background-color:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.status-select.status-rejected{background-color:#fef2f2;border-color:#fca5a5;color:#b91c1c}.status-select.status-completed,.status-select.status-released{background-color:#f3f4f6;border-color:#d1d5db;color:#374151}.status-select:hover{filter:brightness(.97)}.status-select:focus{box-shadow:0 0 0 2px #3b82f633}.status-select-wrapper{display:inline-block;min-width:150px;position:relative}.status-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;width:100%}.status-pending-tl{background:#fef3c7;color:#92400e}.status-pending-support{background:#fef3c7;color:#a16207}.status-pending-hr{background:#f3e8ff;color:#7e22ce}.status-pending-om{background:#dbeafe;color:#1e3a8a}.status-approved{background:#d1fae5;color:#059669}.status-rejected{background:#fee2e2;color:#dc2626}.status-cancelled{background:#e2e8f0;color:#4a5568}.status-processing{background:#dbeafe;color:#2563eb}.status-ready,.status-released{background:#d1fae5;color:#059669}.filter-tabs{border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding-bottom:10px}.filter-tabs .tab{align-items:center;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:20px;color:#4b5563;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:5px;padding:8px 15px;transition:all .2s}.filter-tabs .tab:hover{background-color:#e5e7eb}.filter-tabs .tab.active{background-color:#1a73e8;border-color:#1a73e8;color:#fff}.filter-tabs .tab .count{background-color:#0000001a;border-radius:10px;color:inherit;font-size:11px;font-weight:700;padding:2px 7px}.modal-body{padding:20px}.current-template-section{border-bottom:1px dashed #e0e0e0;margin-bottom:20px;padding-bottom:15px}.template-actions-row{display:flex;gap:10px;margin-top:10px}.divider{color:#888;font-size:12px;margin:20px 0;position:relative;text-align:center}.divider:after,.divider:before{background:#eee;content:"";height:1px;position:absolute;top:50%;width:40%}.divider:before{left:0}.divider:after{right:0}.divider span{background:#fff;padding:0 10px;position:relative;z-index:1}.upload-box{text-align:center}.upload-box input[type=file]{border:1px solid #d1d5db;border-radius:5px;display:block;margin:10px auto;padding:10px;width:-webkit-fit-content;width:fit-content}.btn-action{border-radius:5px;cursor:pointer;font-weight:600;padding:8px 15px;transition:all .2s}.btn-primary{background-color:#1a73e8}.btn-primary:hover{background-color:#1765cc}.btn-secondary{background-color:#e5e7eb;border:none;color:#374151}.btn-secondary:hover{background-color:#d1d5db}.btn-danger{background-color:#ef4444;border:none;color:#fff}.btn-danger:hover{background-color:#dc2626}.no-template-msg{color:#888;font-style:italic;margin-bottom:20px;margin-top:10px;text-align:center}.custom-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.custom-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:90%}.custom-modal-header{border-bottom:1px solid #e5e7eb;padding:24px 24px 16px}.custom-modal-title{align-items:center;color:#111827;display:flex;font-size:20px;font-weight:600;gap:10px;margin:0 0 8px}.custom-modal-subtitle{color:#6b7280;font-size:14px;margin:0}.custom-modal-body{padding:24px}.status-change-info{background:#f9fafb;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:20px;padding:16px}.status-change-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.status-change-row:last-child{margin-bottom:0}.status-label{color:#6b7280;font-weight:500}.status-value{border-radius:6px;font-size:13px;font-weight:600;padding:4px 12px}.status-value.old{background:#fee2e2;color:#991b1b}.status-value.new{background:#dbeafe;color:#1e40af}.warning-message{align-items:flex-start;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.warning-icon{color:#f59e0b;flex-shrink:0;font-size:24px}.warning-text{color:#78350f;font-size:14px;line-height:1.5}.form-group-modal{margin-bottom:20px}.form-group-modal label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group-modal textarea{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.form-group-modal textarea:focus{border-color:#3b82f6;outline:none}.form-group-modal .helper-text{color:#6b7280;font-size:12px;margin-top:6px}.custom-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-modal{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:all .2s}.btn-modal-cancel{background:#fff;border:2px solid #e5e7eb;color:#374151}.btn-modal-cancel:hover{background:#f9fafb;border-color:#d1d5db}.btn-modal-confirm{background:#3b82f6;color:#fff}.btn-modal-confirm:hover{background:#2563eb}.btn-modal-confirm.danger{background:#dc2626}.btn-modal-confirm.danger:hover{background:#b91c1c}.btn-modal-confirm:disabled{background:#d1d5db;cursor:not-allowed}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}.card-menu-dots{align-items:center;border-radius:8px;color:#6b7280;display:inline-flex;height:36px;justify-content:center;padding:6px;transition:background-color .12s ease,transform .08s ease;width:36px}.card-menu-dots:hover{background-color:#0f172a0a;transform:translateY(-1px)}.card-menu-dots:focus{border-radius:8px;box-shadow:0 0 0 4px #3b82f61f;outline:none}.card-dropdown-menu{animation:menu-pop .12s cubic-bezier(.2,.9,.2,1);box-shadow:0 8px 24px #0206171f;top:calc(100% + 8px);transform-origin:top right;width:180px}@keyframes menu-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-item:focus,.menu-item:hover{background-color:#f5f5f5;outline:none}.menu-item:focus{box-shadow:inset 0 0 0 2px #00000005}.form-wrapper{height:100%;overflow-y:auto}.add-employee-form,.form-wrapper{display:flex;flex-direction:column}.add-employee-form{flex-grow:1}.modal-top-bar{align-items:center;background:#fff;border-bottom:1px solid #e8eaed;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.top-bar-left,.top-bar-right{flex:1 1}.top-bar-right{text-align:right}.btn-icon{align-items:center;background:#0000;border:none;border-radius:50%;color:#5f6368;cursor:pointer;display:inline-flex;font-size:1.5rem;height:40px;justify-content:center;transition:background-color .2s;width:40px}.btn-icon:hover{background-color:#f1f3f4}.form-content{flex-grow:1;overflow-y:auto;padding:24px}.form-main-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.form-icon-wrapper{align-items:center;background-color:#f1f3f4;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.form-title-group{flex-grow:1}.form-title-group h2{color:#202124;font-size:1.25rem;font-weight:600;margin:0}.form-title-group p{color:#5f6368;margin:4px 0 0}.form-error{background-color:#fce8e6;color:#d93025;margin-bottom:1rem;text-align:center}.form-tabs{border-bottom:1px solid #dadce0;display:flex;margin-bottom:1.5rem}.tab-item{color:#5f6368;cursor:default;font-weight:500;padding:12px 16px;position:relative}.tab-item.active{border-bottom:2px solid #1a73e8;color:#1a73e8}.form-step-content{display:flex;flex-direction:column;gap:1.5rem}.form-step-content h4{border-bottom:1px solid #e0e0e0;color:#202124;font-size:1rem;font-weight:600;margin:0;padding-bottom:8px}.avatar-upload-section{align-items:center;display:flex;gap:1.5rem}.avatar-preview{border-radius:50%;height:64px;object-fit:cover;width:64px}.avatar-actions{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.avatar-note{color:#5f6368;font-size:.8rem;margin:0}.button-group{border:1px solid #dadce0;border-radius:8px;display:flex;overflow:hidden}.button-group button{border:none;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-delete{background-color:#3c4043;color:#fff}.btn-delete:hover{background-color:#5f6368}.btn-upload{background-color:#fff;border-left:1px solid #dadce0;color:#3c4043}.btn-upload:hover{background-color:#f1f3f4}.form-grid{grid-gap:1.5rem 1rem;display:grid;gap:1.5rem 1rem;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.add-employee-form label{color:#3c4043;font-size:.875rem;font-weight:500;margin-bottom:8px}.add-employee-form input,.add-employee-form select,.add-employee-form textarea{border:1px solid #dadce0;border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:10px 12px;width:100%}.add-employee-form input:focus,.add-employee-form select:focus,.add-employee-form textarea:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #d2e3fc;outline:none}.add-employee-form textarea{min-height:80px;resize:vertical}.form-actions{background-color:#fff;border-top:1px solid #e8eaed;bottom:0;flex-shrink:0;padding:24px;position:-webkit-sticky;position:sticky;z-index:10}.form-actions button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 24px}.btn-secondary{background-color:#fff;border:1px solid #dadce0;color:#3c4043}.btn-primary{background-color:#202124}.btn-primary:hover{background-color:#3c4043}.btn-primary:disabled{background-color:#a0a0a0;cursor:not-allowed}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:10px;padding:24px}.skeleton-box{animation:shimmer 1.5s linear infinite;background:#f3f4f6;background-image:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:4px}.skeleton-box.avatar{border-radius:50%;flex-shrink:0;height:48px;width:48px}.skeleton-box.short{height:16px;width:50%}.skeleton-box.long{height:16px;width:80%}.edit-employee-form{box-sizing:border-box;display:flex;flex-direction:column;height:100%;width:100%}.compact-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.avatar-display{align-items:center;display:flex;gap:15px;margin:15px}.avatar-image-small{border:3px solid #ecf0f1;border-radius:50%;box-shadow:0 2px 5px #0000001a;height:70px;object-fit:cover;width:70px}.avatar-info h4{color:#2c3e50;font-size:18px;font-weight:700;margin:0}.small-id{color:#7f8c8d;display:block;font-size:13px;margin-top:2px}.btn-xs-edit{background:#f8f9fa;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.btn-xs-edit:hover{background:#e2e6ea;border-color:#adb5bd}.compact-grid{grid-gap:15px 20px;-ms-overflow-style:none;display:grid;gap:15px 20px;grid-template-columns:repeat(3,1fr);margin:15px;max-height:60vh;overflow-y:auto;padding:5px 5px 15px;scrollbar-width:none}.compact-grid::-webkit-scrollbar{display:none}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px}.form-group input,.form-group select{background-color:#fff;border:1px solid #ced4da;border-radius:5px;box-sizing:border-box;font-size:13px;height:42px;line-height:40px;padding:0 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-group input[type=date]{line-height:normal;padding:8px 12px}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #0a24631a;outline:0}.full-span{grid-column:1/-1}.section-divider{background:#e9ecef;grid-column:1/-1;height:1px;margin:10px 0 15px}.compact-actions{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:15px}.small-btn{border-radius:6px;font-size:13px;font-weight:500;padding:10px 24px}.form-error{background:#fff5f5;border:1px solid #fc8181;border-radius:6px;color:#c53030;margin-bottom:12px;padding:10px}.compact-error{font-size:13px}.avatar-image-small{background:#f3f4f6}.avatar-image-small[onerror]{opacity:.9}.avatar-image-small.error{filter:grayscale(100%);opacity:.85}@media (max-width:480px){.compact-grid{gap:12px;grid-template-columns:1fr;max-height:50vh}.compact-header{align-items:flex-start;flex-direction:column;gap:10px}.btn-xs-edit{align-self:flex-start}.form-actions{background:#fff;bottom:0;padding-bottom:5px;position:-webkit-sticky;position:sticky}}.checkbox-list-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:inset 0 2px 4px #00000008;display:flex;flex-direction:column;gap:0;max-height:180px;overflow-y:auto;padding:0}.dept-checkbox-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;padding:10px 16px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.dept-checkbox-item:last-child{border-bottom:none}.dept-checkbox-item:hover{background-color:#f8fafc}.dept-checkbox-item.selected{background-color:#eff6ff}.dept-checkbox-item input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:#fff;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;margin-right:12px;position:relative;transition:all .2s ease;width:18px}.dept-checkbox-item input[type=checkbox]:checked{background-color:#0a2463;border-color:#0a2463}.dept-checkbox-item input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.dept-label-text{color:#334155;font-size:13px;font-weight:500}.dept-checkbox-item.selected .dept-label-text{color:#0a2463;font-weight:600}.checkbox-list-container::-webkit-scrollbar{width:6px}.checkbox-list-container::-webkit-scrollbar-track{background:#0000}.checkbox-list-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.add-form-container{background:#fff;box-sizing:border-box;margin:0 auto;max-width:600px;padding:30px;width:100%}.add-form-container h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:22px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.form-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;display:flex;font-size:14px;margin-bottom:20px;padding:12px}.form-group{margin-bottom:24px}.form-group label{color:#475569;font-size:14px;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input[type=file]{background-color:#f8fafc;border:1px dashed #cbd5e1;padding:10px}.file-info{align-items:center;color:#10b981;display:flex;font-size:13px;font-weight:600;gap:5px;margin-top:10px}.form-actions{border-top:1px solid #f1f5f9;gap:12px;margin-top:35px;padding-top:20px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel{background:#f1f5f9;color:#64748b}.btn-cancel:hover{background:#e2e8f0;color:#475569}.btn-submit{background:linear-gradient(135deg,#1e3a8a,#1e40af);box-shadow:0 4px 6px -1px #1e3a8a33;color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 6px 8px -1px #1e3a8a4d;transform:translateY(-1px)}.btn-submit:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;opacity:.7}@media (max-width:600px){.add-form-container{padding:20px}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{text-align:center;width:100%}}.add-violation-form{background:#fff;box-sizing:border-box;padding:20px 30px;width:100%}.add-violation-form h3{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:20px;font-weight:700;margin:0 0 25px;padding-bottom:15px}.add-violation-form .form-group{margin-bottom:20px}.add-violation-form .form-group label{color:#475569;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.add-violation-form input[type=date],.add-violation-form input[type=text],.add-violation-form select{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#1e293b;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.add-violation-form input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.add-violation-form input[type=file]{background-color:#f8fafc;border:1px dashed #cbd5e1;font-size:13px;padding:8px}.add-violation-form .form-row{display:flex;gap:20px}.add-violation-form .form-row .form-group{flex:1 1;margin-bottom:20px}.add-violation-form .form-actions{border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;margin-top:30px;padding-top:20px}.add-violation-form .btn-cancel,.add-violation-form .btn-submit{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:10px 20px}.add-violation-form .btn-cancel{background:#f1f5f9;color:#64748b}.add-violation-form .btn-submit{background:#0a2463;color:#fff}.add-violation-form .btn-submit:hover:not(:disabled){background:#0d3082;transform:translateY(-1px)}@media (max-width:600px){.add-violation-form{padding:20px}.add-violation-form .form-row{flex-direction:column;gap:0}}.cert-list{list-style:none;margin:0;padding:0}.cert-item-row{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.cert-item-row:last-child{border-bottom:none}.cert-info-col{display:flex;flex:1 1;flex-direction:column;gap:2px;margin-right:15px}.cert-title-row{align-items:center;display:flex;gap:8px}.cert-name{color:#1f2937;font-size:15px;font-weight:600}.cert-org{color:#6b7280;font-size:13px}.btn-view-icon{align-items:center;border-radius:50%;color:#9ca3af;display:inline-flex;justify-content:center;line-height:0;padding:4px;transition:all .2s ease}.btn-view-icon:hover{background-color:#eff6ff;color:#2563eb;transform:scale(1.1)}@media (max-width:1400px){.detail-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-page{padding:12px}.profile-header{flex-direction:column;padding:16px;text-align:center}.profile-info h2{font-size:18px}.btn-edit-profile{width:100%}.detail-grid,.form-grid-layout{grid-template-columns:1fr}}.cert-list-container{display:flex;flex-direction:column;gap:10px}.cert-item-modern{align-items:center;background-color:#fff;border:1px solid #f3f4f6;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.cert-item-modern:hover{background-color:#fafafa;border-color:#d1d5db;box-shadow:0 2px 4px #00000005}.cert-main-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.cert-file-icon{align-items:center;background-color:#eff6ff;border-radius:8px;color:#3b82f6;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.cert-text{display:flex;flex-direction:column;min-width:0}.cert-title{color:#1f2937;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cert-issuer{color:#6b7280;font-size:12px;line-height:1.2}.cert-meta-actions{align-items:center;display:flex;flex-shrink:0;gap:16px;margin-left:16px}.cert-date{color:#9ca3af;font-size:12px;white-space:nowrap}.btn-view-clean{align-items:center;background-color:initial;border:1px solid #0000;border-radius:6px;color:#6b7280;display:flex;height:32px;justify-content:center;text-decoration:none;transition:all .2s ease;width:32px}.btn-view-clean:hover{background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb;transform:translateY(-1px)}@media (max-width:600px){.cert-item-modern{align-items:flex-start;flex-direction:column;gap:8px}.cert-meta-actions{border-top:1px dashed #f3f4f6;justify-content:space-between;margin-left:0;padding-top:8px;width:100%}}.cert-grid-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-top:15px}.cert-visual-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .25s ease}.cert-visual-card:hover{border-color:#cbd5e1;box-shadow:0 8px 15px -3px #0000001a;transform:translateY(-3px)}.cert-preview-area{align-items:center;background-color:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;height:110px;justify-content:center;overflow:hidden;width:100%}.cert-img-cover{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.cert-visual-card:hover .cert-img-cover{transform:scale(1.05)}.cert-preview-area.is-doc{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.cert-preview-area.is-award{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-bottom:1px solid #fde68a}.cert-doc-placeholder{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:4px}.doc-icon{font-size:32px}.doc-ext{font-size:10px;font-weight:700;letter-spacing:1px}.cert-info-body{display:flex;flex:1 1;flex-direction:column;padding:12px}.cert-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;display:-webkit-box;font-size:14px;font-weight:700;line-height:1.3;margin:0 0 2px;overflow:hidden}.cert-org{color:#64748b;font-size:12px;font-weight:500;margin:0 0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cert-footer{align-items:center;border-top:1px dashed #f1f5f9;display:flex;justify-content:space-between;margin-top:auto;padding-top:8px}.cert-date{color:#94a3b8;font-size:11px;font-weight:600}.cert-preview-area.is-cert{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #bae6fd}.cert-preview-area.is-cert .doc-icon{filter:drop-shadow(0 4px 3px rgba(14,165,233,.2));font-size:45px}.cert-preview-area.is-cert .doc-ext{color:#0369a1;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-top:5px;text-transform:uppercase}.cert-preview-area.is-doc{background:linear-gradient(135deg,#f1f5f9,#cbd5e1);border-bottom:1px solid #94a3b8}.cert-preview-area.is-doc .doc-icon{filter:drop-shadow(0 4px 3px rgba(71,85,105,.2));font-size:45px}.cert-preview-area.is-doc .doc-ext{color:#475569;font-size:11px;font-weight:800;letter-spacing:1px;margin-top:5px}.custom-context-menu{animation:fadeIn .1s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 15px #00000026;min-width:160px;padding:6px 0;position:fixed;z-index:1000}.ctx-menu-item{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 16px;transition:background .2s}.ctx-menu-item:hover{background-color:#f1f5f9}.ctx-menu-item.delete{color:#ef4444}.ctx-menu-item.delete:hover{background-color:#fef2f2}.cert-preview-area.is-violation{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom:1px solid #fca5a5}.cert-preview-area.is-violation .doc-icon{filter:drop-shadow(0 4px 3px rgba(220,38,38,.15));font-size:40px}.cert-preview-area.is-violation .doc-ext{color:#b91c1c;font-size:10px;font-weight:800;letter-spacing:1px;margin-top:5px;text-transform:uppercase}.violation-detail-text{color:#64748b;display:flex;flex-direction:column;font-size:11px;margin:0 0 4px}.violation-detail-text strong{color:#475569;font-size:10px;font-weight:600;text-transform:uppercase}:root{--border-color:#e5e7eb}.matrix-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;color:#1f2937;font-family:Inter,sans-serif;max-width:100%;padding:24px}.matrix-header-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.matrix-filters{display:flex;gap:10px}.csv-export-btn{background:#10b981}.back-btn,.csv-export-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px}.back-btn{background:#6b7280}.table-scroll-wrapper{border:1px solid #e5e7eb;border:1px solid var(--border-color);max-height:75vh;overflow-x:auto}.matrix-table{border-collapse:initial;border-spacing:0;font-size:11px;width:100%}.matrix-table td,.matrix-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);border-right:1px solid #eee;height:32px;min-width:50px;padding:4px 2px;text-align:center}.matrix-table thead th{background:#f8fafc;border-bottom:2px solid #ccc;font-weight:700;top:0;z-index:10}.matrix-table thead th,.sticky-col{position:-webkit-sticky;position:sticky}.sticky-col{background:#fff;border-right:2px solid #ccc!important;left:0;min-width:160px;padding-left:10px!important;text-align:left!important;z-index:20}.matrix-table thead th.sticky-col{z-index:30}.cell-present{background-color:#fff!important}.cell-absent{background-color:#e29d9d!important;color:#fff;font-weight:700}.cell-tardy{background-color:#ff0!important;color:#000}.cell-mp,.cell-tardy{font-size:10px;font-weight:700}.cell-mp{background-color:#e2be87!important;color:#080000}.cell-ut{background-color:#92d050!important;color:#000;font-size:10px;font-weight:700}.cell-sick{background-color:#00b050!important}.cell-leave,.cell-sick{color:#fff;font-weight:700}.cell-leave{background-color:#00b0f0!important}.cell-maternity{background-color:#ad73da!important;color:#fff;font-weight:700}.cell-weekend{background-color:#d9d9d9;color:#888}.cell-pdo{background-color:#e0a5c4!important;color:#000;font-weight:700}.cell-closed{background-color:#c45911!important;color:#fff;font-weight:700}.cell-wellness{background-color:#0ff!important;color:#000;font-weight:700}.cell-suspended{background-color:#960000!important;color:#fff;font-weight:700}.total-col{background:#f9f9f9;font-weight:700}.border-left{border-left:2px solid #ccc!important}.employee-card{background-color:#fff;border:1px solid #eef0f4;border-radius:8px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:20px;transition:box-shadow .2s ease,transform .2s ease}.employee-card:hover{box-shadow:0 6px 12px #00000014;transform:translateY(-4px)}.card-header{margin-bottom:1rem}.status-badge{border-radius:16px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:capitalize}.status-badge.active{background-color:#e6f4ea;color:#34a853}.status-badge.inactive{background-color:#f5f5f5;color:#5f6368}.status-badge.invited{background-color:#e8f0fe;color:#4285f4}.card-menu-container{position:relative}.card-menu-dots{background:#0000;border:none;border-radius:4px;color:#a0a0a0;cursor:pointer;font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:4px 8px}.card-menu-dots:hover{background-color:#f1f3f4}.card-dropdown-menu{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:8px 0;position:absolute;right:0;top:100%;width:160px;z-index:10}.menu-item{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.9rem;padding:10px 16px;text-align:left;text-decoration:none;width:100%}.menu-item:hover{background-color:#f5f5f5}.menu-item.danger{color:#d93025}.card-profile{margin-bottom:1rem;text-align:center}.profile-img{border-radius:50%;height:72px;margin-bottom:12px;object-fit:cover;width:72px}.profile-name{color:#202124;font-size:1rem;font-weight:600;margin:0}.profile-position{color:#5f6368;font-size:.875rem;margin:4px 0 0}.card-details-box{background-color:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:1rem;padding:16px}.detail-row{align-items:center;color:#5f6368;display:flex;font-size:.875rem;gap:8px}.email-link,.phone-link{background-color:#e8f0fe;border-radius:16px;color:#1a73e8;padding:4px 8px;text-decoration:none}.card-footer{align-items:center;color:#5f6368;display:flex;font-size:.8rem;justify-content:space-between;margin-top:auto}.view-details-link{color:#1a73e8;font-weight:600;text-decoration:none}.employee-page{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;max-width:100%;padding:24px;width:100%}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.page-header h2{color:#111827;font-size:24px;font-weight:700;margin:0 0 10px}.employee-counts{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:15px}.count-dot{border-radius:50%;display:inline-block;height:8px;margin-right:5px;width:8px}.count-dot.active{background-color:#10b981}.count-dot.inactive{background-color:#9ca3af}.header-actions{display:flex;flex-wrap:wrap;gap:10px}.action-button{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.action-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.action-button.primary{background-color:#0a2463;border:none;color:#fff}.action-button.primary:hover{background-color:#0d3082;box-shadow:0 2px 4px #0a246333;transform:translateY(-1px)}.filter-bar{width:100%}.search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;max-width:500px;padding:12px 16px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#0a2463;box-shadow:0 0 0 3px #0a24631a;outline:none}.search-input::placeholder{color:#9ca3af}.employee-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-width:100%;width:100%}.employee-card{box-sizing:border-box;max-width:none;width:100%}@media (max-width:1400px){.employee-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.employee-page{gap:16px;margin:-16px;padding:16px}.page-header{flex-direction:column;gap:16px}.header-actions{width:100%}.action-button{flex:1 1;justify-content:center}.employee-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.search-input{max-width:100%}}@media (max-width:480px){.employee-grid{grid-template-columns:1fr}.page-header h2{font-size:20px}.employee-counts{font-size:13px}}.modal-overlay{background-color:#0009;bottom:0;overflow-y:auto;padding:20px;right:0}.modal-content{border-radius:12px;box-shadow:0 5px 15px #0000004d;max-height:90vh;max-width:90%;overflow-y:auto}@media (max-width:768px){.modal-content{max-width:95%}}.profile-page{box-sizing:border-box;display:flex;flex-direction:column;gap:10px;padding:30px;width:100%}.page-navigation{align-items:center;display:flex;width:100%}.btn-back-link{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding-bottom:5px;padding-left:0;transition:color .2s ease}.btn-back-link:hover{color:#111827}.btn-back-link .arrow{font-size:18px;line-height:1;margin-bottom:2px}.profile-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;gap:16px;margin-bottom:16px;padding:16px 20px}.profile-avatar{border:3px solid #ecf0f1;border-radius:50%;flex-shrink:0;height:90px;object-fit:cover;width:90px}.profile-info{flex:1 1;min-width:0}.profile-info h2{color:#2c3e50;font-size:22px;font-weight:700;line-height:1.2;margin:0 0 4px}.profile-position{color:#7f8c8d;font-size:13px;font-weight:500;line-height:1.3;margin:2px 0}.profile-department{color:#95a5a6;font-size:12px;line-height:1.3;margin:2px 0}.profile-status{border-radius:10px;display:inline-block;font-size:10px;font-weight:600;line-height:1;margin-top:4px;padding:3px 10px;text-transform:uppercase}.profile-status.active{background:#d4edda;color:#155724}.profile-status.inactive{background:#f8d7da;color:#721c24}.btn-edit-profile{background:#0a2463;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:7px 18px;transition:all .2s;white-space:nowrap}.btn-edit-profile:hover{background:#0d3082;transform:translateY(-1px)}.profile-content-container{display:flex;gap:16px;max-width:100%;width:100%}.profile-navigation{align-self:flex-start;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;flex:0 0 180px;padding:12px 0;position:-webkit-sticky;position:sticky;top:94px}.profile-navigation .nav-item{background:none;border:none;border-left:3px solid #0000;color:#555;cursor:pointer;display:block;font-size:12px;line-height:1.3;padding:8px 14px;text-align:left;transition:all .2s;width:100%}.profile-navigation .nav-item:hover{background:#f0f2f5;color:#0a2463}.profile-navigation .nav-item.active{background:#e6e9f0;border-left-color:#0a2463;color:#0a2463;font-weight:600}.profile-details-display{flex:1 1;max-width:100%;min-width:0}.profile-section-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;box-sizing:border-box;margin-bottom:16px;padding:16px;width:100%}.profile-section-content h3{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:16px;font-weight:700;line-height:1.2;margin:0 0 12px;padding-bottom:8px}.profile-section-content h4{border-bottom:1px dashed #ecf0f1;color:#34495e;font-size:13px;font-weight:600;line-height:1.2;margin:0 0 8px;padding-bottom:4px}.profile-section-content h4:not(:first-child){margin-top:12px}.detail-grid{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:repeat(4,1fr);margin-bottom:12px;width:100%}.detail-item{display:flex;flex-direction:column;gap:3px;min-width:0}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#7f8c8d;font-size:10px;font-weight:600;letter-spacing:.3px;line-height:1.2;text-transform:uppercase}.detail-value{color:#2c3e50;font-size:13px}.detail-value,.detail-value-duration{font-weight:500;line-height:1.4;word-break:break-word}.detail-value-duration{color:#1981bd;font-size:15px}.profile-section-content.card{padding:16px}.card-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.card-header h4{border-bottom:none;font-size:15px;line-height:1.2;margin:0;padding:0}.btn-add{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;line-height:1;padding:5px 12px;transition:all .2s;white-space:nowrap}.btn-add:hover{background:#218838;transform:translateY(-1px)}.btn-add:disabled{background:#95a5a6;cursor:not-allowed;transform:none}.list-items{list-style:none;margin:0;padding:0}.list-items li{align-items:center;border-bottom:1px solid #eee;color:#34495e;display:flex;font-size:13px;justify-content:space-between;line-height:1.4;padding:6px 0}.list-items li:last-child{border-bottom:none}.list-items li span{flex:1 1;min-width:0}.list-items li .item-date{color:#7f8c8d;flex:none;font-size:11px;margin-left:10px;white-space:nowrap}.list-items li a{align-items:center;color:inherit;display:flex;flex:1 1;min-width:0;text-decoration:none}.list-items li a:hover{color:#0a2463}@media (max-width:1400px){.detail-grid{gap:8px 16px;grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.detail-grid{gap:8px 14px;grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.profile-content-container{flex-direction:column}.profile-navigation{border-radius:8px;display:flex;flex:none;overflow-x:auto;padding:0;position:static;width:100%}.profile-navigation .nav-item{border-bottom:3px solid #0000;border-left:none;flex:0 0 auto;padding:8px 14px;white-space:nowrap}.profile-navigation .nav-item.active{background:#e6e9f0;border-bottom-color:#0a2463;border-left-color:#0000}}@media (max-width:768px){.profile-page{padding:12px}.profile-header{flex-direction:column;padding:16px;text-align:center}.profile-avatar{height:70px;width:70px}.profile-info h2{font-size:18px}.btn-edit-profile{width:100%}.profile-section-content{margin-bottom:14px;padding:14px}.card-header{align-items:flex-start;flex-direction:column;gap:6px}.card-header h4{font-size:14px}.btn-add{width:100%}.detail-grid{gap:8px;grid-template-columns:1fr}.list-items li{align-items:flex-start;flex-direction:column;gap:3px;padding:6px 0}}.modal-content-form{border-radius:8px;margin:0 auto;max-width:500px;padding:20px}.modal-content-form h3{border-bottom:1px solid #eee;color:#0a2463;font-size:18px;line-height:1.2;margin-bottom:16px;margin-top:0;padding-bottom:8px}.form-group{margin-bottom:14px}.form-group label{color:#555;display:block;font-size:12px;font-weight:600;line-height:1.3;margin-bottom:5px}.form-group input[type=date],.form-group input[type=file],.form-group input[type=text],.form-group select{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:12px;line-height:1.4;padding:7px 10px;transition:border-color .2s;width:100%}.form-group input[type=file]{padding:6px 8px}.form-group input:focus,.form-group select:focus{border-color:#0a2463;box-shadow:0 0 0 2px #0a246333;outline:none}.form-actions{border-top:1px solid #eee;display:flex;gap:8px;justify-content:flex-end;margin-top:16px;padding-top:14px}.btn{border-radius:5px;cursor:pointer;font-size:12px;font-weight:600;line-height:1;padding:7px 16px;transition:all .2s}.btn-primary{background:#0a2463;border:none;color:#fff}.btn-primary:hover{background:#0d3082;transform:translateY(-1px)}.btn-secondary{background:#eceff1;border:1px solid #ccc;color:#555}.btn-secondary:hover{background:#e0e4e7;transform:translateY(-1px)}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;font-size:12px;line-height:1.4;margin:8px 0;padding:8px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:fadeIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;max-width:500px;padding:0;position:relative;width:90%}.modal-content-form{background:#0000!important;box-shadow:none!important;margin:0;max-width:100%;padding:25px;width:100%}.modal-close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:24px;position:absolute;right:20px;top:15px;z-index:10}.modal-close-btn:hover{color:#333}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-grid-layout{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-grid-layout .form-group{display:flex;flex-direction:column;margin-bottom:0}.form-grid-layout input{box-sizing:border-box;width:100%}.currency-preview{color:#666;display:block;font-size:11px;margin-top:4px;text-align:right}.security-note{background:#fff3cd;border:1px solid #ffc107;border-radius:5px;color:#856404;font-size:12px;grid-column:1/-1;margin-bottom:16px;padding:10px}@media (max-width:600px){.form-grid-layout{gap:10px;grid-template-columns:1fr}}.toast-container{pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast-message{align-items:center;animation:toastSlideIn .4s cubic-bezier(.175,.885,.32,1.275);background-color:#28a745;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:10px;min-width:300px;padding:16px 24px;pointer-events:auto}.toast-message.error{background-color:#dc3545}.toast-icon{font-size:18px}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.tl-matrix-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;color:#333;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:calc(100vh - 100px);padding:25px}.tl-matrix-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.tl-header-left{align-items:center;display:flex;gap:20px}.tl-title-group h2{color:#1f2937;font-size:1.5rem;margin:0}.tl-subtitle{color:#6b7280;font-size:.85rem;font-weight:500}.tl-back-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.tl-back-btn:hover{background:#e5e7eb}.tl-matrix-filters{display:flex;gap:12px}.tl-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;font-weight:600;padding:8px 12px}.tl-export-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.tl-export-btn:hover{background:#059669}.tl-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;overflow:auto;position:relative}.tl-matrix-table{border-collapse:initial;border-spacing:0;font-size:11px;width:100%}.tl-matrix-table td,.tl-matrix-table th{border-bottom:1px solid #eee;border-right:1px solid #eee;height:35px;min-width:45px;padding:6px 4px;text-align:center}.tl-matrix-table thead th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:700;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tl-sticky-col{background:#fff;border-right:2px solid #e5e7eb!important;color:#111827;font-weight:600;left:0;min-width:180px;padding-left:15px!important;position:-webkit-sticky;position:sticky;text-align:left!important;z-index:20}.tl-matrix-table thead th.tl-sticky-col{background:#f9fafb;z-index:30}.tl-cell-present{background-color:#fff}.tl-cell-absent{background-color:#ef4444;color:#fff;font-weight:700}.tl-cell-tardy{background-color:#fbbf24;color:#78350f}.tl-cell-tardy,.tl-cell-ut{font-size:10px;font-weight:700}.tl-cell-ut{background-color:#bef264;color:#365314}.tl-cell-sick{background-color:#22c55e;color:#fff;font-weight:700}.tl-cell-leave{background-color:#3b82f6;color:#fff;font-weight:700}.tl-cell-maternity{background-color:#a855f7;color:#fff;font-weight:700}.tl-cell-paternity{background-color:#795548;color:#fff;font-weight:700}.tl-cell-mp{background-color:#fca5a5;color:#7f1d1d;font-weight:700}.tl-cell-weekend{background-color:#f3f4f6;color:#9ca3af}.tl-th-weekend{color:#ef4444}.tl-border-left{border-left:2px solid #e5e7eb!important}.tl-total-col{background-color:#fafafa;font-weight:700}.tl-loading-cell{color:#6b7280;font-size:14px;padding:40px;text-align:center}