@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-hover: #f4f7ff;--bg-active: #eef2ff;--text-dark: #1f2937;--text-muted: #6b7280;--text-submenu: #4b5563;--brand-color: #4f46e5;--border-color: #e9edf5;--transition-speed: .3s}.sidebar{position:fixed;top:0;left:0;width:290px;height:100vh;background:var(--bg-primary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overflow-x:hidden;transition:width .35s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.sidebar.collapsed{width:80px}.logo{display:flex;align-items:center;justify-content:center;position:relative;padding:15px 20px;background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 8px 25px #0f172a0f;flex-shrink:0}.logoBrand{display:flex;justify-content:center;align-items:center;width:100%}.logoBrand img{width:140px;height:auto;object-fit:contain;transition:all .35s ease;filter:drop-shadow(0 10px 20px rgba(15,23,42,.18))}.logoBrand img:hover{transform:scale(1.08);filter:drop-shadow(0 15px 30px rgba(15,23,42,.25))}.sidebarClose{position:absolute;top:18px;right:18px;width:42px;height:42px;border:none;border-radius:50%;background:#f1f5f9;color:#0f172a;font-size:22px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.sidebarClose:hover{background:#0f766e;color:#fff;transform:rotate(90deg)}.profile{text-align:center;padding:24px 20px 16px;border-bottom:1px solid #f8fafc;flex-shrink:0}.profile img{width:84px;height:84px;border-radius:20px;object-fit:cover;box-shadow:0 10px 20px #4f46e514;border:3px solid #fff}.profile h3{margin-top:12px;font-size:19px;font-weight:600;color:var(--text-dark)}.profile p{margin-top:4px;color:var(--text-muted);font-size:14px;font-weight:500}.menu{padding:16px 12px;flex-grow:1}.menuSectionHeader{font-size:13px;font-weight:700;color:#94a3b8;letter-spacing:1.2px;padding:26px 16px 12px;text-transform:uppercase}.menuItem{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:12px;cursor:pointer;transition:var(--transition-speed);margin-bottom:10px;text-decoration:none;color:var(--text-muted)}.menuItem:hover{background:var(--bg-hover);color:var(--brand-color)}.menuLeft{display:flex;align-items:center;gap:16px}.menuLeft svg{font-size:19px;color:#64748b;transition:var(--transition-speed)}.menuItem:hover .menuLeft svg{color:var(--brand-color)}.menuLeft span{font-size:15px;font-weight:400;font-family:Poppins,Montserrat,sans-serif;color:#1e293b;letter-spacing:.5px;text-transform:capitalize;transition:all .3s ease;cursor:pointer;position:relative}.menuLeft span:hover{color:#0f766e;transform:translateY(-2px);text-shadow:0 4px 10px rgba(15,118,110,.2)}.menuLeft span:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:3px;background:linear-gradient(90deg,#0f766e,#14b8a6);border-radius:10px;transition:width .3s ease}.menuLeft span:hover:after{width:100%}.menuItem:hover .menuLeft span{color:var(--brand-color)}.menuItem>svg{font-size:18px;color:#94a3b8}.menuItem.dropdownOpen{background:#f8fafc}.menuItem.active{background:var(--bg-active);color:var(--brand-color)}.menuItem.active .menuLeft svg,.menuItem.active .menuLeft span{color:var(--brand-color);font-weight:600}.badgeNew{background:#0084ff;color:#fff;font-size:12px;font-weight:600;padding:3px 11px;border-radius:20px}.submenu{max-height:0;overflow:hidden;transition:max-height .35s ease-out;padding-left:35px;display:flex;flex-direction:column}.submenu.show{max-height:600px}.submenuItem{display:flex;align-items:center;gap:10px;padding:14px 18px;font-size:13px;font-family:Poppins,Montserrat,sans-serif;color:#334155;text-decoration:none;border-radius:10px;cursor:pointer;letter-spacing:.3px;transition:all .35s ease;position:relative;overflow:hidden}.submenuItem:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0%;background:linear-gradient(180deg,#0f766e,#14b8a6);border-radius:20px;transition:height .35s ease}.submenuItem:hover{color:#0f766e;background:#14b8a614;padding-left:28px;transform:translate(4px);box-shadow:0 8px 18px #0f766e1f}.submenuItem:hover:before{height:70%}.submenuItem.active{background:linear-gradient(90deg,#14b8a61f,#0f766e0d);color:#0f766e;font-weight:700}.activeSubmenu{color:var(--brand-color)!important;font-weight:600;padding-left:4px}.sidebarFooter{padding:16px 12px;border-top:1px solid #f1f5f9;background:#fff;flex-shrink:0}.logoutButton{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:12px;cursor:pointer;color:#ef4444;transition:var(--transition-speed)}.logoutButton:hover{background:#fef2f2}.logoutButton svg{font-size:23px}.logoutButton span{font-size:17px;font-weight:500}.sidebar.collapsed .logo{justify-content:center;padding:0}.sidebar.collapsed .menuItem{justify-content:center;padding:14px 0}.sidebar.collapsed .menuLeft{justify-content:center;width:100%}.sidebar.collapsed .menuItem>svg,.sidebar.collapsed .submenu,.sidebar.collapsed .menuSectionHeader,.sidebar.collapsed .badgeNew{display:none}.sidebar.collapsed .logoutButton{justify-content:center;padding:14px 0}.submenuWrapper{max-height:0;overflow:hidden;opacity:0;transition:all .35s ease;margin-left:18px}.submenuWrapper.open{max-height:700px;opacity:1}.submenuItem{display:block;padding:14px 18px;margin:2px 0;color:#2d3a4a;text-decoration:none;font-size:16px;font-weight:500;border-radius:8px;transition:all .25s ease}.submenuItem:hover{background:#f3f6fb;color:#2563eb;padding-left:28px}.activeSubmenu{color:#2563eb;font-weight:600;background:#edf4ff}.menuItem{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer;border-radius:8px;transition:.3s}.menuItem:hover{background:#f4f6fa}.menuLeft{display:flex;align-items:center;gap:12px}.arrowIcon{transition:transform .3s ease}.dropdownOpen .arrowIcon{transform:rotate(180deg)}@media(max-width:768px){.submenuItem{font-size:14px;padding:12px 15px}.menuItem{padding:12px 15px}}@media(max-width:992px){.sidebar{transform:translate(-100%);width:290px}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:290px;transform:translate(-100%)}.sidebarOverlay{display:block;position:fixed;inset:0;background:#0f172a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.sidebarClose{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:#f1f5f9;border-radius:8px;cursor:pointer;transition:background .2s ease}.sidebarClose:hover{background:#e2e8f0}.sidebarClose svg{font-size:20px;color:#475569}}@media(max-width:576px){.sidebar{width:270px}.submenuItem{font-size:14px}}:root{--topbar-bg: rgba(255, 255, 255, .85);--text-main: #1f2937;--text-muted: #6b7280;--brand-primary: #4f46e5;--brand-secondary: #eef2ff;--border-light: #e9edf5;--shadow-premium: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-dropdown: 0 20px 25px -5px rgba(15, 23, 42, .12), 0 10px 10px -5px rgba(15, 23, 42, .04);--transition-smooth: cubic-bezier(.4, 0, .2, 1)}.Topbar{position:fixed;top:0;left:290px;width:calc(100% - 290px);height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:var(--topbar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:999;transition:all .3s var(--transition-smooth)}.Topbar.sidebar-collapsed{left:80px;width:calc(100% - 80px)}.Topbar-left{display:flex;align-items:center}.Topbar-right{display:flex;align-items:center;gap:20px}.Topbar-iconButton,.Topbar-toggle{width:44px;height:44px;border:1px solid transparent;outline:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;transition:all .2s var(--transition-smooth);position:relative}.Topbar-toggle svg,.Topbar-iconButton svg{font-size:26px;color:#4b5563;transition:color .2s}.Topbar-toggle:hover,.Topbar-iconButton:hover,.Topbar-iconButton.active-btn{background:#f1f5f9;border-color:#e2e8f0}.Topbar-toggle:hover svg,.Topbar-iconButton:hover svg,.Topbar-iconButton.active-btn svg{color:var(--brand-primary)}.Topbar-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;background:#ef4444;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:2px solid #fff;box-shadow:0 2px 4px #ef444433}.Topbar-profileWrapper{position:relative}.Topbar-profileButton{display:flex;align-items:center;gap:12px;border:1px solid transparent;background:transparent;cursor:pointer;padding:6px 12px;border-radius:14px;transition:all .2s var(--transition-smooth)}.Topbar-profileButton:hover,.Topbar-profileButton.active-profile{background:#f8fafc;border-color:#e2e8f0}.Topbar-profileButton img{width:40px;height:40px;border-radius:12px;object-fit:cover;box-shadow:var(--shadow-premium)}.Topbar-userMeta{display:flex;flex-direction:column;text-align:left}.Topbar-userName{font-size:15px;font-weight:600;color:var(--text-main);line-height:1.2}.Topbar-userRole{font-size:12px;color:var(--text-muted);font-weight:500;margin-top:2px}.Topbar-chevron{font-size:16px;color:#94a3b8;transition:transform .2s ease}.Topbar-profileButton:hover .Topbar-chevron,.Topbar-profileButton.active-profile .Topbar-chevron{color:var(--brand-primary)}.Topbar-profileDropdown,.Topbar-notificationDropdown{position:absolute;top:64px;right:0;background:#fff;border-radius:16px;border:1px solid var(--border-light);box-shadow:var(--shadow-dropdown);animation:TopbarPopup .28s cubic-bezier(.16,1,.3,1);z-index:1000}.Topbar-profileDropdown{width:260px;padding:8px}.Dropdown-userHeader{padding:12px 14px 8px}.Dropdown-userHeader h4{font-size:15px;font-weight:600;color:var(--text-main)}.Dropdown-userHeader p{font-size:13px;color:var(--text-muted);margin-top:1px}.Dropdown-divider{height:1px;background:var(--border-light);margin:6px 0}.Topbar-profileDropdown a{display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;color:#4b5563;font-size:14.5px;font-weight:500;border-radius:10px;transition:all .2s ease}.Topbar-profileDropdown a svg{font-size:18px;color:#94a3b8;transition:color .2s}.Topbar-profileDropdown a:hover{background:var(--brand-secondary);color:var(--brand-primary)}.Topbar-profileDropdown a:hover svg{color:var(--brand-primary)}.Topbar-profileDropdown a.logout-link:hover{background:#fef2f2;color:#ef4444}.Topbar-profileDropdown a.logout-link:hover svg{color:#ef4444}.Topbar-notificationDropdown{width:340px;display:flex;flex-direction:column;overflow:hidden}.Topbar-notificationHeader{padding:16px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.Topbar-notificationHeader h3{font-size:16px;font-weight:600;color:var(--text-main)}.mark-button{background:none;border:none;color:var(--brand-primary);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.mark-button:hover{background:var(--brand-secondary)}.Topbar-notificationBody{max-height:360px;overflow-y:auto}.Topbar-notificationBody::-webkit-scrollbar{width:5px}.Topbar-notificationBody::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.Topbar-notificationItem{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-bottom:1px solid #f1f5f9;transition:background .2s ease}.Topbar-notificationItem:hover{background:#f8fafc}.Topbar-notificationIcon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.Topbar-notificationIcon img{width:38px;height:38px;border-radius:50%;object-fit:cover}.svg-icon-container{width:38px;height:38px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.Topbar-notificationContent{flex:1}.Topbar-notificationContent h4{font-size:14px;font-weight:500;color:var(--text-main);line-height:1.4}.Topbar-notificationTime{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);margin-top:4px}.Topbar-notificationTime svg{font-size:12px}.Topbar-actionBtn{margin-top:8px;padding:4px 14px;font-size:12px;font-weight:600;border-radius:20px;border:1px solid var(--border-light);background:#fff;color:#374151;cursor:pointer;transition:all .2s}.Topbar-actionBtn:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.Topbar-notificationFooter{padding:14px;background:#f8fafc;text-align:center;border-top:1px solid var(--border-light)}.Topbar-notificationFooter a{font-size:13.5px;font-weight:600;color:var(--brand-primary);text-decoration:none}.Topbar-notificationFooter a:hover{text-decoration:underline}@media(max-width:992px){.Topbar{left:0!important;width:100%!important;padding:0 24px}.Topbar-userMeta,.Topbar-chevron{display:none}.Topbar-profileButton{padding:0}}@media(max-width:768px){.Topbar{height:70px;padding:0 16px}.Topbar-right{gap:12px}.Topbar-iconButton,.Topbar-toggle{width:40px;height:40px}.Topbar-profileButton img{width:36px;height:36px;border-radius:10px}.Topbar-notificationDropdown{width:300px;right:-50px}}@media(max-width:480px){.Topbar-notificationDropdown{width:280px;right:-80px}.Topbar-profileDropdown{width:235px}}@keyframes TopbarPopup{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.AdminLayout{display:flex;width:100%;min-height:100vh;background:#f5f7fb}.AdminLayout-main{margin-left:280px;width:calc(100% - 280px);min-height:100vh;transition:all .35s ease}.AdminLayout-main.collapsed{margin-left:80px;width:calc(100% - 80px)}.AdminLayout-content{margin-top:70px;padding:20px;min-height:calc(100vh - 70px)}.AdminLayout-main .Topbar{position:fixed;top:0;left:280px;width:calc(100% - 280px);transition:all .35s ease}.AdminLayout-main.collapsed .Topbar{left:80px;width:calc(100% - 80px)}@media(max-width:992px){.AdminLayout-main,.AdminLayout-main.collapsed{margin-left:0;width:100%}.AdminLayout-main .Topbar,.AdminLayout-main.collapsed .Topbar{left:0;width:100%}}:root{--db-bg: #eef1f5;--db-surface: #ffffff;--db-border: #e7eaf0;--db-text-primary: #101828;--db-text-secondary: #667085;--db-text-muted: #94a3b8;--db-radius-lg: 18px;--db-radius-md: 12px;--db-radius-sm: 8px;--db-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .06);--db-shadow-hover: 0 4px 10px rgba(16, 24, 40, .06), 0 12px 28px rgba(16, 24, 40, .09);--db-green: #27ae60;--db-green-bg: #e7f7ee;--db-red: #eb5757;--db-red-bg: #fdecec;--db-orange: #f2994a;--db-orange-bg: #fef2e6;--db-blue: #2f80ed;--db-blue-bg: #e8f1fd;--db-purple: #9b51e0;--db-yellow: #f2c94c;--db-gray: #718096}.dashboard{width:100%;max-width:1440px;margin:0 auto;padding:clamp(16px,2.5vw,32px);display:flex;flex-direction:column;gap:clamp(16px,2vw,24px);background:var(--db-bg);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--db-text-primary)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow);padding:20px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s ease,transform .2s ease}.stat-card:hover{box-shadow:var(--db-shadow-hover);transform:translateY(-2px)}.stat-card__top{display:flex;align-items:center;gap:10px}.stat-card__icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--db-radius-sm);flex-shrink:0}.stat-icon--green{background:var(--db-green-bg);color:var(--db-green)}.stat-icon--red{background:var(--db-red-bg);color:var(--db-red)}.stat-icon--blue{background:var(--db-blue-bg);color:var(--db-blue)}.stat-card__label{font-size:13.5px;font-weight:600;color:var(--db-text-secondary)}.stat-card__value-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.stat-card__value{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1;margin:0}.stat-card__unit{font-size:15px;font-weight:500;color:var(--db-text-secondary);margin-left:4px}.stat-card__trend{display:inline-flex;align-items:center;gap:2px;font-size:12.5px;font-weight:700;white-space:nowrap}.stat-card__trend--up{color:var(--db-green)}.stat-card__trend--down{color:var(--db-red)}.stat-card__caption{margin:-6px 0 0;font-size:12.5px;color:var(--db-text-muted)}.sparkline{width:100%;height:34px;margin-top:2px}.spark--green path{stroke:var(--db-green)}.spark--red path{stroke:var(--db-red)}.spark--blue path{stroke:var(--db-blue)}.panels-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start}.panel{background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius-lg);box-shadow:var(--db-shadow);padding:22px;display:flex;flex-direction:column;gap:18px}.panel__header{display:flex;align-items:center;justify-content:space-between}.panel__title{font-size:17px;font-weight:700;margin:0;letter-spacing:-.01em}.panel-menu{position:relative}.panel-menu__trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--db-radius-sm);border:1px solid transparent;background:transparent;color:var(--db-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease}.panel-menu__trigger:hover,.panel-menu__trigger[aria-expanded=true]{background:var(--db-bg);color:var(--db-text-primary)}.panel-menu__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;background:var(--db-surface);border:1px solid var(--db-border);border-radius:var(--db-radius-md);box-shadow:var(--db-shadow-hover);padding:6px;display:flex;flex-direction:column;gap:2px;z-index:20;animation:db-dropdown-in .12s ease-out}@keyframes db-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.panel-menu__item{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;padding:8px 10px;border-radius:var(--db-radius-sm);font-size:13.5px;font-weight:500;color:var(--db-text-primary);cursor:pointer;text-align:left}.panel-menu__item:hover{background:var(--db-bg)}.chart-heading{font-size:14.5px;font-weight:700;margin:0 0 12px}.employee-summary__body{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:center}.employee-summary__metrics{display:flex;flex-direction:column;gap:10px}.metric-row{display:flex;align-items:center;gap:12px;background:var(--db-bg);border-radius:var(--db-radius-md);padding:12px 14px}.metric-row__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;flex-shrink:0;color:#fff}.metric-icon--blue{background:var(--db-blue)}.metric-icon--green{background:var(--db-green)}.metric-icon--orange{background:var(--db-orange)}.metric-row__text{display:flex;flex-direction:column;line-height:1.25}.metric-row__value{font-size:19px;font-weight:700}.metric-row__label{font-size:12.5px;color:var(--db-text-secondary)}.employee-summary__chart{display:flex;flex-direction:column;align-items:center;text-align:center}.employee-summary__chart .chart-heading{align-self:flex-start}.donut-chart{width:100%}.chart-legend{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 16px}.chart-legend__item{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--db-text-secondary);font-weight:500}.chart-legend__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.department-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.department-list__item{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:8px;background:var(--db-bg);border-left:4px solid;border-radius:var(--db-radius-sm);padding:10px 12px;height:140px}.department-list__name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.department-list__count{font-size:14px;font-weight:700}.department-list__percent{font-size:12px;color:var(--db-text-muted)}.attendance-overview__body{display:flex;flex-direction:column;gap:18px}.attendance-today{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.attend-card{border-radius:var(--db-radius-md);padding:16px 14px;display:flex;flex-direction:column;gap:2px;color:#fff}.attend-card__value{font-size:24px;font-weight:700;line-height:1.15}.attend-card__label{font-size:13px;font-weight:600;opacity:.95}.attend-card__percent{font-size:12px;opacity:.85}.attend-card--present{background:var(--db-green)}.attend-card--absent{background:var(--db-red)}.attend-card--late{background:var(--db-orange)}.attend-card--leave{background:var(--db-blue);padding:16px 18px}.attendance-weekly__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.weekly-legend{list-style:none;margin:0 0 12px;padding:0;display:flex;gap:14px}.weekly-legend__item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--db-text-secondary);font-weight:500}.weekly-legend__dot{width:9px;height:9px;border-radius:2px}.weekly-legend__dot--present{background:var(--db-green)}.weekly-legend__dot--absent{background:var(--db-red)}.weekly-legend__dot--late{background:var(--db-orange)}.weekly-bar-chart{width:100%}.attendance-actions{display:flex;flex-direction:column;gap:10px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border-radius:999px;border:none;background:var(--db-blue-bg);color:#1d4ed8;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.action-btn:hover{background:#d9e8fc;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}@media(max-width:1180px){.panels-grid{grid-template-columns:1fr}}@media(max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}.employee-summary__body{grid-template-columns:1fr}.department-list{grid-template-columns:repeat(2,1fr)}.attendance-today{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.dashboard{padding:14px;gap:14px}.stats-row{grid-template-columns:1fr}.panel{padding:16px}.department-list{grid-template-columns:1fr}.attendance-today{grid-template-columns:1fr 1fr}.attend-card--leave{grid-column:span 2}.stat-card__value{font-size:26px}.panel-menu__dropdown{right:-6px}}@media(max-width:380px){.attendance-today{grid-template-columns:1fr}.attend-card--leave{grid-column:span 1}}.hr-dashboard{--font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--color-bg: #eef1f8;--color-surface: #ffffff;--color-surface-muted: #f6f8fc;--color-border: #e6e9f2;--color-text-primary: #14172b;--color-text-secondary: #6b7280;--color-text-tertiary: #9aa1b4;--color-indigo: #4f46e5;--color-indigo-soft: #eef0fd;--color-green: #16a34a;--color-green-soft: #e8f8ee;--color-amber: #f59e0b;--color-amber-soft: #fef4e2;--color-red: #ef4444;--color-red-soft: #fdeaea;--color-blue: #2563eb;--color-blue-soft: #e9f0fe;--color-purple: #8b5cf6;--color-purple-soft: #f2edfe;--color-eng: #2563eb;--color-sales: #16a34a;--color-marketing: #3b82f6;--color-finance: #f59e0b;--color-hr: #ef4444;--color-ops: #4f46e5;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(20, 23, 43, .04), 0 12px 32px -16px rgba(20, 23, 43, .14);--shadow-card-hover: 0 4px 10px rgba(20, 23, 43, .06), 0 20px 44px -18px rgba(20, 23, 43, .2);--shadow-menu: 0 10px 30px -8px rgba(20, 23, 43, .28);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);width:100%;max-width:100%;margin:0;padding:28px;background:var(--color-bg);font-family:var(--font-body);color:var(--color-text-primary);display:grid;grid-template-columns:1.62fr 1fr;gap:24px;align-items:start}.hr-dashboard *,.hr-dashboard *:before,.hr-dashboard *:after{box-sizing:border-box}.hr-dashboard__left{display:flex;flex-direction:column;gap:24px;min-width:0}.hr-dashboard__right{position:sticky;top:24px;min-width:0}.summary-card,.activities-card,.leave-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-base)}.summary-card:hover,.activities-card:hover,.leave-card:hover{box-shadow:var(--shadow-card-hover)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.icon-button:hover{background:var(--color-surface-muted);color:var(--color-indigo);border-color:var(--color-border)}.icon-button:focus-visible{outline:2px solid var(--color-indigo);outline-offset:2px}.summary-card__menu,.activities-card__menu{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-menu);padding:6px;z-index:20;animation:dropdown-in .16s ease-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-menu__item{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:none;background:transparent;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13.5px;font-weight:500;color:var(--color-text-primary);cursor:pointer;text-align:left;transition:background var(--transition-base)}.dropdown-menu__item:hover{background:var(--color-surface-muted);color:var(--color-indigo)}.dropdown-menu__item svg{flex-shrink:0;color:var(--color-text-secondary)}.dropdown-menu__item:hover svg{color:var(--color-indigo)}.summary-card__header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--color-border)}.summary-card__title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.summary-card__body{display:grid;grid-template-columns:minmax(200px,.85fr) 1.15fr;gap:28px;padding:24px}.summary-card__stats{display:flex;flex-direction:column;gap:22px}.stat-block__value{font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1;margin:0 0 8px;letter-spacing:-.02em}.stat-block__label{display:inline-block;font-size:14px;font-weight:700;margin:0 0 8px}.stat-block__label--green{color:var(--color-green)}.stat-block__label--amber{color:var(--color-amber)}.stat-block__description{font-size:13px;line-height:1.55;color:var(--color-text-secondary);margin:0}.distribution__title{font-family:var(--font-display);font-size:16px;font-weight:700;margin:0 0 16px}.distribution__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}.distribution__row{display:grid;grid-template-columns:84px 1fr 30px;align-items:center;gap:12px}.distribution__label{font-size:13px;color:var(--color-text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.distribution__track{position:relative;height:7px;border-radius:var(--radius-pill);background:var(--color-surface-muted);overflow:hidden}.distribution__fill{position:absolute;inset:0 auto 0 0;height:100%;border-radius:var(--radius-pill);animation:fill-in .9s cubic-bezier(.16,1,.3,1) both}@keyframes fill-in{0%{width:0!important}}.distribution__value{font-size:14px;font-weight:700;text-align:right;color:var(--color-text-primary)}.activities-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 24px;border-bottom:1px solid var(--color-border)}.activities-card__title{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}.activities-card__subtitle{font-size:13px;color:var(--color-text-secondary);margin:0}.activities-card__actions{display:flex;align-items:center;gap:4px}.activities-card__list{list-style:none;margin:0;padding:8px 10px;max-height:360px;overflow-y:auto}.activity-item{display:grid;grid-template-columns:40px 1fr auto;align-items:flex-start;gap:14px;padding:14px;border-radius:var(--radius-md);transition:background var(--transition-base)}.activity-item:hover{background:var(--color-surface-muted)}.activity-item__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);color:#fff;flex-shrink:0}.activity-item__icon--amber{background:var(--color-amber)}.activity-item__icon--green{background:var(--color-green)}.activity-item__icon--purple{background:var(--color-purple)}.activity-item__content{min-width:0}.activity-item__top{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:4px}.activity-item__title{font-size:14.5px;font-weight:700;margin:0}.status-pill{font-size:11px;font-weight:700;text-transform:capitalize;padding:2px 10px;border-radius:var(--radius-pill)}.status-pill--approved{background:var(--color-green-soft);color:var(--color-green)}.status-pill--completed{background:var(--color-blue-soft);color:var(--color-blue)}.status-pill--pending{background:var(--color-amber-soft);color:var(--color-amber)}.activity-item__description{font-size:13px;color:var(--color-text-secondary);margin:0 0 10px;line-height:1.5}.activity-item__footer{display:flex;align-items:center;gap:8px}.activity-item__avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.activity-item__person{font-size:12.5px;font-weight:600;color:var(--color-text-primary)}.activity-item__time{font-size:12px;color:var(--color-text-tertiary);white-space:nowrap;padding-top:2px}.activities-card__footer{display:flex;justify-content:center;padding:14px;border-top:1px solid var(--color-border)}.link-button{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-indigo);font-size:13.5px;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition-base)}.link-button:hover{background:var(--color-indigo-soft)}.leave-card{display:flex;flex-direction:column;overflow:hidden}.leave-card__header{padding:22px 24px;border-bottom:1px solid var(--color-border)}.leave-card__title{font-family:var(--font-display);font-size:18px;font-weight:700;margin:0;letter-spacing:-.01em}.leave-card__tabs{display:flex;gap:8px;padding:16px 24px;overflow-x:auto}.employee-tab{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}.employee-tab:hover{border-color:var(--color-indigo)}.employee-tab--active{border-color:var(--color-indigo);background:var(--color-indigo-soft);box-shadow:0 0 0 3px #4f46e51f}.employee-tab__avatar{width:26px;height:26px;border-radius:50%;object-fit:cover}.employee-tab__name{font-size:13px;font-weight:600;white-space:nowrap;color:var(--color-text-primary)}.leave-card__profile{display:flex;align-items:center;gap:14px;padding:4px 24px 20px}.leave-card__profile-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:3px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-border)}.leave-card__profile-name{font-size:16px;font-weight:700;margin:0}.leave-card__profile-role{font-size:13px;color:var(--color-text-secondary);margin:2px 0 0}.leave-card__profile-department{font-size:12px;color:var(--color-indigo);font-weight:600;margin:2px 0 0}.leave-card__types{display:flex;flex-direction:column;gap:14px;padding:4px 24px 20px}.leave-type{display:flex;gap:14px;padding:16px;border-radius:var(--radius-md);background:var(--color-surface-muted)}.leave-type__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);flex-shrink:0;color:#fff}.leave-type__icon--green{background:var(--color-green)}.leave-type__icon--red{background:var(--color-red)}.leave-type__icon--blue{background:var(--color-blue)}.leave-type__content{flex:1;min-width:0}.leave-type__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.leave-type__label{font-size:14px;font-weight:700}.leave-type__remaining{font-size:12px;font-weight:700;color:var(--color-green);background:var(--color-green-soft);padding:2px 9px;border-radius:var(--radius-pill);white-space:nowrap}.leave-type__track{display:block;height:6px;border-radius:var(--radius-pill);background:var(--color-border);overflow:hidden;margin-bottom:8px}.leave-type__fill{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-green) 0%,#22c55e 100%);animation:fill-in .9s cubic-bezier(.16,1,.3,1) both}.leave-type__bottom{display:flex;justify-content:space-between;font-size:11.5px;color:var(--color-text-tertiary);font-weight:500}.leave-card__footer{display:flex;gap:10px;padding:18px 24px 24px;border-top:1px solid var(--color-border);margin-top:auto}.pill-button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.pill-button:active{transform:scale(.97)}.pill-button--primary{background:var(--color-indigo);color:#fff;box-shadow:0 8px 18px -8px #4f46e599}.pill-button--primary:hover{background:#4338ca}.pill-button--secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.pill-button--secondary:hover{border-color:var(--color-indigo);color:var(--color-indigo)}.scroll-area::-webkit-scrollbar{width:6px;height:6px}.scroll-area::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb{background:#d3d7e4;border-radius:var(--radius-pill)}.scroll-area::-webkit-scrollbar-thumb:hover{background:var(--color-indigo)}.scroll-area{scrollbar-width:thin;scrollbar-color:#d3d7e4 transparent}.scroll-area--horizontal{scrollbar-width:thin}@media(max-width:1080px){.hr-dashboard{grid-template-columns:1fr}.hr-dashboard__right{position:static}.summary-card__body{grid-template-columns:1fr;gap:24px}}@media(max-width:640px){.hr-dashboard{padding:16px;gap:16px}.summary-card__header,.activities-card__header,.leave-card__header,.summary-card__body{padding:18px}.distribution__row{grid-template-columns:72px 1fr 26px}.stat-block__value{font-size:28px}.activities-card__list{padding:6px;max-height:320px}.activity-item{grid-template-columns:36px 1fr}.activity-item__time{grid-column:2;padding-top:0}.leave-card__tabs,.leave-card__profile,.leave-card__types,.leave-card__footer{padding-left:18px;padding-right:18px}.leave-card__footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){.hr-dashboard *,.hr-dashboard *:before,.hr-dashboard *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dp-page{--dp-bg: #F0F1F5;--dp-card-bg: #FFFFFF;--dp-border: #ECEDF1;--dp-text-main: #23262F;--dp-text-muted: #9AA1AC;--dp-text-soft: #6B7280;--dp-purple: #8B7CF6;--dp-orange: #F4A24C;--dp-gray: #B9BDC7;--dp-teal: #2DD4BF;--dp-dark: #4B5563;--dp-coral: #FB7185;--dp-yellow: #FBBF24;--dp-indigo: #6366F1;--dp-red: #F87171;--dp-green-bg: #E4F8EF;--dp-green-text: #1C9A6C;--dp-red-bg: #FDEAEA;--dp-red-text: #E2534C;--dp-amber-bg: #FDF1E3;--dp-amber-text: #C9812F;--dp-radius: 14px;--dp-shadow: 0 1px 2px rgba(23, 26, 31, .04), 0 8px 24px rgba(23, 26, 31, .05);width:100%;min-height:100%;background:var(--dp-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--dp-text-main);box-sizing:border-box;padding:24px}.dp-page *,.dp-page *:before,.dp-page *:after{box-sizing:border-box}.dp-wrap{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.dp-row{display:grid;gap:20px}.dp-row--one{grid-template-columns:2fr 1.15fr;align-items:stretch}.dp-row--two{grid-template-columns:1.7fr 1fr}.dp-row--three{grid-template-columns:1fr 1fr}.dp-card{background:var(--dp-card-bg);border-radius:var(--dp-radius);box-shadow:var(--dp-shadow);padding:20px 22px 22px;display:flex;flex-direction:column;min-width:0}.dp-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:10px}.dp-card__title{font-size:16px;font-weight:650;margin:0;color:var(--dp-text-main);letter-spacing:-.01em}.dp-card__link{font-size:13px;font-weight:600;color:#3b82f6;text-decoration:none;white-space:nowrap}.dp-card__link:hover{text-decoration:underline}.dp-card__actions{display:flex;align-items:center;gap:8px}.dp-card__count{font-size:12px;color:var(--dp-text-muted);margin-right:2px;white-space:nowrap}.dp-card--survey{min-height:420px}.dp-legend{display:flex;gap:18px;margin:4px 0 6px;flex-wrap:wrap}.dp-legend--center{justify-content:center}.dp-legend__item{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--dp-text-soft)}.dp-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dp-dot--a{background:var(--dp-gray)}.dp-dot--b{background:var(--dp-purple)}.dp-dot--c{background:var(--dp-orange)}.dp-dot--new{background:var(--dp-red)}.dp-dot--old{background:var(--dp-indigo)}.dp-chart{flex:1;width:100%;min-height:260px;transition:opacity .25s ease}.dp-chart--loading{opacity:.35}.dp-chart--bill{min-height:220px}.dp-chart--client,.dp-chart--tickets{min-height:260px}.dp-menu{position:relative}.dp-menu__trigger{border:none;background:transparent;color:var(--dp-text-muted);width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.dp-menu__trigger:hover{background:#f2f3f6;color:var(--dp-text-main)}.dp-menu__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:190px;background:var(--dp-card-bg);border:1px solid var(--dp-border);border-radius:10px;box-shadow:0 10px 30px #171a1f1f;padding:6px;z-index:20;animation:dp-menu-in .14s ease-out}@keyframes dp-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dp-menu__item{width:100%;display:flex;align-items:center;gap:9px;border:none;background:transparent;padding:9px 10px;font-size:13.5px;color:var(--dp-text-main);border-radius:7px;cursor:pointer;text-align:left}.dp-menu__item:hover{background:#f2f3f6}.dp-menu__item--danger{color:var(--dp-red-text)}.dp-menu__item--danger:hover{background:var(--dp-red-bg)}.dp-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:340px;text-align:center}.dp-empty__text{color:var(--dp-text-muted);font-size:14px;margin:0}.dp-empty__button{display:inline-flex;align-items:center;gap:8px;background:var(--dp-text-main);color:#fff;border:none;padding:9px 16px;border-radius:9px;font-size:13.5px;font-weight:600;cursor:pointer}.dp-card--survey-side{display:flex;flex-direction:column;gap:20px;min-width:0}.dp-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dp-card--stat{padding:18px 18px 12px;gap:2px}.dp-stat-card__label{font-size:13px;color:var(--dp-text-soft);font-weight:550}.dp-stat-card__value{font-size:22px;font-weight:700;margin:2px 0 6px;color:var(--dp-text-main)}.dp-spark{width:100%;height:46px}.dp-card--report{flex:1;flex-direction:row;align-items:center;gap:18px;padding:18px}.dp-illustration{flex-shrink:0}.dp-report__body{min-width:0}.dp-report__title{margin:0 0 6px;font-size:15px;font-weight:650}.dp-report__text{margin:0 0 10px;font-size:13px;color:var(--dp-text-muted);line-height:1.4}.dp-report__link{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:650;color:#3b82f6;text-decoration:none}.dp-report__link:hover{text-decoration:underline}.dp-card--table{min-height:380px}.dp-table-scroll{overflow-x:auto;margin-top:6px}.dp-table{width:100%;border-collapse:collapse;min-width:560px}.dp-table__row{border-top:1px solid var(--dp-border)}.dp-table__row td{padding:13px 8px;font-size:13.5px;vertical-align:middle;white-space:nowrap}.dp-table__id{color:var(--dp-text-muted);font-weight:600}.dp-table__name{font-weight:600;color:var(--dp-text-main)}.dp-table__date{color:var(--dp-text-soft);display:inline-flex;align-items:center;gap:6px}.dp-table__amount{font-weight:650}.dp-table__actions{display:flex;align-items:center;gap:6px}.dp-table__empty{text-align:center;color:var(--dp-text-muted);padding:30px 10px!important;white-space:normal!important}.dp-icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--dp-border);background:#fff;color:var(--dp-text-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;flex-shrink:0}.dp-icon-btn:hover{background:#f2f3f6}.dp-icon-btn--edit:hover{color:#3b82f6;border-color:#bfd8fe}.dp-icon-btn--delete:hover{color:var(--dp-red-text);border-color:#f6c6c4}.dp-icon-btn--accent{background:var(--dp-text-main);color:#fff;border-color:var(--dp-text-main)}.dp-icon-btn--accent:hover{background:#34363f}.dp-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:650}.dp-badge--paid{background:var(--dp-green-bg);color:var(--dp-green-text)}.dp-badge--not-paid{background:var(--dp-red-bg);color:var(--dp-red-text)}.dp-badge--partial{background:var(--dp-amber-bg);color:var(--dp-amber-text)}.dp-card--bill{min-height:380px}.dp-bill__figure{font-size:13.5px;color:var(--dp-text-soft);margin:2px 0 4px}.dp-bill__number{font-size:26px;font-weight:750;color:var(--dp-text-main);margin-right:4px}.dp-bill__caption{color:var(--dp-text-muted);font-size:12.5px}.dp-bubble{fill:#37393f}.dp-bubble__text{fill:#fff;font-size:11px;font-weight:650}.dp-card--client,.dp-card--tickets{min-height:360px}@media(max-width:1180px){.dp-row--one{grid-template-columns:1.6fr 1fr}}@media(max-width:1024px){.dp-row--one,.dp-row--two,.dp-row--three{grid-template-columns:1fr}.dp-card--survey{min-height:380px}.dp-card--report{flex-direction:row}}@media(max-width:640px){.dp-page{padding:14px}.dp-wrap,.dp-row{gap:14px}.dp-card{padding:16px 16px 18px;border-radius:12px}.dp-stat-row{grid-template-columns:1fr 1fr;gap:12px}.dp-card--stat{padding:14px 14px 10px}.dp-stat-card__value{font-size:19px}.dp-card--report{flex-direction:column;align-items:flex-start;text-align:left}.dp-illustration{width:100px;height:94px}.dp-card__title{font-size:14.5px}.dp-chart{min-height:220px}.dp-table{min-width:520px}}@media(max-width:420px){.dp-stat-row{grid-template-columns:1fr}}.pl-card{--pl-ink: #1b1f2a;--pl-muted: #6b7280;--pl-muted-soft: #9aa1b1;--pl-accent: #4f46e5;--pl-accent-soft: #eef0ff;--pl-bg: #f7f8fc;--pl-surface: #ffffff;--pl-line: #eef0f6;--pl-radius-lg: 18px;--pl-radius-md: 12px;--pl-radius-sm: 8px;--pl-shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 12px 32px -16px rgba(30, 41, 82, .18);width:100%;max-width:100%;margin:0;background:var(--pl-surface);border:1px solid var(--pl-line);border-radius:var(--pl-radius-lg);box-shadow:var(--pl-shadow);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--pl-ink);box-sizing:border-box;overflow:hidden}.pl-card *,.pl-card *:before,.pl-card *:after{box-sizing:border-box}.pl-card__header{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 18px}.pl-card__title{margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--pl-ink)}.pl-card__viewall{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;color:var(--pl-accent);font-size:13.5px;font-weight:600;cursor:pointer;padding:6px 8px;border-radius:var(--pl-radius-sm);transition:background-color .15s ease,transform .15s ease}.pl-card__viewall svg{width:16px;height:16px;transition:transform .15s ease}.pl-card__viewall:hover{background-color:var(--pl-accent-soft)}.pl-card__viewall:hover svg{transform:translate(2px)}.pl-card__viewall:focus-visible,.pl-iconBtn:focus-visible{outline:2px solid var(--pl-accent);outline-offset:2px}.pl-table__wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.pl-table{width:100%;border-collapse:collapse;min-width:840px}.pl-table thead th{text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--pl-muted-soft);padding:12px 14px;background:var(--pl-bg);border-top:1px solid var(--pl-line);border-bottom:1px solid var(--pl-line);white-space:nowrap}.pl-table thead th:first-child{padding-left:26px}.pl-table__actionsHead{text-align:right!important;padding-right:26px!important}.pl-row{border-bottom:1px solid var(--pl-line);transition:background-color .15s ease}.pl-row:last-child{border-bottom:none}.pl-row:hover{background-color:#fafbff}.pl-cell{padding:16px 14px;font-size:14px;color:var(--pl-ink);vertical-align:middle}.pl-cell:first-child{padding-left:26px}.pl-cell:last-child{padding-right:26px}.pl-cell--num{font-variant-numeric:tabular-nums;color:var(--pl-muted)}.pl-cell--owner{font-weight:500}.pl-project__container{display:flex;align-items:center;gap:10px;font-weight:600;white-space:nowrap}.pl-project__dot{width:7px;height:7px;border-radius:50%;background:var(--pl-accent);flex-shrink:0}.pl-avatars{display:flex;align-items:center}.pl-avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;border:2px solid var(--pl-surface);margin-left:-8px;flex-shrink:0;box-shadow:0 1px 2px #11182714}.pl-avatar:first-child{margin-left:0}.pl-avatar--extra{background:#e7e9f5!important;color:#5b5f79!important}.pl-priority{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;white-space:nowrap}.pl-priority__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:13px;line-height:1}.priority--high{color:#e0365b}.priority--medium{color:#8b5cf6}.priority--low{color:#16a34a}.pl-progress{display:flex;align-items:center;gap:8px;min-width:96px}.pl-progress__count{font-size:13.5px;font-weight:600;color:var(--pl-ink);font-variant-numeric:tabular-nums;width:20px;flex-shrink:0}.pl-progress__track{flex:1;height:6px;border-radius:999px;background:var(--pl-line);overflow:hidden}.pl-progress__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6366f1,#4f46e5)}.pl-status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap;border:1px solid transparent}.status--pending{background:#eaf1ff;color:#2563eb;border-color:#d7e6ff}.status--progress{background:#f2eeff;color:#7c3aed;border-color:#e5ddff}.status--completed{background:#e9f9ef;color:#16a34a;border-color:#d3f2dd}.pl-cell--actions{text-align:right}.pl-actions{display:inline-flex;align-items:center;gap:6px}.pl-iconBtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--pl-radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;color:var(--pl-muted);transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.pl-iconBtn svg{width:16px;height:16px}.pl-iconBtn:hover{transform:translateY(-1px)}.pl-iconBtn--doc:hover{color:var(--pl-accent);background:var(--pl-accent-soft);border-color:#dfe1fb}.pl-iconBtn--edit:hover{color:#2563eb;background:#eaf1ff;border-color:#d7e6ff}.pl-iconBtn--delete:hover{color:#e0365b;background:#fdeeef;border-color:#fbdde1}@media(max-width:1024px){.pl-card__header{padding:20px 20px 16px}.pl-table thead th:first-child,.pl-cell:first-child{padding-left:20px}.pl-table__actionsHead,.pl-cell:last-child{padding-right:20px!important}}@media(max-width:768px){.pl-card{border-radius:14px}.pl-card__header{padding:18px 16px 14px}.pl-card__title{font-size:17px}.pl-table__wrap{overflow-x:visible}.pl-table{min-width:0}.pl-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pl-table,.pl-table tbody,.pl-row{display:block;width:100%}.pl-row{padding:12px 16px;border-bottom:8px solid var(--pl-bg)}.pl-row:hover{background-color:transparent}.pl-cell{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0!important;border-bottom:1px dashed var(--pl-line);font-size:13.5px;text-align:right}.pl-cell:last-child{border-bottom:none}.pl-cell:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pl-muted-soft);text-align:left;flex-shrink:0}.pl-cell--project{padding-bottom:14px!important;border-bottom:1px solid var(--pl-line);margin-bottom:4px}.pl-cell--project:before{content:attr(data-label)}.pl-project__container{justify-content:flex-end;width:100%}.pl-project__name{font-size:15px}.pl-cell--actions{padding-top:14px!important;justify-content:space-between}.pl-actions{gap:8px}}@media(max-width:380px){.pl-avatar{width:26px;height:26px;font-size:10px}.pl-progress{min-width:80px}}@media(prefers-reduced-motion:reduce){.pl-card *,.pl-card *:before,.pl-card *:after{transition:none!important;animation:none!important}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--purple:#8b5cf6;--text:#1f2937;--text-light:#6b7280;--border:#e5e7eb;--card:#ffffff;--background:#f3f6fb;--shadow-sm:0 2px 10px rgba(0,0,0,.05);--shadow-md:0 8px 25px rgba(0,0,0,.08);--shadow-lg:0 15px 35px rgba(0,0,0,.12);--radius:14px;--transition:.3s ease}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ap-dashboard-container{min-height:100vh;background:var(--background);padding:30px}.ap-header-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}.ap-main-title{font-size:30px;font-weight:700;color:#1f2937}.ap-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:#6b7280}.ap-bc-home{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:var(--shadow-sm)}.ap-bc-arrow{color:#b5b5c3}.ap-bc-active{color:var(--primary);font-weight:600}.ap-board-wrapper{background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow-md)}.ap-board-columns{display:grid;grid-template-columns:repeat(4,minmax(320px,1fr));gap:22px;overflow-x:auto;align-items:start;padding-bottom:8px}.ap-board-columns::-webkit-scrollbar{height:8px}.ap-board-columns::-webkit-scrollbar-thumb{background:#c9ced8;border-radius:30px}.ap-board-columns::-webkit-scrollbar-track{background:#edf2f7}.ap-column{display:flex;flex-direction:column;background:#f8fafc;border-radius:16px;padding:18px;position:relative;min-height:auto;border:1px solid #edf2f7}.ap-column-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.ap-column-title{font-size:18px;font-weight:700;color:#1f2937}.ap-column-badge{background:var(--primary);color:#fff;padding:6px 12px;border-radius:30px;font-size:12px;font-weight:600;white-space:nowrap}.ap-column-cards-container{display:flex;flex-direction:column;gap:18px;overflow-y:auto;max-height:65vh;padding-right:6px;padding-bottom:4px}.ap-column-cards-container::-webkit-scrollbar{width:7px}.ap-column-cards-container::-webkit-scrollbar-thumb{background:#c8d0dc;border-radius:30px}.ap-column-cards-container::-webkit-scrollbar-track{background:#eef2f7}.ap-column:nth-child(1){border-top:5px solid #3b82f6}.ap-column:nth-child(2){border-top:5px solid #10b981}.ap-column:nth-child(3){border-top:5px solid #f59e0b}.ap-column:nth-child(4){border-top:5px solid #8b5cf6}.ap-project-card{width:100%;background:#fff;border:1px solid #e8edf4;border-radius:16px;padding:18px;transition:all .3s ease;position:relative;overflow:visible;box-shadow:0 3px 12px #0000000a}.ap-project-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #0000001a;border-color:#2563eb}.ap-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.ap-card-title-area{display:flex;align-items:flex-start;gap:12px;flex:1}.ap-checkmark-icon{width:28px;height:28px;border-radius:50%;border:2px solid #d7dce6;display:flex;justify-content:center;align-items:center;font-size:13px;color:#64748b;flex-shrink:0}.ap-card-title{font-size:17px;font-weight:700;color:#1f2937;line-height:1.4;word-break:break-word}.ap-action-menu-wrapper{position:relative}.ap-three-dots{width:34px;height:34px;border:none;background:#f5f7fb;border-radius:8px;cursor:pointer;font-size:18px;color:#64748b;transition:.25s}.ap-three-dots:hover{background:#2563eb;color:#fff}.ap-dropdown-menu{position:absolute;top:42px;right:0;width:130px;background:#fff;border-radius:10px;box-shadow:0 12px 30px #0000001f;overflow:hidden;z-index:100;animation:fadeDropdown .2s ease}@keyframes fadeDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ap-dropdown-menu button{width:100%;border:none;background:none;padding:12px 16px;text-align:left;cursor:pointer;font-size:14px;color:#374151;transition:.2s}.ap-dropdown-menu button:hover{background:#eff6ff}.ap-delete-btn{color:#ef4444!important}.ap-card-meta-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0;gap:12px;flex-wrap:wrap}.ap-open-tasks{color:#6b7280;font-size:13px;font-weight:500}.ap-tag{padding:6px 14px;border-radius:30px;font-size:12px;font-weight:600}.ap-tag-testing{background:#f3effe;color:#7c3aed}.ap-tag-android{background:#dcfce7;color:#16a34a}.ap-tag-iphone{background:#fff4e5;color:#ea580c}.ap-tag-website{background:#dbeafe;color:#2563eb}.ap-card-description{font-size:14px;line-height:1.7;color:#64748b;margin-bottom:18px;word-break:break-word}.ap-details-grid{display:flex;flex-direction:column;gap:14px}.ap-detail-item{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;border-bottom:1px dashed #edf2f7;padding-bottom:8px}.ap-detail-label{color:#6b7280;font-weight:500}.ap-detail-value,.ap-detail-value-text,.ap-detail-value-num{color:#111827;font-weight:600;text-align:right}.priority-low{color:#10b981;font-weight:700}.priority-medium{color:#f59e0b;font-weight:700}.priority-high{color:#ef4444;font-weight:700}.ap-team-row{align-items:center}.ap-team-avatars{display:flex;align-items:center}.ap-avatar,.ap-avatar-plus{width:34px;height:34px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:-10px;border:2px solid #fff;background:#e2e8f0;font-size:14px;transition:.3s;cursor:pointer}.ap-avatar:first-child{margin-left:0}.ap-avatar:hover{transform:translateY(-3px)}.ap-avatar-plus{background:#2563eb;color:#fff;font-size:12px;font-weight:700}.ap-progress-section{margin-top:20px;border-top:1px solid #eef2f7;padding-top:18px}.ap-progress-text{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:700;color:#10b981}.ap-progress-bar-container{width:100%;height:8px;background:#e5e7eb;border-radius:20px;overflow:hidden}.ap-progress-bar-filled{height:100%;border-radius:20px;background:linear-gradient(90deg,#10b981,#34d399)}.ap-add-project-floating-btn{position:static;width:100%;height:48px;margin-top:16px;border:none;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:15px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:.3s;box-shadow:0 8px 20px #2563eb40;flex-shrink:0}.ap-add-project-floating-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px #2563eb59}.ap-plus-sign{font-size:20px;font-weight:700}.ap-modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;padding:25px;z-index:9999;animation:apFade .25s ease}@keyframes apFade{0%{opacity:0}to{opacity:1}}.ap-modal-box{width:820px;max-width:100%;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #0000002e;animation:apPopup .3s ease;max-height:92vh;overflow-y:auto}@keyframes apPopup{0%{opacity:0;transform:translateY(-25px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ap-modal-box::-webkit-scrollbar{width:8px}.ap-modal-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.ap-modal-box::-webkit-scrollbar-track{background:#f8fafc}.ap-modal-header{height:68px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;color:#fff;position:sticky;top:0;z-index:5}.create-header{background:linear-gradient(135deg,#2563eb,#4f46e5)}.edit-header{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.ap-modal-header h2{font-size:20px;font-weight:700}.ap-modal-close{width:38px;height:38px;border:none;border-radius:50%;background:#ffffff2e;color:#fff;cursor:pointer;font-size:22px;line-height:1;transition:.3s}.ap-modal-close:hover{transform:rotate(90deg);background:#ffffff4d}.ap-modal-form{padding:28px}.ap-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.ap-input-wrapper{position:relative;display:flex;flex-direction:column}.ap-input-wrapper label,.ap-textarea-wrapper label{position:absolute;top:-9px;left:14px;background:#fff;padding:0 8px;font-size:12px;font-weight:600;color:#64748b;z-index:5}.ap-input-wrapper input,.ap-input-wrapper select,.ap-textarea-wrapper textarea{width:100%;border:1px solid #dbe2ea;border-radius:12px;padding:14px 16px;font-size:14px;color:#1f2937;background:#fff;outline:none;transition:.3s}.ap-textarea-wrapper{position:relative;margin-top:25px}.ap-textarea-wrapper textarea{resize:vertical;min-height:120px;line-height:1.7}.ap-input-wrapper input:focus,.ap-input-wrapper select:focus,.ap-textarea-wrapper textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.ap-input-wrapper input::placeholder,.ap-textarea-wrapper textarea::placeholder{color:#9ca3af}.ap-field-icon{position:absolute;right:16px;top:44px;color:#9ca3af;pointer-events:none;font-size:15px}.ap-select-wrapper select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.ap-select-wrapper select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.ap-select-wrapper select option{color:#1f2937;background:#fff}.ap-form-actions{margin-top:30px;display:flex;justify-content:flex-end;gap:14px}.ap-btn-save{min-width:140px;height:48px;border:none;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.ap-btn-save:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2563eb40}.ap-btn-save:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none;transform:none}.ap-btn-cancel{min-width:140px;height:48px;border:none;border-radius:12px;background:#ef4444;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.ap-btn-cancel:hover{background:#dc2626;transform:translateY(-2px)}.ap-input-wrapper input:hover,.ap-input-wrapper select:hover,.ap-textarea-wrapper textarea:hover{border-color:#94a3b8}.ap-input-wrapper label span{color:#ef4444}@media(min-width:1600px){.ap-dashboard-container{padding:35px}.ap-board-columns{grid-template-columns:repeat(4,minmax(360px,1fr))}.ap-main-title{font-size:34px}}@media(max-width:1400px){.ap-board-columns{grid-template-columns:repeat(2,minmax(330px,1fr))}}@media(max-width:1200px){.ap-dashboard-container{padding:20px}.ap-board-wrapper{padding:18px}.ap-main-title{font-size:28px}.ap-column{padding:16px}.ap-column-cards-container{max-height:none}}@media(max-width:992px){.ap-header-row{flex-direction:column;align-items:flex-start}.ap-breadcrumb{margin-top:5px}.ap-board-columns{grid-template-columns:1fr}.ap-column-header{margin-bottom:18px}.ap-project-card{padding:18px}.ap-detail-item{flex-wrap:wrap}.ap-modal-box{width:95%}}@media(max-width:768px){.ap-dashboard-container{padding:15px}.ap-main-title{font-size:24px}.ap-board-wrapper{padding:15px;border-radius:14px}.ap-board-columns{display:flex;flex-direction:column;gap:20px;overflow:visible}.ap-column{width:100%;padding:15px}.ap-column-title{font-size:18px}.ap-column-badge{font-size:11px}.ap-column-cards-container{overflow:visible;max-height:none}.ap-project-card{padding:16px}.ap-card-top{gap:12px}.ap-card-title{font-size:16px}.ap-card-description{font-size:14px}.ap-card-meta-row{flex-wrap:wrap;gap:10px}.ap-detail-item{flex-direction:column;align-items:flex-start;gap:5px}.ap-detail-label{min-width:auto}.ap-detail-value,.ap-detail-value-text,.ap-detail-value-num{text-align:left}.ap-team-row{align-items:flex-start}.ap-team-avatars{margin-top:5px}.ap-avatar,.ap-avatar-plus{width:30px;height:30px;font-size:12px}.ap-progress-section,.ap-add-project-floating-btn{margin-top:18px}.ap-modal-box{width:100%;max-width:100%;max-height:95vh;border-radius:14px}.ap-modal-form{padding:20px}.ap-form-grid{grid-template-columns:1fr;gap:18px}.ap-form-actions{flex-direction:column}.ap-btn-save,.ap-btn-cancel{width:100%}}@media(max-width:576px){.ap-dashboard-container{padding:12px}.ap-header-row{gap:12px}.ap-main-title{font-size:22px}.ap-breadcrumb{font-size:12px}.ap-board-wrapper,.ap-column{padding:12px}.ap-column-title{font-size:17px}.ap-project-card{border-radius:14px;padding:14px}.ap-card-title{font-size:15px}.ap-card-description{font-size:13px}.ap-open-tasks{font-size:12px}.ap-tag{font-size:11px;padding:5px 10px}.ap-detail-item{font-size:13px}.ap-progress-text{font-size:12px}.ap-modal-header{height:60px;padding:0 18px}.ap-modal-header h2{font-size:17px}.ap-modal-form{padding:16px}.ap-input-wrapper input,.ap-input-wrapper select,.ap-textarea-wrapper textarea{font-size:14px;padding:13px}.ap-btn-save,.ap-btn-cancel{height:46px;font-size:14px}}@media(max-width:420px){.ap-dashboard-container{padding:10px}.ap-main-title{font-size:20px}.ap-breadcrumb{gap:4px}.ap-project-card{padding:12px}.ap-card-top{flex-direction:column}.ap-action-menu-wrapper{align-self:flex-end}.ap-card-title{font-size:14px}.ap-card-meta-row{flex-direction:column;align-items:flex-start}.ap-tag{margin-top:4px}.ap-avatar,.ap-avatar-plus{width:28px;height:28px;font-size:11px}.ap-add-project-floating-btn{height:44px;font-size:14px}.ap-modal-overlay{padding:10px}.ap-modal-box{border-radius:12px}.ap-modal-form{padding:14px}.ap-form-grid{gap:15px}.ap-input-wrapper label,.ap-textarea-wrapper label{font-size:11px}.ap-input-wrapper input,.ap-input-wrapper select,.ap-textarea-wrapper textarea{font-size:13px}}@media(hover:none){.ap-project-card:hover,.ap-btn-save:hover,.ap-btn-cancel:hover,.ap-add-project-floating-btn:hover,.ap-three-dots:hover,.ap-avatar:hover{transform:none}}@media(max-height:600px){.ap-modal-box{max-height:98vh}.ap-column-cards-container{max-height:none}}:root{--app-workspace-bg: #f4f6f9;--card-surface: #ffffff;--main-text-color: #333333;--sub-text-color: #6c757d;--form-border-idle: #cbd5e1;--form-label-color: #64748b;--cancel-action-bg: #b91c1c;--radio-blue: #0284c7;--editor-bg: #ffffff}.AddProject-container{background-color:var(--app-workspace-bg);padding:24px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;box-sizing:border-box}.AddProject-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.AddProject-title{font-size:20px;font-weight:500;color:var(--main-text-color);margin:0}.AddProject-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--sub-text-color)}.breadcrumb-home-icon{font-size:14px}.breadcrumb-current{color:#475569;font-weight:500}.AddProject-card-layout{background:var(--card-surface);border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0}.AddProject-card-header{padding:16px 24px;border-bottom:1px solid #f1f5f9}.AddProject-card-header h3{margin:0;font-size:15px;font-weight:500;color:#475569}.AddProject-form{padding:30px 24px}.AddProject-form-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:30px;row-gap:32px}.AddProject-form-field{display:flex;flex-direction:column;position:relative}.AddProject-form-field.full-width-row{grid-column:span 2}.input-container{position:relative;width:100%}.input-container input,.input-container select,.input-container textarea{width:100%;padding:14px 16px;border:1px solid var(--form-border-idle);border-radius:6px;font-size:15px;background-color:transparent;outline:none;box-sizing:border-box;color:var(--main-text-color);transition:border-color .2s}.input-container textarea{resize:vertical;min-height:52px}.input-container label{position:absolute;left:14px;top:50%;transform:translateY(-50%);background-color:var(--card-surface);padding:0 6px;color:var(--form-label-color);font-size:14px;transition:.2s ease all;pointer-events:none}.input-container textarea~label{top:26px}.input-container input:focus~label,.input-container input:not(:placeholder-shown)~label,.input-container textarea:focus~label,.input-container textarea:not(:placeholder-shown)~label,.input-container label.shrink,.input-container label.always-shrink{top:0;font-size:12px;color:var(--form-label-color)}.select-container select{appearance:none;-webkit-appearance:none;cursor:pointer}.dropdown-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:10px;color:#64748b;pointer-events:none}.work-status-container{display:flex;align-items:center;gap:16px;padding:4px 0}.work-status-label{font-size:14px;color:var(--main-text-color);font-weight:500}.work-status-options-group{display:flex;flex-wrap:wrap;gap:20px}.radio-option-item{display:flex;align-items:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px}.radio-option-item input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-radio-indicator{height:18px;width:18px;background-color:#fff;border:2px solid #cbd5e1;border-radius:50%;display:inline-block;box-sizing:border-box;position:relative}.radio-option-item input:checked~.custom-radio-indicator{border-color:var(--radio-blue)}.custom-radio-indicator:after{content:"";position:absolute;display:none;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--radio-blue)}.radio-option-item input:checked~.custom-radio-indicator:after{display:block}.radio-text-label{font-size:14px;color:#334155}.editor-outer-title{font-size:13px;color:var(--form-label-color);margin-bottom:8px}.AddProject-rich-editor-box{border:1px solid var(--form-border-idle);border-radius:6px;background:var(--editor-bg);overflow:hidden}.editor-toolbar-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:8px 12px;background-color:#fafafa;border-bottom:1px solid #e2e8f0}.toolbar-btn{background:transparent;border:none;color:#475569;font-size:12px;padding:6px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background-color:#f1f5f9}.toolbar-divider{width:1px;height:16px;background-color:#cbd5e1;margin:0 4px}.toolbar-select-mock{font-size:12px;color:#475569;padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;background-color:#fff;display:flex;align-items:center;gap:6px;cursor:pointer}.toolbar-select-mock .arrow{font-size:8px;color:#94a3b8}.editor-textarea-body{width:100%;min-height:200px;border:none;outline:none;padding:16px;box-sizing:border-box;font-size:14px;font-family:inherit;resize:vertical}.upload-outer-label{font-size:13px;color:var(--form-label-color);margin-bottom:8px}.AddProject-file-dropzone{border:1px dashed #94a3b8;border-radius:6px;padding:24px;text-align:left;background-color:transparent;display:flex;align-items:center}.hidden-file-input{display:none}.dropzone-label{cursor:pointer;display:flex;align-items:center;gap:12px;width:100%}.choose-file-btn{background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:20px;padding:8px 18px;font-size:13px;color:#0f172a;font-weight:500}.dropzone-text-hint{font-size:14px;color:var(--sub-text-color)}.AddProject-actions-row{margin-top:40px;display:flex;gap:12px}.btn-submit-action{background-color:#cbd5e1;color:#64748b;border:none;padding:10px 28px;border-radius:20px;font-weight:500;font-size:14px;cursor:pointer;transition:opacity .2s}.btn-submit-action:hover{opacity:.9}.btn-cancel-action{background-color:var(--cancel-action-bg);color:#fff;border:none;padding:10px 28px;border-radius:20px;font-weight:500;font-size:14px;cursor:pointer;transition:opacity .2s}.btn-cancel-action:hover{opacity:.9}@media(max-width:992px){.AddProject-form-grid{grid-template-columns:1fr;row-gap:28px}.AddProject-form-field.full-width-row{grid-column:span 1}}@media(max-width:576px){.AddProject-container{padding:16px}.AddProject-header-bar{flex-direction:column;align-items:flex-start;gap:8px}.AddProject-form{padding:20px 16px}.work-status-container{flex-direction:column;align-items:flex-start;gap:10px}}:root{--bg-main: #f4f6f9;--card-bg: #ffffff;--border-color: #ced4da;--border-focus: #1976d2;--text-primary: #212529;--text-secondary: #6c757d;--text-muted: #adb5bd;--primary-action: #695aec;--danger-action: #f44336;--badge-high: #ffebee;--badge-high-txt: #c62828}.edit-projects-bg{background-color:var(--bg-main);min-height:100vh;padding:24px 16px;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);box-sizing:border-box}.max-page-wrapper{margin:0 auto;width:100%}.header-breadcrumb-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.header-breadcrumb-row h1{font-size:22px;font-weight:600;margin:0}.breadcrumbs-container{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary)}.breadcrumb-item-link{cursor:pointer;color:var(--text-secondary)}.breadcrumb-item-link:hover{color:var(--primary-action)}.breadcrumb-divider{color:var(--text-muted);font-size:11px}.breadcrumb-item-active{color:var(--text-muted)}.form-card-container{background:var(--card-bg);border-radius:8px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,0,0,.06);overflow:hidden}.form-card-header{padding:16px 24px;font-size:16px;font-weight:600;border-bottom:1px solid #edf2f9}.edit-project-form{padding:24px}.inputs-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-spacing-stack{margin-top:24px}.mat-outline-wrapper,.dropdown-relative-container{position:relative;width:100%}.mat-input-field{width:100%;box-sizing:border-box;padding:14px 16px;font-size:15px;border:1px solid var(--border-color);border-radius:4px;outline:none;background:transparent;transition:border-color .2s ease,box-shadow .2s ease}.mat-input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.mat-notch-label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:var(--card-bg);padding:0 4px;color:var(--text-secondary);font-size:15px;pointer-events:none;transition:.15s cubic-bezier(.4,0,.2,1)}.mat-input-field:focus~.mat-notch-label,.mat-input-field:not(:placeholder-shown)~.mat-notch-label,.persistent-label{top:0;font-size:12px;color:var(--border-focus)}.mat-input-field:not(:focus):not(:placeholder-shown)~.mat-notch-label{color:var(--text-secondary)}.textarea-field{resize:vertical;min-height:80px}.date-input{color:var(--text-primary)}.mat-select-trigger-box{width:100%;box-sizing:border-box;padding:14px 16px;font-size:15px;border:1px solid var(--border-color);border-radius:4px;background:transparent;display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:50px}.mat-select-trigger-box.opened-active{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}.dropdown-indicator-caret{font-size:10px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.mat-popup-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:220px;overflow-y:auto}.mat-dropdown-list-item{padding:10px 16px;font-size:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.mat-dropdown-list-item:hover{background-color:#f5f5f5}.mat-dropdown-list-item.selected-active{background-color:#e3f2fd;color:#0d47a1;font-weight:500}.check-icon{font-weight:700}.priority-badge{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.badge-high{background-color:var(--badge-high);color:var(--badge-high-txt)}.team-chips-wrapper{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.team-member-chip{background:#f1f3f4;border:1px solid #dadce0;padding:2px 6px 2px 10px;border-radius:16px;font-size:13px;display:inline-flex;align-items:center;gap:4px}.remove-chip-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px;font-weight:700;padding:0;line-height:1}.remove-chip-btn:hover{color:var(--danger-action)}.placeholder-text{color:var(--text-muted)}.team-checkbox-item{display:flex;align-items:center;gap:8px}.radio-group-block{display:flex;flex-direction:column;gap:10px}.radio-group-title{font-size:14px;font-weight:600;color:var(--text-secondary)}.radio-items-inline-wrap{display:flex;flex-wrap:wrap;gap:16px}.radio-item-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.radio-native-input{display:none}.custom-radio-circle{width:16px;height:16px;border:2px solid var(--border-color);border-radius:50%;display:inline-block;position:relative;box-sizing:border-box}.radio-native-input:checked+.custom-radio-circle{border-color:var(--primary-action)}.radio-native-input:checked+.custom-radio-circle:after{content:"";position:absolute;width:8px;height:8px;background:var(--primary-action);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.editor-group-title{display:block;font-size:15px;color:#444;margin-bottom:8px}.editor-main-border-box{border:1px solid #cccccc;border-radius:4px;background:#fff;overflow:hidden}.editor-horizontal-toolbar{display:flex;align-items:center;background:#fafafa;border-bottom:1px solid #e0e0e0;padding:6px 8px;gap:2px;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.editor-action-btn{background:transparent;border:none;color:#444;padding:5px 10px;font-size:14px;cursor:pointer;border-radius:3px;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;box-sizing:border-box;font-family:inherit}.editor-action-btn:hover{background:#ebebeb}.font-weight-b{font-weight:800;font-size:15px}.font-style-i{font-style:italic;font-family:Georgia,serif;font-weight:600}.text-deco-u{text-decoration:underline}.text-deco-s{text-decoration:line-through}.editor-toolbar-divider{width:1px;height:20px;background:#e0e0e0;margin:0 6px}.code-brackets{font-weight:600;color:#555;letter-spacing:-1px}.quote-marks{font-size:20px;font-family:serif;font-weight:700;line-height:1}.list-num,.list-bullet{display:flex;flex-direction:row;align-items:center;line-height:.7;font-size:8px;gap:2px}.num-stack,.bullet-stack{display:flex;flex-direction:column;font-weight:700;color:#666}.bullet-stack{font-size:11px}.line-stack{display:flex;flex-direction:column;font-size:7px;color:#888;letter-spacing:-1px}.editor-horizontal-dropdown-trigger{display:flex;align-items:center;gap:14px;padding:0 10px;height:32px;border:1px solid transparent;border-radius:3px;cursor:pointer}.editor-horizontal-dropdown-trigger:hover{background:#ebebeb}.heading-text{font-size:14px;color:#444}.heading-caret{font-size:8px;color:#777}.text-color-a{position:relative;font-weight:700;font-size:15px}.color-bar-indicator{position:absolute;bottom:4px;left:20%;right:20%;height:3px;background:#000}.bg-fill-bucket{position:relative;font-size:13px}.bg-indicator{background:#777}.align-icon{font-size:11px;letter-spacing:-.5px;color:#555}.text-right-icon{text-align:right}.editor-textarea-input{width:100%;box-sizing:border-box;padding:16px;font-size:14px;border:none;outline:none;resize:vertical;min-height:120px;color:#333;font-family:inherit}.form-actions-footer-row{display:flex;gap:12px;margin-top:28px}.action-btn-pill-update,.action-btn-pill-cancel{padding:10px 24px;font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;border:none;transition:background-color .2s ease}.action-btn-pill-update{background-color:var(--primary-action);color:#fff}.action-btn-pill-update:hover{background-color:#5345d4}.action-btn-pill-cancel{background-color:#e4e6eb;color:#4b4b4b}.action-btn-pill-cancel:hover{background-color:#d8dadf}@media(max-width:992px){.inputs-grid-layout{gap:20px}}@media(max-width:768px){.inputs-grid-layout{grid-template-columns:1fr;gap:20px}.header-breadcrumb-row{flex-direction:column;align-items:flex-start}.edit-project-form{padding:16px}}@media(max-width:480px){.edit-projects-bg{padding:12px 8px}.radio-items-inline-wrap{flex-direction:column;gap:12px}.form-actions-footer-row{flex-direction:column;width:100%}.action-btn-pill-update,.action-btn-pill-cancel{width:100%;text-align:center}}:root{--pt-canvas-bg: #f5f6fa;--pt-surface-card: #ffffff;--pt-primary-indigo: #6036eb;--pt-primary-purple: #9c27b0;--pt-border-color: #e0e0e0;--pt-text-main: #333333;--pt-text-secondary: #666666;--pt-status-completed-bg: #e2f5ec;--pt-status-completed-txt: #1bc5bd;--pt-status-running-bg: #eee5ff;--pt-status-running-txt: #8950fc;--pt-status-pending-bg: #fff4de;--pt-status-pending-txt: #ffa800;--pt-priority-high-txt: #f64e60;--pt-priority-medium-txt: #ffa800;--pt-priority-low-txt: #1bc5bd}.pt-workspace-shell{background-color:var(--pt-canvas-bg);min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--pt-text-main);box-sizing:border-box}.pt-editor-label{display:block;font-size:15px;color:var(--pt-text-secondary);margin-bottom:8px}.pt-editor-box{border:1px solid var(--pt-border-color);border-radius:4px;overflow:hidden}.pt-editor-toolbar{background-color:#fafafa;border-bottom:1px solid var(--pt-border-color);padding:6px 12px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.pt-tb-btn{background:transparent;border:none;min-width:28px;height:28px;cursor:pointer;font-size:13px;color:#555;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-weight:500}.pt-tb-btn:hover{background-color:#eceff1}.pt-tb-btn.bold-txt{font-weight:800;font-size:14px}.pt-tb-btn.italic-txt{font-style:italic}.pt-tb-btn.underline-txt{text-decoration:underline}.pt-tb-btn.strike-txt{text-decoration:line-through}.pt-tb-divider{width:1px;height:18px;background-color:var(--pt-border-color);margin:0 4px}.pt-tb-dropdown-mock{font-size:13px;color:#555;cursor:pointer;padding:2px 6px;display:flex;align-items:center;gap:6px}.pt-dropdown-arrow{font-size:8px;color:#999}.pt-editor-textarea{min-height:48px;padding:12px;outline:none;font-size:14px;color:#444;background-color:#fff}.pt-editor-textarea:empty:before{content:attr(data-placeholder);color:#999}.pt-dashboard-surface{background:var(--pt-surface-card);border-radius:6px;box-shadow:0 2px 12px #0000000a;border:1px solid rgba(0,0,0,.06)}.pt-action-bar{background-color:#e8eaf6;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:6px;border-top-right-radius:6px;gap:16px}.pt-left-nav-group{display:flex;align-items:center;gap:16px;flex:1}.pt-board-title{font-size:16px;font-weight:600;color:#2c3e50;white-space:nowrap}.pt-search-input-wrapper{position:relative;max-width:240px;width:100%}.pt-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#888}.pt-search-input-wrapper input{width:100%;background:#fff;border:1px solid transparent;border-radius:4px;padding:6px 12px 6px 32px;font-size:13px;outline:none;box-sizing:border-box;transition:border .2s}.pt-search-input-wrapper input:focus{border-color:var(--pt-primary-indigo)}.pt-right-nav-group{display:flex;align-items:center;gap:8px}.pt-icon-action-btn{background:transparent;border:none;cursor:pointer;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;color:#5c6bc0;transition:background-color .2s}.pt-icon-action-btn:hover{background-color:#0000000d}.pt-icon-action-btn.success-variant{color:#2e7d32;font-weight:700}.pt-dropdown-anchor{position:relative}.pt-icon-action-btn.pt-filter-active{background-color:#00000014}.pt-column-toggle-dropdown{position:absolute;right:0;top:38px;background:#fff;border-radius:6px;min-width:180px;box-shadow:0 5px 25px #00000026;border:1px solid var(--pt-border-color);z-index:100;overflow:hidden}.pt-dropdown-header{padding:10px 14px;font-weight:600;font-size:13px;background:#f7f9fa;border-bottom:1px solid #f1f1f1;text-align:center}.pt-dropdown-body-scroll{max-height:240px;overflow-y:auto;padding:6px 0}.pt-dropdown-checkbox-row{display:flex;align-items:center;padding:8px 14px;cursor:pointer;font-size:13px;transition:background-color .15s}.pt-dropdown-checkbox-row:hover{background-color:#f4f5f7}.pt-dropdown-checkbox-row input[type=checkbox]{margin-right:10px;accent-color:#3f51b5;width:15px;height:15px}.pt-table-responsive-scroll{width:100%;overflow-x:auto}.pt-data-grid{width:100%;border-collapse:collapse;text-align:left;font-size:13px;min-width:900px}.pt-data-grid th{background-color:#fff;color:#444;font-weight:600;padding:14px 16px;border-bottom:2px solid #efefef;white-space:nowrap}.pt-data-grid td{padding:12px 16px;border-bottom:1px solid #f1f1f1;color:#444;vertical-align:middle}.pt-data-grid tbody tr:hover{background-color:#fcfcfd}.pt-data-grid tbody tr.row-selected{background-color:#f4f6fe}.font-weight-medium{font-weight:500;color:#111!important}.pt-priority-lbl{display:inline-flex;align-items:center;font-weight:500;gap:4px}.priority-high{color:var(--pt-priority-high-txt)}.priority-medium{color:var(--pt-priority-medium-txt)}.priority-low{color:var(--pt-priority-low-txt)}.pt-arrow-icon{font-size:9px}.pt-status-pill{display:inline-block;padding:4px 10px;border-radius:4px;font-weight:600;font-size:11px;letter-spacing:.3px;text-align:center}.status-completed{background-color:var(--pt-status-completed-bg);color:var(--pt-status-completed-txt)}.status-running{background-color:var(--pt-status-running-bg);color:var(--pt-status-running-txt)}.status-pending{background-color:var(--pt-status-pending-bg);color:var(--pt-status-pending-txt)}.pt-date-cell-view{color:#555;display:flex;align-items:center;gap:6px}.pt-slider-progress-module{position:relative;width:120px;padding:8px 0}.pt-slider-bar-track{width:100%;height:4px;background:#e4e7eb;border-radius:2px;position:relative}.pt-slider-bar-fill{height:100%;background:#3f51b5;border-radius:2px;position:relative}.pt-slider-value-tooltip{position:absolute;right:-10px;top:-24px;background:#222;color:#fff;font-size:9px;font-weight:700;padding:2px 4px;border-radius:3px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s;pointer-events:none}.pt-slider-progress-module:hover .pt-slider-value-tooltip{opacity:1;transform:translateY(0)}.pt-actions-flex-cell{display:flex;align-items:center;justify-content:center;gap:12px}.pt-cell-action-btn{background:transparent;border:none;cursor:pointer;font-size:14px;padding:2px;transition:transform .1s}.pt-cell-action-btn:hover{transform:scale(1.15)}.pt-table-empty-fallback{text-align:center;padding:32px!important;color:var(--pt-text-secondary);font-style:italic}.pt-table-pagination-footer{padding:8px 16px;display:flex;justify-content:flex-end;align-items:center;border-top:1px solid #efefef;background:#fff;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.pt-pagination-right-block{display:flex;align-items:center;gap:16px;font-size:12px;color:#444}.pt-pagination-select{border:none;background:transparent;padding:4px;cursor:pointer;font-size:12px;outline:none}.pt-pagination-arrow-group{display:flex;align-items:center;gap:4px}.pt-pag-nav-btn{background:transparent;border:none;cursor:pointer;font-size:18px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:#555;border-radius:50%}.pt-pag-nav-btn:disabled{color:#ccc;cursor:not-allowed}.pt-pag-nav-btn:not(:disabled):hover{background-color:#f0f0f0}.pt-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.pt-modal-window{background:#fff;border-radius:8px;width:100%;max-width:680px;box-shadow:0 10px 30px #0003;overflow:hidden}.pt-modal-header{background:var(--pt-primary-purple);padding:14px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.pt-modal-title{font-size:15px;font-weight:500;letter-spacing:.3px}.pt-modal-close-cross{background:transparent;border:none;color:#fff;font-size:14px;cursor:pointer;opacity:.8}.pt-modal-close-cross:hover{opacity:1}.pt-modal-form-body{padding:24px}.pt-form-row-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 24px;margin-bottom:24px}.pt-input-field-group{position:relative}.pt-floating-label{position:absolute;top:-8px;left:10px;background:#fff;padding:0 4px;font-size:11px;color:#666;z-index:2}.pt-form-control-input,.pt-form-control-select{width:100%;border:1px solid #757575;border-radius:4px;padding:10px 12px;font-size:13px;outline:none;background:transparent;box-sizing:border-box;font-family:inherit}.pt-form-control-input:focus,.pt-form-control-select:focus{border-color:var(--pt-primary-indigo);border-width:2px;padding:9px 11px}.pt-input-field-group.icon-input .pt-form-control-input{padding-right:36px}.pt-field-inner-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:14px;color:#666;pointer-events:none}.pt-fieldset-wrapper{border:1px solid #757575;border-radius:4px;padding:0 10px;margin:0}.pt-fieldset-legend{font-size:11px;color:#666;padding:0 4px}.pt-fieldset-input{width:100%;border:none;outline:none;padding:8px 0;font-size:13px;background:transparent}.pt-form-actions-footer{display:flex;gap:12px}.pt-modal-btn{border:none;border-radius:20px;padding:8px 24px;font-size:13px;font-weight:500;cursor:pointer;outline:none}.pt-modal-btn.btn-save-action{background-color:#e0e0e0;color:#757575}.pt-modal-btn.btn-save-action.edit-variant-style,.pt-modal-btn.btn-save-action[type=submit]{background-color:#2f3ba2;color:#fff}.pt-modal-btn.btn-cancel-action{background-color:#b70000;color:#fff}.animate-fade-in{animation:fadeIn .18s cubic-bezier(.4,0,.2,1) forwards}.animate-scale-up{animation:scaleUp .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.pt-action-bar{flex-direction:column;align-items:stretch}.pt-right-nav-group{justify-content:flex-end}.pt-form-row-grid{grid-template-columns:1fr;gap:16px}.pt-search-input-wrapper{max-width:none}}.budget-container{background-color:#f0f4f8;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#4a5568;box-sizing:border-box}.budget-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.budget-main-title{font-size:20px;font-weight:700;color:#1a202c;margin:0}.budget-breadcrumbs{font-size:12px;color:#718096}.kpi-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.kpi-card{padding:20px;border-radius:6px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px #0000000d}.kpi-card.bg-blue{background-color:#2b82ea}.kpi-card.bg-green{background-color:#10a36b}.kpi-card.bg-orange{background-color:#ffaa2b}.kpi-card.bg-redstar-orange{background-color:#ff9100}.kpi-info{display:flex;flex-direction:column}.kpi-title{display:block;font-size:14px;font-weight:600;opacity:.9;margin-bottom:6px}.kpi-value{display:block;font-size:24px;font-weight:700;margin-bottom:8px}.kpi-sub{display:block;font-size:11px;opacity:.75}.kpi-icon{font-size:24px;opacity:.4}.budget-table-card{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;position:relative}.table-utility-bar{background-color:#eef2f7;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;border-top-left-radius:6px;border-top-right-radius:6px}.search-wrapper{position:relative}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#a0aec0}.search-field{font-size:13px;padding:6px 12px 6px 30px;background:#fff;border:1px solid #cbd5e0;border-radius:4px;width:200px;outline:none}.tool-btn{background:transparent;border:none;padding:6px;cursor:pointer;border-radius:4px;font-size:14px}.tool-btn:hover{background-color:#cbd5e0}.tool-btn.text-danger{color:#e53e3e}.tool-btn.text-success{color:#38a169}.column-dropdown-popover{position:absolute;right:40px;top:35px;background:#fff;border:1px solid #cbd5e0;box-shadow:0 10px 15px -3px #0000001a;border-radius:4px;width:180px;z-index:100;padding:8px 0}.dropdown-title{font-weight:700;text-align:center;border-bottom:1px solid #edf2f7;padding-bottom:8px;font-size:12px}.dropdown-list{max-height:200px;overflow-y:auto;padding:4px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:6px 12px;cursor:pointer;border-radius:3px}.dropdown-item:hover{background-color:#f7fafc}.checkbox-input{width:14px;height:14px;cursor:pointer}.column-label-name{font-size:12px;text-transform:capitalize}.budget-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.budget-data-table th{padding:12px 16px;color:#718096;font-weight:600;border-bottom:2px solid #edf2f7;background:#fff}.budget-data-table td{padding:12px 16px;border-bottom:1px solid #edf2f7;color:#4a5568}.budget-data-table tr:hover{background-color:#f7fafc}.budget-data-table tr.selected-row{background-color:#ebf8ff}.desc-cell{font-weight:500;color:#1a202c}.no-records{text-align:center;padding:30px;color:#a0aec0}.status-badge{font-weight:600;padding:3px 8px;border-radius:4px;font-size:11px;display:inline-block}.status-badge.approved{background-color:#edfdf7;color:#147a55;border:1px solid #c6f6d5}.status-badge.pending{background-color:#fffaf0;color:#dd6b20;border:1px solid #feebc8}.status-badge.rejected{background-color:#fff5f5;color:#e53e3e;border:1px solid #fed7d7}.actions-cell-btns{display:flex;gap:8px}.action-btn{background:transparent;border:none;cursor:pointer;font-size:13px;padding:4px;border-radius:4px}.action-btn:hover{background-color:#edf2f7}.table-pagination-footer{padding:12px 16px;display:flex;justify-content:flex-end;align-items:center;gap:24px;font-size:12px;color:#718096}.pagination-select{border:1px solid #cbd5e0;border-radius:4px;padding:2px 6px;background:#fff;margin-left:6px}.pagination-controls-right{display:flex;align-items:center;gap:16px}.pagination-arrows{display:flex}.arrow-nav-btn{border:none;background:transparent;cursor:pointer;font-size:14px;color:#718096;padding:2px 6px}.arrow-nav-btn:disabled{opacity:.3;cursor:not-allowed}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeInOverlay .25s ease-out forwards}.transaction-modal-box{background:#fff;border-radius:12px;width:92%;max-width:1050px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:slideUpModal .35s cubic-bezier(.16,1,.3,1) forwards}.modal-header-bar{background-color:#5c6bc0;color:#fff;padding:16px 28px;display:flex;justify-content:space-between;align-items:center}.modal-header-bar h3{margin:0;font-size:17px;font-weight:600}.close-x-btn{background:transparent;border:none;color:#fff;cursor:pointer;font-size:16px;transition:transform .2s ease}.close-x-btn:hover{transform:scale(1.15)}.modal-form-layout{padding:36px}.form-grid-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.form-column{display:flex;flex-direction:column;gap:20px}.form-group-field{display:flex;flex-direction:column;gap:8px}.form-group-field label{font-size:13px;font-weight:600;color:#4a5568}.form-group-field input,.status-dropdown-select{padding:12px 16px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;outline:none;width:100%;box-sizing:border-box;transition:all .2s ease}.form-group-field input:focus,.status-dropdown-select:focus{border-color:#5c6bc0;box-shadow:0 0 0 3px #5c6bc026}.form-group-field.has-error input{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.error-msg-text{font-size:11px;color:#e53e3e;margin-top:2px}.amount-input-wrapper,.date-input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;right:16px;font-size:15px;color:#718096}.form-actions-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:36px}.form-btn{border:none;padding:10px 28px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.form-btn.save{background-color:#5c6bc0;color:#fff}.form-btn.save:hover{background-color:#4a58a9;transform:translateY(-1px)}.form-btn.cancel{background-color:#edf2f7;color:#4a5568}.form-btn.cancel:hover{background-color:#e2e8f0}.delete-modal-confirmation-box{background:#fff;padding:28px;border-radius:10px;width:360px;box-shadow:0 20px 25px -5px #00000026;animation:slideUpModal .3s cubic-bezier(.16,1,.3,1) forwards}.delete-title{font-size:20px;margin:0 0 12px;color:#2d3748}.delete-meta-info{font-size:13px;color:#718096;margin-bottom:24px;line-height:1.6}.delete-modal-actions{display:flex;gap:12px}.del-btn{flex:1;border:none;padding:10px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.del-btn.confirm{background-color:#e53e3e;color:#fff}.del-btn.confirm:hover{background-color:#c53030}.del-btn.cancel{background-color:#edf2f7;color:#4a5568}.del-btn.cancel:hover{background-color:#e2e8f0}@media(max-width:768px){.table-utility-bar{flex-direction:column;align-items:flex-start;gap:12px}.utility-right{width:100%;justify-content:flex-end}.form-grid-columns{grid-template-columns:1fr;gap:20px}.modal-form-layout{padding:20px}}.risk-container{background-color:#f0f4f8;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#4a5568;box-sizing:border-box}.risk-breadcrumb-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.risk-main-title{font-size:20px;font-weight:700;color:#1a202c;margin:0}.risk-breadcrumbs{font-size:12px;color:#718096}.risk-table-card{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;position:relative;overflow:visible}.risk-utility-bar{background-color:#eef2f7;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;border-top-left-radius:6px;border-top-right-radius:6px}.utility-left{display:flex;align-items:center;gap:16px}.section-label{font-size:13px;font-weight:700;color:#4a5568}.search-field-box{position:relative}.search-icon-svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#a0aec0}.search-input{font-size:13px;padding:6px 12px 6px 30px;background:#fff;border:1px solid #cbd5e0;border-radius:4px;width:200px;outline:none}.utility-right{display:flex;align-items:center;gap:6px;position:relative}.icon-action-btn{background:transparent;border:none;padding:6px;cursor:pointer;border-radius:4px;font-size:14px}.icon-action-btn:hover{background-color:#cbd5e0}.icon-action-btn.text-danger{color:#e53e3e}.icon-action-btn.text-success{color:#38a169}.column-dropdown-box{position:absolute;right:40px;top:35px;background:#fff;border:1px solid #cbd5e0;box-shadow:0 10px 15px -3px #0000001a;border-radius:4px;width:180px;z-index:100;padding:8px 0}.dropdown-header-title{font-weight:700;text-align:center;border-bottom:1px solid #edf2f7;padding-bottom:8px;font-size:12px}.dropdown-scroll-area{max-height:220px;overflow-y:auto;padding:4px}.dropdown-checkbox-row{display:flex;align-items:center;gap:10px;padding:6px 12px;cursor:pointer;border-radius:3px}.dropdown-checkbox-row:hover{background-color:#f7fafc}.native-checkbox{width:14px;height:14px;cursor:pointer}.checkbox-text-label{font-size:12px;text-transform:capitalize}.table-responsive-scroll{overflow-x:auto;width:100%}.risk-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.risk-data-table th{padding:14px 16px;color:#718096;font-weight:600;border-bottom:2px solid #edf2f7;background:#f8fafc}.risk-data-table td{padding:14px 16px;border-bottom:1px solid #edf2f7;color:#4a5568}.risk-data-table tr:hover{background-color:#f7fafc}.risk-data-table tr.row-checked{background-color:#ebf8ff}.description-cell{font-weight:500;color:#2d3748}.empty-table-placeholder{text-align:center;padding:30px;color:#a0aec0}.status-pill{font-weight:600;padding:3px 8px;border-radius:4px;font-size:11px;display:inline-block}.status-pill.pill-open{background-color:#fff5f5;color:#e53e3e;border:1px solid #fed7d7}.status-pill.pill-mitigated{background-color:#edfdf7;color:#147a55;border:1px solid #c6f6d5}.status-pill.pill-closed{background-color:#ebf8ff;color:#2b6cb0;border:1px solid #bee3f8}.impact-cell-data{display:flex;align-items:center;gap:6px}.chevron-up-red{color:#e53e3e;font-size:10px}.chevron-up-orange{color:#dd6b20;font-size:10px}.chevron-down-green{color:#38a169;font-size:10px}.row-actions-flex{display:flex;gap:12px}.btn-inline{background:transparent;border:none;cursor:pointer;font-size:13px;padding:2px}.btn-inline.edit{color:#3182ce}.btn-inline.remove{color:#e53e3e}.table-pagination-row{padding:12px 16px;display:flex;justify-content:flex-end;align-items:center;gap:24px;font-size:12px;color:#718096}.select-native-footer{border:1px solid #cbd5e0;border-radius:4px;padding:4px 8px;background:#fff;margin-left:6px;cursor:pointer}.pagination-info-navigation{display:flex;align-items:center;gap:16px}.arrow-buttons-wrap{display:flex}.footer-arrow{border:1px solid #cbd5e0;background:#fff;cursor:pointer;font-size:14px;color:#718096;padding:4px 10px;border-radius:4px;margin-left:4px}.footer-arrow:disabled{opacity:.3;cursor:not-allowed}.backdrop-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.backdrop-modal-overlay.show{opacity:1;pointer-events:auto}.risk-modal-window{background:#fff;border-radius:12px;width:90%;max-width:900px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;transform:translateY(-30px);transition:transform .3s ease-in-out}.backdrop-modal-overlay.show .risk-modal-window{transform:translateY(0)}.modal-top-banner{background-color:#5c6bc0;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.modal-top-banner h3{margin:0;font-size:16px;font-weight:600}.modal-banner-close{background:transparent;border:none;color:#fff;cursor:pointer;font-size:16px}.modal-padded-form{padding:32px;display:flex;flex-direction:column;gap:20px}.full-width-form-group{display:flex;flex-direction:column;gap:8px}.full-width-form-group label,.input-field-group label{font-size:12px;font-weight:600;color:#718096}.full-width-form-group textarea{padding:10px 14px;border:1px solid #cbd5e0;border-radius:6px;font-size:13px;outline:none;font-family:inherit;resize:vertical;min-height:90px}.form-two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-field-group{display:flex;flex-direction:column;gap:8px}.input-field-group input,.input-field-group select{padding:10px 14px;border:1px solid #cbd5e0;border-radius:6px;font-size:13px;outline:none;background-color:#fff;box-sizing:border-box;width:100%}.owner-input-wrapper{position:relative;display:flex;align-items:center}.owner-badge-icon{position:absolute;right:12px;font-size:14px;color:#a0aec0}.modal-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.form-action-btn{border:none;padding:10px 28px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s}.form-action-btn.submit-save-btn{background-color:#3182ce;color:#fff}.form-action-btn.submit-save-btn:hover{background-color:#2b6cb0}.form-action-btn.dismiss-cancel-btn{background-color:#e53e3e;color:#fff}.form-action-btn.dismiss-cancel-btn:hover{background-color:#c53030}.confirmation-danger-box{background:#fff;padding:24px;border-radius:12px;width:360px;box-shadow:0 20px 25px -5px #00000026;transform:scale(.9);transition:transform .3s ease-in-out}.backdrop-modal-overlay.show .confirmation-danger-box{transform:scale(1)}.confirm-header-title{font-size:20px;margin:0 0 12px;color:#2d3748}.confirm-body-text{font-size:13px;color:#718096;margin-bottom:24px;line-height:1.5}.confirmation-action-row{display:flex;gap:12px}.action-pill-btn{flex:1;border:none;padding:10px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.action-pill-btn.confirm-red{background-color:#e53e3e;color:#fff}.action-pill-btn.cancel-blue{background-color:#cbd5e0;color:#4a5568}@media(max-width:768px){.risk-utility-bar{flex-direction:column;align-items:flex-start;gap:12px}.utility-right{width:100%;justify-content:flex-end}.form-two-column-grid{grid-template-columns:1fr}}.ProjectMembers-container{min-height:100vh;background-color:#f4f7fc;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box;color:#495057}.ProjectMembers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.ProjectMembers-title{margin:0;font-size:20px;font-weight:600;color:#343a40}.ProjectMembers-breadcrumb{display:flex;align-items:center;gap:4px;font-size:14px;color:#6c757d}.ProjectMembers-home-icon,.ProjectMembers-link{cursor:pointer;transition:color .2s}.ProjectMembers-home-icon:hover,.ProjectMembers-link:hover{color:#0062cc}.ProjectMembers-arrow-icon{font-size:18px;color:#adb5bd}.ProjectMembers-current{color:#adb5bd}.ProjectMembers-selector-card{background-color:#fff;padding:20px;border-radius:6px;border:1px solid #eef2f5;box-shadow:0 2px 4px #00000005;margin-bottom:24px}.ProjectMembers-dropdown-wrapper{position:relative;width:100%;max-width:380px}.ProjectMembers-label{position:absolute;top:-10px;left:12px;background-color:#fff;padding:0 4px;font-size:11px;color:#adb5bd;font-weight:500;z-index:1}.ProjectMembers-dropdown-btn{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #ced4da;border-radius:6px;padding:10px 14px;background-color:#fff;text-align:left;color:#212529;font-size:14px;cursor:pointer;transition:border-color .2s}.ProjectMembers-dropdown-btn:focus{outline:none;border-color:#0062cc}.ProjectMembers-dropdown-arrow{font-size:20px;color:#6c757d;transition:transform .2s ease}.ProjectMembers-dropdown-arrow.rotated{transform:rotate(180deg)}.ProjectMembers-dropdown-menu{position:absolute;left:0;right:0;margin-top:4px;background-color:#e9ebed;border:1px solid #ced4da;border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:50;overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:all .25s cubic-bezier(.4,0,.2,1)}.ProjectMembers-dropdown-menu.open{max-height:300px;opacity:1;transform:scaleY(1)}.ProjectMembers-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;font-size:14px;color:#212529;transition:background-color .15s}.ProjectMembers-dropdown-item:hover{background-color:#dee2e6}.ProjectMembers-dropdown-item.selected{background-color:#d8dbde;font-weight:500}.ProjectMembers-checkmark{color:#495057;font-weight:700}.ProjectMembers-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.ProjectMembers-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000008;border:1px solid #eef2f5;overflow:hidden;text-align:center;display:flex;flex-direction:column}.ProjectMembers-card-banner{height:96px;background:linear-gradient(to right,#7f9cf5,#b44ff6);position:relative}.ProjectMembers-avatar-wrapper{position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.ProjectMembers-avatar{width:80px;height:80px;border-radius:50%;border:4px solid #ffffff;object-fit:cover;box-shadow:0 2px 4px #00000014}.ProjectMembers-card-body{padding:52px 16px 18px;display:flex;flex-direction:column;flex-grow:1}.ProjectMembers-name{margin:0;font-size:16px;font-weight:700;color:#212529}.ProjectMembers-role{margin:2px 0 12px;font-size:11px;letter-spacing:.5px;color:#adb5bd;font-weight:600;text-transform:uppercase}.ProjectMembers-email{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#6c757d;margin-bottom:20px}.ProjectMembers-mail-icon{font-size:14px;color:#adb5bd}.ProjectMembers-stats-row{display:flex;border-top:1px solid #f1f3f5;border-bottom:1px solid #f1f3f5;background-color:#fafbfe;padding:10px 0;margin:0 8px 20px;border-radius:6px}.ProjectMembers-stat-col{width:50%}.ProjectMembers-stat-col.border-right{border-right:1px solid #e9ecef}.ProjectMembers-stat-num{display:block;font-size:16px;font-weight:700;color:#495057}.ProjectMembers-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#adb5bd;font-weight:500}.ProjectMembers-actions{display:flex;gap:12px;padding:0 4px}.ProjectMembers-btn-profile,.ProjectMembers-btn-chat{width:50%;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .15s;box-shadow:0 1px 3px #0000000d}.ProjectMembers-btn-profile{background-color:#0062cc;border:1px solid #0062cc;color:#fff}.ProjectMembers-btn-profile:hover{background-color:#0052ad;border-color:#0052ad}.ProjectMembers-btn-icon-user{font-size:10px}.ProjectMembers-btn-chat{background-color:#fff;border:1px solid #ced4da;color:#495057}.ProjectMembers-btn-chat:hover{background-color:#f8f9fa}.ProjectMembers-btn-icon-chat{color:#0062cc;font-size:13px}@media(max-width:1024px){.ProjectMembers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ProjectMembers-header{flex-direction:column;align-items:flex-start}.ProjectMembers-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.ProjectMembers-selector-card{padding:16px}}.ProjectFiles-container{min-height:100vh;background-color:#f4f7fc;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box;color:#495057}.ProjectFiles-container *{box-sizing:border-box}.ProjectFiles-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.ProjectFiles-title{margin:0;font-size:20px;font-weight:600;color:#343a40}.ProjectFiles-breadcrumb{display:flex;align-items:center;gap:4px;font-size:14px;color:#6c757d}.ProjectFiles-home-icon,.ProjectFiles-link{cursor:pointer;transition:color .2s ease}.ProjectFiles-home-icon:hover,.ProjectFiles-link:hover{color:#5c6bc0}.ProjectFiles-arrow-icon{font-size:18px;color:#adb5bd}.ProjectFiles-current{color:#adb5bd}.ProjectFiles-workspace-card{background-color:#fff;border-radius:4px;border:1px solid #eef2f5;box-shadow:0 1px 3px #0000000d;overflow:visible}.ProjectFiles-toolbar{background-color:#dee6f2;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid #ced4da}.ProjectFiles-left-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ProjectFiles-section-label{font-size:15px;font-weight:600;color:#495057}.ProjectFiles-search-box{position:relative;display:flex;align-items:center}.ProjectFiles-search-icon{position:absolute;left:10px;color:#6c757d;font-size:16px}.ProjectFiles-search-input{padding:8px 12px 8px 34px;font-size:13px;border:1px solid #ced4da;border-radius:4px;width:200px;height:34px;background-color:#fff;outline:none;transition:width .25s ease}.ProjectFiles-search-input:focus{border-color:#5c6bc0;width:260px}.ProjectFiles-right-tools{display:flex;align-items:center;gap:8px;position:relative}.ProjectFiles-tool-btn{width:34px;height:34px;border-radius:4px;border:1px solid transparent;background-color:transparent;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .2s ease}.ProjectFiles-tool-btn:hover{background-color:#0000000d}.ProjectFiles-tool-btn.text-blue{color:#0288d1}.ProjectFiles-tool-btn.text-green{color:#2e7d32;font-size:20px}.ProjectFiles-tool-btn.text-dark{color:#37474f;font-size:15px}.ProjectFiles-tool-btn.text-blue-light{color:#03a9f4;font-size:20px}.ProjectFiles-column-dropdown{position:absolute;top:42px;right:0;background-color:#f1f3f5;border:1px solid #ced4da;border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:90;width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s ease-in-out}.ProjectFiles-column-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.ProjectFiles-dropdown-header{padding:12px 16px;font-size:14px;font-weight:600;color:#343a40;text-align:center;border-bottom:1px solid #ced4da}.ProjectFiles-dropdown-list{padding:8px 0;max-height:240px;overflow-y:auto}.ProjectFiles-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background-color .15s}.ProjectFiles-dropdown-item:hover{background-color:#dee2e6}.ProjectFiles-item-label{font-size:14px;color:#495057}.ProjectFiles-custom-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#0062cc}.ProjectFiles-table-wrapper{width:100%;overflow-x:auto}.ProjectFiles-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;background-color:#fff}.ProjectFiles-table th{background-color:#fff;color:#343a40;font-weight:600;padding:14px 16px;border-bottom:2px solid #e9ecef;white-space:nowrap}.ProjectFiles-table td{padding:14px 16px;border-bottom:1px solid #eed2f5;color:#495057;vertical-align:middle;border-bottom:1px solid #e9ecef}.ProjectFiles-table tbody tr{transition:background-color .15s ease}.ProjectFiles-table tbody tr:hover{background-color:#f8f9fa}.ProjectFiles-table tr.row-selected{background-color:#f1f3f9}.font-medium{font-weight:500}.text-dark{color:#212529!important}.ProjectFiles-table-date{display:flex;align-items:center;gap:8px;color:#495057}.ProjectFiles-date-icon{color:#b57d53;font-size:15px}.ProjectFiles-action-cell-flex{display:flex;align-items:center;gap:12px}.ProjectFiles-action-icon-btn{background:transparent;border:none;font-size:18px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.ProjectFiles-action-icon-btn:hover{transform:scale(1.15)}.ProjectFiles-action-icon-btn.gray-btn{color:#888d94;font-size:20px}.ProjectFiles-action-icon-btn.blue-btn{color:#3b82f6}.ProjectFiles-action-icon-btn.red-btn{color:#ef4444}.ProjectFiles-empty-state{text-align:center;padding:40px!important;color:#8c95a0;font-style:italic}.ProjectFiles-pagination-bar{padding:12px 16px;background-color:#fff;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;align-items:center}.ProjectFiles-pagination-right{display:flex;align-items:center;gap:24px}.ProjectFiles-pagination-text,.ProjectFiles-pagination-text-summary{font-size:12px;color:#6c757d}.ProjectFiles-per-page-select select{padding:4px 8px;font-size:12px;border:1px solid #ced4da;border-radius:4px;outline:none;background-color:#fff}.ProjectFiles-pagination-arrows{display:flex;align-items:center;gap:4px}.ProjectFiles-arrow-btn{background:transparent;border:none;font-size:20px;color:#495057;cursor:pointer;padding:0 8px;display:flex;align-items:center}.ProjectFiles-arrow-btn:disabled{color:#ced4da;cursor:not-allowed}.ProjectFiles-modal-overlay{position:fixed;inset:0;background-color:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .28s ease-in-out}.ProjectFiles-modal-overlay.show{opacity:1;visibility:visible}.ProjectFiles-modal-card{background-color:#fff;border-radius:6px;box-shadow:0 10px 25px #00000026;width:100%;overflow:hidden;transform:scale(.9);transition:transform .28s ease-in-out}.ProjectFiles-modal-overlay.show .ProjectFiles-modal-card{transform:scale(1)}.max-width-lg{max-width:900px}.max-width-sm{max-width:360px}.text-align-left{text-align:left}.border-radius-sm{border-radius:8px!important}.p-24{padding:24px!important}.mt-24{margin-top:24px}.ProjectFiles-modal-header{padding:14px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.bg-gradient-blue{background:linear-gradient(to right,#4f6bf2,#6b4ff6)}.ProjectFiles-modal-header h3{margin:0;font-size:15px;font-weight:600;letter-spacing:.3px}.ProjectFiles-modal-close{background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center}.ProjectFiles-modal-form{padding:24px}.ProjectFiles-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px}.ProjectFiles-input-field-group{position:relative}.ProjectFiles-input-field-group.full-width{grid-column:span 2}.ProjectFiles-input-field-group label{position:absolute;top:-9px;left:12px;background-color:#fff;padding:0 4px;font-size:11px;color:#757575;font-weight:500;z-index:2}.ProjectFiles-input-field-group input{width:100%;padding:10px 14px;font-size:14px;border:1px solid #b0b0b0;border-radius:4px;outline:none;color:#333;background-color:#fff}.ProjectFiles-input-field-group input:focus{border-color:#4f6bf2}.ProjectFiles-input-field-group.icon-inside-wrapper input{padding-right:36px}.input-right-side-icon{position:absolute;right:14px;top:13px;color:#555;font-size:16px}.ProjectFiles-upload-dropzone{border:1px dashed #b2c2df;background-color:#f4f7fc;border-radius:6px;padding:32px;text-align:center;margin-bottom:24px}.ProjectFiles-dropzone-cloud{font-size:42px;color:#90a4ae;margin-bottom:8px}.ProjectFiles-upload-dropzone p{margin:0 0 6px;font-size:14px;color:#455a64}.ProjectFiles-upload-dropzone .browse-link{color:#5c4ff6;font-weight:600;text-decoration:underline;cursor:pointer}.ProjectFiles-upload-dropzone .formats-note{font-size:11px;color:#78909c}.ProjectFiles-modal-footer{display:flex;gap:12px}.flex-row-reverse-start{display:flex;flex-direction:row-reverse;justify-content:flex-start}.gap-12{gap:12px}.ProjectFiles-btn{padding:8px 20px;font-size:13px;font-weight:600;border:none;border-radius:18px;cursor:pointer;transition:opacity .15s ease}.ProjectFiles-btn:hover{opacity:.9}.bg-save{background-color:#0056b3;color:#fff}.bg-save-active{background-color:#0062cc;color:#fff}.bg-cancel{background-color:#b31414;color:#fff}.bg-delete-red{background-color:#f44336;color:#fff}.px-24{padding-left:24px!important;padding-right:24px!important}.border-radius-round{border-radius:20px!important}.ProjectFiles-delete-title{font-size:24px;font-weight:400;color:#212529;margin:0 0 16px}.ProjectFiles-delete-body p{margin:6px 0;font-size:14px;color:#495057}@media(max-width:768px){.ProjectFiles-toolbar{flex-direction:column;align-items:stretch}.ProjectFiles-right-tools{justify-content:flex-end}.ProjectFiles-form-grid{grid-template-columns:1fr}.ProjectFiles-input-field-group.full-width{grid-column:span 1}}.All-Emp-container{padding:20px;background-color:#f8f9fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative}.All-Emp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.All-Emp-title{font-size:1.5rem;color:#333;margin:0}.All-Emp-breadcrumb{font-size:.9rem;color:#777}.All-Emp-breadcrumb-home{cursor:pointer}.All-Emp-breadcrumb-active{color:#0056b3;font-weight:600}.All-Emp-toolbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 4px #0000000a;margin-bottom:20px;position:relative}.All-Emp-toolbar-left,.All-Emp-toolbar-right{display:flex;align-items:center;gap:15px}.All-Emp-tab-active{font-weight:600;color:#333;border-bottom:2px solid #0056b3;padding-bottom:4px}.All-Emp-search-container{position:relative;display:flex;align-items:center}.All-Emp-search-icon{position:absolute;left:10px;color:#888}.All-Emp-search-input{padding:8px 12px 8px 32px;border:1px solid #ddd;border-radius:6px;outline:none;width:260px;transition:border-color .2s}.All-Emp-search-input:focus{border-color:#0056b3}.All-Emp-status-filter-select,.All-Emp-items-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background-color:#fff;outline:none;cursor:pointer}.All-Emp-icon-btn{background:#f1f3f5;border:none;padding:10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#495057;transition:all .2s}.All-Emp-icon-btn:hover{background:#e9ecef}.All-Emp-add-btn{background:#0056b3;color:#fff}.All-Emp-add-btn:hover{background:#004085}.All-Emp-column-dropdown{position:absolute;top:60px;right:65px;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:200px;z-index:10;padding:10px}.All-Emp-dropdown-title{font-weight:600;padding:5px 10px;border-bottom:1px solid #eee;margin-bottom:5px;font-size:.85rem;color:#666}.All-Emp-dropdown-list{max-height:220px;overflow-y:auto}.All-Emp-dropdown-item{display:flex;align-items:center;gap:10px;padding:6px 10px;cursor:pointer;font-size:.9rem;border-radius:4px}.All-Emp-dropdown-item:hover{background:#f8f9fa}.All-Emp-capitalize{text-transform:capitalize}.All-Emp-table-responsive-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000a;overflow-x:auto}.All-Emp-table{width:100%;border-collapse:collapse;text-align:left;font-size:.92rem}.All-Emp-table th{background-color:#f8f9fa;color:#495057;font-weight:600;padding:14px 16px;border-bottom:2px solid #dee2e6;white-space:nowrap}.All-Emp-table td{padding:12px 16px;border-bottom:1px solid #eff2f5;color:#333;vertical-align:middle}.All-Emp-table tbody tr:hover{background-color:#fdfdfd}.All-Emp-row-selected{background-color:#f1f7ff!important}.All-Emp-text-bold{font-weight:600}.All-Emp-text-muted{color:#6c757d}.All-Emp-cell-name{display:flex;align-items:center;gap:10px}.All-Emp-avatar-placeholder{width:32px;height:32px;border-radius:50%;background-color:#e3fafc;color:#0c8599;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.All-Emp-cell-icon{white-space:nowrap}.All-Emp-cell-inline-icon{margin-right:5px}.All-Emp-text-green{color:#2b8a3e}.All-Emp-text-orange{color:#e67e22}.All-Emp-text-red{color:#c92a2a}.All-Emp-text-blue{color:#1c7ed6}.All-Emp-truncated-text{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.All-Emp-badge-gender{padding:4px 8px;border-radius:20px;font-size:.8rem;font-weight:500}.All-Emp-badge-gender.male{background:#e7f5ff;color:#1d72b8}.All-Emp-badge-gender.female{background:#fff0f6;color:#d6336c}.All-Emp-badge-gender.unspecified,.All-Emp-badge-gender.other{background:#f1f3f5;color:#495057}.All-Emp-badge-status{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.All-Emp-badge-status.active{background:#ebfbee;color:#2b8a3e}.All-Emp-badge-status.onleave{background:#fff9db;color:#f08c00}.All-Emp-badge-status.inactive{background:#fff5f5;color:#c92a2a}.All-Emp-action-buttons{display:flex;gap:8px}.All-Emp-action-buttons button{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;font-size:1rem;transition:background .2s}.All-Emp-action-edit{color:#1c7ed6}.All-Emp-action-edit:hover{background:#e7f5ff}.All-Emp-action-delete{color:#c92a2a}.All-Emp-action-delete:hover{background:#fff5f5}.All-Emp-footer{display:flex;justify-content:flex-end;align-items:center;padding:15px 20px;background:#fff;border-radius:8px;margin-top:20px;box-shadow:0 2px 4px #0000000a}.All-Emp-pagination-right{display:flex;align-items:center;gap:12px;font-size:.9rem;color:#495057}.All-Emp-pagination-count{margin:0 10px}.All-Emp-page-nav-btn{background:#fff;border:1px solid #dee2e6;padding:6px 12px;border-radius:4px;cursor:pointer}.All-Emp-page-nav-btn:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed}.All-Emp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.All-Emp-modal-container{background:#fff;border-radius:10px;width:100%;max-width:750px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column}.All-Emp-scrollable-modal{max-height:70vh}.All-Emp-modal-header-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #dee2e6}.All-Emp-modal-title-layout{display:flex;align-items:center;gap:12px}.All-Emp-modal-title-layout h3{margin:0;font-size:1rem;color:#212529}.All-Emp-modal-header-avatar{font-size:1.25rem}.All-Emp-modal-close-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#868e96}.All-Emp-modal-form-body{padding:24px;overflow-y:auto;flex:1}.All-Emp-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.All-Emp-form-field{display:flex;flex-direction:column;gap:6px}.All-Emp-form-field.All-Emp-full-width{grid-column:span 2}.All-Emp-form-field label{font-size:.85rem;font-weight:600;color:#495057}.All-Emp-input-wrapper{position:relative;display:flex;align-items:center}.All-Emp-form-field input[type=text],.All-Emp-form-field input[type=email],.All-Emp-form-field input[type=date],.All-Emp-form-field input[type=number],.All-Emp-form-field select,.All-Emp-form-field textarea{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;outline:none;font-size:.9rem;background-color:#fff}.All-Emp-input-wrapper input{padding-right:36px!important}.All-Emp-input-field-icon{position:absolute;right:12px;color:#adb5bd}.All-Emp-form-field textarea{resize:vertical}.All-Emp-modal-actions-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #dee2e6;background:#f8f9fa;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.All-Emp-btn-save{background:#2b8a3e;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer}.All-Emp-btn-save:hover{background:#237032}.All-Emp-btn-cancel{background:#e9ecef;color:#495057;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer}.All-Emp-confirmation-dialog{background:#fff;padding:24px;border-radius:8px;max-width:450px;width:100%;box-shadow:0 10px 25px #0003}.All-Emp-confirmation-dialog h3{margin-top:0;color:#c92a2a}.All-Emp-warn-text{font-size:.9rem;color:#868e96;line-height:1.4}.All-Emp-confirmation-details{background:#f8f9fa;padding:12px;border-radius:6px;margin:15px 0;font-size:.9rem}.All-Emp-confirmation-details p{margin:6px 0}.All-Emp-confirmation-actions{display:flex;justify-content:flex-end;gap:12px}.All-Emp-btn-delete-confirm{background:#c92a2a;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600}.All-Emp-btn-cancel-confirm{background:#f1f3f5;color:#495057;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.All-Emp-error-banner-overlay{background-color:#fff5f5;color:#c92a2a;padding:12px 20px;border-left:4px solid #c92a2a;border-radius:4px;margin-bottom:20px;font-weight:500}.All-Emp-table-loader-cell,.All-Emp-table-empty-cell{text-align:center!important;padding:40px!important;color:#868e96;font-size:1rem}.All-Emp-loader-icon{margin-right:8px;vertical-align:middle}.All-Emp-spin-animation{animation:All-Emp-spin 1s linear infinite}@keyframes All-Emp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.All-Emp-custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.All-Emp-custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}.All-Emp-custom-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.All-Emp-custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media screen and (max-width:768px){.All-Emp-container{padding:12px}.All-Emp-header{flex-direction:column;align-items:flex-start;gap:8px}.All-Emp-toolbar{flex-direction:column;align-items:stretch;gap:15px;padding:12px}.All-Emp-toolbar-left,.All-Emp-toolbar-right{flex-wrap:wrap;width:100%;gap:10px}.All-Emp-search-container{flex-grow:1}.All-Emp-search-input{width:100%}.All-Emp-column-dropdown{right:12px;top:auto;margin-top:5px}.All-Emp-modal-container{max-height:70vh}.All-Emp-form-grid{grid-template-columns:1fr;gap:12px}.All-Emp-form-field.All-Emp-full-width{grid-column:span 1}.All-Emp-modal-form-body{padding:16px}.All-Emp-footer{justify-content:center;padding:12px}.All-Emp-pagination-right{flex-wrap:wrap;justify-content:center;gap:8px}}@media screen and (max-width:480px){.All-Emp-title{font-size:1.25rem}.All-Emp-modal-header-bar,.All-Emp-modal-actions-footer,.All-Emp-confirmation-dialog{padding:12px 16px}.All-Emp-modal-actions-footer button,.All-Emp-confirmation-actions button{flex:1;text-align:center}}.breadcrumb-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:25px;padding:18px 22px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #0000000d}.main-title{margin:0;font-size:28px;font-weight:700;color:#1f2937;line-height:1.2}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#6b7280;white-space:nowrap}.home-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:15px;background:#f3f4f6;color:#2563eb;border-radius:50%;transition:all .3s ease;cursor:pointer}.home-icon:hover{background:#2563eb;color:#fff;transform:scale(1.08)}@media(max-width:768px){.breadcrumb-container{flex-direction:column;align-items:flex-start;padding:16px}.main-title{font-size:24px}.breadcrumbs{font-size:13px;flex-wrap:wrap}.home-icon{width:28px;height:28px;font-size:14px}}@media(max-width:480px){.breadcrumb-container{padding:14px}.main-title{font-size:22px}.breadcrumbs{font-size:12px;gap:5px}.home-icon{width:26px;height:26px;font-size:13px}}.form-card{width:100%;background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 35px #00000014;border:1px solid #e5e7eb;box-sizing:border-box}.card-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:30px}.employee-form{width:100%}.form-section{margin-bottom:28px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.form-group,.full-width-group{width:100%}.AddProject-input-group input,.AddProject-input-group textarea,.custom-select-trigger{width:100%;padding:16px;font-size:15px;border:1px solid #d1d5db;border-radius:8px;outline:none;background:#fff;transition:.3s;box-sizing:border-box;color:#111827}.AddProject-input-group textarea{resize:vertical;min-height:110px}.AddProject-input-group label{position:absolute;top:16px;left:15px;background:#fff;padding:0 6px;color:#6b7280;pointer-events:none;transition:.25s;font-size:15px}.AddProject-input-group input:focus+label,.AddProject-input-group textarea:focus+label,.AddProject-input-group.has-value label,.custom-select-wrapper label,.AddProject-input-group input:not(:placeholder-shown)+label{top:-10px;left:12px;font-size:12px;color:#2563eb}.AddProject-input-group input:focus,.AddProject-input-group textarea:focus,.custom-select-trigger:hover{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.valid input,.valid textarea,.valid .custom-select-trigger{border-color:#22c55e}.invalid input,.invalid textarea,.invalid .custom-select-trigger{border-color:#ef4444}.custom-select-wrapper{position:relative;width:100%}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:14px 16px;border:1px solid #d1d5db;border-radius:10px;background:#fff;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.custom-select-trigger:hover{border-color:#2563eb}.custom-select-wrapper.is-open .custom-select-trigger{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.arrow-icon{font-size:12px;color:#6b7280;transition:transform .3s ease}.custom-select-wrapper.is-open .arrow-icon{transform:rotate(180deg)}.custom-options{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 30px #0000001f;overflow:hidden;z-index:999;animation:dropdownFade .25s ease}.option{padding:14px 16px;font-size:14px;color:#374151;cursor:pointer;transition:all .25s ease}.option:not(:last-child){border-bottom:1px solid #f1f5f9}.option:hover{background:#2563eb;color:#fff}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-group{position:relative}.mobile-group input{padding-right:44px}.mobile-spin-buttons{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}.mobile-spin-buttons button{width:22px;height:18px;border:none;border-radius:4px;background:#f3f4f6;color:#374151;font-size:10px;cursor:pointer;transition:all .25s ease}.mobile-spin-buttons button:hover{background:#2563eb;color:#fff}.custom-calendar-wrapper{position:relative}.calendar-icon-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#2563eb;cursor:pointer;font-size:18px;transition:color .3s ease}.calendar-icon-btn:hover{color:#1d4ed8}.file-upload-section{width:100%}.upload-label{display:block;margin-bottom:12px;font-size:15px;font-weight:600;color:#374151}.file-drop-zone{padding:32px 20px;border:2px dashed #cbd5e1;border-radius:12px;background:#fafafa;text-align:center;cursor:pointer;transition:all .3s ease}.file-drop-zone:hover{border-color:#2563eb;background:#eff6ff}.choose-file-btn{padding:11px 24px;border:none;border-radius:8px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.choose-file-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.drop-zone-text{display:block;margin-top:12px;font-size:14px;color:#6b7280}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:36px;flex-wrap:wrap}.submit-btn,.cancel-btn{min-width:150px;padding:13px 28px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn{background:#2563eb;color:#fff}.submit-btn:hover:not(.disabled){background:#1d4ed8;transform:translateY(-2px)}.submit-btn.disabled{background:#9ca3af;cursor:not-allowed}.cancel-btn{background:#ef4444;color:#fff}.cancel-btn:hover{background:#dc2626;transform:translateY(-2px)}@media(max-width:992px){.form-card{padding:24px}.card-title{font-size:22px}}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.form-actions{justify-content:center}.submit-btn,.cancel-btn{width:100%;min-width:auto}.file-drop-zone{padding:24px 16px}}@media(max-width:480px){.form-card{padding:18px}.card-title{font-size:20px}.AddProject-input-group input,.AddProject-input-group textarea,.custom-select-trigger{padding:14px;font-size:14px}.AddProject-input-group label{font-size:14px}.choose-file-btn{width:100%}}.AddProject-input-group{position:relative}.AddProject-input-group label{position:absolute;top:16px;left:16px;padding:0 6px;background:#fff;color:#6b7280;font-size:14px;font-weight:500;line-height:1;pointer-events:none;transform-origin:left top;transition:all .25s ease;z-index:2}.AddProject-input-group input:focus+label,.AddProject-input-group textarea:focus+label,.AddProject-input-group.has-value label,.AddProject-input-group.custom-select-wrapper.has-value label,.AddProject-input-group.custom-select-wrapper.is-open label,.AddProject-input-group.custom-calendar-wrapper.has-value label,.AddProject-input-group.custom-calendar-wrapper.is-open label{top:-9px;left:12px;font-size:12px;font-weight:600;color:#2563eb}.AddProject-input-group input:focus,.AddProject-input-group textarea:focus{border-color:#2563eb}.AddProject-input-group.has-value label{color:#2563eb}.AddProject-input-group.is-invalid-empty input,.AddProject-input-group.is-invalid-empty textarea,.AddProject-input-group.is-invalid-empty .custom-select-trigger{border-color:#ef4444}.AddProject-input-group input::placeholder,.AddProject-input-group textarea::placeholder{color:transparent}.AddProject-input-group input:disabled+label,.AddProject-input-group textarea:disabled+label{color:#9ca3af}@media(max-width:768px){.AddProject-input-group label{left:14px;top:15px;font-size:13px}.AddProject-input-group input:focus+label,.AddProject-input-group textarea:focus+label,.AddProject-input-group.has-value label,.AddProject-input-group.custom-select-wrapper.has-value label,.AddProject-input-group.custom-calendar-wrapper.has-value label{font-size:11px;top:-8px}}@media(max-width:480px){.AddProject-input-group label{font-size:13px;left:12px}.AddProject-input-group input:focus+label,.AddProject-input-group textarea:focus+label,.AddProject-input-group.has-value label{font-size:10px}}.AddProject-input-group{position:relative;width:100%}.AddProject-input-group input[type=date]{width:100%;height:56px;padding:18px 16px 10px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:14px;font-weight:500;color:#111827;outline:none;transition:all .3s ease;box-sizing:border-box}.AddProject-input-group input[type=date]:hover{border-color:#2563eb}.AddProject-input-group input[type=date]:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.AddProject-input-group label{position:absolute;top:18px;left:15px;background:#fff;padding:0 6px;font-size:14px;font-weight:500;color:#6b7280;pointer-events:none;transition:all .25s ease;z-index:2}.AddProject-input-group input:focus+label,.AddProject-input-group.has-value label{top:-9px;left:12px;font-size:12px;font-weight:600;color:#2563eb}.AddProject-input-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;transition:.3s}.AddProject-input-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1)}.AddProject-input-group input[type=date]::-webkit-clear-button,.AddProject-input-group input[type=date]::-webkit-inner-spin-button{display:none}.AddProject-input-group.is-invalid-empty input[type=date]{border-color:#ef4444}.AddProject-input-group.is-invalid-empty label{color:#ef4444}@media(max-width:768px){.AddProject-input-group input[type=date]{height:52px;font-size:13px}.AddProject-input-group label{font-size:13px}}@media(max-width:480px){.AddProject-input-group input[type=date]{height:50px;padding:16px 14px 8px}.AddProject-input-group label{left:12px;font-size:13px}}.employee-select-group{width:100%;margin-bottom:25px}.employee-label{display:block;font-size:14px;font-weight:600;color:#555;margin-bottom:8px}.employee-select-wrapper{position:relative;display:flex;align-items:center;width:100%}.employee-icon{position:absolute;left:16px;font-size:18px;color:#6c63ff;pointer-events:none}.employee-select{width:100%;height:55px;border:1px solid #dfe3eb;border-radius:12px;padding:0 50px 0 48px;font-size:15px;font-weight:500;background:#fff;color:#333;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:.3s ease;box-shadow:0 4px 15px #0000000d}.employee-select:hover{border-color:#6c63ff}.employee-select:focus{border-color:#6c63ff;box-shadow:0 0 0 4px #6c63ff26}.employee-arrow{position:absolute;right:18px;color:#777;font-size:13px;pointer-events:none;transition:.3s}.employee-select:focus+.employee-arrow{transform:rotate(180deg)}.employee-select option{padding:12px;font-size:15px}@media(max-width:768px){.employee-select{height:50px;font-size:14px}.employee-label{font-size:13px}}:root{--primary-accent: #5e66f2;--panel-background: #f4f6f9;--text-primary-dark: #333333;--text-muted-gray: #777777;--border-element-color: #e2e8f0;--morning-bg: #dcfce7;--morning-text: #15803d;--evening-bg: #fef3c7;--evening-text: #b45309;--night-bg: #fee2e2;--night-text: #b91c1c}.EmployeeShift-container{padding:24px;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary-dark);min-height:100vh;box-sizing:border-box}.EmployeeShift-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.EmployeeShift-title{font-size:22px;font-weight:600;margin:0}.EmployeeShift-breadcrumb{font-size:13px;color:var(--text-muted-gray)}.current-node{color:var(--text-primary-dark);font-weight:500}.EmployeeShift-toolbar{display:flex;justify-content:space-between;align-items:center;background:#eef2f7;padding:14px 20px;border-radius:8px 8px 0 0;position:relative;gap:16px;flex-wrap:wrap}.toolbar-section-left{display:flex;align-items:center;gap:24px}.active-tab-title{font-weight:600;color:#475569;font-size:15px}.search-field-wrapper{position:relative;display:flex;align-items:center}.search-embedded-icon{position:absolute;left:12px;color:#94a3b8}.search-control{padding:8px 12px 8px 38px;border:1px solid var(--border-element-color);border-radius:6px;outline:none;width:240px;background:#fff;font-size:14px}.toolbar-section-right{display:flex;align-items:center;gap:10px}.control-action-btn{background:#fff;border:1px solid var(--border-element-color);width:38px;height:38px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;font-size:16px;transition:background .2s,transform .1s}.control-action-btn:hover{background:#f1f5f9}.control-action-btn.create-trigger-btn{color:#22c55e}.column-visibility-dropdown{position:absolute;right:120px;top:60px;background:#fff;border:1px solid var(--border-element-color);border-radius:6px;box-shadow:0 10px 25px #0000001a;z-index:200;width:220px}.dropdown-panel-header{padding:12px;font-weight:600;font-size:13.5px;border-bottom:1px solid var(--border-element-color);text-align:center;background-color:#f8fafc}.dropdown-scroll-body{max-height:260px;overflow-y:auto;padding:6px 0}.visibility-checkbox-row{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;font-size:13px}.visibility-checkbox-row:hover{background:#f1f5f9}.column-label-text{text-transform:capitalize}.table-overflow-adapter{overflow-x:auto;background:#fff;border:1px solid var(--border-element-color);border-top:none;border-radius:0 0 8px 8px}.EmployeeShift-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px;white-space:nowrap}.EmployeeShift-table th,.EmployeeShift-table td{padding:14px 18px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.EmployeeShift-table th{background-color:#fff;color:#475569;font-weight:600;border-bottom:2px solid #e2e8f0}.EmployeeShift-table tr:hover{background-color:#f8fafc}.row-selected-highlight{background-color:#f0fdf4!important}.identity-cell-layout{display:flex;align-items:center;gap:12px;font-weight:500}.avatar-placeholder-circle{width:32px;height:32px;border-radius:50%;background:#cbd5e1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#334155}.time-string-cell{font-family:monospace;color:#475569;font-size:13px}.shift-tag-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.shift-tag-badge.morning{background:var(--morning-bg);color:var(--morning-text)}.shift-tag-badge.evening{background:var(--evening-bg);color:var(--evening-text)}.shift-tag-badge.night{background:var(--night-bg);color:var(--night-text)}.table-inline-actions{display:flex;gap:12px}.action-button-edit,.action-button-delete{background:none;border:none;cursor:pointer;font-size:16px;padding:2px;transition:transform .1s}.action-button-edit{color:#3b82f6}.action-button-delete{color:#ef4444}.custom-scrollbar-layout::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar-layout::-webkit-scrollbar-track{background:#f1f5f9}.custom-scrollbar-layout::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.EmployeeShift-footer{display:flex;justify-content:flex-end;padding:16px;font-size:13px;color:#64748b}.pagination-controls-block{display:flex;align-items:center;gap:16px}.items-per-page-selector{padding:4px 8px;border:1px solid var(--border-element-color);border-radius:4px;background:#fff}.pagination-nav-arrow{background:none;border:none;cursor:not-allowed;font-size:14px;color:#cbd5e1;display:flex;align-items:center}.workflow-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;display:flex;justify-content:center;align-items:center;z-index:2000}.workflow-modal-card{background:#fff;border-radius:8px;width:90%;max-width:600px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column}.workflow-modal-header{background:var(--primary-accent);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.modal-title-layout-group{display:flex;align-items:center;gap:12px}.modal-title-layout-group h3{margin:0;font-size:16px;font-weight:500}.modal-dismiss-cross{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.workflow-form-wrapper{padding:24px}.workflow-form-page-body{display:flex;flex-direction:column;gap:18px}.form-inputs-inline-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.input-field-block{display:flex;flex-direction:column;gap:6px}.input-field-block label{font-size:13px;font-weight:500;color:#475569}.input-field-block input,.input-field-block select{padding:10px 14px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;outline:none;width:100%;box-sizing:border-box}.workflow-step-indicators-footer{margin-top:14px;display:flex;gap:12px;justify-content:flex-start}.btn-action-primary-step{background:#e2e8f0;color:#475569;border:none;padding:10px 24px;border-radius:20px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-action-secondary-step{background:#fff;color:#475569;border:1px solid #cbd5e1;padding:10px 24px;border-radius:20px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-action-cancel-step{background:#ba1c1c;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:500;cursor:pointer}.delete-confirmation-dialog-box{background:#fff;padding:24px;border-radius:8px;width:365px;box-shadow:0 20px 25px -5px #0000001a;text-align:center}.delete-confirmation-dialog-box h3{margin:0 0 16px;font-size:22px;font-weight:400}.deleted-row-context-summary{font-size:14px;color:#475569;margin-bottom:24px;line-height:1.5}.warning-text-muted-caption{font-size:12px;color:#94a3b8;display:block;margin-top:6px}.delete-dialog-action-row{display:flex;gap:12px;justify-content:center}.btn-confirm-destruction{background:#b91c1c;color:#fff;border:none;padding:10px 26px;border-radius:20px;font-weight:500;cursor:pointer}.btn-abort-destruction{background:#0284c7;color:#fff;border:none;padding:10px 26px;border-radius:20px;font-weight:500;cursor:pointer}.animate-slide-in{animation:slideInUp .25s cubic-bezier(.16,1,.3,1)}.animate-pop-in{animation:scaleIn .2s cubic-bezier(.34,1.56,.64,1)}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.EmployeeShift-toolbar{flex-direction:column;align-items:flex-start}.toolbar-section-right{width:100%;justify-content:flex-end}.form-inputs-inline-row{grid-template-columns:1fr;gap:14px}}.Print-Only-Header{display:none}@media print{@page{size:A4 landscape;margin:15mm 10mm}body,.EmployeeShift-container,.table-overflow-adapter{background:#fff!important;color:#000!important;padding:0!important;margin:0!important;box-shadow:none!important}.Print-Hide,.EmployeeShift-toolbar,.EmployeeShift-header,.EmployeeShift-footer,.workflow-modal-overlay,th.Print-Hide,td.Print-Hide{display:none!important}.Print-Only-Header{display:block!important;margin-bottom:25px;border-bottom:2px solid #333333;padding-bottom:10px}.Print-Only-Header h1{font-size:24px;color:#111;margin:0 0 5px;font-family:sans-serif}.Print-Sub-Field{font-size:12px;color:#555;margin:0}.table-overflow-adapter{overflow:visible!important;max-height:none!important}.EmployeeShift-table{width:100%!important;border-collapse:collapse!important}.EmployeeShift-table th,.EmployeeShift-table td{border:1px solid #dddddd!important;padding:8px 6px!important;font-size:11px!important;color:#000!important;background:transparent!important}.EmployeeShift-table th{background-color:#f2f2f2!important;font-weight:700!important}.shift-tag-badge{border:1px solid #999999!important;background:transparent!important;color:#000!important;padding:2px 6px!important;border-radius:4px!important;font-size:10px!important;text-transform:uppercase!important}}.employee-profile-container{min-height:100vh;background-color:#f1f5f9;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#475569;box-sizing:border-box}.employee-profile-container *{box-sizing:border-box}.profile-top-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:16px;border-radius:6px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;flex-wrap:wrap;gap:16px}.breadcrumb-nav{display:flex;align-items:center;gap:8px;font-size:14px;color:#94a3b8}.breadcrumb-title{font-size:18px;font-weight:600;color:#1e293b;margin-right:16px}.icon-home{font-size:15px}.icon-arrow{font-size:11px}.search-box-wrapper{position:relative;width:260px}@media(max-width:576px){.search-box-wrapper{width:100%}}.search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#2563eb}.icon-search{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.profile-main-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:992px){.profile-main-grid{grid-template-columns:1fr 2fr}}.profile-left-sidebar{display:flex;flex-direction:column;gap:24px}.profile-card{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d;overflow:hidden;text-align:center;padding-bottom:24px}.profile-card-header{background-color:#1e293b;color:#fff;padding:32px 16px;position:relative}.profile-card-header h2{margin:0;font-size:20px;font-weight:700}.profile-card-header .sub-title{margin:4px 0 0;font-size:12px;color:#94a3b8}.avatar-wrapper{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.avatar-img{width:96px;height:96px;border-radius:50%;border:4px solid #ffffff;object-fit:cover;box-shadow:0 4px 6px #0000000d}.profile-card-body{margin-top:64px;padding:0 16px;font-size:14px;color:#64748b;line-height:1.4}.phone-line{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;color:#475569}.profile-card-stats{display:grid;grid-template-columns:repeat(3,1fr);border-t:1px solid #f1f5f9;margin-top:24px;padding-top:16px}.stat-item{display:flex;flex-direction:column}.stat-num{font-size:18px;font-weight:700;color:#1e293b}.stat-label{font-size:12px;color:#94a3b8;margin-top:2px}.mini-about-card{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d;padding:16px}.mini-tab-header{display:flex;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.mini-tab-btn{background:none;border:none;padding:8px 16px;font-size:14px;font-weight:500;color:#94a3b8;cursor:pointer}.mini-tab-btn.active{color:#2563eb;border-bottom:2px solid #2563eb}.mini-about-text{font-size:12px;color:#64748b;line-height:1.6;margin-bottom:16px}.mini-about-details{border-top:1px solid #f1f5f9;padding-top:12px;display:flex;flex-direction:column;gap:12px}.detail-group{display:flex;flex-direction:column;font-size:12px}.detail-label{color:#94a3b8}.detail-value{color:#334155;font-weight:500}.profile-right-content{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.main-tabs-nav{display:flex;border-bottom:1px solid #e2e8f0}.tab-nav-btn{flex:1;background:none;border:none;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-nav-btn.active{color:#2563eb;font-weight:600;border-bottom-color:#2563eb}.tab-content-panel{padding:24px}.about-tab-panel{display:flex;flex-direction:column;gap:24px}.section-block{font-size:14px}.section-title{margin:0 0 12px;font-size:16px;font-weight:700;color:#1e293b}.info-grid-four-cols{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-bottom:16px}@media(min-width:576px){.info-grid-four-cols{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.info-grid-four-cols{grid-template-columns:repeat(4,1fr)}}.info-label{font-size:12px;font-weight:600;color:#94a3b8}.info-text{margin:4px 0 0;color:#475569}.about-paragraphs{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#64748b;line-height:1.6}.separator-top{border-top:1px solid #f1f5f9;padding-top:16px}.text-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:12px;color:#475569}.settings-tab-panel{display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px}.input-label{font-size:12px;font-weight:600;color:#64748b}.form-control{width:100%;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:10px;font-size:13px;color:#334155;outline:none}.form-control:focus{background-color:#fff;border-color:#2563eb}.textarea-control{resize:none}.form-grid-two-cols{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:576px){.form-grid-two-cols{grid-template-columns:repeat(2,1fr)}}.form-grid-three-cols{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.form-grid-three-cols{grid-template-columns:repeat(3,1fr)}}.checkbox-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.checkbox-item{display:flex;align-items:center;gap:12px;font-size:12px;color:#475569;cursor:pointer}.checkbox-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.btn-primary-sm{align-self:flex-start;background-color:#2563eb;color:#fff;border:none;padding:6px 16px;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-primary-sm:hover{background-color:#1d4ed8}.btn-primary-md{align-self:flex-start;background-color:#2563eb;color:#fff;border:none;padding:10px 20px;font-size:12px;font-weight:500;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-primary-md:hover{background-color:#1d4ed8}.management-container{background-color:#f0f4f8;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#4a5568;box-sizing:border-box}.management-header-row{display:flex;justify-content:space-between;align-items:center;margin:0 auto 20px}.management-main-title{font-size:20px;font-weight:700;color:#2d3748;margin:0}.management-breadcrumbs{font-size:12px;color:#718096}.form-card-box{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d;border:1px solid #e2e8f0;margin:0 auto;padding:24px}.card-inside-title{font-size:14px;font-weight:600;color:#4a5568;margin-top:0;margin-bottom:30px}.management-native-form{display:flex;flex-direction:column;gap:24px}.form-flex-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-full-row{width:100%}.fieldset-input-container{position:relative;width:100%}.fieldset-input-container input,.fieldset-input-container select,.fieldset-input-container textarea{width:100%;padding:12px;font-size:13px;border:1px solid #cbd5e0;border-radius:4px;outline:none;background-color:transparent;color:#2d3748;box-sizing:border-box;font-family:inherit}.fieldset-input-container textarea{resize:vertical}.fieldset-input-container label{position:absolute;left:10px;top:-8px;background-color:#fff;padding:0 6px;font-size:11px;color:#718096;pointer-events:none;transition:.2s ease all}.fieldset-input-container input:focus,.fieldset-input-container select:focus,.fieldset-input-container textarea:focus{border-color:#4a5568}.upload-image-section{display:flex;flex-direction:column;gap:8px}.upload-title{font-size:12px;font-weight:600;color:#718096;margin:0}.drag-drop-dashed-box{border:1px dashed #b2bdf3;background-color:#fbfbfe;border-radius:6px;padding:16px;display:flex;align-items:center;gap:12px}.file-choose-label-btn{background-color:#f0f4f8;border:1px solid #cbd5e0;padding:8px 18px;font-size:12px;font-weight:600;color:#0052cc;border-radius:20px;cursor:pointer;display:inline-block;box-shadow:0 1px 2px #0000000d}.file-choose-label-btn input[type=file]{display:none}.drag-drop-text{font-size:12px;color:#718096}.form-action-buttons-strip{display:flex;gap:12px;margin-top:20px}.action-btn-node{border:none;padding:8px 24px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.action-btn-node:hover{opacity:.9}.action-btn-node.submit-blue-btn{background-color:#0052cc;color:#fff}.action-btn-node.cancel-red-btn{background-color:red;color:#fff}@media(max-width:768px){.management-header-row{flex-direction:column;align-items:flex-start;gap:8px}.form-flex-row{grid-template-columns:1fr;gap:24px}}.management-search-filter-section{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.management-search-box{flex:1;min-width:280px}.management-filter-box{width:320px}.management-search-input{width:100%;height:52px;border:1px solid #dcdcdc;border-radius:10px;padding:0 18px;font-size:15px;outline:none;transition:.3s;background:#fff}.management-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.management-filter-select{width:100%;height:52px;border:1px solid #dcdcdc;border-radius:10px;padding:0 16px;font-size:15px;outline:none;cursor:pointer;transition:.3s;background:#fff}.management-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}@media(max-width:768px){.management-search-filter-section{flex-direction:column}.management-filter-box,.management-search-box{width:100%}}:root{--bg-main: #f0f4f8;--bg-card: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-color: #e2e8f0;--primary-color: #3b82f6;--primary-hover: #2563eb;--danger-color: #dc2626;--danger-hover: #b91c1c;--bg-present: #e6f4ea;--text-present: #137333;--bg-late: #feefe3;--text-late: #b06000;--bg-halfday: #e8f0fe;--text-halfday: #1a73e8;--bg-absent: #fce8e6;--text-absent: #c5221f}.attendance-container{padding:24px;background-color:var(--bg-main);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.attendance-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.attendance-title{font-size:22px;font-weight:600;color:var(--text-primary)}.attendance-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary)}.attendance-card{background:var(--bg-card);border-radius:8px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:visible}.attendance-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#deecfc;border-top-left-radius:8px;border-top-right-radius:8px;position:relative}.attendance-search-box{position:relative;width:260px}.attendance-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.attendance-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;outline:none}.attendance-action-buttons{display:flex;align-items:center;gap:14px}.attendance-icon-btn{background:none;border:none;cursor:pointer;color:#4b5563;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:background .2s}.attendance-icon-btn:hover{background-color:#0000000f}.attendance-icon-btn.active-btn{color:var(--primary-color)}.attendance-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:-32px;left:50%;transform:translate(-50%);background-color:#1f2937;color:#fff;padding:4px 8px;font-size:11px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:100}.attendance-icon-btn:hover:after{opacity:1}.column-toggle-dropdown{position:absolute;top:56px;right:16px;background:#fff;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 10px 15px -3px #0000001a;width:220px;max-height:240px;overflow-y:auto;z-index:90;padding:8px 0}.column-toggle-title{padding:8px 16px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:4px}.column-toggle-item{display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.column-toggle-item input[type=checkbox]{width:16px;height:16px;cursor:pointer}.attendance-table-container{width:100%;overflow-x:auto}.attendance-main-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.attendance-main-table th,.attendance-main-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);white-space:nowrap;vertical-align:middle}.attendance-main-table th{font-weight:500;color:#111827;background-color:#fff}.attendance-profile-cell{display:flex;align-items:center;gap:10px}.attendance-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-align:center}.status-badge.present{background-color:var(--bg-present);color:var(--text-present)}.status-badge.late{background-color:var(--bg-late);color:var(--text-late)}.status-badge.half-day{background-color:var(--bg-halfday);color:var(--text-halfday)}.status-badge.absent{background-color:var(--bg-absent);color:var(--text-absent)}.row-action-buttons{display:flex;align-items:center;gap:12px}.row-edit-btn{color:#3b82f6;background:none;border:none;cursor:pointer;padding:4px}.row-edit-btn:hover{color:#1d4ed8}.row-delete-btn{color:#f97316;background:none;border:none;cursor:pointer;padding:4px}.row-delete-btn:hover{color:#ea580c}.attendance-pagination-bar{display:flex;justify-content:flex-end;background-color:#eff2f8;align-items:center;padding:16px;gap:24px;font-size:14px;color:var(--text-secondary);border-top:1px solid var(--border-color);flex-wrap:wrap}.items-per-page-selector{display:flex;align-items:center;gap:8px;position:relative}.items-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border-color);border-radius:4px;background:#fff;cursor:pointer}.items-custom-menu{position:absolute;bottom:110%;left:0;background:#fff;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 -4px 10px #0000001a;width:100%;z-index:80}.items-custom-option{padding:8px 12px;cursor:pointer}.items-custom-option:hover,.items-custom-option.selected-opt{background-color:#e5e7eb}.pagination-navigation{display:flex;align-items:center;gap:8px}.pagination-arrow-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary);position:relative}.pagination-arrow-btn:disabled{color:#d1d5db;cursor:not-allowed}.pagination-arrow-btn:not(:disabled):hover{background-color:#e5e7eb}.modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.entry-modal-box{background:#fff;width:100%;max-width:650px;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden}.entry-modal-header{background-color:#4f46e5;color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.entry-modal-title-wrapper{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}.entry-modal-close{background:none;border:none;color:#fff;cursor:pointer}.entry-modal-body-form{padding:24px}.form-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:600px){.form-grid-layout{grid-template-columns:1fr}}.form-input-field-group{position:relative}.form-input-label-tag{position:absolute;left:12px;top:-10px;background:#fff;padding:0 4px;font-size:12px;color:#4f46e5;font-weight:500}.form-interactive-input{width:100%;padding:12px 36px 12px 12px;border:1px solid #cccccc;border-radius:6px;font-size:14px;outline:none;background:transparent;box-sizing:border-box}.form-interactive-input:focus{border-color:#4f46e5}.form-input-right-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.form-time-dropdown-menu{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid var(--border-color);border-radius:4px;max-height:160px;overflow-y:auto;z-index:110;box-shadow:0 4px 6px #0000000d}.form-time-dropdown-option{padding:8px 12px;cursor:pointer;font-size:14px}.form-time-dropdown-option:hover{background-color:#f3f4f6}.form-action-footer-buttons{display:flex;gap:12px}.form-save-submit-btn{background-color:#0250a3;color:#fff;padding:10px 24px;border-radius:20px;border:none;cursor:pointer;font-weight:500}.form-save-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.form-cancel-dismiss-btn{background-color:#b91c1c;color:#fff;padding:10px 24px;border-radius:20px;border:none;cursor:pointer;font-weight:500}.delete-dialog-box{background:#fff;padding:24px;border-radius:12px;width:100%;max-width:380px;box-shadow:0 20px 25px -5px #0000001a}.delete-dialog-title{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.delete-dialog-details-list{font-size:14px;color:var(--text-secondary);margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.delete-dialog-actions{display:flex;gap:12px}.delete-confirm-execution-btn{background-color:var(--danger-color);color:#fff;padding:10px 20px;border-radius:20px;border:none;cursor:pointer;font-weight:500;flex:1}.delete-confirm-execution-btn:hover{background-color:var(--danger-hover)}.delete-cancel-dismiss-btn{background-color:#0056b3;color:#fff;padding:10px 20px;border-radius:20px;border:none;cursor:pointer;font-weight:500;flex:1}.attendance-checkbox-input{width:16px;height:16px;cursor:pointer}.action-cell{display:flex;gap:8px}.row-edit-btn{background:none;border:none;cursor:pointer;color:#3b82f6}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.entry-modal-box{background:#fff;padding:20px;border-radius:8px;width:400px}.employeeAttendance{padding:24px;background:#f5f7fb;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif}.employeeAttendance_breadcrumb{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.employeeAttendance_breadcrumb h2{font-size:28px;font-weight:700;color:#1f2937}.employeeAttendance_path{display:flex;gap:10px;align-items:center;color:#6b7280;font-size:14px}.employeeAttendance_profile{background:#fff;border-radius:18px;padding:24px;display:flex;gap:20px;align-items:center;box-shadow:0 10px 30px #0000000f}.employeeAttendance_profile img{width:90px;height:90px;border-radius:50%;object-fit:cover}.employeeAttendance_profileInfo h2{font-size:26px;color:#222}.employeeAttendance_profileInfo h5{color:#7c3aed;margin-top:4px;margin-bottom:16px}.employeeAttendance_profileMeta{display:flex;flex-wrap:wrap;gap:18px}.employeeAttendance_profileMeta span{display:flex;align-items:center;gap:8px;color:#6b7280}.employeeAttendance_cards{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.employeeAttendance_card{background:#fff;border-radius:16px;padding:22px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 24px #0000000d;transition:.3s}.employeeAttendance_card:hover{transform:translateY(-4px)}.employeeAttendance_card small{color:#6b7280}.employeeAttendance_card h2{margin-top:8px;color:#111827}.employeeAttendance_card svg{font-size:34px}.blue{color:#3b82f6}.green{color:#10b981}.orange{color:#f59e0b}.purple{color:#7c3aed}.employeeAttendance_tabs{display:flex;gap:14px;margin:28px 0}.employeeAttendance_tabs button{border:none;background:#fff;padding:12px 22px;border-radius:10px;display:flex;gap:8px;align-items:center;cursor:pointer;font-weight:600;transition:.3s}.employeeAttendance_tabs .active{background:#7c3aed;color:#fff}.employeeAttendance_tableCard,.employeeAttendance_chart,.employeeAttendance_statusCard{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000000d}.employeeAttendance_tableCard{overflow:auto}table{width:100%;border-collapse:collapse}thead{background:#f3f4f6}th,td{padding:16px;text-align:left;border-bottom:1px solid #ececec}.status{padding:6px 12px;border-radius:30px;font-size:13px;font-weight:600}.status.present{background:#dcfce7;color:#15803d}.status.leave{background:#fef3c7;color:#b45309}.status.weekend{background:#ede9fe;color:#6d28d9}.employeeAttendance_action{display:flex;gap:12px}.employeeAttendance_action svg{cursor:pointer}.employeeAttendance_analytics{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.employeeAttendance_chart,.employeeAttendance_statusCard{padding:24px}.employeeAttendance_chart h3,.employeeAttendance_statusCard h3{margin-bottom:18px}.employeeAttendance_statusGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.employeeAttendance_statusBox{border:1px solid #ececec;border-radius:14px;padding:18px;text-align:center}.employeeAttendance_circle{width:90px;height:90px;border:8px solid;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:auto auto 14px}.employeeAttendance_statusBox h4{margin-bottom:6px}@media(max-width:992px){.employeeAttendance_cards{grid-template-columns:repeat(2,1fr)}.employeeAttendance_analytics{grid-template-columns:1fr}}@media(max-width:768px){.employeeAttendance{padding:16px}.employeeAttendance_breadcrumb,.employeeAttendance_profile{flex-direction:column;align-items:flex-start}.employeeAttendance_cards,.employeeAttendance_statusGrid{grid-template-columns:1fr}.employeeAttendance_tabs{flex-wrap:wrap}}.employeeAttendance_analytics{display:grid;grid-template-columns:1.45fr .85fr;gap:28px;margin-top:24px}.employeeAttendance_chart,.employeeAttendance_statusCard{background:#fff;border-radius:20px;padding:28px;border:1px solid #edf1f7;box-shadow:0 10px 30px #0000000d,0 3px 10px #00000008;transition:.35s;position:relative;overflow:hidden}.employeeAttendance_chart:before,.employeeAttendance_statusCard:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,#4f46e5,#3b82f6,#06b6d4)}.employeeAttendance_chart:hover,.employeeAttendance_statusCard:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000014,0 8px 18px #0000000d}.employeeAttendance_chart h3,.employeeAttendance_statusCard h3{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between}.employeeAttendance_chart h3:after,.employeeAttendance_statusCard h3:after{content:"";width:70px;height:4px;border-radius:20px;background:linear-gradient(90deg,#4f46e5,#06b6d4)}.employeeAttendance_statusGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.employeeAttendance_statusBox{background:#fafcff;border:1px solid #edf1f7;border-radius:18px;padding:24px 18px;text-align:center;transition:.35s;position:relative;overflow:hidden}.employeeAttendance_statusBox:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#4f46e5,#3b82f6);transform:scaleX(0);transition:.35s}.employeeAttendance_statusBox:hover:before{transform:scaleX(1)}.employeeAttendance_statusBox:hover{transform:translateY(-6px);box-shadow:0 14px 30px #4f46e51f;background:#fff}.employeeAttendance_circle{width:105px;height:105px;border:9px solid;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:auto auto 18px;background:#fff;box-shadow:inset 0 0 18px #0000000d,0 8px 20px #0000000f;transition:.35s}.employeeAttendance_statusBox:hover .employeeAttendance_circle{transform:scale(1.08) rotate(6deg)}.employeeAttendance_circle strong{font-size:22px;font-weight:700;color:#1e293b}.employeeAttendance_statusBox h4{font-size:17px;color:#1f2937;font-weight:700;margin-bottom:8px}.employeeAttendance_statusBox p{font-size:14px;color:#64748b}.recharts-wrapper{margin:auto}.recharts-pie-label-text{font-size:13px;font-weight:600;fill:#334155}.recharts-tooltip-wrapper{border-radius:12px!important}.recharts-default-tooltip{border:none!important;border-radius:12px!important;box-shadow:0 10px 25px #0000001f!important;padding:12px!important}@media(max-width:1100px){.employeeAttendance_analytics{grid-template-columns:1fr}.employeeAttendance_chart{order:1}.employeeAttendance_statusCard{order:2}}@media(max-width:768px){.employeeAttendance_chart,.employeeAttendance_statusCard{padding:20px}.employeeAttendance_statusGrid{grid-template-columns:1fr;gap:18px}.employeeAttendance_circle{width:90px;height:90px}.employeeAttendance_circle strong{font-size:20px}}@media(max-width:480px){.employeeAttendance_chart h3,.employeeAttendance_statusCard h3{font-size:18px}.employeeAttendance_chart,.employeeAttendance_statusCard{padding:16px}}:root{--al-primary: #3b82f6;--al-primary-hover: #2563eb;--al-success: #10b981;--al-success-dark: #059669;--al-danger: #ef4444;--al-danger-dark: #dc2626;--al-gray-bg: #f8fafc;--al-border: #e2e8f0;--al-text-main: #1e293b;--al-text-muted: #64748b}.admin-leave-container{padding:24px;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--al-text-main)}.admin-leave-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.admin-leave-header-left{display:flex;align-items:center;flex-wrap:wrap;gap:20px;width:100%}.admin-leave-title{font-size:20px;font-weight:700;color:#0f172a;margin:0}.admin-leave-search-wrapper{position:relative;display:flex;align-items:center;width:100%}.admin-leave-search-icon{position:absolute;left:12px;width:16px;height:16px;fill:var(--al-text-muted)}.admin-leave-search-input{width:100%;padding:8px 12px 8px 36px;font-size:14px;border:1px solid var(--al-border);border-radius:6px;outline:none;transition:all .2s ease;background-color:#f8fafc}.admin-leave-search-input:focus{border-color:var(--al-primary);background-color:#fff;box-shadow:0 0 0 3px #3b82f626}.admin-leave-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.admin-leave-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--al-border);background:#fff;border-radius:6px;cursor:pointer;color:#475569;transition:all .2s}.admin-leave-icon-btn:hover{background-color:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.admin-leave-dropdown-anchor{position:relative}.admin-leave-column-dropdown{position:absolute;right:0;top:42px;z-index:50;width:200px;background:#fff;border:1px solid var(--al-border);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;padding:8px;max-height:300px;overflow-y:auto}.admin-leave-dropdown-title{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--al-text-muted);padding:6px 8px;letter-spacing:.5px}.admin-leave-dropdown-label{display:flex;align-items:center;gap:8px;padding:6px 8px;font-size:13px;cursor:pointer;border-radius:4px}.admin-leave-dropdown-label:hover{background-color:#f1f5f9}.admin-leave-table-responsive{width:100%;overflow-x:auto;border:1px solid var(--al-border);border-radius:8px;-webkit-overflow-scrolling:touch}.admin-leave-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:850px}.admin-leave-table th,.admin-leave-table td{padding:12px 16px;border-bottom:1px solid var(--al-border)}.admin-leave-table th{background-color:#f8fafc;color:#475569;font-weight:600}.admin-leave-th-sno{width:60px}.admin-leave-th-actions{text-align:center;width:300px}.admin-leave-table tbody tr:hover{background-color:#f8fafc}.admin-leave-loading,.admin-leave-no-data{text-align:center;padding:40px;font-weight:500;color:var(--al-text-muted)}.admin-leave-td-sno{color:var(--al-text-muted);font-weight:500}.admin-leave-td-empname{font-weight:600;color:#111827}.admin-leave-type-pill{background-color:#eff6ff;color:#1e40af;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.admin-leave-date-cell{white-space:nowrap}.admin-leave-text-truncated{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-leave-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;font-size:12px;font-weight:600;text-transform:capitalize}.admin-leave-badge.status-approved{background-color:#d1fae5;color:#065f46}.admin-leave-badge.status-rejected{background-color:#fee2e2;color:#991b1b}.admin-leave-badge.status-pending{background-color:#fef3c7;color:#92400e}.admin-leave-action-buttons{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.admin-leave-action-btn{padding:6px 10px;font-size:12px;font-weight:600;border-radius:4px;border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-leave-action-btn:disabled{opacity:.35;cursor:not-allowed!important}.admin-leave-action-btn.edit{background-color:#f1f5f9;color:#334155;border:1px solid #cbd5e1}.admin-leave-action-btn.edit:hover{background-color:#e2e8f0}.admin-leave-action-btn.approve{background-color:var(--al-success);color:#fff}.admin-leave-action-btn.approve:hover:not(:disabled){background-color:var(--al-success-dark)}.admin-leave-action-btn.reject{background-color:var(--al-danger);color:#fff}.admin-leave-action-btn.reject:hover:not(:disabled){background-color:var(--al-danger-dark)}.admin-leave-action-btn.revert{background-color:#6b7280;color:#fff}.admin-leave-action-btn.revert:hover{background-color:#4b5563}.admin-leave-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;flex-wrap:wrap;gap:12px}.admin-leave-footer-spacer{display:none}.admin-leave-pagination-controls{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--al-text-muted);width:100%;justify-content:space-between;flex-wrap:wrap}.admin-leave-pagination-select{padding:4px 8px;border:1px solid var(--al-border);border-radius:4px;outline:none;background-color:#fff}.admin-leave-pagination-arrows{display:flex;gap:4px}.admin-leave-arrow-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--al-border);background:#fff;border-radius:4px;cursor:pointer}.admin-leave-arrow-btn:disabled{opacity:.4;cursor:not-allowed}.admin-leave-arrow-btn:hover:not(:disabled){background-color:#f1f5f9}.admin-leave-modal-overlay{position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .25s ease;padding:16px}.admin-leave-modal-overlay.active{opacity:1;pointer-events:auto}.admin-leave-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:600px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;max-height:calc(100vh - 32px);display:flex;flex-direction:column}.admin-leave-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--al-border);background-color:var(--al-gray-bg);flex-shrink:0}.admin-leave-modal-header h3{margin:0;font-size:16px;font-weight:700;color:#0f172a}.admin-leave-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--al-text-muted);padding:4px}.admin-leave-modal-body-wrapper{padding:24px;overflow-y:auto}.admin-leave-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-leave-form-group{display:flex;flex-direction:column;gap:6px}.admin-leave-mt-4{margin-top:16px}.admin-leave-form-label{font-size:13px;font-weight:600;color:#475569}.admin-leave-form-input-field,.admin-leave-form-select-field,.admin-leave-form-textarea{padding:8px 12px;font-size:14px;border:1px solid var(--al-border);border-radius:6px;outline:none;background-color:#fff;transition:border-color .2s;width:100%;box-sizing:border-box}.admin-leave-form-input-field:focus,.admin-leave-form-select-field:focus,.admin-leave-form-textarea:focus{border-color:var(--al-primary)}.admin-leave-form-input-field.code-disabled{background-color:#f1f5f9;color:var(--al-text-muted);cursor:not-allowed}.admin-leave-form-textarea{resize:vertical;font-family:inherit}.admin-leave-quick-decision-card{margin-top:20px;display:flex;gap:8px;background-color:var(--al-gray-bg);padding:12px;border-radius:6px;border:1px solid var(--al-border);flex-wrap:wrap}.admin-leave-quick-decision-title{font-size:13px;font-weight:600;align-self:center;margin-right:4px;width:100%;margin-bottom:6px}.admin-leave-quick-btn{flex:1 1 0px;min-width:80px;padding:8px 12px;cursor:pointer;border:none;border-radius:4px;font-weight:600;color:#fff;font-size:13px;text-align:center}.admin-leave-quick-btn.approve{background-color:var(--al-success)}.admin-leave-quick-btn.approve:hover{background-color:var(--al-success-dark)}.admin-leave-quick-btn.reject{background-color:var(--al-danger)}.admin-leave-quick-btn.reject:hover{background-color:var(--al-danger-dark)}.admin-leave-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.admin-leave-btn-cancel,.admin-leave-btn-save{padding:8px 16px;font-weight:600;border-radius:6px;cursor:pointer;font-size:14px}.admin-leave-btn-cancel{background-color:#fff;border:1px solid var(--al-border);color:#475569}.admin-leave-btn-cancel:hover{background-color:#f1f5f9}.admin-leave-btn-save{background-color:var(--al-primary);color:#fff;border:none}.admin-leave-btn-save:hover{background-color:var(--al-primary-hover)}@media(min-width:768px){.admin-leave-header-left{width:auto}.admin-leave-search-wrapper{width:320px}.admin-leave-quick-decision-title{width:auto;margin-bottom:0}.admin-leave-quick-btn{flex:none}}@media(max-width:600px){.admin-leave-container{padding:16px;border-radius:8px}.admin-leave-title{font-size:18px;width:100%}.admin-leave-header{gap:12px}.admin-leave-form-grid{grid-template-columns:1fr;gap:12px}.admin-leave-modal-body-wrapper{padding:16px}.admin-leave-modal-header{padding:12px 16px}.admin-leave-form-actions{flex-direction:column-reverse;gap:8px}.admin-leave-btn-cancel,.admin-leave-btn-save{width:100%;text-align:center;padding:10px}.admin-leave-pagination-controls{flex-direction:column;align-items:center;gap:12px}}.leaveBalance{width:100%;background:#f8fafc;padding:32px;border-radius:16px;box-sizing:border-box;box-shadow:0 1px 3px #0000000d;animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}.leaveBalance *{box-sizing:border-box;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.leaveBalance__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px;flex-wrap:wrap}.leaveBalance__header h2{margin:0;color:#0f172a;font-size:24px;font-weight:700;letter-spacing:-.02em}.leaveBalance__toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.leaveBalance__search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;padding:10px 16px;border-radius:10px;transition:all .2s ease;min-width:280px}.leaveBalance__search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.leaveBalance__search svg{color:#64748b;font-size:16px;flex-shrink:0}.leaveBalance__search input{border:none;outline:none;width:100%;font-size:14px;color:#1e293b;background:transparent}.leaveBalance__search input::placeholder{color:#94a3b8}.leaveBalance__icon{width:42px;height:42px;border:1px solid #e2e8f0;cursor:pointer;border-radius:10px;background:#fff;color:#475569;display:flex;justify-content:center;align-items:center;transition:all .2s ease;font-size:16px}.leaveBalance__icon:hover{background:#f8fafc;color:#2563eb;border-color:#cbd5e1}.leaveBalance__icon.refresh:hover{color:#d97706;border-color:#fcd34d;background:#fffbeb}.leaveBalance__icon.download:hover{color:#7c3aed;border-color:#ddd6fe;background:#f5f3ff}.leaveBalance__menu{position:relative}.leaveBalance__dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;border:1px solid #e2e8f0;z-index:100;animation:dropdown .2s cubic-bezier(.16,1,.3,1)}.leaveBalance__dropdown h4{margin:0 0 12px;color:#0f172a;font-size:14px;font-weight:600;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.leaveBalance__dropdown label{display:flex;align-items:center;gap:10px;padding:6px 4px;cursor:pointer;font-size:13.5px;color:#475569;border-radius:6px;transition:background .15s ease}.leaveBalance__dropdown label:hover{background:#f1f5f9;color:#0f172a}.leaveBalance__tableWrapper{overflow-x:auto;background:#fff;border-radius:12px;border:1px solid #e2e8f0;margin-top:10px}.leaveBalance__table{width:100%;border-collapse:collapse;min-width:1100px;text-align:left}.leaveBalance__table thead{background:#f8fafc;border-bottom:2px solid #edf2f7}.leaveBalance__table th{color:#475569;padding:16px 20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.leaveBalance__table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#334155;white-space:nowrap}.leaveBalance__table tbody tr{transition:background .15s ease}.leaveBalance__table tbody tr:hover{background:#f8fafc}.leaveBalance__table td:first-child,.leaveBalance__table th:first-child{width:48px;padding-right:0}.leaveBalance__employee{display:flex;align-items:center;gap:12px}.leaveBalance__employee span{font-weight:500;color:#0f172a}.leaveBalance__actions{display:flex;gap:8px}.leaveBalance__actions button{width:34px;height:34px;border:1px solid #e2e8f0;cursor:pointer;border-radius:8px;transition:all .2s ease;background:#fff;display:flex;justify-content:center;align-items:center}.editBtn{color:#2563eb}.editBtn:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.leaveBalance__empty{text-align:center!important;padding:64px 20px!important;font-size:15px;color:#94a3b8;background:#fff}.leaveBalance__infoMessage,.leaveBalance__errorMessage{padding:40px;text-align:center;border-radius:12px;font-size:14px;font-weight:500}.leaveBalance__infoMessage{color:#2563eb;background:#eff6ff;border:1px dashed #bfdbfe}.leaveBalance__errorMessage{color:#dc2626;background:#fef2f2;border:1px dashed #fca5a5}.leaveBalance input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#2563eb;border-radius:4px}.leaveBalance__pagination{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.leaveBalance__pagination span{font-size:14px;color:#64748b}.leaveBalance__pageBtns{display:flex;align-items:center;gap:8px}.leaveBalance__pageBtns button{width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.leaveBalance__pageBtns button:hover:not(:disabled){background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.leaveBalance__pageBtns button:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9}.leaveBalance__pageBtns span{height:36px;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#2563eb;font-weight:600;font-size:14px}.leaveBalance__modal{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeModal .25s ease}.leaveBalance__modalLarge{width:100%;max-width:650px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:popup .3s cubic-bezier(.34,1.56,.64,1)}.leaveBalance__popupHeader{background:#fff;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.leaveBalance__userInfo h3{color:#0f172a;margin:0;font-size:18px;font-weight:600}.leaveBalance__popupHeader .closeBtn{font-size:18px;color:#94a3b8;background:transparent;border:none;cursor:pointer;transition:color .2s ease;display:flex;align-items:center}.leaveBalance__popupHeader .closeBtn:hover{color:#475569}.leaveBalance__popupForm{padding:32px;background:#fff}.leaveBalance__popupGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.floatingField{display:flex;flex-direction:column;gap:8px}.floatingField label{font-size:13px;font-weight:500;color:#475569}.floatingField input{width:100%;height:46px;border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px;font-size:14px;color:#0f172a;outline:none;background:#fff;transition:all .2s ease}.floatingField input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.leaveBalance__popupButtons{margin-top:32px;display:flex;justify-content:flex-end;gap:12px}.leaveBalance__popupButtons .saveBtn,.leaveBalance__popupButtons .cancelBtn{padding:10px 24px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.leaveBalance__popupButtons .saveBtn{background:#2563eb;color:#fff}.leaveBalance__popupButtons .saveBtn:hover{background:#1d4ed8}.leaveBalance__popupButtons .cancelBtn{background:#f1f5f9;color:#475569}.leaveBalance__popupButtons .cancelBtn:hover{background:#e2e8f0;color:#0f172a}.leaveBalance__tableWrapper::-webkit-scrollbar{height:6px;width:6px}.leaveBalance__tableWrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.leaveBalance__tableWrapper::-webkit-scrollbar-track{background:#f1f5f9}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes popup{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeModal{0%{opacity:0}to{opacity:1}}@media(max-width:992px){.leaveBalance__header{flex-direction:column;align-items:flex-start}.leaveBalance__toolbar{width:100%}.leaveBalance__search{flex:1}}@media(max-width:768px){.leaveBalance{padding:20px}.leaveBalance__header h2{font-size:20px}.leaveBalance__popupGrid{grid-template-columns:1fr;gap:16px}.leaveBalance__popupForm{padding:20px}.leaveBalance__popupHeader{padding:16px 20px}}@media(max-width:480px){.leaveBalance__search{min-width:100%}.leaveBalance__popupButtons{flex-direction:column-reverse}.leaveBalance__popupButtons button{width:100%;text-align:center}.leaveBalance__table th,.leaveBalance__table td{padding:12px 14px}.leaveBalance__dropdown{left:0}}.leaveTypes{width:100%;padding:24px;background:#f5f7fb;min-height:100vh;font-family:Poppins,sans-serif;box-sizing:border-box}.leaveTypes *{box-sizing:border-box}.leaveTypes__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:20px}.leaveTypes__title{font-size:32px;font-weight:600;color:#2f3b52}.leaveTypes__toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.leaveTypes__search{width:280px;height:56px;background:#fff;border-radius:8px;display:flex;align-items:center;padding:0 18px;border:1px solid #e3e7f2;transition:.3s}.leaveTypes__search:hover,.leaveTypes__search:focus-within{border-color:#5d6ce6;box-shadow:0 4px 15px #5d6ce626}.leaveTypes__search svg{font-size:22px;color:#666}.leaveTypes__search input{border:none;outline:none;width:100%;margin-left:15px;font-size:15px;color:#444;background:transparent}.leaveTypes__icons{display:flex;align-items:center;gap:18px}.leaveTypes__iconBtn{width:42px;height:42px;border:none;background:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.25s;border-radius:50%}.leaveTypes__iconBtn svg{font-size:24px}.leaveTypes__iconBtn:hover{background:#eef2ff;transform:scale(1.08)}.leaveTypes__iconBtn.filter{color:#4d63dd}.leaveTypes__iconBtn.add{color:#35b34a}.leaveTypes__iconBtn.refresh{color:#8c5a28}.leaveTypes__iconBtn.download{color:#1b87ff}.leaveTypes__iconBtn.delete{color:#ff3b30}.leaveTypes__tableWrapper{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 4px 18px #00000014}.leaveTypes__table{width:100%;border-collapse:collapse;min-width:1400px}.leaveTypes__table thead{background:#eef1ff}.leaveTypes__table th{text-align:left;padding:18px;font-size:16px;color:#1d1d1d;font-weight:600;border-bottom:1px solid #ddd;white-space:nowrap}.leaveTypes__table td{padding:16px 18px;font-size:15px;color:#333;border-bottom:1px solid #ececec;white-space:nowrap}.leaveTypes__table tbody tr{transition:.25s}.leaveTypes__table tbody tr:hover{background:#f7f9ff}.leaveTypes__checkbox{width:20px;height:20px;accent-color:#4d63dd;cursor:pointer}.leaveTypes__status{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:7px 18px;border-radius:8px;font-size:15px;font-weight:600}.leaveTypes__status.active{background:#dff2e8;color:#16803d}.leaveTypes__status.inactive{background:#ffdce3;color:#ff3058}.leaveTypes__actions{display:flex;align-items:center;gap:15px}.leaveTypes__actionBtn{background:none;border:none;cursor:pointer;font-size:22px;transition:.25s}.leaveTypes__actionBtn.edit{color:#5b68ff}.leaveTypes__actionBtn.delete{color:#ff5a21}.leaveTypes__actionBtn:hover{transform:scale(1.15)}.leaveTypes__columnMenu{position:absolute;right:0;top:58px;width:280px;background:#fff;border-radius:10px;box-shadow:0 10px 25px #0000002e;overflow:hidden;z-index:999}.leaveTypes__columnTitle{text-align:center;padding:18px;font-size:18px;font-weight:600;border-bottom:1px solid #eee}.leaveTypes__columnBody{max-height:360px;overflow-y:auto;padding:15px}.leaveTypes__columnItem{display:flex;align-items:center;gap:14px;margin-bottom:16px;font-size:16px}.leaveTypes__columnItem input{width:22px;height:22px;accent-color:#0b5ed7}.leaveTypes__modal{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999;animation:leaveTypesFade .3s ease}.leaveTypes__modalContent{width:95%;max-width:1100px;max-height:92vh;background:#fff;border-radius:12px;overflow:hidden;animation:leaveTypesPopup .35s ease;display:flex;flex-direction:column}.leaveTypes__modalHeader{background:#5d6ce6;color:#fff;padding:22px 30px;display:flex;justify-content:space-between;align-items:center}.leaveTypes__close{border:none;background:none;color:#fff;font-size:32px;cursor:pointer;transition:.3s}.leaveTypes__form{padding:30px;overflow-y:auto;flex:1}.leaveTypes__form::-webkit-scrollbar{width:8px}.leaveTypes__form::-webkit-scrollbar-thumb{background:#888;border-radius:20px}.leaveTypes__form::-webkit-scrollbar-track{background:#eee}.leaveTypes__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.leaveTypes__field label{margin-bottom:8px;font-size:15px;font-weight:600;color:#444}.leaveTypes__field input,.leaveTypes__field textarea,.leaveTypes__field select{width:100%;border:1px solid #cfd6ea;border-radius:8px;padding:14px 16px;font-size:15px;outline:none;transition:.25s;background:#fff}.leaveTypes__field input:focus,.leaveTypes__field textarea:focus,.leaveTypes__field select:focus{border-color:#5d6ce6;box-shadow:0 0 0 3px #5d6ce61f}.leaveTypes__field textarea{resize:none;height:120px}.leaveTypes__field.full{grid-column:1/3}.leaveTypes__buttons{display:flex;justify-content:flex-end;gap:18px;margin-top:35px}.leaveTypes__save{border:none;background:#5d6ce6;color:#fff;padding:13px 38px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:.3s}.leaveTypes__save:hover{background:#4454d4}.leaveTypes__deleteBtn{border:none;background:#ff4b4b;color:#fff;padding:13px 38px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:.3s}.leaveTypes__deleteBtn:hover{background:#e13232}.leaveTypes__pagination{display:flex;justify-content:space-between;align-items:center;padding:18px 10px;flex-wrap:wrap;gap:20px}.leaveTypes__paginationLeft{display:flex;align-items:center;gap:12px;color:#555}.leaveTypes__paginationLeft select{width:80px;height:40px;border:1px solid #ccc;border-radius:6px;padding:0 10px}.leaveTypes__paginationRight{display:flex;align-items:center;gap:18px}.leaveTypes__paginationRight button{width:36px;height:36px;border:none;background:#fff;cursor:pointer;border-radius:50%;transition:.25s}.leaveTypes__paginationRight button:hover{background:#eef2ff}.leaveTypes__paginationRight svg{font-size:18px;color:#666}.leaveTypes__tableWrapper::-webkit-scrollbar{height:8px}.leaveTypes__tableWrapper::-webkit-scrollbar-thumb{background:#8f98c5;border-radius:20px}.leaveTypes__tableWrapper::-webkit-scrollbar-track{background:#edf0f8}.leaveTypes__modal{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.leaveTypes__modalContent{width:100%;max-width:1140px;max-height:94vh;background:#fff;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;animation:popup .35s ease}.leaveTypes__modalHeader{background:#5d6ce6;color:#fff;padding:22px 40px;display:flex;justify-content:space-between;align-items:center}.leaveTypes__modalHeader h2{margin:0;font-size:28px;font-weight:600}.leaveTypes__close{border:none;background:transparent;color:#fff;font-size:28px;cursor:pointer;transition:.3s}.leaveTypes__close:hover{transform:rotate(90deg)}.leaveTypes__form{padding:35px;overflow-y:auto}.leaveTypes__formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.leaveTypes__field{display:flex;flex-direction:column}.leaveTypes__field.full{grid-column:1 / -1}.leaveTypes__field label{font-size:15px;font-weight:500;color:#555;margin-bottom:10px}.leaveTypes__field input,.leaveTypes__field select,.leaveTypes__field textarea{width:100%;border:1.5px solid #bfc4d3;border-radius:6px;padding:16px;font-size:15px;background:#fff;outline:none;transition:.3s}.leaveTypes__field input:focus,.leaveTypes__field select:focus,.leaveTypes__field textarea:focus{border-color:#5d6ce6;box-shadow:0 0 0 3px #5d6ce61f}.leaveTypes__field textarea{resize:vertical;min-height:120px}.leaveTypes__inputIcon{position:relative}.leaveTypes__inputIcon input{padding-right:55px}.fieldIcon{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;color:#666;pointer-events:none}.leaveTypes__buttons{display:flex;justify-content:flex-end;gap:16px;margin-top:35px}.leaveTypes__save{border:none;background:#5d6ce6;color:#fff;padding:13px 38px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.leaveTypes__save:hover{background:#4455d6}.leaveTypes__cancel{border:1px solid #d5d5d5;background:#f5f5f5;color:#444;padding:13px 38px;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.leaveTypes__cancel:hover{background:#e8e8e8}.leaveTypes__icon{width:44px;height:44px;border:none;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:.3s}.leaveTypes__icon svg{font-size:18px}.leaveTypes__icon:hover{transform:translateY(-2px)}.leaveTypes__icon.add{color:#27ae60}.leaveTypes__icon.refresh{color:#d68910}.leaveTypes__icon.download{color:#2980b9}.leaveTypes__icon.delete{color:#e74c3c}.leaveTypes__actionBtn{width:36px;height:36px;border:none;border-radius:6px;background:#f6f7fb;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s}.leaveTypes__actionBtn svg{font-size:16px}.leaveTypes__actionBtn.edit{color:#4f6bed}.leaveTypes__actionBtn.delete{color:#e74c3c}.leaveTypes__actionBtn.menu{color:#555}.leaveTypes__actionBtn:hover{transform:scale(1.08);background:#eef2ff}.leaveTypes__pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 5px;flex-wrap:wrap;gap:15px}.leaveTypes__paginationRight{display:flex;align-items:center;gap:12px}.leaveTypes__paginationRight button{width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:50%;cursor:pointer;transition:.3s}.leaveTypes__paginationRight button:hover:not(:disabled){background:#5d6ce6;color:#fff}.leaveTypes__paginationRight button:disabled{opacity:.5;cursor:not-allowed}.leaveTypes__pageNo{width:36px;height:36px;border-radius:50%;background:#5d6ce6;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:600}@media(max-width:992px){.leaveTypes__formGrid{grid-template-columns:1fr}.leaveTypes__field.full{grid-column:auto}}@media(max-width:768px){.leaveTypes__modalContent{max-height:96vh}.leaveTypes__form{padding:20px}.leaveTypes__modalHeader{padding:18px 20px}.leaveTypes__modalHeader h2{font-size:22px}.leaveTypes__buttons{flex-direction:column}.leaveTypes__save,.leaveTypes__cancel{width:100%}}@keyframes popup{0%{opacity:0;transform:translateY(-30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1200px){.leaveTypes__table{min-width:1350px}}@media(max-width:992px){.leaveTypes__header{flex-direction:column;align-items:flex-start}.leaveTypes__toolbar,.leaveTypes__search{width:100%}.leaveTypes__grid{grid-template-columns:1fr}.leaveTypes__field.full{grid-column:auto}.leaveTypes__modalContent{width:96%}}@media(max-width:768px){.leaveTypes{padding:15px}.leaveTypes__title{font-size:24px}.leaveTypes__modalHeader{padding:18px}.leaveTypes__modalHeader h2{font-size:22px}.leaveTypes__form{padding:18px}.leaveTypes__buttons{flex-direction:column}.leaveTypes__save,.leaveTypes__deleteBtn{width:100%}.leaveTypes__pagination{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.leaveTypes__search{height:50px}.leaveTypes__search input{font-size:14px}.leaveTypes__table th,.leaveTypes__table td{padding:14px;font-size:14px}.leaveTypes__iconBtn{width:38px;height:38px}.leaveTypes__iconBtn svg{font-size:20px}}@keyframes leaveTypesPopup{0%{opacity:0;transform:translateY(-40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes leaveTypesFade{0%{opacity:0}to{opacity:1}}.leaveTypes__menu{position:relative;display:inline-block}.leaveTypes__dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;width:240px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:14px;animation:fadeInFilter .2s ease-out}.leaveTypes__dropdown h4{margin:0 0 10px;padding-bottom:8px;color:#1e293b;font-size:14px;font-weight:600;border-bottom:1px solid #f1f5f9;text-transform:uppercase;letter-spacing:.5px}.leaveTypes__dropdown label{display:flex;align-items:center;gap:10px;padding:6px 8px;margin-bottom:4px;color:#475569;font-size:13.5px;font-weight:500;cursor:pointer;border-radius:4px;transition:background-color .15s ease,color .15s ease;text-transform:capitalize}.leaveTypes__dropdown label:hover{background-color:#f8fafc;color:#0f172a}.leaveTypes__dropdown input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1px solid #cbd5e1;border-radius:4px;outline:none;background-color:#fff;cursor:pointer;display:grid;place-content:center;transition:all .15s ease-in-out}.leaveTypes__dropdown input[type=checkbox]:checked{background-color:#4f46e5;border-color:#4f46e5}.leaveTypes__dropdown input[type=checkbox]:checked:before{content:"";width:8px;height:4px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg) translate(1px,-1px)}.leaveTypes__dropdown input[type=checkbox]:focus-visible{outline:2px solid #818cf8;outline-offset:1px}@keyframes fadeInFilter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color: #5542f6;--primary-hover: #4332d9;--bg-main: #f7fafc;--bg-surface: #ffffff;--bg-hover: #f1f5f9;--text-main: #1a202c;--text-muted: #718096;--text-light: #a0aec0;--border-color: #e2e8f0;--status-approved-bg: #c6f6d5;--status-approved-text: #22543d;--status-pending-bg: #feebc8;--status-pending-text: #744210;--status-rejected-bg: #fed7d7;--status-rejected-text: #742a2a;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04);--transition-fast: .15s ease;--transition-normal: .2s ease}.employee-doc-container{min-height:100vh;background-color:var(--bg-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-main);padding:1.5rem;box-sizing:border-box}.employee-doc-container *,.employee-doc-container *:before,.employee-doc-container *:after{box-sizing:border-box}.doc-breadcrumb-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.breadcrumb-left{font-size:1.25rem;font-weight:700;color:var(--text-main)}.breadcrumb-right{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.breadcrumb-right svg{color:var(--text-muted)}.doc-main-wrapper{background-color:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.doc-control-panel{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);position:relative;flex-wrap:wrap;gap:1rem}.panel-title-text{font-size:1.1rem;font-weight:600;display:none}.control-left-block{display:flex;align-items:center;flex:1;max-width:400px}.search-input-wrapper{position:relative;width:100%}.search-input-field{width:100%;padding:.55rem 1rem .55rem 2.5rem;font-size:.875rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-main);transition:all var(--transition-fast)}.search-input-field:focus{outline:none;border-color:var(--primary-color);background-color:var(--bg-surface);box-shadow:0 0 0 3px #5542f626}.search-icon-svg{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);width:1.1rem;height:1.1rem;color:var(--text-muted);pointer-events:none}.control-right-block{display:flex;align-items:center;gap:.5rem;position:relative}.action-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.action-icon-btn:hover{background-color:var(--bg-hover);color:var(--text-main);border-color:var(--text-light)}.btn-add-rec{background-color:var(--primary-color);color:#fff;border:none}.btn-add-rec:hover{background-color:var(--primary-hover);color:#fff}.column-visibility-dropdown{position:absolute;top:calc(100% + .5rem);right:5.5rem;z-index:100;width:220px;background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:.5rem 0;animation:fadeIn .15s ease-out}.dropdown-header-label{padding:.5rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color);margin-bottom:.25rem}.dropdown-list-scroll{max-height:260px;overflow-y:auto}.column-toggle-row{display:flex;align-items:center;gap:.75rem;padding:.45rem 1rem;font-size:.875rem;color:var(--text-main);cursor:pointer;transition:background-color var(--transition-fast)}.column-toggle-row:hover{background-color:var(--bg-hover)}.column-toggle-row input[type=checkbox]{accent-color:var(--primary-color);cursor:pointer}.table-scrollable-container{width:100%;overflow-x:auto;position:relative}.doc-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.doc-data-table th{background-color:var(--bg-main);color:var(--text-muted);font-weight:600;padding:.85rem 1rem;border-bottom:1px solid var(--border-color);white-space:nowrap}.doc-data-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle}.table-row-item{transition:background-color var(--transition-fast)}.table-row-item:hover{background-color:#f1f5f980}.row-selected{background-color:#5542f60a!important}.th-checkbox,.td-checkbox{width:44px;text-align:center;padding-right:0!important}.th-id,.td-id{width:60px;color:var(--text-muted);font-size:.8rem}.file-name-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;color:#2d3748;font-weight:500}.th-download,.td-download,.th-actions,.td-actions{text-align:center}.employee-profile-cell{display:flex;align-items:center;gap:.75rem}.employee-avatar-img{width:2.25rem;height:2.25rem;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.employee-name-text{font-weight:500;color:var(--text-main)}.date-badge-wrapper{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-main)}.calendar-icon-amber{width:1rem;height:1rem;color:#dd6b20}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:capitalize}.status-pill.approved{background-color:var(--status-approved-bg);color:var(--status-approved-text)}.status-pill.pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.status-pill.rejected{background-color:var(--status-rejected-bg);color:var(--status-rejected-text)}.action-inner-btn{display:inline-flex;align-items:center;justify-content:center;width:1.85rem;height:1.85rem;border-radius:var(--radius-sm);border:1px solid transparent;background-color:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-download-row:hover{background-color:var(--bg-hover);color:var(--primary-color)}.btn-edit-row:hover{background-color:var(--bg-hover);color:#3182ce}.btn-delete-row:hover{background-color:#fff5f5;color:#e53e3e}.empty-state-row{text-align:center!important;padding:4rem 2rem!important;color:var(--text-muted);font-size:.95rem;font-style:italic;background-color:var(--bg-surface)}.pagination-footer-panel{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background-color:var(--bg-surface);font-size:.875rem;color:var(--text-muted);flex-wrap:wrap;gap:1rem}.items-per-page-selector{display:flex;align-items:center;gap:.5rem;position:relative}.selector-toggle-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-main);font-weight:500;cursor:pointer}.selector-toggle-btn:hover{background-color:var(--bg-hover)}.size-dropdown-options{position:absolute;bottom:calc(100% + .25rem);right:6rem;z-index:101;background-color:var(--bg-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);border:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;width:60px}.size-opt-btn{padding:.4rem;border:none;background-color:var(--bg-surface);color:var(--text-main);cursor:pointer;font-size:.8rem;transition:background-color var(--transition-fast)}.size-opt-btn:hover{background-color:var(--bg-hover)}.size-opt-btn.active-size{background-color:var(--primary-color);color:#fff}.pagination-nav-block{display:flex;align-items:center;gap:1rem}.pagination-arrow-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast)}.pagination-arrow-btn:hover:not(:disabled){background-color:var(--bg-hover)}.pagination-arrow-btn:disabled{opacity:.4;cursor:not-allowed;color:var(--text-light)}.modal-overlay-backdrop{position:fixed;inset:0;z-index:1000;background-color:#1a202c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.modal-content-card{background-color:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.modal-header-banner{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-main)}.modal-header-left{display:flex;align-items:center;gap:.5rem}.modal-title-text{font-size:1.1rem;font-weight:700;margin:0;color:var(--text-main)}.modal-close-top-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color var(--transition-fast)}.modal-close-top-btn:hover{background-color:var(--border-color);color:var(--text-main)}.modal-interactive-form{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.form-fields-grid{display:grid;grid-template-columns:repeat(2,11fr);gap:1rem}@media(max-width:580px){.form-fields-grid{grid-template-columns:1fr}.doc-control-panel{flex-direction:column;align-items:stretch}.control-left-block{max-width:100%}}.form-input-group{display:flex;flex-direction:column;gap:.35rem}.form-field-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.form-relative-input{position:relative;width:100%}.modal-interactive-form input[type=text],.modal-interactive-form input[type=date],.modal-interactive-form select{width:100%;padding:.55rem .75rem;font-size:.875rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-main);transition:all var(--transition-fast)}.form-relative-input input{padding-right:2.25rem!important}.modal-interactive-form input:focus,.modal-interactive-form select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5542f61f}.form-inner-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.1rem;height:1.1rem;color:var(--text-light);pointer-events:none}.form-mock-upload-zone{border:2px dashed var(--border-color);background-color:var(--bg-main);border-radius:var(--radius-md);padding:1.5rem;text-align:center;transition:border-color var(--transition-fast)}.form-mock-upload-zone:hover{border-color:var(--primary-color)}.upload-zone-flex{display:flex;flex-direction:column;align-items:center;gap:.35rem}.upload-zone-icon-box{color:var(--text-muted);margin-bottom:.25rem}.upload-main-text{margin:0;font-size:.875rem;font-weight:500;color:var(--text-main)}.upload-highlight-link{color:var(--primary-color);font-weight:600;cursor:pointer}.upload-highlight-link:hover{text-decoration:underline}.upload-sub-text{margin:0;font-size:.75rem;color:var(--text-muted)}.form-action-footer-row{display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--border-color);padding-top:1.25rem;margin-top:.5rem}.btn-form-submit{padding:.55rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.btn-form-submit:hover{background-color:var(--primary-hover)}.btn-form-cancel{padding:.55rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);background-color:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.btn-form-cancel:hover{background-color:var(--bg-hover);color:var(--text-main)}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{background:#f5f7fb}.employee-assets-page{width:100%;padding:25px;min-height:100vh}.page-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.page-top h2{font-size:28px;color:#2d2d2d;font-weight:700}.breadcrumb{color:gray;font-size:14px}.assets-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ececec;flex-wrap:wrap;gap:20px}.toolbar-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.toolbar-left h3{font-size:22px;color:#222}.search-box{width:320px;height:44px;display:flex;align-items:center;gap:10px;border:1px solid #dcdcdc;border-radius:8px;padding:0 15px;background:#fff}.search-box svg{color:#888}.search-box input{flex:1;border:none;outline:none;font-size:15px;background:transparent}.toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-right button{width:42px;height:42px;border:none;border-radius:8px;background:#5b5ce2;color:#fff;cursor:pointer;transition:.3s;display:flex;justify-content:center;align-items:center;font-size:16px}.toolbar-right button:hover{transform:translateY(-2px);background:#4748c9}.table-wrapper{width:100%;overflow-x:auto}.table-wrapper table{width:100%;min-width:1150px;border-collapse:collapse}.table-wrapper thead{background:#f7f8fc}.table-wrapper th{padding:16px;text-align:left;font-size:14px;color:#555;white-space:nowrap;border-bottom:1px solid #ececec}.table-wrapper td{padding:16px;border-bottom:1px solid #efefef;white-space:nowrap;font-size:14px}.table-wrapper tbody tr{transition:.25s}.table-wrapper tbody tr:hover{background:#fafcff}.employee-cell img{width:42px;height:42px;border-radius:50%;object-fit:cover}.status{display:inline-flex;align-items:center;justify-content:center;min-width:90px;padding:6px 14px;border-radius:25px;font-size:13px;font-weight:600}.status.assigned{background:#e9f8ef;color:#0d8f45}.status.returned{background:#fff3d9;color:#b98200}.status.repair{background:#e8f1ff;color:#2563eb}.status.damaged{background:#ffe8e8;color:#dc2626}.action-buttons{display:flex;align-items:center;gap:10px}.action-buttons button{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;color:#fff;transition:.3s}.action-buttons button:first-child{background:#4f46e5}.action-buttons button:last-child{background:#ef4444}.action-buttons button:hover{transform:scale(1.05)}.pagination-wrapper{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid #ececec;background:#fff;flex-wrap:wrap;gap:20px}.pagination-left{display:flex;align-items:center;gap:12px}.pagination-left span{font-size:14px;color:#666;font-weight:500}.pagination-left select{width:80px;height:38px;border:1px solid #d7d7d7;border-radius:8px;outline:none;padding:0 10px;cursor:pointer;background:#fff}.pagination-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-info{margin-right:12px;font-size:14px;color:#666;font-weight:500}.pagination-right button{min-width:38px;height:38px;padding:0 12px;border:none;border-radius:8px;background:#f2f4f8;cursor:pointer;transition:.25s;display:flex;justify-content:center;align-items:center;font-size:14px;color:#444}.pagination-right button:hover:not(:disabled){background:#5b5ce2;color:#fff}.pagination-right button:disabled{opacity:.45;cursor:not-allowed}.pagination-right .active-page{background:#5b5ce2;color:#fff;font-weight:600}input[type=checkbox]{width:18px;height:18px;accent-color:#5b5ce2;cursor:pointer}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:20px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}@media(max-width:1200px){.table-wrapper table{min-width:1100px}}@media(max-width:992px){.employee-assets-page{padding:18px}.toolbar{flex-direction:column;align-items:flex-start}.toolbar-left{width:100%;justify-content:space-between}.search-box{width:100%}.toolbar-right{width:100%;justify-content:flex-end}.pagination-wrapper{flex-direction:column;align-items:flex-start}.pagination-right{width:100%;justify-content:center}.page-top h2{font-size:24px}}@media(max-width:768px){.employee-assets-page{padding:15px}.page-top{flex-direction:column;align-items:flex-start}.toolbar{padding:16px}.toolbar-left{flex-direction:column;align-items:flex-start;width:100%}.toolbar-left h3{font-size:20px}.search-box{width:100%}.toolbar-right{justify-content:flex-start;width:100%;flex-wrap:wrap}.toolbar-right button{width:40px;height:40px}.table-wrapper td,.table-wrapper th{padding:14px}.pagination-wrapper{padding:16px}.pagination-left{width:100%;justify-content:space-between}.pagination-right{justify-content:center;gap:6px}.page-info{width:100%;text-align:center;margin:0 0 10px}}@media(max-width:576px){.employee-assets-page{padding:12px}.assets-card{border-radius:10px}.toolbar{gap:15px}.toolbar-left h3{font-size:18px}.search-box{height:42px}.search-box input{font-size:14px}.toolbar-right{gap:8px}.toolbar-right button{width:38px;height:38px}.employee-cell img{width:36px;height:36px}.employee-cell{gap:10px}.status{min-width:80px;font-size:12px;padding:5px 10px}.action-buttons{gap:6px}.action-buttons button{width:34px;height:34px}.pagination-left{flex-direction:column;align-items:flex-start}.pagination-left select{width:100%}.pagination-right{gap:5px}.pagination-right button{min-width:34px;height:34px;font-size:13px}}@media(max-width:420px){.employee-assets-page{padding:10px}.page-top h2{font-size:22px}.breadcrumb{font-size:12px}.toolbar-left h3{font-size:17px}.table-wrapper td,.table-wrapper th,.page-info{font-size:13px}.pagination-right{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:4px}.pagination-right::-webkit-scrollbar{height:4px}}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .25s ease}.asset-modal,.column-modal{width:100%;max-width:700px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 45px #0000002e;animation:popup .28s ease}.column-modal{max-width:420px}@keyframes popup{0%{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #ececec}.modal-header h3{font-size:22px;color:#222;font-weight:700}.close-btn,.modal-header button{width:38px;height:38px;border:none;border-radius:8px;background:#f3f4f6;color:#444;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:.25s}.close-btn:hover,.modal-header button:hover{background:#ef4444;color:#fff}.modal-body{padding:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-size:14px;font-weight:600;color:#444}.form-group input,.form-group select{width:100%;height:44px;border:1px solid #d8d8d8;border-radius:8px;padding:0 14px;font-size:14px;outline:none;transition:.25s;background:#fff}.form-group input:focus,.form-group select:focus{border-color:#5b5ce2;box-shadow:0 0 0 3px #5b5ce226}.column-list{padding:22px;display:flex;flex-direction:column;gap:16px}.column-item{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;color:#444}.column-item input{width:18px;height:18px;accent-color:#5b5ce2}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 22px;border-top:1px solid #ececec}.cancel-btn,.save-btn{min-width:120px;height:44px;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:.25s}.cancel-btn{background:#eef1f6;color:#555}.cancel-btn:hover{background:#dfe4ec}.save-btn{background:#5b5ce2;color:#fff}.save-btn:hover{background:#494acd}::placeholder{color:#9ca3af}::-webkit-scrollbar-thumb{background:#c9ccd5;border-radius:20px}::-webkit-scrollbar-track{background:#f2f4f7}@media(max-width:992px){.asset-modal{max-width:92%}}@media(max-width:768px){.form-grid{grid-template-columns:1fr}.modal-header{padding:16px}.modal-header h3{font-size:20px}.modal-body{padding:18px}.modal-footer{padding:16px}}@media(max-width:576px){.modal-overlay{padding:12px}.asset-modal,.column-modal{width:100%;max-width:100%;border-radius:12px}.form-group input,.form-group select{height:42px}.modal-footer{flex-direction:column-reverse}.cancel-btn,.save-btn{width:100%}}@media(max-width:420px){.modal-header h3{font-size:18px}.modal-body{padding:16px}.form-group label,.form-group input,.form-group select{font-size:13px}.cancel-btn,.save-btn{height:42px;font-size:14px}}:root{--primary-purple: #7C4DFF;--bg-light: #F4F6FA;--text-dark: #333333;--border-color: #E2E8F0;--badge-completed-bg: #E6F7ED;--badge-completed-text: #2E7D32;--badge-review-bg: #FEECEB;--badge-review-text: #D32F2F;--badge-draft-bg: #EDE7F6;--badge-draft-text: #673AB7}body{background-color:var(--bg-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;color:var(--text-dark)}.perf-dashboard-container{padding:24px;max-width:1400px;margin:0 auto}.perf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.perf-header h2{font-size:22px;font-weight:600;margin:0}.perf-breadcrumbs{font-size:14px;color:#777;display:flex;align-items:center;gap:6px}.perf-breadcrumbs .home-icon{font-size:16px}.perf-breadcrumbs .active-crumb{color:#333;font-weight:500}.perf-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;border:1px solid var(--border-color);overflow:visible}.perf-toolbar{background-color:#e8eaf6;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:8px;border-top-right-radius:8px;flex-wrap:wrap;gap:16px;position:relative}.toolbar-left{display:flex;align-items:center;gap:20px;flex-grow:1}.summary-title{font-weight:600;color:#4a4a4a;font-size:16px;white-space:nowrap}.search-box-wrapper{position:relative;background:#fff;border-radius:4px;display:flex;align-items:center;padding:4px 12px;width:100%;max-width:260px;border:1px solid #CBD5E1}.search-box-wrapper input{border:none;outline:none;padding:6px 6px 6px 28px;width:100%;font-size:14px}.search-box-wrapper .search-icon{position:absolute;left:10px;color:#888;pointer-events:none}.toolbar-right{display:flex;align-items:center;gap:12px;position:relative}.tool-btn{background:transparent;border:none;cursor:pointer;color:#5c6bc0;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;transition:background .2s}.tool-btn:hover{background-color:#0000000d}.add-record-btn{color:#2e7d32}.column-dropdown-popover{position:absolute;top:42px;right:0;background:#fff;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000026;border-radius:6px;width:220px;z-index:100;padding:12px 0}.dropdown-header{padding:0 16px 8px;font-weight:600;color:#333;font-size:14px;text-align:center}.dropdown-divider{height:1px;background-color:var(--border-color);margin-bottom:8px}.dropdown-list{max-height:240px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;font-size:14px;color:#4a4a4a}.dropdown-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-purple)}.table-responsive-scroller{overflow-x:auto;width:100%}.perf-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.perf-table th{background-color:#fff;padding:14px 18px;font-weight:600;color:#4a4a4a;border-bottom:2px solid var(--border-color);white-space:nowrap}.perf-table td{padding:12px 18px;border-bottom:1px solid var(--border-color);color:#333;vertical-align:middle}.perf-table tr:hover{background-color:#f8fafc}.perf-table tr.row-selected{background-color:#f1f5f9}.perf-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-purple);cursor:pointer}.employee-cell{display:flex;align-items:center;gap:12px}.emp-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:#e2e8f0}.emp-name{font-weight:500;color:#1e293b}.status-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;text-align:center}.badge-completed{background-color:var(--badge-completed-bg);color:var(--badge-completed-text)}.badge-in-review{background-color:var(--badge-review-bg);color:var(--badge-review-text)}.badge-draft{background-color:var(--badge-draft-bg);color:var(--badge-draft-text)}.actions-cell-buttons{display:flex;justify-content:center;gap:12px}.action-btn{background:transparent;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:transform .1s}.action-btn:hover{transform:scale(1.15)}.perf-pagination{padding:12px 20px;display:flex;justify-content:flex-end;align-items:center;border-top:1px solid var(--border-color);background-color:#f8fafc}.pagination-controls-right{display:flex;align-items:center;gap:16px;font-size:14px;color:#4a4a4a}.select-dropdown-wrapper select{padding:4px 8px;border-radius:4px;border:1px solid #CBD5E1;background:#fff;outline:none;cursor:pointer}.pagination-arrow-buttons{display:flex;gap:4px}.arrow-btn{background:transparent;border:none;padding:6px 10px;cursor:pointer;font-size:16px;color:#333;border-radius:4px}.arrow-btn:disabled{color:#cbd5e1;cursor:not-allowed}.arrow-btn:not(:disabled):hover{background-color:#e2e8f0}.modal-overlay-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-window-box{background:#fff;border-radius:12px;width:100%;max-width:680px;box-shadow:0 10px 25px #0003;overflow:hidden}.animate-popup{animation:smoothPopupScale .25s ease-out}@keyframes smoothPopupScale{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.modal-banner-header{background-color:var(--primary-purple);padding:16px 24px;color:#fff;display:flex;justify-content:space-between;align-items:center}.modal-header-left-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:500}.modal-header-avatar{width:32px;height:32px;border-radius:50%;border:2px solid white}.modal-header-avatar-placeholder{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.modal-close-cross-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1}.modal-body-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-grid-row{display:flex;gap:20px}.form-grid-row>div{flex:1}.fieldset-input-wrapper{position:relative;display:flex;flex-direction:column}.fieldset-input-wrapper label{font-size:12px;color:#64748b;background:#fff;padding:0 4px;position:absolute;top:-8px;left:12px;z-index:2;font-weight:500}.fieldset-input-wrapper input,.fieldset-input-wrapper select{width:100%;padding:12px;border:1px solid #CBD5E1;border-radius:6px;font-size:15px;outline:none;background:#fff;box-sizing:border-box;color:#333}.fieldset-input-wrapper input:focus,.fieldset-input-wrapper select:focus{border-color:var(--primary-purple)}.input-with-inner-icon{position:relative;display:flex;align-items:center}.input-with-inner-icon input{padding-right:36px}.modal-footer-action-row{display:flex;gap:12px;margin-top:10px}.footer-btn{padding:10px 24px;border-radius:20px;font-weight:600;font-size:14px;cursor:pointer;border:none;outline:none}.action-save-btn{background-color:#3f51b5;color:#fff}.action-save-btn:hover{background-color:#303f9f}.action-cancel-btn{background-color:#b71c1c;color:#fff}.action-cancel-btn:hover{background-color:#900c3f}@media(max-width:768px){.form-grid-row{flex-direction:column;gap:20px}.perf-header{flex-direction:column;align-items:flex-start}.perf-toolbar,.toolbar-left{flex-direction:column;align-items:stretch}.search-box-wrapper{max-width:100%}.toolbar-right{justify-content:flex-start}}:root{--primary-color: #7c4dff;--primary-hover: #651fff;--bg-color: #f4f6fa;--card-bg: #ffffff;--text-main: #333333;--text-muted: #666666;--border-color: #e0e0e0;--success-bg: #e6f4ea;--success-text: #137333;--danger-color: #b30000;--action-edit: #7c4dff;--action-delete: #ff5722}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-main)}.payroll-container{padding:24px;max-width:1600px;margin:0 auto}.payroll-breadcrumb-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.payroll-breadcrumb-row h2{font-size:22px;font-weight:600;margin:0;color:#222}.breadcrumb-nav{display:flex;align-items:center;font-size:14px;color:var(--text-muted)}.active-crumb{color:var(--text-main);font-weight:500}.payroll-card{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-color);overflow:hidden}.payroll-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#eef2fa;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px}.toolbar-left{display:flex;align-items:center;gap:24px;flex-grow:1}.toolbar-title{font-weight:600;font-size:16px;color:#444}.search-wrapper{position:relative;width:100%;max-width:280px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#888}.search-wrapper input{width:100%;padding:8px 12px 8px 36px;border:1px solid transparent;border-radius:6px;font-size:14px;background-color:#fff;outline:none;box-shadow:0 1px 3px #0000000d;transition:border-color .2s}.search-wrapper input:focus{border-color:var(--primary-color)}.toolbar-right{display:flex;align-items:center;gap:10px}.icon-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#555;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.icon-btn:hover{background-color:#0000000d;color:#111}.icon-btn.add-btn{color:#28a745}.icon-btn.add-btn:hover{background-color:#28a7451a}.column-popover-container{position:relative}.column-dropdown{position:absolute;right:0;top:40px;width:220px;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100}.dropdown-header{padding:10px 14px;font-weight:600;font-size:14px;border-bottom:1px solid #f0f0f0;text-align:center;color:#333}.dropdown-scroll-body{max-height:240px;overflow-y:auto;padding:6px 0}.dropdown-item{display:flex;align-items:center;padding:8px 14px;font-size:13px;cursor:pointer;color:#555}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item input{margin-right:10px;accent-color:var(--primary-color)}.capitalize-label{text-transform:capitalize}.table-responsive-wrapper{overflow-x:auto;width:100%}.payroll-table th{background-color:#fff;color:#333;font-weight:600;padding:14px 16px;border-bottom:2px solid var(--border-color);white-space:nowrap}.payroll-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#444;vertical-align:middle;white-space:nowrap}.payroll-table tr:hover{background-color:#fafbfc}.payroll-table tr.selected-row{background-color:#f2eeff}.emp-cell{display:flex;align-items:center;gap:12px}.emp-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.emp-name{font-weight:500;color:#222}.date-cell{display:flex;align-items:center;gap:6px;color:#555}.calendar-inline-icon{color:#a0a0a0}.status-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}.status-badge.paid{background-color:var(--success-bg);color:var(--success-text)}.status-badge.pending{background-color:#fff3cd;color:#856404}.action-cell-buttons{display:flex;gap:8px}.action-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background .2s}.action-btn.edit{color:var(--action-edit)}.action-btn.edit:hover{background-color:#f0eaff}.action-btn.delete{color:var(--action-delete)}.action-btn.delete:hover{background-color:#ffebe5}.empty-table-state{text-align:center;padding:40px!important;color:var(--text-muted)}.payroll-pagination-footer{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;background-color:#fff;border-top:1px solid var(--border-color);gap:32px;flex-wrap:wrap}.items-per-page-block{display:flex;align-items:center;gap:8px;font-size:14px;color:#555}.custom-select-wrapper select{padding:6px 24px 6px 10px;border:1px solid var(--border-color);border-radius:4px;background:#fff;font-size:14px;outline:none;cursor:pointer}.pagination-controls{display:flex;align-items:center;gap:16px}.pagination-info{font-size:14px;color:#333}.pagination-arrow{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;color:#444}.pagination-arrow:disabled{color:#ccc;cursor:not-allowed}.pagination-arrow:not(:disabled):hover{background-color:#f0f0f0}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;box-sizing:border-box}.modal-window-card{background:#fff;border-radius:12px;width:100%;max-width:780px;box-shadow:0 8px 30px #0003;overflow:hidden;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-bar{background:linear-gradient(135deg,var(--primary-color) 0%,#651fff 100%);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.modal-header-left{display:flex;align-items:center;gap:12px}.modal-title-avatar{width:28px;height:28px;border-radius:50%;border:2px solid white}.modal-header-bar h3{margin:0;font-size:18px;font-weight:500}.modal-close-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.8}.modal-close-btn:hover{opacity:1}.modal-form-content{padding:28px 24px}.form-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:28px}.floating-input-group{position:relative;width:100%}.floating-input-group input,.floating-input-group select{width:100%;padding:14px 12px;border:1px solid #ababab;border-radius:6px;font-size:15px;background:transparent;outline:none;box-sizing:border-box;transition:border-color .2s}.floating-input-group input:focus,.floating-input-group select:focus{border-color:var(--primary-color);border-width:2px}.floating-input-group label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:#fff;padding:0 4px;color:#777;transition:.2s ease all;pointer-events:none;font-size:14px}.floating-input-group input:focus~label,.floating-input-group input:not(:placeholder-shown)~label,.floating-input-group select~label{top:0;font-size:12px;color:var(--primary-color);font-weight:500}.disabled-styled-input input{background-color:#f5f5f5;border-color:#ddd;color:#777}.disabled-styled-input label{background-color:transparent}.input-inline-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.input-inline-icon.font-icon{font-size:18px;font-weight:700}.modal-actions-footer{display:flex;gap:12px;justify-content:flex-start}.modal-btn{padding:10px 24px;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.modal-btn:hover{opacity:.9}.modal-btn.save-btn{background-color:#3f51b5;color:#fff}.modal-btn.cancel-btn{background-color:var(--danger-color);color:#fff}@media(max-width:768px){.form-grid-layout{grid-template-columns:1fr;gap:20px}.payroll-toolbar{flex-direction:column;align-items:stretch}.toolbar-left{flex-direction:column;align-items:stretch;gap:12px}.search-wrapper{max-width:100%}.toolbar-right{justify-content:space-between}.payroll-breadcrumb-row{flex-direction:column;align-items:flex-start;gap:8px}}:root{--theme-primary: #7c4dff;--theme-gradient-end: #651fff;--bg-canvas: #f4f6fa;--bg-card: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-element: #e0e0e0;--color-danger: #b30000;--badge-paid-bg: #e8f0fe;--badge-paid-text: #1a73e8;--badge-pending-bg: #ffeecc;--badge-pending-text: #fb8c00;--badge-approved-bg: #e6f4ea;--badge-approved-text: #137333}body{margin:0;background-color:var(--bg-canvas);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bonuses-container{padding:24px;max-width:1600px;margin:0 auto}.bonuses-breadcrumb-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.bonuses-breadcrumb-header h2{font-size:22px;font-weight:600;margin:0}.breadcrumb-trail{display:flex;align-items:center;font-size:14px;color:var(--text-secondary)}.active-trail-item{color:var(--text-primary);font-weight:500}.bonuses-card-body{background:var(--bg-card);border-radius:8px;border:1px solid var(--border-element);box-shadow:0 2px 6px #0000000a;overflow:hidden}.table-actions-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#eef2fa;border-bottom:1px solid var(--border-element);flex-wrap:wrap;gap:12px}.toolbar-left-group{display:flex;align-items:center;gap:24px;flex-grow:1}.table-group-title{font-weight:600;font-size:16px;color:#444}.search-bar-container{position:relative;width:100%;max-width:280px}.search-embedded-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}.search-bar-container input{width:100%;padding:8px 12px 8px 36px;border:1px solid transparent;border-radius:6px;font-size:14px;background-color:#fff;outline:none;box-shadow:0 1px 2px #0000000d;transition:border-color .2s}.search-bar-container input:focus{border-color:var(--theme-primary)}.toolbar-right-group{display:flex;align-items:center;gap:10px}.toolbar-action-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#555;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.toolbar-action-btn:hover{background-color:#0000000d;color:#111}.toolbar-action-btn.create-record-trigger{color:#28a745}.toolbar-action-btn.create-record-trigger:hover{background-color:#28a7451a}.popover-wrapper{position:relative}.columns-popover-box{position:absolute;right:0;top:40px;width:220px;background:#fff;border:1px solid var(--border-element);border-radius:8px;box-shadow:0 4px 14px #00000026;z-index:200}.popover-header-title{padding:10px 14px;font-weight:600;font-size:14px;border-bottom:1px solid #f0f0f0;text-align:center}.popover-scroll-list{max-height:250px;overflow-y:auto;padding:6px 0}.popover-row-item{display:flex;align-items:center;padding:8px 14px;font-size:13px;cursor:pointer;color:#444}.popover-row-item:hover{background-color:#f5f5f5}.popover-row-item input{margin-right:10px;accent-color:var(--theme-primary)}.normalize-label-txt{text-transform:capitalize}.table-overflow-adapter{width:100%;overflow-x:auto}.bonuses-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.bonuses-data-table th{background-color:#fff;color:#333;font-weight:600;padding:14px 16px;border-bottom:2px solid var(--border-element);white-space:nowrap}.sortable-column-header{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-column-header:hover{background-color:#f9f9f9}.bonuses-data-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#444;vertical-align:middle;white-space:nowrap}.bonuses-data-table tr:hover{background-color:#fafbfc}.bonuses-data-table tr.active-highlight-row{background-color:#f2eeff}.employee-profile-cell{display:flex;align-items:center;gap:12px}.row-profile-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.row-profile-name{font-weight:500;color:#222}.amount-numeric-val{font-weight:500}.calendar-date-cell{display:flex;align-items:center;gap:6px;color:#555}.table-calendar-icon{color:#9e9e9e}.description-text-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-pill{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}.status-pill.paid{background-color:var(--badge-paid-bg);color:var(--badge-paid-text)}.status-pill.pending{background-color:var(--badge-pending-bg);color:var(--badge-pending-text)}.status-pill.approved{background-color:var(--badge-approved-bg);color:var(--badge-approved-text)}.row-actions-container{display:flex;gap:8px}.action-trigger{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background .2s}.action-trigger.edit-btn-color{color:var(--theme-primary)}.action-trigger.edit-btn-color:hover{background-color:#f0eaff}.action-trigger.delete-btn-color{color:#ff5722}.action-trigger.delete-btn-color:hover{background-color:#ffebe5}.table-empty-notice{text-align:center;padding:40px!important;color:var(--text-secondary)}.table-pagination-footer{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;background-color:#fff;border-top:1px solid var(--border-element);gap:32px;flex-wrap:wrap}.footer-per-page-selector{display:flex;align-items:center;gap:8px;font-size:14px;color:#555}.select-dropdown-container select{padding:6px 24px 6px 10px;border:1px solid var(--border-element);border-radius:4px;background:#fff;font-size:14px;outline:none;cursor:pointer}.footer-navigation-track{display:flex;align-items:center;gap:16px}.track-index-counter{font-size:14px}.track-arrow-btn{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;color:#444}.track-arrow-btn:disabled{color:#ccc;cursor:not-allowed}.track-arrow-btn:not(:disabled):hover{background-color:#f0f0f0}.modal-view-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;box-sizing:border-box}.modal-form-card{background:#fff;border-radius:12px;width:100%;max-width:780px;box-shadow:0 8px 24px #0000002e;overflow:hidden;animation:modalSmoothSlideIn .25s cubic-bezier(.1,.8,.2,1)}@keyframes modalSmoothSlideIn{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-accent-bar{background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-gradient-end) 100%);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.modal-title-identity{display:flex;align-items:center;gap:12px}.modal-header-avatar{width:28px;height:28px;border-radius:50%;border:2px solid white}.modal-header-accent-bar h3{margin:0;font-size:18px;font-weight:500}.modal-dismiss-cross{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.8}.modal-dismiss-cross:hover{opacity:1}.modal-form-body{padding:28px 24px}.modal-inputs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:28px}.input-field-relative-group{position:relative;width:100%}.input-field-relative-group input,.input-field-relative-group select{width:100%;padding:14px 12px;border:1px solid #ababab;border-radius:6px;font-size:15px;background:transparent;outline:none;box-sizing:border-box;transition:border-color .2s}.input-field-relative-group input:focus,.input-field-relative-group select:focus{border-color:var(--theme-primary);border-width:2px}.input-field-relative-group label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:#fff;padding:0 4px;color:#666;transition:.2s ease combined;pointer-events:none;font-size:14px}.input-field-relative-group input:focus~label,.input-field-relative-group input:not(:placeholder-shown)~label,.input-field-relative-group select~label{top:0;font-size:12px;color:var(--theme-primary);font-weight:500}.field-embedded-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}.field-embedded-icon.typography-style-icon{font-size:18px;font-weight:600}.modal-commit-action-bar{display:flex;gap:12px}.action-confirm-btn{padding:10px 24px;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s ease-in}.action-confirm-btn:hover{opacity:.9}.action-confirm-btn.base-save{background-color:#3f51b5;color:#fff}.action-confirm-btn.base-cancel{background-color:var(--color-danger);color:#fff}@media(max-width:768px){.modal-inputs-grid{grid-template-columns:1fr;gap:20px}.table-actions-toolbar{flex-direction:column;align-items:stretch}.toolbar-left-group{flex-direction:column;align-items:stretch;gap:12px}.search-bar-container{max-width:100%}.toolbar-right-group{justify-content:space-between}.bonuses-breadcrumb-header{flex-direction:column;align-items:flex-start;gap:6px}}:root{--primary-accent-brand: #7c4dff;--primary-gradient-terminal: #651fff;--viewport-canvas-bg: #f4f6fa;--surface-card-bg: #ffffff;--text-color-primary: #333333;--text-color-secondary: #666666;--element-border-color: #e0e0e0;--color-brand-danger: #b30000;--badge-deducted-bg: #ffebee;--badge-deducted-text: #ef5350;--badge-pending-bg: #fff3e0;--badge-pending-text: #ffb74d}body{margin:0;background-color:var(--viewport-canvas-bg);color:var(--text-color-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.deductions-view-wrapper{padding:24px;max-width:1600px;margin:0 auto}.deductions-layout-frame{background:var(--surface-card-bg);border-radius:8px;border:1px solid var(--element-border-color);box-shadow:0 2px 6px #0000000a;overflow:hidden}.deductions-core-datagrid{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.deductions-core-datagrid th{background-color:#fff;color:#333;font-weight:600;padding:14px 16px;border-bottom:2px solid var(--element-border-color);white-space:nowrap}.deductions-core-datagrid td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#444;vertical-align:middle;white-space:nowrap}.deductions-core-datagrid tr:hover{background-color:#fafbfc}.deductions-core-datagrid tr.row-state-highlighted{background-color:#f2eeff}.employee-identity-block{display:flex;align-items:center;gap:12px}.identity-avatar-circle{width:32px;height:32px;border-radius:50%;object-fit:cover}.identity-display-name{font-weight:500;color:#222}.grid-calendar-capsule{display:flex;align-items:center;gap:6px;color:#555}.grid-description-truncate{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge-capsule.state-deducted{background-color:var(--badge-deducted-bg);color:var(--badge-deducted-text)}.modal-dialog-surface-card{background:#fff;border-radius:12px;width:100%;max-width:780px;box-shadow:0 8px 24px #0000002e;overflow:hidden;animation:modalCascadeEntrance .25s cubic-bezier(.1,.8,.2,1)}@keyframes modalCascadeEntrance{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-profile-cluster{display:flex;align-items:center;gap:12px}.modal-avatar-circle-frame{width:28px;height:28px;border-radius:50%;border:2px solid white}.material-input-layout-group label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:#fff;padding:0 4px;color:#666;transition:.2s ease combined;pointer-events:none;font-size:14px}:root{--primary-accent-brand: #7c4dff;--primary-gradient-terminal: #651fff;--viewport-canvas-bg: #f4f6fa;--surface-card-bg: #ffffff;--text-color-primary: #333333;--text-color-secondary: #666666;--element-border-color: #e0e0e0;--color-brand-danger: #b30000;--badge-paid-bg: #e8f5e9;--badge-paid-text: #4caf50;--badge-pending-bg: #fff3e0;--badge-pending-text: #ffb74d;--badge-overdue-bg: #ffebee;--badge-overdue-text: #f44336}body{margin:0;background-color:var(--viewport-canvas-bg);color:var(--text-color-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.compliance-view-wrapper{padding:24px;max-width:1600px;margin:0 auto}.view-navigation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.view-navigation-header h1{font-size:22px;font-weight:600;margin:0}.navigation-trail-node{display:flex;align-items:center;font-size:14px;color:var(--text-color-secondary)}.current-node-active{color:var(--text-color-primary);font-weight:500}.compliance-layout-frame{background:var(--surface-card-bg);border-radius:8px;border:1px solid var(--element-border-color);box-shadow:0 2px 6px #0000000a;overflow:hidden}.layout-control-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#eef2fa;border-bottom:1px solid var(--element-border-color);flex-wrap:wrap;gap:12px}.toolbar-left-cluster{display:flex;align-items:center;gap:24px;flex-grow:1}.grid-component-identity{font-weight:600;font-size:16px;color:#444}.input-search-field-frame{position:relative;width:100%;max-width:280px}.embedded-search-vector{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}.input-search-field-frame input{width:100%;padding:8px 12px 8px 36px;border:1px solid transparent;border-radius:6px;font-size:14px;background-color:#fff;outline:none;box-shadow:0 1px 2px #0000000d;transition:border-color .2s}.input-search-field-frame input:focus{border-color:var(--primary-accent-brand)}.toolbar-right-cluster{display:flex;align-items:center;gap:10px}.toolbar-action-trigger{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#555;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.toolbar-action-trigger:hover{background-color:#0000000d;color:#111}.toolbar-action-trigger.add-record-highlight{color:#28a745}.toolbar-action-trigger.add-record-highlight:hover{background-color:#28a7451a}.dropdown-popover-context{position:relative}.column-visibility-popover-box{position:absolute;right:0;top:40px;width:220px;background:#fff;border:1px solid var(--element-border-color);border-radius:8px;box-shadow:0 4px 14px #00000026;z-index:200}.popover-title-bar{padding:10px 14px;font-weight:600;font-size:14px;border-bottom:1px solid #f0f0f0;text-align:center}.popover-checkbox-container{max-height:250px;overflow-y:auto;padding:6px 0}.popover-checkbox-row{display:flex;align-items:center;padding:8px 14px;font-size:13px;cursor:pointer;color:#444}.popover-checkbox-row:hover{background-color:#f5f5f5}.popover-checkbox-row input{margin-right:10px;accent-color:var(--primary-accent-brand)}.popover-item-text-normalize{text-transform:capitalize}.responsive-table-scroll-shield{width:100%;overflow-x:auto}.compliance-core-datagrid{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.compliance-core-datagrid th{background-color:#fff;color:#333;font-weight:600;padding:14px 16px;border-bottom:2px solid var(--element-border-color);white-space:nowrap}.compliance-core-datagrid td{padding:14px 16px;border-bottom:1px solid #f0f0f0;color:#444;vertical-align:middle;white-space:nowrap}.compliance-core-datagrid tr:hover{background-color:#fafbfc}.compliance-core-datagrid tr.row-state-highlighted{background-color:#f2eeff}.compliance-type-bold{font-weight:600;color:#222}.numeric-amount-item-val{font-weight:500}.grid-calendar-capsule{display:flex;align-items:center;gap:6px;color:#444}.grid-calendar-capsule.empty-date-vector-cell{height:18px}.embedded-calendar-vector{color:#9e9e9e}.status-badge-capsule{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}.status-badge-capsule.state-paid{background-color:var(--badge-paid-bg);color:var(--badge-paid-text)}.status-badge-capsule.state-pending{background-color:var(--badge-pending-bg);color:var(--badge-pending-text)}.status-badge-capsule.state-overdue{background-color:var(--badge-overdue-bg);color:var(--badge-overdue-text)}.row-interactive-actions{display:flex;gap:8px}.action-row-trigger{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;transition:background .2s}.action-row-trigger.trigger-edit{color:var(--primary-accent-brand)}.action-row-trigger.trigger-edit:hover{background-color:#f0eaff}.action-row-trigger.trigger-delete{color:#ff5722}.action-row-trigger.trigger-delete:hover{background-color:#ffebe5}.datagrid-blankstate-notice{text-align:center;padding:40px!important;color:var(--text-color-secondary)}.layout-datagrid-pagination-footer{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;background-color:#fff;border-top:1px solid var(--element-border-color);gap:32px;flex-wrap:wrap}.footer-dropdown-selector-group{display:flex;align-items:center;gap:8px;font-size:14px;color:#555}.native-select-wrapper select{padding:6px 24px 6px 10px;border:1px solid var(--element-border-color);border-radius:4px;background:#fff;font-size:14px;outline:none;cursor:pointer}.footer-navigator-buttons-track{display:flex;align-items:center;gap:16px}.navigator-index-display{font-size:14px}.navigator-arrow-btn{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;color:#444}.navigator-arrow-btn:disabled{color:#ccc;cursor:not-allowed}.navigator-arrow-btn:not(:disabled):hover{background-color:#f0f0f0}.modal-viewport-backdrop-curtain{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;box-sizing:border-box}.modal-dialog-surface-card{background:#fff;border-radius:12px;width:100%;max-width:780px;box-shadow:0 8px 24px #0000002e;overflow:hidden;animation:modalCascadeEntrance .22s cubic-bezier(.1,.8,.2,1)}@keyframes modalCascadeEntrance{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-surface-header-gradient{background:linear-gradient(135deg,var(--primary-accent-brand) 0%,var(--primary-gradient-terminal) 100%);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.modal-surface-header-gradient h2{margin:0;font-size:18px;font-weight:500}.modal-dismissal-cross-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;opacity:.8}.modal-dismissal-cross-btn:hover{opacity:1}.modal-dialog-form-body{padding:28px 24px}.modal-form-inputs-matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:28px}.material-input-layout-group{position:relative;width:100%}.material-input-layout-group input,.material-input-layout-group select{width:100%;padding:14px 12px;border:1px solid #ababab;border-radius:6px;font-size:15px;background:transparent;outline:none;box-sizing:border-box;transition:border-color .2s}.material-input-layout-group input:focus,.material-input-layout-group select:focus{border-color:var(--primary-accent-brand);border-width:2px}.material-input-layout-group label{position:absolute;left:12px;top:50%;transform:translateY(-50%);background:#fff;padding:0 4px;color:#666;transition:.15s ease all;pointer-events:none;font-size:14px}.material-input-layout-group input:focus~label,.material-input-layout-group input:not(:placeholder-shown)~label,.material-input-layout-group select~label{top:0;font-size:12px;color:var(--primary-accent-brand);font-weight:500}.material-field-suffix-vector{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}.material-field-suffix-vector.typographical-symbol-icon{font-size:18px;font-weight:600}.modal-dialog-commit-actions-row{display:flex;gap:12px}.dialog-action-btn{padding:10px 24px;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s ease-in}.dialog-action-btn:hover{opacity:.9}.dialog-action-btn.variant-save{background-color:#3f51b5;color:#fff}.dialog-action-btn.variant-cancel{background-color:var(--color-brand-danger);color:#fff}@media(max-width:768px){.modal-form-inputs-matrix-grid{grid-template-columns:1fr;gap:20px}.layout-control-toolbar{flex-direction:column;align-items:stretch}.toolbar-left-cluster{flex-direction:column;align-items:stretch;gap:12px}.input-search-field-frame{max-width:100%}.toolbar-right-cluster{justify-content:space-between}.view-navigation-header{flex-direction:column;align-items:flex-start;gap:6px}}:root{--primary-color: #5e5ce6;--bg-main: #f0f4f9;--bg-card: #ffffff;--text-main: #333333;--text-muted: #666666;--border-color: #e5e9f2;--status-approved-bg: #e6f7f0;--status-approved-text: #10b981;--status-rejected-bg: #ffebe8;--status-rejected-text: #f43f5e;--btn-danger: #ba1a1a;--transition-speed: .25s}.AllHolidays{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);padding:20px;min-height:100vh;box-sizing:border-box}.AllHolidays-breadcrumb{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:14px;color:var(--text-muted)}.AllHolidays-breadcrumb-path span.active{color:var(--text-main);font-weight:500}.AllHolidays-toolbar{background-color:#dde4f0;padding:12px 20px;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.AllHolidays-search-container{display:flex;align-items:center;gap:15px}.AllHolidays-search-label{font-weight:600;color:#444a57;font-size:15px}.AllHolidays-search-input-wrapper{position:relative;background:var(--bg-card);border-radius:4px;display:flex;align-items:center;padding:4px 10px;width:240px}.AllHolidays-search-icon{color:var(--text-muted);margin-right:6px}.AllHolidays-search-input-wrapper input{border:none;outline:none;width:100%;font-size:13px;background:transparent}.AllHolidays-actions-group{display:flex;align-items:center;gap:12px}.AllHolidays-icon-btn{background:transparent;border:none;font-size:18px;color:var(--primary-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:transform var(--transition-speed)}.AllHolidays-icon-btn:hover{transform:scale(1.1)}.AllHolidays-icon-btn.add{background-color:#e1f5fe;border:1px solid #b3e5fc;border-radius:50%;padding:6px}.AllHolidays-filter-wrapper{position:relative}.AllHolidays-filter-dropdown{position:absolute;top:35px;right:0;background:var(--bg-card);border-radius:6px;box-shadow:0 4px 15px #00000026;z-index:100;width:220px;padding:12px;animation:fadeIn .2s ease-out}.AllHolidays-dropdown-title{font-weight:600;text-align:center;margin-bottom:12px;color:#333;border-bottom:1px solid var(--border-color);padding-bottom:6px}.AllHolidays-dropdown-list{max-height:250px;overflow-y:auto}.AllHolidays-dropdown-item{display:flex;align-items:center;gap:10px;padding:6px 4px;cursor:pointer}.AllHolidays-dropdown-item input[type=checkbox]{display:none}.AllHolidays-custom-checkbox{font-size:18px;display:flex;align-items:center;color:#999}.AllHolidays-custom-checkbox .checked{color:#06c}.AllHolidays-checkbox-label{font-size:14px;color:#444}.AllHolidays-table-container{background-color:var(--bg-card);overflow-x:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}.AllHolidays-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.AllHolidays-table th{background-color:var(--bg-card);color:#444;font-weight:600;padding:14px 16px;border-bottom:2px solid var(--border-color);white-space:nowrap}.AllHolidays-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--text-main);white-space:nowrap}.AllHolidays-table tr:hover{background-color:#f8fafc}.AllHolidays-table tr.selected-row{background-color:#f1f5f9}.AllHolidays-primary-text{color:#1e293b;font-weight:500}.AllHolidays-date-cell{display:inline-flex;align-items:center;gap:6px;color:var(--text-main)}.cell-icon{color:#f59e0b}.AllHolidays-status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.AllHolidays-status-badge.approved{background-color:var(--status-approved-bg);color:var(--status-approved-text)}.AllHolidays-status-badge.rejected{background-color:var(--status-rejected-bg);color:var(--status-rejected-text)}.AllHolidays-details-cell{color:var(--text-muted);max-width:150px;overflow:hidden;text-overflow:ellipsis}.AllHolidays-actions-cell{display:flex;gap:12px;justify-content:center}.AllHolidays-row-btn{background:transparent;border:none;font-size:16px;cursor:pointer;padding:2px}.AllHolidays-row-btn.edit{color:#3b82f6}.AllHolidays-row-btn.delete{color:#ef4444}.AllHolidays-pagination{background-color:var(--bg-card);padding:12px 20px;display:flex;justify-content:flex-end;align-items:center;gap:30px;border-top:1px solid var(--border-color);font-size:13px;color:var(--text-muted);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.AllHolidays-pagination-per-page{display:flex;align-items:center;gap:8px}.AllHolidays-pagination-per-page select{border:1px solid var(--border-color);padding:4px 8px;border-radius:4px}.AllHolidays-pagination-info{display:flex;align-items:center;gap:15px}.pagination-arrow{background:transparent;border:none;cursor:not-allowed;font-size:16px;color:#ccc}.AllHolidays-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .25s ease-out}.AllHolidays-modal-card{background:var(--bg-card);width:100%;max-width:900px;border-radius:8px;overflow:hidden;box-shadow:0 10px 25px #0003}.AllHolidays-modal-header{background-color:var(--primary-color);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.AllHolidays-modal-header h3{margin:0;font-weight:500;font-size:16px}.AllHolidays-modal-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer}.AllHolidays-modal-form{padding:24px}.AllHolidays-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.AllHolidays-form-group{display:flex;flex-direction:column;position:relative}.AllHolidays-form-group.full-width{grid-column:span 2}.AllHolidays-form-group label{font-size:12px;color:var(--text-muted);background:var(--bg-card);padding:0 4px;position:absolute;top:-8px;left:10px;z-index:2}.AllHolidays-input-icon-wrapper{position:relative;display:flex;align-items:center}.AllHolidays-form-group input,.AllHolidays-form-group select,.AllHolidays-form-group textarea{width:100%;padding:12px;border:1px solid #ababab;border-radius:4px;font-size:14px;box-sizing:border-box;outline:none}.AllHolidays-input-icon-wrapper input{padding-right:36px}.field-icon{position:absolute;right:12px;color:#555;pointer-events:none}.AllHolidays-modal-footer{margin-top:24px;display:flex;gap:12px}.AllHolidays-btn-save{background-color:#0052cc;color:#fff;border:none;padding:10px 24px;border-radius:20px;cursor:pointer;font-weight:500}.AllHolidays-btn-save.disabled-style{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}.AllHolidays-btn-cancel{background-color:var(--btn-danger);color:#fff;border:none;padding:10px 24px;border-radius:20px;cursor:pointer;font-weight:500}.AllHolidays-confirm-card{background:var(--bg-card);padding:24px;border-radius:12px;width:280px;box-shadow:0 4px 20px #00000026}.AllHolidays-confirm-card h3{margin-top:0;margin-bottom:16px;font-size:24px;font-weight:500;color:#111}.AllHolidays-confirm-details{font-size:14px;color:#666;margin-bottom:24px}.AllHolidays-confirm-details p{margin:6px 0}.AllHolidays-confirm-details span{color:#333}.AllHolidays-confirm-footer{display:flex;gap:12px}.AllHolidays-btn-delete-confirm{background-color:var(--btn-danger);color:#fff;border:none;padding:10px 20px;border-radius:20px;flex:1;font-weight:500;cursor:pointer}.AllHolidays-btn-cancel-confirm{background-color:#0052cc;color:#fff;border:none;padding:10px 20px;border-radius:20px;flex:1;font-weight:500;cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.AllHolidays-form-grid{grid-template-columns:1fr}.AllHolidays-form-group.full-width{grid-column:span 1}.AllHolidays-toolbar{flex-direction:column;align-items:flex-start}.AllHolidays-actions-group{width:100%;justify-content:flex-end}}:root{--primary-blue: #0b57d0;--bg-canvas: #f0f4f9;--bg-surface: #ffffff;--border-grey: #c4c7c5;--error-red: #b3261e;--text-dark: #1f1f1f;--text-grey: #444746;--transition-smooth: cubic-bezier(.4, 0, .2, 1)}.AddHoliday{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-canvas);padding:24px;min-height:100vh;box-sizing:border-box}.AddHoliday-breadcrumb{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.AddHoliday-breadcrumb h2{margin:0;font-size:20px;font-weight:500;color:var(--text-dark)}.AddHoliday-breadcrumb-path{font-size:13px;color:var(--text-grey)}.AddHoliday-breadcrumb-path span.active{color:#1a1a1a;font-weight:500}.AddHoliday-card{background-color:var(--bg-surface);border-radius:12px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;padding:24px}.AddHoliday-card-title{font-size:15px;font-weight:600;color:#004a77;margin-bottom:28px;border-bottom:1px solid #e0e2ec;padding-bottom:10px}.AddHoliday-form{display:flex;flex-direction:column;gap:28px}.AddHoliday-form-group{display:flex;flex-direction:column;position:relative;width:100%}.AddHoliday-form-group label{position:absolute;top:-8px;left:12px;font-size:12px;color:var(--text-grey);background:var(--bg-surface);padding:0 6px;z-index:5}.AddHoliday-form-group input,.AddHoliday-form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--border-grey);border-radius:6px;font-size:14px;color:var(--text-dark);box-sizing:border-box;outline:none;background-color:transparent;transition:border-color .2s var(--transition-smooth),box-shadow .2s var(--transition-smooth)}.AddHoliday-form-group input:focus,.AddHoliday-form-group textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.AddHoliday-form-group.focused input{border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.AddHoliday-form-group.error-boundary input{border-color:var(--error-red)!important}.AddHoliday-form-group label.error-text{color:var(--error-red)!important}.AddHoliday-error-message{color:var(--error-red);font-size:11px;margin-top:4px;margin-left:4px}.AddHoliday-date-input-wrapper{position:relative;display:flex;align-items:center}.AddHoliday-date-input-wrapper input{cursor:pointer;padding-right:44px}.AddHoliday-calendar-icon{position:absolute;right:16px;font-size:18px;color:#444;cursor:pointer}.AddHoliday-calendar-dropdown{position:absolute;top:54px;left:0;background:#eef2fa;border-radius:16px;box-shadow:0 4px 12px #00000026;padding:16px;width:290px;z-index:100;box-sizing:border-box;animation:slideFadeIn .2s var(--transition-smooth)}.AddHoliday-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.AddHoliday-calendar-ym{font-size:15px;font-weight:500;color:#1f1f1f;cursor:pointer}.AddHoliday-calendar-arrows button{background:transparent;border:none;font-size:18px;color:#444746;cursor:pointer;padding:4px;margin-left:8px}.AddHoliday-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:10px}.weekday-lbl{font-size:13px;font-weight:400;color:#444746;padding-bottom:6px}.AddHoliday-calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);row-gap:4px;text-align:center;position:relative}.month-row-lbl{position:absolute;left:6px;top:8px;font-size:13px;font-weight:500;color:#1f1f1f;pointer-events:none}.calendar-day-cell{font-size:13px;padding:8px 0;color:#1f1f1f;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.calendar-day-cell:hover:not(.empty){background-color:#dfe3eb}.calendar-day-cell.empty{cursor:default}.calendar-day-cell.today-highlight{border:1.5px solid #0066cc;background-color:#cbd5e1;font-weight:500}.calendar-day-cell.selected{background-color:var(--primary-blue)!important;color:#fff!important;font-weight:500}.AddHoliday-form-actions{display:flex;gap:12px;margin-top:10px}.AddHoliday-btn-submit{border:none;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;transition:background-color .2s}.AddHoliday-btn-submit.active{background-color:var(--primary-blue);color:#fff;cursor:pointer}.AddHoliday-btn-submit.disabled{background-color:#e1e2e4;color:#9aa0a6;cursor:not-allowed}.AddHoliday-btn-cancel{background-color:#ba1a1a;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.AddHoliday,.AddHoliday-card{padding:16px}.AddHoliday-form-actions{flex-direction:row;width:100%}.AddHoliday-btn-submit,.AddHoliday-btn-cancel{flex:1;text-align:center}}:root{--bg-color: #f0f2f5;--card-bg: #ffffff;--text-main: #333333;--text-muted: #666666;--border-color: #bababa;--primary-blue: #005cc8;--primary-blue-hover: #00469b;--danger-red: #b90d13;--danger-red-hover: #91090e;--calendar-active-bg: #adc5e7;--calendar-active-border: #1967d2}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color)}.EditHoliday-container{padding:20px;max-width:1400px;margin:0 auto;position:relative}.EditHoliday-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.EditHoliday-title{font-size:20px;font-weight:600;color:var(--text-main);margin:0}.EditHoliday-breadcrumb{display:flex;align-items:center;font-size:13px;color:var(--text-muted)}.EditHoliday-breadcrumb-icon{margin-right:4px}.EditHoliday-breadcrumb-arrow{margin:0 6px;font-size:11px}.EditHoliday-breadcrumb-active{color:var(--text-main)}.EditHoliday-card{background:var(--card-bg);border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000000d;position:relative}.EditHoliday-card-title{font-size:15px;font-weight:600;color:var(--text-main);margin-top:0;margin-bottom:25px;border-bottom:1px solid #edf2f7;padding-bottom:10px}.EditHoliday-form{display:flex;flex-direction:column;gap:24px}.EditHoliday-fieldset{position:relative;width:100%}.EditHoliday-label{position:absolute;top:-10px;left:12px;background:var(--card-bg);padding:0 6px;font-size:12px;color:var(--text-muted);z-index:1}.EditHoliday-input,.EditHoliday-textarea{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;color:var(--text-main);background-color:transparent;box-sizing:border-box;outline:none;transition:border-color .2s ease}.EditHoliday-input:focus,.EditHoliday-textarea:focus{border-color:#4f46e5}.EditHoliday-textarea{resize:vertical}.EditHoliday-date-wrapper{position:relative}.EditHoliday-input-with-icon{position:relative;cursor:pointer}.EditHoliday-calendar-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#555;pointer-events:none}.EditHoliday-calendar-dropdown{position:absolute;top:calc(100% + 5px);left:0;z-index:10;background:#e9ecef;border-radius:12px;width:280px;padding:16px;box-shadow:0 4px 12px #00000026;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.EditHoliday-calendar-dropdown.open{opacity:1;transform:translateY(0);pointer-events:auto}.EditHoliday-cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 4px}.EditHoliday-cal-month-year{font-weight:600;font-size:15px;color:#3c4043}.EditHoliday-cal-arrow-down{font-size:10px;margin-left:4px}.EditHoliday-cal-nav span{margin-left:15px;cursor:pointer;font-weight:700;color:#5f6368}.EditHoliday-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:13px;color:#5f6368;margin-bottom:8px}.EditHoliday-cal-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;row-gap:6px}.EditHoliday-cal-day{font-size:13px;color:#3c4043;padding:8px 0;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.EditHoliday-cal-day.clickable{cursor:pointer}.EditHoliday-cal-day.clickable:hover{background-color:#0000000d}.EditHoliday-cal-day.active{background-color:var(--calendar-active-bg);border:2px solid var(--calendar-active-border);font-weight:600}.EditHoliday-actions{display:flex;gap:12px;margin-top:10px}.EditHoliday-btn-submit,.EditHoliday-btn-cancel{padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.EditHoliday-btn-submit{background-color:var(--primary-blue);color:#fff}.EditHoliday-btn-submit:hover:not(.disabled){background-color:var(--primary-blue-hover)}.EditHoliday-btn-submit.disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.6}.EditHoliday-btn-cancel{background-color:var(--danger-red);color:#fff}.EditHoliday-btn-cancel:hover{background-color:var(--danger-red-hover)}@media(max-width:768px){.EditHoliday-header{flex-direction:column;align-items:flex-start;gap:8px}.EditHoliday-settings-gear{right:10px;top:15px}}.AllClients-container{min-height:100vh;background-color:#f0f4f8;padding:1.5rem 2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#334155}.AllClients-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.AllClients-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0}.AllClients-breadcrumbs{display:flex;align-items:center;gap:.4rem;font-size:.825rem;color:#64748b}.AllClients-home-icon{font-size:.9rem}.AllClients-arrow{color:#94a3b8;font-size:.75rem}.AllClients-active-path{color:#1e293b;font-weight:500}.AllClients-board-card{background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #00000005;overflow:visible;position:relative}.AllClients-top-bar{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;position:relative}.AllClients-bar-left{display:flex;align-items:center;gap:.75rem;flex:1;max-width:25rem}.AllClients-tag-pill{background:#e2e8f0;color:#475569;border:none;padding:.45rem .85rem;border-radius:.25rem;font-size:.85rem;font-weight:500;white-space:nowrap}.AllClients-search-box{position:relative;width:100%}.AllClients-search-lens{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:.85rem}.AllClients-search-box input{width:100%;padding:.45rem .75rem .45rem 2.2rem;background:#fff;border:1px solid #cbd5e1;border-radius:.25rem;font-size:.875rem;outline:none}.AllClients-search-box input:focus{border-color:#3b82f6}.AllClients-bar-right{display:flex;align-items:center;gap:.5rem;position:relative}.AllClients-tool-btn{background:#fff;border:1px solid #cbd5e1;color:#475569;padding:.5rem;border-radius:.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s ease}.AllClients-tool-btn:hover,.AllClients-tool-btn.active{background:#f8fafc;color:#2563eb;border-color:#94a3b8}.AllClients-btn-green{background:#22c55e;border-color:#22c55e;color:#fff}.AllClients-btn-green:hover{background:#16a34a;border-color:#16a34a;color:#fff}.AllClients-column-filter-popup{position:absolute;right:7rem;top:2.6rem;background:#f1f3f5;border:1px solid #cbd5e1;border-radius:.4rem;box-shadow:0 4px 12px #0000001f;width:14.5rem;z-index:999;padding:0;font-family:sans-serif}.AllClients-popup-title{font-size:.92rem;font-weight:700;color:#334155;padding:.75rem .5rem;text-align:center;border-bottom:1px dashed #cbd5e1}.AllClients-popup-scroll-area{max-height:12.8rem;overflow-y:scroll;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.75rem;background:#f1f3f5}.AllClients-popup-scroll-area::-webkit-scrollbar{width:14px}.AllClients-popup-scroll-area::-webkit-scrollbar-track{background:#e2e8f0;border-radius:7px}.AllClients-popup-scroll-area::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:7px;border:2px solid #e2e8f0}.AllClients-popup-scroll-area::-webkit-scrollbar-button:start:decrement,.AllClients-popup-scroll-area::-webkit-scrollbar-button:end:increment{display:block;height:8px;background:transparent}.AllClients-popup-row{display:flex;align-items:center;gap:.85rem;font-size:.9rem;color:#334155;cursor:pointer;-webkit-user-select:none;user-select:none}.AllClients-popup-row input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:#0066cc;cursor:pointer;margin:0}.AllClients-popup-text{font-weight:400;color:#475569}.AllClients-responsive-grid{width:100%;overflow-x:auto}.AllClients-data-matrix{width:100%;border-collapse:collapse;min-width:85rem}.AllClients-data-matrix th{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem .75rem;font-size:.75rem;font-weight:600;letter-spacing:.03em;color:#475569;text-align:left}.AllClients-col-cb{width:3.5rem;text-align:center!important}.AllClients-data-matrix td{padding:.85rem .75rem;border-bottom:1px solid #f1f5f9;font-size:.85rem;color:#475569;vertical-align:middle}.AllClients-data-matrix tbody tr:hover{background-color:#f8fafc}.AllClients-data-matrix input[type=checkbox]{width:.95rem;height:.95rem;accent-color:#2563eb;cursor:pointer}.AllClients-profile-pack{display:flex;align-items:center;gap:.65rem}.AllClients-avatar-circle{width:1.8rem;height:1.8rem;background-color:#e0f2fe;color:#0284c7;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.AllClients-profile-name{font-weight:600;color:#1e293b}.AllClients-cell-flex{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.AllClients-icon-green{color:#22c55e;font-size:.8rem}.AllClients-icon-red{color:#f87171;font-size:.8rem}.AllClients-badge{padding:.2rem .6rem;border-radius:.25rem;font-size:.75rem;font-weight:600;display:inline-block}.AllClients-badge.active{background-color:#dcfce7;color:#16a34a}.AllClients-badge.inactive{background-color:#ffe4e6;color:#dc2626}.AllClients-download-trigger{color:#2563eb;cursor:pointer}.AllClients-dash-line{color:#cbd5e1}.AllClients-actions-block{display:flex;align-items:center;gap:.5rem}.AllClients-act-btn{background:none;border:none;padding:.35rem;border-radius:.25rem;cursor:pointer;display:inline-flex;font-size:.95rem}.AllClients-act-btn.AllClients-edit{color:#2563eb}.AllClients-act-btn.AllClients-edit:hover{background:#eff6ff}.AllClients-act-btn.AllClients-delete{color:#dc2626}.AllClients-act-btn.AllClients-delete:hover{background:#fff1f2}.AllClients-id-text{font-family:monospace;color:#94a3b8}.AllClients-address-fade{color:#64748b;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AllClients-center{text-align:center!important}.AllClients-capitalize{text-transform:capitalize}.AllClients-pagination-footer{padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.825rem;color:#64748b;border-top:1px solid #f1f5f9}.AllClients-pagination-controls{display:flex;gap:.35rem}.AllClients-arrow-btn{background:#fff;border:1px solid #e2e8f0;padding:.35rem;border-radius:.25rem;color:#cbd5e1;cursor:not-allowed;display:inline-flex;align-items:center}.AllClients-modal-overlay{position:fixed;inset:0;background-color:#0f172a4d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.AllClients-modal-container{background:#fff;border-radius:.4rem;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:54rem;overflow:hidden;animation:AllClientsPopupIn .2s ease-out}.AllClients-modal-banner{padding:.85rem 1.25rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.AllClients-indigo{background-color:#5c6bc0}.AllClients-modal-headline{display:flex;align-items:center;gap:.65rem}.AllClients-modal-headline h3{margin:0;font-size:1rem;font-weight:500}.AllClients-circle-avatar-placeholder{width:1.6rem;height:1.6rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}.AllClients-modal-close-cross{background:none;border:none;color:#fffc;font-size:1.1rem;cursor:pointer}.AllClients-modal-close-cross:hover{color:#fff}.AllClients-modal-inner-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.15rem;max-height:78vh;overflow-y:auto}.AllClients-inputs-double-grid{display:grid;grid-template-columns:1fr;gap:1.15rem}@media(min-width:640px){.AllClients-inputs-double-grid{grid-template-columns:1fr 1fr}}.AllClients-field-set{display:flex;flex-direction:column;gap:.35rem}.AllClients-field-set label{font-size:.8rem;font-weight:500;color:#475569}.AllClients-field-set input,.AllClients-field-set select,.AllClients-field-set textarea{width:100%;padding:.55rem .75rem;border:1px solid #cbd5e1;border-radius:.25rem;font-size:.875rem;outline:none;background-color:#fff;color:#334155;box-sizing:border-box}.AllClients-field-set input:focus,.AllClients-field-set select:focus,.AllClients-field-set textarea:focus{border-color:#5c6bc0}.AllClients-full-row{grid-column:span 1}@media(min-width:640px){.AllClients-full-row{grid-column:span 2}}.AllClients-modal-footer-actions{display:flex;gap:.5rem;margin-top:.5rem}.AllClients-modal-action-btn{padding:.5rem 1.5rem;border:none;border-radius:1.5rem;font-size:.85rem;font-weight:600;cursor:pointer}.AllClients-save-blue{background-color:#06c;color:#fff}.AllClients-save-blue:hover{background-color:#0052a3}.AllClients-cancel-red{background-color:#b30000;color:#fff}.AllClients-cancel-red:hover{background-color:#900}.AllClients-alert-box{background:#fff;border-radius:.5rem;padding:1.5rem;width:100%;max-width:22rem;box-shadow:0 20px 25px -5px #00000026;text-align:center}.AllClients-alert-heading{font-size:1.6rem;font-weight:500;color:#1e293b;margin:0 0 1rem}.AllClients-alert-summary{text-align:left;font-size:.95rem;color:#475569;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.AllClients-alert-summary p{margin:0}.AllClients-alert-summary span{color:#64748b}.AllClients-alert-buttons{display:flex;justify-content:center;gap:.5rem}.AllClients-pill-btn{color:#fff;border:none;font-weight:600;font-size:.85rem;padding:.55rem 2rem;border-radius:1.5rem;cursor:pointer;min-width:6.5rem}.AllClients-confirm-bg-red{background-color:#b30000}.AllClients-confirm-bg-red:hover{background-color:#900}.AllClients-cancel-bg-blue{background-color:#06c}.AllClients-cancel-bg-blue:hover{background-color:#0052a3}@keyframes AllClientsPopupIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}:root{--primary-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-color: #f3f4f6;--card-bg: #ffffff;--border-color: #bababa;--error-color: #dc2626;--error-bg-border: #dc2626;--text-dark: #333333;--text-muted: #666666;--btn-cancel-bg: #b91c1c;--btn-submit-disabled: #e5e7eb;--btn-submit-text-disabled: #9ca3af;--btn-submit-active: #4f46e5;--calendar-blue: #3b82f6}.AddClient-container{font-family:var(--primary-font);background-color:var(--bg-color);min-height:100vh;padding:24px;box-sizing:border-box}.AddClient-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.AddClient-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.AddClient-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted)}.breadcrumb-separator{color:#9ca3af;font-size:.75rem}.breadcrumb-active{color:#111827}.AddClient-card{background:var(--card-bg);border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:24px}.AddClient-card-title{font-size:1rem;font-weight:600;color:#111827;margin-top:0;margin-bottom:24px}.AddClient-form-grid{display:grid;grid-template-columns:repeat(2,11fr);column-gap:24px;row-gap:24px;margin-bottom:24px}.AddClient-form-group{display:flex;flex-direction:column;position:relative}.AddClient-form-group.full-width{grid-column:span 2;margin-bottom:24px}.AddClient-form-group input,.AddClient-select-wrapper select{width:100%;height:46px;padding:0 16px;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;color:var(--text-dark);background-color:#fff;box-sizing:border-box;outline:none;transition:border-color .2s}.AddClient-form-group input::placeholder{color:#757575}.AddClient-form-group input:focus,.AddClient-select-wrapper select:focus{border-color:#6366f1}.AddClient-form-group.error input,.AddClient-form-group.error .AddClient-input-with-icon input{border-color:var(--error-bg-border)}.AddClient-form-group.error input::placeholder{color:var(--error-color)}.AddClient-error-text{color:var(--error-color);font-size:.75rem;margin-top:5px;position:absolute;bottom:-18px;left:4px}.AddClient-input-with-icon{position:relative;cursor:pointer}.AddClient-input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.AddClient-select-wrapper{position:relative;width:100%}.AddClient-select-wrapper select{appearance:none;-webkit-appearance:none;cursor:pointer}.AddClient-select-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#444;font-size:.85rem;pointer-events:none}.AddClient-upload-section{margin-bottom:28px}.AddClient-upload-label{display:block;font-size:.85rem;color:#4b5563;margin-bottom:8px}.AddClient-upload-dropzone{border:1px dashed #3b82f6;background-color:#fff;border-radius:6px;padding:16px 20px;display:flex;align-items:center;gap:12px;cursor:pointer}.AddClient-upload-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:20px;padding:8px 18px;font-size:.85rem;color:#2563eb;cursor:pointer;font-weight:500}.AddClient-upload-text{font-size:.85rem;color:#4b5563}.AddClient-actions{display:flex;gap:12px;align-items:center}.AddClient-btn-submit{border:none;border-radius:20px;padding:10px 28px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.AddClient-btn-submit.disabled{background-color:var(--btn-submit-disabled);color:var(--btn-submit-text-disabled);cursor:not-allowed}.AddClient-btn-submit.active{background-color:#4f46e5;color:#fff}.AddClient-btn-cancel{background-color:var(--btn-cancel-bg);color:#fff;border:none;border-radius:20px;padding:10px 28px;font-size:.9rem;font-weight:500;cursor:pointer}.date-picker-group{position:relative}.AddClient-calendar-dropdown{position:absolute;top:52px;left:0;z-index:100;width:290px;background:#eef2f7;border-radius:16px;box-shadow:0 10px 25px #0000001a;padding:20px;box-sizing:border-box;animation:slideSmooth .2s ease-out}@keyframes slideSmooth{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.AddClient-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.AddClient-calendar-month-year{display:flex;align-items:center;gap:6px;font-weight:600;color:#374151;font-size:.95rem;cursor:pointer}.dropdown-arrow-small{font-size:.7rem;color:#4b5563}.AddClient-calendar-nav{display:flex;gap:16px}.AddClient-calendar-nav button{background:none;border:none;color:#374151;cursor:pointer;font-size:.85rem;padding:4px}.AddClient-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:12px}.weekday-label{font-size:.85rem;font-weight:500;color:#374151}.AddClient-calendar-grid{position:relative;display:grid;grid-template-columns:repeat(7,1fr);row-gap:8px;text-align:center}.AddClient-calendar-month-label{position:absolute;left:0;top:4px;font-size:.9rem;font-weight:700;color:#111827;pointer-events:none}.AddClient-calendar-day{font-size:.85rem;color:#111827;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;font-weight:400}.AddClient-calendar-day.empty{cursor:default}.AddClient-calendar-day.today{border:1px solid var(--calendar-blue);background-color:#3b82f626;font-weight:600}.AddClient-calendar-day.selected{background-color:var(--calendar-blue)!important;color:#fff!important}.AddClient-calendar-day:not(.empty):hover{background-color:#0000000d}@media(max-width:768px){.AddClient-form-grid{grid-template-columns:1fr;row-gap:20px}.AddClient-form-group.full-width{grid-column:span 1}.AddClient-header{flex-direction:column;align-items:flex-start;gap:8px}}:root{--app-bg: #f3f4f6;--card-background: #ffffff;--borders: #bababa;--dark-text: #2d3748;--label-color: #6b7280;--active-blue: #0b5ed7;--cancel-red: #bb1d1d;--calendar-bg-light: #eef2f7;--billing-overlay-gray: #e9ecef}.EditClient-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--app-bg);min-height:100vh;padding:24px;box-sizing:border-box}.EditClient-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.EditClient-header h2{font-size:1.2rem;font-weight:600;color:#212529;margin:0}.EditClient-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--label-color)}.breadcrumb-slash{color:#adb5bd;font-size:.75rem}.breadcrumb-current{color:#212529}.EditClient-card{background:var(--card-background);border-radius:6px;box-shadow:0 1px 3px #0000000d;padding:24px}.EditClient-card-title{font-size:.95rem;font-weight:600;color:#212529;margin-top:0;margin-bottom:28px}.EditClient-form-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:24px;row-gap:28px;margin-bottom:28px}.EditClient-form-group{display:flex;flex-direction:column;position:relative}.EditClient-form-group.full-width{grid-column:span 2;margin-bottom:28px}.EditClient-floating-label{position:absolute;top:-9px;left:12px;background:#fff;padding:0 5px;font-size:.78rem;color:var(--label-color);z-index:2}.EditClient-form-group input{width:100%;height:48px;padding:0 16px;border:1px solid var(--borders);border-radius:4px;font-size:.92rem;color:var(--dark-text);background-color:transparent;box-sizing:border-box;outline:none}.EditClient-form-group input:focus{border-color:#4f46e5}.EditClient-input-with-icon{position:relative;cursor:pointer;width:100%}.EditClient-field-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#495057;pointer-events:none}.EditClient-custom-select-trigger{width:100%;height:48px;padding:0 16px;border:1px solid var(--borders);border-radius:4px;font-size:.92rem;color:var(--dark-text);display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-sizing:border-box;background:#fff}.EditClient-select-dropdown-icon{color:#495057;font-size:.8rem}.EditClient-billing-overlay-menu{position:absolute;top:52px;left:0;width:100%;background:#fff;border:1px solid #ced4da;border-radius:4px;box-shadow:0 4px 12px #00000014;z-index:50;overflow:hidden;animation:smoothDropdown .15s ease-out}@keyframes smoothDropdown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.EditClient-billing-item{height:44px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size:.92rem;color:#333;cursor:pointer;background:#f8f9fa;border-bottom:1px solid #f1f3f5;transition:background .15s ease}.EditClient-billing-item:last-child{border-bottom:none}.EditClient-billing-item:hover{background:#e9ecef}.EditClient-billing-item.active-item{background:var(--billing-overlay-gray)!important;font-weight:500}.check-icon-marker{color:#495057;font-size:.85rem}.EditClient-drag-drop-area{margin-bottom:28px}.EditClient-upload-heading{display:block;font-size:.85rem;color:#4b5563;margin-bottom:8px}.EditClient-dropzone-box{border:1px dashed #3b82f6;background-color:#fff;border-radius:4px;padding:16px 20px;display:flex;align-items:center;gap:12px;cursor:pointer}.EditClient-choose-file-btn{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:20px;padding:8px 18px;font-size:.82rem;color:#2563eb;cursor:pointer;font-weight:500}.EditClient-filename-display{font-size:.85rem;color:var(--label-color)}.EditClient-button-actions-row{display:flex;gap:12px;align-items:center}.EditClient-submit-trigger{border:none;border-radius:20px;padding:10px 28px;font-size:.88rem;font-weight:500;cursor:pointer}.EditClient-submit-trigger.enabled-state{background-color:var(--active-blue);color:#fff}.EditClient-submit-trigger.disabled-state{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.EditClient-cancel-trigger{background-color:var(--cancel-red);color:#fff;border:none;border-radius:20px;padding:10px 28px;font-size:.88rem;font-weight:500;cursor:pointer}.EditClient-calendar-overlay{position:absolute;top:54px;left:0;z-index:100;width:290px;background:var(--calendar-bg-light);border-radius:16px;box-shadow:0 10px 25px #00000014;padding:20px;box-sizing:border-box;animation:slideSmooth .18s ease-out}@keyframes slideSmooth{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.EditClient-calendar-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.EditClient-calendar-selectors{display:flex;align-items:center;gap:6px;font-weight:600;color:#374151;font-size:.95rem;cursor:pointer}.arrow-down-mini{font-size:.7rem;color:#4b5563}.EditClient-calendar-arrows{display:flex;gap:16px}.EditClient-calendar-arrows button{background:none;border:none;color:#374151;cursor:pointer;font-size:.82rem;padding:4px}.EditClient-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:12px}.weekday-cell{font-size:.85rem;font-weight:500;color:#374151}.EditClient-calendar-daysgrid{position:relative;display:grid;grid-template-columns:repeat(7,1fr);row-gap:8px;text-align:center}.EditClient-calendar-background-text{position:absolute;left:0;top:4px;font-size:.9rem;font-weight:700;color:#212529;pointer-events:none}.EditClient-calendar-day{font-size:.85rem;color:#212529;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}.EditClient-calendar-day.empty{cursor:default}.EditClient-calendar-day.today{border:1px solid #3b82f6;background-color:#3b82f626;font-weight:600}.EditClient-calendar-day:not(.empty):hover{background-color:#0000000d}@media(max-width:768px){.EditClient-form-grid{grid-template-columns:1fr;row-gap:24px}.EditClient-form-group.full-width{grid-column:span 1}.EditClient-header{flex-direction:column;align-items:flex-start;gap:8px}}:root{--body-bg-layer: #f3f4f6;--card-canvas: #ffffff;--text-main-dark: #1f2937;--text-paragraph-muted: #6b7280;--theme-blue-action: #0b5ed7;--border-element: #ced4da}.ClientProfile-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--body-bg-layer);min-height:100vh;padding:24px;box-sizing:border-box}.ClientProfile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ClientProfile-header h2{font-size:1.25rem;font-weight:600;color:#212529;margin:0}.ClientProfile-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-paragraph-muted)}.breadcrumb-home-icon{font-size:.9rem}.breadcrumb-arrow{color:#adb5bd;font-size:.75rem}.breadcrumb-active{color:#212529}.ClientProfile-layout-grid{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.ClientProfile-left-column{display:flex;flex-direction:column;gap:24px}.ClientProfile-hero-card{background:var(--card-canvas);border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden;padding-bottom:24px}.ClientProfile-purple-banner{background:linear-gradient(135deg,#a855f7,#7c3aed);padding:36px 16px;text-align:center;color:#fff}.ClientProfile-purple-banner h3{margin:0;font-size:1.15rem;letter-spacing:.5px;font-weight:700}.ClientProfile-purple-banner p{margin:6px 0 0;font-size:.82rem;opacity:.85}.ClientProfile-avatar-wrapper{display:flex;justify-content:center;margin-top:-45px;margin-bottom:16px}.ClientProfile-avatar-img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:4px solid #ffffff;box-shadow:0 4px 10px #00000014}.ClientProfile-hero-details{padding:0 20px;text-align:center}.ClientProfile-hero-bio{font-size:.84rem;line-height:1.5;color:#718096;margin:0 0 16px}.ClientProfile-geo-location{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.84rem;color:#4a5568}.ClientProfile-divider{border:0;border-top:1px solid #edf2f7;margin:20px 0}.ClientProfile-stats-row{display:flex;justify-content:space-around;padding:0 10px}.ClientProfile-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.ClientProfile-icon-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.95rem;margin-bottom:6px}.blue-circle{background-color:#3b82f6}.orange-circle{background-color:#f97316}.green-circle{background-color:#10b981}.ClientProfile-stat-num{font-size:1.15rem;font-weight:700;color:#111827}.ClientProfile-stat-label{font-size:.72rem;color:var(--text-paragraph-muted);margin-top:2px}.ClientProfile-contact-card{background:var(--card-canvas);border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:20px}.ClientProfile-contact-card h4{font-size:.92rem;margin-top:0;margin-bottom:20px;color:#212529}.ClientProfile-contact-info-list{display:flex;flex-direction:column;gap:16px}.ClientProfile-contact-row{display:flex;flex-direction:column;gap:4px}.contact-label{font-size:.82rem;font-weight:700;color:#111827}.contact-val{font-size:.85rem}.highlight-blue{color:#2563eb}.highlight-blue-link{color:#2563eb;cursor:pointer;text-decoration:none}.highlight-blue-link:hover{text-decoration:underline}.ClientProfile-tabs-card{background:var(--card-canvas);border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.ClientProfile-tabs-header-bar{display:flex;border-bottom:1px solid #dee2e6;background-color:#fff}.ClientProfile-tab-btn{flex:1;background:transparent;border:none;padding:16px;font-size:.92rem;font-weight:600;color:#495057;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;transition:color .15s ease}.ClientProfile-tab-btn:hover{color:var(--theme-blue-action)}.ClientProfile-tab-btn.tab-btn-active{color:#000}.ClientProfile-tab-btn.tab-btn-active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--theme-blue-action)}.tab-icon{font-size:.95rem}.ClientProfile-tab-view-window{padding:24px;min-height:380px}.ClientProfile-view-fadein{animation:componentFadeIn .25s ease-out forwards}@keyframes componentFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ClientProfile-section-block{margin-bottom:28px}.ClientProfile-block-heading{font-size:1.15rem;font-weight:700;color:#212529;margin-top:0;margin-bottom:14px}.ClientProfile-block-heading.border-decoration{margin-bottom:16px;position:relative}.ClientProfile-block-heading.border-decoration:after{content:"";display:block;width:45px;height:3px;background-color:#6366f1;margin-top:6px}.ClientProfile-block-paragraph{font-size:.86rem;line-height:1.6;color:#718096;margin:0}.ClientProfile-badges-container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.ClientProfile-info-badge{padding:14px 16px;border-radius:8px;display:flex;flex-direction:column;gap:6px}.badge-purple{background-color:#f3e8ff}.badge-cyan{background-color:#e0f2fe}.badge-green{background-color:#e8f5e9}.badge-yellow{background-color:#fef3c7}.badge-title{font-size:.68rem;font-weight:500;color:#4b5563}.badge-value{font-size:.9rem;font-weight:700;color:#111827}.badge-pill-status{background-color:#a7f3d0;color:#065f46;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:4px;width:max-content}.ClientProfile-achievement-dashed-box{border:1px dashed #ced4da;border-radius:6px;padding:16px;display:flex;align-items:flex-start;gap:14px}.gold-star-icon{color:#fbbf24;font-size:1.4rem;flex-shrink:0;margin-top:2px}.achievement-message strong{display:block;font-size:.85rem;color:#212529;margin-bottom:4px}.achievement-message p{margin:0;font-size:.82rem;color:#718096}.ClientProfile-settings-form{display:flex;flex-direction:column;gap:24px}.ClientProfile-form-input-row{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.ClientProfile-field-group{display:flex;flex-direction:column;position:relative}.ClientProfile-floating-label{position:absolute;top:-8px;left:12px;background-color:#fff;padding:0 4px;font-size:.76rem;color:var(--text-paragraph-muted);z-index:5}.ClientProfile-input-with-icon-wrapper{position:relative;width:100%}.ClientProfile-input-with-icon-wrapper input{width:100%;height:48px;padding:0 42px 0 16px;border:1px solid var(--border-element);border-radius:4px;font-size:.92rem;color:var(--text-main-dark);box-sizing:border-box;outline:none;background-color:transparent}.ClientProfile-input-with-icon-wrapper input:focus{border-color:#4f46e5}.field-adornment-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#495057;font-size:1rem;pointer-events:none}.field-adornment-icon.placement-marker{font-size:.95rem}.ClientProfile-checkboxes-row{display:flex;flex-direction:column;gap:14px;margin-top:4px}.ClientProfile-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;width:max-content}.ClientProfile-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.checkbox-custom-text{font-size:.88rem;color:#333}.ClientProfile-settings-action-triggers{display:flex;gap:12px;margin-top:8px}.ClientProfile-btn-save{background-color:#f4f7fe;color:var(--theme-blue-action);border:1px solid #e2e8f0;border-radius:20px;padding:10px 24px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.ClientProfile-btn-save:hover{background-color:var(--theme-blue-action);color:#fff}.ClientProfile-btn-reset{background-color:transparent;color:#212529;border:1px solid var(--border-element);border-radius:20px;padding:10px 24px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.ClientProfile-btn-reset:hover{background-color:#f8f9fa}@media(max-width:1024px){.ClientProfile-layout-grid{grid-template-columns:1fr}}@media(max-width:768px){.ClientProfile-form-input-row{grid-template-columns:1fr}.ClientProfile-badges-container{grid-template-columns:repeat(2,1fr)}.ClientProfile-header{flex-direction:column;align-items:flex-start;gap:8px}}@media(max-width:480px){.ClientProfile-badges-container{grid-template-columns:1fr}}.project-details-container{background-color:#f0f4f8;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#4a5568;box-sizing:border-box}.project-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.project-main-title{font-size:20px;font-weight:700;color:#2d3748;margin:0}.project-breadcrumbs{font-size:12px;color:#718096}.project-hero-banner{background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:8px;padding:30px;color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:20px;flex-wrap:wrap;gap:20px}.hero-left-content{display:flex;flex-direction:column;gap:12px}.badge-in-progress{background-color:#fff3;color:#fff;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;width:fit-content;letter-spacing:.5px}.hero-project-title{font-size:24px;font-weight:700;margin:0}.hero-meta-info{font-size:12px;opacity:.9}.hero-right-progress{width:100px;height:50px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.progress-semi-circle{width:100px;height:100px;border:10px solid rgba(255,255,255,.2);border-top:10px solid #10b981;border-left:10px solid #10b981;border-radius:50%;position:absolute;top:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.progress-percentage-text{color:#fff;font-size:16px;font-weight:700;transform:translateY(-20px)}.hero-action-buttons{display:flex;gap:10px}.hero-btn{border:none;padding:8px 16px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer}.hero-btn.edit-btn{background-color:#fff;color:#2d3748}.hero-btn.share-btn{background-color:#1e3a8a;color:#fff}.project-search-wrapper{margin-bottom:20px}.search-box-inner{position:relative;max-width:400px}.search-icon-lens{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:13px;color:#a0aec0}.search-input-control{width:100%;padding:8px 12px 8px 36px;font-size:13px;border:1px solid #cbd5e0;border-radius:6px;background-color:#fff;outline:none}.search-input-control:focus{border-color:#3b82f6}.summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.summary-card{background:#fff;border-radius:6px;padding:16px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:14px}.card-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:18px}.card-icon.icon-blue{background-color:#ebf5ff}.card-icon.icon-green{background-color:#e6fffa}.card-icon.icon-orange{background-color:#fffaf0}.card-icon.icon-red{background-color:#fff5f5}.card-info{display:flex;flex-direction:column;flex:1}.card-label{font-size:11px;color:#718096;font-weight:600}.card-value{font-size:16px;font-weight:700;color:#2d3748;margin:2px 0}.card-subtext{font-size:10px;color:#a0aec0}.card-subtext.text-danger-sub{color:#f56565;font-weight:500}.card-value.text-danger{color:#e53e3e}.progress-bar-track{width:100%;height:4px;background-color:#edf2f7;border-radius:2px;margin-top:4px}.progress-bar-fill{height:100%;background-color:#3182ce;border-radius:2px}.main-layout-split-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.left-content-panel{background-color:#fff;border-radius:6px;border:1px solid #e2e8f0;display:flex;flex-direction:column}.tabs-navigation-strip{display:flex;background-color:#f7fafc;border-bottom:1px solid #e2e8f0;border-top-left-radius:6px;border-top-right-radius:6px}.tab-toggle-btn{flex:1;background:transparent;border:none;padding:14px;font-size:13px;font-weight:600;color:#4a5568;cursor:pointer;border-bottom:2px solid transparent}.tab-toggle-btn.active{background-color:#fff;color:#3182ce;border-bottom-color:#3182ce}.tab-body-display-box{padding:24px;min-height:300px}.content-block-title{font-size:13px;font-weight:700;color:#4a5568;margin-top:0;border-bottom:2px solid #edf2f7;padding-bottom:6px;margin-bottom:12px}.project-description-text{font-size:13px;line-height:1.6;color:#718096}.milestones-vertical-list{display:flex;flex-direction:column;gap:12px}.milestone-item{display:flex;align-items:center;padding:12px;border-bottom:1px solid #f7fafc}.milestone-check{width:20px;height:20px;background-color:#c6f6d5;color:#22543d;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;margin-right:14px}.milestone-meta{flex:1}.milestone-meta h4{font-size:13px;margin:0;color:#2d3748}.milestone-meta p{font-size:11px;margin:2px 0 0;color:#a0aec0}.status-badge-completed{background-color:#e6fffa;color:#234e52;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px}.team-members-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.member-profile-card{border:1px solid #edf2f7;border-radius:6px;padding:14px;display:flex;align-items:center;background-color:#fff;box-shadow:0 1px 2px #00000005}.member-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;margin-right:12px}.placeholder-avatar-1{background-color:#fed7d7}.placeholder-avatar-2{background-color:#feebc8}.placeholder-avatar-3{background-color:#e2e8f0}.placeholder-avatar-4{background-color:#e6fffa}.member-details{flex:1}.member-details h4{font-size:13px;margin:0;color:#2d3748}.member-details p{font-size:11px;margin:2px 0 0;color:#a0aec0}.chat-bubble-btn{background:transparent;border:none;cursor:pointer;font-size:14px;color:#a0aec0}.timeline-activity-flow{display:flex;flex-direction:column;gap:20px;position:relative;padding-left:20px;border-left:2px solid #edf2f7}.timeline-log-node{display:flex;align-items:flex-start;gap:14px;position:relative}.timeline-time-meta{font-size:11px;color:#a0aec0;width:70px;text-align:right;margin-top:2px}.timeline-badge-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff}.icon-blue-bg{background-color:#3182ce}.icon-green-bg{background-color:#38a169}.icon-orange-bg{background-color:#dd6b20}.timeline-text-body{font-size:13px;color:#4a5568;flex:1}.highlight-text{font-weight:600;color:#1a202c}.right-sidebar-panel{display:flex;flex-direction:column;gap:20px}.sidebar-card-widget{background:#fff;border-radius:6px;border:1px solid #e2e8f0;padding:18px}.sidebar-widget-title{font-size:13px;font-weight:700;color:#4a5568;margin-top:0;margin-bottom:14px}.client-branding-block{display:flex;align-items:center;gap:12px;background-color:#f7fafc;padding:10px;border-radius:6px;margin-bottom:14px}.client-logo-box{width:32px;height:32px;background-color:#3b82f6;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff}.client-name-meta h4{font-size:13px;margin:0;color:#2d3748}.client-name-meta p{font-size:11px;margin:2px 0 0;color:#a0aec0}.client-info-fields-list p{font-size:12px;margin:6px 0;color:#4a5568}.project-dates-flex-strip{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:12px;border-radius:6px}.date-node{display:flex;flex-direction:column}.date-lbl{font-size:10px;color:#a0aec0;text-transform:uppercase}.date-val{font-size:12px;font-weight:600;color:#2d3748;margin-top:2px}.date-arrow-indicator{color:#cbd5e0;font-size:14px}.text-right-node{text-align:right}.technologies-badges-flex-wrap{display:flex;flex-wrap:wrap;gap:8px}.tech-badge{background-color:#fff;border:1px solid #cbd5e0;color:#4a5568;padding:4px 10px;border-radius:4px;font-size:11px}.featured-files-vertical-list{display:flex;flex-direction:column;gap:10px}.file-item-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;border:1px solid #edf2f7}.file-icon-type{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff}.file-icon-type.red-pdf{background-color:#e53e3e}.file-icon-type.blue-doc{background-color:#3182ce}.file-name-size-meta{flex:1;display:flex;flex-direction:column}.f-name{font-size:12px;font-weight:500;color:#2d3748}.f-size{font-size:10px;color:#a0aec0;margin-top:1px}.file-download-action-btn{background:transparent;border:none;cursor:pointer;font-size:14px;color:#718096}.animate-fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:992px){.main-layout-split-grid{grid-template-columns:1fr}}@media(max-width:768px){.project-hero-banner{flex-direction:column;align-items:flex-start}.hero-action-buttons{width:100%;justify-content:flex-end}.team-members-grid-layout{grid-template-columns:1fr}}.estimates-layout-root{background-color:#f1f5f9;padding:24px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;box-sizing:border-box}.est-breadcrumb-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.est-main-panel{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.est-panel-toolbar{display:flex;justify-content:space-between;align-items:center;background:#eef2f9;padding:12px 20px;border-bottom:1px solid #cbd5e1}.tool-act-btn{background:transparent;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;padding:4px;transition:opacity .2s}.col-toggle-popup-box{position:absolute;top:36px;right:0;background:#eee;border:1px solid #cccccc;border-radius:4px;box-shadow:0 4px 12px #00000026;width:220px;z-index:999}.est-table-scroll-slider{overflow-x:auto;background:#fff}.est-table-scroll-slider::-webkit-scrollbar{height:8px}.est-table-scroll-slider::-webkit-scrollbar-track{background:#f1f5f9}.est-table-scroll-slider::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.est-custom-data-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;min-width:1300px}.est-custom-data-table th{background:#fff;color:#1e293b;font-weight:500;padding:12px 16px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.est-custom-data-table td{padding:10px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle;white-space:nowrap}.meta-ico-cal{color:#b45309}.text-truncated-node{max-width:140px;overflow:hidden;text-overflow:ellipsis;display:inline-block}.text-muted-details{color:#64748b}.status-badge-node{padding:3px 10px;border-radius:4px;font-size:11px;font-weight:500;display:inline-block}.status-badge-node.tag-accepted{background-color:#dcfce7;color:#15803d}.status-badge-node.tag-declined{background-color:#ffedd5;color:#ea580c}.status-badge-node.tag-sent{background-color:#f3e8ff;color:#7e22ce}.status-badge-node.tag-expired{background-color:#ffe4e6;color:#e11d48}.actions-flex-container{display:flex;gap:12px}.btn-delete-tint{color:#ef4444}.est-pagination-footer-row{display:flex;justify-content:flex-end;align-items:center;background:#fff;padding:12px 20px;border-top:1px solid #cbd5e1}.select-native-wrapper select{padding:2px 20px 2px 6px;border:1px solid #cbd5e1;border-radius:4px;font-size:13px;outline:none}.large-card-form-modal{background:#fff;border-radius:8px;width:100%;max-width:820px;box-shadow:0 10px 30px #0000001a;overflow:hidden;animation:smoothFade .2s ease-out}.form-modal-header-banner{background:#5c67f2;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.form-modal-header-banner h3{color:#fff;margin:0;font-size:16px;font-weight:500}.form-close-x-btn{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;opacity:.8;transition:opacity .2s}.form-close-x-btn:hover{opacity:1}.modal-form-body-wrapper{padding:30px 40px}.form-inputs-two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}.input-group-field-node{display:flex;flex-direction:column;gap:8px;position:relative}.input-group-field-node label{font-size:13px;color:#64748b;font-weight:400}.input-icon-rel-wrapper{position:relative;width:100%}.input-icon-rel-wrapper input{width:100%;height:50px;padding:0 45px 0 14px;border:1px solid #9ca3af;border-radius:4px;background:#fff;font-size:15px;color:#374151;outline:none;box-sizing:border-box;transition:all .2s ease}.input-icon-rel-wrapper input:focus{border-color:#5c67f2;box-shadow:0 0 0 2px #5c67f226}.embedded-form-input-ico{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#5f6368;font-size:18px;pointer-events:none}.input-icon-rel-wrapper input:focus{border-bottom-color:#5c67f2}.embedded-form-input-ico{position:absolute;right:4px;color:#94a3b8;font-size:16px;pointer-events:none}.full-row-width-dropdown,.full-row-width-textarea{grid-column:span 2}.input-group-field-node select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;color:#334155;outline:none;background:#fff;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.input-group-field-node textarea{width:100%;min-height:80px;padding:12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;color:#334155;outline:none;resize:vertical;box-sizing:border-box}.form-action-footer-buttons{display:flex;gap:16px;margin-top:32px}.form-btn-node{padding:10px 36px;border-radius:20px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:opacity .2s}.form-btn-node:hover{opacity:.9}.btn-save-gray{background-color:#e2e8f0;color:#475569}.alert-btn{padding:8px 22px;border-radius:20px;font-size:14px;font-weight:500;border:none;cursor:pointer}.btn-cancel-neutral{background-color:#0284c7;color:#fff}@media(max-width:768px){.form-inputs-two-col-grid{grid-template-columns:1fr;gap:20px}.full-row-width-dropdown,.full-row-width-textarea{grid-column:span 1}.est-panel-toolbar{flex-direction:column;align-items:stretch;gap:12px}.modal-form-body-wrapper{padding:20px}}.client-contacts-layout-root{background-color:#f1f5f9;padding:24px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;box-sizing:border-box}.client-breadcrumb-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.crumb-left h2{font-size:20px;font-weight:500;color:#334155;margin:0}.crumb-right{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569}.crumb-home-ico{font-size:14px;color:#475569}.crumb-arrow{color:#94a3b8;font-size:11px}.crumb-dim{color:#475569}.crumb-active{color:#64748b}.client-main-panel{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.client-panel-toolbar{display:flex;justify-content:space-between;align-items:center;background:#eef2f9;padding:12px 20px;border-bottom:1px solid #cbd5e1}.toolbar-left-side{display:flex;align-items:center;gap:20px}.panel-tab-title{font-size:14px;font-weight:600;color:#475569}.panel-search-field{position:relative;display:flex;align-items:center}.search-embedded-ico{position:absolute;left:10px;color:#94a3b8;font-size:15px}.panel-search-field input{padding:6px 10px 6px 32px;border:1px solid transparent;border-radius:4px;width:200px;font-size:13px;outline:none;background:#fff}.toolbar-right-side{display:flex;align-items:center;gap:12px;position:relative}.tool-act-btn{background:transparent;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;padding:4px}.tool-act-btn:disabled{opacity:.3;cursor:not-allowed}.tool-act-btn.col-red{color:#ef4444}.tool-act-btn.col-blue{color:#3b82f6}.tool-act-btn.col-green{color:#22c55e}.tool-act-btn.col-gray{color:#6b7280}.column-toggle-popup-box{position:absolute;top:36px;right:0;background:#eee;border:1px solid #cccccc;border-radius:4px;box-shadow:0 4px 12px #00000026;width:220px;z-index:999}.toggle-box-title{padding:12px;font-weight:500;font-size:13.5px;color:#111;border-bottom:1px solid #dddddd;text-align:center}.toggle-scroll-viewport{max-height:260px;overflow-y:auto;padding:6px 0}.toggle-row-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer}.toggle-row-item:hover{background:#ddd}.toggle-row-item input[type=checkbox]{display:none}.checkbox-replacement-graphic{width:16px;height:16px;border:2px solid #0056b3;border-radius:2px;margin-right:12px;position:relative;display:inline-block;background:#fff}.toggle-row-item input[type=checkbox]:checked+.checkbox-replacement-graphic{background:#0056b3}.toggle-row-item input[type=checkbox]:checked+.checkbox-replacement-graphic:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-text-lbl-node{font-size:13px;color:#333}.client-table-scroll-slider{overflow-x:auto;background:#fff}.client-custom-data-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left;min-width:1100px}.client-custom-data-table th{background:#fff;color:#1e293b;font-weight:500;padding:14px 16px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.client-custom-data-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle;white-space:nowrap}.row-highlighted{background-color:#f8fafc}.cell-checkbox-width{width:45px}.profile-cell-flex-wrapper{display:flex;align-items:center;gap:12px}.cell-avatar-circle{width:32px;height:32px;border-radius:50%;object-fit:cover}.cell-bold-profile-name{font-weight:400;color:#1e293b}.cell-flex-meta-row{display:flex;align-items:center;gap:8px}.meta-ico-ph{color:#16a34a}.meta-ico-ml{color:#ef4444}.status-badge-node{padding:3px 12px;border-radius:12px;font-size:11.5px;font-weight:500;display:inline-block}.status-badge-node.tag-active{background-color:#dcfce7;color:#15803d}.status-badge-node.tag-inactive{background-color:#fce7f3;color:#9d174d}.actions-flex-container{display:flex;gap:14px}.action-row-btn{background:transparent;border:none;cursor:pointer;font-size:15px;display:flex;align-items:center}.empty-fallback-row{text-align:center;padding:30px!important;color:#94a3b8}.client-pagination-footer-row{display:flex;justify-content:flex-end;align-items:center;background:#fff;padding:12px 20px;border-top:1px solid #cbd5e1}.pagination-flex-right-cluster{display:flex;align-items:center;gap:16px}.footer-dim-lbl{font-size:12px;color:#64748b}.select-native-wrapper select{padding:4px 20px 4px 6px;border:1px solid #cbd5e1;border-radius:4px;font-size:13px;outline:none}.footer-range-lbl{font-size:12px;color:#334155}.footer-navigation-arrows{display:flex;gap:4px}.footer-navigation-arrows button{background:transparent;border:none;font-size:22px;color:#475569;cursor:pointer;display:flex;align-items:center}.footer-navigation-arrows button:disabled{color:#cbd5e1;cursor:not-allowed}.fullscreen-form-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.large-card-form-modal{background:#fff;border-radius:6px;width:100%;max-width:800px;box-shadow:0 10px 25px #0000001a;overflow:hidden;animation:smoothFade .2s ease-out}.form-modal-header-banner{background:#5c67f2;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.form-title-with-avatar{display:flex;align-items:center;gap:10px}.modal-header-thumb{width:28px;height:28px;border-radius:50%;object-fit:cover}.form-modal-header-banner h3{color:#fff;margin:0;font-size:14px;font-weight:500}.form-close-x-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center}.modal-form-body-wrapper{padding:24px}.form-inputs-two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.fieldset-input-node{position:relative;border:1px solid #cbd5e1;border-radius:4px;padding:0 12px;display:flex;flex-direction:column}.fieldset-input-node legend{font-size:12px;color:#475569;padding:0 4px;margin-left:-4px}.input-icon-rel-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-icon-rel-wrapper input,.fieldset-input-node select{width:100%;padding:8px 0;border:none;font-size:14px;outline:none;box-sizing:border-box;background:transparent;color:#1e293b}.embedded-form-input-ico{position:absolute;right:4px;color:#475569;font-size:16px}.font-avatar-icon{font-size:18px;bottom:6px}.full-row-width-dropdown{grid-column:span 2}.form-action-footer-buttons{display:flex;gap:12px;margin-top:24px}.form-btn-node{padding:10px 28px;border-radius:20px;font-size:13.5px;font-weight:600;border:none;cursor:pointer}.delete-alert-backdrop-modal{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10000}.alert-box-card-node{background:#fff;border-radius:12px;padding:24px;width:320px;box-shadow:0 4px 20px #00000026}.alert-box-card-node h4{margin:0 0 16px;font-size:22px;font-weight:400;color:#1e293b}.alert-details-body{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:24px}.alert-details-body p{margin:4px 0}.alert-footer-action-row{display:flex;gap:12px;justify-content:center}.alert-btn{padding:8px 24px;border-radius:20px;font-size:14px;font-weight:600;border:none;cursor:pointer}@media(max-width:768px){.form-inputs-two-col-grid{grid-template-columns:1fr}.full-row-width-dropdown{grid-column:span 1}.client-panel-toolbar{flex-direction:column;align-items:stretch;gap:12px}}.cp-layout-root-container{background-color:#f1f5f9;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;box-sizing:border-box}.cp-breadcrumb-header-strip{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cp-crumb-left h2{font-size:20px;font-weight:500;color:#334155;margin:0}.cp-crumb-right{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569}.cp-home-icon-node{font-size:14px;color:#475569}.cp-separator-node{color:#94a3b8;font-size:11px}.cp-dim-node{color:#475569}.cp-active-node{color:#64748b}.cp-main-table-panel{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.cp-panel-toolbar-row{display:flex;justify-content:space-between;align-items:center;background:#eef2f9;padding:12px 20px;border-bottom:1px solid #cbd5e1}.cp-toolbar-left{display:flex;align-items:center;gap:20px}.cp-panel-tab-title{font-size:14px;font-weight:600;color:#475569}.cp-search-input-field{position:relative;display:flex;align-items:center}.cp-search-inside-ico{position:absolute;left:10px;color:#94a3b8;font-size:15px}.cp-search-input-field input{padding:6px 10px 6px 32px;border:1px solid transparent;border-radius:4px;width:200px;font-size:13px;outline:none;background:#fff}.cp-toolbar-right{display:flex;align-items:center;gap:12px;position:relative}.cp-tool-act-btn{background:transparent;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;padding:4px}.cp-tool-act-btn:disabled{opacity:.3;cursor:not-allowed}.cp-tool-act-btn.color-red{color:#ef4444}.cp-tool-act-btn.color-blue{color:#3b82f6}.cp-tool-act-btn.color-green{color:#22c55e}.cp-tool-act-btn.color-gray{color:#6b7280}.cp-columns-dropdown-popup{position:absolute;top:36px;right:0;background:#eee;border:1px solid #cccccc;border-radius:4px;box-shadow:0 4px 12px #00000026;width:220px;z-index:999}.cp-popup-header-label{padding:12px;font-weight:500;font-size:13.5px;color:#111;border-bottom:1px solid #dddddd;text-align:center}.cp-popup-scroll-area{max-height:260px;overflow-y:auto;padding:6px 0}.cp-popup-row-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer}.cp-popup-row-item:hover{background:#ddd}.cp-popup-row-item input[type=checkbox]{display:none}.cp-checkbox-visual-node{width:16px;height:16px;border:2px solid #0056b3;border-radius:2px;margin-right:12px;position:relative;display:inline-block;background:#fff}.cp-popup-row-item input[type=checkbox]:checked+.cp-checkbox-visual-node{background:#0056b3}.cp-popup-row-item input[type=checkbox]:checked+.cp-checkbox-visual-node:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.cp-checkbox-txt-label{font-size:13px;color:#333}.cp-table-viewport-slider{overflow-x:auto;background:#fff}.cp-custom-data-table-node{width:100%;border-collapse:collapse;font-size:13px;text-align:left;min-width:1150px}.cp-custom-data-table-node th{background:#fff;color:#1e293b;font-weight:500;padding:14px 16px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.cp-custom-data-table-node td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle;white-space:nowrap}.cp-row-highlighted-active{background-color:#f8fafc}.cp-cell-checkbox-dimension{width:45px}.cp-project-title-bold{font-weight:500;color:#111}.cp-date-cell-flex-node{display:flex;align-items:center;gap:8px}.cp-calendar-orange-ico{color:#b45309}.cp-status-pill-badge{padding:3px 12px;border-radius:12px;font-size:11.5px;font-weight:500;display:inline-block}.cp-status-pill-badge.tag-inprogress{background-color:#ffedd5;color:#ea580c}.cp-status-pill-badge.tag-completed{background-color:#dcfce7;color:#15803d}.cp-status-pill-badge.tag-onhold{background-color:#ffe4e6;color:#e11d48}.cp-progress-flex-align{display:flex;align-items:center;gap:12px}.cp-track-bar-outer-frame{width:90px;height:5px;background:#e2e8f0;border-radius:4px;overflow:hidden}.cp-track-bar-inner-fill{height:100%;background:#0056b3}.cp-progress-digit-metric{font-size:12px;font-weight:500;color:#111}.cp-actions-flex-holder{display:flex;gap:14px}.cp-action-row-btn{background:transparent;border:none;cursor:pointer;font-size:15px;display:flex;align-items:center}.cp-empty-fallback-message{text-align:center;padding:30px!important;color:#94a3b8}.cp-pagination-footer-row-layout{display:flex;justify-content:flex-end;align-items:center;background:#fff;padding:12px 20px;border-top:1px solid #cbd5e1}.cp-pagination-right-cluster{display:flex;align-items:center;gap:16px}.cp-footer-dim-label{font-size:12px;color:#64748b}.cp-select-native-box-wrapper select{padding:4px 20px 4px 6px;border:1px solid #cbd5e1;border-radius:4px;font-size:13px;outline:none}.cp-footer-range-label{font-size:12px;color:#334155}.cp-footer-navigation-arrows{display:flex;gap:4px}.cp-footer-navigation-arrows button{background:transparent;border:none;font-size:22px;color:#475569;cursor:pointer;display:flex;align-items:center}.cp-footer-navigation-arrows button:disabled{color:#cbd5e1;cursor:not-allowed}.cp-fullscreen-form-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.cp-large-card-form-modal{background:#fff;border-radius:6px;width:100%;max-width:800px;box-shadow:0 10px 25px #0000001a;overflow:hidden;animation:smoothFade .2s ease-out}.cp-form-modal-header-banner{background:#5c67f2;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.cp-form-modal-header-banner h3{color:#fff;margin:0;font-size:14px;font-weight:500}.cp-form-close-x-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center}.cp-modal-form-body-wrapper{padding:24px}.cp-form-inputs-two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.cp-fieldset-input-node{position:relative;border:1px solid #cbd5e1;border-radius:4px;padding:0 12px;display:flex;flex-direction:column}.cp-fieldset-input-node legend{font-size:12px;color:#475569;padding:0 4px;margin-left:-4px}.cp-input-icon-rel-wrapper{position:relative;display:flex;align-items:center;width:100%}.cp-input-icon-rel-wrapper input,.cp-fieldset-input-node select,.cp-fieldset-input-node textarea{width:100%;padding:8px 0;border:none;font-size:14px;outline:none;box-sizing:border-box;background:transparent;color:#1e293b}.cp-fieldset-input-node.active-blue-border-outline{border-color:#2563eb;border-width:2px}.cp-embedded-form-input-ico{position:absolute;right:4px;color:#475569;font-size:16px}.cp-full-row-width-textarea{grid-column:span 2;padding:4px 12px}.cp-form-action-footer-buttons{display:flex;gap:12px;margin-top:24px}.cp-form-btn-node{padding:10px 28px;border-radius:20px;font-size:13.5px;font-weight:600;border:none;cursor:pointer}.cp-delete-alert-backdrop-modal{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10000}.cp-alert-box-card-node{background:#fff;border-radius:12px;padding:24px;width:320px;box-shadow:0 4px 20px #00000026}.cp-alert-box-card-node h4{margin:0 0 16px;font-size:22px;font-weight:400;color:#1e293b}.cp-alert-details-body{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:24px}.cp-alert-details-body p{margin:4px 0}.cp-alert-footer-action-row{display:flex;gap:12px;justify-content:center}.cp-alert-btn{padding:8px 24px;border-radius:20px;font-size:14px;font-weight:600;border:none;cursor:pointer}@media(max-width:768px){.cp-form-inputs-two-col-grid{grid-template-columns:1fr}.cp-full-row-width-textarea{grid-column:span 1}.cp-panel-toolbar-row{flex-direction:column;align-items:stretch;gap:12px}}.ci-layout-root-container{background-color:#f1f5f9;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;box-sizing:border-box}.ci-breadcrumb-header-strip{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ci-crumb-left h2{font-size:20px;font-weight:500;color:#334155;margin:0}.ci-crumb-right{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569}.ci-home-icon-node{font-size:14px;color:#475569}.ci-separator-node{color:#94a3b8;font-size:11px}.ci-dim-node{color:#475569}.ci-active-node{color:#64748b}.ci-main-table-panel{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.ci-panel-toolbar-row{display:flex;justify-content:space-between;align-items:center;background:#eef2f9;padding:12px 20px;border-bottom:1px solid #cbd5e1}.ci-toolbar-left{display:flex;align-items:center;gap:20px}.ci-panel-tab-title{font-size:14px;font-weight:600;color:#475569}.ci-search-input-field{position:relative;display:flex;align-items:center}.ci-search-inside-ico{position:absolute;left:10px;color:#94a3b8;font-size:15px}.ci-search-input-field input{padding:6px 10px 6px 32px;border:1px solid transparent;border-radius:4px;width:200px;font-size:13px;outline:none;background:#fff}.ci-toolbar-right{display:flex;align-items:center;gap:12px;position:relative}.ci-tool-act-btn{background:transparent;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;padding:4px}.ci-tool-act-btn:disabled{opacity:.3;cursor:not-allowed}.ci-tool-act-btn.color-red{color:#ef4444}.ci-tool-act-btn.color-blue{color:#3b82f6}.ci-tool-act-btn.color-green{color:#22c55e}.ci-tool-act-btn.color-gray{color:#6b7280}.ci-columns-dropdown-popup{position:absolute;top:36px;right:0;background:#eee;border:1px solid #cccccc;border-radius:4px;box-shadow:0 4px 12px #00000026;width:220px;z-index:999}.ci-popup-header-label{padding:12px;font-weight:500;font-size:13.5px;color:#111;border-bottom:1px solid #dddddd;text-align:center}.ci-popup-scroll-area{max-height:260px;overflow-y:auto;padding:6px 0}.ci-popup-row-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer}.ci-popup-row-item:hover{background:#ddd}.ci-popup-row-item input[type=checkbox]{display:none}.ci-checkbox-visual-node{width:16px;height:16px;border:2px solid #0056b3;border-radius:2px;margin-right:12px;position:relative;display:inline-block;background:#fff}.ci-popup-row-item input[type=checkbox]:checked+.ci-checkbox-visual-node{background:#0056b3}.ci-popup-row-item input[type=checkbox]:checked+.ci-checkbox-visual-node:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.ci-checkbox-txt-label{font-size:13px;color:#333}.ci-table-viewport-slider{overflow-x:auto;background:#fff}.ci-custom-data-table-node{width:100%;border-collapse:collapse;font-size:13px;text-align:left;min-width:1100px}.ci-custom-data-table-node th{background:#fff;color:#1e293b;font-weight:500;padding:14px 16px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.ci-custom-data-table-node td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle;white-space:nowrap}.ci-row-highlighted-active{background-color:#f8fafc}.ci-cell-checkbox-dimension{width:45px}.ci-invoice-id-field-txt{font-weight:500;color:#4b5563}.ci-date-cell-flex-node{display:flex;align-items:center;gap:8px}.ci-calendar-brown-ico{color:#b45309}.ci-amount-weight-node{font-weight:400;color:#111}.ci-status-pill-badge{padding:3px 12px;border-radius:4px;font-size:11px;font-weight:500;display:inline-block}.ci-status-pill-badge.tag-paid{background-color:#dcfce7;color:#15803d}.ci-status-pill-badge.tag-sent{background-color:#dbeafe;color:#2563eb}.ci-status-pill-badge.tag-overdue{background-color:#ffe4e6;color:#e11d48}.ci-actions-flex-holder{display:flex;gap:14px}.ci-action-row-btn{background:transparent;border:none;cursor:pointer;font-size:15px;display:flex;align-items:center}.ci-empty-fallback-message{text-align:center;padding:30px!important;color:#94a3b8}.ci-pagination-footer-row-layout{display:flex;justify-content:flex-end;align-items:center;background:#fff;padding:12px 20px;border-top:1px solid #cbd5e1}.ci-pagination-right-cluster{display:flex;align-items:center;gap:16px}.ci-footer-dim-label{font-size:12px;color:#64748b}.ci-select-native-box-wrapper select{padding:4px 20px 4px 6px;border:1px solid #cbd5e1;border-radius:4px;font-size:13px;outline:none}.ci-footer-range-label{font-size:12px;color:#334155}.ci-footer-navigation-arrows{display:flex;gap:4px}.ci-footer-navigation-arrows button{background:transparent;border:none;font-size:22px;color:#475569;cursor:pointer;display:flex;align-items:center}.ci-footer-navigation-arrows button:disabled{color:#cbd5e1;cursor:not-allowed}.ci-fullscreen-form-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.ci-large-card-form-modal{background:#fff;border-radius:6px;width:100%;max-width:800px;box-shadow:0 10px 25px #0000001a;overflow:hidden;animation:smoothFade .2s ease-out}.ci-form-modal-header-banner{background:#5c67f2;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.ci-form-modal-header-banner h3{color:#fff;margin:0;font-size:14px;font-weight:500}.ci-form-close-x-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center}.ci-modal-form-body-wrapper{padding:24px}.ci-form-inputs-two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.ci-fieldset-input-node{position:relative;border:1px solid #cbd5e1;border-radius:4px;padding:0 12px;display:flex;flex-direction:column}.ci-fieldset-input-node legend{font-size:12px;color:#475569;padding:0 4px;margin-left:-4px}.ci-input-icon-rel-wrapper{position:relative;display:flex;align-items:center;width:100%}.ci-input-icon-rel-wrapper input,.ci-fieldset-input-node select{width:100%;padding:8px 0;border:none;font-size:14px;outline:none;box-sizing:border-box;background:transparent;color:#1e293b}.ci-input-icon-rel-wrapper input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}.ci-fieldset-input-node.active-blue-border-outline{border-color:#2563eb;border-width:2px}.ci-embedded-form-input-ico{position:absolute;right:4px;color:#475569;font-size:16px}.ci-form-action-footer-buttons{display:flex;gap:12px;margin-top:24px}.ci-form-btn-node{padding:10px 28px;border-radius:20px;font-size:13.5px;font-weight:600;border:none;cursor:pointer}.ci-delete-alert-backdrop-modal{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10000}.ci-alert-box-card-node{background:#fff;border-radius:12px;padding:24px;width:320px;box-shadow:0 4px 20px #00000026}.ci-alert-box-card-node h4{margin:0 0 16px;font-size:22px;font-weight:400;color:#1e293b}.ci-alert-details-body{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:24px}.ci-alert-details-body p{margin:4px 0}.ci-alert-footer-action-row{display:flex;gap:12px;justify-content:center}.ci-alert-btn{padding:8px 24px;border-radius:20px;font-size:14px;font-weight:600;border:none;cursor:pointer}@media(max-width:768px){.ci-form-inputs-two-col-grid{grid-template-columns:1fr}.ci-panel-toolbar-row{flex-direction:column;align-items:stretch;gap:12px}}.pay-layout-root-container{background-color:#f1f5f9;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;box-sizing:border-box}.pay-breadcrumb-header-strip{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pay-crumb-left h2{font-size:20px;font-weight:500;color:#334155;margin:0}.pay-crumb-right{display:flex;align-items:center;gap:6px;font-size:13px;color:#475569}.pay-home-icon-node{font-size:14px;color:#475569}.pay-separator-node{color:#94a3b8;font-size:11px}.pay-dim-node{color:#475569}.pay-active-node{color:#64748b}.pay-main-table-panel{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.pay-panel-toolbar-row{display:flex;justify-content:space-between;align-items:center;background:#eef2f9;padding:12px 20px;border-bottom:1px solid #cbd5e1}.pay-toolbar-left{display:flex;align-items:center;gap:20px}.pay-panel-tab-title{font-size:14px;font-weight:600;color:#475569}.pay-search-input-field{position:relative;display:flex;align-items:center}.pay-search-inside-ico{position:absolute;left:10px;color:#94a3b8;font-size:15px}.pay-search-input-field input{padding:6px 10px 6px 32px;border:1px solid transparent;border-radius:4px;width:200px;font-size:13px;outline:none;background:#fff}.pay-toolbar-right{display:flex;align-items:center;gap:12px;position:relative}.pay-tool-act-btn{background:transparent;border:none;cursor:pointer;font-size:18px;display:flex;align-items:center;padding:4px}.pay-tool-act-btn:disabled{opacity:.3;cursor:not-allowed}.pay-tool-act-btn.color-red{color:#ef4444}.pay-tool-act-btn.color-blue{color:#3b82f6}.pay-tool-act-btn.color-green{color:#22c55e}.pay-tool-act-btn.color-gray{color:#6b7280}.pay-columns-dropdown-popup{position:absolute;top:36px;right:0;background:#eee;border:1px solid #cccccc;border-radius:4px;box-shadow:0 4px 12px #00000026;width:220px;z-index:999}.pay-popup-header-label{padding:12px;font-weight:500;font-size:13.5px;color:#111;border-bottom:1px solid #dddddd;text-align:center}.pay-popup-scroll-area{max-height:260px;overflow-y:auto;padding:6px 0}.pay-popup-row-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer}.pay-popup-row-item:hover{background:#ddd}.pay-popup-row-item input[type=checkbox]{display:none}.pay-checkbox-visual-node{width:16px;height:16px;border:2px solid #0056b3;border-radius:2px;margin-right:12px;position:relative;display:inline-block;background:#fff}.pay-popup-row-item input[type=checkbox]:checked+.pay-checkbox-visual-node{background:#0056b3}.pay-popup-row-item input[type=checkbox]:checked+.pay-checkbox-visual-node:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.pay-checkbox-txt-label{font-size:13px;color:#333}.pay-table-viewport-slider{overflow-x:auto;background:#fff}.pay-custom-data-table-node{width:100%;border-collapse:collapse;font-size:13px;text-align:left;min-width:1100px}.pay-custom-data-table-node th{background:#fff;color:#1e293b;font-weight:500;padding:14px 16px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.pay-custom-data-table-node td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle;white-space:nowrap}.pay-row-highlighted-active{background-color:#f8fafc}.pay-cell-checkbox-dimension{width:45px}.pay-id-field-txt{font-weight:500;color:#4b5563}.pay-date-cell-flex-node{display:flex;align-items:center;gap:8px}.pay-calendar-brown-ico{color:#b45309}.pay-amount-weight-node{font-weight:400;color:#111}.pay-status-pill-badge{padding:3px 12px;border-radius:4px;font-size:11px;font-weight:500;display:inline-block}.pay-status-pill-badge.tag-completed{background-color:#dcfce7;color:#15803d}.pay-status-pill-badge.tag-pending{background-color:#ffedd5;color:#ea580c}.pay-status-pill-badge.tag-failed{background-color:#ffe4e6;color:#e11d48}.pay-actions-flex-holder{display:flex;gap:14px}.pay-action-row-btn{background:transparent;border:none;cursor:pointer;font-size:15px;display:flex;align-items:center}.btn-edit-tint{color:#3b82f6}.btn-delete-tint{color:#ea580c}.pay-empty-fallback-message{text-align:center;padding:30px!important;color:#94a3b8}.pay-pagination-footer-row-layout{display:flex;justify-content:flex-end;align-items:center;background:#fff;padding:12px 20px;border-top:1px solid #cbd5e1}.pay-pagination-right-cluster{display:flex;align-items:center;gap:16px}.pay-footer-dim-label{font-size:12px;color:#64748b}.pay-select-native-box-wrapper select{padding:4px 20px 4px 6px;border:1px solid #cbd5e1;border-radius:4px;font-size:13px;outline:none}.pay-footer-range-label{font-size:12px;color:#334155}.pay-footer-navigation-arrows{display:flex;gap:4px}.pay-footer-navigation-arrows button{background:transparent;border:none;font-size:22px;color:#475569;cursor:pointer;display:flex;align-items:center}.pay-footer-navigation-arrows button:disabled{color:#cbd5e1;cursor:not-allowed}.pay-fullscreen-form-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.pay-large-card-form-modal{background:#fff;border-radius:6px;width:100%;max-width:800px;box-shadow:0 10px 25px #0000001a;overflow:hidden;animation:smoothFade .2s ease-out}.pay-form-modal-header-banner{background:#5c67f2;padding:14px 20px;display:flex;justify-content:space-between;align-items:center}.pay-form-modal-header-banner h3{color:#fff;margin:0;font-size:14px;font-weight:500}.pay-form-close-x-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center}.pay-modal-form-body-wrapper{padding:24px}.pay-form-inputs-two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.pay-fieldset-input-node{position:relative;border:1px solid #cbd5e1;border-radius:4px;padding:0 12px;display:flex;flex-direction:column}.pay-fieldset-input-node legend{font-size:12px;color:#475569;padding:0 4px;margin-left:-4px}.pay-input-icon-rel-wrapper{position:relative;display:flex;align-items:center;width:100%}.pay-input-icon-rel-wrapper input,.pay-fieldset-input-node select{width:100%;padding:8px 0;border:none;font-size:14px;outline:none;box-sizing:border-box;background:transparent;color:#1e293b}.pay-input-icon-rel-wrapper input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.pay-fieldset-input-node.active-blue-border-outline{border-color:#2563eb;border-width:2px}.active-blue-legend{color:#2563eb!important;font-weight:500}.pay-embedded-form-input-ico{position:absolute;right:4px;color:#475569;font-size:16px}.pay-form-action-footer-buttons{display:flex;gap:12px;margin-top:24px}.pay-form-btn-node{padding:10px 28px;border-radius:20px;font-size:13.5px;font-weight:600;border:none;cursor:pointer}.btn-save-blue{background-color:#0056b3;color:#fff}.btn-cancel-red{background-color:#b91c1c;color:#fff}.pay-delete-alert-backdrop-modal{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10000}.pay-alert-box-card-node{background:#fff;border-radius:12px;padding:24px;width:320px;box-shadow:0 4px 20px #00000026}.pay-alert-box-card-node h4{margin:0 0 16px;font-size:22px;font-weight:400;color:#1e293b}.pay-alert-details-body{font-size:14px;color:#4b5563;line-height:1.6;margin-bottom:24px}.pay-alert-details-body p{margin:4px 0}.pay-alert-footer-action-row{display:flex;gap:12px;justify-content:center}.pay-alert-btn{padding:8px 24px;border-radius:20px;font-size:14px;font-weight:600;border:none;cursor:pointer}.btn-confirm-danger{background-color:#b91c1c;color:#fff}.btn-cancel-blue{background-color:#0056b3;color:#fff}@keyframes smoothFade{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.pay-form-inputs-two-col-grid{grid-template-columns:1fr}.pay-panel-toolbar-row{flex-direction:column;align-items:stretch;gap:12px}}.overtime-container{--ot-primary: #4f46e5;--ot-primary-dark: #4338ca;--ot-primary-light: #eef2ff;--ot-primary-100: #e0e7ff;--ot-success-bg: #dcfce7;--ot-success-text: #15803d;--ot-success-dot: #22c55e;--ot-warning-bg: #fef3c7;--ot-warning-text: #b45309;--ot-warning-dot: #f59e0b;--ot-danger-bg: #fee2e2;--ot-danger-text: #b91c1c;--ot-danger-dot: #ef4444;--ot-gray-50: #f9fafb;--ot-gray-100: #f3f4f6;--ot-gray-200: #e5e7eb;--ot-gray-300: #d1d5db;--ot-gray-400: #9ca3af;--ot-gray-500: #6b7280;--ot-gray-600: #4b5563;--ot-gray-700: #374151;--ot-gray-800: #1f2937;--ot-gray-900: #111827;--ot-white: #ffffff;--ot-radius-sm: 8px;--ot-radius: 12px;--ot-radius-lg: 16px;--ot-shadow-xs: 0 1px 2px rgba(17, 24, 39, .04);--ot-shadow-sm: 0 1px 3px rgba(17, 24, 39, .08), 0 1px 2px rgba(17, 24, 39, .04);--ot-shadow-md: 0 4px 12px rgba(17, 24, 39, .08);--ot-shadow-lg: 0 20px 40px -12px rgba(79, 70, 229, .18), 0 8px 16px -8px rgba(17, 24, 39, .08);--ot-transition: .16s cubic-bezier(.4, 0, .2, 1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ot-gray-900);background:var(--ot-gray-50);min-height:100%;width:100%;box-sizing:border-box;padding:clamp(12px,3vw,28px)}.overtime-container *,.overtime-container *:before,.overtime-container *:after{box-sizing:border-box}.overtime-card{background:var(--ot-white);border:1px solid var(--ot-gray-200);border-radius:var(--ot-radius-lg);box-shadow:var(--ot-shadow-sm);overflow:hidden}.overtime-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid var(--ot-gray-100);background:linear-gradient(180deg,#fff,#fcfcfe)}.overtime-toolbar__title{font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--ot-gray-900);white-space:nowrap;margin-right:4px}.overtime-toolbar__spacer{flex:1 1 auto;min-width:12px}.overtime-search{position:relative;display:flex;align-items:center;min-width:200px;max-width:340px;flex:1 1 220px}.overtime-search__icon{position:absolute;left:12px;color:var(--ot-gray-400);display:flex;pointer-events:none}.overtime-search__input{width:100%;height:40px;padding:0 12px 0 38px;border-radius:var(--ot-radius-sm);border:1.5px solid var(--ot-gray-200);background:var(--ot-gray-50);font-size:14px;font-family:inherit;color:var(--ot-gray-900);transition:border-color var(--ot-transition),box-shadow var(--ot-transition),background var(--ot-transition)}.overtime-search__input:focus{outline:none;border-color:var(--ot-primary);background:var(--ot-white);box-shadow:0 0 0 4px var(--ot-primary-light)}.overtime-search__input::placeholder{color:var(--ot-gray-400)}.overtime-toolbar__actions{display:flex;align-items:center;gap:8px}.overtime-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--ot-radius-sm);border:1.5px solid var(--ot-gray-200);background:var(--ot-white);color:var(--ot-gray-600);cursor:pointer;transition:all var(--ot-transition)}.overtime-icon-btn:hover{background:var(--ot-gray-50);border-color:var(--ot-gray-300);color:var(--ot-gray-900);transform:translateY(-1px)}.overtime-icon-btn:active{transform:translateY(0)}.overtime-icon-btn--active{color:var(--ot-primary);border-color:var(--ot-primary);background:var(--ot-primary-light)}.overtime-icon-btn--primary{background:linear-gradient(135deg,var(--ot-primary) 0%,#6d28d9 100%);border-color:transparent;color:var(--ot-white);box-shadow:0 6px 14px -4px #4f46e58c}.overtime-icon-btn--primary:hover,.overtime-icon-btn--primary:focus,.overtime-icon-btn--primary:active{background:linear-gradient(135deg,var(--ot-primary) 0%,#6d28d9 100%);color:var(--ot-white);transform:none;filter:none;box-shadow:0 6px 14px -4px #4f46e58c}.overtime-icon-btn__badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--ot-primary);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--ot-white)}.overtime-filter-wrap{position:relative}.overtime-filter-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--ot-white);border:1px solid var(--ot-gray-200);border-radius:var(--ot-radius);box-shadow:var(--ot-shadow-lg);padding:14px;z-index:40;animation:overtimeFadeIn .14s ease-out}@keyframes overtimeFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.overtime-filter-dropdown__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ot-gray-500);padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid var(--ot-gray-100)}.overtime-filter-dropdown__item{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--ot-gray-700);cursor:pointer;transition:background var(--ot-transition)}.overtime-filter-dropdown__item:hover{background:var(--ot-gray-50)}.overtime-checkbox{appearance:none;-webkit-appearance:none;width:17px;height:17px;min-width:17px;border-radius:5px;border:1.5px solid var(--ot-gray-300);background:var(--ot-white);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--ot-transition);position:relative}.overtime-checkbox:hover{border-color:var(--ot-primary)}.overtime-checkbox:checked{background:var(--ot-primary);border-color:var(--ot-primary)}.overtime-checkbox:checked:after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.overtime-checkbox:indeterminate{background:var(--ot-primary);border-color:var(--ot-primary)}.overtime-checkbox:indeterminate:after{content:"";position:absolute;left:3px;top:7px;width:9px;height:2px;background:#fff;border-radius:1px}.overtime-table-scroll{width:100%;overflow-x:auto}.overtime-table{width:100%;border-collapse:collapse;min-width:760px}.overtime-table__th{text-align:left;font-size:12.5px;font-weight:700;color:var(--ot-gray-500);text-transform:uppercase;letter-spacing:.03em;padding:13px 18px;background:var(--ot-gray-50);border-bottom:1px solid var(--ot-gray-200);white-space:nowrap}.overtime-table__th--sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.overtime-table__th-inner{display:inline-flex;align-items:center;gap:6px}.overtime-table__th--checkbox,.overtime-table__td--checkbox{width:44px;padding-left:20px}.overtime-table__row{transition:background var(--ot-transition);border-bottom:1px solid var(--ot-gray-100)}.overtime-table__row:last-child{border-bottom:none}.overtime-table__row:hover{background:var(--ot-primary-light)}.overtime-table__row--selected{background:var(--ot-primary-100)}.overtime-table__td{padding:13px 18px;font-size:14px;color:var(--ot-gray-700);vertical-align:middle}.overtime-table__td--name{font-weight:600;color:var(--ot-gray-900)}.overtime-table__td--muted{color:var(--ot-gray-500)}.overtime-avatar{display:inline-flex;align-items:center;gap:10px}.overtime-avatar__initial{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--ot-primary-light),var(--ot-primary-100));color:var(--ot-primary-dark);font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.overtime-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap}.overtime-badge__dot{width:6px;height:6px;border-radius:50%}.overtime-badge--approved{background:var(--ot-success-bg);color:var(--ot-success-text)}.overtime-badge--approved .overtime-badge__dot{background:var(--ot-success-dot)}.overtime-badge--pending{background:var(--ot-warning-bg);color:var(--ot-warning-text)}.overtime-badge--pending .overtime-badge__dot{background:var(--ot-warning-dot)}.overtime-badge--rejected{background:var(--ot-danger-bg);color:var(--ot-danger-text)}.overtime-badge--rejected .overtime-badge__dot{background:var(--ot-danger-dot)}.overtime-row-actions{display:flex;align-items:center;gap:6px}.overtime-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;transition:all var(--ot-transition)}.overtime-action-btn--edit{color:var(--ot-primary)}.overtime-action-btn--edit:hover{background:var(--ot-primary-light);transform:translateY(-1px)}.overtime-action-btn--delete{color:var(--ot-danger-dot)}.overtime-action-btn--delete:hover{background:var(--ot-danger-bg);transform:translateY(-1px)}.overtime-empty{padding:60px 20px;text-align:center;color:var(--ot-gray-500)}.overtime-empty__icon{width:52px;height:52px;border-radius:50%;background:var(--ot-gray-100);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:var(--ot-gray-400)}.overtime-empty__title{font-weight:700;color:var(--ot-gray-800);margin-bottom:4px;font-size:15px}.overtime-empty__subtitle{font-size:13.5px}.overtime-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 22px;border-top:1px solid var(--ot-gray-100);background:var(--ot-gray-50)}.overtime-footer__left{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ot-gray-600)}.overtime-footer__select{height:32px;padding:0 26px 0 10px;border-radius:8px;border:1.5px solid var(--ot-gray-200);background:var(--ot-white);font-size:13.5px;font-family:inherit;color:var(--ot-gray-800);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.overtime-footer__right{display:flex;align-items:center;gap:14px}.overtime-footer__range{font-size:13.5px;color:var(--ot-gray-600);white-space:nowrap}.overtime-footer__nav{display:flex;gap:4px}.overtime-page-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1.5px solid var(--ot-gray-200);background:var(--ot-white);color:var(--ot-gray-600);cursor:pointer;transition:all var(--ot-transition)}.overtime-page-btn:hover:not(:disabled){border-color:var(--ot-primary);color:var(--ot-primary)}.overtime-page-btn:disabled{opacity:.4;cursor:not-allowed}.overtime-modal-overlay{position:fixed;inset:0;background:#1118278c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:overtimeFadeIn .16s ease-out}.overtime-modal{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--ot-gray-50);border-radius:var(--ot-radius-lg);box-shadow:var(--ot-shadow-lg);animation:overtimeModalIn .2s cubic-bezier(.16,1,.3,1)}@keyframes overtimeModalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.overtime-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,var(--ot-primary) 0%,#6d28d9 100%);color:var(--ot-white);position:sticky;top:0}.overtime-modal__title{font-size:17px;font-weight:700}.overtime-modal__close{width:30px;height:30px;border-radius:8px;border:none;background:#ffffff26;color:var(--ot-white);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--ot-transition)}.overtime-modal__close:hover{background:#ffffff47}.overtime-modal__body{padding:24px;display:flex;flex-direction:column;gap:16px}.overtime-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.overtime-field{position:relative;display:flex;flex-direction:column}.overtime-field__label{position:absolute;top:-8px;left:12px;padding:0 6px;background:var(--ot-gray-50);font-size:11.5px;font-weight:700;color:var(--ot-gray-500);letter-spacing:.02em;z-index:1}.overtime-field__required{color:var(--ot-danger-dot)}.overtime-field__control-wrap{position:relative;display:flex;align-items:center}.overtime-field__input,.overtime-field__select,.overtime-field__textarea{width:100%;height:46px;padding:0 40px 0 14px;border-radius:var(--ot-radius-sm);border:1.5px solid var(--ot-gray-200);background:var(--ot-white);font-size:14px;font-family:inherit;color:var(--ot-gray-900);transition:border-color var(--ot-transition),box-shadow var(--ot-transition)}.overtime-field__textarea{height:auto;min-height:80px;padding:12px 40px 12px 14px;resize:vertical}.overtime-field__select{appearance:none;cursor:pointer}.overtime-field__input:focus,.overtime-field__select:focus,.overtime-field__textarea:focus{outline:none;border-color:var(--ot-primary);box-shadow:0 0 0 4px var(--ot-primary-light)}.overtime-field__input--error{border-color:var(--ot-danger-dot)}.overtime-field__icon{position:absolute;right:14px;color:var(--ot-gray-400);pointer-events:none;display:flex}.overtime-field__error{font-size:11.5px;color:var(--ot-danger-text);margin-top:4px;padding-left:2px}.overtime-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px 24px}.overtime-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 22px;border-radius:var(--ot-radius-sm);font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:all var(--ot-transition)}.overtime-btn--save{background:linear-gradient(135deg,var(--ot-primary) 0%,#4338ca 100%);color:var(--ot-white);box-shadow:0 6px 14px -4px #4f46e580}.overtime-btn--save:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.overtime-btn--save:disabled{background:var(--ot-gray-300);box-shadow:none;cursor:not-allowed;color:var(--ot-gray-500)}.overtime-btn--cancel{background:#dc2626;color:var(--ot-white);box-shadow:0 6px 14px -4px #dc262673}.overtime-btn--cancel:hover{filter:brightness(1.08);transform:translateY(-1px)}.overtime-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;background:var(--ot-primary);color:var(--ot-white);font-size:13.5px;font-weight:600;animation:overtimeFadeIn .14s ease-out}.overtime-selection-bar__clear{background:#ffffff29;border:none;color:var(--ot-white);padding:6px 12px;border-radius:7px;font-size:12.5px;font-weight:700;cursor:pointer;transition:background var(--ot-transition)}.overtime-selection-bar__clear:hover{background:#ffffff47}.overtime-selection-bar__delete{display:inline-flex;align-items:center;gap:6px;background:#ffffff29;border:none;color:var(--ot-white);padding:6px 12px;border-radius:7px;font-size:12.5px;font-weight:700;cursor:pointer;transition:background var(--ot-transition)}.overtime-selection-bar__delete:hover{background:#dc2626}.overtime-cards{display:none}.overtime-mobile-card{border-bottom:1px solid var(--ot-gray-100);padding:16px 18px;display:flex;flex-direction:column;gap:10px}.overtime-mobile-card:last-child{border-bottom:none}.overtime-mobile-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.overtime-mobile-card__id{display:flex;align-items:center;gap:10px}.overtime-mobile-card__name{font-weight:700;font-size:14.5px;color:var(--ot-gray-900)}.overtime-mobile-card__date{font-size:12.5px;color:var(--ot-gray-500)}.overtime-mobile-card__grid{display:flex;flex-direction:column;gap:0;font-size:13px;border-top:1px solid var(--ot-gray-100);border-bottom:1px solid var(--ot-gray-100)}.overtime-mobile-card__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--ot-gray-100)}.overtime-mobile-card__row:last-child{border-bottom:none}.overtime-mobile-card__label{color:var(--ot-gray-500);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.overtime-mobile-card__value{color:var(--ot-gray-800);font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overtime-mobile-card__reason{font-size:13px;color:var(--ot-gray-600);background:var(--ot-gray-50);border-radius:8px;padding:8px 10px}.overtime-mobile-card__actions{display:flex;justify-content:flex-end;gap:6px}@media(max-width:860px){.overtime-table-scroll{display:none}.overtime-cards{display:block}.overtime-toolbar{flex-direction:column;align-items:stretch;gap:12px}.overtime-toolbar__title{width:100%;text-align:left}.overtime-toolbar__spacer{display:none}.overtime-search{max-width:none;width:100%}.overtime-toolbar__actions{width:100%;justify-content:space-between}.overtime-icon-btn{flex:1 1 0}.overtime-filter-wrap{flex:1 1 0;display:flex}.overtime-filter-wrap .overtime-icon-btn{width:100%}.overtime-filter-dropdown{right:0;left:auto}.overtime-footer{flex-direction:column;align-items:stretch}.overtime-footer__left,.overtime-footer__right{justify-content:space-between}}@media(max-width:560px){.overtime-container{padding:10px}.overtime-toolbar{padding:14px}.overtime-modal__body{padding:18px}.overtime-form-row{grid-template-columns:1fr}.overtime-modal__footer{padding:14px 18px 18px;flex-direction:column-reverse}.overtime-btn{width:100%}.overtime-mobile-card__grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.overtime-container *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.overtime-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.overtime-modal{background:#fff;width:100%;max-width:450px;border-radius:8px;padding:24px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column}.overtime-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.overtime-modal__header h3{margin:0;font-size:1.25rem}.overtime-modal__header button{background:none;border:none;cursor:pointer;padding:4px}.overtime-modal__body{display:flex;flex-direction:column;gap:15px}.overtime-modal__body input,.overtime-modal__body textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box}.overtime-modal__body textarea{min-height:80px;resize:vertical}.overtime-modal__body .error{color:#dc2626;font-size:12px;margin-top:-10px}.overtime-modal__footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.overtime-modal__footer button{padding:8px 16px;border-radius:4px;cursor:pointer;border:1px solid #ccc;background:#fff}.overtime-modal__footer button.primary{background:#2563eb;color:#fff;border:none}.overtime-column-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #00000026;padding:8px 0;min-width:180px;z-index:100;display:flex;flex-direction:column;animation:slideDown .2s ease-out}.overtime-column-menu__header{padding:4px 16px 8px;font-size:12px;font-weight:600;color:#6c757d;border-bottom:1px solid #f0f0f0;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.overtime-column-menu__label{display:flex;align-items:center;padding:8px 16px;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.overtime-column-menu__label:hover{background-color:#f8f9fa}.overtime-column-menu__label:has(input:disabled){color:#adb5bd;cursor:not-allowed;background-color:transparent}.overtime-column-menu__checkbox{margin-right:12px;cursor:inherit;width:16px;height:16px;accent-color:#007bff}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sp{--sp-primary: #4F46E5;--sp-primary-dark: #4338CA;--sp-accent: #7C3AED;--sp-gradient: linear-gradient(135deg, #6366F1 0%, #7C3AED 100%);--sp-bg: #F6F7FB;--sp-surface: #FFFFFF;--sp-border: #E8EAF3;--sp-border-soft: #EFF1F8;--sp-text: #1E2233;--sp-text-muted: #6B7280;--sp-text-faint: #9CA3AF;--sp-active-bg: #E5F8F0;--sp-active-text: #0F9D58;--sp-scheduled-bg: #FFF3E1;--sp-scheduled-text: #B4650A;--sp-completed-bg: #E8EFFE;--sp-completed-text: #2A5FDB;--sp-cancelled-bg: #FDEAEA;--sp-cancelled-text: #DC2626;--sp-danger: #E11D48;--sp-danger-dark: #BE123C;--sp-shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--sp-shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--sp-shadow-lg: 0 20px 45px rgba(30, 34, 51, .18);--sp-radius: 14px;--sp-radius-sm: 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--sp-text);background:var(--sp-bg);border-radius:20px;padding:20px;box-sizing:border-box;width:100%;margin:0 auto}.sp *,.sp *:before,.sp *:after{box-sizing:border-box}.sp h1,.sp h2{font-family:Plus Jakarta Sans,sans-serif;margin:0}.sp .icon{width:18px;height:18px;display:block}.sp .icon--spin{animation:sp-spin .65s linear}@keyframes sp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sp-header{display:flex;align-items:center;gap:16px;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);padding:16px 20px;box-shadow:var(--sp-shadow-sm);flex-wrap:wrap}.sp-header__title{display:flex;align-items:center;gap:10px;margin-right:8px}.sp-header__icon{width:38px;height:38px;border-radius:11px;background:var(--sp-gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #6366f159}.sp-header__title h1{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--sp-text)}.sp-header__search{flex:1 1 240px;min-width:180px;display:flex;align-items:center;gap:8px;background:var(--sp-bg);border:1px solid var(--sp-border);border-radius:10px;padding:9px 14px;color:var(--sp-text-faint);transition:border-color .15s ease,box-shadow .15s ease}.sp-header__search:focus-within{border-color:var(--sp-primary);box-shadow:0 0 0 3px #4f46e51f;color:var(--sp-text-muted)}.sp-header__search input{border:none;outline:none;background:transparent;flex:1;font-size:14px;font-family:inherit;color:var(--sp-text)}.sp-header__search input::placeholder{color:var(--sp-text-faint)}.sp-header__actions{display:flex;align-items:center;gap:8px;margin-left:auto}.sp-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--sp-border);background:var(--sp-surface);color:var(--sp-text-muted);cursor:pointer;transition:all .15s ease}.sp-icon-btn:hover{background:var(--sp-bg);color:var(--sp-primary);border-color:#d7d9ee;transform:translateY(-1px)}.sp-icon-btn:active{transform:translateY(0)}.sp-icon-btn--active{background:#4f46e51a;color:var(--sp-primary);border-color:var(--sp-primary)}.sp-icon-btn--primary{background:var(--sp-gradient);color:#fff;border:none;box-shadow:0 8px 18px #6366f159}.sp-filter{position:relative}.sp-filter__panel{position:absolute;top:calc(100% + 10px);right:0;width:220px;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius-sm);box-shadow:var(--sp-shadow-lg);padding:14px 0;z-index:40;animation:sp-pop .14s ease}@keyframes sp-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-filter__title{font-weight:700;font-size:13px;padding:0 16px 10px;color:var(--sp-text)}.sp-filter__divider{height:1px;background:var(--sp-border-soft);margin-bottom:6px}.sp-filter__list{max-height:260px;overflow-y:auto;padding:2px 0}.sp-filter__item{display:flex;align-items:center;gap:10px;padding:7px 16px;font-size:13.5px;color:var(--sp-text);cursor:pointer;-webkit-user-select:none;user-select:none}.sp-filter__item:hover{background:var(--sp-bg)}.sp-checkbox{width:18px;height:18px;border-radius:5px;border:1.6px solid #C7CAE0;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:all .12s ease}.sp-checkbox .icon{width:12px;height:12px}.sp-checkbox--checked{background:var(--sp-primary);border-color:var(--sp-primary)}.sp-table-wrapper{margin-top:14px;background:var(--sp-surface);border:1px solid var(--sp-border);border-radius:var(--sp-radius);overflow:hidden;overflow-x:auto;box-shadow:var(--sp-shadow-sm);width:100%}.sp-table{width:100%;border-collapse:collapse;table-layout:auto}.sp-table thead th{text-align:left;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--sp-text-muted);background:#fafbfe;padding:14px 18px;border-bottom:1px solid var(--sp-border);white-space:nowrap}.sp-table__checkbox-col{width:44px}.sp-table__actions-col{width:96px}.sp-row td{padding:13px 18px;font-size:14px;color:var(--sp-text);border-bottom:1px solid var(--sp-border-soft);vertical-align:middle}.sp-row:last-child td{border-bottom:none}.sp-row:hover{background:#fafafe}.sp-row__name{background:none;border:none;padding:0;cursor:pointer;font:inherit;font-weight:600;color:var(--sp-primary);text-decoration:none}.sp-row__name:hover{text-decoration:underline}.sp-table__empty{text-align:center;padding:40px 0;color:var(--sp-text-faint);font-size:14px}.sp-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:700}.sp-badge--active{background:var(--sp-active-bg);color:var(--sp-active-text)}.sp-badge--scheduled{background:var(--sp-scheduled-bg);color:var(--sp-scheduled-text)}.sp-badge--completed{background:var(--sp-completed-bg);color:var(--sp-completed-text)}.sp-badge--cancelled{background:var(--sp-cancelled-bg);color:var(--sp-cancelled-text)}.sp-row-actions{display:flex;align-items:center;gap:6px}.sp-row-actions__btn{width:30px;height:30px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sp-text-faint);transition:all .15s ease}.sp-row-actions__btn .icon{width:16px;height:16px}.sp-row-actions__btn--edit:hover{background:#4f46e51a;color:var(--sp-primary)}.sp-row-actions__btn--delete:hover{background:#e11d481a;color:var(--sp-danger)}.sp-footer{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:14px 18px;flex-wrap:wrap;color:var(--sp-text-muted);font-size:13.5px}.sp-footer__perpage{display:flex;align-items:center;gap:8px}.sp-footer__perpage select{border:1px solid var(--sp-border);border-radius:8px;padding:5px 8px;font-family:inherit;font-size:13.5px;background:var(--sp-surface);color:var(--sp-text);cursor:pointer}.sp-footer__nav{display:flex;gap:4px}.sp-footer__nav button{width:30px;height:30px;border-radius:8px;border:1px solid var(--sp-border);background:var(--sp-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sp-text-muted)}.sp-footer__nav button:hover:not(:disabled){border-color:var(--sp-primary);color:var(--sp-primary)}.sp-footer__nav button:disabled{opacity:.4;cursor:not-allowed}.sp-modal-overlay{position:fixed;inset:0;background:#14162480;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:sp-fade .15s ease}@keyframes sp-fade{0%{opacity:0}to{opacity:1}}.sp-modal{width:100%;max-width:620px;background:var(--sp-surface);border-radius:18px;overflow:hidden;box-shadow:var(--sp-shadow-lg);animation:sp-rise .18s ease}@keyframes sp-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--sp-gradient)}.sp-modal__header--accent{background:linear-gradient(135deg,#5865f2,#4f46e5)}.sp-modal__title{color:#fff;font-size:18px;font-weight:700}.sp-modal__close{width:30px;height:30px;border-radius:8px;border:none;background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.sp-modal__close:hover{background:#ffffff4d}.sp-modal__body{padding:24px;max-height:66vh;overflow-y:auto}.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.sp-field--full{grid-column:1 / -1}.sp-field__label{display:block;font-size:12.5px;font-weight:600;color:var(--sp-text-muted);margin-bottom:6px}.sp-field__req{color:var(--sp-danger);margin-left:2px}.sp-field__control{position:relative;display:flex;align-items:center}.sp-field__input{width:100%;padding:11px 40px 11px 14px;border:1.4px solid var(--sp-border);border-radius:10px;font-family:inherit;font-size:14px;color:var(--sp-text);background:var(--sp-surface);transition:border-color .15s ease,box-shadow .15s ease;appearance:none}.sp-field__input:focus{outline:none;border-color:var(--sp-primary);box-shadow:0 0 0 3px #4f46e51f}.sp-field__input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:40px;height:100%;cursor:pointer}.sp-field__select{cursor:pointer}.sp-field__icon,.sp-field__icon-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--sp-text-faint);pointer-events:none;width:18px;height:18px}.sp-field__icon-btn{background:none;border:none;padding:0;pointer-events:auto;cursor:pointer}.sp-field__icon-btn:hover{color:var(--sp-primary)}.sp-modal__footer{display:flex;gap:10px;padding:18px 24px 22px;border-top:1px solid var(--sp-border-soft)}.sp-btn{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:14px;padding:11px 26px;border-radius:10px;border:none;cursor:pointer;transition:all .15s ease}.sp-btn--primary{background:var(--sp-primary);color:#fff;box-shadow:0 8px 16px #4f46e54d}.sp-btn--primary:hover:not(:disabled){background:var(--sp-primary-dark);transform:translateY(-1px)}.sp-btn--primary:disabled{background:#d8daeb;color:#a6a9c4;box-shadow:none;cursor:not-allowed}.sp-btn--danger{background:var(--sp-danger);color:#fff;box-shadow:0 8px 16px #e11d4840}.sp-btn--danger:hover{background:var(--sp-danger-dark);transform:translateY(-1px)}.sp-toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:#1e2233;color:#fff;font-size:13.5px;font-weight:600;padding:12px 22px;border-radius:10px;box-shadow:var(--sp-shadow-lg);z-index:200;animation:sp-toast-in .2s ease}@keyframes sp-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:860px){.sp-grid{grid-template-columns:1fr}}@media(max-width:768px){.sp{padding:12px;border-radius:14px}.sp-header{padding:14px;gap:12px}.sp-header__title{width:100%}.sp-header__search{order:3;flex-basis:100%}.sp-header__actions{margin-left:0}.sp-table thead{display:none}.sp-table,.sp-table tbody,.sp-row,.sp-row td{display:block;width:100%}.sp-row{border:1px solid var(--sp-border-soft);border-radius:12px;margin:10px;overflow:hidden;box-shadow:var(--sp-shadow-sm)}.sp-table-wrapper{background:transparent;border:none;box-shadow:none;padding:0}.sp-row td{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--sp-border-soft);gap:12px}.sp-row td:before{content:attr(data-label);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--sp-text-faint);flex-shrink:0}.sp-row td:first-child:before{content:""}.sp-row td.sp-table__checkbox-col{justify-content:flex-start;background:#fafbfe}.sp-row td.sp-table__actions-col:before{content:"Actions"}.sp-row td.sp-table__actions-col{justify-content:space-between}.sp-row td:last-child{border-bottom:none}.sp-footer{justify-content:space-between}.sp-modal__body{padding:18px}.sp-modal__footer{padding:14px 18px 18px}.sp-modal__footer .sp-btn{flex:1}}@media(max-width:420px){.sp-header__actions{flex-wrap:wrap}}.sp-header__range-filters{display:flex;align-items:center;gap:12px;background:#f3f4f6;padding:4px 12px;border-radius:8px;border:1px solid #e5e7eb}.sp-range-box{display:flex;align-items:center;gap:6px}.sp-range-label{font-size:12px;font-weight:600;color:#4b5563}.sp-range-input{border:none;background:transparent;font-size:13px;color:#1f2937;outline:none;cursor:pointer}@media(max-width:768px){.sp-header__range-filters{flex-direction:column;align-items:flex-start;width:100%}}.remote-page{--clr-primary-500: #5B6EF5;--clr-primary-600: #4338CA;--clr-primary-50: #EEF1FF;--clr-primary-100: #E0E4FF;--clr-bg: #F3F5FB;--clr-surface: #FFFFFF;--clr-border: #E7EAF3;--clr-border-soft: #EFF1F8;--clr-text: #1D2233;--clr-text-muted: #6B7280;--clr-text-faint: #9AA1B4;--clr-success: #12A883;--clr-success-bg: #E4F9F1;--clr-pending: #E08A00;--clr-pending-bg: #FFF3DE;--clr-danger: #EF4444;--clr-danger-bg: #FDEBEB;--shadow-sm: 0 1px 2px rgba(20, 24, 47, .05);--shadow-md: 0 6px 18px rgba(31, 41, 82, .08);--shadow-lg: 0 20px 45px rgba(31, 41, 82, .14);--shadow-modal: 0 30px 70px rgba(20, 24, 60, .28);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--clr-bg);color:var(--clr-text);min-height:100%;padding:28px 32px 60px;box-sizing:border-box}.remote-page *,.remote-page *:before,.remote-page *:after{box-sizing:border-box}.remote-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:22px}.remote-header__title{font-family:Manrope,Inter,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0;color:#151a2c}.remote-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--clr-text-faint)}.remote-breadcrumb__icon{display:flex;color:var(--clr-text-faint)}.remote-breadcrumb__icon svg{width:15px;height:15px}.remote-breadcrumb__sep{color:var(--clr-border)}.remote-breadcrumb__current{color:var(--clr-primary-600);font-weight:600}.remote-card{background:var(--clr-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--clr-border-soft);overflow:hidden}.remote-toolbar{display:flex;align-items:center;gap:18px;padding:20px 24px;background:linear-gradient(180deg,#f8f9fe,#fff);border-bottom:1px solid var(--clr-border-soft);flex-wrap:wrap}.remote-toolbar__title{font-size:17px;font-weight:700;color:#151a2c;white-space:nowrap}.remote-search{position:relative;flex:1 1 220px;max-width:340px;display:flex;align-items:center}.remote-search__icon{position:absolute;left:14px;display:flex;color:var(--clr-text-faint);pointer-events:none}.remote-search__icon svg{width:16px;height:16px}.remote-search__input{width:100%;padding:10px 14px 10px 38px;border-radius:var(--radius-pill);border:1.5px solid var(--clr-border);background:var(--clr-bg);font-size:14px;font-family:inherit;color:var(--clr-text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.remote-search__input:focus{border-color:var(--clr-primary-500);background:var(--clr-surface);box-shadow:0 0 0 4px var(--clr-primary-50)}.remote-toolbar__actions{display:flex;align-items:center;gap:10px;margin-left:auto}.remote-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text-muted);cursor:pointer;transition:all .18s ease}.remote-icon-btn svg{width:17px;height:17px}.remote-icon-btn:hover{border-color:var(--clr-primary-500);color:var(--clr-primary-600);box-shadow:0 4px 12px #5b6ef52e;transform:translateY(-1px)}.remote-icon-btn--primary{background:linear-gradient(135deg,var(--clr-primary-500),var(--clr-primary-600));border-color:transparent;color:#fff;box-shadow:0 8px 18px #4338ca52}.remote-icon-btn--primary:hover{color:#fff;filter:brightness(1.06);box-shadow:0 10px 22px #4338ca66}.remote-icon-btn.is-spinning svg{animation:remote-spin .65s linear}@keyframes remote-spin{to{transform:rotate(360deg)}}.remote-column-menu-wrap{position:relative}.remote-column-menu{position:absolute;top:calc(100% + 10px);right:0;width:210px;background:var(--clr-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-modal);border:1px solid var(--clr-border-soft);padding:12px 6px;z-index:40;animation:remote-pop .16s ease}@keyframes remote-pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.remote-column-menu__title{font-size:13px;font-weight:700;padding:4px 12px 10px;color:#151a2c}.remote-column-menu__divider{height:1px;background:var(--clr-border-soft);margin:0 0 8px}.remote-column-menu__item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13.5px;color:var(--clr-text);cursor:pointer;transition:background .15s ease}.remote-column-menu__item:hover{background:var(--clr-primary-50)}.remote-checkbox{width:18px;height:18px;border-radius:5px;border:1.6px solid #C7CBDA;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;flex-shrink:0;transition:all .15s ease;background:var(--clr-surface)}.remote-checkbox svg{width:12px;height:12px}.remote-checkbox.is-checked{background:linear-gradient(135deg,var(--clr-primary-500),var(--clr-primary-600));border-color:var(--clr-primary-600)}.remote-table-wrapper{width:100%;overflow-x:auto}.remote-table{width:100%;border-collapse:collapse;min-width:780px}.remote-table thead th{text-align:left;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--clr-text-faint);padding:14px 18px;background:#fafbff;border-bottom:1px solid var(--clr-border-soft);white-space:nowrap}.remote-table__checkbox-col{width:46px}.remote-table__actions-col{width:100px}.remote-table tbody td{padding:15px 18px;font-size:14px;color:var(--clr-text);border-bottom:1px solid var(--clr-border-soft);vertical-align:middle}.remote-table__reason{color:var(--clr-text-muted);max-width:220px}.remote-table__row{transition:background .15s ease}.remote-table__row:hover{background:#fafbff}.remote-table__row:last-child td{border-bottom:none}.remote-employee-link{display:inline-flex;align-items:center;gap:10px;border:none;background:none;padding:4px 6px 4px 4px;border-radius:var(--radius-pill);cursor:pointer;font:inherit;color:var(--clr-primary-600);font-weight:600;transition:background .15s ease}.remote-employee-link:hover{background:var(--clr-primary-50);text-decoration:none}.remote-avatar{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:0 3px 8px #0000001f}.remote-status-badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;padding:6px 14px;border-radius:var(--radius-pill);white-space:nowrap}.remote-status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.remote-status-badge.is-approved{background:var(--clr-success-bg);color:var(--clr-success)}.remote-status-badge.is-pending{background:var(--clr-pending-bg);color:var(--clr-pending)}.remote-status-badge.is-rejected{background:var(--clr-danger-bg);color:var(--clr-danger)}.remote-actions-cell{display:flex;align-items:center;gap:8px}.remote-action-btn{width:32px;height:32px;border-radius:9px;border:1.5px solid var(--clr-border);background:var(--clr-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .16s ease;color:var(--clr-text-muted)}.remote-action-btn svg{width:15px;height:15px}.remote-action-btn--edit:hover{color:var(--clr-primary-600);border-color:var(--clr-primary-500);background:var(--clr-primary-50);transform:translateY(-1px)}.remote-action-btn--delete:hover{color:var(--clr-danger);border-color:var(--clr-danger);background:var(--clr-danger-bg);transform:translateY(-1px)}.remote-table__empty-row td{padding:60px 20px;border-bottom:none}.remote-empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--clr-text-faint)}.remote-empty-state svg{width:34px;height:34px;margin-bottom:6px;opacity:.6}.remote-empty-state p{margin:0;font-weight:700;color:var(--clr-text-muted);font-size:14.5px}.remote-empty-state span{font-size:13px}.remote-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:16px 24px;border-top:1px solid var(--clr-border-soft);background:#fafbff}.remote-pagination__left{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--clr-text-muted)}.remote-select{position:relative;display:inline-flex;align-items:center}.remote-select svg{position:absolute;right:10px;width:13px;height:13px;color:var(--clr-text-faint);pointer-events:none}.remote-select select{appearance:none;-webkit-appearance:none;font:inherit;font-size:13.5px;padding:7px 30px 7px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--clr-border);background:var(--clr-surface);color:var(--clr-text);cursor:pointer;outline:none;transition:border-color .15s ease}.remote-select select:focus{border-color:var(--clr-primary-500)}.remote-select--full{width:100%}.remote-select--full select{width:100%;padding:12px 34px 12px 14px;font-size:14.5px;border-radius:var(--radius-sm)}.remote-pagination__right{display:flex;align-items:center;gap:14px;font-size:13.5px;color:var(--clr-text-muted)}.remote-pager-btn{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--clr-border);background:var(--clr-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--clr-text-muted);transition:all .15s ease}.remote-pager-btn svg{width:14px;height:14px}.remote-pager-btn:hover:not(:disabled){border-color:var(--clr-primary-500);color:var(--clr-primary-600)}.remote-pager-btn:disabled{opacity:.4;cursor:not-allowed}.remote-modal-overlay{position:fixed;inset:0;background:#11142780;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:remote-fade .18s ease}@keyframes remote-fade{0%{opacity:0}to{opacity:1}}.remote-modal{width:100%;max-width:560px;background:var(--clr-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);overflow:hidden;max-height:92vh;display:flex;flex-direction:column;animation:remote-modal-in .22s cubic-bezier(.16,1,.3,1)}@keyframes remote-modal-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.remote-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;background:linear-gradient(120deg,var(--clr-primary-500),var(--clr-primary-600) 120%);color:#fff}.remote-modal__header--edit{background:linear-gradient(120deg,#6d5dfc,#4338ca 120%)}.remote-modal__header h3{margin:0;font-size:17px;font-weight:700;font-family:Manrope,Inter,sans-serif}.remote-modal__close{width:30px;height:30px;border-radius:50%;border:none;background:#ffffff29;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.remote-modal__close svg{width:15px;height:15px}.remote-modal__close:hover{background:#ffffff47}.remote-modal__body{padding:24px 26px 8px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.remote-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.remote-form-group{display:flex;flex-direction:column;gap:7px}.remote-form-group label{font-size:13px;font-weight:600;color:var(--clr-text-muted)}.remote-form-group .req{color:var(--clr-danger);margin-left:3px}.remote-input-wrap{position:relative;display:flex;align-items:center}.remote-input-wrap svg{position:absolute;right:14px;width:16px;height:16px;color:var(--clr-text-faint);pointer-events:none}.remote-input-wrap--textarea svg{top:14px}.remote-input-wrap input,.remote-input-wrap textarea{width:100%;font:inherit;font-size:14.5px;color:var(--clr-text);padding:12px 40px 12px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--clr-border);background:var(--clr-bg);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;resize:none}.remote-input-wrap input:focus,.remote-input-wrap textarea:focus{border-color:var(--clr-primary-500);background:var(--clr-surface);box-shadow:0 0 0 4px var(--clr-primary-50)}.remote-modal__footer{display:flex;gap:12px;padding:20px 26px 26px}.remote-btn{flex:1;padding:12px 18px;border-radius:var(--radius-pill);font-size:14.5px;font-weight:700;border:none;cursor:pointer;transition:all .18s ease;font-family:inherit}.remote-btn--save{background:linear-gradient(135deg,var(--clr-primary-500),var(--clr-primary-600));color:#fff;box-shadow:0 10px 22px #4338ca52}.remote-btn--save:hover{filter:brightness(1.07);transform:translateY(-1px)}.remote-btn--cancel{background:var(--clr-danger-bg);color:var(--clr-danger)}.remote-btn--cancel:hover{background:#fbdada}.remote-toast{position:fixed;bottom:26px;right:26px;display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:var(--radius-md);background:#16192b;color:#fff;font-size:13.5px;font-weight:600;box-shadow:var(--shadow-lg);z-index:200;animation:remote-toast-in .22s cubic-bezier(.16,1,.3,1)}@keyframes remote-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.remote-toast__icon{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.remote-toast__icon svg{width:11px;height:11px}.remote-toast--success{background:#14312a}.remote-toast--success .remote-toast__icon{background:var(--clr-success);color:#fff}.remote-toast--danger{background:#341a1a}.remote-toast--danger .remote-toast__icon{background:var(--clr-danger);color:#fff}@media(max-width:900px){.remote-page{padding:20px 16px 50px}.remote-toolbar__title{display:none}.remote-search{max-width:none;order:3;flex-basis:100%}.remote-toolbar__actions{margin-left:0}}@media(max-width:640px){.remote-header__title{font-size:21px}.remote-table-wrapper{overflow:visible}.remote-table{min-width:0}.remote-table thead{display:none}.remote-table,.remote-table tbody,.remote-table tr,.remote-table td{display:block;width:100%}.remote-table__row{border:1px solid var(--clr-border-soft);border-radius:var(--radius-md);margin:12px;padding:6px 4px;box-shadow:var(--shadow-sm)}.remote-table tbody td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px dashed var(--clr-border-soft);text-align:right}.remote-table tbody td:last-child{border-bottom:none}.remote-table tbody td[data-label]:before{content:attr(data-label);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--clr-text-faint);text-align:left}.remote-table tbody td[data-label=""]:before{content:"Select"}.remote-employee-link{flex-direction:row-reverse}.remote-actions-cell{justify-content:flex-end;width:100%}.remote-pagination{flex-direction:column;align-items:stretch}.remote-pagination__left,.remote-pagination__right{justify-content:space-between}.remote-form-row{grid-template-columns:1fr}.remote-modal{max-width:100%;margin:0 6px}.remote-modal__footer{flex-direction:column}.remote-toast{left:16px;right:16px;bottom:16px}}.employeeSalary__container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:24px;background-color:#f8f9fa;min-height:100vh;color:#333;position:relative;box-sizing:border-box}.employeeSalary__container *{box-sizing:border-box}.employeeSalary__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.employeeSalary__breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:#6c757d}.employeeSalary__breadcrumbs strong{color:#212529;font-weight:600}.employeeSalary__topActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.employeeSalary__searchBox{position:relative;display:flex;align-items:center}.employeeSalary__searchBox svg{position:absolute;left:12px;color:#adb5bd}.employeeSalary__searchBox input{padding:10px 16px 10px 36px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;width:240px;outline:none;transition:border-color .2s}.employeeSalary__searchBox input:focus{border-color:#4a90e2}.employeeSalary__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:14px;font-weight:500;color:#495057;cursor:pointer;transition:all .2s}.employeeSalary__btn:hover{background-color:#f1f3f5}.employeeSalary__btn--primary{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.employeeSalary__btn--primary:hover{background-color:#357abd}.employeeSalary__btn--refresh{color:#2b8a3e;border-color:#b2f2bb}.employeeSalary__btn--refresh:hover{background-color:#ebfbee}.employeeSalary__btn--download{color:#e67e22;border-color:#fed7aa}.employeeSalary__btn--download:hover{background-color:#fff7ed}.employeeSalary__tableWrapper{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;overflow-x:auto;border:1px solid #dee2e6}.employeeSalary__table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.employeeSalary__table th{background-color:#f1f3f5;color:#495057;padding:14px 16px;font-weight:600;border-bottom:2px solid #dee2e6;white-space:nowrap}.employeeSalary__table td{padding:14px 16px;border-bottom:1px solid #dee2e6;vertical-align:middle;color:#495057}.employeeSalary__table tbody tr:hover{background-color:#f8f9fa}.employeeSalary__table tbody tr.selected-row{background-color:#e8f4fd}.employeeSalary__employeeCell{display:flex;align-items:center;gap:12px}.employeeSalary__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background-color:#e9ecef}.employeeSalary__email{display:flex;align-items:center;gap:8px;color:#6c757d}.employeeSalary__iconBtn,.employeeSalary__edit,.employeeSalary__delete{background:none;border:none;padding:6px;cursor:pointer;font-size:14px;border-radius:4px;transition:background-color .2s;display:inline-flex;align-items:center;justify-content:center}.employeeSalary__iconBtn{color:#4a90e2}.employeeSalary__iconBtn:hover{background-color:#e8f4fd}.employeeSalary__edit{color:#fd7e14;margin-right:4px}.employeeSalary__edit:hover{background-color:#fff4e6}.employeeSalary__delete{color:#dc3545}.employeeSalary__delete:hover{background-color:#fff5f5}.employeeSalary__pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:0 4px;flex-wrap:wrap;gap:16px}.employeeSalary__pageSize{display:flex;align-items:center;gap:8px;font-size:14px;color:#6c757d}.employeeSalary__pageSize select{padding:6px 12px;border:1px solid #dee2e6;border-radius:4px;outline:none;background-color:#fff}.employeeSalary__pageInfo{font-size:14px;color:#495057}.employeeSalary__pageBtns{display:flex;gap:6px}.employeeSalary__pageBtns button{background-color:#fff;border:1px solid #dee2e6;padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#495057;transition:all .2s}.employeeSalary__pageBtns button:hover:not(:disabled){background-color:#e9ecef}.employeeSalary__pageBtns button:disabled{color:#ced4da;cursor:not-allowed;background-color:#f8f9fa}.employeeSalary__modalOverlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.employeeSalary__modal{background-color:#fff;border-radius:8px;width:100%;max-width:600px;box-shadow:0 10px 25px #00000026;overflow:hidden;animation:slideUp .2s ease-out}.employeeSalary__modalHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;font-weight:600;font-size:16px;color:#212529}.employeeSalary__modalHeader button{background:none;border:none;font-size:16px;color:#adb5bd;cursor:pointer}.employeeSalary__modalHeader button:hover{color:#495057}.employeeSalary__modalBody{padding:24px}.employeeSalary__formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}@media(max-width:576px){.employeeSalary__formGrid{grid-template-columns:1fr}}.employeeSalary__formGrid input,.employeeSalary__formGrid select{width:100%;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;outline:none;background-color:#fff;transition:border-color .2s}.employeeSalary__formGrid input:focus,.employeeSalary__formGrid select:focus{border-color:#4a90e2}.employeeSalary__modalFooter{display:flex;justify-content:flex-end;gap:12px}.employeeSalary__saveBtn,.employeeSalary__cancelBtn{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent}.employeeSalary__saveBtn{background-color:#4a90e2;color:#fff}.employeeSalary__saveBtn:hover{background-color:#357abd}.employeeSalary__cancelBtn{background-color:#e9ecef;color:#495057;border-color:#dee2e6}.employeeSalary__cancelBtn:hover{background-color:#dee2e6}.employeeSalary__columnDropdown{position:absolute;top:75px;right:150px;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:16px;z-index:100;width:220px;display:flex;flex-direction:column;gap:10px}.employeeSalary__columnDropdown h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#212529;border-bottom:1px solid #eee;padding-bottom:6px}.employeeSalary__columnDropdown label{display:flex;align-items:center;gap:10px;font-size:13px;color:#495057;cursor:pointer;text-transform:capitalize}.employeeSalary__columnDropdown input[type=checkbox]{cursor:pointer;width:15px;height:15px}.payslip-view__container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f0f4f8;padding:24px;min-height:100vh;color:#333;box-sizing:border-box}.payslip-view__container *{box-sizing:border-box}.payslip-view__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.payslip-view__title{font-size:22px;font-weight:600;color:#212529}.payslip-view__breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:#6c757d}.payslip-view__breadcrumbs span{cursor:pointer}.payslip-view__breadcrumbs strong{color:#495057;font-weight:600}.payslip-view__card{background-color:#fff;border-radius:6px;border:1px solid #dee2e6;box-shadow:0 4px 12px #00000008;padding:40px;max-width:1200px;margin:0 auto;position:relative}.payslip-view__card-label{font-size:15px;color:#495057;font-weight:500;border-bottom:1px solid #e9ecef;padding-bottom:12px;margin-bottom:30px}.payslip-view__doc-title{text-align:center;font-size:22px;font-weight:700;color:#495057;text-decoration:underline;margin-top:10px;margin-bottom:35px;letter-spacing:.5px}.payslip-view__meta-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:14px}.payslip-view__meta-item{font-size:14px;color:#495057}.payslip-view__meta-item strong{font-weight:600;margin-right:6px}.payslip-view__divider{border:0;border-top:1px solid #e9ecef;margin:15px 0 30px}.payslip-view__parties{display:flex;justify-content:space-between;gap:40px;margin-bottom:40px;flex-wrap:wrap}.payslip-view__company-side{flex:1;min-width:280px}.payslip-view__employee-side{flex:1;min-width:280px;text-align:right}.payslip-view__logo-placeholder{display:inline-flex;align-items:center;gap:8px;color:#adb5bd;font-size:15px;margin-bottom:14px}.payslip-view__party-name{font-size:18px;font-weight:700;color:#343a40;margin:0 0 10px}.payslip-view__payment-to-label{font-size:18px;font-weight:700;color:#343a40;margin-bottom:10px}.payslip-view__party-text{font-size:14px;line-height:1.6;color:#6c757d;margin:0 0 6px;max-width:340px}.payslip-view__employee-side .payslip-view__party-text{margin-left:auto}.payslip-view__party-text a{color:#007bff;text-decoration:none}.payslip-view__ledger-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:35px}.payslip-view__ledger-block{border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.payslip-view__ledger-header{font-size:15px;font-weight:700;color:#333;padding:12px 16px;border-bottom:1px solid #dee2e6}.payslip-view__ledger-table{display:flex;flex-direction:column}.payslip-view__ledger-row{display:flex;justify-content:space-between;padding:12px 16px;font-size:14px;color:#495057;border-bottom:1px solid #f1f3f5;background-color:#fafbfc}.payslip-view__ledger-row:last-child{border-bottom:none}.payslip-view__item-label,.payslip-view__item-val{font-weight:400}.payslip-view__ledger-row--total-earnings{background-color:#e8f4fd!important;color:#000;font-weight:700;border-top:1px solid #dee2e6}.payslip-view__ledger-row--total-earnings *{font-weight:700}.payslip-view__ledger-row--total-deductions{background-color:#fde8e8!important;color:#000;font-weight:700;border-top:1px solid #dee2e6}.payslip-view__ledger-row--total-deductions *{font-weight:700}.payslip-view__summary-block{text-align:center;margin:35px 0}.payslip-view__net-amount{font-size:22px;font-weight:700;color:#333;margin-bottom:6px}.payslip-view__net-words{font-size:14px;color:#868e96}.payslip-view__signature-block{text-align:right;margin-top:60px;margin-bottom:20px;padding-right:10px}.payslip-view__sign-title{font-size:14px;font-weight:700;color:#333;margin-bottom:6px}.payslip-view__sign-subtitle{font-size:13px;color:#6c757d}.payslip-view__actions-wrapper{display:flex;justify-content:center;margin-top:40px;border-top:1px solid #e9ecef;padding-top:24px}.payslip-view__print-btn{display:inline-flex;align-items:center;gap:8px;background-color:#fff;color:#007bff;border:1px solid #007bff;padding:10px 20px;font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s ease}.payslip-view__print-btn:hover{background-color:#007bff;color:#fff}@media(max-width:768px){.payslip-view__ledger-grid{grid-template-columns:1fr}.payslip-view__employee-side{text-align:left}.payslip-view__employee-side .payslip-view__party-text{margin-left:0}.payslip-view__card{padding:20px}}@media print{body,.payslip-view__container{background:#fff!important;padding:0!important;margin:0!important}.no-print{display:none!important}.payslip-view__card{border:none!important;box-shadow:none!important;padding:0!important;max-width:100%!important}}:root{--bg-main: #f0f4f8;--bg-card: #ffffff;--text-main: #333333;--text-muted: #666666;--border-color: #e2e8f0;--primary-blue: #4f46e5;--primary-hover: #3730a3;--danger-red: #b91c1c;--danger-hover: #991b1b;--row-select-bg: #f8fafc}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-main)}.salary-container{padding:24px;max-width:1400px;margin:0 auto;box-sizing:border-box}.salary-breadcrumb-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.salary-title{margin:0;font-size:22px;font-weight:600;color:#1e293b}.salary-breadcrumb{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-muted)}.breadcrumb-separator{color:#cbd5e1}.breadcrumb-active{color:#1e293b;font-weight:500}.salary-card{background-color:var(--bg-card);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.salary-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8fafc;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:16px}.salary-search-box{position:relative;display:flex;align-items:center}.salary-search-box input{padding:8px 12px 8px 36px;border:1px solid #cbd5e1;border-radius:6px;width:240px;outline:none;font-size:14px;transition:border-color .2s}.salary-search-box input:focus{border-color:var(--primary-blue)}.search-icon{position:absolute;left:12px;font-size:14px;color:#94a3b8}.salary-action-buttons{display:flex;gap:10px;align-items:center}.icon-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s}.icon-btn:hover{background-color:#f1f5f9;border-color:#94a3b8}.dropdown-wrapper{position:relative}.column-dropdown{position:absolute;top:42px;right:0;background:#fff;border:1px solid #cbd5e1;box-shadow:0 10px 15px -3px #0000001a;border-radius:6px;width:220px;z-index:100;padding:10px}.dropdown-title{font-size:14px;font-weight:600;padding:4px 8px;color:#1e293b}.column-dropdown hr{margin:6px 0;border:0;border-top:1px solid #f1f5f9}.dropdown-item{display:flex;align-items:center;gap:10px;padding:6px 8px;font-size:14px;cursor:pointer;border-radius:4px}.dropdown-item:hover{background-color:#f1f5f9}.capitalize{text-transform:capitalize}.table-responsive-container{overflow-x:auto;width:100%}.salary-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.salary-table th{background-color:#fff;color:#475569;font-weight:600;padding:14px 16px;border-bottom:2px solid var(--border-color);white-space:nowrap}.salary-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:#334155;white-space:nowrap}.salary-table tbody tr:hover{background-color:#f8fafc}.selected-row{background-color:var(--row-select-bg)!important}.employee-profile-cell{display:flex;align-items:center;gap:10px}.employee-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.employee-name{font-weight:500;color:#1e293b}.text-center{text-align:center!important}.actions-cell{display:flex;justify-content:center;gap:12px}.actions-cell button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:4px;transition:background-color .2s}.actions-cell button:hover{background-color:#f1f5f9}.no-data{color:var(--text-muted);padding:40px 0!important}.salary-pagination-footer{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;border-top:1px solid var(--border-color);gap:24px;font-size:14px;color:#475569;flex-wrap:wrap}.pagination-per-page{display:flex;align-items:center;gap:8px}.pagination-per-page select{padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;outline:none;background:#fff;cursor:pointer}.pagination-info-controls{display:flex;align-items:center;gap:16px}.pagination-nav-arrows{display:flex;gap:4px}.nav-arrow-btn{background:transparent;border:none;font-size:18px;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#334155;border-radius:4px}.nav-arrow-btn:hover:not(:disabled){background-color:#f1f5f9}.nav-arrow-btn:disabled{color:#cbd5e1;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.modal-content-card{background-color:#fff;width:100%;max-width:750px;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalFadeIn .25s ease-out}@keyframes modalFadeIn{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-bar{background-color:#6366f1;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.modal-header-profile{display:flex;align-items:center;gap:10px}.modal-profile-avatar{font-size:20px}.modal-title{margin:0;font-size:18px;font-weight:500}.modal-close-cross{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1}.modal-form-body{padding:24px;display:flex;flex-direction:column;gap:16px;background-color:#f8fafc}.form-row{display:flex;gap:16px;width:100%}.full-width{flex-direction:column}.split-two>div{flex:1}.input-group-field{display:flex;flex-direction:column;gap:6px}.input-group-field label{font-size:13px;font-weight:500;color:#475569}.input-with-icon input{width:100%;padding:10px 36px 10px 12px;border:1px solid #cbd5e1;border-radius:6px;background-color:#fff;font-size:14px;outline:none;box-sizing:border-box}.input-with-icon input:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.explicit-disabled input{background-color:#e2e8f0;color:#64748b;cursor:not-allowed}.input-inline-icon{position:absolute;right:12px;font-size:16px;color:#94a3b8;pointer-events:none}.modal-footer-actions{display:flex;gap:12px;margin-top:10px}.btn-action-save{background-color:#b91c1c;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-action-save:hover{background-color:#991b1b}.btn-action-cancel{background-color:#cbd5e1;color:#334155;border:none;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-action-cancel:hover{background-color:#94a3b8}@media(max-width:768px){.salary-toolbar{flex-direction:column;align-items:stretch}.salary-search-box input{width:100%}.salary-action-buttons{justify-content:flex-end}.form-row.split-two{flex-direction:column;gap:16px}}.attendance-page-container{background-color:#f3f4f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px 24px;box-sizing:border-box}.page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.main-title{font-size:20px;color:#3b4554;font-weight:600;margin:0}.breadcrumbs{font-size:13px;color:#64748b;display:flex;align-items:center;gap:6px}.home-icon{font-size:14px}.separator{color:#cbd5e1}.attendance-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000008;padding:24px;border:1px solid #e2e8f0}.card-inner-title{font-size:16px;color:#475569;font-weight:600;margin-top:0;margin-bottom:24px}.controls-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}.fieldset-input-group{position:relative;border:1px solid #a0aec0;border-radius:6px;padding:0 12px;background:#fff;min-width:280px;flex:1;max-width:380px}.fieldset-label{position:absolute;top:-10px;left:12px;background:#fff;padding:0 6px;font-size:11px;color:#4a5568;font-weight:500}.custom-select{width:100%;border:none;outline:none;height:48px;font-size:15px;color:#1a202c;background:transparent;cursor:pointer;appearance:none;-webkit-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='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:16px}.search-btn{background-color:#f6f6ff;color:#3b3be6;border:1px solid #e0e0fc;border-radius:24px;padding:0 44px;height:46px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 2px 6px #3b3be60d}.search-btn:hover{background-color:#ececff;border-color:#ccf}.divider-line{border:0;height:1px;background-color:#edf2f7;margin:24px 0}.meta-legend-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.filter-badge-text{font-size:13px;color:#718096;font-weight:500}.legends-wrapper{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#2d3748}.legend-icon{font-size:14px}.table-scroll-axis-container{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.table-vertical-wrapper{max-height:520px;overflow-y:auto}.attendance-grid-table{width:100%;border-collapse:collapse;text-align:center}.sticky-employee-col{position:sticky;left:0;background-color:#fff;z-index:10;width:220px;min-width:220px;max-width:220px;text-align:left!important;box-shadow:4px 0 8px #0000000a;border-right:1px solid #edf2f7;padding-left:16px!important}th.sticky-employee-col{background-color:#fafafa;z-index:11}.attendance-grid-table th,.attendance-grid-table td{padding:12px 10px;border-bottom:1px solid #edf2f7;white-space:nowrap}.header-cell{font-size:13px;color:#1a202c;font-weight:700;background-color:#fafafa}.day-header-cell{font-size:12px;color:#1a202c;font-weight:700;min-width:38px;background-color:#fafafa;border-left:1px solid #edf2f7}.employee-info-box{display:flex;align-items:center;gap:12px}.employee-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:#e2e8f0}.employee-name-txt{font-size:13px;font-weight:600;color:#2d3748}.status-indicator-icon{font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.status-present{color:#38a169}.status-leave{color:#e53e3e}.status-weekend{color:#a0aec0}.status-holiday{color:#ecc94b}.status-data-cell{border-left:1px solid #edf2f7}.table-scroll-axis-container::-webkit-scrollbar,.table-vertical-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-scroll-axis-container::-webkit-scrollbar-track,.table-vertical-wrapper::-webkit-scrollbar-track{background:#f7fafc}.table-scroll-axis-container::-webkit-scrollbar-thumb,.table-vertical-wrapper::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.table-scroll-axis-container::-webkit-scrollbar-thumb:hover,.table-vertical-wrapper::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media(max-width:768px){.page-header-row{flex-direction:column;align-items:flex-start;gap:8px}.controls-row{flex-direction:column;align-items:stretch}.fieldset-input-group{max-width:100%;min-width:100%}.search-btn{width:100%}.meta-legend-row{flex-direction:column;align-items:flex-start;gap:12px}}.attendance-legend{display:flex;gap:15px;margin-bottom:15px;padding:10px;background:#f9f9f9;border-radius:8px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:5px;font-size:.9rem;color:#333}.status-present{color:#27ae60}.status-absent{color:#c0392b}.status-halfday{color:#f39c12}.status-late{color:#e67e22}.status-holiday{color:#8e44ad}.status-leave{color:#2980b9}.status-weekend{color:#7f8c8d}.status-indicator-icon{font-weight:700;display:inline-block;width:20px;text-align:center}.sticky-serial-col{position:sticky;left:0;z-index:3;background:#fff;border-right:1px solid #ddd;width:50px;text-align:center}.sticky-employee-col{position:sticky;left:50px;z-index:3;background:#fff;border-right:1px solid #ddd;min-width:150px}.main-content{padding:20px;background-color:#f9fbfd;font-family:Roboto,sans-serif}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#6c757d}.ts-container{background:#fff;border:1px solid #e3e8ec;border-radius:8px;padding:16px}.ts-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.search-field{max-width:260px;background-color:#f1f3f5;border-radius:4px}.spacer{flex-grow:1}.m-table th{background-color:#f8f9fa!important;color:#495057;font-weight:600}.m-table-row{cursor:pointer}.m-edit-btn{color:#1976d2!important;margin-right:4px!important}.m-delete-btn{color:#d32f2f!important}.m-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;display:inline-block}.badge-approved{background-color:#e2f6ed;color:#0f5132}.badge-pending{background-color:#fff3cd;color:#664d03}.badge-rejected{background-color:#f8d7da;color:#842029}.m-custom-pagination{display:flex;align-items:center;justify-content:flex-end;padding-top:16px;gap:12px}.p-label{color:#6c757d}.p-select{min-width:70px}.m-modal-header{display:flex!important;justify-content:space-between!important;align-items:center!important;border-bottom:1px solid #e3e8ec;padding:16px 24px!important}.m-close-modal{color:#6c757d!important;padding:4px!important}.m-modal-body{padding:24px!important}.m-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.m-form-field{display:flex;flex-direction:column;gap:6px}.m-form-field label{font-size:.875rem;font-weight:500;color:#333}.m-full-width{grid-column:span 2}.m-modal-footer{padding:16px 24px!important;border-top:1px solid #e3e8ec}.m-save-btn{background-color:#2e7d32!important;color:#fff!important}.m-cancel-btn{background-color:#f8f9fa!important;color:#212529!important;border:1px solid #dee2e6!important}@media(max-width:768px){.m-form{grid-template-columns:1fr}.m-full-width{grid-column:span 1}.ts-toolbar{flex-wrap:wrap}.search-field{max-width:100%;width:100%}}:root{--primary-purple: #8b5cf6;--primary-purple-hover: #7c3aed;--dark-red: #ba0000;--light-bg-tint: #f3f4fd;--border-grey: #cbd5e1;--text-dark: #334155;--text-muted: #64748b;--white: #ffffff}.ee-app-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:20px;background-color:#f8fafc;color:var(--text-dark);min-height:100vh;box-sizing:border-box}.ee-app-container *{box-sizing:border-box}.ee-breadcrumb-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.ee-main-title{font-size:22px;font-weight:600;margin:0;color:#1e293b}.ee-crumbs{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-muted)}.ee-crumb-icon{font-size:16px;color:#475569}.ee-crumb-separator{color:#94a3b8;font-weight:300}.ee-crumb-active{color:var(--text-dark);font-weight:500}.ee-card-panel{background-color:var(--white);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #e2e8f0;overflow:hidden}.ee-toolbar{background-color:var(--light-bg-tint);padding:12px 18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid #e2e8f0}.ee-toolbar-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ee-section-label{font-size:16px;font-weight:600;color:#475569}.ee-search-input-wrapper{position:relative;background-color:var(--white);border-radius:6px;border:1px solid var(--border-grey);display:flex;align-items:center;padding:0 10px;width:240px;transition:box-shadow .2s ease}.ee-search-input-wrapper:focus-within{box-shadow:0 0 0 2px #8b5cf633;border-color:var(--primary-purple)}.ee-search-icon{color:var(--text-muted);font-size:14px;margin-right:6px}.ee-search-control{border:none;outline:none;padding:8px 0;width:100%;font-size:14px;color:var(--text-dark)}.ee-toolbar-right{display:flex;align-items:center;gap:12px}.ee-action-btn{background:none;border:none;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .1s ease}.ee-action-btn:hover{background-color:#0000000d}.ee-action-btn:active{transform:scale(.95)}.ee-action-btn.add-btn{background-color:var(--white);border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.ee-action-btn.add-btn:hover{background-color:#f1f5f9}.ee-action-btn.add-btn .ee-icon-svg{fill:#22c55e}.ee-icon-svg{width:20px;height:20px;fill:#64748b}.ee-icon-svg.filter-icon{fill:var(--primary-purple)}.ee-dropdown-container{position:relative}.ee-column-menu-dropdown{position:absolute;top:42px;right:0;background-color:var(--white);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e2e8f0;width:210px;z-index:100;animation:eeFadeIn .15s ease-out}.ee-dropdown-header{padding:12px 16px;font-weight:600;font-size:15px;color:#1e293b;text-align:center}.ee-dropdown-divider{height:1px;background-color:#f1f5f9;margin:0}.ee-dropdown-body{padding:8px;max-height:260px;overflow-y:auto}.ee-dropdown-body::-webkit-scrollbar{width:6px}.ee-dropdown-body::-webkit-scrollbar-track{background:#f1f5f9}.ee-dropdown-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ee-dropdown-item-label{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;color:#475569;transition:background-color .15s ease}.ee-dropdown-item-label:hover{background-color:#f8fafc}.ee-dropdown-item-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-purple);cursor:pointer}.ee-capitalize-text{text-transform:capitalize}.ee-table-responsive-scroller{width:100%;overflow-x:auto}.ee-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.ee-data-table th{background-color:var(--white);color:#475569;font-weight:600;padding:14px 16px;border-bottom:2px solid #edf2f7;white-space:nowrap}.ee-data-table td{padding:12px 16px;border-bottom:1px solid #edf2f7;color:#334155;vertical-align:middle}.ee-data-table tbody tr{transition:background-color .15s ease}.ee-data-table tbody tr:hover{background-color:#f8fafc}.ee-data-table tbody tr.ee-row-selected{background-color:#f5f3ff}.ee-data-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-purple);cursor:pointer;border-radius:4px}.ee-employee-profile-cell{display:flex;align-items:center;gap:12px}.ee-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:#e2e8f0}.ee-emp-name-txt{font-weight:500;color:#1e293b}.ee-date-cell-container{display:flex;align-items:center;gap:8px;color:#475569}.ee-calendar-icon-inline{color:#f97316;font-size:14px}.ee-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:500;text-align:center}.ee-status-badge.status-completed{background-color:#e6f4ea;color:#137333}.ee-status-badge.status-in-progress{background-color:#fff3e0;color:#b06000}.ee-status-badge.status-pending{background-color:#e8eaf6;color:#3f51b5}.ee-actions-cell-flex{display:flex;align-items:center;justify-content:center;gap:10px}.ee-row-action-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.ee-row-action-btn:hover{background-color:#f1f5f9}.ee-action-svg-icon{width:18px;height:18px}.ee-row-action-btn.edit .ee-action-svg-icon{fill:var(--primary-purple)}.ee-row-action-btn.delete .ee-action-svg-icon{fill:#ef4444}.ee-no-records-fallback{text-align:center;padding:30px!important;color:var(--text-muted);font-style:italic}.ee-pagination-footer-bar{padding:14px 18px;background-color:var(--white);display:flex;justify-content:flex-end;align-items:center;border-top:1px solid #edf2f7}.ee-pagination-controls-right-side{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.ee-pagination-label-text{font-size:13px;color:var(--text-muted)}.ee-select-page-dropdown-wrapper{position:relative}.ee-native-page-selector{appearance:none;-webkit-appearance:none;background-color:var(--white);border:1px solid var(--border-grey);border-radius:4px;padding:6px 30px 6px 12px;font-size:13px;color:var(--text-dark);cursor:pointer;outline:none}.ee-select-page-dropdown-wrapper:after{content:"▼";font-size:8px;position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.ee-pagination-summary-counter{font-size:13px;color:var(--text-dark);min-width:80px;text-align:center}.ee-pagination-arrow-buttons-cluster{display:flex;align-items:center;gap:8px}.ee-pager-nav-arrow{background:none;border:none;font-size:20px;color:#475569;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;line-height:1}.ee-pager-nav-arrow:hover:not(:disabled){background-color:#f1f5f9}.ee-pager-nav-arrow:disabled{color:#cbd5e1;cursor:not-allowed}.ee-modal-backdrop-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.ee-modal-card-surface{background-color:var(--white);border-radius:12px;width:100%;max-width:680px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.animate-pop-up{animation:eeModalPop .25s cubic-bezier(.16,1,.3,1)}.ee-modal-banner-header{background-color:var(--primary-purple);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;color:var(--white)}.ee-banner-left-flex{display:flex;align-items:center;gap:12px}.ee-modal-banner-avatar{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.8);object-fit:cover}.ee-modal-title-text{font-size:16px;font-weight:600;letter-spacing:.3px}.ee-modal-close-x-btn{background:none;border:none;color:var(--white);font-size:24px;cursor:pointer;line-height:1;opacity:.8;transition:opacity .15s}.ee-modal-close-x-btn:hover{opacity:1}.ee-modal-form-body{padding:24px;background-color:#f8fafc}.ee-form-grid-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.ee-form-single-full-row{margin-bottom:24px}.ee-input-field-group-container{position:relative;display:flex;flex-direction:column}.ee-input-inner-addon-box{position:relative;display:flex;align-items:center;width:100%}.ee-input-field-group-container input,.ee-input-field-group-container select,.ee-input-field-group-container textarea{width:100%;padding:12px 14px;font-size:15px;color:var(--text-dark);background-color:var(--white);border:1px solid #a6b0cf;border-radius:6px;outline:none;transition:border-color .2s,box-shadow .2s}.ee-input-field-group-container input:focus,.ee-input-field-group-container select:focus,.ee-input-field-group-container textarea:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #8b5cf626}.ee-input-inner-addon-box input{padding-right:36px}.ee-field-right-icon-indicator{position:absolute;right:12px;color:#74788d;font-size:16px;pointer-events:none}.ee-input-inner-addon-box input[type=date]{position:relative}.ee-fieldset-outlined-label{align-self:flex-start;margin-bottom:-8px;margin-left:10px;padding:0 4px;background-color:#f8fafc;font-size:12px;font-weight:500;color:#74788d;z-index:2;position:relative}.ee-input-inner-addon-box select{appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer}.ee-input-inner-addon-box:has(select):after{content:"▼";font-size:10px;position:absolute;right:14px;color:#74788d;pointer-events:none}.ee-input-field-group-container textarea{resize:vertical;min-height:80px}.ee-modal-form-actions-bar{display:flex;align-items:center;gap:12px;margin-top:10px}.ee-btn-primary,.ee-btn-danger{padding:10px 24px;font-size:14px;font-weight:600;border:none;border-radius:20px;cursor:pointer;transition:background-color .15s,transform .1s}.ee-btn-primary.save-action{background-color:#3f51b5;color:var(--white)}.ee-btn-primary.save-action:hover:not(.disabled-opacity){background-color:#303f9f}.ee-btn-danger.cancel-action{background-color:var(--dark-red);color:var(--white)}.ee-btn-danger.cancel-action:hover{background-color:#9a0000}.ee-btn-primary:active,.ee-btn-danger:active{transform:scale(.97)}.disabled-opacity{opacity:.5;cursor:not-allowed}@keyframes eeModalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes eeFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.ee-form-grid-row{grid-template-columns:1fr;gap:16px}.ee-toolbar{flex-direction:column;align-items:flex-start}.ee-toolbar-right{width:100%;justify-content:flex-end}.ee-toolbar-left,.ee-search-input-wrapper{width:100%}.ee-pagination-footer-bar{justify-content:center}}@media(max-width:480px){.ee-app-container{padding:10px}.ee-breadcrumb-wrapper{flex-direction:column;align-items:flex-start}.ee-pagination-controls-right-side{gap:12px;justify-content:center}.ee-modal-banner-header{padding:12px 14px}.ee-modal-form-body{padding:16px}}:root{--bg-main: #f0f2f8;--bg-panel-header: #e3e6f5;--txt-dark: #333333;--txt-muted: #666666;--border-color: #eef0f7;--primary-purple: #5c59cc}.lr-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);padding:20px;min-height:100vh;box-sizing:border-box}.lr-header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.lr-title{font-size:20px;font-weight:600;color:#3e3e3e;margin:0}.lr-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--txt-muted)}.lr-icon-home{font-size:14px}.lr-arrow{color:#b0b5c1;font-size:11px}.lr-active-crumb{color:var(--txt-dark);font-weight:500}.lr-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.lr-toolbar{background-color:var(--bg-panel-header);display:flex;justify-content:space-between;align-items:center;padding:12px 20px;gap:15px;flex-wrap:wrap}.lr-toolbar-left{display:flex;align-items:center;gap:20px;flex-grow:1}.lr-panel-label{font-size:15px;font-weight:500;color:#4a4a5a}.lr-search-wrapper{position:relative;background:#fff;border-radius:6px;width:100%;max-width:240px;display:flex;align-items:center;padding-left:10px;box-shadow:0 1px 3px #0000000d}.lr-search-icon{font-size:12px;color:#888}.lr-search-input{border:none;outline:none;padding:8px 10px;font-size:13px;width:100%;border-radius:6px}.lr-toolbar-right{display:flex;align-items:center;gap:16px;position:relative}.lr-action-btn{background:transparent;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.lr-action-btn:hover{background-color:#0000000d}.lr-dropdown-container{position:relative}.lr-filter-toggle stroke{stroke:var(--primary-purple)}.lr-column-dropdown{position:absolute;top:100%;right:0;margin-top:10px;background:#f4f5f9;border:1px solid #d3d7e2;border-radius:6px;width:250px;box-shadow:0 4px 15px #0000001f;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),visibility .25s}.lr-column-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.lr-dropdown-title{padding:14px 16px;font-weight:600;color:#333d47;font-size:15px;border-bottom:1px solid #e1e4ed}.lr-dropdown-list{max-height:280px;overflow-y:auto;padding:10px}.lr-dropdown-item{display:flex;align-items:center;padding:8px 10px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.lr-dropdown-item input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.lr-checkbox-custom{height:18px;width:18px;border:2px solid #555e6b;border-radius:2px;margin-right:12px;display:inline-block;position:relative;box-sizing:border-box}.lr-dropdown-item input:checked~.lr-checkbox-custom{background-color:#4549cc;border-color:#4549cc}.lr-checkbox-custom:after{content:"";position:absolute;display:none;left:5px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.lr-dropdown-item input:checked~.lr-checkbox-custom:after{display:block}.lr-label-text{font-size:14px;color:#3c434c}.lr-tooltip-wrapper{position:relative;display:inline-block}.lr-tooltip{position:absolute;top:100%;right:-10px;margin-top:8px;background-color:#2a2c30;color:#fff;padding:6px 12px;font-size:12px;border-radius:4px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 6px #0003;opacity:0;transform:translateY(-5px);transition:opacity .2s ease,transform .2s ease;z-index:99}.lr-tooltip-wrapper:hover .lr-tooltip{opacity:1;transform:translateY(0)}.lr-table-scroll-container{overflow-x:auto;width:100%}.lr-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px;color:#2c2c2c;min-width:900px}.lr-table th{background-color:#fff;color:#111;font-weight:600;padding:16px 18px;border-bottom:1px solid var(--border-color);white-space:nowrap}.lr-table td{padding:12px 18px;border-bottom:1px solid var(--border-color);vertical-align:middle;background-color:#fff}.lr-table tbody tr:hover td{background-color:#fcfdfe}.lr-user-cell{display:flex;align-items:center;gap:10px}.lr-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.lr-user-name{white-space:nowrap;font-weight:500}.lr-date-cell{display:flex;align-items:center;gap:6px;color:#333}.lr-calendar-icon{font-size:12px;opacity:.65}.lr-txt-center{text-align:center}.lr-no-data{text-align:center!important;color:var(--txt-muted);padding:40px!important}.lr-pagination-bar{display:flex;justify-content:flex-end;align-items:center;padding:12px 20px;background-color:#fff;border-top:1px solid var(--border-color)}.lr-pagination-right-group{display:flex;align-items:center;gap:25px}.lr-pagination-label{font-size:13px;color:#333}.lr-select-wrapper{position:relative;display:inline-block}.lr-page-select{appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #a5abb6;border-radius:4px;padding:6px 30px 6px 12px;font-size:13px;cursor:pointer;outline:none;color:#2c2c2c;min-width:55px}.lr-select-wrapper:after{content:"▼";font-size:8px;color:#555;position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.lr-pagination-info{font-size:13px;color:#2c2c2c;min-width:75px;text-align:center}.lr-pagination-actions{display:flex;align-items:center;gap:15px}.lr-page-nav-btn{background:transparent;border:none;font-size:20px;color:#555;cursor:pointer;padding:0 4px;line-height:1;display:flex;align-items:center;justify-content:center}.lr-page-nav-btn:disabled{color:#ccc;cursor:not-allowed}.lr-dropdown-list::-webkit-scrollbar{width:8px}.lr-dropdown-list::-webkit-scrollbar-track{background:transparent}.lr-dropdown-list::-webkit-scrollbar-thumb{background:#8e8e8e;border-radius:4px}@media(max-width:768px){.lr-header-nav{flex-direction:column;align-items:flex-start;gap:8px}.lr-toolbar{flex-direction:column;align-items:stretch}.lr-toolbar-left{flex-direction:column;align-items:stretch;gap:10px}.lr-search-wrapper{max-width:100%}.lr-toolbar-right{justify-content:flex-end}.lr-pagination-bar{justify-content:center;width:100%;box-sizing:border-box}.lr-pagination-right-group{gap:12px;flex-wrap:wrap;justify-content:center}}:root{--er-canvas-bg: #f0f2f8;--er-toolbar-bg: #e3e6f5;--er-text-dark: #333333;--er-text-secondary: #5a5a6a;--er-grid-border: #eef0f7;--er-brand-indigo: #5c59cc}.er-main-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--er-canvas-bg);padding:24px;min-height:100vh;box-sizing:border-box}.er-nav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.er-main-title{font-size:22px;font-weight:600;color:#3b3b45;margin:0}.er-breadcrumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--er-text-secondary)}.er-home-icon{font-size:14px}.er-divider{color:#adb2c0;font-size:11px}.er-active-crumb{color:var(--er-text-dark);font-weight:500}.er-grid-panel{background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000008;overflow:hidden}.er-action-toolbar{background-color:var(--er-toolbar-bg);display:flex;justify-content:space-between;align-items:center;padding:12px 20px;gap:16px;flex-wrap:wrap}.er-toolbar-left-group{display:flex;align-items:center;gap:24px;flex-grow:1}.er-section-heading{font-size:16px;font-weight:500;color:#444454}.er-search-input-box{position:relative;background:#fff;border-radius:6px;width:100%;max-width:260px;display:flex;align-items:center;padding-left:12px;box-shadow:0 1px 2px #0000000a}.er-search-lens{font-size:12px;color:#7c7c8c}.er-native-input{border:none;outline:none;padding:8px 12px;font-size:13.5px;width:100%;border-radius:6px;color:var(--er-text-dark)}.er-toolbar-right-group{display:flex;align-items:center;gap:16px}.er-utility-btn{background:transparent;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.er-utility-btn:hover,.er-active-btn{background-color:#5c59cc14}.er-dropdown-anchor{position:relative}.er-column-popover{position:absolute;top:100%;right:0;margin-top:12px;background:#f4f5f9;border:1px solid #c8cbd6;border-radius:6px;width:250px;box-shadow:0 6px 18px #0000001a;z-index:110;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1),visibility .22s}.er-column-popover.er-popover-visible{opacity:1;visibility:visible;transform:translateY(0)}.er-popover-header{padding:14px 16px;font-weight:600;color:#2e353e;font-size:15px;border-bottom:1px solid #dddfeb}.er-popover-scroller{max-height:290px;overflow-y:auto;padding:8px}.er-checkbox-row{display:flex;align-items:center;padding:8px 12px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.er-checkbox-row input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.er-custom-check-box{height:18px;width:18px;border:2px solid #505866;border-radius:2px;margin-right:12px;display:inline-block;position:relative;box-sizing:border-box}.er-checkbox-row input:checked~.er-custom-check-box{background-color:#4549cc;border-color:#4549cc}.er-custom-check-box:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.er-checkbox-row input:checked~.er-custom-check-box:after{display:block}.er-checkbox-label{font-size:14px;color:#383f48}.er-popover-scroller::-webkit-scrollbar{width:8px}.er-popover-scroller::-webkit-scrollbar-track{background:transparent}.er-popover-scroller::-webkit-scrollbar-thumb{background:#9fa4b3;border-radius:4px}.er-tooltip-container{position:relative;display:inline-block}.er-hover-tooltip{position:absolute;top:100%;right:-8px;margin-top:10px;background-color:#292a2d;color:#fff;padding:6px 14px;font-size:12.5px;border-radius:4px;white-space:nowrap;pointer-events:none;box-shadow:0 3px 8px #00000026;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;z-index:100}.er-tooltip-container:hover .er-hover-tooltip{opacity:1;transform:translateY(0)}.er-table-scroll-viewport{overflow-x:auto;width:100%}.er-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px;color:#2b2b30;min-width:1050px}.er-data-table th{background-color:#fff;color:#111;font-weight:600;padding:16px 18px;border-bottom:1px solid var(--er-grid-border);white-space:nowrap}.er-data-table td{padding:13px 18px;border-bottom:1px solid var(--er-grid-border);vertical-align:middle;background-color:#fff}.er-data-table tbody tr:hover td{background-color:#f9faff}.er-identity-cell-box{display:flex;align-items:center;gap:10px}.er-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover}.er-identity-name{white-space:nowrap}.er-date-layout-box{display:flex;align-items:center;gap:6px}.er-calendar-glyph{font-size:12px;opacity:.7}.er-bold-text{font-weight:500}.er-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;text-align:center}.er-badge-paid{background-color:#e3f7ed;color:#10b981}.er-badge-unpaid{background-color:#fff1e6;color:#ff9f43}.er-empty-fallback-row{text-align:center!important;color:var(--er-text-secondary);padding:45px!important;font-size:14px}.er-pagination-container{display:flex;justify-content:flex-end;align-items:center;padding:12px 20px;background-color:#fff;border-top:1px solid var(--er-grid-border)}.er-pagination-right-dock{display:flex;align-items:center;gap:24px}.er-pagination-text-label{font-size:13px;color:#444}.er-custom-select-box{position:relative;display:inline-block}.er-select-element{appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid #a2a8b5;border-radius:4px;padding:6px 30px 6px 12px;font-size:13px;cursor:pointer;outline:none;color:var(--er-text-dark);min-width:55px}.er-custom-select-box:after{content:"▼";font-size:8px;color:#555565;position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.er-pagination-range-display{font-size:13px;color:#2c2c2c;min-width:75px;text-align:center}.er-navigation-button-cluster{display:flex;align-items:center;gap:16px}.er-nav-arrow-trigger{background:transparent;border:none;font-size:20px;color:#4a4a4a;cursor:pointer;padding:0 4px;line-height:1;display:flex;align-items:center;justify-content:center}.er-nav-arrow-trigger:disabled{color:#ccc;cursor:not-allowed}@media(max-width:820px){.er-nav-header{flex-direction:column;align-items:flex-start;gap:8px}.er-action-toolbar{flex-direction:column;align-items:stretch}.er-toolbar-left-group{flex-direction:column;align-items:stretch;gap:12px}.er-search-input-box{max-width:100%}.er-toolbar-right-group{justify-content:flex-end}.er-pagination-container{justify-content:center;width:100%}.er-pagination-right-dock{gap:14px;flex-wrap:wrap;justify-content:center}}.ld-workspace-wrapper{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:24px;background-color:#f8f9fa;color:#333}.ld-structural-crumb-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ld-main-heading{font-size:24px;margin:0;color:#222;font-weight:600}.ld-trail-box{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.ld-chevron-char{color:#aaa}.ld-node-text.active-node{color:#4d77ff;font-weight:500}.ld-board-surface{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;border:1px solid #eef0f2;overflow:hidden}.ld-action-toolbar-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eef0f2;background-color:#fff}.ld-toolbar-left-dock,.ld-toolbar-right-dock{display:flex;align-items:center;gap:12px}.ld-badge-label{font-size:18px;font-weight:600;color:#333}.ld-input-lens-wrapper{display:flex;align-items:center;border:1px solid #cccccc;border-radius:20px;padding:6px 14px;background:#fff;width:240px}.ld-input-lens-wrapper svg{color:#888;margin-right:8px}.ld-search-element{border:none;outline:none;width:100%;font-size:14px}.ld-circle-icon-btn{background:#fff;border:1px solid #e2e8f0;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.ld-circle-icon-btn:hover,.ld-circle-icon-btn.active-control{background-color:#f1f5f9;transform:translateY(-1px)}.ld-dropdown-anchor{position:relative}.ld-filter-popover-card{position:absolute;top:46px;right:0;z-index:100;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;border:1px solid #e2e8f0;width:220px;display:none}.ld-filter-popover-card.popover-open{display:block}.ld-popover-title{padding:12px 16px;font-weight:600;font-size:14px;border-bottom:1px solid #f1f5f9;color:#444}.ld-popover-body-scroller{max-height:240px;overflow-y:auto;padding:8px 0}.ld-popover-checkbox-row{display:flex;align-items:center;padding:8px 16px;cursor:pointer;font-size:14px;color:#555}.ld-popover-checkbox-row:hover{background-color:#f8fafc}.ld-popover-checkbox-row input{margin-right:10px}.ld-table-responsive-scroller{overflow-x:auto;width:100%}.ld-table-engine{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.ld-table-engine th{background-color:#f8fafc;color:#64748b;font-weight:600;padding:14px 18px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.ld-table-engine td{padding:12px 18px;border-bottom:1px solid #e2e8f0;color:#334155;vertical-align:middle}.ld-table-engine tr.ld-row-selected-state{background-color:#f0f4ff!important}.ld-table-engine tbody tr:hover{background-color:#f8fafc}.ld-table-checkbox-container{display:inline-block;position:relative;cursor:pointer;width:18px;height:18px}.ld-table-checkbox-container input{opacity:0;width:0;height:0;position:absolute}.ld-styled-checkbox-node{position:absolute;top:0;left:0;height:18px;width:18px;background-color:#fff;border:2px solid #cbd5e1;border-radius:4px}.ld-table-checkbox-container input:checked~.ld-styled-checkbox-node{background-color:#4d77ff;border-color:#4d77ff}.ld-styled-checkbox-node:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.ld-table-checkbox-container input:checked~.ld-styled-checkbox-node:after{display:block}.ld-identity-flex-cell{display:flex;align-items:center;gap:12px}.ld-avatar-hover-wrapper{position:relative;display:inline-block}.ld-identity-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid #cbd5e1}.ld-avatar-hover-tooltip{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background-color:#1e293b;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10}.ld-avatar-hover-wrapper:hover .ld-avatar-hover-tooltip{opacity:1;visibility:visible}.ld-icon-text-flex-cell{display:flex;align-items:center;gap:8px}.ld-actions-cluster-flex{display:flex;align-items:center;gap:10px}.ld-action-inline-trigger{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.ld-action-inline-trigger:hover{background-color:#f1f5f9}.ld-empty-fallback-cell{text-align:center;padding:40px!important;color:#64748b;font-style:italic}.ld-pagination-footer-dock{display:flex;justify-content:flex-end;padding:14px 20px;background-color:#fff;border-top:1px solid #e2e8f0}.ld-pagination-controls-cluster{display:flex;align-items:center;gap:16px;font-size:14px;color:#64748b}.ld-select-element-wrapper{border:1px solid #cbd5e1;border-radius:4px;padding:2px 6px}.ld-footer-select-native{border:none;outline:none;background:transparent;font-size:13px;color:#334155;cursor:pointer}.ld-arrow-nav-group{display:flex;gap:4px}.ld-arrow-nav-trigger{background:transparent;border:none;font-size:18px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#334155;border-radius:4px}.ld-arrow-nav-trigger:hover:not(:disabled){background-color:#f1f5f9}.ld-arrow-nav-trigger:disabled{color:#cbd5e1;cursor:not-allowed}.ld-dialog-backdrop-layer{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000}.ld-dialog-window-box{background:#fff;border-radius:12px;width:100%;max-width:600px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:modalSlideUp .25s ease-out}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.ld-dialog-title-banner{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.ld-dialog-header-identity-left{display:flex;align-items:center;gap:12px}.ld-dialog-header-identity-left h3{margin:0;font-size:18px;color:#1e293b;font-weight:600}.ld-dialog-avatar-thumb{width:32px;height:32px;border-radius:50%;object-fit:cover}.ld-dialog-avatar-fallback{width:32px;height:32px;border-radius:50%;background-color:#e2e8f0;display:flex;align-items:center;justify-content:center}.ld-dialog-close-cross-btn{background:transparent;border:none;font-size:24px;cursor:pointer;color:#94a3b8}.ld-dialog-close-cross-btn:hover{color:#475569}.ld-dialog-form-body{padding:24px}.ld-form-fields-grid-engine{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.ld-floating-form-group{position:relative}.ld-field-input-box-row{position:relative;display:flex;align-items:center}.ld-field-input-box-row input{width:100%;padding:10px 36px 10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;background-color:transparent}.ld-field-input-box-row input:focus{border-color:#4d77ff;box-shadow:0 0 0 3px #4d77ff1a}.ld-field-input-box-row label{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px;pointer-events:none;transition:all .2s ease;background-color:#fff;padding:0 4px}.ld-field-input-box-row input:focus~label,.ld-field-input-box-row input:not(:placeholder-shown)~label{top:0;font-size:12px;color:#4d77ff}.field-icon-glyph{position:absolute;right:12px;color:#94a3b8;font-size:16px;pointer-events:none}.ld-dialog-actions-footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e2e8f0;padding-top:16px}.ld-btn-action-trigger{padding:8px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none}.ld-btn-action-trigger.state-save{background-color:#4d77ff;color:#fff}.ld-btn-action-trigger.state-save:hover:not(:disabled){background-color:#355ee0}.ld-btn-action-trigger.state-cancel{background-color:#f1f5f9;color:#475569}.ld-btn-action-trigger.state-cancel:hover{background-color:#e2e8f0}.disabled-save-btn{background-color:#cbd5e1!important;color:#94a3b8!important;cursor:not-allowed!important}:root{--pr-bg-main: #f1f5f9;--pr-bg-card: #ffffff;--pr-text-main: #1e293b;--pr-text-muted: #64748b;--pr-border: #cbd5e1;--pr-indigo: #6366f1;--pr-danger: #b91c1c;--pr-danger-hover: #991b1b}.payroll-container{padding:24px;max-width:1400px;margin:0 auto;box-sizing:border-box}.payroll-breadcrumb-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.payroll-title{margin:0;font-size:22px;font-weight:600;color:var(--pr-text-main)}.payroll-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--pr-text-muted)}.breadcrumb-separator{color:#94a3b8}.breadcrumb-active{color:var(--pr-text-main);font-weight:500}.payroll-card{background-color:var(--pr-bg-card);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.payroll-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.payroll-search-box{position:relative}.payroll-search-box input{padding:10px 12px 10px 38px;border:1px solid var(--pr-border);border-radius:6px;width:240px;outline:none;font-size:14px}.payroll-search-box input:focus{border-color:var(--pr-indigo)}.payroll-search-icon{position:absolute;left:14px;top:11px;font-size:14px;color:#94a3b8}.payroll-action-buttons{display:flex;gap:12px;align-items:center}.payroll-icon-btn{background:#fff;border:1px solid var(--pr-border);border-radius:6px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s}.payroll-icon-btn:hover{background-color:#f1f5f9;border-color:#94a3b8}.payroll-dropdown-wrapper{position:relative}.payroll-column-dropdown{position:absolute;top:44px;right:0;background:#fff;border:1px solid var(--pr-border);box-shadow:0 10px 15px -3px #0000001a;border-radius:6px;width:220px;z-index:100;padding:12px}.payroll-dropdown-title{font-size:14px;font-weight:600;padding-bottom:6px;color:var(--pr-text-main)}.payroll-column-dropdown hr{margin:4px 0 10px;border:0;border-top:1px solid #f1f5f9}.payroll-dropdown-item{display:flex;align-items:center;gap:12px;padding:6px 4px;font-size:14px;cursor:pointer}.payroll-capitalize{text-transform:capitalize}.payroll-table-responsive{overflow-x:auto;width:100%}.payroll-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.payroll-table th{color:#475569;font-weight:600;padding:16px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.payroll-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;color:#334155;white-space:nowrap}.payroll-selected-row{background-color:#f8fafc!important}.payroll-profile-cell{display:flex;align-items:center;gap:12px}.payroll-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.payroll-emp-name{font-weight:500;color:var(--pr-text-main)}.payroll-status-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.badge-completed{background-color:#d1fae5;color:#065f46}.badge-pending{background-color:#fee2e2;color:#991b1b}.badge-processing{background-color:#ffedd5;color:#9a3412}.payroll-text-center{text-align:center!important}.payroll-actions-cell{display:flex;justify-content:center;gap:12px}.payroll-actions-cell button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px}.payroll-no-data{color:var(--pr-text-muted);padding:40px 0!important}.payroll-pagination-footer{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;border-top:1px solid #e2e8f0;gap:24px;font-size:14px;color:#475569;flex-wrap:wrap}.payroll-per-page-container{display:flex;align-items:center;gap:8px}.payroll-per-page-container select{padding:6px 10px;border:1px solid var(--pr-border);border-radius:4px;outline:none;background:#fff}.payroll-info-controls{display:flex;align-items:center;gap:16px}.payroll-nav-arrows{display:flex;gap:4px}.payroll-arrow-btn{background:transparent;border:none;font-size:18px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.payroll-arrow-btn:hover:not(:disabled){background-color:#f1f5f9}.payroll-arrow-btn:disabled{color:#cbd5e1;cursor:not-allowed}.payroll-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.payroll-modal-card{background-color:#fff;width:100%;max-width:850px;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.payroll-modal-header{background-color:#6366f1;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.payroll-modal-profile{display:flex;align-items:center;gap:12px}.payroll-modal-title{margin:0;font-size:18px;font-weight:500}.payroll-modal-close{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}.payroll-modal-form{padding:24px;display:flex;flex-direction:column;gap:18px;background-color:#f8fafc}.payroll-form-row{display:flex;gap:16px;width:100%}.payroll-split-two>div{flex:1}.payroll-input-group{display:flex;flex-direction:column;gap:6px}.payroll-input-group label{font-size:13px;font-weight:500;color:#475569}.payroll-input-wrapper{position:relative;display:flex;align-items:center}.payroll-input-wrapper input,.payroll-select-input{width:100%;padding:10px 38px 10px 12px;border:1px solid var(--pr-border);border-radius:6px;background-color:#fff;font-size:14px;outline:none;box-sizing:border-box;height:42px}.payroll-select-input{padding-right:12px}.payroll-input-icon{position:absolute;right:14px;font-size:16px;color:#94a3b8;pointer-events:none}.payroll-modal-footer{display:flex;gap:12px;margin-top:8px}.payroll-btn-save{background-color:var(--pr-danger);color:#fff;border:none;padding:10px 28px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.payroll-btn-save:hover{background-color:var(--pr-danger-hover)}.payroll-btn-cancel{background-color:#e2e8f0;color:#334155;border:none;padding:10px 28px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}@media(max-width:768px){.payroll-toolbar{flex-direction:column;align-items:stretch}.payroll-search-box input{width:100%}.payroll-action-buttons{justify-content:flex-end}.payroll-form-row.payroll-split-two{flex-direction:column;gap:18px}}:root{--doc-bg-main: #f1f5f9;--doc-bg-card: #ffffff;--doc-text-main: #1e293b;--doc-text-muted: #64748b;--doc-border: #cbd5e1;--doc-indigo: #6366f1;--doc-danger: #b91c1c;--doc-danger-hover: #991b1b}.doc-container{padding:24px;max-width:1400px;margin:0 auto;box-sizing:border-box}.doc-breadcrumb-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.doc-title{margin:0;font-size:22px;font-weight:600;color:var(--doc-text-main)}.doc-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--doc-text-muted)}.doc-separator{color:#94a3b8}.doc-active{color:var(--doc-text-main);font-weight:500}.doc-card{background-color:var(--doc-bg-card);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.doc-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.doc-search-box{position:relative}.doc-search-box input{padding:10px 12px 10px 38px;border:1px solid var(--doc-border);border-radius:6px;width:240px;outline:none;font-size:14px}.doc-search-box input:focus{border-color:var(--doc-indigo)}.doc-search-icon{position:absolute;left:14px;top:11px;font-size:14px;color:#94a3b8}.doc-action-buttons{display:flex;gap:12px;align-items:center}.doc-icon-btn{background:#fff;border:1px solid var(--doc-border);border-radius:6px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s}.doc-icon-btn:hover{background-color:#f1f5f9;border-color:#94a3b8}.doc-btn-bulk-delete{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:6px;padding:0 16px;height:38px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s}.doc-btn-bulk-delete:hover{background-color:#fca5a5}.doc-dropdown-wrapper{position:relative}.doc-column-dropdown{position:absolute;top:44px;right:0;background:#fff;border:1px solid var(--doc-border);box-shadow:0 10px 15px -3px #0000001a;border-radius:6px;width:220px;z-index:100;padding:12px}.doc-dropdown-title{font-size:14px;font-weight:600;padding-bottom:6px;color:var(--doc-text-main)}.doc-column-dropdown hr{margin:4px 0 10px;border:0;border-top:1px solid #f1f5f9}.doc-dropdown-item{display:flex;align-items:center;gap:12px;padding:6px 4px;font-size:14px;cursor:pointer}.doc-capitalize{text-transform:capitalize}.doc-table-responsive{overflow-x:auto;width:100%}.doc-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.doc-table th{color:#475569;font-weight:600;padding:16px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.doc-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;color:#334155;white-space:nowrap}.doc-selected-row{background-color:#f8fafc!important}.doc-profile-cell{display:flex;align-items:center;gap:12px}.doc-file-icon{font-size:18px}.doc-emp-name{font-weight:500;color:var(--doc-text-main)}.doc-type-tag{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;color:#fff}.tag-pdf{background-color:#ef4444}.tag-docx{background-color:#3b82f6}.tag-xlsx{background-color:#10b981}.tag-zip{background-color:#f59e0b}.tag-png{background-color:#6366f1}.doc-status-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.doc-badge-active{background-color:#d1fae5;color:#065f46}.doc-badge-review{background-color:#ffedd5;color:#9a3412}.doc-badge-expired{background-color:#fee2e2;color:#991b1b}.doc-text-center{text-align:center!important}.doc-actions-cell{display:flex;justify-content:center;gap:12px}.doc-actions-cell button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px}.doc-no-data{color:var(--doc-text-muted);padding:40px 0!important}.doc-pagination-footer{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;border-top:1px solid #e2e8f0;gap:24px;font-size:14px;color:#475569;flex-wrap:wrap}.doc-per-page-container{display:flex;align-items:center;gap:8px}.doc-per-page-container select{padding:6px 10px;border:1px solid var(--doc-border);border-radius:4px;outline:none;background:#fff}.doc-info-controls{display:flex;align-items:center;gap:16px}.doc-nav-arrows{display:flex;gap:4px}.doc-arrow-btn{background:transparent;border:none;font-size:18px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.doc-arrow-btn:hover:not(:disabled){background-color:#f1f5f9}.doc-arrow-btn:disabled{color:#cbd5e1;cursor:not-allowed}.doc-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.doc-modal-card{background-color:#fff;width:100%;max-width:850px;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.doc-modal-header{background-color:#6366f1;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.doc-modal-profile{display:flex;align-items:center;gap:12px}.doc-modal-title{margin:0;font-size:18px;font-weight:500}.doc-modal-close{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}.doc-modal-form{padding:24px;display:flex;flex-direction:column;gap:18px;background-color:#f8fafc}.doc-form-row{display:flex;gap:16px;width:100%}.doc-split-two>div{flex:1}.doc-input-group{display:flex;flex-direction:column;gap:6px}.doc-input-group label{font-size:13px;font-weight:500;color:#475569}.doc-input-wrapper{position:relative;display:flex;align-items:center}.doc-input-wrapper input,.doc-select-input{width:100%;padding:10px 38px 10px 12px;border:1px solid var(--doc-border);border-radius:6px;background-color:#fff;font-size:14px;outline:none;box-sizing:border-box;height:42px}.doc-select-input{padding-right:12px}.doc-input-icon{position:absolute;right:14px;font-size:16px;color:#94a3b8;pointer-events:none}.doc-modal-footer{display:flex;gap:12px;margin-top:8px}.doc-btn-save{background-color:var(--doc-danger);color:#fff;border:none;padding:10px 28px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.doc-btn-save:hover{background-color:var(--doc-danger-hover)}.doc-btn-cancel{background-color:#e2e8f0;color:#334155;border:none;padding:10px 28px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}@media(max-width:768px){.doc-toolbar{flex-direction:column;align-items:stretch}.doc-search-box input{width:100%}.doc-action-buttons{justify-content:flex-end;width:100%}.doc-form-row.doc-split-two{flex-direction:column;gap:18px}}:root{--md-bg-main: #f8fafc;--md-bg-card: #ffffff;--md-text-main: #1e293b;--md-text-muted: #64748b;--md-border: #cbd5e1;--md-indigo: #6366f1;--md-danger: #b91c1c;--md-danger-hover: #991b1b}.mgmt-doc-container{padding:24px;max-width:1400px;margin:0 auto;box-sizing:border-box}.mgmt-doc-breadcrumb-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.mgmt-doc-title{margin:0;font-size:22px;font-weight:600;color:var(--md-text-main)}.mgmt-doc-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--md-text-muted)}.mgmt-doc-separator{color:#94a3b8}.mgmt-doc-active{color:var(--md-text-main);font-weight:500}.mgmt-doc-card{background-color:var(--md-bg-card);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.mgmt-doc-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.mgmt-doc-search-box{position:relative}.mgmt-doc-search-box input{padding:10px 12px 10px 38px;border:1px solid var(--md-border);border-radius:6px;width:240px;outline:none;font-size:14px}.mgmt-doc-search-box input:focus{border-color:var(--md-indigo)}.mgmt-doc-search-icon{position:absolute;left:14px;top:11px;font-size:14px;color:#94a3b8}.mgmt-doc-action-buttons{display:flex;gap:12px;align-items:center}.mgmt-doc-icon-btn{background:#fff;border:1px solid var(--md-border);border-radius:6px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s}.mgmt-doc-icon-btn:hover{background-color:#f1f5f9;border-color:#94a3b8}.mgmt-doc-btn-bulk-delete{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:6px;padding:0 16px;height:38px;font-size:13px;font-weight:500;cursor:pointer}.mgmt-doc-btn-bulk-delete:hover{background-color:#fca5a5}.mgmt-doc-dropdown-wrapper{position:relative}.mgmt-doc-column-dropdown{position:absolute;top:44px;right:0;background:#fff;border:1px solid var(--md-border);box-shadow:0 10px 15px -3px #0000001a;border-radius:6px;width:220px;z-index:100;padding:12px}.mgmt-doc-dropdown-title{font-size:14px;font-weight:600;padding-bottom:6px;color:var(--md-text-main)}.mgmt-doc-column-dropdown hr{margin:4px 0 10px;border:0;border-top:1px solid #f1f5f9}.mgmt-doc-dropdown-item{display:flex;align-items:center;gap:12px;padding:6px 4px;font-size:14px;cursor:pointer}.mgmt-doc-capitalize{text-transform:capitalize}.mgmt-doc-table-responsive{overflow-x:auto;width:100%}.mgmt-doc-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.mgmt-doc-table th{color:#475569;font-weight:600;padding:16px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.mgmt-doc-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;color:#334155;white-space:nowrap}.mgmt-doc-selected-row{background-color:#f8fafc!important}.mgmt-doc-profile-cell{display:flex;align-items:center;gap:12px}.mgmt-doc-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.mgmt-doc-emp-name{font-weight:500;color:var(--md-text-main)}.mgmt-doc-type-badge{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;color:#fff}.type-jpg{background-color:#3b82f6}.type-png{background-color:#ec4899}.mgmt-doc-status-badge{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.badge-verified{background-color:#d1fae5;color:#065f46}.badge-pending{background-color:#ffedd5;color:#9a3412}.badge-expired{background-color:#fee2e2;color:#991b1b}.mgmt-doc-text-center{text-align:center!important}.mgmt-doc-single-dl{background:none;border:none;cursor:pointer;font-size:16px}.mgmt-doc-actions-cell button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px}.mgmt-doc-no-data{color:var(--md-text-muted);padding:40px 0!important}.mgmt-doc-pagination-footer{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;border-top:1px solid #e2e8f0;gap:24px;font-size:14px;color:#475569;flex-wrap:wrap}.mgmt-doc-per-page-container{display:flex;align-items:center;gap:8px}.mgmt-doc-per-page-container select{padding:6px 10px;border:1px solid var(--md-border);border-radius:4px;background:#fff}.mgmt-doc-info-controls{display:flex;align-items:center;gap:16px}.mgmt-doc-nav-arrows{display:flex;gap:4px}.mgmt-doc-arrow-btn{background:transparent;border:none;font-size:18px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.mgmt-doc-arrow-btn:disabled{color:#cbd5e1;cursor:not-allowed}.mgmt-doc-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.mgmt-doc-modal-card{background-color:#fff;width:100%;max-width:850px;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.mgmt-doc-modal-header{background-color:#6366f1;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.mgmt-doc-modal-profile{display:flex;align-items:center;gap:12px}.mgmt-doc-modal-title{margin:0;font-size:18px;font-weight:500}.mgmt-doc-modal-close{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}.mgmt-doc-modal-form{padding:24px;display:flex;flex-direction:column;gap:16px;background-color:#f8fafc;max-height:60vh;overflow-y:auto}.mgmt-doc-form-row{display:flex;gap:16px;width:100%}.mgmt-doc-split-two>div{flex:1}.mgmt-doc-input-group{display:flex;flex-direction:column;gap:6px}.mgmt-doc-input-group label{font-size:13px;font-weight:500;color:#475569}.mgmt-doc-input-wrapper{position:relative;display:flex;align-items:center}.mgmt-doc-input-wrapper input,.mgmt-doc-select-input,.mgmt-doc-textarea{width:100%;padding:10px 12px;border:1px solid var(--md-border);border-radius:6px;background-color:#fff;font-size:14px;outline:none;box-sizing:border-box}.mgmt-doc-input-wrapper input{padding-right:38px;height:42px}.mgmt-doc-select-input,.mgmt-doc-date-picker{height:42px}.mgmt-doc-input-icon{position:absolute;right:14px;font-size:16px;color:#94a3b8;pointer-events:none}.mgmt-doc-uploader-box{border:2px dashed #cbd5e1;background-color:#fff;border-radius:8px;padding:24px;text-align:center;cursor:pointer;margin-top:8px}.uploader-cloud-icon{font-size:32px;color:#6366f1;display:block;margin-bottom:8px}.uploader-text{font-size:14px;color:#64748b;margin:0}.uploader-browse-btn{color:#6366f1;font-weight:600;text-decoration:underline}.mgmt-doc-modal-footer{display:flex;gap:12px;margin-top:12px}.mgmt-doc-btn-save{background-color:var(--md-danger);color:#fff;border:none;padding:10px 28px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.mgmt-doc-btn-cancel{background-color:#cbd5e1;color:#334155;border:none;padding:10px 28px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}@media(max-width:768px){.mgmt-doc-toolbar{flex-direction:column;align-items:stretch}.mgmt-doc-search-box input{width:100%}.mgmt-doc-action-buttons{justify-content:flex-end;width:100%}.mgmt-doc-form-row.mgmt-doc-split-two{flex-direction:column;gap:16px}}:root{--dp-bg-light: #f8fafc;--dp-surface-white: #ffffff;--dp-text-dark: #1e293b;--dp-text-slate: #64748b;--dp-indigo-brand: #6366f1;--dp-border-grey: #cbd5e1;--dp-danger-red: #dc2626}.doc-policies-container{padding:24px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-sizing:border-box}.doc-policies-breadcrumb-area{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.doc-policies-main-title{margin:0;font-size:22px;font-weight:600;color:var(--dp-text-dark)}.doc-policies-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--dp-text-slate)}.doc-policies-slash{color:#94a3b8}.doc-policies-active-route{color:var(--dp-text-dark);font-weight:500}.doc-policies-card{background-color:var(--dp-surface-white);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.doc-policies-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.doc-policies-search-wrapper{position:relative}.doc-policies-search-wrapper input{padding:10px 12px 10px 38px;border:1px solid var(--dp-border-grey);border-radius:6px;width:240px;outline:none;font-size:14px}.doc-policies-search-wrapper input:focus{border-color:var(--dp-indigo-brand)}.doc-policies-search-icon{position:absolute;left:14px;top:11px;font-size:14px;color:#94a3b8}.doc-policies-action-buttons{display:flex;gap:12px;align-items:center}.doc-policies-tool-btn{background:#fff;border:1px solid var(--dp-border-grey);border-radius:6px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s}.doc-policies-tool-btn:hover{background-color:#f1f5f9}.doc-policies-bulk-delete-btn{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:6px;padding:0 16px;height:38px;font-size:13px;font-weight:500;cursor:pointer}.doc-policies-bulk-delete-btn:hover{background-color:#fca5a5}.doc-policies-popover-wrapper{position:relative}.doc-policies-columns-dropdown{position:absolute;top:44px;right:0;background:#fff;border:1px solid var(--dp-border-grey);box-shadow:0 10px 15px -3px #0000001a;border-radius:6px;width:220px;z-index:100;padding:12px}.doc-policies-dropdown-header{font-size:14px;font-weight:600;color:var(--dp-text-dark)}.doc-policies-dropdown-divider{margin:6px 0 10px;border:0;border-top:1px solid #f1f5f9}.doc-policies-dropdown-item{display:flex;align-items:center;gap:12px;padding:6px 4px;font-size:14px;cursor:pointer}.doc-policies-col-text{text-transform:capitalize}.doc-policies-table-responsive{overflow-x:auto;width:100%}.doc-policies-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.doc-policies-table th{color:#475569;font-weight:600;padding:16px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.doc-policies-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;color:#334155;white-space:nowrap}.doc-policies-highlight-row{background-color:#f8fafc!important}.doc-policies-primary-cell{font-weight:500;color:var(--dp-text-dark)}.doc-policies-file-badge{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;color:#fff}.type-pdf{background-color:#ef4444}.type-docx{background-color:#10b981}.doc-policies-status-pill{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.status-active{background-color:#d1fae5;color:#065f46}.status-in-review{background-color:#dbeafe;color:#1e40af}.doc-policies-center-text{text-align:center!important}.doc-policies-dl-action-icon{background:none;border:none;cursor:pointer;font-size:16px}.doc-policies-actions-cell button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px}.doc-policies-no-records{color:var(--dp-text-slate);padding:40px 0!important;text-align:center}.doc-policies-footer-pagination{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;border-top:1px solid #e2e8f0;gap:24px;font-size:14px;color:#475569;flex-wrap:wrap}.doc-policies-per-page-selector{display:flex;align-items:center;gap:8px}.doc-policies-per-page-selector select{padding:6px 10px;border:1px solid var(--dp-border-grey);border-radius:4px;background:#fff}.doc-policies-nav-controls{display:flex;align-items:center;gap:16px}.doc-policies-arrow-wrapper{display:flex;gap:4px}.doc-policies-arrow-nav{background:transparent;border:none;font-size:18px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.doc-policies-arrow-nav:disabled{color:#cbd5e1;cursor:not-allowed}.doc-policies-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.doc-policies-modal-wrapper{background-color:#fff;width:100%;max-width:800px;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.doc-policies-modal-header{background-color:#6366f1;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.doc-policies-modal-title{margin:0;font-size:18px;font-weight:500}.doc-policies-modal-close-cross{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}.doc-policies-modal-form-body{padding:24px;display:flex;flex-direction:column;gap:16px;background-color:#f8fafc;max-height:60vh;overflow-y:auto}.doc-policies-form-row{display:flex;gap:16px;width:100%}.doc-policies-form-group{display:flex;flex-direction:column;gap:6px}.doc-policies-form-group.split-half{flex:1}.doc-policies-form-group label{font-size:13px;font-weight:500;color:#475569}.doc-policies-interactive-input{position:relative;display:flex;align-items:center}.doc-policies-interactive-input input,.doc-policies-select,.doc-policies-textarea{width:100%;padding:10px 12px;border:1px solid var(--dp-border-grey);border-radius:6px;background-color:#fff;font-size:14px;outline:none;box-sizing:border-box}.doc-policies-interactive-input input{padding-right:38px;height:42px}.doc-policies-select,.doc-policies-interactive-input .doc-policies-date{height:42px}.doc-policies-input-inner-icon{position:absolute;right:14px;font-size:16px;color:#94a3b8;pointer-events:none}.doc-policies-drag-upload-container{border:2px dashed #cbd5e1;background-color:#fff;border-radius:8px;padding:24px;text-align:center;cursor:pointer;margin-top:8px}.doc-policies-cloud-upload-icon{font-size:32px;color:#6366f1;display:block;margin-bottom:8px}.doc-policies-upload-text-prompt{font-size:14px;color:#64748b;margin:0}.doc-policies-highlight-browse{color:#6366f1;font-weight:600;text-decoration:underline}.doc-policies-modal-actions{display:flex;gap:12px;margin-top:12px}.doc-policies-modal-submit-btn{background-color:var(--dp-danger-red);color:#fff;border:none;padding:10px 28px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.doc-policies-modal-cancel-btn{background-color:#cbd5e1;color:#334155;border:none;padding:10px 28px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}@media(max-width:768px){.doc-policies-toolbar{flex-direction:column;align-items:stretch}.doc-policies-search-wrapper input{width:100%}.doc-policies-action-buttons{justify-content:flex-end;width:100%}.doc-policies-form-row{flex-direction:column;gap:16px}}:root{--esig-canvas-bg: #f8fafc;--esig-surface-white: #ffffff;--esig-text-charcoal-dark: #1e293b;--esig-text-muted-slate: #64748b;--esig-purple-indigo-primary: #6366f1;--esig-border-line-gray: #cbd5e1;--esig-crimson-red-accent: #b91c1c}.esig-view-container{padding:24px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}.esig-path-navigation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.esig-workspace-main-title{margin:0;font-size:22px;font-weight:600;color:var(--esig-text-charcoal-dark)}.esig-breadcrumbs-trail{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--esig-text-muted-slate)}.esig-trail-divider{color:#94a3b8}.esig-trail-active-node{color:var(--esig-text-charcoal-dark);font-weight:500}.esig-workspace-board-card{background-color:var(--esig-surface-white);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.esig-action-filter-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.esig-search-input-field-frame{position:relative}.esig-search-input-field-frame input{padding:10px 12px 10px 38px;border:1px solid var(--esig-border-line-gray);border-radius:6px;width:240px;outline:none;font-size:14px}.esig-search-input-field-frame input:focus{border-color:var(--esig-purple-indigo-primary)}.esig-search-lens-vector{position:absolute;left:14px;top:11px;font-size:14px;color:#94a3b8}.esig-toolbar-actions-cluster-strip{display:flex;gap:12px;align-items:center}.esig-functional-control-btn{background:#fff;border:1px solid var(--esig-border-line-gray);border-radius:6px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s}.esig-functional-control-btn:hover{background-color:#f1f5f9}.esig-action-bulk-delete-trigger{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:6px;padding:0 16px;height:38px;font-size:13px;font-weight:500;cursor:pointer}.esig-action-bulk-delete-trigger:hover{background-color:#fca5a5}.esig-popover-menu-wrapper-context{position:relative}.esig-popover-panel-dropdown-box{position:absolute;top:44px;right:0;background:#fff;border:1px solid var(--esig-border-line-gray);box-shadow:0 10px 15px -3px #0000001a;border-radius:6px;width:220px;z-index:100;padding:12px}.esig-popover-panel-heading-title{font-size:14px;font-weight:600;color:var(--esig-text-charcoal-dark)}.esig-popover-panel-horizontal-break-line{margin:6px 0 10px;border:0;border-top:1px solid #f1f5f9}.esig-popover-checkbox-row-item{display:flex;align-items:center;gap:12px;padding:6px 4px;font-size:14px;cursor:pointer}.esig-popover-checkbox-label-text{text-transform:capitalize}.esig-table-viewport-scroller-frame{overflow-x:auto;width:100%}.esig-data-grid-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.esig-data-grid-table th{color:#475569;font-weight:600;padding:16px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.esig-data-grid-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;color:#334155;white-space:nowrap}.esig-row-selected-highlight-state{background-color:#f8fafc!important}.esig-cell-text-prominent-bold{font-weight:500;color:var(--esig-text-charcoal-dark)}.esig-status-badge-capsule-pill{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block;text-align:center}.esig-badge-status-signed{background-color:#d1fae5;color:#065f46}.esig-badge-status-pending{background-color:#ffedd5;color:#9a3412}.esig-badge-status-declined{background-color:#fee2e2;color:#991b1b}.esig-badge-status-expired{background-color:#f1f5f9;color:#475569}.esig-column-centered-align{text-align:center!important}.esig-row-action-download-vector-btn{background:none;border:none;cursor:pointer;font-size:16px}.esig-row-actions-cell-block-cluster button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px}.esig-empty-grid-placeholder-cell{color:var(--esig-text-muted-slate);padding:40px 0!important;text-align:center}.esig-pagination-footer-panel{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;border-top:1px solid #e2e8f0;gap:24px;font-size:14px;color:#475569;flex-wrap:wrap}.esig-items-per-page-dropdown-container{display:flex;align-items:center;gap:8px}.esig-items-per-page-dropdown-container select{padding:6px 10px;border:1px solid var(--esig-border-line-gray);border-radius:4px;background:#fff}.esig-pagination-navigation-actions-cluster{display:flex;align-items:center;gap:16px}.esig-pagination-vector-arrows-box{display:flex;gap:4px}.esig-pagination-arrow-button-control{background:transparent;border:none;font-size:18px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.esig-pagination-arrow-button-control:disabled{color:#cbd5e1;cursor:not-allowed}.esig-modal-fixed-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.esig-modal-container-window-box{background-color:#fff;width:100%;max-width:800px;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.esig-modal-header-banner-strip{background-color:#6366f1;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.esig-modal-header-headline-text{margin:0;font-size:18px;font-weight:500}.esig-modal-header-close-dismissal-cross-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}.esig-modal-form-scrollable-body-wrapper{padding:24px;display:flex;flex-direction:column;gap:16px;background-color:#f8fafc;max-height:85vh;overflow-y:auto}.esig-modal-form-input-layout-row{display:flex;gap:16px;width:100%}.esig-modal-form-input-element-group{display:flex;flex-direction:column;gap:6px}.esig-modal-form-input-element-group.esig-field-width-full{width:100%}.esig-modal-form-input-element-group.esig-field-width-half{flex:1}.esig-modal-form-input-element-group label{font-size:13px;font-weight:500;color:#475569}.esig-modal-input-field-relative-icon-wrapper{position:relative;display:flex;align-items:center}.esig-modal-input-field-relative-icon-wrapper input,.esig-modal-select-field-native-tag,.esig-modal-textarea-field-native-tag{width:100%;padding:10px 12px;border:1px solid var(--esig-border-line-gray);border-radius:6px;background-color:#fff;font-size:14px;outline:none;box-sizing:border-box}.esig-modal-input-field-relative-icon-wrapper input{padding-right:38px;height:42px}.esig-modal-select-field-native-tag{height:42px}.esig-modal-input-embedded-right-side-icon{position:absolute;right:14px;font-size:16px;color:#94a3b8;pointer-events:none}.esig-modal-drag-drop-zone-canvas{border:2px dashed #cbd5e1;background-color:#fff;border-radius:8px;padding:24px;text-align:center;cursor:pointer;margin-top:4px}.esig-modal-drag-drop-cloud-vector-icon{font-size:32px;color:#6366f1;display:block;margin-bottom:6px}.esig-modal-drag-drop-text-instructions{font-size:13px;color:#64748b;margin:0}.esig-modal-drag-drop-browse-action-link{color:#6366f1;font-weight:600;text-decoration:underline}.esig-modal-form-action-buttons-strip-container{display:flex;gap:12px;margin-top:12px}.esig-modal-submit-execution-btn{background-color:var(--esig-crimson-red-accent);color:#fff;border:none;padding:10px 32px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.esig-modal-cancel-dismissal-btn{background-color:#cbd5e1;color:#334155;border:none;padding:10px 32px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}@media(max-width:768px){.esig-action-filter-toolbar{flex-direction:column;align-items:stretch}.esig-search-input-field-frame input{width:100%}.esig-toolbar-actions-cluster-strip{justify-content:flex-end;width:100%}.esig-modal-form-input-layout-row{flex-direction:column;gap:16px}}:root{--tmpl-bg-canvas: #f8fafc;--tmpl-surface-white: #ffffff;--tmpl-text-main: #1e293b;--tmpl-text-secondary: #64748b;--tmpl-purple-theme: #6366f1;--tmpl-border-tint: #cbd5e1;--tmpl-crimson-red: #b91c1c}.tmpl-dashboard-view{padding:24px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}.tmpl-dashboard-header-path{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.tmpl-dashboard-view-title{margin:0;font-size:22px;font-weight:600;color:var(--tmpl-text-main)}.tmpl-dashboard-breadcrumbs-trail{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--tmpl-text-secondary)}.tmpl-dashboard-trail-arrow{color:#94a3b8}.tmpl-dashboard-trail-current{color:var(--tmpl-text-main);font-weight:500}.tmpl-dashboard-main-card{background-color:var(--tmpl-surface-white);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.tmpl-dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.tmpl-dashboard-search-block{position:relative}.tmpl-dashboard-search-block input{padding:10px 12px 10px 38px;border:1px solid var(--tmpl-border-tint);border-radius:6px;width:240px;outline:none;font-size:14px}.tmpl-dashboard-search-block input:focus{border-color:var(--tmpl-purple-theme)}.tmpl-dashboard-search-lens-icon{position:absolute;left:14px;top:11px;font-size:14px;color:#94a3b8}.tmpl-dashboard-toolbar-actions-cluster{display:flex;gap:12px;align-items:center}.tmpl-dashboard-control-button{background:#fff;border:1px solid var(--tmpl-border-tint);border-radius:6px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s}.tmpl-dashboard-control-button:hover{background-color:#f1f5f9}.tmpl-dashboard-action-bulk-delete{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:6px;padding:0 16px;height:38px;font-size:13px;font-weight:500;cursor:pointer}.tmpl-dashboard-action-bulk-delete:hover{background-color:#fca5a5}.tmpl-dashboard-popover-anchor{position:relative}.tmpl-dashboard-popover-panel-menu{position:absolute;top:44px;right:0;background:#fff;border:1px solid var(--tmpl-border-tint);box-shadow:0 10px 15px -3px #0000001a;border-radius:6px;width:220px;z-index:100;padding:12px}.tmpl-dashboard-popover-panel-header{font-size:14px;font-weight:600;color:var(--tmpl-text-main)}.tmpl-dashboard-popover-panel-line-break{margin:6px 0 10px;border:0;border-top:1px solid #f1f5f9}.tmpl-dashboard-popover-panel-row-item{display:flex;align-items:center;gap:12px;padding:6px 4px;font-size:14px;cursor:pointer}.tmpl-dashboard-popover-item-label-text{text-transform:capitalize}.tmpl-dashboard-table-viewport-scroller{overflow-x:auto;width:100%}.tmpl-dashboard-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.tmpl-dashboard-data-table th{color:#475569;font-weight:600;padding:16px;border-bottom:2px solid #e2e8f0;white-space:nowrap}.tmpl-dashboard-data-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0;color:#334155;white-space:nowrap}.tmpl-dashboard-row-selected-highlight{background-color:#f8fafc!important}.tmpl-dashboard-cell-text-bold{font-weight:500;color:var(--tmpl-text-main)}.tmpl-dashboard-file-badge-pill{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600;color:#fff}.file-type-pdf{background-color:#ef4444}.file-type-docx{background-color:#3b82f6}.file-type-xlsx{background-color:#10b981}.tmpl-dashboard-column-centered{text-align:center!important}.tmpl-dashboard-row-action-download-icon{background:none;border:none;cursor:pointer;font-size:16px}.tmpl-dashboard-cell-row-actions-block button{background:none;border:none;cursor:pointer;font-size:16px;padding:4px}.tmpl-dashboard-empty-table-placeholder{color:var(--tmpl-text-secondary);padding:40px 0!important;text-align:center}.tmpl-dashboard-pagination-footer-bar{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;border-top:1px solid #e2e8f0;gap:24px;font-size:14px;color:#475569;flex-wrap:wrap}.tmpl-dashboard-items-per-page-selector-block{display:flex;align-items:center;gap:8px}.tmpl-dashboard-items-per-page-selector-block select{padding:6px 10px;border:1px solid var(--tmpl-border-tint);border-radius:4px;background:#fff}.tmpl-dashboard-pagination-navigation-controls{display:flex;align-items:center;gap:16px}.tmpl-dashboard-pagination-arrows-wrapper{display:flex;gap:4px}.tmpl-dashboard-pagination-arrow{background:transparent;border:none;font-size:18px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.tmpl-dashboard-pagination-arrow:disabled{color:#cbd5e1;cursor:not-allowed}.tmpl-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.tmpl-modal-container-box{background-color:#fff;width:100%;max-width:800px;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.tmpl-modal-header-banner{background-color:#6366f1;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.tmpl-modal-header-title-text{margin:0;font-size:18px;font-weight:500}.tmpl-modal-header-close-button-cross{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}.tmpl-modal-form-scroller-body{padding:24px;display:flex;flex-direction:column;gap:16px;background-color:#f8fafc;max-height:85vh;overflow-y:auto}.tmpl-modal-drag-drop-zone-box{border:2px dashed #cbd5e1;background-color:#fff;border-radius:8px;padding:32px 24px;text-align:center;cursor:pointer;margin-bottom:8px}.tmpl-modal-drag-drop-cloud-icon{font-size:36px;color:#6366f1;display:block;margin-bottom:8px}.tmpl-modal-drag-drop-text-prompt{font-size:14px;color:#64748b;margin:0}.tmpl-modal-drag-drop-browse-highlight{color:#6366f1;font-weight:600;text-decoration:underline}.tmpl-modal-form-input-row{display:flex;gap:16px;width:100%}.tmpl-modal-form-input-group{display:flex;flex-direction:column;gap:6px}.tmpl-modal-form-input-group.full-width-row{width:100%}.tmpl-modal-form-input-group.half-width-split{flex:1}.tmpl-modal-form-input-group label{font-size:13px;font-weight:500;color:#475569}.tmpl-modal-input-icon-wrapper-frame{position:relative;display:flex;align-items:center}.tmpl-modal-input-icon-wrapper-frame input,.tmpl-modal-form-select-tag,.tmpl-modal-form-textarea-tag{width:100%;padding:10px 12px;border:1px solid var(--tmpl-border-tint);border-radius:6px;background-color:#fff;font-size:14px;outline:none;box-sizing:border-box}.tmpl-modal-input-icon-wrapper-frame input{padding-right:38px;height:42px}.tmpl-modal-form-select-tag{height:42px}.tmpl-modal-input-embedded-icon{position:absolute;right:14px;font-size:16px;color:#94a3b8;pointer-events:none}.tmpl-modal-form-action-buttons-strip{display:flex;gap:12px;margin-top:12px}.tmpl-modal-action-btn-submit{background-color:var(--tmpl-crimson-red);color:#fff;border:none;padding:10px 32px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.tmpl-modal-action-btn-cancel{background-color:#cbd5e1;color:#334155;border:none;padding:10px 32px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}@media(max-width:768px){.tmpl-dashboard-toolbar{flex-direction:column;align-items:stretch}.tmpl-dashboard-search-block input{width:100%}.tmpl-dashboard-toolbar-actions-cluster{justify-content:flex-end;width:100%}.tmpl-modal-form-input-row{flex-direction:column;gap:16px}}:root{--cal-bg-canvas: #f1f5f9;--cal-surface-white: #ffffff;--cal-text-main: #1e293b;--cal-text-secondary: #64748b;--cal-blue-brand: #0284c7;--cal-purple-accent: #6366f1;--cal-border-tint: #cbd5e1;--cal-crimson-red: #b91c1c}.cal-main-dashboard{padding:24px;max-width:1500px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;background-color:#f8fafc;min-height:100vh}.cal-top-routing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cal-module-title-text{margin:0;font-size:22px;font-weight:600;color:var(--cal-text-main)}.cal-breadcrumbs-bar{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--cal-text-secondary)}.cal-breadcrumb-separator{color:#cbd5e1}.cal-breadcrumb-terminal{color:var(--cal-text-main);font-weight:500}.cal-app-board-container{display:flex;background-color:var(--cal-surface-white);border:1px solid #e2e8f0;border-radius:12px;min-height:760px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.cal-sidebar-filter-column{width:240px;border-right:1px solid #e2e8f0;padding:24px;box-sizing:border-box;background-color:#fff;flex-shrink:0}.cal-add-event-action-button{background-color:#0056b3;color:#fff;border:none;border-radius:24px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;width:100%;text-align:center;box-shadow:0 2px 4px #0000001a;margin-bottom:32px;transition:background-color .2s}.cal-add-event-action-button:hover{background-color:#004085}.cal-filter-group-wrapper{display:flex;flex-direction:column;gap:14px}.cal-filter-heading-text{margin:0 0 4px;font-size:14px;color:var(--cal-text-secondary);text-transform:uppercase;letter-spacing:.5px}.cal-filter-checkbox-row{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:#334155;padding:4px 0}.cal-filter-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:#0056b3;cursor:pointer}.cal-grid-viewport-main-panel{flex-grow:1;padding:24px;display:flex;flex-direction:column;box-sizing:border-box;background-color:#fff}.cal-grid-controls-strip{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.cal-navigation-arrows-block{display:flex;align-items:center;gap:8px}.cal-nav-arrow-btn{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;width:36px;height:36px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#475569}.cal-nav-arrow-btn:hover{background-color:#f8fafc}.cal-nav-today-btn{background-color:#818cf8;color:#fff;border:none;border-radius:6px;padding:0 16px;height:36px;font-size:13px;text-transform:capitalize;cursor:pointer;font-weight:500}.cal-month-heading-title-label{margin:0;font-size:24px;font-weight:600;color:var(--cal-text-main)}.cal-grid-header-right-placeholder{width:120px}.cal-matrix-grid-frame-box{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;flex-grow:1}.cal-matrix-weekdays-header-strip{display:grid;grid-template-columns:repeat(7,1fr);background-color:#fff;border-bottom:1px solid #e2e8f0}.cal-matrix-weekday-cell-label{text-align:center;padding:14px 0;font-weight:600;color:#475569;font-size:14px}.cal-matrix-days-cells-wrapper{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(110px,1fr);flex-grow:1;background-color:#e2e8f0;gap:1px}.cal-matrix-day-cell-block{background-color:#fff;padding:8px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;position:relative;transition:background-color .15s ease}.cal-day-interactive-clickable{cursor:pointer}.cal-day-interactive-clickable:hover{background-color:#f1f5f9}.cal-matrix-cell-day-number{font-size:13px;font-weight:500;color:#64748b;margin-bottom:6px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px}.cal-day-muted-out-state{background-color:#fafafa}.cal-day-muted-out-state .cal-matrix-cell-day-number{color:#cbd5e1}.cal-cell-day-badge-highlight{background-color:#3b82f6;color:#fff!important;border-radius:50%;font-weight:600}.cal-embedded-event-tag{font-size:11px;padding:3px 6px;border-radius:4px;color:#fff;margin-top:4px;width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-type-work{background-color:#0284c7}.cal-modal-overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a00;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cal-modal-window-box{background-color:#fff;width:100%;max-width:720px;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a;transform:scale(.92) translateY(15px);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.cal-modal-overlay-backdrop.active{opacity:1;visibility:visible;background-color:#0f172a66}.cal-modal-overlay-backdrop.active .cal-modal-window-box{transform:scale(1) translateY(0)}.cal-modal-header-banner{background-color:#6366f1;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.cal-modal-header-headline-text{margin:0;font-size:18px;font-weight:500}.cal-modal-header-close-dismissal-cross-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer}.cal-modal-form-scrollable-body{padding:24px;display:flex;flex-direction:column;gap:18px;background-color:#f8fafc;max-height:85vh;overflow-y:auto}.cal-modal-form-input-row{width:100%}.cal-modal-form-dual-inputs-split-row{display:flex;gap:16px;width:100%}.cal-modal-form-input-element-group{display:flex;flex-direction:column;gap:6px;width:100%}.cal-field-width-half{flex:1}.cal-modal-form-input-element-group label{font-size:13px;font-weight:500;color:#475569;text-align:left}.cal-modal-input-field-relative-wrapper{position:relative;display:flex;align-items:center;width:100%}.cal-modal-input-field-relative-wrapper input,.cal-modal-input-field-relative-wrapper select,.cal-modal-form-input-element-group textarea{width:100%;padding:10px 12px;border:1px solid var(--cal-border-tint);border-radius:6px;background-color:#fff;font-size:14px;outline:none;box-sizing:border-box}.cal-modal-input-field-relative-wrapper input{height:42px}.cal-modal-input-field-relative-wrapper select{height:42px;width:100%;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.cal-modal-input-embedded-right-icon{position:absolute;right:14px;font-size:16px;color:#94a3b8;pointer-events:none}.cal-modal-form-action-buttons-strip{display:flex;gap:12px;margin-top:8px}.cal-modal-btn-submit-save{background-color:#cbd5e1;color:#475569;border:none;padding:10px 32px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.cal-modal-btn-cancel-dismiss{background-color:var(--cal-crimson-red);color:#fff;border:none;padding:10px 32px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}@media(max-width:992px){.cal-app-board-container{flex-direction:column}.cal-sidebar-filter-column{width:100%;border-right:none;border-bottom:1px solid #e2e8f0}}@media(max-width:600px){.cal-grid-controls-strip{flex-direction:column;align-items:flex-start}.cal-modal-form-dual-inputs-split-row{flex-direction:column;gap:18px}.cal-matrix-days-cells-wrapper{grid-auto-rows:minmax(80px,1fr)}}:root{--primary-bg: #f4f6f9;--card-bg: #ffffff;--text-main: #333333;--text-muted: #666666;--border-color: #e8ebf3;--brand-blue: #3b66f5;--brand-red: #b81d18;--accent-purple: #625bf6}.AccPayments-container{padding:20px;max-width:1600px;margin:0 auto}.AccPayments-header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.AccPayments-title{font-size:18px;font-weight:600;color:#2b3674}.AccPayments-breadcrumb{font-size:13px;color:var(--text-muted)}.AccPayments-active-crumb{color:#a3aed0}.AccPayments-card{background:var(--card-bg);border-radius:8px;box-shadow:0 4px 20px #00000005;border:1px solid var(--border-color);overflow:hidden}.AccPayments-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#eef2fa;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:15px}.AccPayments-search-wrapper{display:flex;align-items:center;gap:15px}.AccPayments-search-label{font-weight:600;color:#475467;font-size:14px}.AccPayments-search-input-box{position:relative;background:#fff;border-radius:6px;display:flex;align-items:center;border:1px solid #d0d5dd;padding:0 10px}.AccPayments-search-input-box input{border:none;padding:8px 8px 8px 28px;outline:none;width:180px;font-size:14px}.AccPayments-search-icon{position:absolute;left:10px;color:#98a2b3}.AccPayments-action-icons{display:flex;align-items:center;gap:10px}.AccPayments-icon-btn{background:transparent;border:none;cursor:pointer;font-size:18px;color:#475467;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;transition:background .2s}.AccPayments-icon-btn:hover{background:#0000000d}.AccPayments-add-btn{color:#2e7d32;font-size:20px}.AccPayments-filter-dropdown-container{position:relative}.AccPayments-filter-menu{position:absolute;right:0;top:35px;background:#f1f3f7;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:100;width:210px;padding:12px 0}.AccPayments-filter-menu h3{font-size:14px;margin:0 0 10px;padding:0 16px;color:#344054;text-align:center}.AccPayments-filter-scroll{max-height:240px;overflow-y:auto}.AccPayments-filter-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.AccPayments-filter-item:hover{background-color:#e4e7ec}.AccPayments-filter-item input,.AccPayments-table-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.AccPayments-checkbox-custom{height:18px;width:18px;background-color:#fff;border:1px solid #d0d5dd;border-radius:4px;margin-right:12px;display:inline-block;position:relative}.AccPayments-filter-item input:checked~.AccPayments-checkbox-custom,.AccPayments-table-checkbox input:checked~.AccPayments-checkbox-custom{background-color:#06c;border-color:#06c}.AccPayments-checkbox-custom:after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.AccPayments-filter-item input:checked~.AccPayments-checkbox-custom:after,.AccPayments-table-checkbox input:checked~.AccPayments-checkbox-custom:after{display:block}.AccPayments-filter-text{font-size:13px;color:#344054}.AccPayments-table-responsive{width:100%;overflow-x:auto}.AccPayments-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.AccPayments-table th{background-color:#fff;color:#344054;font-weight:600;padding:12px 16px;border-bottom:1px solid var(--border-color);white-space:nowrap}.AccPayments-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:#475467;white-space:nowrap}.AccPayments-table tbody tr:hover{background-color:#f9fafb}.AccPayments-date-cell{display:flex;align-items:center;gap:6px}.AccPayments-cell-cal-icon{color:#e67e22}.AccPayments-status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.AccPayments-status-badge.completed{background-color:#ecfdf3;color:#027a48}.AccPayments-status-badge.pending{background-color:#fef8f3;color:#b93815}.AccPayments-status-badge.failed{background-color:#fef3f2;color:#b42318}.AccPayments-actions-cell{display:flex;gap:12px}.AccPayments-actions-cell button{background:none;border:none;cursor:pointer;font-size:16px;padding:2px}.AccPayments-action-edit{color:#3b66f5}.AccPayments-action-delete{color:#ff3b30}.AccPayments-footer{display:flex;justify-content:flex-end;align-items:center;padding:12px 20px;background:#fff;gap:30px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border-color)}.AccPayments-pagination-size{display:flex;align-items:center;gap:8px}.AccPayments-pagination-size select{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;outline:none}.AccPayments-pagination-info{display:flex;align-items:center;gap:20px}.AccPayments-pagination-arrows button{background:none;border:none;cursor:pointer;padding:0 8px;font-size:14px;color:#c4c4c4}.AccPayments-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;padding:15px}.AccPayments-form-modal{background:#fff;border-radius:8px;width:100%;max-width:900px;overflow:hidden;box-shadow:0 12px 40px #00000026}.AccPayments-modal-header{background-color:var(--accent-purple);color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.AccPayments-modal-header h2{font-size:16px;margin:0;font-weight:500}.AccPayments-modal-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer}.AccPayments-modal-body{padding:30px}.AccPayments-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.AccPayments-form-group{display:flex;flex-direction:column;gap:6px;position:relative}.AccPayments-form-group.full-width{grid-column:span 2;margin-top:15px}.AccPayments-form-group label{font-size:13px;color:#475467;font-weight:500}.AccPayments-form-group input,.AccPayments-form-group textarea{border:1px solid #d0d5dd;border-radius:6px;padding:10px 14px;font-size:14px;outline:none;background:#f9fafb}.AccPayments-input-wrapper{position:relative;display:flex;align-items:center}.AccPayments-input-wrapper input{width:100%;padding-right:35px}.AccPayments-input-icon{position:absolute;right:14px;color:#475467;font-size:16px}.AccPayments-modal-actions{display:flex;gap:12px;margin-top:25px}.AccPayments-btn-save,.AccPayments-btn-confirm-delete{background-color:#0052cc;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:500;cursor:pointer;font-size:14px}.AccPayments-btn-cancel,.AccPayments-btn-confirm-cancel{background-color:#b81d18;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:500;cursor:pointer;font-size:14px}.AccPayments-delete-modal{background:#f8f9fc;padding:24px;border-radius:12px;width:100%;max-width:340px;box-shadow:0 10px 30px #0000001a}.AccPayments-delete-modal h2{font-size:24px;margin:0 0 20px;color:#1d2939;font-weight:400}.AccPayments-delete-details{font-size:14px;color:#475467;margin-bottom:25px;line-height:1.6}.AccPayments-delete-details p{margin:6px 0}.AccPayments-delete-actions{display:flex;justify-content:flex-start;gap:12px;flex-direction:row-reverse}.AccPayments-btn-confirm-delete{background-color:var(--brand-red)}.AccPayments-btn-confirm-cancel{background-color:var(--brand-blue)}@media(max-width:768px){.AccPayments-form-grid{grid-template-columns:1fr}.AccPayments-form-group.full-width{grid-column:span 1}.AccPayments-toolbar{flex-direction:column;align-items:stretch}.AccPayments-action-icons{justify-content:flex-end}}:root{--primary-bg: #f4f6f9;--card-bg: #ffffff;--text-main: #333333;--text-muted: #666666;--border-color: #d0d5dd;--brand-blue: #0052cc;--brand-red: #b81d18;--input-focus: #4a90e2;--dropdown-hover: #eef2fa}.AccAddpayments-container{padding:20px;max-width:1600px;margin:0 auto}.AccAddpayments-header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.AccAddpayments-title{font-size:18px;font-weight:600;color:#2b3674}.AccAddpayments-breadcrumb{font-size:13px;color:var(--text-muted)}.AccAddpayments-active-crumb{color:#a3aed0}.AccAddpayments-card{background:var(--card-bg);border-radius:8px;box-shadow:0 4px 20px #00000005;border:1px solid #e8ebf3;overflow:hidden}.AccAddpayments-card-header{padding:16px 24px;font-weight:600;font-size:14px;color:#475467;border-bottom:1px solid #e8ebf3}.AccAddpayments-form{padding:30px;display:flex;flex-direction:column;gap:20px}.AccAddpayments-form-group{display:flex;flex-direction:column;gap:6px;position:relative;width:100%}.AccAddpayments-form-group.full-width{margin-top:5px}.AccAddpayments-form-group label{font-size:13px;color:#475467;font-weight:500}.AccAddpayments-form-group input,.AccAddpayments-form-group textarea{border:1px solid var(--border-color);border-radius:4px;padding:12px 14px;font-size:14px;outline:none;background:#fff;color:var(--text-main);transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.AccAddpayments-form-group input:focus,.AccAddpayments-form-group textarea:focus{border-color:var(--input-focus)}.AccAddpayments-input-wrapper{position:relative;display:flex;align-items:center;cursor:pointer}.AccAddpayments-input-wrapper input{cursor:pointer;padding-right:40px}.AccAddpayments-input-icon{position:absolute;right:14px;color:#475467;font-size:18px;pointer-events:none}.AccAddpayments-calendar-popup{position:absolute;top:70px;left:0;background:#eef2fa;border-radius:8px;box-shadow:0 10px 25px #00000014;width:320px;padding:16px;z-index:50;animation:AccAddpaymentsFadeIn .2s ease-out}.AccAddpayments-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.AccAddpayments-calendar-month-year{font-weight:600;font-size:15px;color:#333;display:flex;align-items:center;gap:5px;cursor:pointer}.AccAddpayments-calendar-nav-arrows{display:flex;gap:15px}.AccAddpayments-calendar-nav-arrows button{background:none;border:none;cursor:pointer;font-size:16px;color:#555;display:flex;align-items:center}.AccAddpayments-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-weight:500;color:#555;font-size:13px;margin-bottom:10px}.AccAddpayments-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);row-gap:8px}.AccAddpayments-calendar-day-cell{text-align:center;padding:8px 0;font-size:13px;color:#333;cursor:pointer;border-radius:50%;display:inline-block}.AccAddpayments-calendar-day-cell:hover:not(.empty){background-color:var(--dropdown-hover)}.AccAddpayments-calendar-day-cell.selected{background-color:transparent;border:1px solid #0052cc;color:#333}.AccAddpayments-calendar-day-cell.empty{cursor:default}.AccAddpayments-custom-dropdown{position:absolute;top:70px;left:0;right:0;background:#eef2fa;border:1px solid #d0d5dd;border-radius:4px;box-shadow:0 8px 20px #0000000f;z-index:60;max-height:250px;overflow-y:auto;animation:AccAddpaymentsFadeIn .2s ease-out}.AccAddpayments-dropdown-item{padding:12px 16px;font-size:14px;color:var(--text-main);cursor:pointer;transition:background .15s}.AccAddpayments-dropdown-item:hover{background-color:#dbe4f5}.AccAddpayments-dropdown-item.active{background-color:#cbd7f1;font-weight:500}.AccAddpayments-form-actions{display:flex;gap:12px;margin-top:15px}.AccAddpayments-btn-submit{background-color:var(--brand-blue);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:500;cursor:pointer;font-size:14px;transition:opacity .2s}.AccAddpayments-btn-cancel{background-color:var(--brand-red);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:500;cursor:pointer;font-size:14px;transition:opacity .2s}.AccAddpayments-btn-submit:hover,.AccAddpayments-btn-cancel:hover{opacity:.9}@keyframes AccAddpaymentsFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.AccAddpayments-form{padding:20px}.AccAddpayments-header-nav{flex-direction:column;align-items:flex-start;gap:8px}}:root{--primary-bg: #f4f6f9;--card-bg: #ffffff;--text-dark: #333333;--text-grey: #555555;--border-color: #e8ebf3;--status-green: #2e7d32;--btn-blue: #0052cc}.AccInvoice-container{padding:20px;max-width:1600px;margin:0 auto}.AccInvoice-header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.AccInvoice-title{font-size:18px;font-weight:600;color:#2b3674}.AccInvoice-breadcrumb{font-size:13px;color:var(--text-grey)}.AccInvoice-active-crumb{color:#a3aed0}.AccInvoice-card{background:var(--card-bg);border-radius:8px;box-shadow:0 4px 24px #00000005;border:1px solid var(--border-color);padding:40px;box-sizing:border-box}.AccInvoice-top-row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #555555;padding-bottom:15px;margin-bottom:30px}.AccInvoice-main-heading{font-size:26px;font-weight:800;letter-spacing:.5px;color:#2c3e50;margin:0}.AccInvoice-number{font-size:26px;font-weight:400;color:#555}.AccInvoice-billing-details{display:flex;justify-content:space-between;margin-bottom:40px;gap:30px}.AccInvoice-vendor-side,.AccInvoice-client-side{display:flex;flex-direction:column;max-width:45%}.AccInvoice-client-side{align-items:flex-end}.AccInvoice-logo-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:12px}.AccInvoice-logo-placeholder{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;transform:rotate(45deg)}.AccInvoice-logo-placeholder .slice{position:absolute;width:50%;height:50%}.AccInvoice-logo-placeholder .s1{top:0;left:0;background:#ff7675}.AccInvoice-logo-placeholder .s2{top:0;left:50%;background:#ffeaa7}.AccInvoice-logo-placeholder .s3{top:50%;left:0;background:#55efc4}.AccInvoice-logo-placeholder .s4{top:50%;left:50%;background:#74b9ff}.AccInvoice-company-name{font-size:24px;font-weight:700;color:#2c3e50;letter-spacing:-.5px}.AccInvoice-bill-to-label{font-size:11px;font-weight:700;color:var(--text-dark);margin-bottom:4px}.AccInvoice-client-name{font-size:15px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.AccInvoice-address{font-style:normal;font-size:13px;line-height:1.6;color:var(--text-grey)}.AccInvoice-address.text-right{text-align:right}.AccInvoice-metadata-block{margin-top:20px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.AccInvoice-meta-item{display:flex;align-items:center;gap:8px;font-size:13px}.AccInvoice-meta-label{font-weight:700;color:var(--text-dark)}.AccInvoice-meta-val{display:flex;align-items:center;gap:5px;color:var(--text-grey)}.AccInvoice-calendar-icon{color:#333}.AccInvoice-status-badge{background-color:var(--status-green);color:#fff;padding:3px 12px;border-radius:12px;font-size:12px;font-weight:500}.AccInvoice-table-responsive{width:100%;overflow-x:auto;margin-bottom:40px}.AccInvoice-table{width:100%;border-collapse:collapse;font-size:13px}.AccInvoice-table th{color:var(--text-dark);font-weight:700;padding:12px 10px;border-bottom:1px solid #b0bec5;white-space:nowrap}.AccInvoice-table td{padding:14px 10px;border-bottom:1px solid var(--border-color);color:#2c3e50;white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.AccInvoice-totals-section{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:30px;padding-right:10px}.AccInvoice-totals-row{display:flex;justify-content:space-between;width:240px;font-size:13px;color:var(--text-grey);padding:6px 0}.AccInvoice-totals-row.border-bottom-item{border-bottom:1px solid #b0bec5;padding-bottom:12px;margin-bottom:12px}.AccInvoice-total-label{text-align:right;flex-grow:1;padding-right:15px}.AccInvoice-total-value{width:70px;text-align:right}.AccInvoice-final-row{display:flex;justify-content:space-between;width:260px;font-size:26px;font-weight:700;color:var(--text-dark)}.AccInvoice-final-label{text-align:right;flex-grow:1;padding-right:15px}.AccInvoice-final-value{width:90px;text-align:right}.AccInvoice-actions-panel{display:flex;justify-content:flex-end;border-top:1px solid var(--border-color);padding-top:25px;margin-top:20px}.AccInvoice-btn-print{background-color:var(--btn-blue);color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #0052cc40;transition:opacity .2s}.AccInvoice-btn-print:hover{opacity:.9}@media(max-width:768px){.AccInvoice-card{padding:20px}.AccInvoice-billing-details{flex-direction:column;gap:24px}.AccInvoice-vendor-side,.AccInvoice-client-side{max-width:100%}.AccInvoice-client-side{align-items:flex-start}.AccInvoice-address.text-right{text-align:left}.AccInvoice-metadata-block{align-items:flex-start}.AccInvoice-totals-section{width:100%;align-items:flex-end}}@media print{body{background:#fff}.AccInvoice-container{padding:0}.AccInvoice-card{border:none;box-shadow:none;padding:0}.AccInvoice-actions-panel,.AccInvoice-header-nav{display:none!important}}:root{--primary-bg: #f4f6f9;--card-white: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-grey: #e2e8f0;--brand-blue: #3f51b5;--brand-blue-hover: #303f9f;--action-blue: #0288d1;--action-red: #c62828;--action-cancel: #b81d18;--bg-completed: #e8f5e9;--text-completed: #2e7d32;--bg-paid: #e3f2fd;--text-paid: #1565c0;--bg-pending: #fff3e0;--text-pending: #ef6c00}body{background-color:var(--primary-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0}.AccInvoiceDetails-container{padding:20px;max-width:1600px;margin:0 auto}.AccInvoiceDetails-header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.AccInvoiceDetails-title{font-size:18px;font-weight:600;color:#2b3674}.AccInvoiceDetails-breadcrumb{font-size:13px;color:var(--text-secondary)}.AccInvoiceDetails-active-crumb{color:#a3aed0}.AccInvoiceDetails-card{background:var(--card-white);border-radius:8px;box-shadow:0 4px 20px #00000005;border:1px solid #e8ebf3;overflow:visible}.AccInvoiceDetails-toolbar{background-color:#dbe2ef;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-grey);border-top-left-radius:7px;border-top-right-radius:7px}.AccInvoiceDetails-toolbar-left{display:flex;align-items:center;gap:20px}.AccInvoiceDetails-panel-label{font-size:14px;font-weight:600;color:#4a5568}.AccInvoiceDetails-search-wrapper{position:relative;display:flex;align-items:center}.AccInvoiceDetails-search-icon{position:absolute;left:12px;color:#718096;font-size:16px}.AccInvoiceDetails-search-wrapper input{border:none;border-radius:4px;padding:8px 12px 8px 36px;font-size:13px;width:200px;outline:none;background-color:#fff;color:var(--text-primary)}.AccInvoiceDetails-toolbar-right{display:flex;align-items:center;gap:14px}.AccInvoiceDetails-tool-btn{background:none;border:none;cursor:pointer;font-size:18px;color:#4a5568;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s}.AccInvoiceDetails-tool-btn:hover,.AccInvoiceDetails-tool-btn.active{color:var(--brand-blue)}.AccInvoiceDetails-tool-btn.text-green{color:#2e7d32}.AccInvoiceDetails-filter-dropdown-container{position:relative}.AccInvoiceDetails-filter-dropdown-menu{position:absolute;top:35px;right:0;background:#f1f3f7;border:1px solid #cbd5e1;border-radius:4px;box-shadow:0 10px 25px #0000001a;width:180px;z-index:99;padding:10px 0}.AccInvoiceDetails-filter-dropdown-header{padding:6px 16px 10px;font-size:13px;font-weight:700;color:#334155;border-bottom:1px solid #cbd5e1;text-align:center;margin-bottom:8px}.AccInvoiceDetails-filter-dropdown-list{max-height:240px;overflow-y:auto;padding:0 4px}.AccInvoiceDetails-filter-dropdown-list::-webkit-scrollbar{width:16px}.AccInvoiceDetails-filter-dropdown-list::-webkit-scrollbar-track{background:#f1f3f7}.AccInvoiceDetails-filter-dropdown-list::-webkit-scrollbar-thumb{background-color:#94a3b8;border-radius:10px;border:4px solid #f1f3f7}.AccInvoiceDetails-filter-checkbox-item{display:flex;align-items:center;gap:12px;padding:8px 16px;cursor:pointer;transition:background .15s}.AccInvoiceDetails-filter-checkbox-item:hover{background-color:#e2e8f0}.AccInvoiceDetails-filter-checkbox-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#0288d1}.AccInvoiceDetails-custom-checkbox-label{font-size:13px;color:#334155;-webkit-user-select:none;user-select:none}.AccInvoiceDetails-table-wrapper{width:100%;overflow-x:auto}.AccInvoiceDetails-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.AccInvoiceDetails-table th{font-weight:600;color:#4a5568;padding:14px 16px;border-bottom:1px solid var(--border-grey);white-space:nowrap}.AccInvoiceDetails-table td{padding:14px 16px;border-bottom:1px solid var(--border-grey);color:#2d3748;white-space:nowrap}.AccInvoiceDetails-table tbody tr:hover{background-color:#f8fafc}.AccInvoiceDetails-table tbody tr.selected-row{background-color:#f1f5f9}.AccInvoiceDetails-table input[type=checkbox]{width:15px;height:15px;cursor:pointer}.font-weight-medium{font-weight:500}.text-muted{color:var(--text-secondary)}.text-truncate-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis}.AccInvoiceDetails-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-align:center}.status-completed{background-color:var(--bg-completed);color:var(--text-completed)}.status-paid{background-color:var(--bg-paid);color:var(--text-paid)}.status-pending{background-color:var(--bg-pending);color:var(--text-pending)}.AccInvoiceDetails-action-cell-triggers{display:flex;gap:12px}.AccInvoiceDetails-action-icon-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px;display:flex;align-items:center}.AccInvoiceDetails-action-icon-btn.edit-btn{color:#5c6bc0}.AccInvoiceDetails-action-icon-btn.delete-btn{color:#ff7043}.AccInvoiceDetails-action-icon-btn:hover{opacity:.7}.AccInvoiceDetails-pagination-bar{padding:12px 20px;display:flex;justify-content:flex-end;align-items:center;border-top:1px solid var(--border-grey);background-color:#fff;border-bottom-left-radius:7px;border-bottom-right-radius:7px}.AccInvoiceDetails-pagination-right{display:flex;align-items:center;gap:20px}.AccInvoiceDetails-pagination-label{font-size:12px;color:var(--text-secondary)}.AccInvoiceDetails-pagination-select-wrapper{position:relative;display:flex;align-items:center}.AccInvoiceDetails-pagination-select-wrapper select{appearance:none;border:1px solid #cbd5e1;border-radius:4px;padding:4px 28px 4px 10px;font-size:12px;outline:none;background:#fff;cursor:pointer}.select-arrow-icon{position:absolute;right:8px;pointer-events:none;font-size:12px;color:var(--text-secondary)}.AccInvoiceDetails-pagination-range{font-size:12px;color:var(--text-primary)}.AccInvoiceDetails-pagination-actions{display:flex;gap:8px}.AccInvoiceDetails-pagination-arrow{background:none;border:none;cursor:pointer;font-size:16px;color:#4a5568;display:flex;align-items:center;padding:2px}.AccInvoiceDetails-pagination-arrow:disabled{color:#cbd5e1;cursor:not-allowed}.AccInvoiceDetails-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.AccInvoiceDetails-modal-card{background:#fff;border-radius:8px;width:100%;max-width:900px;box-shadow:0 10px 30px #00000026;overflow:hidden;animation:AccInvoiceDetailsFadeUp .25s ease-out}.AccInvoiceDetails-modal-header{background-color:#5c6bc0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.AccInvoiceDetails-modal-header h3{margin:0;color:#fff;font-size:16px;font-weight:500}.AccInvoiceDetails-modal-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center}.AccInvoiceDetails-modal-form{padding:30px}.AccInvoiceDetails-form-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:30px;row-gap:20px}.AccInvoiceDetails-input-group{display:flex;flex-direction:column;position:relative}.AccInvoiceDetails-input-group.full-row-span{grid-column:span 2;margin-top:10px}.AccInvoiceDetails-input-group label{font-size:11px;color:var(--text-secondary);font-weight:600;margin-bottom:6px}.AccInvoiceDetails-input-field-icon-wrapper{position:relative;display:flex;align-items:center}.AccInvoiceDetails-input-field-icon-wrapper input,.AccInvoiceDetails-input-field-icon-wrapper select,.AccInvoiceDetails-input-field-icon-wrapper textarea{width:100%;border:1px solid #94a3b8;border-radius:4px;padding:10px 36px 10px 12px;font-size:14px;outline:none;color:var(--text-primary);box-sizing:border-box}.AccInvoiceDetails-input-field-icon-wrapper select{appearance:none}.AccInvoiceDetails-input-field-icon-wrapper textarea{resize:vertical}.inner-input-icon{position:absolute;right:12px;color:#475569;font-size:16px;pointer-events:none}.inner-input-icon.font-symbol{font-size:15px;font-weight:600}.inner-input-icon.text-area-mode{top:12px}.inner-select-arrow{position:absolute;right:12px;color:#475569;pointer-events:none}.AccInvoiceDetails-modal-footer-actions{display:flex;gap:12px;margin-top:30px}.AccInvoiceDetails-btn-confirm-save{background-color:var(--action-blue);color:#fff;border:none;padding:10px 28px;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer}.AccInvoiceDetails-btn-cancel-operation{background-color:var(--action-cancel);color:#fff;border:none;padding:10px 28px;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer}.AccInvoiceDetails-dialog-mini-card{background:#f8fafc;border-radius:12px;width:280px;padding:24px;box-shadow:0 10px 25px #0000001a;animation:AccInvoiceDetailsFadeUp .2s ease-out}.AccInvoiceDetails-dialog-mini-card h3{margin:0 0 16px;font-size:20px;font-weight:500;color:#1e293b}.AccInvoiceDetails-dialog-content{font-size:14px;color:#475569;margin-bottom:24px;line-height:1.5}.AccInvoiceDetails-dialog-content p{margin:4px 0}.AccInvoiceDetails-dialog-footer-actions{display:flex;justify-content:flex-end;gap:10px}.AccInvoiceDetails-btn-dialog-delete{background-color:var(--action-red);color:#fff;border:none;padding:8px 20px;border-radius:20px;font-weight:700;font-size:13px;cursor:pointer}.AccInvoiceDetails-btn-dialog-cancel{background-color:var(--action-blue);color:#fff;border:none;padding:8px 20px;border-radius:20px;font-weight:700;font-size:13px;cursor:pointer}@keyframes AccInvoiceDetailsFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.AccInvoiceDetails-toolbar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.AccInvoiceDetails-toolbar-right{width:100%;justify-content:flex-end}.AccInvoiceDetails-form-grid{grid-template-columns:1fr}.AccInvoiceDetails-input-group.full-row-span{grid-column:span 1}.AccInvoiceDetails-header-nav{flex-direction:column;align-items:flex-start;gap:6px}}:root{--bg-main: #f0f4f8;--card-bg: #ffffff;--text-main: #333333;--text-muted: #666666;--primary-blue: #3b5998;--accent-blue: #1e3d59;--border-color: #e2e8f0;--bg-approved: #e6f4ea;--text-approved: #137333;--bg-completed: #e8f0fe;--text-completed: #1a73e8;--bg-pending: #fef7e0;--text-pending: #b06000;--btn-edit: #1a73e8;--btn-delete: #d93025}body{margin:0;background-color:var(--bg-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.Expenses-container{padding:24px;max-width:1400px;margin:0 auto}.Expenses-header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.Expenses-header-nav h2{margin:0;font-size:22px;color:var(--text-main);font-weight:600}.Expenses-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.Expenses-breadcrumb .active{color:#888}.Expenses-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);padding:14px 20px;border-radius:8px 8px 0 0;border-bottom:1px solid var(--border-color)}.Expenses-search-wrapper{position:relative;display:flex;align-items:center}.Expenses-search-icon{position:absolute;left:12px;color:#9aa0a6}.Expenses-search-wrapper input{padding:8px 12px 8px 36px;border:1px solid var(--border-color);border-radius:4px;width:240px;font-size:14px;outline:none;background-color:#f8f9fa}.Expenses-actions-right{display:flex;gap:12px;align-items:center}.Expenses-btn.icon-btn{background:transparent;border:none;font-size:18px;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px}.Expenses-filter-dropdown-container{position:relative}.Expenses-filter-menu{position:absolute;right:0;top:36px;background:#f1f3f4;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:100;width:210px}.Expenses-filter-title{padding:12px;font-weight:700;font-size:14px;text-align:center;border-bottom:1px solid #dadce0;color:#3c4043}.Expenses-filter-options-scroll{max-height:240px;overflow-y:auto;padding:8px 0}.Expenses-checkbox-label{display:flex;align-items:center;padding:8px 16px;cursor:pointer;font-size:14px;color:#3c4043;transition:background .2s}.Expenses-checkbox-label:hover{background:#e8eaed}.Expenses-checkbox-label input,.Expenses-table-checkbox input{display:none}.Expenses-custom-checkbox{width:16px;height:16px;border:2px solid #1a73e8;border-radius:2px;margin-right:12px;display:inline-block;position:relative;background:#1a73e8}.Expenses-checkbox-label input:checked+.Expenses-custom-checkbox:after,.Expenses-table-checkbox input:checked+.Expenses-custom-checkbox:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.Expenses-checkbox-label input:not(:checked)+.Expenses-custom-checkbox,.Expenses-table-checkbox input:not(:checked)+.Expenses-custom-checkbox{background:transparent;border:2px solid #5f6368}.Expenses-table-card{background:var(--card-bg);border-radius:0 0 8px 8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.Expenses-table-responsive{overflow-x:auto;width:100%}.Expenses-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.Expenses-table th{background-color:#fff;color:#202124;font-weight:600;padding:14px 16px;border-bottom:2px solid var(--border-color);white-space:nowrap}.Expenses-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:#3c4043;white-space:nowrap}.Expenses-table tbody tr:hover{background-color:#f8f9fa}.Expenses-table tbody tr.row-selected{background-color:#f1f3f4}.Expenses-date-cell{display:flex;align-items:center;gap:6px}.Expenses-truncate-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Expenses-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.badge-approved{background-color:var(--bg-approved);color:var(--text-approved)}.badge-completed{background-color:var(--bg-completed);color:var(--text-completed)}.badge-pending{background-color:var(--bg-pending);color:var(--text-pending)}.Expenses-action-buttons{display:flex;gap:12px;justify-content:center}.Expenses-action-btn{background:transparent;border:none;cursor:pointer;font-size:16px;padding:2px}.edit-action{color:var(--btn-edit)}.delete-action{color:var(--btn-delete)}.Expenses-pagination{display:flex;justify-content:flex-end;align-items:center;padding:12px 24px;gap:24px;font-size:13px;color:#5f6368;border-top:1px solid var(--border-color)}.Expenses-pagination-left,.Expenses-pagination-right{display:flex;align-items:center;gap:12px}.Expenses-page-select{padding:4px 8px;border:1px solid var(--border-color);border-radius:4px;outline:none}.Expenses-pager-btn{background:transparent;border:none;color:#5f6368;cursor:pointer;font-size:16px;display:flex;align-items:center;opacity:.5}.Expenses-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.Expenses-modal-card{background:#f8f9fa;width:100%;max-width:850px;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000026}.Expenses-modal-header{background:#5c6bc0;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.Expenses-modal-header h3{margin:0;font-size:16px;font-weight:500}.Expenses-modal-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer}.Expenses-modal-form{padding:24px}.Expenses-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.Expenses-form-group{display:flex;flex-direction:column;position:relative}.Expenses-form-group.full-width{grid-column:span 2}.Expenses-form-group label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.Expenses-input-wrapper{position:relative;display:flex;align-items:center}.Expenses-form-group input,.Expenses-form-group select,.Expenses-form-group textarea{width:100%;padding:10px 36px 10px 12px;border:1px solid #bdc3c7;border-radius:4px;font-size:14px;background:#fff;outline:none;box-sizing:border-box}.Expenses-form-group textarea{padding:10px;resize:vertical}.Expenses-form-group select{padding-right:12px}.Expenses-form-actions{display:flex;gap:12px;margin-top:24px}.Expenses-btn{padding:10px 24px;border:none;border-radius:20px;font-size:14px;cursor:pointer;font-weight:500}.Expenses-delete-card{background:#f8f9fa;padding:24px;border-radius:8px;width:320px;box-shadow:0 4px 16px #00000026}.Expenses-delete-card h3{margin-top:0;font-size:24px;font-weight:400;color:#202124}.Expenses-delete-details{margin:16px 0 24px;color:#5f6368;font-size:14px;line-height:1.5}.Expenses-delete-actions{display:flex;gap:12px}@media(max-width:768px){.Expenses-toolbar{flex-direction:column;gap:12px;align-items:stretch}.Expenses-search-wrapper input{width:100%}.Expenses-actions-right{justify-content:flex-end}.Expenses-form-grid{grid-template-columns:1fr}.Expenses-form-group.full-width{grid-column:span 1}}:root{--bg-main-canvas: #f0f4f8;--card-surface: #ffffff;--text-primary: #333333;--text-secondary: #666666;--border-line: #e2e8f0;--priority-hi: #ea4335;--priority-med: #fbbc05;--priority-lo: #34a853;--bg-approved-lbl: #e6f4ea;--text-approved-lbl: #137333;--bg-completed-lbl: #e8f0fe;--text-completed-lbl: #1a73e8;--bg-pending-lbl: #fef7e0;--text-pending-lbl: #b06000;--bg-rejected-lbl: #fce8e6;--text-rejected-lbl: #c5221f}body{margin:0;background-color:var(--bg-main-canvas);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.ExpenseApprovals-container{padding:24px;max-width:1400px;margin:0 auto}.ExpenseApprovals-header-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ExpenseApprovals-header-nav h2{margin:0;font-size:22px;color:var(--text-primary);font-weight:600}.ExpenseApprovals-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.ExpenseApprovals-breadcrumb .active{color:#888}.ExpenseApprovals-toolbar{display:flex;justify-content:space-between;align-items:center;background:var(--card-surface);padding:14px 20px;border-radius:8px 8px 0 0;border-bottom:1px solid var(--border-line)}.ExpenseApprovals-search-wrapper{position:relative;display:flex;align-items:center}.ExpenseApprovals-search-icon{position:absolute;left:12px;color:#9aa0a6}.ExpenseApprovals-search-wrapper input{padding:8px 12px 8px 36px;border:1px solid var(--border-line);border-radius:4px;width:240px;font-size:14px;outline:none;background-color:#f8f9fa}.ExpenseApprovals-actions-right{display:flex;gap:12px;align-items:center}.ExpenseApprovals-btn.icon-btn{background:transparent;border:none;font-size:18px;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px}.filter-btn{color:#5f6368}.add-btn{color:#137333;font-size:20px}.refresh-btn{color:#5f6368}.download-btn{color:#1a73e8}.ExpenseApprovals-filter-dropdown-container{position:relative}.ExpenseApprovals-filter-menu{position:absolute;right:0;top:36px;background:#f1f3f4;border:1px solid var(--border-line);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:100;width:210px}.ExpenseApprovals-filter-title{padding:12px;font-weight:700;font-size:14px;text-align:center;border-bottom:1px solid #dadce0;color:#3c4043}.ExpenseApprovals-filter-options-scroll{max-height:260px;overflow-y:auto;padding:8px 0}.ExpenseApprovals-checkbox-label{display:flex;align-items:center;padding:8px 16px;cursor:pointer;font-size:14px;color:#3c4043;transition:background .2s}.ExpenseApprovals-checkbox-label:hover{background:#e8eaed}.ExpenseApprovals-checkbox-label input,.ExpenseApprovals-table-checkbox input{display:none}.ExpenseApprovals-custom-checkbox{width:16px;height:16px;border:2px solid #1a73e8;border-radius:2px;margin-right:12px;display:inline-block;position:relative;background:#1a73e8}.ExpenseApprovals-checkbox-label input:checked+.ExpenseApprovals-custom-checkbox:after,.ExpenseApprovals-table-checkbox input:checked+.ExpenseApprovals-custom-checkbox:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.ExpenseApprovals-checkbox-label input:not(:checked)+.ExpenseApprovals-custom-checkbox,.ExpenseApprovals-table-checkbox input:not(:checked)+.ExpenseApprovals-custom-checkbox{background:transparent;border:2px solid #5f6368}.ExpenseApprovals-table-card{background:var(--card-surface);border-radius:0 0 8px 8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.ExpenseApprovals-table-responsive{overflow-x:auto;width:100%}.ExpenseApprovals-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.ExpenseApprovals-table th{background-color:#fff;color:#202124;font-weight:600;padding:14px 16px;border-bottom:2px solid var(--border-line);white-space:nowrap}.ExpenseApprovals-table td{padding:12px 16px;border-bottom:1px solid var(--border-line);color:#3c4043;white-space:nowrap}.ExpenseApprovals-table tbody tr:hover{background-color:#f8f9fa}.ExpenseApprovals-table tbody tr.row-selected{background-color:#f1f3f4}.ExpenseApprovals-date-cell{display:flex;align-items:center;gap:6px}.cell-icon{color:#e8710a}.ExpenseApprovals-priority-cell{display:flex;align-items:center;gap:4px}.Priority-icon-up{color:var(--priority-hi);font-size:16px}.Priority-icon-med{color:var(--priority-med);font-size:16px}.Priority-icon-down{color:var(--priority-lo);font-size:16px}.ExpenseApprovals-truncate-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ExpenseApprovals-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.badge-approved{background-color:var(--bg-approved-lbl);color:var(--text-approved-lbl)}.badge-completed{background-color:var(--bg-completed-lbl);color:var(--text-completed-lbl)}.badge-pending{background-color:var(--bg-pending-lbl);color:var(--text-pending-lbl)}.badge-rejected{background-color:var(--bg-rejected-lbl);color:var(--text-rejected-lbl)}.ExpenseApprovals-action-buttons{display:flex;gap:12px;justify-content:center}.ExpenseApprovals-action-btn{background:transparent;border:none;cursor:pointer;font-size:16px;padding:2px}.edit-action{color:#1a73e8}.delete-action{color:#d93025}.ExpenseApprovals-pagination{display:flex;justify-content:flex-end;align-items:center;padding:12px 24px;gap:24px;font-size:13px;color:#5f6368;border-top:1px solid var(--border-line)}.ExpenseApprovals-pagination-left,.ExpenseApprovals-pagination-right{display:flex;align-items:center;gap:12px}.ExpenseApprovals-page-select{padding:4px 8px;border:1px solid var(--border-line);border-radius:4px;outline:none}.ExpenseApprovals-pager-btn{background:transparent;border:none;color:#5f6368;cursor:pointer;font-size:16px;display:flex;align-items:center;opacity:.5}.ExpenseApprovals-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.ExpenseApprovals-modal-card{background:#f8f9fa;width:100%;max-width:850px;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #00000026}.ExpenseApprovals-modal-header{background:#5c6bc0;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.ExpenseApprovals-modal-header h3{margin:0;font-size:16px;font-weight:500}.ExpenseApprovals-modal-close{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer}.ExpenseApprovals-modal-form{padding:24px}.ExpenseApprovals-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ExpenseApprovals-form-group{display:flex;flex-direction:column;position:relative}.ExpenseApprovals-form-group label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.ExpenseApprovals-input-wrapper{position:relative;display:flex;align-items:center}.ExpenseApprovals-form-group input,.ExpenseApprovals-form-group select{width:100%;padding:10px 36px 10px 12px;border:1px solid #bdc3c7;border-radius:4px;font-size:14px;background:#fff;outline:none;box-sizing:border-box}.ExpenseApprovals-form-group select{padding-right:12px}.input-icon{position:absolute;right:12px;color:#5f6368}.ExpenseApprovals-form-actions{display:flex;gap:12px;margin-top:24px}.ExpenseApprovals-btn{padding:10px 24px;border:none;border-radius:20px;font-size:14px;cursor:pointer;font-weight:500}.btn-save{background-color:#0069c0;color:#fff}.btn-cancel{background-color:#b91c1c;color:#fff}.ExpenseApprovals-delete-card{background:#f8f9fa;padding:24px;border-radius:8px;width:340px;box-shadow:0 4px 16px #00000026}.ExpenseApprovals-delete-card h3{margin-top:0;font-size:24px;font-weight:400;color:#202124}.ExpenseApprovals-delete-details{margin:16px 0 24px;color:#5f6368;font-size:14px;line-height:1.6}.ExpenseApprovals-delete-actions{display:flex;gap:12px}.btn-delete-confirm{background-color:#b91c1c;color:#fff;flex:1}.btn-cancel-confirm{background-color:#0069c0;color:#fff;flex:1}@media(max-width:768px){.ExpenseApprovals-toolbar{flex-direction:column;gap:12px;align-items:stretch}.ExpenseApprovals-search-wrapper input{width:100%}.ExpenseApprovals-actions-right{justify-content:flex-end}.ExpenseApprovals-form-grid{grid-template-columns:1fr}}:root{--primary-color: #4f46e5;--bg-light: #f8fafc;--border-color: #e2e8f0;--text-main: #334155;--text-muted: #64748b;--success: #def7ec;--success-text: #03543f;--warning: #fef3c7;--warning-text: #92400e;--danger: #fde8e8;--danger-text: #9b1c1c;--info: #e1effe;--info-text: #1e429f}.ReimbursementsContainer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:24px;background-color:#f1f5f9;min-height:100vh;color:var(--text-main)}.ReimbursementsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ReimbursementsHeader h2{font-size:22px;font-weight:600;margin:0}.ReimbursementsBreadcrumb{font-size:13px;color:var(--text-muted)}.BreadcrumbActive{font-weight:500;color:var(--text-main)}.ReimbursementsCard{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:16px;position:relative}.ReimbursementsControls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.ReimbursementsSearchWrapper{position:relative;display:flex;align-items:center}.SearchIcon{position:absolute;left:12px;color:var(--text-muted);font-size:14px}.ReimbursementsSearchInput{padding:8px 12px 8px 36px;border:1px solid var(--border-color);border-radius:6px;width:260px;font-size:14px;outline:none}.ReimbursementsActionButtons{display:flex;gap:8px;align-items:center}.ControlBtn{background:#fff;border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;cursor:pointer;color:var(--primary-color);font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s}.ControlBtn:hover{background:var(--bg-light)}.FilterDropdownWrapper{position:relative}.ColumnToggleDropdown{position:absolute;top:40px;right:0;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;padding:12px;z-index:100;min-width:180px}.DropdownHeader{font-weight:600;font-size:14px;color:var(--text-main);margin-bottom:6px}.ColumnToggleDropdown hr{border:0;border-top:1px solid var(--border-color);margin:8px 0}.DropdownItem{display:flex;align-items:center;gap:10px;padding:6px 4px;cursor:pointer;font-size:13px}.DropdownItem input{cursor:pointer}.ReimbursementsTableWrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:6px}.ReimbursementsTable{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.ReimbursementsTable th,.ReimbursementsTable td{padding:12px 16px;border-bottom:1px solid var(--border-color)}.ReimbursementsTable th{background-color:#fafafa;font-weight:600;color:var(--text-main)}.SelectedRow{background-color:#f5f7ff}.TextBold{font-weight:500}.TextMuted{color:var(--text-muted)}.DateCell{display:flex;align-items:center;gap:6px}.RowDateIcon{color:#94a3b8}.RowActionIcons{display:flex;gap:12px;justify-content:center}.RowActionIcons button{background:none;border:none;cursor:pointer;font-size:15px;padding:4px}.ActionBtnEdit{color:#3b82f6}.ActionBtnDelete{color:#ef4444}.StatusBadge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.Status-Pending{background-color:var(--warning);color:var(--warning-text)}.Status-Approved{background-color:var(--success);color:var(--success-text)}.Status-Rejected{background-color:var(--danger);color:var(--danger-text)}.Status-Paid{background-color:var(--info);color:var(--info-text)}.Status-Completed{background-color:#e0f2fe;color:#0369a1}.ReimbursementsFooter{display:flex;justify-content:flex-end;align-items:center;gap:32px;margin-top:16px;font-size:13px;color:var(--text-muted);flex-wrap:wrap}.ItemsPerPageWrapper,.PaginationInfo{display:flex;align-items:center;gap:8px}.ItemsSelect{border:1px solid var(--border-color);padding:4px 8px;border-radius:4px;outline:none}.PaginationArrows{display:flex;gap:4px}.ArrowBtn{background:none;border:none;cursor:pointer;color:var(--text-main);padding:6px}.ArrowBtn:disabled{color:var(--border-color);cursor:not-allowed}.ModalOverlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.ModalContent{background:#fff;border-radius:8px;width:100%;max-width:650px;overflow:hidden;box-shadow:0 20px 25px -5px #00000026}.ModalHeader{background-color:var(--primary-color);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.ModalHeader h3{margin:0;font-size:16px;font-weight:500}.CloseModalBtn{background:none;border:none;color:#fff;font-size:16px;cursor:pointer}.ModalBody{padding:20px;display:flex;flex-direction:column;gap:16px}.FormRow{display:flex;gap:16px}.FormGroup{flex:1;display:flex;flex-direction:column;gap:6px}.FullWidth{flex:none;width:100%}.FormGroup label{font-size:12px;font-weight:500;color:var(--text-main)}.InputIconWrapper{position:relative;display:flex;align-items:center}.InputIconWrapper input,.FormSelect,.FormGroup textarea{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;outline:none;box-sizing:border-box}.InputIconWrapper input:focus,.FormSelect:focus,.FormGroup textarea:focus{border-color:var(--primary-color)}.FieldIcon{position:absolute;right:12px;color:#94a3b8;font-size:14px}.FormActionFooter{display:flex;gap:8px;margin-top:10px}.BtnSave,.BtnDeleteConfirm{background-color:#0284c7;color:#fff;border:none;padding:8px 20px;border-radius:20px;cursor:pointer;font-weight:500}.BtnCancel,.BtnDeleteCancel{background-color:#dc2626;color:#fff;border:none;padding:8px 20px;border-radius:20px;cursor:pointer;font-weight:500}.DeleteDialogContent{background:#fff;padding:24px;border-radius:8px;width:320px;box-shadow:0 20px 25px -5px #00000026}.DeleteDialogContent h2{font-size:22px;margin-top:0;margin-bottom:12px;font-weight:500}.DeleteMeta{color:var(--text-muted);font-size:14px;margin-bottom:24px}.DeleteMeta p{margin:4px 0}.DeleteActionButtons{display:flex;gap:8px}@media(max-width:768px){.ReimbursementsHeader{flex-direction:column;align-items:flex-start;gap:8px}.ReimbursementsControls{flex-direction:column;align-items:stretch}.ReimbursementsSearchInput{width:100%}.FormRow{flex-direction:column;gap:16px}}:root{--bg-layout: #f3f4f6;--bg-card: #ffffff;--text-main: #1f2937;--text-muted: #9ca3af;--blue-primary: #4f46e5;--orange-primary: #f59e0b;--green-primary: #10b981;--purple-primary: #8b5cf6;--teal-primary: #06b6d4;--border-color: #e5e7eb}body{background-color:var(--bg-layout);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-main);-webkit-font-smoothing:antialiased}.financial-summary-container{padding:24px;max-width:1600px;margin:0 auto;box-sizing:border-box}.financial-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.financial-summary-header h2{font-size:20px;font-weight:600;color:#111827;margin:0}.financial-summary-breadcrumb{display:flex;align-items:center;font-size:13px;color:var(--text-muted);gap:6px}.financial-summary-breadcrumb .arrow-icon{font-size:11px}.financial-summary-breadcrumb .active-path{color:#374151;font-weight:500}.financial-summary-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.financial-summary-card{background:var(--bg-card);border-radius:12px;padding:20px;display:flex;align-items:center;box-shadow:0 1px 3px #0000000d}.card-icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;margin-right:16px;flex-shrink:0}.income-icon-bg{background-color:#3b82f6}.expenses-icon-bg{background-color:#f97316}.profit-icon-bg{background-color:#10b981}.pending-icon-bg{background-color:#a855f7}.card-info{display:flex;flex-direction:column}.card-label{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.5px}.card-value{font-size:22px;font-weight:700;margin:2px 0;color:#111827}.card-trend{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.trend-up{color:#10b981}.trend-down{color:#ef4444}.financial-summary-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}.financial-summary-chart-box{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d;position:relative}.financial-summary-chart-box h3{font-size:15px;font-weight:600;color:#374151;margin-top:0;margin-bottom:20px}.chart-legend{display:flex;gap:16px;position:absolute;top:24px;right:24px;font-size:12px;color:#4b5563}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:10px;height:10px;border-radius:2px}.income-blue{background-color:#6366f1}.expense-orange{background-color:#f59e0b}.bar-chart-visual{height:240px;display:flex;position:relative;margin-left:35px;margin-top:35px;border-bottom:1px solid var(--border-color)}.y-axis-labels{position:absolute;left:-35px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--text-muted);text-align:right;width:25px}.y-axis-title{position:absolute;left:20px;top:90px;transform:rotate(-90deg);font-size:11px;color:var(--text-muted);transform-origin:left top}.bars-container{display:flex;justify-content:space-around;align-items:flex-end;width:100%;height:100%}.bar-group{display:flex;flex-direction:column;align-items:center;width:9%;height:100%}.bar-wrapper{display:flex;gap:4px;align-items:flex-end;height:100%;width:100%;justify-content:center}.bar{width:12px;border-radius:3px 3px 0 0}.income-bar{background-color:#6366f1}.expense-bar{background-color:#f59e0b}.bar-month-label{font-size:11px;color:var(--text-muted);margin-top:8px}.donut-chart-container{display:flex;justify-content:center;align-items:center;height:200px;margin-bottom:20px}.donut-graphic{position:relative;width:170px;height:170px;border-radius:50%;background:conic-gradient(#6366f1 0% 24.9%,#f59e0b 24.9% 56%,#ef4444 56% 63.3%,#a855f7 63.3% 87.6%,#06b6d4 87.6% 100%)}.donut-hole{position:absolute;width:114px;height:114px;background-color:var(--bg-card);border-radius:50%;top:28px;left:28px}.donut-labels-overlay span{position:absolute;font-size:11px;font-weight:600}.p-249{top:-18px;right:12px;color:#6366f1}.p-311{bottom:12px;right:-22px;color:#f59e0b}.p-73{bottom:-22px;left:40px;color:#ef4444}.p-243{top:55px;left:-38px;color:#a855f7}.p-124{top:-20px;left:35px;color:#06b6d4}.donut-legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.d-legend-item{display:flex;align-items:center;gap:8px;color:#4b5563}.d-color{width:9px;height:9px;border-radius:50%}.color-salaries{background-color:#6366f1}.color-rent{background-color:#f59e0b}.color-utilities{background-color:#ef4444}.color-marketing{background-color:#a855f7}.color-misc{background-color:#06b6d4}.financial-summary-lower-section{display:flex;flex-direction:column;gap:24px}.revenue-growth-legend{display:flex;gap:16px;justify-content:center;margin-bottom:12px;font-size:12px}.curve-revenue{background-color:#10b981;height:3px;width:16px;border-radius:2px}.curve-cost{background-color:#f59e0b;height:3px;width:16px;border-radius:2px}.revenue-chart-visual{height:180px;position:relative;margin-top:15px;border-bottom:1px dashed var(--border-color)}.y-axis-labels-line{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--text-muted)}.line-graph-waves{width:100%;height:100%;position:relative;overflow:hidden}.revenue-wave-fill{position:absolute;bottom:0;width:100%;height:72%;background:linear-gradient(180deg,#10b98126,#10b98100);border-top:2px solid #10b981;clip-path:ellipse(85% 65% at 75% 75%)}.cost-wave-fill{position:absolute;bottom:0;width:100%;height:44%;background:linear-gradient(180deg,#f59e0b1f,#f59e0b00);border-top:2px solid #f59e0b;clip-path:ellipse(95% 55% at 50% 75%)}.x-axis-timeline{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);margin-top:8px;overflow-x:auto;white-space:nowrap;gap:12px}.bold-date{font-weight:700;color:var(--text-main)}.financial-summary-table-box{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.table-responsive-wrapper{overflow-x:auto}.financial-summary-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.financial-summary-table th{padding:12px 16px;color:#4b5563;font-weight:600;border-bottom:1px solid var(--border-color);background-color:#f9fafb}.financial-summary-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);color:#374151}.financial-summary-table tr:hover{background-color:#f9fafb}.trx-id{font-weight:500;color:#2563eb}.trx-desc{font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.badge-icon{flex-shrink:0}.status-completed{background-color:#d1fae5;color:#065f46}.status-pending{background-color:#fef3c7;color:#92400e}.status-rejected{background-color:#fee2e2;color:#991b1b}.trx-amount{font-weight:600}.amount-positive{color:#065f46}@media(max-width:1200px){.financial-summary-cards-grid{grid-template-columns:repeat(2,1fr)}.financial-summary-charts-row{grid-template-columns:1fr}}@media(max-width:640px){.financial-summary-cards-grid{grid-template-columns:1fr}.financial-summary-header{flex-direction:column;align-items:flex-start;gap:8px}.chart-legend{position:static;margin-bottom:12px}.bar-chart-visual{margin-top:10px}}:root{--bg-app-layout: #ebf1f6;--bg-panel-surface: #ffffff;--text-main-color: #333333;--text-grey-muted: #8a94a6;--blue-brand-primary: #3b82f6;--blue-action-hover: #2563eb;--red-alert-primary: #b91c1c;--border-panel-color: #e2e8f0}body{background-color:var(--bg-app-layout);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-main-color);-webkit-font-smoothing:antialiased}.tax-reports-container{padding:24px;max-width:1600px;margin:0 auto;box-sizing:border-box}.tax-reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tax-reports-header h2{font-size:20px;font-weight:600;color:#334155;margin:0}.tax-reports-breadcrumb{display:flex;align-items:center;font-size:13px;color:var(--text-grey-muted);gap:6px}.tax-reports-breadcrumb .arrow-icon{font-size:11px}.tax-reports-breadcrumb .active-path{color:#475569;font-weight:500}.tax-reports-panel{background-color:var(--bg-panel-surface);border-radius:8px;box-shadow:0 1px 3px #0000000d;border:1px solid var(--border-panel-color);overflow:hidden}.tax-reports-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#eef2f7;border-bottom:1px solid var(--border-panel-color);flex-wrap:wrap;gap:16px}.toolbar-left-group{display:flex;align-items:center;gap:16px}.panel-title{font-size:15px;font-weight:600;color:#475569}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper input{padding:8px 12px 8px 34px;border-radius:6px;border:1px solid #cbd5e1;font-size:14px;width:210px;outline:none;background-color:#fff}.search-icon{position:absolute;left:10px;color:var(--text-grey-muted);font-size:16px}.toolbar-right-actions{display:flex;align-items:center;gap:12px}.icon-btn{background:none;border:none;font-size:18px;color:var(--blue-brand-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:transform .1s ease,color .1s ease}.icon-btn:hover{color:var(--blue-action-hover);transform:scale(1.05)}.add-btn{color:#10b981}.add-btn:hover{color:#059669}.action-popover-anchor{position:relative}.tax-reports-column-dropdown{position:absolute;top:32px;right:0;background-color:#fff;border:1px solid var(--border-panel-color);border-radius:6px;box-shadow:0 10px 15px -3px #0000001a;width:200px;z-index:50;padding:10px 0}.dropdown-header{font-size:13px;font-weight:600;padding:4px 14px 8px;border-bottom:1px solid var(--border-panel-color);color:#334155;text-align:center}.dropdown-scroll-box{max-height:240px;overflow-y:auto;padding:6px 0}.checkbox-item{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:13px;color:#475569;cursor:pointer}.checkbox-item:hover{background-color:#f1f5f9}.checkbox-item input{cursor:pointer;accent-color:var(--blue-brand-primary)}.tax-reports-table-wrapper{overflow-x:auto;width:100%}.tax-reports-table{width:100%;border-collapse:collapse;font-size:13.5px;text-align:left}.tax-reports-table th{padding:14px 16px;font-weight:500;color:#1e293b;border-bottom:1px solid var(--border-panel-color);white-space:nowrap}.tax-reports-table td{padding:14px 16px;border-bottom:1px solid var(--border-panel-color);color:#334155;white-space:nowrap}.tax-reports-table tr:hover{background-color:#f8fafc}.row-selected{background-color:#f0fdf4!important}.text-bold-ref{font-weight:500;color:#0f172a}.text-muted-notes{color:var(--text-grey-muted)}.date-cell-wrapper{display:flex;align-items:center;gap:6px}.inline-calendar-icon{color:#64748b}.status-pill{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.pill-submitted{background-color:#d1fae5;color:#065f46}.pill-completed{background-color:#dbeafe;color:#1e40af}.pill-processing{background-color:#f3e8ff;color:#6b21a8}.pill-pending{background-color:#ffedd5;color:#9a3412}.pill-draft{background-color:#f1f5f9;color:#475569}.action-buttons-flex{display:flex;gap:12px}.action-row-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px}.edit-action{color:#3b82f6}.delete-action{color:#ef4444}.tax-reports-footer{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;gap:32px;font-size:13px;color:#64748b;border-top:1px solid var(--border-panel-color)}.items-per-page-selector{display:flex;align-items:center;gap:8px}.inline-dropdown-view{display:flex;align-items:center;gap:4px;color:#1e293b;cursor:pointer}.pagination-count-label{display:flex;align-items:center;gap:16px}.pagination-arrows-disabled{display:flex;gap:8px;font-size:18px}.arrow-nav-mock{cursor:not-allowed;-webkit-user-select:none;user-select:none;padding:0 4px}.tax-reports-modal-overlay{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.tax-reports-form-card{background-color:#fff;border-radius:12px;width:100%;max-width:760px;box-shadow:0 20px 25px -5px #00000026;overflow:hidden}.form-card-header{background-color:#6366f1;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.form-card-header h3{margin:0;font-size:16px;font-weight:500}.close-modal-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;display:flex}.form-card-body{padding:24px;display:flex;flex-direction:column;gap:16px}.form-input-grid-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.floating-input-group{display:flex;flex-direction:column;gap:6px;position:relative}.floating-input-group label{font-size:12px;font-weight:500;color:#475569}.field-icon-input{position:relative;display:flex;align-items:center}.field-icon-input input,.field-icon-input select,.field-icon-input textarea{width:100%;padding:10px 36px 10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;outline:none;box-sizing:border-box}.field-icon-input select{appearance:none;padding-right:30px;background-color:#fff}.field-inner-icon{position:absolute;right:12px;color:#64748b;font-size:15px}.field-inner-select-icon{position:absolute;right:32px;color:#64748b;font-size:15px}.area-icon-fix{top:12px}.full-width-field{grid-column:span 2}.form-actions-footer-row{display:flex;gap:12px;margin-top:12px}.modal-blue-btn{background-color:#0256cc;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.modal-red-btn{background-color:#b91c1c;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.form-cancel-btn,.form-submit-btn{min-width:100px}.tax-reports-delete-dialog{background-color:#fff;padding:24px 32px;border-radius:8px;width:320px;box-shadow:0 20px 25px -5px #0000001a}.tax-reports-delete-dialog h3{margin:0 0 16px;font-size:24px;font-weight:400;color:#1e293b}.delete-info-line{margin:6px 0;color:#475569;font-size:14px}.delete-dialog-actions{display:flex;gap:12px;margin-top:24px;justify-content:flex-end}@media(max-width:768px){.tax-reports-header{flex-direction:column;align-items:flex-start;gap:8px}.form-input-grid-row{grid-template-columns:1fr}.full-width-field{grid-column:span 1}}:root{--bg-task-layout: #ebf1f6;--bg-panel-card: #ffffff;--text-main-color: #333333;--text-grey-muted: #8a94a6;--border-item-color: #e2e8f0;--blue-primary: #10439f}body{background-color:var(--bg-task-layout);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-main-color);-webkit-font-smoothing:antialiased}.task-container{margin:0 auto;box-sizing:border-box}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.task-header h2{font-size:20px;font-weight:500;color:#334155;margin:0}.task-breadcrumb{display:flex;align-items:center;font-size:13px;color:var(--text-grey-muted);gap:6px}.task-breadcrumb .arrow-icon{font-size:11px}.task-breadcrumb .active-path{color:#475569;font-weight:500}.task-main-layout{display:flex;gap:20px;align-items:flex-start;position:relative;width:100%}.task-list-panel{background-color:var(--bg-panel-card);border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:24px;flex:1;transition:all .35s cubic-bezier(.4,0,.2,1);width:100%}.task-list-panel.shrink-layout{flex:0 0 65%}.task-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.panel-title-group h3{margin:0;font-size:22px;font-weight:500;color:#1e293b}.panel-title-group span{font-size:13px;color:var(--text-grey-muted)}.add-task-btn{background-color:transparent;color:#2563eb;border:1px solid #cbd5e1;padding:8px 20px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s,border-color .2s}.add-task-btn:hover{background-color:#f8fafc;border-color:#94a3b8}.task-items-container{display:flex;flex-direction:column}.task-item-row{display:flex;justify-content:space-between;align-items:center;padding:15px 12px;border-bottom:1px solid var(--border-item-color);transition:background-color .15s ease;cursor:context-menu}.task-item-row:first-child{border-top:1px solid var(--border-item-color)}.task-item-row:hover{background-color:#f8fafc}.task-item-left{display:flex;align-items:center;gap:14px}.grip-icon{color:#cbd5e1}.custom-checkbox-wrapper{display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-box.unchecked{color:#cbd5e1}.custom-box.checked{color:#2563eb}.task-title-text{font-size:14px;color:#4a5568}.title-strike{text-decoration:line-through;color:#cbd5e1!important}.task-item-right{display:flex;align-items:center;gap:20px}.priority-badge{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;width:75px}.priority-high{color:#f95738}.priority-normal{color:#94a3b8}.priority-low{color:#10b981}.task-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background-color:#e2e8f0}.task-date{font-size:13px;color:#475569;min-width:80px;text-align:right}.task-form-panel{background-color:var(--bg-panel-card);border-radius:8px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #e2e8f0;padding:24px;flex:0;width:0;opacity:0;visibility:hidden;overflow:hidden;height:auto;max-height:0;transition:flex .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,max-height .35s ease,visibility .35s}.task-form-panel.form-visible{flex:0 0 33%;width:100%;opacity:1;visibility:visible;max-height:900px;height:auto}.form-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;border-bottom:1px solid var(--border-item-color);padding-bottom:12px}.form-panel-header h3{margin:0;font-size:16px;color:#475569;font-weight:600}.form-action-icons{display:flex;gap:14px}.form-icon-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:#64748b;transition:color .15s,transform .1s}.form-icon-btn:hover{transform:scale(1.08)}.form-icon-btn.save:hover{color:#2563eb}.form-icon-btn.delete:hover{color:#ef4444}.form-icon-btn.close:hover{color:#64748b}.form-panel-body{display:flex;flex-direction:column;gap:20px}.task-field-group{width:100%;position:relative}.task-fields-row-split{display:flex;gap:16px}.flex-1{flex:1}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon input,.task-select,.task-textarea{width:100%;padding:12px 36px 12px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;color:#334155;outline:none;background-color:#fff;box-sizing:border-box}.task-select{padding-right:24px;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='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:14px}.task-textarea{padding-right:12px;resize:vertical}.inner-field-icon{position:absolute;right:12px;color:#94a3b8;pointer-events:none}.fieldset-floating-label{position:absolute;top:-8px;left:10px;background-color:#fff;padding:0 4px;font-size:11px;color:#64748b;pointer-events:none}.check-row{padding:2px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}@media(max-width:1024px){.task-main-layout{flex-direction:column}.task-list-panel.shrink-layout{flex:1}.task-form-panel.form-visible{flex:1;width:100%}}@media(max-width:640px){.task-header{flex-direction:column;align-items:flex-start;gap:8px}.task-item-row{flex-direction:column;align-items:flex-start;gap:12px}.task-item-right{width:100%;justify-content:flex-start;padding-left:32px;box-sizing:border-box}.task-fields-row-split{flex-direction:column;gap:20px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.LoginPage-wrapper{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:40px;background:linear-gradient(135deg,#edf5ff,#d7ebff,#f7fbff)}.LoginPage-card{width:1150px;max-width:100%;display:grid;grid-template-columns:1fr 1fr;background:#fff;overflow:hidden;border-radius:24px;box-shadow:0 15px 35px #00000014,0 40px 80px #1565c01f;animation:LoginPageFade .5s ease}@keyframes LoginPageFade{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.LoginPage-left{padding:60px;display:flex;flex-direction:column;justify-content:center}.LoginPage-logoBox{margin-bottom:20px}.LoginPage-logo{height:100px;object-fit:contain}.LoginPage-headingSection{margin-bottom:35px}.LoginPage-title{font-size:36px;font-weight:700;color:#12355b;margin-bottom:10px}.LoginPage-subtitle{font-size:15px;color:#666;line-height:25px}.LoginPage-form{width:100%}.LoginPage-inputGroup{margin-bottom:24px}.LoginPage-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#444}.LoginPage-input{width:100%;height:55px;border:1px solid #d6d6d6;border-radius:12px;padding:0 18px;font-size:15px;transition:.35s;background:#fafafa}.LoginPage-input:focus{border-color:#1565c0;background:#fff;box-shadow:0 0 0 4px #1565c01f;outline:none}.LoginPage-input::placeholder{color:#999}.LoginPage-passwordBox{position:relative}.LoginPage-passwordInput{padding-right:55px}.LoginPage-eyeIcon{position:absolute;right:18px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:19px;color:#666;transition:.3s}.LoginPage-eyeIcon:hover{color:#1565c0}.LoginPage-optionRow{display:flex;justify-content:space-between;align-items:center;margin:28px 0}.LoginPage-remember{display:flex;align-items:center;gap:10px;font-size:14px;color:#555;cursor:pointer}.LoginPage-remember input{width:16px;height:16px;accent-color:#1565c0}.LoginPage-forgotLink{text-decoration:none;color:#1565c0;font-weight:600;transition:.3s}.LoginPage-forgotLink:hover{color:#0d47a1}.LoginPage-loginBtn{width:100%;height:56px;border:none;border-radius:12px;background:linear-gradient(90deg,#1565c0,#5e35b1);color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:.35s;letter-spacing:.4px}.LoginPage-loginBtn:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1565c059}.LoginPage-loginBtn:active{transform:scale(.98)}.LoginPage-right{display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#f7f9fc,#eef6ff);padding:50px}.LoginPage-imageWrapper{width:100%;display:flex;justify-content:center;align-items:center}.LoginPage-image{width:100%;max-width:450px;object-fit:contain;animation:LoginPageFloat 4s infinite ease-in-out}@keyframes LoginPageFloat{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@media(max-width:992px){.LoginPage-card{grid-template-columns:1fr}.LoginPage-right{display:none}.LoginPage-left{padding:45px}}@media(max-width:576px){.LoginPage-wrapper{padding:20px}.LoginPage-left{padding:30px}.LoginPage-title{font-size:30px}.LoginPage-logo{height:60px}.LoginPage-optionRow{flex-direction:column;align-items:flex-start;gap:15px}.LoginPage-loginBtn{height:52px}}:root{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--text-main: #334155;--text-muted: #64748b;--text-dark: #1e293b;--color-indigo: #4f46e5;--color-indigo-hover: #4338ca;--color-indigo-light: #eef2ff;--color-emerald: #10b981;--color-emerald-light: #ecfdf5;--color-amber: #f59e0b;--color-amber-light: #fffbeb;--color-rose: #f43f5e;--color-rose-hover: #e11d48;--color-rose-light: #fff1f2;--border-color: #e2e8f0;--radius-lg: 12px;--radius-md: 8px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)}.announcement-container{box-sizing:border-box;background-color:var(--bg-main);min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-main)}.announcement-container *,.announcement-container *:before,.announcement-container *:after{box-sizing:inherit}.breadcrumb-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.breadcrumb-wrapper h1{font-size:24px;font-weight:600;color:var(--text-dark);margin:0}.breadcrumb-wrapper div{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.breadcrumb-wrapper span:not(.text-slate-800){cursor:pointer;transition:color .2s ease}.breadcrumb-wrapper span:hover:not(.text-slate-800){color:var(--color-indigo)}.controls-card{background:var(--bg-card);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border:1px solid var(--border-color);padding:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.search-box-wrapper{display:flex;align-items:center;gap:12px;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px 12px;width:100%;max-width:320px;transition:all .2s ease}.search-box-wrapper:focus-within{border-color:var(--color-indigo);box-shadow:0 0 0 2px var(--color-indigo-light)}.search-box-wrapper span{font-size:11px;font-weight:600;color:var(--color-indigo);background:var(--color-indigo-light);padding:2px 8px;border-radius:4px}.search-box-wrapper input{background:transparent;border:none;outline:none;font-size:14px;width:100%;color:var(--text-dark)}.action-buttons-wrapper{display:flex;align-items:center;gap:12px}.icon-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:8px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.icon-btn:hover{background:var(--bg-hover);color:var(--text-dark)}.action-buttons-wrapper button[title="Add New"]{background:var(--color-emerald-light);color:var(--color-emerald);border-color:#a7f3d0}.action-buttons-wrapper button[title="Add New"]:hover{background:#d1fae5}.action-buttons-wrapper button[title="Download JSON"]:hover{background:var(--color-indigo-light);color:var(--color-indigo)}.bulk-delete-btn{display:flex;align-items:center;gap:8px;background:var(--color-rose-light);color:var(--color-rose);border:1px solid #fecdd3;padding:8px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.bulk-delete-btn:hover{background:#ffe4e6}.bulk-delete-btn:active,.icon-btn:active{transform:scale(.96)}.absolute.right-0{position:absolute;right:0;margin-top:8px;width:224px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:30;padding:8px 0;animation:smoothDropdown .2s ease-out}@keyframes smoothDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.absolute.right-0 .border-b{padding:8px 16px;font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-color)}.absolute.right-0 label{display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;transition:background .15s ease}.absolute.right-0 label:hover{background:var(--bg-main)}.absolute.right-0 input[type=checkbox],.table-responsive-wrapper input[type=checkbox]{accent-color:var(--color-indigo);width:16px;height:16px;cursor:pointer}.table-responsive-wrapper{background:var(--bg-card);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:900px}th{background:#f8fafc;border-bottom:1px solid var(--border-color);padding:16px;color:var(--text-muted);font-weight:600;font-size:14px}td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#475569}tr.cursor-pointer{cursor:pointer;transition:background .15s ease}tr.cursor-pointer:hover{background:#f8fafc}td .inline-flex{display:inline-flex;align-items:center;gap:6px}.tracking-wide{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.025em;display:inline-block}.bg-emerald-50{background:var(--color-emerald-light);color:var(--color-emerald)}.bg-amber-50{background:var(--color-amber-light);color:var(--color-amber)}.bg-rose-50{background:var(--color-rose-light);color:var(--color-rose)}td .flex.justify-center{display:flex;align-items:center;justify-content:center;gap:8px}td button{border:none;background:transparent;padding:6px;border-radius:6px;cursor:pointer;transition:background .15s ease}td button.text-indigo-500{color:var(--color-indigo)}td button.text-indigo-500:hover{background:var(--color-indigo-light)}td button.text-rose-500{color:var(--color-rose)}td button.text-rose-500:hover{background:var(--color-rose-light)}.pagination-footer{margin-top:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;box-shadow:var(--shadow-sm)}.pagination-footer .flex{display:flex;align-items:center}.pagination-footer select{appearance:none;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:6px 32px 6px 12px;font-size:14px;font-weight:600;color:var(--text-dark);cursor:pointer;outline:none;transition:ring .2s ease}.pagination-footer select:focus{box-shadow:0 0 0 2px var(--color-indigo-light)}.pagination-footer button{background:transparent;border:none;padding:6px;border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;display:inline-flex;transition:background .15s ease}.pagination-footer button:hover:not(:disabled){background:var(--bg-hover)}.pagination-footer button:disabled{opacity:.35;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50;animation:fadeInOverlay .2s cubic-bezier(.16,1,.3,1) forwards}.modal-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:650px;overflow:hidden;transform:scale(.95);opacity:0;animation:scaleInModal .25s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes scaleInModal{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{background:var(--color-indigo);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.modal-header h2{font-size:18px;font-weight:600;margin:0}.modal-header button{background:transparent;border:none;color:#fffc;cursor:pointer;padding:4px;border-radius:6px;display:flex;transition:all .15s ease}.modal-header button:hover{background:var(--color-indigo-hover);color:#fff}.modal-container form{padding:24px}.grid-cols-1{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.grid-cols-1{grid-template-columns:1fr 1fr}}.input-group label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;letter-spacing:.05em}.input-group .flex{display:flex;align-items:center;border:1px solid var(--border-color);background:#f8fafc;border-radius:var(--radius-md);padding:10px 14px;transition:all .2s ease}.input-group .flex:focus-within{border-color:var(--color-indigo);background:var(--bg-card);box-shadow:0 0 0 2px var(--color-indigo-light)}.input-group input,.input-group select{width:100%;background:transparent;border:none;outline:none;font-size:14px;font-weight:500;color:var(--text-dark)}.input-group select{cursor:pointer}input[type=date]{position:relative}input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;color:transparent;background:transparent;cursor:pointer}.modal-footer{margin-top:24px;padding-top:16px;border-top:1px solid #f1f5f9;display:flex;align-items:center;gap:12px}.modal-footer button{padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s ease}.modal-footer button[type=submit]{background:var(--color-indigo);color:#fff}.modal-footer button[type=submit]:hover{background:var(--color-indigo-hover)}.modal-footer button.bg-red-700{background:var(--color-rose);color:#fff}.modal-footer button.bg-red-700:hover{background:var(--color-rose-hover)}.modal-footer button.bg-slate-100{background:var(--bg-hover);color:var(--text-dark)}.modal-footer button:active{transform:scale(.97)}@media(max-width:640px){.controls-card,.pagination-footer{flex-direction:column;align-items:stretch}.search-box-wrapper{max-w:100%}.action-buttons-wrapper{justify-content:space-between}}.custom-scrollbar::-webkit-scrollbar-track{background:var(--bg-main);border-radius:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.notifications-component-wrapper{--bg-workspace-canvas: #f4f6f9;--bg-surface-card: #ffffff;--bg-utility-hover: #f8fafc;--border-element-tint: #cbd5e1;--border-light-tint: #e2e8f0;--text-primary-dark: #1e293b;--text-secondary-medium: #475569;--text-muted-cool: #94a3b8;--brand-indigo: #5d5fef;--brand-indigo-dark: #4749d0;--brand-indigo-light: #eff0ff;--status-sent: #10b981;--status-sent-bg: #e6f4ea;--status-pending: #f59e0b;--status-pending-bg: #fef3c7;--status-failed: #ef4444;--status-failed-bg: #fee2e2;box-sizing:border-box;background-color:var(--bg-workspace-canvas);min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-secondary-medium)}.notifications-component-wrapper *,.notifications-component-wrapper *:before,.notifications-component-wrapper *:after{box-sizing:inherit}.notifications-breadcrumb-zone{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:8px}.notifications-breadcrumb-zone .breadcrumb-title{font-size:22px;font-weight:600;color:var(--text-primary-dark);margin:0}.notifications-breadcrumb-zone .breadcrumb-path{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted-cool)}.notifications-breadcrumb-zone .separator{color:var(--text-muted-cool);font-weight:400}.notifications-breadcrumb-zone .current-node{color:var(--text-primary-dark);font-weight:500}.notifications-action-bar{background:var(--bg-surface-card);border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid var(--border-light-tint);border-bottom:none;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.search-input-composite-box{display:flex;align-items:center;gap:8px;background:#eef2f6;border:1px solid var(--border-light-tint);border-radius:6px;padding:6px 12px;width:100%;max-width:290px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-input-composite-box:focus-within{border-color:var(--brand-indigo);background:#fff;box-shadow:0 0 0 3px #5d5fef26}.search-input-composite-box .badge-prefix{font-size:12px;font-weight:600;color:var(--brand-indigo);background:var(--brand-indigo-light);padding:2px 8px;border-radius:4px;white-space:nowrap}.search-input-composite-box .search-lens-icon{width:15px;height:15px;color:var(--text-muted-cool);flex-shrink:0}.search-input-composite-box input{background:transparent;border:none;outline:none;font-size:13px;color:var(--text-primary-dark);width:100%}.toolbar-action-buttons-group{display:flex;align-items:center;gap:8px;margin-left:auto}.toolbar-btn{background:var(--bg-surface-card);border:1px solid var(--border-light-tint);border-radius:6px;padding:8px;color:var(--text-secondary-medium);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.toolbar-btn:hover{background:#f1f5f9;color:var(--text-primary-dark)}.toolbar-btn.active{background:var(--brand-indigo-light);border-color:var(--brand-indigo);color:var(--brand-indigo)}.toolbar-btn .btn-icon{width:16px;height:16px}.toolbar-btn.btn-success{color:#10b981;background:#e6f4ea;border-color:#a7f3d0}.toolbar-btn.btn-success:hover{background:#d1fae5}.toolbar-btn.btn-download:hover{background:var(--brand-indigo-light);color:var(--brand-indigo)}.contextual-bulk-delete-btn{display:flex;align-items:center;gap:6px;background:#fee2e2;color:#ef4444;border:1px solid #fecdd3;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.contextual-bulk-delete-btn:hover{background:#fca5a5;color:#fff}.popover-anchor-container{position:relative}.column-visibility-dropdown{position:absolute;right:0;top:100%;margin-top:6px;width:210px;background:var(--bg-surface-card);border:1px solid var(--border-light-tint);border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;z-index:100;padding:6px 0;animation:dropReveal .18s cubic-bezier(.16,1,.3,1) forwards}@keyframes dropReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.column-visibility-dropdown .dropdown-header-label{padding:6px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted-cool);border-bottom:1px solid #f1f5f9}.column-visibility-dropdown .dropdown-scroll-body{max-h:240px;overflow-y:auto;padding:4px}.dropdown-checkbox-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:4px;cursor:pointer;transition:background .1s ease}.dropdown-checkbox-row:hover{background:var(--bg-workspace-canvas)}.dropdown-checkbox-row input[type=checkbox],.th-checkbox input[type=checkbox],.td-checkbox input[type=checkbox]{accent-color:var(--brand-indigo);width:15px;height:15px;cursor:pointer}.checkbox-text-label{font-size:13px;font-weight:500;text-transform:capitalize;color:var(--text-secondary-medium)}.notifications-table-scroll-container{background:var(--bg-surface-card);border:1px solid var(--border-light-tint);border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow-x:auto}.notifications-core-table{width:100%;border-collapse:collapse;text-align:left;min-width:950px}.notifications-core-table th{background:#f8fafc;padding:14px 16px;font-size:13px;font-weight:600;color:var(--text-secondary-medium);border-bottom:1px solid var(--border-light-tint)}.notifications-core-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:13.5px;vertical-align:middle}.table-data-row-interactive{cursor:pointer;transition:background .15s ease}.table-data-row-interactive:hover{background:var(--bg-utility-hover)}.th-checkbox,.td-checkbox{width:50px;text-align:center}.th-id,.td-id{width:60px;font-family:monospace;color:var(--text-muted-cool)}.th-message{width:340px}.th-actions,.td-actions{width:100px;text-align:center}.message-composite-cell{display:flex;align-items:center;gap:10px;max-width:320px}.cell-avatar-frame{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#e2e8f0;flex-shrink:0}.cell-message-text-truncate{font-weight:500;color:var(--text-primary-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-dimmed{color:var(--text-secondary-medium)}.inline-icon-label-wrapper{display:inline-flex;align-items:center;gap:6px}.inline-calendar-icon{width:14px;height:14px;color:#f59e0b}.status-pill-badge{padding:3px 10px;border-radius:4px;font-size:11.5px;font-weight:600;letter-spacing:.01em;display:inline-block}.badge-sent{background:var(--status-sent-bg);color:var(--status-sent)}.badge-pending{background:var(--status-pending-bg);color:var(--status-pending)}.badge-failed{background:var(--status-failed-bg);color:var(--status-failed)}.priority-icon{width:14px;height:14px}.priority-icon.high{color:#ef4444}.priority-icon.medium{color:#f59e0b}.priority-icon.low{color:#10b981}.action-cell-buttons-flex{display:flex;align-items:center;justify-content:center;gap:6px}.action-inline-btn{background:transparent;border:none;padding:5px;border-radius:4px;cursor:pointer;display:flex;transition:background .15s ease}.action-inline-btn .action-row-icon{width:15px;height:15px}.action-inline-btn.edit-trigger{color:var(--brand-indigo)}.action-inline-btn.edit-trigger:hover{background:var(--brand-indigo-light)}.action-inline-btn.delete-trigger{color:#ef4444}.action-inline-btn.delete-trigger:hover{background:#fee2e2}.table-empty-fallback-state{padding:40px;text-align:center;color:var(--text-muted-cool);font-weight:500}.notifications-pagination-navigator{margin-top:14px;background:var(--bg-surface-card);border:1px solid var(--border-light-tint);border-radius:8px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;box-shadow:0 1px 2px #00000008}.rows-per-page-selector-shell{display:flex;align-items:center;gap:8px}.selector-caption{font-size:13px;color:var(--text-secondary-medium)}.native-select-wrapper{position:relative;display:flex;align-items:center}.native-select-wrapper select{appearance:none;background:#f1f5f9;border:1px solid var(--border-light-tint);border-radius:6px;padding:4px 28px 4px 10px;font-size:13px;font-weight:600;color:var(--text-primary-dark);outline:none;cursor:pointer}.native-select-wrapper select:focus{border-color:var(--brand-indigo);box-shadow:0 0 0 2px var(--brand-indigo-light)}.select-dropdown-arrow-icon{width:14px;height:14px;color:var(--text-secondary-medium);position:absolute;right:8px;pointer-events:none}.pagination-numeric-indexer-flow{display:flex;align-items:center;gap:16px}.indexer-bounds-display{font-size:13px;color:var(--text-secondary-medium);font-weight:500}.indexer-navigation-buttons{display:flex;align-items:center;gap:2px}.navigator-step-btn{background:transparent;border:none;padding:4px;border-radius:4px;color:var(--text-secondary-medium);cursor:pointer;display:inline-flex;align-items:center;transition:background .12s ease}.navigator-step-btn:hover:not(:disabled){background:#f1f5f9;color:var(--text-primary-dark)}.navigator-step-btn:disabled{opacity:.35;cursor:not-allowed}.step-arrow-icon{width:18px;height:18px}.dialog-backdrop-blur-overlay{position:fixed;inset:0;background-color:#0f172a59;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:overlayFadeIn .22s cubic-bezier(.16,1,.3,1) forwards}.dialog-window-container{background:var(--bg-surface-card);border-radius:12px;box-shadow:0 25px 50px -12px #00000026;width:100%;max-width:680px;overflow:hidden;opacity:0;transform:scale(.96) translateY(4px);animation:modalRevealElastic .28s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalRevealElastic{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header-banner{background:linear-gradient(135deg,#6366f1,#4f46e5);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.header-identity-composite{display:flex;align-items:center;gap:10px}.header-identity-avatar{width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(255,255,255,.8);object-fit:cover}.dialog-header-banner h2{font-size:16px;font-weight:600;margin:0;letter-spacing:.02em}.dialog-dismiss-cross-btn{background:transparent;border:none;color:#ffffffd9;cursor:pointer;padding:4px;border-radius:6px;display:flex;transition:all .12s ease}.dialog-dismiss-cross-btn:hover{background:#ffffff26;color:#fff}.cross-icon{width:18px;height:18px}.dialog-interactive-form{padding:24px}.form-fields-structural-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:600px){.form-fields-structural-grid{grid-template-columns:1fr 1fr}.field-span-full{grid-column:span 2}}.fieldset-floating-border-container{position:relative;display:flex;flex-direction:column}.legend-label-fallback{font-size:11.5px;font-weight:700;color:#64748b;margin-bottom:6px;letter-spacing:.02em}.input-with-end-icon-box{display:flex;align-items:center;border:1px solid var(--border-element-tint);background:#fff;border-radius:6px;padding:10px 14px;position:relative;transition:all .2s ease}.input-with-end-icon-box:focus-within{border-color:var(--brand-indigo);box-shadow:0 0 0 3px #5d5fef1f}.input-with-end-icon-box textarea,.input-with-end-icon-box input,.input-with-end-icon-box select{width:100%;background:transparent;border:none;outline:none;font-size:13.5px;font-weight:500;color:var(--text-primary-dark);font-family:inherit}.input-with-end-icon-box textarea{resize:vertical}.field-end-block-icon{width:16px;height:16px;position:absolute;right:14px;pointer-events:none;flex-shrink:0}.text-muted-decor{color:var(--text-muted-cool)}.spacing-pointer-override{color:var(--text-secondary-medium)}.relative-select-box select{appearance:none;padding-right:24px;cursor:pointer}.native-date-picker-carrier input[type=date]{position:relative}.native-date-picker-carrier input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;color:transparent;background:transparent;cursor:pointer}.dialog-action-footer-buttons{margin-top:24px;padding-top:16px;border-top:1px solid #f1f5f9;display:flex;align-items:center;gap:10px}.form-action-btn{padding:10px 22px;border-radius:6px;font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:all .12s cubic-bezier(.4,0,.2,1)}.form-action-btn:active{transform:scale(.97)}.form-action-btn.submit-save-trigger{background:#06c;color:#fff}.form-action-btn.submit-save-trigger:hover{background:#0052a3}.form-action-btn.dismiss-cancel-trigger{background:#b30000;color:#fff}.form-action-btn.dismiss-cancel-trigger:hover{background:#900}@media(max-width:640px){.notifications-action-bar,.notifications-pagination-navigator{flex-direction:column;align-items:stretch}.search-input-composite-box{max-width:100%}.toolbar-action-buttons-group{width:100%;justify-content:space-between}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.goals-view-workspace-context{--canvas-background-tone: #f4f6f9;--card-surface-white: #ffffff;--row-hover-tint: #f8fafc;--border-light-separator: #e2e8f0;--border-field-focus: #cbd5e1;--primary-dark-slate: #1e293b;--secondary-cool-gray: #475569;--muted-text-dim: #94a3b8;--brand-violet: #5d5fef;--brand-violet-hover: #4749d0;--brand-violet-pale: #eff0ff;--status-active-color: #3b82f6;--status-active-bg: #eff6ff;--status-progress-color: #f59e0b;--status-progress-bg: #fef3c7;--status-completed-color: #10b981;--status-completed-bg: #e6f4ea;box-sizing:border-box;background-color:var(--canvas-background-tone);min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--secondary-cool-gray)}.goals-view-workspace-context *,.goals-view-workspace-context *:before,.goals-view-workspace-context *:after{box-sizing:inherit}.goals-navigation-breadcrumb-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:8px}.goals-navigation-breadcrumb-row .main-viewport-header-title{font-size:22px;font-weight:600;color:var(--primary-dark-slate);margin:0}.goals-navigation-breadcrumb-row .navigation-path-indicator-chain{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted-text-dim)}.goals-navigation-breadcrumb-row .chain-delimiter{color:var(--muted-text-dim)}.goals-navigation-breadcrumb-row .active-destination{color:var(--primary-dark-slate);font-weight:500}.goals-control-actions-panel{background:var(--card-surface-white);border-top-left-radius:8px;border-top-right-radius:8px;border:1px solid var(--border-light-separator);border-bottom:none;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.search-composite-control-hull{display:flex;align-items:center;gap:8px;background:#eef2f6;border:1px solid var(--border-light-separator);border-radius:6px;padding:6px 12px;width:100%;max-width:290px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-composite-control-hull:focus-within{border-color:var(--brand-violet);background:#fff;box-shadow:0 0 0 3px #5d5fef26}.search-composite-control-hull .search-context-badge{font-size:12px;font-weight:600;color:var(--brand-violet);background:var(--brand-violet-pale);padding:2px 8px;border-radius:4px;white-space:nowrap}.search-composite-control-hull .search-magnifier-glyph{width:15px;height:15px;color:var(--muted-text-dim);flex-shrink:0}.search-composite-control-hull input{background:transparent;border:none;outline:none;font-size:13px;color:var(--primary-dark-slate);width:100%}.utility-functional-button-cluster{display:flex;align-items:center;gap:8px;margin-left:auto}.utility-icon-btn{background:var(--card-surface-white);border:1px solid var(--border-light-separator);border-radius:6px;padding:8px;color:var(--secondary-cool-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.utility-icon-btn:hover{background:#f1f5f9;color:var(--primary-dark-slate)}.utility-icon-btn.active-state-on{background:var(--brand-violet-pale);border-color:var(--brand-violet);color:var(--brand-violet)}.utility-icon-btn .icon-vector{width:16px;height:16px}.utility-icon-btn.additive-theme-btn{color:#10b981;background:#e6f4ea;border-color:#a7f3d0}.utility-icon-btn.additive-theme-btn:hover{background:#d1fae5}.utility-icon-btn.download-theme-btn:hover{background:var(--brand-violet-pale);color:var(--brand-violet)}.bulk-extinction-context-trigger{display:flex;align-items:center;gap:6px;background:#fee2e2;color:#ef4444;border:1px solid #fecdd3;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-extinction-context-trigger:hover{background:#fca5a5;color:#fff}.popover-dropdown-anchor-shell{position:relative}.columns-visibility-manager-popover{position:absolute;right:0;top:100%;margin-top:6px;width:210px;background:var(--card-surface-white);border:1px solid var(--border-light-separator);border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;z-index:100;padding:6px 0;animation:scaleFadeOpen .16s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleFadeOpen{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.columns-visibility-manager-popover .popover-title-label{padding:6px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-text-dim);border-bottom:1px solid #f1f5f9}.columns-visibility-manager-popover .popover-scrollable-body-scroller{max-height:240px;overflow-y:auto;padding:4px}.popover-interactive-checkbox-line{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:4px;cursor:pointer;transition:background .1s ease}.popover-interactive-checkbox-line:hover{background:var(--canvas-background-tone)}.popover-interactive-checkbox-line input[type=checkbox],.column-width-checkbox input[type=checkbox]{accent-color:var(--brand-violet);width:15px;height:15px;cursor:pointer}.checkbox-text-transform-label{font-size:13px;font-weight:500;text-transform:capitalize;color:var(--secondary-cool-gray)}.goals-table-overflow-viewport-canvas{background:var(--card-surface-white);border:1px solid var(--border-light-separator);border-bottom-left-radius:4px;border-bottom-right-radius:4px;overflow-x:auto}.goals-structured-data-table{width:100%;border-collapse:collapse;text-align:left;min-width:1000px}.goals-structured-data-table th{background:#f8fafc;padding:14px 16px;font-size:13px;font-weight:600;color:var(--secondary-cool-gray);border-bottom:1px solid var(--border-light-separator)}.goals-structured-data-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:13.5px;vertical-align:middle}.interactive-table-row-hover-link{cursor:pointer;transition:background .15s ease}.interactive-table-row-hover-link:hover{background:var(--row-hover-tint)}.column-width-checkbox{width:50px;text-align:center}.column-width-id{width:60px;font-family:monospace;color:var(--muted-text-dim)}.column-width-subject{width:280px;max-width:280px}.column-width-progress{width:160px}.column-width-actions{width:90px;text-align:center}.employee-profile-cell-layout{display:flex;align-items:center;gap:10px}.employee-avatar-circle{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#e2e8f0}.employee-string-name{font-weight:500;color:var(--primary-dark-slate)}.truncated-text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:var(--secondary-cool-gray)}.subtext-dimmed-gray{color:var(--secondary-cool-gray)}.calendar-date-inline-flex{display:inline-flex;align-items:center;gap:6px}.mini-calendar-icon{width:14px;height:14px;color:#f59e0b}.linear-progress-bar-component-shell{display:flex;align-items:center;gap:10px;width:100%}.progress-bar-track-background{background:#e2e8f0;height:6px;border-radius:10px;width:100%;overflow:hidden}.progress-bar-filled-accent-strip{background-color:#06c;height:100%;border-radius:10px;transition:width .4s ease-out}.progress-percentage-numeric-readout{font-size:12px;font-weight:600;color:var(--secondary-cool-gray);min-width:32px;text-align:right}.status-pill-token{padding:3px 10px;border-radius:4px;font-size:11.5px;font-weight:600;display:inline-block}.status-pill-token.class-active{background:var(--status-active-bg);color:var(--status-active-color)}.status-pill-token.class-in-progress{background:var(--status-progress-bg);color:var(--status-progress-color)}.status-pill-token.class-completed{background:var(--status-completed-bg);color:var(--status-completed-color)}.priority-cell-level-indicator{display:inline-flex;align-items:center;gap:6px}.priority-arrow{width:14px;height:14px}.priority-arrow.high-red{color:#ef4444}.priority-arrow.medium-orange{color:#f59e0b}.priority-arrow.low-green{color:#10b981}.inline-row-actions-group{display:flex;align-items:center;justify-content:center;gap:4px}.row-action-trigger-btn{background:transparent;border:none;padding:5px;border-radius:4px;cursor:pointer;display:flex;transition:background .12s ease}.row-action-trigger-btn .action-glyph-vector{width:14px;height:14px}.row-action-trigger-btn.blue-edit{color:var(--brand-violet)}.row-action-trigger-btn.blue-edit:hover{background:var(--brand-violet-pale)}.row-action-trigger-btn.red-delete{color:#ef4444}.row-action-trigger-btn.red-delete:hover{background:#fee2e2}.table-empty-dataset-fallback{padding:40px;text-align:center;color:var(--muted-text-dim);font-weight:500}.goals-pagination-footer-panel{margin-top:14px;background:var(--card-surface-white);border:1px solid var(--border-light-separator);border-radius:8px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.items-per-page-selector-component{display:flex;align-items:center;gap:8px}.selector-label-text{font-size:13px;color:var(--secondary-cool-gray)}.custom-select-box-wrapper{position:relative;display:flex;align-items:center}.custom-select-box-wrapper select{appearance:none;background:#f1f5f9;border:1px solid var(--border-light-separator);border-radius:6px;padding:4px 28px 4px 10px;font-size:13px;font-weight:600;color:var(--primary-dark-slate);outline:none;cursor:pointer}.select-dropdown-chevron-marker{width:14px;height:14px;color:var(--secondary-cool-gray);position:absolute;right:8px;pointer-events:none}.pagination-numeric-stepper-cluster{display:flex;align-items:center;gap:16px}.stepper-bounds-readout-string{font-size:13px;font-weight:500;color:var(--secondary-cool-gray)}.stepper-action-arrows-flex{display:flex;align-items:center;gap:2px}.stepper-nav-btn-box{background:transparent;border:none;padding:4px;border-radius:4px;color:var(--secondary-cool-gray);cursor:pointer;display:inline-flex;align-items:center}.stepper-nav-btn-box:hover:not(:disabled){background:#f1f5f9;color:var(--primary-dark-slate)}.stepper-nav-btn-box:disabled{opacity:.35;cursor:not-allowed}.stepper-nav-btn-box .arrow-glyph{width:18px;height:18px}.modal-backdrop-blur-curtain{position:fixed;inset:0;background-color:#0f172a59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;animation:backdropFadeReveal .2s linear forwards}.modal-dialog-window-box{background:var(--card-surface-white);border-radius:12px;box-shadow:0 25px 50px -12px #00000026;width:100%;max-width:680px;overflow:hidden;opacity:0;transform:scale(.96) translateY(6px);animation:modalElasticBounceSlide .26s cubic-bezier(.34,1.45,.64,1) forwards}@keyframes backdropFadeReveal{to{opacity:1}}@keyframes modalElasticBounceSlide{to{opacity:1;transform:scale(1) translateY(0)}}.modal-header-color-banner{background:linear-gradient(135deg,#6366f1,#4f46e5);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;color:#fff}.header-composite-avatar-title-block{display:flex;align-items:center;gap:10px}.modal-header-context-avatar{width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);object-fit:cover}.modal-header-color-banner h2{font-size:16px;font-weight:600;margin:0;letter-spacing:.01em}.modal-header-close-dismiss-cross{background:transparent;border:none;color:#fffc;cursor:pointer;padding:4px;border-radius:6px;display:flex;transition:all .12s ease}.modal-header-close-dismiss-cross:hover{background:#ffffff26;color:#fff}.dismiss-cross-vector{width:18px;height:18px}.modal-interactive-form-grid-body{padding:24px}.form-structural-layout-css-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:600px){.form-structural-layout-css-grid{grid-template-columns:1fr 1fr}.grid-span-all-columns{grid-column:span 2}}.fieldset-input-wrapper-container{display:flex;flex-direction:column}.input-top-floating-legend-label{font-size:11.5px;font-weight:700;color:#64748b;margin-bottom:6px;letter-spacing:.02em}.input-icon-composite-field-carrier{display:flex;align-items:center;border:1px solid var(--border-field-focus);background:#fff;border-radius:6px;padding:10px 14px;position:relative}.input-icon-composite-field-carrier:focus-within{border-color:var(--brand-violet);box-shadow:0 0 0 3px #5d5fef1f}.input-icon-composite-field-carrier input,.input-icon-composite-field-carrier select{width:100%;background:transparent;border:none;outline:none;font-size:13.5px;font-weight:500;color:var(--primary-dark-slate);font-family:inherit}.field-boundary-icon-decoration{width:16px;height:16px;position:absolute;right:14px;pointer-events:none;color:var(--muted-text-dim)}.unique-select-element-carrier select{appearance:none;padding-right:24px;cursor:pointer}.pointer-events-ignore{color:var(--secondary-cool-gray)}.specialized-date-input-hull input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;color:transparent;background:transparent;cursor:pointer}.modal-footer-action-row-buttons{margin-top:24px;padding-top:16px;border-top:1px solid #f1f5f9;display:flex;align-items:center;gap:10px}.form-submit-action-btn{padding:10px 22px;border-radius:6px;font-size:13.5px;font-weight:600;cursor:pointer;border:none;transition:all .12s ease}.form-submit-action-btn:active{transform:scale(.97)}.form-submit-action-btn.blue-save-trigger{background:#06c;color:#fff}.form-submit-action-btn.blue-save-trigger:hover{background:#0052a3}.form-submit-action-btn.red-cancel-trigger{background:#b30000;color:#fff}.form-submit-action-btn.red-cancel-trigger:hover{background:#900}@media(max-width:640px){.goals-control-actions-panel,.goals-pagination-footer-panel{flex-direction:column;align-items:stretch}.search-composite-control-hull{max-width:100%}.utility-functional-button-cluster{width:100%;justify-content:space-between}}.unique-scrollbar-layer::-webkit-scrollbar{width:6px;height:6px}.unique-scrollbar-layer::-webkit-scrollbar-track{background:transparent}.unique-scrollbar-layer::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.unique-scrollbar-layer::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tl-dashboard-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background-color:#f4f6f9;padding:20px;min-height:100vh;box-sizing:border-box}.tl-breadcrumb{font-size:13px;color:#666;margin-bottom:15px;display:flex;justify-content:flex-end}.tl-panel{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;overflow:hidden;display:flex;flex-direction:column}.tl-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#f8faff;border-bottom:1px solid #eaeaea;flex-wrap:wrap;gap:15px}.tl-header-left{display:flex;align-items:center;gap:20px}.tl-title{font-size:18px;font-weight:600;color:#333}.tl-search-container{display:flex;align-items:center;background:#fff;border:1px solid #dcdcdc;border-radius:4px;padding:6px 12px;width:240px}.tl-search-icon{color:#888;margin-right:8px;font-size:14px}.tl-search-input{border:none;outline:none;width:100%;font-size:14px}.tl-header-right{display:flex;align-items:center;gap:10px}.tl-action-btn{background:#fff;border:1px solid #dcdcdc;border-radius:4px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:16px}.tl-action-btn:hover{background-color:#f0f4ff;border-color:#4a77fa}.tl-add-btn{background-color:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}.tl-bulk-delete-btn{width:auto!important;padding:0 15px;background-color:#ffebee;color:#c62828;border-color:#ffcdd2;font-size:14px;font-weight:500}.tl-dropdown-wrapper{position:relative}.tl-column-dropdown{position:absolute;top:42px;right:0;background:#fff;border:1px solid #dcdcdc;border-radius:6px;box-shadow:0 4px 14px #00000026;width:220px;max-height:280px;overflow-y:auto;z-index:100;padding:10px}.tl-dropdown-title{font-weight:600;font-size:13px;color:#555;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #eee}.tl-dropdown-item{display:flex;align-items:center;gap:10px;padding:6px 4px;font-size:13px;color:#444;cursor:pointer}.tl-dropdown-item input{cursor:pointer}.tl-table-wrapper{overflow-x:auto;width:100%}.tl-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.tl-table th,.tl-table td{padding:12px 16px;border-bottom:1px solid #eee;white-space:nowrap}.tl-table th{background-color:#fff;color:#555;font-weight:600}.tl-clickable-row{cursor:pointer;transition:background-color .15s ease}.tl-clickable-row:hover{background-color:#f7f9fc}.tl-bold-text{font-weight:500;color:#111}.tl-avatar-group{display:flex;align-items:center}.tl-avatar{width:28px;height:28px;border-radius:50%;background:#e0e0e0;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:-8px}.tl-avatar.text-avatar{background:#3f51b5;color:#fff;font-weight:700;font-size:11px;margin-right:0}.tl-row-actions{display:flex;gap:8px;justify-content:center}.tl-row-btn{background:none;border:none;cursor:pointer;font-size:15px;padding:4px;border-radius:4px;transition:background .2s}.tl-row-btn:hover{background:#f0f0f0}.tl-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.tl-badge.completed{background-color:#e3f2fd;color:#0d47a1}.tl-badge.scheduled{background-color:#e8f5e9;color:#1b5e20}.tl-badge.in-progress{background-color:#fff3e0;color:#e65100}.tl-pagination-footer{display:flex;justify-content:flex-end;align-items:center;padding:12px 20px;background-color:#fff;border-top:1px solid #eaeaea;font-size:13px;color:#555;gap:30px;flex-wrap:wrap}.tl-per-page,.tl-page-info{display:flex;align-items:center;gap:10px}.tl-per-page select{padding:4px 8px;border:1px solid #ccc;border-radius:4px;background:#fff}.tl-page-nav button{background:transparent;border:none;cursor:pointer;padding:5px 10px;font-size:14px;color:#555}.tl-page-nav button:disabled{color:#ccc;cursor:not-allowed}.tl-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease-out}.tl-modal-box{background:#fff;border-radius:8px;width:90%;max-width:850px;max-height:60vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 30px #0003;animation:slideUp .3s cubic-bezier(.25,.8,.25,1)}.tl-modal-header{background:#5c6bc0;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.tl-modal-header h2{margin:0;font-size:18px;font-weight:500}.tl-close-x{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.tl-modal-form-content{padding:24px;overflow-y:auto;flex:1}.tl-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.tl-input-group{display:flex;flex-direction:column;gap:6px}.tl-input-group label{font-size:12px;color:#666;font-weight:500}.tl-input-group input,.tl-input-group select,.tl-input-group textarea{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;background:#fff;outline:none;transition:border-color .2s}.tl-input-group input:focus,.tl-input-group select:focus,.tl-input-group textarea:focus{border-color:#5c6bc0}.tl-form-full-row{margin-top:20px;width:100%}.tl-input-group.read-only input,.tl-input-group.read-only textarea{background-color:#f9f9f9;border-color:#e0e0e0;color:#333;cursor:default}.tl-modal-actions{display:flex;gap:12px;margin-top:30px}.tl-btn-save{background:#0d47a1;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:500;cursor:pointer}.tl-btn-cancel{background:#b71c1c;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:500;cursor:pointer}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}.custom-scrollbar::-webkit-scrollbar-thumb{background:#bcbcbc;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9e9e9e}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.tl-form-grid{grid-template-columns:1fr}.tl-panel-header{flex-direction:column;align-items:stretch}.tl-header-left{flex-direction:column;align-items:flex-start}.tl-search-container{width:100%}}.tt-workspace-context-wrapper{--bkg: #f8fafc;--panel-white: #ffffff;--item-border: #e2e8f0;--dark-slate: #0f172a;--soft-slate: #475569;--indigo-primary: #4f46e5;--indigo-hover: #4338ca;--indigo-tint: #f5f3ff;--emerald-success: #10b981;--emerald-bg: #ecfdf5;--rose-danger: #ef4444;--rose-bg: #fef2f2;--slate-hover: #f1f5f9;box-sizing:border-box;background-color:var(--bkg);min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--soft-slate);line-height:1.5}.tt-workspace-context-wrapper *,.tt-workspace-context-wrapper *:before,.tt-workspace-context-wrapper *:after{box-sizing:inherit}.tt-breadcrumb-trail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.tt-main-viewport-title{font-size:24px;font-weight:700;color:var(--dark-slate);margin:0;letter-spacing:-.02em}.tt-path-indicator-chain{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8}.tt-delimiter{-webkit-user-select:none;user-select:none}.tt-active-destination{color:var(--dark-slate);font-weight:600}.tt-control-actions-panel{background:var(--panel-white);border-top-left-radius:12px;border-top-right-radius:12px;border:1px solid var(--item-border);padding:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.tt-search-composite-hull{display:flex;align-items:center;gap:10px;background:#f1f5f9;border:1px solid var(--item-border);border-radius:8px;padding:8px 14px;width:100%;max-width:360px;transition:all .2s ease}.tt-search-composite-hull:focus-within{border-color:var(--indigo-primary);background:var(--panel-white);box-shadow:0 0 0 3px #4f46e51a}.tt-search-badge{font-size:11px;font-weight:700;color:var(--indigo-primary);background:var(--indigo-tint);padding:2px 8px;border-radius:4px;white-space:nowrap}.tt-search-icon{-webkit-user-select:none;user-select:none;font-size:14px}.tt-search-composite-hull input{background:transparent;border:none;outline:none;font-size:14px;color:var(--dark-slate);width:100%}.tt-search-composite-hull input::placeholder{color:#94a3b8}.tt-utility-button-cluster{display:flex;align-items:center;gap:10px}.tt-utility-icon-btn{background:var(--panel-white);border:1px solid var(--item-border);border-radius:8px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.tt-utility-icon-btn:hover{background:var(--slate-hover);color:var(--dark-slate)}.tt-utility-icon-btn.tt-state-on{background:var(--indigo-tint);border-color:var(--indigo-primary);color:var(--indigo-primary)}.tt-utility-icon-btn.tt-additive-theme-btn{background:var(--emerald-bg);border-color:#a7f3d0;color:#047857}.tt-utility-icon-btn.tt-additive-theme-btn:hover{background:#d1fae5}.tt-utility-icon-btn.tt-download-theme-btn:hover{background:var(--indigo-tint);color:var(--indigo-primary)}.tt-bulk-delete-trigger-btn{background:var(--rose-bg);color:var(--rose-danger);border:1px solid #fca5a5;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.tt-bulk-delete-trigger-btn:hover{background:var(--rose-danger);color:var(--panel-white);border-color:var(--rose-danger)}.tt-popover-anchor-shell{position:relative}.tt-columns-manager-popover{position:absolute;right:0;top:100%;margin-top:8px;width:220px;background:var(--panel-white);border:1px solid var(--item-border);border-radius:8px;box-shadow:0 10px 30px -5px #0000001a,0 4px 6px -2px #0000000d;z-index:100;padding:8px 0;animation:ttScaleOpen .18s cubic-bezier(.16,1,.3,1) forwards}@keyframes ttScaleOpen{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.tt-popover-title{padding:4px 16px 8px;font-size:11px;font-weight:700;text-transform:uppercase;color:#94a3b8;border-bottom:1px solid #f1f5f9;letter-spacing:.05em}.tt-popover-scroller{max-height:220px;overflow-y:auto;padding:6px}.tt-popover-checkbox-line{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;text-transform:capitalize;font-weight:500;color:var(--soft-slate);transition:background .12s ease}.tt-popover-checkbox-line:hover{background:var(--slate-hover);color:var(--dark-slate)}.tt-popover-checkbox-line input[type=checkbox],.tt-col-width-checkbox input[type=checkbox]{accent-color:var(--indigo-primary);width:14px;height:14px;cursor:pointer}.tt-table-viewport-canvas{background:var(--panel-white);border:1px solid var(--item-border);border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow-x:auto}.tt-structured-data-table{width:100%;border-collapse:collapse;text-align:left;font-size:14.5px;white-space:nowrap}.tt-structured-data-table th{background:#f8fafc;padding:16px;font-weight:600;color:var(--soft-slate);border-bottom:1px solid var(--item-border);-webkit-user-select:none;user-select:none}.tt-structured-data-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:var(--soft-slate)}.tt-interactive-table-row{cursor:pointer;transition:background .15s ease}.tt-interactive-table-row:hover{background:#f8fafc}.tt-col-width-checkbox{width:50px;text-align:center}.tt-col-width-id{width:60px;font-family:monospace;color:#94a3b8}.tt-col-width-actions{width:90px;text-align:center}.tt-cell-bold-text{font-weight:600;color:var(--dark-slate)}.tt-text-dimmed{color:#64748b}.tt-expertise-tag{background:#f1f5f9;color:var(--dark-slate);padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500}.tt-status-pill{padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;display:inline-block;text-transform:uppercase;letter-spacing:.02em}.tt-status-pill.active{background:#d1fae5;color:#065f46}.tt-status-pill.inactive{background:var(--rose-bg);color:#991b1b}.tt-empty-table-fallback{padding:48px;text-align:center;color:#94a3b8;font-weight:500}.tt-row-flex-controls-container{display:flex;align-items:center;justify-content:center;gap:8px}.tt-checkbox-revealed-row-delete-btn{background:var(--rose-bg);border:1px solid #fecdd3;color:var(--rose-danger);padding:4px 8px;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;animation:ttScaleOpen .2s cubic-bezier(.16,1,.3,1) forwards}.tt-checkbox-revealed-row-delete-btn:hover{background:var(--rose-danger);color:var(--panel-white);border-color:var(--rose-danger)}.tt-three-dots-trigger-btn{background:transparent;border:none;font-size:18px;padding:2px 8px;cursor:pointer;border-radius:6px;color:var(--soft-slate);transition:background .12s ease;-webkit-user-select:none;user-select:none}.tt-three-dots-trigger-btn:hover{background:var(--item-border);color:var(--dark-slate)}.tt-row-relative-menu-anchor{position:relative}.tt-action-dropdown-popover-menu{position:absolute;right:100%;top:-5px;margin-right:8px;width:175px;background:var(--panel-white);border:1px solid var(--item-border);border-radius:8px;box-shadow:0 4px 20px #00000014,0 2px 4px #00000005;z-index:110;padding:6px 0;animation:ttScaleOpen .15s cubic-bezier(.16,1,.3,1) forwards}.tt-dropdown-action-line-item{width:100%;text-align:left;background:transparent;border:none;padding:10px 14px;font-size:13px;font-weight:500;color:var(--soft-slate);cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .12s ease}.tt-dropdown-action-line-item:hover{background:var(--slate-hover);color:var(--dark-slate)}.tt-dropdown-action-line-item.blue-edit{color:var(--indigo-primary)}.tt-dropdown-action-line-item.blue-edit:hover{background:var(--indigo-tint)}.tt-dropdown-action-line-item.red-delete{color:var(--rose-danger)}.tt-dropdown-action-line-item.red-delete:hover{background:var(--rose-bg)}.tt-dropdown-divider{border:0;border-top:1px solid #f1f5f9;margin:6px 0}.tt-pagination-footer-panel{margin-top:16px;background:var(--panel-white);border:1px solid var(--item-border);border-radius:12px;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:14px;-webkit-user-select:none;user-select:none}.tt-items-per-page-selector{display:flex;align-items:center;gap:8px;color:var(--soft-slate)}.tt-items-per-page-selector select{padding:6px 24px 6px 12px;border-radius:6px;border:1px solid var(--item-border);background:#f8fafc;font-weight:600;color:var(--dark-slate);outline:none;cursor:pointer;transition:border-color .15s ease}.tt-items-per-page-selector select:focus{border-color:var(--indigo-primary)}.tt-pagination-stepper{display:flex;align-items:center;gap:16px;font-weight:500}.tt-stepper-arrows-flex{display:flex;gap:6px;align-items:center}.tt-stepper-arrows-flex button{background:#f1f5f9;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;color:var(--soft-slate);transition:all .12s ease}.tt-stepper-arrows-flex button:hover:not(:disabled){background:var(--item-border);color:var(--dark-slate)}.tt-stepper-arrows-flex button:disabled{opacity:.4;cursor:not-allowed}.tt-modal-backdrop-blur{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:ttFadeIn .2s linear forwards}.tt-modal-window-box{background:var(--panel-white);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:680px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;transform:translateY(15px);animation:ttSlideUp .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes ttFadeIn{to{opacity:1}}@keyframes ttSlideUp{to{transform:translateY(0);opacity:1}}.tt-modal-header-banner{background:var(--indigo-primary);padding:18px 24px;display:flex;justify-content:space-between;align-items:center;color:var(--panel-white)}.tt-modal-header-banner h2{font-size:18px;font-weight:600;margin:0}.tt-modal-dismiss-cross{background:transparent;border:none;color:var(--panel-white);font-size:16px;cursor:pointer;padding:4px;opacity:.8;transition:opacity .12s ease;display:flex;align-items:center}.tt-modal-dismiss-cross:hover{opacity:1}.tt-modal-scrollable-body{padding:24px;overflow-y:auto;flex:1}.tt-form-css-grid{display:grid;grid-template-columns:1fr;gap:18px}@media(min-width:540px){.tt-form-css-grid{grid-template-columns:1fr 1fr}.tt-grid-span-full{grid-column:span 2}}.tt-input-field-hull{display:flex;flex-direction:column;gap:6px}.tt-input-field-hull label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.02em}.tt-input-field-hull input,.tt-input-field-hull select{padding:11px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;outline:none;color:var(--dark-slate);background-color:var(--panel-white);transition:all .15s ease}.tt-input-field-hull input:focus,.tt-input-field-hull select:focus{border-color:var(--indigo-primary);box-shadow:0 0 0 3px #4f46e51a}.tt-modal-footer-action-row{margin-top:28px;padding-top:16px;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end}.tt-action-btn-save{background:var(--indigo-primary);color:var(--panel-white);border:none;padding:11px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease}.tt-action-btn-save:hover{background:var(--indigo-hover)}.tt-action-btn-cancel{background:#e2e8f0;color:var(--soft-slate);border:none;padding:11px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .15s ease}.tt-action-btn-cancel:hover{background:#cbd5e1;color:var(--dark-slate)}.tt-modal-window-box.detail-theme{max-width:580px}.tt-modal-header-banner.detail-header{background:var(--dark-slate)}.tt-detail-title-flex{display:flex;align-items:center;gap:16px}.tt-avatar-fallback-placeholder{width:46px;height:46px;border-radius:50%;background:var(--indigo-primary);color:var(--panel-white);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none}.tt-sub-text-header{margin:4px 0 0;font-size:13px;color:#94a3b8;font-weight:400}.tt-detail-grid-section{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:480px){.tt-detail-grid-section{grid-template-columns:1fr 1fr}}.tt-detail-card-item{padding:14px;background:#f8fafc;border:1px solid var(--item-border);border-radius:10px;display:flex;flex-direction:column;gap:4px}.tt-detail-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.tt-detail-val{font-size:14px;font-weight:600;color:var(--dark-slate);word-break:break-word}.unique-scrollbar::-webkit-scrollbar,.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.unique-scrollbar::-webkit-scrollbar-track,.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.unique-scrollbar::-webkit-scrollbar-thumb,.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.unique-scrollbar::-webkit-scrollbar-thumb:hover,.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.unique-scrollbar,.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}@media(max-width:640px){.tt-control-actions-panel{flex-direction:column;align-items:stretch}.tt-search-composite-hull{max-width:100%}.tt-utility-button-cluster{width:100%;justify-content:space-between;flex-wrap:wrap}.tt-pagination-footer-panel{flex-direction:column;align-items:center;gap:12px}}.Appraisals-container{padding:24px;background-color:var(--bg-main);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-main);min-height:100vh}.Appraisals-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.Appraisals-header h2{font-size:22px;font-weight:600;color:#1e293b;margin:0}.Appraisals-breadcrumb{font-size:14px;color:var(--text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.Appraisals-arrow{color:#cbd5e1}.Appraisals-card{background:var(--bg-card);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid var(--border-color);overflow:hidden}.Appraisals-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#eef2f6;border-bottom:1px solid var(--border-color);position:relative;flex-wrap:wrap;gap:12px}.Appraisals-search-box{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-width:0}.Appraisals-title-label{font-weight:600;color:#475569;font-size:15px;white-space:nowrap}.Appraisals-search-input-wrapper{position:relative;display:flex;align-items:center;min-width:0;flex:1 1 180px}.Appraisals-search-icon{position:absolute;left:10px;color:var(--text-muted);font-size:14px}.Appraisals-search-input-wrapper input{padding:8px 12px 8px 34px;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:220px;max-width:100%;font-size:14px;background-color:var(--bg-card);transition:border-color .2s}.Appraisals-search-input-wrapper input:focus{border-color:var(--primary-color)}.Appraisals-action-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.Appraisals-tooltip-container{position:relative;display:inline-flex}.Appraisals-action-buttons button{width:38px;height:38px;border:none;outline:none;cursor:pointer;border-radius:50%;background:transparent;color:#475569;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.Appraisals-action-buttons button:hover{transform:translateY(-2px)}.Appraisals-btn-col{color:#4f46e5}.Appraisals-btn-add{color:#22c55e!important}.Appraisals-btn-refresh{color:#7c5b43}.Appraisals-btn-download{color:#2563eb}.Appraisals-btn-col:hover{background:#eef2ff!important}.Appraisals-btn-add:hover{background:#dcfce7!important}.Appraisals-btn-refresh:hover{background:#fef3c7!important}.Appraisals-btn-download:hover{background:#dbeafe!important}.Appraisals-tooltiptext{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-8px);background:#2f2f2f;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .25s ease;z-index:9999;pointer-events:none}.Appraisals-tooltiptext:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent #2f2f2f transparent}.Appraisals-tooltip-container:hover .Appraisals-tooltiptext{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.Appraisals-col-dropdown{position:absolute;top:100%;right:20px;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:100;width:200px;max-width:calc(100vw - 40px);margin-top:5px}.Appraisals-dropdown-header{padding:10px 14px;font-weight:600;border-bottom:1px solid var(--border-color);font-size:13px;color:var(--text-muted)}.Appraisals-dropdown-body{max-height:220px;overflow-y:auto;padding:6px 0}.Appraisals-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;font-size:13px}.Appraisals-dropdown-item:hover{background-color:#f8fafc}.Appraisals-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.Appraisals-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:640px}.Appraisals-table th{background-color:#fff;color:#1e293b;font-weight:600;padding:14px 18px;border-bottom:2px solid var(--border-color);white-space:nowrap}.Appraisals-table td{padding:12px 18px;border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle}.Appraisals-table tbody tr{transition:background-color .15s}.Appraisals-table tbody tr:hover{background-color:#f8fafc}.selected-row{background-color:#f1f5f9}.Appraisals-profile-cell{display:flex;align-items:center;gap:10px}.Appraisals-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.Appraisals-date-badge{color:#7c2d12;background:#ffedd5;padding:4px 8px;border-radius:6px;font-size:13px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.Appraisals-status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block;white-space:nowrap}.Appraisals-status-badge.completed{background-color:var(--success-bg);color:var(--success-text)}.Appraisals-status-badge.in-progress{background-color:var(--warning-bg);color:var(--warning-text)}.Appraisals-status-badge.pending{background-color:var(--pending-bg);color:var(--pending-text)}.Appraisals-row-actions{display:flex;justify-content:center;gap:12px}.Appraisals-row-actions button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px}.Appraisals-action-edit{color:#3b82f6}.Appraisals-action-edit:hover{background-color:#eff6ff}.Appraisals-action-delete{color:#ef4444}.Appraisals-action-delete:hover{background-color:#fef2f2}.Appraisals-pagination-bar{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;gap:24px;border-top:1px solid var(--border-color);font-size:13px;color:var(--text-muted);background-color:#fff;flex-wrap:wrap}.Appraisals-items-per-page{display:flex;align-items:center;gap:8px}.Appraisals-items-per-page select{padding:4px 8px;border-radius:4px;border:1px solid #cbd5e1;outline:none}.Appraisals-pagination-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.Appraisals-pagination-arrows{display:flex;gap:4px}.Appraisals-pagination-arrows button{background:none;border:none;padding:6px 10px;cursor:pointer;font-weight:700;color:var(--text-main);border-radius:4px}.Appraisals-pagination-arrows button:disabled{color:#cbd5e1;cursor:not-allowed}.Appraisals-pagination-arrows button:not(:disabled):hover{background-color:#f1f5f9}.Appraisals-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.Appraisals-modal-box{background:#fff;border-radius:12px;width:90%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;animation:fadeIn .2s ease-out}.Appraisals-modal-header{background-color:#5c6bc0;color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1}.Appraisals-modal-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;min-width:0}.Appraisals-modal-title span,.Appraisals-modal-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Appraisals-modal-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0}.Appraisals-modal-close{background:none;border:none;color:#fff;font-size:22px;cursor:pointer;flex-shrink:0}.Appraisals-modal-body{padding:24px}.Appraisals-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.Appraisals-form-group{display:flex;flex-direction:column;gap:6px;position:relative;min-width:0}.Appraisals-form-group.full-width{grid-column:span 2}.Appraisals-form-group label{font-size:13px;color:var(--text-muted);font-weight:500}.Appraisals-input-icon-wrapper,.Appraisals-select-wrapper{position:relative;display:flex;align-items:center}.Appraisals-input-icon-wrapper input,.Appraisals-select-wrapper select{width:100%;padding:10px 36px 10px 12px;border:1px solid #cbd5e1;border-radius:6px;outline:none;font-size:14px;box-sizing:border-box}.Appraisals-select-wrapper select{padding-right:12px}.Appraisals-field-icon{position:absolute;right:12px;color:#94a3b8;pointer-events:none}.Appraisals-form-group.has-error input,.Appraisals-form-group.has-error select{border-color:var(--danger-color);background-color:#fffafb}.Appraisals-error-msg{color:var(--danger-color);font-size:11px;margin-top:2px}.Appraisals-modal-footer{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.Appraisals-modal-btn-save{background-color:#e2e8f0;border:none;padding:10px 24px;border-radius:20px;font-weight:600;color:#64748b;cursor:pointer;flex:1 1 auto}.Appraisals-modal-btn-save:hover{background-color:#cbd5e1}.Appraisals-modal-btn-cancel{background-color:#b91c1c;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:600;cursor:pointer;flex:1 1 auto}.Appraisals-modal-btn-cancel:hover{background-color:#991b1b}.Appraisals-custom-calendar{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border-color);box-shadow:0 10px 15px -3px #0000001a;border-radius:8px;padding:14px;z-index:200;width:250px;max-width:calc(100vw - 32px);margin-top:5px}.Appraisals-calendar-header{display:flex;justify-content:space-between;font-weight:700;font-size:13px;margin-bottom:10px}.Appraisals-calendar-header button{background:none;border:none;cursor:pointer;padding:0 4px}.Appraisals-calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:11px}.calendar-day-head{font-weight:600;color:var(--text-muted)}.calendar-day-cell{padding:4px 0;cursor:pointer;border-radius:4px}.calendar-day-cell:hover{background-color:#f1f5f9}.calendar-day-cell.active-day{background-color:#bfdbfe;color:#1e3a8a;font-weight:700}.Appraisals-delete-box{background:#fff;padding:24px;border-radius:8px;width:270px;max-width:calc(100vw - 32px);box-shadow:0 20px 25px -5px #0000001a}.Appraisals-delete-box h3{margin:0 0 14px;font-size:18px}.Appraisals-delete-body-details{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:20px}.Appraisals-delete-body-details p{margin:4px 0}.Appraisals-delete-footer-buttons{display:flex;gap:10px}.Appraisals-delete-btn-confirm{background-color:#b91c1c;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:500;flex:1 1 auto}.Appraisals-delete-btn-cancel{background-color:#0284c7;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:500;flex:1 1 auto}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.Appraisals-container{padding:18px}.Appraisals-search-input-wrapper input{width:100%}.Appraisals-form-grid{gap:16px}}@media(max-width:768px){.Appraisals-container{padding:14px}.Appraisals-header{flex-direction:column;align-items:flex-start}.Appraisals-toolbar{flex-direction:column;align-items:stretch;gap:12px}.Appraisals-search-box{width:100%}.Appraisals-search-input-wrapper{flex:1 1 auto;width:100%}.Appraisals-action-buttons{width:100%;justify-content:flex-end}.Appraisals-col-dropdown{right:0;left:auto}.Appraisals-form-grid{grid-template-columns:1fr}.Appraisals-form-group.full-width{grid-column:span 1}.Appraisals-modal-box{width:100%;max-width:100%}.Appraisals-modal-body{padding:18px}.Appraisals-pagination-bar{justify-content:center;text-align:center}.Appraisals-pagination-info{justify-content:center;width:100%}}@media(max-width:480px){.Appraisals-container{padding:10px}.Appraisals-header h2{font-size:18px}.Appraisals-breadcrumb{font-size:12px}.Appraisals-card{border-radius:8px}.Appraisals-toolbar{padding:12px 14px}.Appraisals-title-label{font-size:14px}.Appraisals-action-buttons button{width:34px;height:34px}.Appraisals-table-wrapper{overflow-x:visible}.Appraisals-table{min-width:0}.Appraisals-table thead{display:none}.Appraisals-table,.Appraisals-table tbody,.Appraisals-table tr,.Appraisals-table td{display:block;width:100%}.Appraisals-table tr{margin-bottom:12px;border:1px solid var(--border-color);border-radius:10px;padding:8px 0;background:var(--bg-card)}.Appraisals-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:10px 14px;border-bottom:1px solid #f1f5f9;gap:10px}.Appraisals-table td:last-child{border-bottom:none}.Appraisals-table td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);text-align:left;margin-right:auto}.Appraisals-profile-cell,.Appraisals-row-actions{justify-content:flex-end}.Appraisals-modal-header{padding:12px 16px}.Appraisals-modal-body{padding:14px}.Appraisals-modal-footer{flex-direction:column}.Appraisals-modal-btn-save,.Appraisals-modal-btn-cancel{width:100%}.Appraisals-delete-footer-buttons{flex-direction:column}.Appraisals-delete-btn-confirm,.Appraisals-delete-btn-cancel{width:100%}.Appraisals-pagination-bar{flex-direction:column;gap:10px;padding:12px 14px}.Appraisals-custom-calendar{left:50%;transform:translate(-50%)}}:root{--primary-color: #5c67f2;--bg-body: #f3f4f9;--bg-card: #ffffff;--text-dark: #333333;--text-muted: #666666;--border-color: #e8ebf3;--toolbar-blue: #dee2f7;--status-pub-bg: #e2f4ec;--status-pub-fg: #2e8b57;--status-draft-bg: #e6edff;--status-draft-fg: #4d7cfe;--status-review-bg: #fff0e6;--status-review-fg: #f39c12;--danger-color: #bd1d1d}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-dark);-webkit-font-smoothing:antialiased}.PerformanceReviews-container{padding:24px;max-width:1440px;margin:0 auto;box-sizing:border-box}.PerformanceReviews-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.PerformanceReviews-title{font-size:20px;font-weight:600;color:#3e465b;margin:0}.PerformanceReviews-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.PerformanceReviews-home-icon{width:16px;height:16px;fill:var(--text-muted)}.PerformanceReviews-separator{color:#b0b5c1}.PerformanceReviews-active-crumb{color:#444;font-weight:500}.PerformanceReviews-card{background-color:var(--bg-card);border-radius:10px;box-shadow:0 4px 20px #00000008;overflow:visible;border:1px solid var(--border-color)}.PerformanceReviews-toolbar{background-color:#eef1f9;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:9px;border-top-right-radius:9px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:12px}.PerformanceReviews-toolbar-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.PerformanceReviews-list-title{font-size:15px;font-weight:600;color:#4d5467}.PerformanceReviews-search-box{position:relative;background-color:#fff;border-radius:6px;display:flex;align-items:center;padding-left:10px;width:240px;border:1px solid transparent}.PerformanceReviews-search-icon{width:18px;height:18px;fill:#8a92a6}.PerformanceReviews-search-box input{border:none;padding:8px 10px;font-size:13px;outline:none;width:100%;background:transparent;color:var(--text-dark)}.PerformanceReviews-toolbar-right{display:flex;align-items:center;gap:12px}.PerformanceReviews-action-wrapper{position:relative}.PerformanceReviews-tool-btn{background:transparent;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;position:relative}.PerformanceReviews-tool-btn svg{width:22px;height:22px;fill:#4d7cfe;transition:transform .2s}.PerformanceReviews-tool-btn.green-btn svg{fill:#2e8b57}.PerformanceReviews-tool-btn.blue-btn{background-color:#d6e4ff;border-radius:50%;padding:6px}.PerformanceReviews-tool-btn.blue-btn svg{fill:#3b71f7;width:18px;height:18px}.PerformanceReviews-tool-btn:hover svg{transform:scale(1.1)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:-32px;left:50%;transform:translate(-50%) scale(.8);background-color:#1e293b;color:#fff;padding:5px 9px;font-size:11px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:all .15s cubic-bezier(.4,0,.2,1);z-index:999;box-shadow:0 2px 5px #0003}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) scale(1)}.PerformanceReviews-columns-popup{position:absolute;top:36px;right:0;background:#fff;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 15px #0000001a;z-index:100;width:210px}.PerformanceReviews-popup-header{padding:12px;font-weight:600;font-size:14px;border-bottom:1px solid var(--border-color);color:#333;background-color:#f8f9fc}.PerformanceReviews-popup-scrollable{max-height:220px;overflow-y:auto;padding:8px 0}.PerformanceReviews-popup-label{display:flex;align-items:center;padding:8px 16px;cursor:pointer;font-size:13px;color:#444;-webkit-user-select:none;user-select:none}.PerformanceReviews-popup-label:hover{background-color:#f1f3f9}.PerformanceReviews-popup-label input[type=checkbox],.PerformanceReviews-table-checkbox input[type=checkbox]{display:none}.PerformanceReviews-custom-cb{width:16px;height:16px;border:2px solid #b5bccb;border-radius:3px;margin-right:10px;display:inline-block;position:relative;box-sizing:border-box}input[type=checkbox]:checked+.PerformanceReviews-custom-cb{background-color:#0052cc;border-color:#0052cc}input[type=checkbox]:checked+.PerformanceReviews-custom-cb:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.PerformanceReviews-capitalize{text-transform:capitalize}.PerformanceReviews-table-wrapper{overflow-x:auto;width:100%}.PerformanceReviews-table{width:100%;border-collapse:collapse;text-align:left;font-size:13.5px}.PerformanceReviews-table th{background-color:#fff;padding:14px 18px;font-weight:600;color:#333;border-bottom:1px solid var(--border-color)}.PerformanceReviews-table td{padding:12px 18px;border-bottom:1px solid var(--border-color);color:#555;vertical-align:middle}.PerformanceReviews-table tbody tr{transition:background-color .15s ease}.PerformanceReviews-table tbody tr:hover{background-color:#f7f9fd}.PerformanceReviews-table tr.row-selected{background-color:#f0f4ff!important}.PerformanceReviews-emp-cell{display:flex;align-items:center;gap:12px}.PerformanceReviews-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.PerformanceReviews-emp-name{font-weight:500;color:#333}.PerformanceReviews-date-cell{display:flex;align-items:center;gap:8px;color:#666}.PerformanceReviews-inline-cal{width:16px;height:16px;fill:#8c7662}.PerformanceReviews-status-badge{padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}.PerformanceReviews-status-badge.published{background-color:var(--status-pub-bg);color:var(--status-pub-fg)}.PerformanceReviews-status-badge.draft{background-color:var(--status-draft-bg);color:var(--status-draft-fg)}.PerformanceReviews-status-badge.in-review{background-color:var(--status-review-bg);color:var(--status-review-fg)}.PerformanceReviews-actions-cell{display:flex;justify-content:center;gap:14px}.PerformanceReviews-row-action-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center}.PerformanceReviews-row-action-btn svg{width:18px;height:18px}.PerformanceReviews-row-action-btn.edit-icon svg{fill:#4d7cfe}.PerformanceReviews-row-action-btn.delete-icon svg{fill:#ff6b6b}.PerformanceReviews-row-action-btn:hover{opacity:.7}.PerformanceReviews-pagination-container{padding:14px 20px;display:flex;justify-content:flex-end;align-items:center;background-color:#fff;border-bottom-left-radius:9px;border-bottom-right-radius:9px}.PerformanceReviews-pagination-right{display:flex;align-items:center;gap:16px}.PerformanceReviews-ipp-text{font-size:13px;color:var(--text-muted)}.PerformanceReviews-ipp-dropdown-wrapper{position:relative}.PerformanceReviews-ipp-select{background:#fff;border:1px solid #ccd1d9;border-radius:4px;padding:6px 10px;font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer;min-width:60px;justify-content:space-between}.PerformanceReviews-ipp-select svg{width:16px;height:16px;fill:#555;transition:transform .2s}.PerformanceReviews-ipp-select svg.flipped{transform:rotate(180deg)}.PerformanceReviews-ipp-options{position:absolute;bottom:100%;left:0;width:100%;background:#fff;border:1px solid #ccd1d9;border-radius:4px;margin-bottom:4px;padding:0;list-style:none;box-shadow:0 -2px 10px #00000014;z-index:50}.PerformanceReviews-ipp-options li{padding:8px 10px;font-size:13px;cursor:pointer;text-align:center}.PerformanceReviews-ipp-options li:hover{background-color:#f1f3f9}.PerformanceReviews-ipp-options li.selected{background-color:#e2e7f7;font-weight:600}.PerformanceReviews-page-range{font-size:13px;color:#333;min-width:80px;text-align:center}.PerformanceReviews-pag-nav-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%}.PerformanceReviews-pag-nav-btn svg{width:20px;height:20px;fill:#999}.PerformanceReviews-pag-nav-btn:disabled{cursor:not-allowed;opacity:.4}.PerformanceReviews-pag-nav-btn.circle-next.active-next{background-color:#eef1f6}.PerformanceReviews-pag-nav-btn.circle-next.active-next svg{fill:#333}.PerformanceReviews-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.PerformanceReviews-modal-box{background:#fff;border-radius:8px;width:720px;max-width:90%;max-height:90vh;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;overflow:hidden}.PerformanceReviews-modal-header{background-color:var(--primary-color);padding:14px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.PerformanceReviews-modal-title-layout{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500}.PerformanceReviews-modal-avatar{width:28px;height:28px;border-radius:50%;border:1.5px solid #fff;object-fit:cover}.PerformanceReviews-modal-close{background:transparent;border:none;cursor:pointer;color:#fff;display:flex;align-items:center}.PerformanceReviews-modal-close svg{width:20px;height:20px;fill:#fff}.PerformanceReviews-modal-body{padding:24px;overflow-y:auto;background-color:#fdfdfd}.PerformanceReviews-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.PerformanceReviews-form-grid .full-width{grid-column:span 2}.PerformanceReviews-form-field{position:relative;display:flex;flex-direction:column}.PerformanceReviews-form-field label{position:absolute;left:12px;top:14px;color:#888;font-size:14px;pointer-events:none;transition:all .2s ease;background:transparent;padding:0 4px}.PerformanceReviews-form-field label.shrink{top:-8px;left:10px;font-size:11px;color:#555;background:#fff;font-weight:500}.PerformanceReviews-form-field input,.PerformanceReviews-form-field select,.PerformanceReviews-form-field textarea{border:1px solid #c4cdd5;border-radius:6px;padding:13px 36px 13px 12px;font-size:14px;outline:none;width:100%;box-sizing:border-box;background-color:#fff;color:#333}.PerformanceReviews-form-field textarea{padding-right:12px;resize:vertical}.PerformanceReviews-form-field input:focus,.PerformanceReviews-form-field select:focus,.PerformanceReviews-form-field textarea:focus{border-color:#0052cc}.PerformanceReviews-form-field .field-icon{position:absolute;right:12px;top:14px;width:18px;height:18px;fill:#637381;pointer-events:none}.PerformanceReviews-form-field .field-icon.blue-calendar{fill:#4d7cfe;pointer-events:auto;cursor:pointer}.PerformanceReviews-form-field .text-area-icon{top:auto;bottom:12px}.PerformanceReviews-form-field.score-fieldset{border:1px solid #c4cdd5;border-radius:6px;padding:0;position:relative}.PerformanceReviews-form-field.score-fieldset .fieldset-legend{position:absolute;top:-9px;left:10px;font-size:11px;color:#555;background:#fff;padding:0 4px;font-weight:500}.PerformanceReviews-form-field.score-fieldset input{border:none!important;padding:13px 36px 13px 12px!important}.PerformanceReviews-form-field.select-field select{appearance:none;-webkit-appearance:none}.PerformanceReviews-form-field.field-error input,.PerformanceReviews-form-field.field-error select{border-color:var(--danger-color);background-color:#fffafb}.PerformanceReviews-form-field.field-error label{color:var(--danger-color)!important}.error-text{color:var(--danger-color);font-size:11px;margin-top:4px;font-weight:500}.PerformanceReviews-custom-datepicker{position:absolute;top:52px;left:0;background-color:#eef1f6;border-radius:8px;padding:12px;box-shadow:0 4px 15px #0000001f;z-index:500;width:240px}.dp-header{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#333;margin-bottom:8px;padding:0 4px}.dp-arrows span{margin-left:10px;cursor:pointer;color:#666}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:11px;color:#666;margin-bottom:6px;font-weight:500}.dp-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:4px}.dp-days span{font-size:11px;padding:5px 0;cursor:pointer;color:#333;border-radius:4px}.dp-days span:hover:not(.empty){background-color:#cbd5e1}.dp-days .selected-day{background-color:#b9cbe7;color:#1e3a8a;font-weight:700;border:1px solid #3b82f6}.PerformanceReviews-form-actions{margin-top:28px;display:flex;gap:12px}.PerformanceReviews-btn-save{background-color:#0052cc;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:13.5px;font-weight:600;cursor:pointer}.PerformanceReviews-btn-cancel{background-color:#bd1d1d;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:13.5px;font-weight:600;cursor:pointer}.PerformanceReviews-btn-save:hover,.PerformanceReviews-btn-cancel:hover{opacity:.9}.PerformanceReviews-delete-box{background:#fff;border-radius:8px;width:360px;padding:24px;box-shadow:0 4px 20px #00000026}.PerformanceReviews-delete-box h3{margin-top:0;font-size:18px;font-weight:500;color:#222}.PerformanceReviews-delete-details{font-size:13px;color:#555;margin:16px 0 24px;line-height:1.6}.PerformanceReviews-delete-details p{margin:4px 0}.PerformanceReviews-delete-actions{display:flex;gap:12px}.PerformanceReviews-btn-delete-confirm{background-color:#bd1d1d;color:#fff;border:none;padding:8px 20px;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer;flex:1}.PerformanceReviews-btn-cancel-confirm{background-color:#0052cc;color:#fff;border:none;padding:8px 20px;border-radius:20px;font-weight:600;font-size:13px;cursor:pointer;flex:1}@media(max-width:768px){.PerformanceReviews-header-top{flex-direction:column;align-items:flex-start;gap:8px}.PerformanceReviews-toolbar{flex-direction:column;align-items:flex-start}.PerformanceReviews-toolbar-right{width:100%;justify-content:flex-start}.PerformanceReviews-form-grid{grid-template-columns:1fr;gap:16px}.PerformanceReviews-form-grid .full-width{grid-column:span 1}.PerformanceReviews-modal-box{width:95%}}:root{--primary-color: #6366f1;--bg-main: #f1f5f9;--bg-card: #ffffff;--border-color: #e2e8f0;--text-main: #334155;--text-muted: #64748b;--success-bg: #e6f4ea;--success-text: #137333;--warning-bg: #fef3c7;--warning-text: #d97706;--pending-bg: #e0e7ff;--pending-text: #4f46e5;--danger-color: #ba1a1a}*{box-sizing:border-box}.Feedback-container{padding:24px;background-color:var(--bg-main);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-main);min-height:100vh}.Feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.Feedback-header h2{font-size:22px;font-weight:600;color:#1e293b;margin:0}.Feedback-breadcrumb{font-size:14px;color:var(--text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.Feedback-arrow{color:#cbd5e1}.Feedback-card{background:var(--bg-card);border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid var(--border-color);overflow:hidden}.Feedback-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:#eef2f6;border-bottom:1px solid var(--border-color);position:relative;flex-wrap:wrap;gap:12px}.Feedback-search-box{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-width:0}.Feedback-title-label{font-weight:600;color:#475569;font-size:15px;white-space:nowrap}.Feedback-search-input-wrapper{position:relative;display:flex;align-items:center;min-width:0;flex:1 1 180px}.Feedback-search-icon{position:absolute;left:10px;color:var(--text-muted)}.Feedback-search-input-wrapper input{padding:8px 12px 8px 34px;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:220px;max-width:100%;font-size:14px;background-color:var(--bg-card);transition:border-color .2s;font-family:inherit}.Feedback-search-input-wrapper input:focus{border-color:var(--primary-color)}.Feedback-action-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative}.Feedback-tooltip-container{position:relative;display:inline-flex}.Feedback-action-buttons button,.Feedback-pagination-arrows button{border:none;outline:none;cursor:pointer;background:transparent;color:#475569;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.Feedback-action-buttons button{width:38px;height:38px;border-radius:50%;flex-shrink:0}.Feedback-action-buttons button:hover{transform:translateY(-2px)}.Feedback-btn-col{color:#4f46e5}.Feedback-btn-add{color:#22c55e}.Feedback-btn-refresh{color:#7c5b43}.Feedback-btn-download{color:#2563eb}.Feedback-btn-col:hover{background:#eef2ff}.Feedback-btn-add:hover{background:#dcfce7}.Feedback-btn-refresh:hover{background:#fef3c7}.Feedback-btn-download:hover{background:#dbeafe}.Feedback-spin{animation:Feedback-spin-anim .6s linear}@keyframes Feedback-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Feedback-tooltiptext{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-8px);background:#2f2f2f;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .25s ease;z-index:9999;pointer-events:none}.Feedback-tooltiptext:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent #2f2f2f transparent}.Feedback-tooltip-container:hover .Feedback-tooltiptext{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.Feedback-col-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;z-index:100;width:200px;max-width:calc(100vw - 40px);margin-top:5px}.Feedback-dropdown-header{padding:10px 14px;font-weight:600;border-bottom:1px solid var(--border-color);font-size:13px;color:var(--text-muted)}.Feedback-dropdown-body{max-height:220px;overflow-y:auto;padding:6px 0}.Feedback-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;font-size:13px}.Feedback-dropdown-item input{accent-color:var(--primary-color);width:15px;height:15px;cursor:pointer}.Feedback-dropdown-item:hover{background-color:#f8fafc}.Feedback-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.Feedback-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;min-width:720px}.Feedback-table th{background-color:#fff;color:#1e293b;font-weight:600;padding:14px 18px;border-bottom:2px solid var(--border-color);white-space:nowrap}.Feedback-table td{padding:12px 18px;border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle}.Feedback-table input[type=checkbox]{accent-color:var(--primary-color);width:16px;height:16px;cursor:pointer}.Feedback-table tbody tr{transition:background-color .15s}.Feedback-table tbody tr:hover{background-color:#f8fafc}.Feedback-row-selected{background-color:#eef2ff}.Feedback-profile-cell{display:flex;align-items:center;gap:10px}.Feedback-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.Feedback-date-badge{color:#7c2d12;background:#ffedd5;padding:4px 8px;border-radius:6px;font-size:13px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.Feedback-status-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block;white-space:nowrap}.Feedback-status-badge.active{background-color:var(--success-bg);color:var(--success-text)}.Feedback-status-badge.archived{background-color:var(--warning-bg);color:var(--warning-text)}.Feedback-row-actions{display:flex;justify-content:center;gap:12px}.Feedback-row-actions button{background:none;border:none;cursor:pointer;padding:5px;border-radius:4px;display:inline-flex;transition:background-color .15s}.Feedback-action-edit{color:#3b82f6}.Feedback-action-edit:hover{background-color:#eff6ff}.Feedback-action-delete{color:#ef4444}.Feedback-action-delete:hover{background-color:#fef2f2}.Feedback-pagination-bar{display:flex;justify-content:flex-end;align-items:center;padding:14px 20px;gap:24px;border-top:1px solid var(--border-color);font-size:13px;color:var(--text-muted);background-color:#fff;flex-wrap:wrap}.Feedback-items-per-page{display:flex;align-items:center;gap:8px}.Feedback-items-per-page select{padding:4px 8px;border-radius:4px;border:1px solid #cbd5e1;outline:none;font-family:inherit}.Feedback-pagination-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.Feedback-pagination-arrows{display:flex;gap:4px}.Feedback-pagination-arrows button{padding:6px 10px;font-weight:700;color:var(--text-main);border-radius:4px;width:auto;height:auto}.Feedback-pagination-arrows button:hover{background-color:#f1f5f9}.Feedback-modal-overlay{position:fixed;inset:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.Feedback-modal-box{background:#fff;border-radius:12px;width:90%;max-width:680px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;animation:Feedback-fadeIn .2s ease-out}.Feedback-modal-header{background-color:#5c6bc0;color:#fff;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1}.Feedback-modal-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;min-width:0}.Feedback-modal-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Feedback-modal-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0}.Feedback-modal-icon-avatar{width:26px;height:26px;border-radius:50%;background:#ffffff40;display:flex;align-items:center;justify-content:center;flex-shrink:0}.Feedback-modal-close{background:none;border:none;color:#fff;cursor:pointer;flex-shrink:0;display:flex}.Feedback-modal-body{padding:24px}.Feedback-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.Feedback-form-group{display:flex;flex-direction:column;gap:6px;position:relative;min-width:0}.Feedback-form-group.full-width{grid-column:span 2}.Feedback-form-group label{font-size:13px;color:var(--text-muted);font-weight:500}.Feedback-input-icon-wrapper,.Feedback-select-wrapper{position:relative;display:flex;align-items:center}.Feedback-input-icon-wrapper input,.Feedback-input-icon-wrapper textarea,.Feedback-select-wrapper select{width:100%;padding:10px 36px 10px 12px;border:1px solid #cbd5e1;border-radius:6px;outline:none;font-size:14px;box-sizing:border-box;font-family:inherit;color:var(--text-main);background:#fff;transition:border-color .2s}.Feedback-input-icon-wrapper textarea{resize:vertical;min-height:70px}.Feedback-input-icon-wrapper input:focus,.Feedback-input-icon-wrapper textarea:focus,.Feedback-select-wrapper select:focus{border-color:var(--primary-color)}.Feedback-select-wrapper select{appearance:none;cursor:pointer}.Feedback-field-icon{position:absolute;right:12px;color:#94a3b8;pointer-events:none}.Feedback-field-icon-clickable{pointer-events:auto;cursor:pointer}.Feedback-field-icon-top{top:12px;align-self:flex-start}.Feedback-form-group.has-error input,.Feedback-form-group.has-error select,.Feedback-form-group.has-error textarea{border-color:var(--danger-color);background-color:#fffafb}.Feedback-error-msg{color:var(--danger-color);font-size:11px;margin-top:2px}.Feedback-modal-footer{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.Feedback-modal-btn-save{background-color:#e2e8f0;border:none;padding:10px 24px;border-radius:20px;font-weight:600;color:#64748b;cursor:pointer;flex:1 1 auto;transition:background-color .2s,color .2s}.Feedback-modal-btn-save:hover{background-color:#cbd5e1}.Feedback-modal-btn-save.is-active{background-color:var(--primary-color);color:#fff}.Feedback-modal-btn-save.is-active:hover{background-color:#4f46e5}.Feedback-modal-btn-cancel{background-color:#b91c1c;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:600;cursor:pointer;flex:1 1 auto;transition:background-color .2s}.Feedback-modal-btn-cancel:hover{background-color:#991b1b}.Feedback-custom-calendar{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border-color);box-shadow:0 10px 15px -3px #0000001a;border-radius:8px;padding:14px;z-index:200;width:250px;max-width:calc(100vw - 32px);margin-top:5px}.Feedback-calendar-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13px;margin-bottom:10px}.Feedback-calendar-nav{display:flex;gap:2px}.Feedback-calendar-nav button{background:none;border:none;cursor:pointer;padding:2px 6px;color:var(--text-main);border-radius:4px;display:flex}.Feedback-calendar-nav button:hover{background-color:#f1f5f9}.Feedback-calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:11px}.Feedback-calendar-day-head{font-weight:600;color:var(--text-muted)}.Feedback-calendar-day-cell{padding:5px 0;cursor:pointer;border-radius:4px}.Feedback-calendar-day-cell:hover{background-color:#f1f5f9}.Feedback-calendar-day-cell.active-day{background-color:#bfdbfe;color:#1e3a8a;font-weight:700}.Feedback-delete-box{background:#fff;padding:24px;border-radius:8px;width:300px;max-width:calc(100vw - 32px);box-shadow:0 20px 25px -5px #0000001a;animation:Feedback-fadeIn .2s ease-out}.Feedback-delete-box h3{margin:0 0 14px;font-size:18px;color:#1e293b}.Feedback-delete-body-details{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.Feedback-delete-body-details p{margin:4px 0}.Feedback-delete-body-details strong{color:var(--text-main)}.Feedback-delete-footer-buttons{display:flex;gap:10px}.Feedback-delete-btn-confirm{background-color:#b91c1c;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:500;flex:1 1 auto;transition:background-color .2s}.Feedback-delete-btn-confirm:hover{background-color:#991b1b}.Feedback-delete-btn-cancel{background-color:#0284c7;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:500;flex:1 1 auto;transition:background-color .2s}.Feedback-delete-btn-cancel:hover{background-color:#0369a1}@keyframes Feedback-fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.Feedback-container{padding:18px}.Feedback-search-input-wrapper input{width:100%}.Feedback-form-grid{gap:16px}}@media(max-width:768px){.Feedback-container{padding:14px}.Feedback-header{flex-direction:column;align-items:flex-start}.Feedback-toolbar{flex-direction:column;align-items:stretch}.Feedback-search-box,.Feedback-search-input-wrapper{width:100%}.Feedback-action-buttons{width:100%;justify-content:flex-end}.Feedback-col-dropdown{right:0}.Feedback-form-grid{grid-template-columns:1fr}.Feedback-form-group.full-width{grid-column:span 1}.Feedback-modal-box{width:100%;max-width:100%}.Feedback-modal-body{padding:18px}.Feedback-pagination-bar{justify-content:center;text-align:center}.Feedback-pagination-info{justify-content:center;width:100%}}@media(max-width:480px){.Feedback-container{padding:10px}.Feedback-header h2{font-size:18px}.Feedback-breadcrumb{font-size:12px}.Feedback-card{border-radius:8px}.Feedback-toolbar{padding:12px 14px}.Feedback-title-label{font-size:14px}.Feedback-action-buttons button{width:34px;height:34px}.Feedback-table-wrapper{overflow-x:visible}.Feedback-table{min-width:0}.Feedback-table thead{display:none}.Feedback-table,.Feedback-table tbody,.Feedback-table tr,.Feedback-table td{display:block;width:100%}.Feedback-table tr{margin-bottom:12px;border:1px solid var(--border-color);border-radius:10px;padding:8px 0;background:var(--bg-card)}.Feedback-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:10px 14px;border-bottom:1px solid #f1f5f9;gap:10px}.Feedback-table td:last-child{border-bottom:none}.Feedback-table td[data-label]:not([data-label=""]):before{content:attr(data-label);font-weight:600;color:var(--text-muted);text-align:left;margin-right:auto}.Feedback-profile-cell,.Feedback-row-actions{justify-content:flex-end}.Feedback-modal-header{padding:12px 16px}.Feedback-modal-body{padding:14px}.Feedback-modal-footer,.Feedback-delete-footer-buttons{flex-direction:column}.Feedback-pagination-bar{flex-direction:column;gap:10px;padding:12px 14px}.Feedback-custom-calendar{left:50%;transform:translate(-50%)}}.ta-page-container{background-color:#eff3f6;min-height:100vh;font-family:Segoe UI,Arial,sans-serif;box-sizing:border-box}.ta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ta-header-title{font-size:22px;color:#333;margin:0;font-weight:600}.ta-breadcrumb{font-size:13px;color:#666}.ta-breadcrumb-active{color:#333}.ta-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;padding:16px;overflow:hidden}.ta-action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.ta-search-wrapper{display:flex;align-items:center;background-color:#f1f3f7;border-radius:6px;padding:8px 16px;width:100%;max-width:280px}.ta-search-input{background:none;border:none;outline:none;margin-left:8px;font-size:14px;color:#333;width:100%}.ta-top-buttons{display:flex;align-items:center;gap:16px;position:relative}.ta-btn-icon{background:none;border:none;cursor:pointer;font-size:18px;padding:6px;border-radius:4px;transition:background .2s;display:flex;align-items:center;justify-content:center}.ta-btn-filter{color:#1a73e8}.ta-btn-add{color:#28a745}.ta-btn-refresh{color:#6c757d}.ta-btn-download{color:#17a2b8}.ta-btn-icon:hover{background-color:#f1f3f7}.ta-table-responsive{width:100%;overflow-x:auto}.ta-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.ta-table th{padding:14px 16px;color:#555;font-weight:600;border-bottom:2px solid #edf1f5;white-space:nowrap}.ta-table td{padding:12px 16px;color:#333;border-bottom:1px solid #edf1f5;vertical-align:middle;white-space:nowrap}.ta-table tbody tr:hover{background-color:#fafbfc}.ta-employee-cell{display:flex;align-items:center;gap:10px}.ta-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;background-color:#ccc}.ta-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.ta-badge.present{background-color:#d4edda;color:#155724}.ta-badge.absent{background-color:#f8d7da;color:#721c24}.ta-badge.late{background-color:#fff3cd;color:#856404}.ta-row-actions{display:flex;gap:12px}.ta-btn-edit{color:#2f75b5;background:none;border:none;cursor:pointer;font-size:16px}.ta-btn-delete{color:#dc3545;background:none;border:none;cursor:pointer;font-size:16px}.ta-col-popover{position:absolute;top:40px;right:100px;background-color:#fff;border:1px solid #dcdcdc;border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:100;width:200px;max-height:250px;overflow-y:auto}.ta-popover-header{padding:12px 16px;font-weight:600;font-size:14px;color:#444;border-bottom:1px solid #eee;text-align:center}.ta-popover-item{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:13.5px;color:#555;cursor:pointer}.ta-popover-item:hover{background-color:#f8f9fa}.ta-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;box-sizing:border-box}.ta-form-modal{background-color:#fff;border-radius:8px;width:100%;max-width:800px;overflow:hidden;box-shadow:0 4px 20px #00000026}.ta-modal-header{background-color:#6366f1;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.ta-modal-header-left{display:flex;align-items:center;gap:12px}.ta-modal-title{font-size:16px;font-weight:600}.ta-modal-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.ta-modal-body{padding:24px;background-color:#f8faff}.ta-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:600px){.ta-form-grid{grid-template-columns:1fr}}.ta-input-group{position:relative;background:#fff;border:1px solid #cccccc;border-radius:6px;padding:12px;display:flex;justify-content:space-between;align-items:center}.ta-input-group-full{grid-column:span 2}@media(max-width:600px){.ta-input-group-full{grid-column:span 1}}.ta-field-inner{display:flex;flex-direction:column;width:100%}.ta-field-inner label{font-size:12px;color:#666;margin-bottom:4px}.ta-field-inner input,.ta-field-inner select{border:none;outline:none;font-size:14px;color:#333;background:transparent;width:90%}.ta-field-icon{color:#666;font-size:16px}.ta-modal-footer{display:flex;gap:12px}.ta-btn{padding:10px 24px;border-radius:20px;font-size:14px;font-weight:600;border:none;cursor:pointer}.ta-btn-save{background-color:#e0e0e0;color:#888}.ta-btn-save.active{background-color:#2f75b5;color:#fff}.ta-btn-cancel-red{background-color:#b91c1c;color:#fff}.ta-delete-modal{background-color:#f8faff;padding:24px;border-radius:8px;width:100%;max-width:320px;box-shadow:0 4px 16px #0000001a}.ta-delete-title{font-size:24px;color:#222;margin:0 0 16px;font-weight:400}.ta-delete-text{font-size:14px;color:#555;margin:6px 0}.ta-delete-footer{display:flex;justify-content:center;gap:12px;margin-top:24px}.ta-btn-del-confirm{background-color:#b91c1c;color:#fff;padding:10px 24px;border-radius:20px;font-weight:600;border:none;cursor:pointer}.ta-btn-del-cancel{background-color:#06c;color:#fff;padding:10px 24px;border-radius:20px;font-weight:600;border:none;cursor:pointer}.ta-pagination-bar{display:flex;justify-content:flex-end;align-items:center;padding:16px;gap:20px;font-size:13px;color:#555;border-top:1px solid #edf1f5;flex-wrap:wrap}.ta-page-select-wrapper{display:flex;align-items:center;gap:8px}.ta-page-select{padding:4px 8px;border-radius:4px;border:1px solid #ccc;outline:none}.ta-nav-arrows{display:flex;gap:16px}.ta-arrow{background:none;border:none;cursor:pointer;font-size:14px;color:#555}.ta-arrow:disabled{color:#ccc;cursor:not-allowed}.tf-container{background-color:#eff3f6;min-height:100vh;font-family:Arial,sans-serif;padding:24px;box-sizing:border-box}.tf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tf-title{font-size:22px;color:#333;margin:0;font-weight:400}.tf-breadcrumb{font-size:13px;color:#666}.tf-breadcrumb-active{color:#333}.tf-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:16px;overflow:hidden}.tf-action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.tf-search-box{display:flex;align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:6px 12px;width:100%;max-width:240px}.tf-search-input{background:none;border:none;outline:none;margin-left:8px;font-size:14px;color:#333;width:100%}.tf-action-btns{display:flex;align-items:center;gap:16px;position:relative}.tf-icon-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;display:flex;align-items:center;justify-content:center}.tf-btn-col{color:#5c6bc0}.tf-btn-add{color:#28a745}.tf-btn-ref{color:#4a5568}.tf-btn-dl{color:#3182ce}.tf-table-wrapper{width:100%;overflow-x:auto}.tf-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.tf-table th{padding:14px 16px;color:#4a5568;font-weight:600;border-bottom:2px solid #edf2f7;white-space:nowrap}.tf-table td{padding:12px 16px;color:#2d3748;border-bottom:1px solid #edf2f7;vertical-align:middle;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.tf-table tbody tr:hover{background-color:#f8fafc}.tf-emp-cell{display:flex;align-items:center;gap:10px}.tf-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.tf-row-actions{display:flex;gap:12px}.tf-edit-icon{color:#2f75b5;background:none;border:none;cursor:pointer;font-size:16px}.tf-del-icon{color:#ff6b6b;background:none;border:none;cursor:pointer;font-size:16px}.tf-col-dropdown{position:absolute;top:35px;right:100px;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:100;width:200px;transform-origin:top right;animation:smoothOpen .2s ease-out forwards}.tf-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;box-sizing:border-box;animation:fadeIn .2s ease-out forwards}.tf-modal-form{background-color:#fff;border-radius:8px;width:100%;max-width:800px;overflow:hidden;box-shadow:0 10px 25px #0000001a;transform-origin:center;animation:smoothOpen .25s cubic-bezier(.34,1.56,.64,1) forwards}.tf-modal-del{background-color:#f8faff;padding:24px;border-radius:12px;width:100%;max-width:320px;box-shadow:0 10px 20px #0000001a;animation:smoothOpen .2s ease-out forwards}@keyframes smoothOpen{0%{opacity:0;transform:scale(.92) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tf-modal-head{background-color:#5c6bc0;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.tf-modal-head-left{display:flex;align-items:center;gap:10px}.tf-modal-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.tf-modal-body{padding:24px;background-color:#f8faff}.tf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.tf-input-group{background:#fff;border:1px solid #cccccc;border-radius:4px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.tf-input-full{grid-column:span 2}.tf-field{display:flex;flex-direction:column;width:100%}.tf-field label{font-size:12px;color:#718096;margin-bottom:2px}.tf-field input,.tf-field select,.tf-field textarea{border:none;outline:none;font-size:14px;color:#333;background:transparent;width:100%;font-family:inherit}.tf-field textarea{resize:vertical;min-height:50px}.tf-field input[type=date]{cursor:pointer}.tf-modal-footer{display:flex;gap:12px}.tf-btn{padding:8px 24px;border-radius:20px;font-size:14px;font-weight:700;border:none;cursor:pointer}.tf-btn-save{background-color:#e2e8f0;color:#a0aec0}.tf-btn-save.active{background-color:#2f75b5;color:#fff}.tf-btn-cancel{background-color:#b91c1c;color:#fff}.tf-del-title{font-size:24px;color:#2d3748;margin:0 0 16px;font-weight:400}.tf-del-text{font-size:14px;color:#4a5568;margin:6px 0}.tf-del-footer{display:flex;justify-content:center;gap:12px;margin-top:24px}.tf-btn-del-ok{background-color:#b91c1c;color:#fff;padding:10px 24px;border-radius:20px;font-weight:700;border:none;cursor:pointer}.tf-btn-del-no{background-color:#06c;color:#fff;padding:10px 24px;border-radius:20px;font-weight:700;border:none;cursor:pointer}.tf-pagination{display:flex;justify-content:flex-end;align-items:center;padding:16px;gap:20px;font-size:13px;color:#4a5568;border-top:1px solid #edf2f7;flex-wrap:wrap}.tf-page-select{padding:4px 8px;border-radius:4px;border:1px solid #cbd5e0;outline:none}.tf-nav-arrows{display:flex;gap:16px}.tf-arrow{background:none;border:none;cursor:pointer;font-size:14px;color:#4a5568}.tf-arrow:disabled{color:#cbd5e0;cursor:not-allowed}@media(max-width:768px){.tf-form-grid{grid-template-columns:1fr}.tf-input-full{grid-column:span 1}.tf-action-bar{flex-direction:column;align-items:flex-start}.tf-search-box{max-width:100%}}:root{--primary-color: #4f46e5;--primary-light: #f5f3ff;--text-main: #1f2937;--text-muted: #4b5563;--border-color: #e5e7eb;--bg-light: #f3f4f6;--danger-color: #ef4444;--danger-light: #fef2f2}.contacts-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:24px;background-color:#f8fafc;min-height:100vh;color:var(--text-main);box-sizing:border-box}.contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.contacts-header h2{font-size:24px;font-weight:600;margin:0;color:#111827}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.breadcrumb-home{display:flex;align-items:center;color:var(--text-muted);text-decoration:none}.contacts-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;border:1px solid var(--border-color);overflow:visible}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;border-bottom:1px solid var(--border-color);border-top-left-radius:12px;border-top-right-radius:12px;flex-wrap:wrap;gap:16px}.search-box{position:relative;display:flex;align-items:center}.search-box input{padding:10px 16px 10px 40px;border:1px solid #d1d5db;border-radius:8px;width:260px;font-size:14px;outline:none;color:var(--text-main);transition:all .2s ease}.search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-icon{position:absolute;left:14px;color:#9ca3af;display:flex;align-items:center;justify-content:center}.action-buttons{display:flex;align-items:center;gap:12px}.tooltip-wrapper{position:relative;display:inline-block}.icon-btn{background:#fff;border:1px solid var(--border-color);cursor:pointer;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s ease}.icon-btn:hover{background-color:#f9fafb;color:#111827;border-color:#cbd5e1}.column-toggle-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:150;width:200px;max-height:280px;overflow-y:auto;padding:6px 0}.column-toggle-header{padding:10px 16px;font-weight:600;font-size:13px;color:#374151;border-bottom:1px solid var(--border-color)}.column-toggle-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;font-size:14px;color:var(--text-main);transition:background .15s}.column-toggle-item:hover{background-color:#f3f4f6}.column-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.custom-tooltip-box{position:absolute;bottom:-36px;left:50%;transform:translate(-50%);background-color:#2a2a2a;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:200;pointer-events:none;box-shadow:0 4px 6px #0000001a;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.tooltip-wrapper:hover .custom-tooltip-box{opacity:1;visibility:visible}.table-responsive{width:100%;overflow-x:auto}.contacts-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.contacts-table th,.contacts-table td{padding:14px 20px;border-bottom:1px solid var(--border-color);vertical-align:middle}.contacts-table th{background-color:#fff;color:#374151;font-weight:600;white-space:nowrap}.contacts-table tbody tr:hover{background-color:#f9fafb}.contacts-table tr.selected-row{background-color:#f5f7ff!important}.row-checkbox{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer;border:1px solid #d1d5db;border-radius:4px}.profile-cell{display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.cell-content-with-icon{display:flex;align-items:center;gap:8px;color:var(--text-main)}.cell-icon{display:inline-flex;width:16px;height:16px}.actions-cell{display:flex;align-items:center;gap:8px}.btn-action-trigger{background:#fff;border:1px solid var(--border-color);cursor:pointer;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-action-trigger.edit-type{color:#4f46e5}.btn-action-trigger.edit-type:hover{background-color:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.btn-action-trigger.delete-type{color:#ef4444}.btn-action-trigger.delete-type:hover{background-color:#fef2f2;border-color:#fca5a5;color:#dc2626}.hover-preview-wrapper{position:relative;cursor:pointer}.hover-preview-card{position:absolute;top:calc(100% + 4px);left:0;background-color:#1e293b;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;z-index:100;white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.hover-preview-wrapper:hover .hover-preview-card{opacity:1;visibility:visible}.pagination-container{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px;background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;gap:32px;font-size:14px;color:var(--text-muted);border-top:1px solid var(--border-color);flex-wrap:wrap}.items-per-page-selector{display:flex;align-items:center;gap:12px}.custom-select-container{position:relative;width:70px}.custom-select-trigger{border:1px solid #cbd5e1;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;background:#fff;font-size:14px;color:var(--text-main);transition:border-color .15s}.custom-select-trigger:hover{border-color:#94a3b8}.custom-select-container.open .custom-select-trigger{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.dropdown-options-box{position:absolute;bottom:calc(100% + 4px);left:0;width:100%;background:#fff;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 -4px 10px #00000014;z-index:210;overflow:hidden}.dropdown-opt{padding:8px 12px;cursor:pointer;text-align:center;color:var(--text-main);transition:background .15s}.dropdown-opt:hover{background-color:#f1f5f9}.dropdown-opt.selected{background-color:#e2e8f0;font-weight:600}.pagination-navigation{display:flex;align-items:center;gap:20px}.pagination-arrow-btn{background:#fff;border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s ease}.pagination-arrow-btn:disabled{background-color:#f3f4f6;color:#d1d5db;cursor:not-allowed;border-color:#e5e7eb}.pagination-arrow-btn:not(:disabled):hover{background-color:#f9fafb;border-color:#cbd5e1;color:#111827}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.modal-window{background:#fff;border-radius:12px;width:100%;max-width:720px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:modalSlideUp .2s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background-color:#555cf4;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:16px;font-weight:500;display:flex;align-items:center;gap:10px}.modal-close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1}.modal-form-content{padding:24px;max-height:70vh;overflow-y:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;position:relative}.form-group label{font-size:13px;color:#4b5563;background:#fff;padding:0 4px;position:absolute;top:-9px;left:12px;z-index:2;font-weight:500}.input-with-icon-wrapper{position:relative;display:flex;align-items:center}.input-with-icon-wrapper input,.input-with-icon-wrapper textarea{width:100%;padding:12px 40px 12px 14px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;outline:none;box-sizing:border-box;color:var(--text-main)}.input-with-icon-wrapper textarea{padding-right:14px;resize:vertical;min-height:80px}.input-with-icon-wrapper input:focus,.input-with-icon-wrapper textarea:focus{border-color:#555cf4}.input-field-icon{position:absolute;right:14px;color:#64748b;display:flex;align-items:center}.form-group-full{margin-bottom:24px}.form-actions-footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-color);padding:16px 24px;background-color:#f8fafc}.btn-secondary{background:#fff;border:1px solid #cbd5e1;padding:10px 22px;border-radius:20px;cursor:pointer;font-size:14px;color:var(--text-muted);font-weight:500}.btn-secondary:hover{background-color:#f1f5f9}.btn-submit-save{background-color:#e0e7ff;color:#4f46e5;border:none;padding:10px 22px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600}.btn-submit-save:hover{background-color:#c7d2fe}.confirm-modal-window{background:#fff;border-radius:16px;width:100%;max-width:400px;padding:32px 24px 24px;box-shadow:0 20px 25px -5px #0000001a;text-align:center}.confirm-title{font-size:24px;font-weight:500;color:#1f2937;margin:0 0 12px}.confirm-details{font-size:14px;color:#6b7280;margin-bottom:28px;line-height:1.5}.confirm-footer-btns{display:flex;gap:12px}.btn-confirm-delete{flex:1;background-color:#e0e7ff;color:#4f46e5;border:none;padding:12px;border-radius:24px;font-weight:600;cursor:pointer;font-size:14px}.btn-confirm-delete:hover{background-color:#c7d2fe}.btn-confirm-cancel{flex:1;background-color:#fff;color:#4b5563;border:1px solid #cbd5e1;padding:12px;border-radius:24px;font-weight:500;cursor:pointer;font-size:14px}.btn-confirm-cancel:hover{background-color:#f9fafb}.custom-datepicker-container{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;padding:16px;width:280px}.calendar-header-switch{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;font-size:14px;color:#1e293b}.calendar-header-title{display:flex;align-items:center;gap:4px;cursor:pointer}.calendar-arrows{display:flex;gap:14px;color:#64748b}.calendar-arrows span{cursor:pointer;padding:2px 6px}.calendar-grid-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;text-align:center;font-size:13px}.calendar-day-label{font-weight:500;color:#94a3b8;padding-bottom:6px}.calendar-clickable-day{padding:6px 0;cursor:pointer;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#334155;margin:0 auto}.calendar-clickable-day:hover{background-color:#f1f5f9}.calendar-clickable-day.active-day{background-color:#1d4ed8;color:#fff;font-weight:600}@media(max-width:768px){.toolbar{flex-direction:column;align-items:flex-start}.search-box input{width:100%}.action-buttons{width:100%;justify-content:flex-end}.pagination-container{justify-content:center;gap:16px}.form-grid{grid-template-columns:1fr;gap:16px}}:root{--Inbox-bg: #eef3f8;--Inbox-card: #ffffff;--Inbox-border: #e4e8ef;--Inbox-text: #222;--Inbox-muted: #687281;--Inbox-primary: #2f75b5;--Inbox-green: #20a464;--Inbox-shadow: 0 8px 28px rgba(35, 54, 86, .08)}.Inbox{width:100%;min-height:100vh;display:flex;gap:24px;background:var(--Inbox-bg);padding:24px}.Inbox-sidebar{width:285px;background:#fff;border-radius:14px;box-shadow:var(--Inbox-shadow);padding:18px;flex-shrink:0}.Inbox-compose{width:110px;height:42px;border:none;border-radius:6px;background:#1d9b5c;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}.Inbox-compose:hover{background:#16864f;transform:translateY(-2px)}.Inbox-menu{list-style:none;margin-top:18px}.Inbox-menu li{display:flex;justify-content:space-between;align-items:center;height:42px;padding:0 14px;border-radius:6px;cursor:pointer;transition:.3s;color:#333;font-size:15px}.Inbox-menu li:hover{background:#edf5ff;color:#2f75b5}.Inbox-active{background:#3478ba;color:#fff!important}.Inbox-active span{background:#ff9800;color:#fff;padding:2px 8px;border-radius:5px;font-size:12px;font-weight:600}.Inbox-section-title{margin-top:26px;font-size:23px;font-weight:600;color:#444;padding-bottom:12px;border-bottom:1px solid #e7e7e7}.Inbox-labels{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.Inbox-labels span{font-size:15px;cursor:pointer;transition:.25s}.Inbox-labels span:hover{transform:translateY(-2px)}.family{color:#ff5252}.work{color:#3f86ff}.shop{color:orange}.theme{color:#18c1de}.google{color:#3877ff}.Inbox-online{list-style:none;margin-top:18px}.Inbox-online li{display:flex;align-items:center;gap:10px;padding:10px;border-radius:6px;cursor:pointer;transition:.3s}.Inbox-online li:hover{background:#eef5ff}.Inbox-online span{width:8px;height:8px;border-radius:50%}.green{background:#58b947}.blue{background:#5967ff}.orange{background:orange}.purple{background:#6f63ff}.navy{background:#233cff}.Inbox-content{flex:1;background:#fff;border-radius:14px;box-shadow:var(--Inbox-shadow);overflow:hidden}.Inbox-toolbar{height:58px;border-bottom:1px solid var(--Inbox-border);display:flex;justify-content:space-between;align-items:center;padding:0 24px}.Inbox-toolbar-left,.Inbox-toolbar-right{display:flex;align-items:center;gap:22px}.Inbox-toolbar svg{cursor:pointer;color:#444;transition:.3s}.Inbox-toolbar svg:hover{color:#3478ba;transform:scale(1.12)}.Inbox-toolbar input{width:18px;height:18px;cursor:pointer}.Inbox-table{width:100%}.Inbox-row{display:grid;grid-template-columns:55px 50px 170px 1fr 70px 95px;align-items:center;min-height:58px;padding:0 10px;border-bottom:1px solid #ececec;transition:.28s ease;cursor:pointer}.Inbox-row:hover{background:#eef3f8}.Inbox-check{display:flex;justify-content:center}.Inbox-check input{width:18px;height:18px}.Inbox-star{display:flex;justify-content:center}.Inbox-star svg{transition:.25s}.Inbox-star:hover svg{transform:scale(1.15)}.Inbox-name{font-size:15px;font-weight:500;color:#222}.Inbox-subject{display:flex;align-items:center;gap:14px;font-size:15px;color:#333}.Inbox-badge{border:1px solid;border-radius:6px;padding:2px 10px;font-size:13px;font-weight:500;white-space:nowrap}.Inbox-attachment{display:flex;justify-content:center;color:#444}.Inbox-time{text-align:center;font-size:15px;color:#333}.Inbox-footer{height:62px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;border-top:1px solid #ececec;font-size:15px}.Inbox-footer div{display:flex;gap:18px}.Inbox-footer svg{cursor:pointer;transition:.3s}.Inbox-footer svg:hover{color:#3478ba;transform:scale(1.15)}.Inbox-content::-webkit-scrollbar,.Inbox-sidebar::-webkit-scrollbar{width:8px}.Inbox-content::-webkit-scrollbar-thumb,.Inbox-sidebar::-webkit-scrollbar-thumb{background:#c8d3e3;border-radius:10px}@media(max-width:1100px){.Inbox{flex-direction:column}.Inbox-sidebar{width:100%}.Inbox-row{grid-template-columns:45px 40px 150px 1fr 60px 70px}}@media(max-width:768px){.Inbox{padding:12px;gap:14px}.Inbox-sidebar{padding:15px}.Inbox-toolbar{padding:0 10px}.Inbox-toolbar-left{gap:14px}.Inbox-row{min-width:900px}.Inbox-content{overflow-x:auto}.Inbox-footer{min-width:900px}}@media(max-width:480px){.Inbox-compose{width:100%}.Inbox-section-title{font-size:20px}.Inbox-menu li,.Inbox-online li,.Inbox-labels span{font-size:14px}}.Compose{width:100%;min-height:100vh;background:#f4f6fb;padding:24px}.Compose-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.Compose-header h2{font-size:28px;color:#25396f;font-weight:700}.Compose-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:#7d8597}.Compose-breadcrumb svg{font-size:14px}.Compose-container{display:flex;gap:25px;align-items:flex-start}.Compose-sidebar{width:290px;background:#fff;border-radius:16px;padding:22px;box-shadow:0 10px 30px #0000000f;transition:.35s}.Compose-sidebar:hover{box-shadow:0 15px 35px #00000017}.Compose-composeBtn{width:100%;height:48px;border:none;border-radius:12px;cursor:pointer;background:#556ee6;color:#fff;font-size:15px;font-weight:600;letter-spacing:.4px;transition:.35s;margin-bottom:25px}.Compose-composeBtn:hover{background:#3f51b5;transform:translateY(-2px);box-shadow:0 12px 25px #556ee659}.Compose-menu{display:flex;flex-direction:column;gap:8px}.Compose-menuItem{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-radius:10px;cursor:pointer;transition:.3s}.Compose-menuItem:hover{background:#eef3ff;color:#556ee6;transform:translate(5px)}.Compose-menuItem.active{background:#556ee6;color:#fff}.Compose-menuLeft{display:flex;align-items:center;gap:12px}.Compose-menuLeft svg{font-size:18px}.Compose-menuLeft span{font-size:15px;font-weight:500}.Compose-badge{min-width:24px;height:24px;border-radius:50%;background:#ff5252;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.Compose-divider{width:100%;height:1px;background:#edf1f7;margin:22px 0}.Compose-sidebar h4{margin-bottom:15px;color:#25396f;font-size:15px;font-weight:600}.Compose-labels{display:flex;flex-direction:column;gap:12px}.Compose-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 10px;border-radius:8px;transition:.3s}.Compose-label:hover{background:#f5f7fd;padding-left:18px}.Compose-label svg{font-size:18px}.Compose-label span{color:#5b6477;font-size:14px;font-weight:500}.Compose-online{display:flex;flex-direction:column;gap:12px}.Compose-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;transition:.3s;cursor:pointer}.Compose-user:hover{background:#f5f7fd;padding-left:18px}.Compose-status{width:10px;height:10px;border-radius:50%}.Compose-content{flex:1}.Compose-card{width:100%;background:#fff;border-radius:16px;padding:25px;box-shadow:0 10px 30px #0000000f}.Compose-cardTitle{font-size:22px;color:#25396f;font-weight:700;margin-bottom:25px}.Compose-input{width:100%;height:48px;border:1px solid #dde4ee;border-radius:10px;padding:0 16px;margin-bottom:18px;outline:none;transition:.3s;font-size:15px}.Compose-input:focus{border-color:#556ee6;box-shadow:0 0 0 4px #556ee61f}.Compose-input::placeholder{color:#9ba4b5}.Compose-editor{margin-top:10px;margin-bottom:20px}.Compose-editor .ql-toolbar{border:1px solid #dde4ee;border-radius:10px 10px 0 0;background:#f8f9fc;transition:.3s}.Compose-editor .ql-container{border:1px solid #dde4ee;border-top:none;border-radius:0 0 10px 10px;min-height:320px;font-size:15px;background:#fff}.Compose-editor .ql-editor{min-height:280px;color:#4b5563;line-height:1.8}.Compose-editor .ql-editor.ql-blank:before{color:#9aa4b2;font-style:normal}.Compose-editor .ql-toolbar button{transition:.25s;border-radius:6px}.Compose-editor .ql-toolbar button:hover{background:#556ee61f}.Compose-editor .ql-toolbar button.ql-active{background:#556ee6;color:#fff}.Compose-editor .ql-picker-label:hover{color:#556ee6}.Compose-editor .ql-stroke{transition:.3s}.Compose-editor .ql-toolbar button:hover .ql-stroke,.Compose-editor .ql-toolbar button.ql-active .ql-stroke{stroke:#556ee6}.Compose-editor .ql-toolbar button.ql-active .ql-fill{fill:#556ee6}.Compose-upload{display:flex;align-items:center;gap:12px;margin-top:20px;margin-bottom:25px;padding:14px 18px;border:2px dashed #d9e2f2;border-radius:10px;transition:.3s;background:#fafbff}.Compose-upload:hover{border-color:#556ee6;background:#f4f7ff}.Compose-upload svg{font-size:22px;color:#556ee6}.Compose-upload input[type=file]{width:100%;cursor:pointer;border:none;background:transparent;font-size:14px}.Compose-upload input::file-selector-button{background:#556ee6;color:#fff;border:none;padding:9px 18px;border-radius:8px;cursor:pointer;margin-right:15px;transition:.3s;font-weight:600}.Compose-upload input::file-selector-button:hover{background:#4054c8}.Compose-buttons{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.Compose-sendBtn{border:none;outline:none;cursor:pointer;background:#556ee6;color:#fff;font-size:15px;font-weight:600;padding:13px 34px;border-radius:10px;transition:.35s}.Compose-sendBtn:hover{background:#4054c8;transform:translateY(-2px);box-shadow:0 12px 25px #556ee659}.Compose-discardBtn{border:none;outline:none;cursor:pointer;background:#f1f3f8;color:#5f6b7c;font-size:15px;font-weight:600;padding:13px 34px;border-radius:10px;transition:.35s}.Compose-discardBtn:hover{background:#e3e8f6;color:#25396f}.Compose-card{transition:.35s}.Compose-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000014}.Compose-sidebar::-webkit-scrollbar,.Compose-editor .ql-editor::-webkit-scrollbar{width:7px}.Compose-sidebar::-webkit-scrollbar-thumb,.Compose-editor .ql-editor::-webkit-scrollbar-thumb{background:#ccd4e3;border-radius:20px}.Compose-sidebar::-webkit-scrollbar-thumb:hover,.Compose-editor .ql-editor::-webkit-scrollbar-thumb:hover{background:#aeb8ca}.Compose *,.Compose *:before,.Compose *:after{transition:background .25s ease,color .25s ease,border .25s ease,transform .25s ease,box-shadow .25s ease}@media(max-width:1100px){.Compose-container{flex-direction:column}.Compose-sidebar,.Compose-content{width:100%}}@media(max-width:768px){.Compose{padding:15px}.Compose-header{flex-direction:column;align-items:flex-start}.Compose-header h2{font-size:24px}.Compose-card{padding:18px}.Compose-cardTitle{font-size:20px}.Compose-buttons{flex-direction:column;align-items:stretch}.Compose-sendBtn,.Compose-discardBtn{width:100%}.Compose-upload{flex-direction:column;align-items:flex-start}.Compose-upload input{width:100%}}@media(max-width:480px){.Compose{padding:10px}.Compose-sidebar,.Compose-card{padding:15px}.Compose-input{height:44px;font-size:14px}.Compose-editor .ql-container{min-height:240px}.Compose-editor .ql-editor{min-height:200px}.Compose-composeBtn{height:45px}.Compose-menuItem{padding:10px 12px}.Compose-label,.Compose-user{padding:8px}}.Compose-sendBtn:focus,.Compose-discardBtn:focus,.Compose-composeBtn:focus,.Compose-input:focus{outline:none}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}:root{--ReadEmail-primary:#3b82f6;--ReadEmail-primary-dark:#2563eb;--ReadEmail-success:#1f8b4c;--ReadEmail-bg:#edf2f7;--ReadEmail-card:#ffffff;--ReadEmail-border:#e5e7eb;--ReadEmail-text:#1f2937;--ReadEmail-text-light:#6b7280;--ReadEmail-shadow:0 8px 25px rgba(0,0,0,.08);--ReadEmail-radius:12px}.ReadEmail{width:100%;min-height:100vh;background:var(--ReadEmail-bg);padding:30px;font-family:Inter,Segoe UI,Tahoma,sans-serif}.ReadEmail-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.ReadEmail-page-header h2{font-size:31px;color:#222;font-weight:700}.ReadEmail-breadcrumb{display:flex;align-items:center;gap:10px;color:#5d6778;font-size:15px}.ReadEmail-current{color:#2c2c2c;font-weight:600}.ReadEmail-container{display:grid;grid-template-columns:280px 1fr;gap:25px;align-items:flex-start}.ReadEmail-sidebar{background:#fff;border-radius:14px;padding:18px;box-shadow:var(--ReadEmail-shadow);transition:.35s}.ReadEmail-sidebar:hover{transform:translateY(-2px)}.ReadEmail-compose-btn{width:100%;border:none;cursor:pointer;background:#198754;color:#fff;font-size:16px;font-weight:600;border-radius:8px;padding:13px;transition:.35s;letter-spacing:.4px}.ReadEmail-compose-btn:hover{background:#157347;transform:translateY(-2px);box-shadow:0 10px 18px #19875440}.ReadEmail-menu{margin-top:22px}.ReadEmail-menu-item{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;margin-bottom:8px;border-radius:8px;cursor:pointer;transition:.35s;color:#374151}.ReadEmail-menu-item:hover{background:#eef5ff;color:#2563eb;transform:translate(6px)}.ReadEmail-menu-active{background:#3d7cbc;color:#fff}.ReadEmail-menu-active:hover{background:#3473b5;color:#fff}.ReadEmail-menu-left{display:flex;align-items:center;gap:12px}.ReadEmail-menu-icon{font-size:17px;display:flex;align-items:center}.ReadEmail-count{background:#ff9800;color:#fff;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50px;font-size:12px;font-weight:600}.ReadEmail-divider{width:100%;height:1px;background:#ececec;margin:22px 0}.ReadEmail-section-title{font-size:20px;font-weight:600;color:#333;margin-bottom:18px}.ReadEmail-labels{display:flex;flex-direction:column;gap:14px}.ReadEmail-label-item{display:flex;align-items:center;gap:10px;cursor:pointer;color:#404040;transition:.35s;padding:6px 8px;border-radius:8px}.ReadEmail-label-item:hover{background:#f6f8fb;transform:translate(6px)}.ReadEmail-label-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.ReadEmail-online-users{display:flex;flex-direction:column;gap:12px}.ReadEmail-online-item{display:flex;align-items:center;gap:11px;cursor:pointer;padding:7px 8px;border-radius:8px;transition:.35s}.ReadEmail-online-item:hover{background:#f5f8fc;transform:translate(6px)}.ReadEmail-online-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.ReadEmail-content{background:#fff;border-radius:14px;box-shadow:var(--ReadEmail-shadow);padding:25px;overflow:hidden}.ReadEmail-subject{font-size:33px;font-weight:700;color:#222;margin-bottom:18px}.ReadEmail-top-divider{height:1px;background:#ececec;margin-bottom:18px}.ReadEmail-user-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.ReadEmail-user-left{display:flex;align-items:center;gap:16px}.ReadEmail-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:3px solid #f1f5f9}.ReadEmail-user-left h4{color:#2563eb;font-size:23px;margin-bottom:5px}.ReadEmail-user-left span{color:#777;font-size:15px}.ReadEmail-user-left a{color:#7c8aa0;text-decoration:none}.ReadEmail-user-left a:hover{color:#2563eb}.ReadEmail-date{color:#555;font-size:16px;font-weight:500}.ReadEmail-message{color:#3d3d3d;font-size:17px;line-height:1.9}.ReadEmail-message p{margin-bottom:26px}.ReadEmail-link{color:#2563eb;cursor:pointer;transition:.3s}.ReadEmail-link:hover{text-decoration:underline}.ReadEmail-attachment-header{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:35px;margin-bottom:22px;padding-top:20px;border-top:1px solid #ececec;color:#374151;font-weight:600}.ReadEmail-attachment-header svg{color:#2563eb;font-size:18px}.ReadEmail-attachment-header a{color:#2563eb;text-decoration:none;font-weight:500;transition:.3s}.ReadEmail-attachment-header a:hover{color:#1d4ed8;text-decoration:underline}.ReadEmail-attachments{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:35px}.ReadEmail-attachment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .35s ease;cursor:pointer}.ReadEmail-attachment-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000001f;border-color:#3b82f6}.ReadEmail-image-wrapper{overflow:hidden}.ReadEmail-attachment-image{width:100%;height:160px;object-fit:cover;transition:transform .5s}.ReadEmail-attachment-card:hover .ReadEmail-attachment-image{transform:scale(1.08)}.ReadEmail-file-info{padding:15px}.ReadEmail-file-name{display:block;text-decoration:none;color:#2563eb;font-weight:600;margin-bottom:6px;transition:.3s}.ReadEmail-file-name:hover{color:#1d4ed8}.ReadEmail-file-size{color:#6b7280;font-size:14px}.ReadEmail-reply-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:22px}.ReadEmail-reply-box p{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#4b5563;font-size:16px}.ReadEmail-action-btn{display:inline-flex;align-items:center;gap:8px;border:none;outline:none;background:#3b82f6;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .35s ease}.ReadEmail-action-btn:hover{background:#2563eb;transform:translateY(-3px);box-shadow:0 12px 25px #2563eb40}.ReadEmail-content::-webkit-scrollbar{width:8px}.ReadEmail-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.ReadEmail-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:992px){.ReadEmail{padding:20px}.ReadEmail-container{grid-template-columns:1fr}.ReadEmail-sidebar{order:2}.ReadEmail-content{order:1}.ReadEmail-page-header{flex-direction:column;align-items:flex-start;gap:10px}.ReadEmail-subject{font-size:28px}.ReadEmail-user-row{flex-direction:column;gap:15px}}@media(max-width:768px){.ReadEmail{padding:15px}.ReadEmail-page-header h2{font-size:26px}.ReadEmail-breadcrumb{font-size:13px;flex-wrap:wrap}.ReadEmail-content{padding:18px}.ReadEmail-subject{font-size:24px}.ReadEmail-user-left{flex-direction:column;align-items:flex-start}.ReadEmail-avatar{width:60px;height:60px}.ReadEmail-user-left h4{font-size:20px}.ReadEmail-message{font-size:15px}.ReadEmail-attachments{grid-template-columns:1fr}.ReadEmail-reply-box p{flex-direction:column;align-items:flex-start}.ReadEmail-action-btn{width:100%;justify-content:center}}@media(max-width:480px){.ReadEmail{padding:10px}.ReadEmail-sidebar,.ReadEmail-content{padding:15px}.ReadEmail-subject{font-size:20px}.ReadEmail-compose-btn{font-size:15px}.ReadEmail-menu-item{padding:12px}.ReadEmail-section-title{font-size:18px}.ReadEmail-attachment-image{height:140px}.ReadEmail-file-info{padding:12px}.ReadEmail-action-btn{padding:10px 15px;font-size:14px}}.ReadEmail-sidebar,.ReadEmail-content,.ReadEmail-menu-item,.ReadEmail-label-item,.ReadEmail-online-item,.ReadEmail-attachment-card,.ReadEmail-action-btn,.ReadEmail-compose-btn{transition:all .35s ease}@keyframes ReadEmailFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.ReadEmail{animation:ReadEmailFade .5s ease}.Chat{width:100%;min-height:100vh;padding:24px;background:#eef3f8;font-family:Segoe UI,sans-serif}.Chat-wrapper{display:flex;gap:24px;height:calc(100vh - 48px)}.Chat-sidebar{width:320px;min-width:320px;background:#fff;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 35px #00000014}.Chat-search{position:relative;padding:18px;border-bottom:1px solid #edf1f6}.Chat-search input{width:100%;height:46px;border:1px solid #dbe3ec;border-radius:10px;padding-left:45px;padding-right:15px;font-size:14px;outline:none;transition:.3s;background:#fff}.Chat-search input:focus{border-color:#6c63ff;box-shadow:0 0 0 4px #6c63ff1f}.Chat-search-icon{position:absolute;left:32px;top:50%;transform:translateY(-50%);color:#9098a4;font-size:18px}.Chat-contact-list{flex:1;overflow-y:auto;padding:12px}.Chat-contact-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;cursor:pointer;transition:.35s;position:relative;margin-bottom:8px}.Chat-contact-card:hover{background:#f5f8fc;transform:translate(4px)}.Chat-contact-card.active{background:#eef4ff}.Chat-avatar{width:52px;height:52px;flex-shrink:0}.Chat-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.Chat-contact-info{flex:1}.Chat-contact-info h4{font-size:17px;color:#444;margin-bottom:5px;font-weight:600}.Chat-contact-info p{display:flex;align-items:center;gap:8px;color:#8d98a6;font-size:14px}.Chat-status-dot{width:8px;height:8px;border-radius:50%}.Chat-status-dot.online{background:#7fc96a}.Chat-status-dot.offline{background:#f29c74}.Chat-unread{width:24px;height:24px;background:#6c63ff;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600}.Chat-main{flex:1;background:#fff;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 35px #00000014}.Chat-header{height:88px;padding:0 28px;border-bottom:1px solid #edf1f6;display:flex;justify-content:space-between;align-items:center}.Chat-header-left{display:flex;align-items:center;gap:16px}.Chat-header-left img{width:52px;height:52px;border-radius:50%}.Chat-header-left h3{font-size:22px;color:#303030}.Chat-header-left p{color:#687583;margin-top:4px}.Chat-menu-btn{width:42px;height:42px;border:none;background:#f5f7fb;border-radius:10px;cursor:pointer;transition:.3s;font-size:20px;color:#6b7280}.Chat-menu-btn:hover{background:#eceff6}.Chat-body{flex:1;overflow-y:auto;padding:28px;background:#fff}.Chat-message-row{margin-bottom:26px}.Chat-message-row.mine{display:flex;flex-direction:column;align-items:flex-end}.Chat-message-row.other{display:flex;flex-direction:column;align-items:flex-start}.Chat-message-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#666}.Chat-message-name{font-size:17px;font-weight:700}.Chat-message-time{font-size:15px;color:#7b8794}.Chat-message{position:relative;max-width:78%;padding:22px 24px;border-radius:8px;font-size:16px;line-height:1.8;transition:.3s}.Chat-message:hover{transform:translateY(-2px)}.Chat-message-mine{background:#e8f4f7;color:#44505a}.Chat-message-other{background:#f1f1f1;color:#444}.Chat-bubble-arrow{position:absolute;top:-8px;width:16px;height:16px;transform:rotate(45deg)}.Chat-message-mine .Chat-bubble-arrow{right:45px;background:#e8f4f7}.Chat-message-other .Chat-bubble-arrow{left:45px;background:#f1f1f1}.Chat-footer{padding:20px 24px;background:#fff;border-top:1px solid #edf1f6}.Chat-input-wrapper{display:flex;align-items:center;gap:16px;border:1px solid #d9e2ec;border-radius:10px;padding:10px 12px;background:#fff;transition:all .3s ease}.Chat-input-wrapper:focus-within{border-color:#6c63ff;box-shadow:0 0 0 4px #6c63ff1a}.Chat-input-wrapper input{flex:1;border:none;outline:none;background:transparent;font-size:15px;color:#4b5563;padding:8px 4px}.Chat-input-wrapper input::placeholder{color:#9ca3af}.Chat-input-actions{display:flex;align-items:center;gap:12px}.Chat-icon-btn{width:46px;height:46px;border:none;border-radius:50%;background:#ff6b35;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.35s;font-size:18px}.Chat-icon-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 18px #ff6b3559}.Chat-send-btn{width:46px;height:46px;border:none;border-radius:50%;background:#ff6b35;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.35s;font-size:18px}.Chat-send-btn:hover{transform:translateY(-3px) rotate(-8deg);box-shadow:0 8px 18px #ff6b3559}.Chat-contact-list::-webkit-scrollbar,.Chat-body::-webkit-scrollbar{width:8px}.Chat-contact-list::-webkit-scrollbar-track,.Chat-body::-webkit-scrollbar-track{background:transparent}.Chat-contact-list::-webkit-scrollbar-thumb,.Chat-body::-webkit-scrollbar-thumb{background:#d6dce5;border-radius:20px}.Chat-contact-list::-webkit-scrollbar-thumb:hover,.Chat-body::-webkit-scrollbar-thumb:hover{background:#b7c2d0}.Chat-contact-list,.Chat-body{scrollbar-width:thin;scrollbar-color:#c7cfda transparent}.Chat-contact-card,.Chat-message,.Chat-send-btn,.Chat-icon-btn,.Chat-menu-btn,.Chat-input-wrapper{transition:all .3s ease}.Chat-contact-card:hover{box-shadow:0 6px 18px #0000000d}.Chat-message:hover{box-shadow:0 8px 22px #0000000d}.Chat-avatar img{transition:transform .35s ease}.Chat-contact-card:hover .Chat-avatar img{transform:scale(1.08)}@media(max-width:1024px){.Chat{padding:18px}.Chat-wrapper{gap:18px;height:auto}.Chat-sidebar{width:290px;min-width:290px}.Chat-header-left h3{font-size:20px}.Chat-message{max-width:90%}}@media(max-width:768px){.Chat{padding:12px}.Chat-wrapper{flex-direction:column;gap:16px;height:auto}.Chat-sidebar{width:100%;min-width:100%;height:360px}.Chat-main{width:100%;height:75vh}.Chat-header{padding:18px}.Chat-header-left img{width:46px;height:46px}.Chat-header-left h3{font-size:18px}.Chat-header-left p{font-size:13px}.Chat-body{padding:18px}.Chat-message{max-width:100%;padding:18px;font-size:15px}.Chat-footer{padding:15px}.Chat-input-wrapper{flex-wrap:wrap;gap:10px}.Chat-input-actions{width:100%;justify-content:flex-end}}@media(max-width:480px){.Chat{padding:10px}.Chat-sidebar{height:320px}.Chat-main{height:72vh}.Chat-search input{height:42px;font-size:14px}.Chat-contact-card{padding:12px}.Chat-avatar{width:45px;height:45px}.Chat-contact-info h4{font-size:15px}.Chat-contact-info p{font-size:12px}.Chat-message-name{font-size:15px}.Chat-message-time{font-size:13px}.Chat-message{font-size:14px;line-height:1.6}.Chat-icon-btn,.Chat-send-btn{width:42px;height:42px;font-size:16px}}.Chat-main,.Chat-sidebar{animation:ChatFade .45s ease}@keyframes ChatFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}button,input{font-family:inherit}button:focus,input:focus{outline:none}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.Settings{width:100%;min-height:100vh;padding:28px;background:#eef2f7}.Settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:20px;flex-wrap:wrap}.Settings-pageTitle{font-size:30px!important;font-weight:700!important;color:#2b3445}.Settings-breadcrumb{font-size:15px!important}.Settings-breadLink{display:flex;align-items:center;color:#5f6b7b!important;font-weight:500;text-decoration:none!important}.Settings-breadCurrent{color:#3b82f6!important;font-weight:600!important}.Settings-card{width:100%;background:#fff!important;border-radius:18px!important;padding:28px;margin-bottom:28px;box-shadow:0 10px 30px #1018280f!important;border:1px solid #edf1f7}.Settings-cardTitle{font-size:21px!important;font-weight:700!important;color:#30384d;margin-bottom:28px!important}.Settings-form{display:flex;flex-direction:column;gap:24px}.Settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.Settings-address{grid-column:1 / -1}.Settings-input .MuiOutlinedInput-root{height:58px;border-radius:12px;background:#fff;transition:.35s}.Settings-address .MuiOutlinedInput-root{min-height:130px;align-items:flex-start}.Settings-address textarea{padding-top:14px!important}.Settings-input .MuiOutlinedInput-notchedOutline{border:1px solid #ccd4df}.Settings-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#3b82f6}.Settings-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border:2px solid #2563eb}.Settings-input .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 4px #2563eb1a}.Settings-input .MuiInputLabel-root{color:#6b7280;font-size:15px;font-weight:500}.Settings-input .MuiInputLabel-root.Mui-focused{color:#2563eb}.Settings-input input,.Settings-input textarea{color:#2f3748;font-size:15px;font-weight:500}.Settings-input .MuiSvgIcon-root{color:#64748b;font-size:22px;transition:.3s}.Settings-input:hover .MuiSvgIcon-root{color:#2563eb}.MuiPaper-root.MuiMenu-paper{border-radius:12px!important;box-shadow:0 15px 35px #0000001f!important}.MuiMenuItem-root{font-size:15px!important;padding:13px 18px!important;transition:.3s}.MuiMenuItem-root:hover{background:#edf5ff!important}.Mui-selected{background:#dbeafe!important}.Settings-saveBtn{margin-top:30px!important;background:#fff!important;color:#2563eb!important;text-transform:none!important;font-size:15px!important;font-weight:600!important;border-radius:50px!important;padding:10px 34px!important;border:1px solid #d7dce5!important;box-shadow:0 5px 16px #00000014!important;transition:all .35s ease!important}.Settings-saveBtn:hover{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;transform:translateY(-2px);box-shadow:0 10px 25px #2563eb40!important}.MuiPickersPopper-root .MuiPaper-root{border-radius:18px!important;box-shadow:0 18px 40px #00000026!important}.MuiPickersCalendarHeader-root{padding:14px 18px!important}.MuiPickersCalendarHeader-label{font-size:16px!important;font-weight:700!important;color:#2f3748}.MuiDayCalendar-weekDayLabel{font-weight:600!important;color:#64748b!important}.MuiPickersDay-root{font-size:14px!important;transition:.25s}.MuiPickersDay-root:hover{background:#dbeafe!important}.Mui-selected{background:#2563eb!important;color:#fff!important}.MuiPickersDay-today{border:1px solid #2563eb!important}.Settings-input .MuiSelect-select{display:flex;align-items:center;height:58px}.Settings-input svg{font-size:18px}.Settings-address textarea{resize:vertical;min-height:120px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#c8d0dc;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#9ca8ba}::-webkit-scrollbar-track{background:#eef2f7}.Settings-card{animation:SettingsFade .45s ease}@keyframes SettingsFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.Settings{padding:22px}.Settings-card{padding:24px}}@media(max-width:992px){.Settings-grid{grid-template-columns:repeat(2,1fr);gap:20px}.Settings-header{flex-direction:column;align-items:flex-start}.Settings-pageTitle{font-size:28px!important}}@media(max-width:768px){.Settings{padding:18px}.Settings-card{padding:20px;border-radius:16px!important}.Settings-grid{grid-template-columns:1fr;gap:18px}.Settings-pageTitle{font-size:24px!important}.Settings-cardTitle{font-size:20px!important}.Settings-saveBtn{width:100%;padding:13px 0!important}.Settings-address{grid-column:auto}}@media(max-width:576px){.Settings{padding:14px}.Settings-card{padding:16px}.Settings-pageTitle{font-size:22px!important}.Settings-cardTitle{font-size:18px!important}.Settings-input .MuiOutlinedInput-root{height:54px}.Settings-address .MuiOutlinedInput-root{min-height:110px}.Settings-breadcrumb{font-size:13px!important}.Settings-saveBtn{font-size:14px!important}}.Settings-input .MuiOutlinedInput-root,.Settings-saveBtn,.Settings-card,.MuiMenu-paper,.MuiPickersPopper-root .MuiPaper-root{transition:all .3s ease}.Settings-card:hover{box-shadow:0 18px 40px #00000014!important}.Settings-input input::placeholder,.Settings-input textarea::placeholder{color:#9ca3af}.Settings-input input:focus,.Settings-input textarea:focus{outline:none}.MuiMenu-paper{overflow:hidden}.MuiMenu-list{padding:6px 0!important}*{margin:0;padding:0;box-sizing:border-box}.Support{width:100%;padding:24px;background:#eef2f8;min-height:100vh}.Support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;padding:0 2px}.Support-header-left h2{font-size:20px;font-weight:700;color:#2b3347;margin:0;line-height:1}.Support-header-right{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:#677188}.Support-header-right svg{width:18px;height:18px;color:#5f6778}.Support-breadcrumb-divider{color:#a4acbb;font-size:20px;line-height:1}.Support-breadcrumb-link{color:#596273;cursor:pointer;transition:.25s}.Support-breadcrumb-link:hover{color:#4f63ff}.Support-breadcrumb-active{color:#2c3348;font-weight:600}@media(max-width:768px){.Support-header{flex-direction:column;align-items:flex-start;gap:12px}.Support-header-left h2{font-size:30px}.Support-header-right{font-size:14px;flex-wrap:wrap}}.Support-card{width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 35px #19285014}.Support-toolbar{background:#d9ddea;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.Support-search{width:340px;max-width:100%;height:48px;background:#fff;border-radius:10px;display:flex;align-items:center;padding:0 16px;box-shadow:inset 0 0 0 1px #edf0f7}.Support-search svg{color:#7a859f;font-size:19px}.Support-search input{width:100%;height:100%;border:none;outline:none;padding-left:14px;font-size:14px;background:transparent}.Support-toolbar-right{display:flex;align-items:center;gap:12px}.Support-action{position:relative}.Support-icon-btn{width:42px;height:42px;border:none;cursor:pointer;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;transition:.3s}.Support-icon-btn svg{font-size:20px;color:#5266ff}.Support-icon-btn:hover{background:#dfe6ff}.Support-add-btn{border:none;cursor:pointer;height:42px;padding:0 20px;border-radius:10px;display:flex;align-items:center;gap:8px;background:#4f63ff;color:#fff;font-size:14px;font-weight:600;transition:.3s}.Support-add-btn:hover{background:#3d52f2}.Support-add-btn svg{font-size:18px}.Support-tooltip{position:absolute;left:50%;top:115%;transform:translate(-50%);background:#2e2f39;color:#fff;padding:7px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:.25s;z-index:50}.Support-tooltip:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #2e2f39}.Support-action:hover .Support-tooltip{opacity:1;visibility:visible}.Support-column-menu{position:absolute;right:0;top:58px;width:255px;max-height:320px;overflow-y:auto;background:#fff;border-radius:10px;box-shadow:0 12px 35px #00000026;padding:18px;z-index:999}.Support-column-menu h4{font-size:17px;margin-bottom:16px;color:#344055;padding-bottom:12px;border-bottom:1px solid #edf0f6}.Support-column-menu label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px 2px;font-size:15px;color:#5d667c}.Support-column-menu input{width:18px;height:18px;cursor:pointer}.Support-table-wrapper{width:100%;overflow-x:auto}.Support-table{width:100%;min-width:1050px;border-collapse:collapse}.Support-table thead{background:#fff}.Support-table th{padding:18px 16px;text-align:left;font-size:15px;color:#2f3950;font-weight:700;border-bottom:1px solid #edf0f6}.Support-table td{padding:16px;font-size:15px;color:#505a70;border-bottom:1px solid #edf0f6;transition:.25s}.Support-table tbody tr{transition:.25s}.Support-table tbody tr:hover{background:#f6f8ff}.Support-checkbox-column{width:55px}.Support-table input[type=checkbox]{width:18px;height:18px;cursor:pointer}.Support-user{display:flex;align-items:center;gap:12px}.Support-user img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px #00000014}.Support-email{display:flex;align-items:center;gap:8px}.Support-email svg{color:#ff5b5b;font-size:17px}.Support-hover-text{position:relative;display:inline-block;cursor:pointer;transition:.25s}.Support-hover-text:hover{color:#4f63ff}.Support-hover-text:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:-42px;transform:translate(-50%);background:#2f3138;color:#fff;padding:7px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:.25s ease;z-index:100;pointer-events:none}.Support-hover-text:before{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #2f3138;opacity:0;visibility:hidden;transition:.25s}.Support-hover-text:hover:after,.Support-hover-text:hover:before{opacity:1;visibility:visible}.Support-status-open,.Support-status-closed{display:inline-flex;align-items:center;justify-content:center;min-width:66px;height:28px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600;text-transform:lowercase}.Support-status-open{background:#dff4e7;color:#1c8f5b}.Support-status-closed{background:#ffdfe6;color:#ef3b64}.Support-footer{display:flex;justify-content:flex-end;align-items:center;padding:20px 24px;border-top:1px solid #edf0f7;background:#fff}.Support-footer-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.Support-footer-right span{font-size:14px;color:#5f6982}.Support-footer-right select{width:90px;height:42px;border-radius:8px;border:1px solid #d7deec;background:#fff;outline:none;cursor:pointer;font-size:14px;padding:0 12px;transition:.3s}.Support-footer-right select:hover,.Support-footer-right select:focus{border-color:#4f63ff}.Support-page-btn{width:40px;height:40px;border-radius:50%;border:none;background:#f3f5fb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s}.Support-page-btn svg{font-size:18px}.Support-page-btn:hover:not(:disabled){background:#4f63ff;color:#fff}.Support-page-btn:hover:not(:disabled) svg{color:#fff}.Support-page-btn:disabled{opacity:.45;cursor:not-allowed}.Support-table-wrapper::-webkit-scrollbar,.Support-column-menu::-webkit-scrollbar{width:8px;height:8px}.Support-table-wrapper::-webkit-scrollbar-thumb,.Support-column-menu::-webkit-scrollbar-thumb{background:#c9d2e8;border-radius:30px}.Support-table-wrapper::-webkit-scrollbar-track,.Support-column-menu::-webkit-scrollbar-track{background:#edf1fb}.Support-card{animation:SupportFade .4s ease}@keyframes SupportFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.Support-table{min-width:980px}}@media(max-width:992px){.Support{padding:18px}.Support-toolbar{flex-direction:column;align-items:stretch;gap:16px}.Support-search{width:100%}.Support-toolbar-right{justify-content:flex-end;flex-wrap:wrap}.Support-footer,.Support-footer-right{justify-content:center}}@media(max-width:768px){.Support-header{flex-direction:column;align-items:flex-start;gap:10px}.Support-header h2{font-size:24px}.Support-toolbar-right{width:100%;justify-content:space-between}.Support-add-btn{flex:1;justify-content:center}.Support-footer{padding:18px}.Support-footer-right{width:100%;gap:14px}.Support-footer-right select{width:80px}}@media(max-width:576px){.Support{padding:12px}.Support-card{border-radius:12px}.Support-toolbar{padding:14px}.Support-search{height:44px}.Support-icon-btn{width:38px;height:38px}.Support-add-btn{height:38px;padding:0 14px;font-size:13px}.Support-user img{width:34px;height:34px}.Support-table th,.Support-table td{padding:14px 12px;font-size:14px}.Support-status-open,.Support-status-closed{min-width:60px;height:26px;font-size:12px}.Support-footer-right{flex-direction:column;align-items:center}.Support-column-menu{width:240px;right:-20px}}:root{--primary-purple: #5c6bc0;--bg-light-blue: #edf2f9;--text-dark: #333333;--text-muted: #666666;--border-color: #e2e8f0;--open-bg: #e2f6ed;--open-text: #2ecc71;--closed-bg: #ffeef0;--closed-text: #f85a6b;--cancelled-bg: #fff3e6;--cancelled-text: #ff9f43}body{background-color:var(--bg-light-blue);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}.JobsList-container{padding:20px;max-width:1400px;margin:0 auto}.JobsList-breadcrumb{font-size:13px;color:var(--text-muted);margin-bottom:15px;text-align:right}.JobsList-breadcrumb-active{color:#333;font-weight:500}.JobsList-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000008;border:1px solid var(--border-color);overflow:hidden}.JobsList-actionbar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#f8faff;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:15px}.JobsList-actionbar-left{display:flex;align-items:center;gap:20px}.JobsList-title{margin:0;font-size:18px;color:#4a5568;font-weight:600}.JobsList-search-box{position:relative;display:flex;align-items:center}.JobsList-search-icon{position:absolute;left:10px;color:#a0aec0;font-size:18px}.JobsList-search-box input{padding:8px 12px 8px 35px;border:1px solid #cbd5e0;border-radius:6px;font-size:14px;outline:none;width:220px;background:#fff}.JobsList-actionbar-right{display:flex;align-items:center;gap:12px}.JobsList-btn-icon{background:transparent;border:none;font-size:22px;color:#4a5568;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;padding:5px}.JobsList-btn-icon:hover{color:var(--primary-purple)}.JobsList-btn-add{color:#2ecc71}.JobsList-btn-download{color:#3498db}.JobsList-filter-wrapper{position:relative}.JobsList-dropdown{position:absolute;right:0;top:35px;background:#fff;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 10px 25px #00000026;z-index:100;width:210px;padding:10px 0}.JobsList-dropdown-title{font-weight:600;font-size:15px;padding:5px 15px 10px;border-bottom:1px solid var(--border-color);text-align:center;color:#2d3748}.JobsList-dropdown-scroll{max-height:250px;overflow-y:auto;padding-top:5px}.JobsList-dropdown-scroll::-webkit-scrollbar{width:12px}.JobsList-dropdown-scroll::-webkit-scrollbar-track{background:transparent}.JobsList-dropdown-scroll::-webkit-scrollbar-thumb{background:#a0aec0;border-radius:10px;border:3px solid white}.JobsList-dropdown-item{display:flex;align-items:center;gap:12px;padding:8px 20px;cursor:pointer;font-size:14px;color:#4a5568}.JobsList-dropdown-item:hover{background-color:#f7fafc}.JobsList-dropdown-item input[type=checkbox]{width:16px;height:16px;accent-color:#0066cc}.JobsList-table-responsive{overflow-x:auto;width:100%}.JobsList-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.JobsList-table th{background-color:#fff;color:#4a5568;font-weight:600;padding:14px 18px;border-bottom:2px solid var(--border-color);white-space:nowrap}.JobsList-table td{padding:14px 18px;border-bottom:1px solid var(--border-color);color:#4a5568;white-space:nowrap}.JobsList-table tbody tr:hover{background-color:#f8fbc5}.JobsList-row-selected{background-color:#f0f4ff}.JobsList-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-purple);cursor:pointer}.JobsList-cell-title{color:#4a5568!important;font-weight:400}.JobsList-badge{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;display:inline-block}.badge-open{background-color:var(--open-bg);color:var(--open-text)}.badge-closed{background-color:var(--closed-bg);color:var(--closed-text)}.badge-cancelled{background-color:var(--cancelled-bg);color:var(--cancelled-text)}.JobsList-cell-date{display:flex;align-items:center;gap:5px}.JobsList-cell-icon{color:#b7a47a;font-size:16px}.JobsList-actions-cell{display:flex;gap:12px}.JobsList-action-btn{background:transparent;border:none;font-size:18px;cursor:pointer;padding:2px}.JobsList-action-btn.edit{color:#5c6bc0}.JobsList-action-btn.delete{color:#ff6b6b}.JobsList-no-data{text-align:center;padding:30px!important;color:var(--text-muted)}.JobsList-pagination{display:flex;justify-content:flex-end;align-items:center;padding:12px 20px;background-color:#fff;font-size:13px;color:#4a5568;gap:25px;border-top:1px solid var(--border-color)}.JobsList-pagination-left,.JobsList-pagination-right{display:flex;align-items:center;gap:8px}.JobsList-select-wrapper{position:relative;display:flex;align-items:center}.JobsList-select-wrapper select{appearance:none;background:#fff;border:1px solid #cbd5e0;border-radius:4px;padding:4px 24px 4px 8px;font-size:13px;outline:none;cursor:pointer}.JobsList-select-chevron{position:absolute;right:5px;pointer-events:none;color:#718096}.JobsList-page-arrow{background:none;border:none;font-size:18px;color:#a0aec0;cursor:not-allowed;display:flex;align-items:center}.JobsList-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.JobsList-modal-card{background:#fff;width:100%;max-width:950px;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0003;margin:15px;animation:slideUp .25s ease-out}.JobsList-modal-header{background-color:#5c6bc0;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.JobsList-modal-header h3{margin:0;font-size:16px;font-weight:500}.JobsList-modal-close-x{background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer}.JobsList-modal-form{padding:25px}.JobsList-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.JobsList-form-group{display:flex;flex-direction:column;position:relative}.JobsList-form-group.full-width{margin-bottom:20px}.JobsList-form-group label{font-size:12px;color:var(--text-muted);margin-bottom:5px;text-transform:capitalize}.JobsList-form-group.variant-focused label.floating-label{position:absolute;top:-8px;left:10px;background:#fff;padding:0 4px;z-index:2;font-size:11px;color:#718096}.JobsList-input-icon-wrapper{position:relative;display:flex;align-items:center}.JobsList-input-icon-wrapper input,.JobsList-input-icon-wrapper select{width:100%;padding:12px 35px 12px 12px;border:1px solid #cbd5e0;border-radius:4px;font-size:14px;outline:none;background-color:#fff;box-sizing:border-box}.JobsList-input-icon-wrapper input:focus,.JobsList-input-icon-wrapper select:focus{border-color:#4a5568}.JobsList-input-icon{position:absolute;right:12px;font-size:18px;color:#4a5568;pointer-events:none}.JobsList-input-icon.select-arrow{font-size:20px}.JobsList-input-icon-wrapper select{appearance:none}.JobsList-modal-footer{display:flex;gap:12px;margin-top:10px}.JobsList-btn-save{background-color:#d3d3d3;color:#666;border:none;padding:10px 24px;border-radius:20px;font-weight:500;cursor:pointer}.JobsList-btn-save-blue{background-color:#0056b3;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:500;cursor:pointer}.JobsList-btn-cancel{background-color:#900;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:500;cursor:pointer}.JobsList-delete-modal-card{background:#f8faff;padding:30px;border-radius:8px;width:100%;max-width:420px;box-shadow:0 4px 20px #00000026;animation:slideUp .2s ease-out}.JobsList-delete-modal-card h2{margin-top:0;font-size:28px;font-weight:500;color:#2d3748;margin-bottom:20px}.JobsList-delete-details{font-size:15px;color:#4a5568;line-height:1.6;margin-bottom:30px}.JobsList-delete-details p{margin:6px 0}.JobsList-delete-actions{display:flex;justify-content:flex-end;gap:12px}.JobsList-btn-delete-confirm{background-color:#b81d24;color:#fff;border:none;padding:10px 28px;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer}.JobsList-btn-cancel-confirm{background-color:#0056b3;color:#fff;border:none;padding:10px 28px;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(15px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.JobsList-form-row{grid-template-columns:1fr;gap:15px;margin-bottom:15px}.JobsList-actionbar{flex-direction:column;align-items:flex-start}.JobsList-actionbar-right{width:100%;justify-content:flex-end}.JobsList-search-box input{width:100%}}:root{--app-bg: #edf2f9;--card-background: #ffffff;--text-dark-gray: #4a5568;--text-muted: #718096;--border-light: #cbd5e0;--dropdown-hover: #e4e7eb;--dropdown-active-bg: #d2d6dc;--btn-cancel-border: #0056b3}body{background-color:var(--app-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0}.AddJob-container{padding:24px;max-width:1350px;margin:0 auto}.AddJob-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.AddJob-main-title{font-size:22px;font-weight:600;color:#2d3748;margin:0}.AddJob-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.AddJob-breadcrumb-home-icon{color:var(--text-muted)}.AddJob-breadcrumb-arrow{color:#a0aec0}.AddJob-breadcrumb-active{color:#2d3748;font-weight:500}.AddJob-card{background:var(--card-background);border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000005;padding:25px}.AddJob-card-header{margin-bottom:30px}.AddJob-card-subtitle{font-size:15px;font-weight:500;color:var(--text-dark-gray);margin:0}.AddJob-form-layout{display:flex;flex-direction:column;gap:28px}.AddJob-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.AddJob-form-grid-three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.AddJob-form-group{display:flex;flex-direction:column;position:relative}.AddJob-floating-label{position:absolute;top:-9px;left:12px;background:#fff;padding:0 5px;font-size:12px;color:var(--text-muted);z-index:5;pointer-events:none}.AddJob-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.AddJob-input-wrapper input{width:100%;padding:14px 45px 14px 14px;border:1px solid var(--border-light);border-radius:4px;font-size:14px;color:#2d3748;outline:none;background:transparent;box-sizing:border-box}.AddJob-input-wrapper input:focus{border-color:#4a5568}.AddJob-input-wrapper.select-box{width:100%;padding:14px;border:1px solid var(--border-light);border-radius:4px;font-size:14px;color:#2d3748;background:#fff;cursor:pointer;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;position:relative}.AddJob-selected-text{flex-grow:1}.AddJob-right-icons{display:flex;align-items:center;gap:12px}.AddJob-field-icon{position:absolute;right:14px;color:#718096;pointer-events:none}.AddJob-field-icon-select{color:#718096}.AddJob-arrow-icon{color:#4a5568;transition:transform .2s ease}.AddJob-arrow-icon.rotated{transform:rotate(180deg)}.AddJob-fieldset-wrapper{border:1px solid var(--border-light);border-radius:4px;padding:0;margin:0;position:relative}.AddJob-fieldset-legend{font-size:11px;color:var(--text-muted);margin-left:12px;padding:0 4px}.status-select-box{border:none!important;padding:6px 14px 12px!important}.AddJob-custom-dropdown{position:absolute;top:100%;left:-1px;right:-1px;background:#eaeaea;border:1px solid var(--border-light);border-top:none;z-index:99;box-shadow:0 4px 10px #00000014}.AddJob-dropdown-option{padding:12px 16px;font-size:14px;color:#333;display:flex;justify-content:space-between;align-items:center;background-color:#ededed;transition:background-color .15s ease}.AddJob-dropdown-option:hover{background-color:var(--dropdown-hover)}.AddJob-dropdown-option.active-item{background-color:var(--dropdown-active-bg)}.AddJob-check-icon{color:#4a5568}.open-smooth{animation:slideDropdownDown .18s ease-out}@keyframes slideDropdownDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.AddJob-description-section{display:flex;flex-direction:column;gap:8px;margin-top:10px}.AddJob-description-heading{font-size:12px;color:var(--text-muted)}.AddJob-wysiwyg-box{border:1px solid var(--border-light);border-radius:4px;overflow:hidden;background:#fff}.AddJob-wysiwyg-toolbar{background-color:#f7fafc;border-bottom:1px solid var(--border-light);padding:8px 12px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.tool-btn{background:transparent;border:none;cursor:pointer;padding:6px;color:#4a5568;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .1s ease}.tool-btn:hover{background:#edf2f9;color:#1a202c}.tool-divider{color:#cbd5e0;margin:0 4px;-webkit-user-select:none;user-select:none}.tool-select-container{display:inline-flex;position:relative}.tool-select{border:1px solid var(--border-light);border-radius:3px;padding:3px 20px 3px 6px;font-size:12px;color:#4a5568;background:#fff;outline:none;cursor:pointer;appearance:none}.tool-select-container:after{content:"▼";font-size:8px;position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#718096;pointer-events:none}.AddJob-textarea-input{width:100%;min-height:110px;border:none;outline:none;padding:15px;font-size:14px;color:#2d3748;resize:vertical;box-sizing:border-box;font-family:inherit}.AddJob-form-footer{display:flex;gap:12px;margin-top:15px}.AddJob-btn-submit{background-color:#dcdcdc;color:#8c8c8c;border:none;border-radius:20px;padding:10px 26px;font-size:14px;font-weight:500;cursor:not-allowed;transition:all .2s ease}.AddJob-btn-submit.ready-to-submit{background-color:#e2e8f0;color:#4a5568;cursor:pointer;box-shadow:0 2px 5px #0000000d}.AddJob-btn-submit.ready-to-submit:hover{background-color:#cbd5e0}.AddJob-btn-cancel{background:transparent;color:var(--btn-cancel-border);border:1px solid var(--btn-cancel-border);border-radius:20px;padding:10px 26px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.AddJob-btn-cancel:hover{background-color:#f0f4ff}@media(max-width:1024px){.AddJob-form-grid-three{grid-template-columns:1fr 1fr}.status-group-container{grid-column:span 2}}@media(max-width:768px){.AddJob-header-row{flex-direction:column;align-items:flex-start;gap:10px}.AddJob-form-row,.AddJob-form-grid-three{grid-template-columns:1fr;gap:20px}.status-group-container{grid-column:span 1}.AddJob-container{padding:12px}}:root{--jobdetails-bg-canvas: #f0f4f8;--jobdetails-card-bg: #ffffff;--jobdetails-text-heading: #333f54;--jobdetails-text-paragraph: #8a99ad;--jobdetails-text-meta: #a3b2c5;--jobdetails-border-color: #eef2f6;--jobdetails-badge-green: #4cd137;--jobdetails-accent-blue: #1b64f2}.JobDetails-container{background-color:var(--jobdetails-bg-canvas);min-height:100vh;padding:24px 30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}.JobDetails-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.JobDetails-main-title{font-size:20px;font-weight:600;color:#1e293b;margin:0}.JobDetails-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:#64748b}.JobDetails-breadcrumb-home-icon{font-size:14px}.JobDetails-breadcrumb-arrow{font-size:12px;color:#94a3b8}.JobDetails-breadcrumb-active{color:#1e293b;font-weight:500}.JobDetails-grid-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.JobDetails-main-card{background-color:var(--jobdetails-card-bg);border-radius:8px;padding:30px;border:1px solid var(--jobdetails-border-color)}.JobDetails-sidebar-layout{display:flex;flex-direction:column;gap:24px}.JobDetails-sidebar-card{background-color:var(--jobdetails-card-bg);border-radius:8px;padding:24px;border:1px solid var(--jobdetails-border-color)}.JobDetails-title-badge-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.JobDetails-job-title{font-size:18px;font-weight:600;color:var(--jobdetails-text-heading);margin:0}.JobDetails-status-badge{background-color:#2ed573;color:#fff;font-size:11px;font-weight:600;padding:2px 10px;border-radius:4px;text-transform:capitalize}.JobDetails-metadata-strip{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.JobDetails-metadata-item{display:flex;align-items:center;gap:6px;color:var(--jobdetails-text-meta);font-size:13px}.JobDetails-meta-icon{display:flex;align-items:center;font-size:14px}.JobDetails-info-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}.JobDetails-section-title{font-size:15px;font-weight:600;color:var(--jobdetails-text-heading);margin:0 0 12px}.JobDetails-salary-display,.JobDetails-schedule-display{display:flex;align-items:center;gap:6px}.JobDetails-dollar-icon,.JobDetails-clock-icon{color:var(--jobdetails-text-meta);font-size:14px}.JobDetails-salary-text,.JobDetails-schedule-text{font-size:13px;color:var(--jobdetails-text-meta)}.JobDetails-body-section{margin-bottom:28px}.JobDetails-paragraph-text{font-size:13px;line-height:1.6;color:var(--jobdetails-text-paragraph);margin:0}.m-0{margin:0!important}.JobDetails-skills-flex{display:flex;flex-wrap:wrap;gap:10px}.JobDetails-skill-badge{display:flex;align-items:center;gap:6px;background-color:#e8f0fe;color:#1a73e8;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500}.JobDetails-skill-check-icon{font-size:12px}.JobDetails-bottom-split-row{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:35px;border-top:1px solid var(--jobdetails-border-color);padding-top:24px}.JobDetails-benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.JobDetails-benefit-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--jobdetails-text-paragraph)}.JobDetails-benefit-circle-check{width:16px;height:16px;border-radius:50%;background-color:#2ed573;color:#fff;display:flex;align-items:center;justify-content:center}.JobDetails-action-footer{display:flex;gap:12px;border-top:1px solid var(--jobdetails-border-color);padding-top:24px}.JobDetails-btn-action-outline{background-color:transparent;border:1px solid #dcdcdc;color:#5c6b73;font-size:13px;font-weight:500;padding:8px 24px;border-radius:20px;cursor:pointer;transition:all .2s ease}.JobDetails-btn-action-outline:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#334155}.JobDetails-sidebar-title{font-size:14px;font-weight:600;color:#475569;margin:0}.JobDetails-divider{border:0;border-top:1px solid var(--jobdetails-border-color);margin:16px 0}.JobDetails-stats-split-row{display:flex;align-items:center;justify-content:space-around;padding:4px 0}.JobDetails-stat-item-box{display:flex;flex-direction:column;align-items:center;text-align:center}.JobDetails-stat-big-number{font-size:26px;font-weight:600;color:#334155;line-height:1.2}.JobDetails-stat-label{font-size:12px;color:var(--jobdetails-text-meta);margin-top:2px}.JobDetails-stat-vertical-divider{width:1px;height:40px;background-color:var(--jobdetails-border-color)}.JobDetails-experience-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:4px}.JobDetails-experience-value{font-size:16px;font-weight:600;color:#334155}.JobDetails-experience-label{font-size:12px;color:var(--jobdetails-text-meta);margin-top:2px}.JobDetails-applicants-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.JobDetails-applicant-row{display:flex;align-items:center;gap:12px}.JobDetails-applicant-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background-color:#e2e8f0}.JobDetails-applicant-meta{display:flex;flex-direction:column}.JobDetails-applicant-name{font-size:13px;font-weight:600;color:#334155}.JobDetails-applicant-time{font-size:11px;color:var(--jobdetails-text-meta);margin-top:1px}.JobDetails-view-all-wrapper{margin-top:24px;text-align:center}.JobDetails-btn-view-all{background:transparent;border:none;font-size:13px;font-weight:600;color:var(--jobdetails-accent-blue);cursor:pointer;padding:4px 8px}.JobDetails-btn-view-all:hover{text-decoration:underline}@media(max-width:1024px){.JobDetails-grid-layout{grid-template-columns:1fr}}@media(max-width:768px){.JobDetails-container{padding:16px}.JobDetails-header-row{flex-direction:column;align-items:flex-start;gap:8px}.JobDetails-info-row-grid{grid-template-columns:1fr;gap:16px}.JobDetails-bottom-split-row{grid-template-columns:1fr;gap:24px}}:root{--cp-bg-canvas: #f0f4f8;--cp-card-bg: #ffffff;--cp-text-main: #1e293b;--cp-text-muted: #64748b;--cp-text-placeholder: #8a99ad;--cp-border-color: #eef2f6;--cp-accent-blue: #1b64f2;--cp-accent-blue-hover: #144ec2;--cp-badge-orange: #ff9f43;--cp-badge-green: #2ed573}.CandidateProfile-container{background-color:var(--cp-bg-canvas);min-height:100vh;padding:24px 30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box}.CandidateProfile-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.CandidateProfile-main-title{font-size:20px;font-weight:600;color:var(--cp-text-main);margin:0}.CandidateProfile-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--cp-text-muted)}.CandidateProfile-breadcrumb-icon{font-size:14px}.CandidateProfile-breadcrumb-arrow{font-size:12px;color:#94a3b8}.CandidateProfile-breadcrumb-active{color:var(--cp-text-main);font-weight:500}.CandidateProfile-grid-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start}.CandidateProfile-card{background-color:var(--cp-card-bg);border-radius:8px;padding:24px;margin-bottom:24px;border:1px solid var(--cp-border-color)}.CandidateProfile-card:last-child{margin-bottom:0}.CandidateProfile-left-sidebar{display:flex;flex-direction:column}.CandidateProfile-hero-card{display:flex;flex-direction:column;align-items:center;text-align:center}.CandidateProfile-avatar-wrapper{position:relative;width:90px;height:90px;margin-bottom:16px}.CandidateProfile-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #ffffff;box-shadow:0 4px 12px #0000000d}.CandidateProfile-online-indicator{position:absolute;bottom:4px;right:4px;width:12px;height:12px;border-radius:50%;background-color:var(--cp-badge-green);border:2px solid #ffffff}.CandidateProfile-candidate-name{font-size:18px;font-weight:600;color:#333f54;margin:0 0 4px}.CandidateProfile-candidate-title{font-size:13px;color:var(--cp-accent-blue);font-weight:500;margin:0 0 10px}.CandidateProfile-location-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--cp-text-placeholder);margin-bottom:20px}.CandidateProfile-geo-icon{font-size:14px}.CandidateProfile-hero-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-bottom:20px}.CandidateProfile-btn-primary{background-color:#f0f4f8;color:var(--cp-accent-blue);border:1px solid #dbeafe;font-size:13px;font-weight:500;padding:10px 16px;border-radius:20px;cursor:pointer;transition:all .2s ease;width:100%}.CandidateProfile-btn-primary:hover{background-color:#e0ebf7}.CandidateProfile-btn-outline{background-color:transparent;border:1px solid #cbd5e1;color:#475569;font-size:13px;font-weight:500;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .2s ease;width:100%}.CandidateProfile-btn-outline:hover{background-color:#f8fafc}.CandidateProfile-socials-row{display:flex;gap:16px;justify-content:center;margin-bottom:12px}.CandidateProfile-social-link{color:var(--cp-text-placeholder);font-size:16px;transition:color .2s ease;display:flex;align-items:center}.CandidateProfile-social-link:hover{color:var(--cp-accent-blue)}.CandidateProfile-divider{border:0;border-top:1px solid var(--cp-border-color);width:100%;margin:16px 0}.CandidateProfile-contact-list{width:100%;display:flex;flex-direction:column;gap:14px;text-align:left}.CandidateProfile-contact-item{display:flex;justify-content:space-between;align-items:center;font-size:13px}.CandidateProfile-contact-label{color:var(--cp-text-placeholder)}.CandidateProfile-contact-value{color:#475569;font-weight:500;word-break:break-all;max-width:65%;text-align:right}.CandidateProfile-badge{font-size:11px;font-weight:600;padding:2px 10px;border-radius:4px}.CandidateProfile-badge-availability{background-color:#e8f5e9;color:var(--cp-badge-green)}.CandidateProfile-badge-status{background-color:#fff3e0;color:var(--cp-badge-orange)}.CandidateProfile-card-title{font-size:14px;font-weight:600;color:#333f54;margin:0 0 16px}.CandidateProfile-skills-list{display:flex;flex-direction:column;gap:16px}.CandidateProfile-skill-item{display:flex;flex-direction:column;gap:6px}.CandidateProfile-skill-header{display:flex;justify-content:space-between;font-size:12px;font-weight:500;color:#475569}.CandidateProfile-progress-bg{background-color:#e2e8f0;height:6px;border-radius:3px;overflow:hidden}.CandidateProfile-progress-fill{background-color:var(--cp-accent-blue);height:100%;border-radius:3px}.CandidateProfile-languages-flex{display:flex;flex-wrap:wrap;gap:8px}.CandidateProfile-lang-pill{font-size:12px;color:#475569;background-color:#f1f5f9;padding:6px 14px;border-radius:20px;border:1px solid #e2e8f0}.CandidateProfile-certs-list{display:flex;flex-direction:column;gap:14px}.CandidateProfile-cert-row{display:flex;align-items:center;gap:12px}.CandidateProfile-cert-icon-box{background-color:#fff9db;color:#fab005;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.CandidateProfile-cert-meta{display:flex;flex-direction:column;gap:2px}.CandidateProfile-cert-name{font-size:13px;font-weight:600;color:#475569}.CandidateProfile-cert-issuer{font-size:11px;color:var(--cp-text-placeholder)}.CandidateProfile-main-content{display:flex;flex-direction:column}.CandidateProfile-card-title-large{font-size:16px;font-weight:600;color:#333f54;margin:0 0 14px}.CandidateProfile-body-text{font-size:13px;line-height:1.6;color:var(--cp-text-placeholder);margin:0}.CandidateProfile-tabs-container{padding:0!important;overflow:hidden}.CandidateProfile-tabs-nav{display:flex;border-bottom:1px solid var(--cp-border-color);background-color:#fafbfc;padding:0 16px}.CandidateProfile-tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:#475569;font-size:13px;font-weight:500;padding:16px 20px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.CandidateProfile-tab-btn:hover{color:var(--cp-accent-blue)}.CandidateProfile-tab-active{color:var(--cp-accent-blue);border-bottom-color:var(--cp-accent-blue);font-weight:600}.CandidateProfile-tab-icon{font-size:14px}.CandidateProfile-tab-body{padding:30px}.CandidateProfile-timeline{display:flex;flex-direction:column;position:relative}.CandidateProfile-timeline:before{content:"";position:absolute;left:16px;top:10px;bottom:10px;width:1px;background-color:#cbd5e1}.CandidateProfile-timeline-item{display:flex;gap:20px;position:relative;margin-bottom:30px}.CandidateProfile-timeline-item:last-child{margin-bottom:0}.CandidateProfile-timeline-icon{width:32px;height:32px;border-radius:50%;background-color:var(--cp-accent-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:2;flex-shrink:0;box-shadow:0 0 0 4px #fff}.CandidateProfile-timeline-content{flex-grow:1;background-color:#fff}.CandidateProfile-timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.CandidateProfile-timeline-role{font-size:14px;font-weight:600;color:#333f54;margin:0 0 2px}.CandidateProfile-timeline-company{font-size:12px;color:var(--cp-accent-blue);font-weight:500}.CandidateProfile-timeline-period{font-size:11px;color:var(--cp-text-placeholder)}.CandidateProfile-timeline-desc{font-size:12px;line-height:1.6;color:var(--cp-text-placeholder);margin:0}.CandidateProfile-tab-placeholder{font-size:13px;color:var(--cp-text-placeholder);text-align:center;padding:40px 0}@media(max-width:1024px){.CandidateProfile-grid-layout{grid-template-columns:1fr}}@media(max-width:768px){.CandidateProfile-container{padding:16px}.CandidateProfile-header-row{flex-direction:column;align-items:flex-start;gap:8px}.CandidateProfile-tabs-nav{flex-wrap:wrap;padding:0}.CandidateProfile-tab-btn{padding:12px 16px;width:50%;justify-content:center}.CandidateProfile-timeline-header{flex-direction:column;gap:4px}}:root{--primary-bg: #f5f7fa;--panel-bg: #ffffff;--border-color: #eef2f5;--text-main: #333333;--text-muted: #7e8b9b;--status-scheduled-bg: #e3f2fd;--status-scheduled-txt: #1e88e5;--status-completed-bg: #e8f5e9;--status-completed-txt: #43a047;--status-pending-bg: #fff3e0;--status-pending-txt: #fb8c00;--status-rescheduled-bg: #f3e5f5;--status-rescheduled-txt: #8e24aa;--status-cancelled-bg: #ffebee;--status-cancelled-txt: #e53935}.InterviewSchedule{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--primary-bg);padding:24px;min-height:100vh;box-sizing:border-box}.InterviewSchedule-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.InterviewSchedule-main-title{font-size:20px;font-weight:500;color:#212529;margin:0}.InterviewSchedule-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.InterviewSchedule-breadcrumb-root{color:var(--text-muted)}.InterviewSchedule-breadcrumb-separator{color:#b0bec5}.InterviewSchedule-breadcrumb-current{color:#555}.InterviewSchedule-container{background:var(--panel-bg);border-radius:6px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.InterviewSchedule-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#e8edf4;border-bottom:1px solid #dbe3ec}.InterviewSchedule-header-left{display:flex;align-items:center;gap:24px}.InterviewSchedule-inner-label{font-size:14px;font-weight:500;color:#495057}.InterviewSchedule-search-box{position:relative;background:#fff;border-radius:4px;display:flex;align-items:center;border:1px solid #ced4da;padding:0 8px}.InterviewSchedule-search-box input{border:none;outline:none;padding:6px 4px 6px 24px;font-size:13px;width:160px}.InterviewSchedule-search-icon{position:absolute;left:8px;color:#888;font-size:14px}.InterviewSchedule-header-right{display:flex;align-items:center;gap:14px}.InterviewSchedule-icon-btn{background:transparent;border:none;font-size:16px;color:#5a6a85;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.InterviewSchedule-btn-add{color:#2e7d32;font-size:18px}.InterviewSchedule-filter-wrapper{position:relative}.InterviewSchedule-dropdown{position:absolute;top:32px;right:-5px;background:#f1f3f5;border:1px solid #dcdfe3;border-radius:4px;width:210px;z-index:100;box-shadow:0 4px 12px #0000001a}.InterviewSchedule-dropdown-title{padding:10px;font-size:13px;font-weight:600;color:#333;text-align:center;border-bottom:1px solid #dbdee2}.InterviewSchedule-dropdown-scroll{max-height:220px;overflow-y:auto;padding:6px 0}.InterviewSchedule-dropdown-scroll::-webkit-scrollbar{width:8px}.InterviewSchedule-dropdown-scroll::-webkit-scrollbar-thumb{background:#bcbcbc;border-radius:4px}.InterviewSchedule-dropdown-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;font-size:13px;color:#444}.InterviewSchedule-dropdown-item:hover{background:#e2e6ea}.InterviewSchedule-dropdown-item input[type=checkbox],.InterviewSchedule-table-checkbox input[type=checkbox]{display:none}.InterviewSchedule-custom-checkbox{width:15px;height:15px;border:1px solid #6c757d;border-radius:2px;margin-right:12px;display:inline-flex;align-items:center;justify-content:center;background:#fff;box-sizing:border-box}input:checked+.InterviewSchedule-custom-checkbox{background:#06c;border-color:#06c;color:#fff;font-size:10px}.InterviewSchedule-table-wrapper{width:100%;overflow-x:auto}.InterviewSchedule-table{width:100%;border-collapse:collapse;font-size:13px;color:#495057}.InterviewSchedule-table th{background-color:#fff;font-weight:600;padding:12px 16px;color:#333;border-bottom:1px solid var(--border-color)}.InterviewSchedule-table td{padding:12px 16px;border-bottom:1px solid var(--border-color)}.InterviewSchedule-table tr.selected-row{background-color:#f8fafc}.InterviewSchedule-cell-date{display:flex;align-items:center;gap:6px;color:#555}.InterviewSchedule-cell-icon{color:#999}.InterviewSchedule-status{padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.badge-scheduled{background-color:var(--status-scheduled-bg);color:var(--status-scheduled-txt)}.badge-completed{background-color:var(--status-completed-bg);color:var(--status-completed-txt)}.badge-pending{background-color:var(--status-pending-bg);color:var(--status-pending-txt)}.badge-rescheduled{background-color:var(--status-rescheduled-bg);color:var(--status-rescheduled-txt)}.badge-cancelled{background-color:var(--status-cancelled-bg);color:var(--status-cancelled-txt)}.InterviewSchedule-actions{display:flex;gap:12px}.InterviewSchedule-actions button{background:transparent;border:none;cursor:pointer;font-size:15px;padding:0}.InterviewSchedule-footer{display:flex;justify-content:flex-end;align-items:center;padding:12px 16px;font-size:13px;color:#666;gap:24px}.InterviewSchedule-footer-left,.InterviewSchedule-footer-right{display:flex;align-items:center;gap:8px}.InterviewSchedule-page-select{border:1px solid #ccc;padding:2px 6px;border-radius:4px;background:#fff}.InterviewSchedule-pagination-btns button{background:transparent;border:none;font-size:14px;color:#ccc;cursor:default;padding:0 4px}.InterviewSchedule-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.InterviewSchedule-modal-card{background:#fff;border-radius:4px;width:100%;max-width:850px;overflow:hidden;box-shadow:0 4px 12px #00000026;animation:modalAnim .2s ease-out}.InterviewSchedule-modal-header{background-color:#5c6bc0;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.InterviewSchedule-modal-header h3{margin:0;font-size:14px;font-weight:500}.InterviewSchedule-modal-header .close-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.InterviewSchedule-modal-form{padding:20px}.InterviewSchedule-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.InterviewSchedule-form-group{display:flex;flex-direction:column;position:relative}.InterviewSchedule-form-group.full-width{grid-column:span 2}.InterviewSchedule-form-group label{font-size:12px;color:#666;margin-bottom:4px}.InterviewSchedule-input-wrapper{position:relative;display:flex;align-items:center}.InterviewSchedule-input-wrapper input{width:100%;border:1px solid #757575;border-radius:4px;padding:8px 32px 8px 10px;font-size:13px;outline:none}.InterviewSchedule-input-wrapper .input-icon{position:absolute;right:10px;color:#555}.relative-label .InterviewSchedule-input-wrapper input{border:none;padding:6px 0}.InterviewSchedule-select-field{width:100%;border:none;outline:none;padding:6px 0;font-size:13px;background:transparent}.InterviewSchedule-form-actions{display:flex;gap:12px;margin-top:20px}.InterviewSchedule-form-actions button{padding:6px 20px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:none}.InterviewSchedule-modal-form:valid .btn-save{background-color:#06c;color:#fff}.InterviewSchedule-delete-card{background:#fff;padding:24px;border-radius:8px;width:100%;max-width:400px;box-shadow:0 4px 16px #00000026;animation:modalAnim .15s ease-out}.InterviewSchedule-delete-card h2{margin:0 0 10px;font-size:20px;font-weight:500;color:#212529}.InterviewSchedule-delete-actions{display:flex;justify-content:flex-end;gap:12px}.InterviewSchedule-delete-actions button{padding:8px 24px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:none;color:#fff}@keyframes modalAnim{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.InterviewSchedule-top-bar{flex-direction:column;align-items:flex-start;gap:8px}.InterviewSchedule-header{flex-direction:column;align-items:flex-start;gap:12px}.InterviewSchedule-header-right{width:100%;justify-content:flex-end}.InterviewSchedule-form-grid{grid-template-columns:1fr}.InterviewSchedule-form-group.full-width{grid-column:span 1}}:root{--primary-bg: #f5f7fa;--panel-bg: #ffffff;--border-color: #eef2f5;--text-main: #333333;--text-muted: #7e8b9b;--status-sent-bg: #e3f2fd;--status-sent-txt: #1e88e5;--status-accepted-bg: #e8f5e9;--status-accepted-txt: #43a047;--status-rejected-bg: #ffebee;--status-rejected-txt: #e53935;--status-draft-bg: #f3e5f5;--status-draft-txt: #8e24aa}.OfferLetters{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--primary-bg);padding:24px;min-height:100vh;box-sizing:border-box}.OfferLetters-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.OfferLetters-main-title{font-size:20px;font-weight:500;color:#212529;margin:0}.OfferLetters-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.OfferLetters-breadcrumb-separator{color:#b0bec5}.OfferLetters-breadcrumb-current{color:#555}.OfferLetters-container{background:var(--panel-bg);border-radius:6px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.OfferLetters-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#e8edf4;border-bottom:1px solid #dbe3ec}.OfferLetters-header-left{display:flex;align-items:center;gap:24px}.OfferLetters-inner-label{font-size:14px;font-weight:500;color:#495057}.OfferLetters-search-box{position:relative;background:#fff;border-radius:4px;display:flex;align-items:center;border:1px solid #ced4da;padding:0 8px}.OfferLetters-search-box input{border:none;outline:none;padding:6px 4px 6px 24px;font-size:13px;width:160px}.OfferLetters-search-icon{position:absolute;left:8px;color:#888;font-size:14px}.OfferLetters-header-right{display:flex;align-items:center;gap:14px}.OfferLetters-icon-btn{background:transparent;border:none;font-size:16px;color:#5a6a85;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.OfferLetters-btn-add{color:#2e7d32;font-size:18px}.OfferLetters-filter-wrapper{position:relative}.OfferLetters-dropdown{position:absolute;top:32px;right:-5px;background:#f1f3f5;border:1px solid #dcdfe3;border-radius:4px;width:210px;z-index:100;box-shadow:0 4px 12px #0000001a}.OfferLetters-dropdown-title{padding:10px;font-size:13px;font-weight:600;color:#333;text-align:center;border-bottom:1px solid #dbdee2}.OfferLetters-dropdown-scroll{max-height:220px;overflow-y:auto;padding:6px 0}.OfferLetters-dropdown-scroll::-webkit-scrollbar{width:8px}.OfferLetters-dropdown-scroll::-webkit-scrollbar-thumb{background:#bcbcbc;border-radius:4px}.OfferLetters-dropdown-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;font-size:13px;color:#444}.OfferLetters-dropdown-item:hover{background:#e2e6ea}.OfferLetters-dropdown-item input[type=checkbox],.OfferLetters-table-checkbox input[type=checkbox]{display:none}.OfferLetters-custom-checkbox{width:15px;height:15px;border:1px solid #6c757d;border-radius:2px;margin-right:12px;display:inline-flex;align-items:center;justify-content:center;background:#fff;box-sizing:border-box}input:checked+.OfferLetters-custom-checkbox{background:#06c;border-color:#06c;color:#fff;font-size:10px}.OfferLetters-table-wrapper{width:100%;overflow-x:auto}.OfferLetters-table{width:100%;border-collapse:collapse;font-size:13px;color:#495057}.OfferLetters-table th{background-color:#fff;font-weight:600;padding:12px 16px;color:#333;border-bottom:1px solid var(--border-color);text-align:left}.OfferLetters-table td{padding:12px 16px;border-bottom:1px solid var(--border-color)}.OfferLetters-table tr.selected-row{background-color:#f8fafc}.font-medium{font-weight:500;color:#212529}.OfferLetters-cell-date{display:flex;align-items:center;gap:6px;color:#555}.OfferLetters-cell-icon{color:#e0a96d}.OfferLetters-status{padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;display:inline-block}.badge-sent{background-color:var(--status-sent-bg);color:var(--status-sent-txt)}.badge-accepted{background-color:var(--status-accepted-bg);color:var(--status-accepted-txt)}.badge-rejected{background-color:var(--status-rejected-bg);color:var(--status-rejected-txt)}.badge-draft{background-color:var(--status-draft-bg);color:var(--status-draft-txt)}.OfferLetters-actions{display:flex;gap:12px}.OfferLetters-actions button{background:transparent;border:none;cursor:pointer;font-size:15px;padding:0}.action-edit{color:#1e88e5}.action-delete{color:#e53935}.OfferLetters-footer{display:flex;justify-content:flex-end;align-items:center;padding:12px 16px;font-size:13px;color:#666;gap:24px}.OfferLetters-footer-left,.OfferLetters-footer-right{display:flex;align-items:center;gap:8px}.OfferLetters-page-select{border:1px solid #ccc;padding:2px 6px;border-radius:4px;background:#fff}.OfferLetters-pagination-btns button{background:transparent;border:none;font-size:14px;color:#ccc;cursor:default;padding:0 4px}.OfferLetters-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.OfferLetters-modal-card{background:#fff;border-radius:4px;width:100%;max-width:850px;overflow:hidden;box-shadow:0 4px 12px #00000026;animation:modalTransition .2s ease-out}.OfferLetters-modal-header{background-color:#5c6bc0;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.OfferLetters-modal-header h3{margin:0;font-size:14px;font-weight:500}.OfferLetters-modal-header .close-btn{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.OfferLetters-modal-form{padding:20px}.OfferLetters-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.OfferLetters-form-group{display:flex;flex-direction:column;position:relative}.OfferLetters-form-group label{font-size:12px;color:#666;margin-bottom:4px}.OfferLetters-input-wrapper{position:relative;display:flex;align-items:center}.OfferLetters-input-wrapper input{width:100%;border:1px solid #757575;border-radius:4px;padding:8px 32px 8px 10px;font-size:13px;outline:none}.OfferLetters-input-wrapper .input-icon{position:absolute;right:10px;color:#555}.relative-label{border:1px solid #757575;border-radius:4px;padding:2px 8px;margin-top:4px}.relative-label .floating-tag{position:absolute;top:-8px;left:8px;background:#fff;padding:0 4px;font-size:11px;color:#555}.relative-label .OfferLetters-input-wrapper input{border:none;padding:6px 0}.OfferLetters-select-field{width:100%;border:none;outline:none;padding:6px 0;font-size:13px;background:transparent}.OfferLetters-form-actions{display:flex;gap:12px;margin-top:20px}.OfferLetters-form-actions button{padding:6px 20px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:none}.btn-save{background-color:#e0e0e0;color:#888}.OfferLetters-modal-form:valid .btn-save{background-color:#06c;color:#fff}.btn-save.btn-edit-blue{background-color:#06c;color:#fff}.btn-cancel{background-color:#ba1a1a;color:#fff}.OfferLetters-delete-card{background:#fff;padding:24px;border-radius:8px;width:100%;max-width:400px;box-shadow:0 4px 16px #00000026;animation:modalTransition .15s ease-out}.OfferLetters-delete-card h2{margin:0 0 10px;font-size:20px;font-weight:500;color:#212529}.delete-subtitle{color:#495057;font-size:13px;margin:0 0 12px}.delete-info-box{background:#f8f9fa;padding:8px 12px;border-radius:4px;margin-bottom:20px;font-size:13px}.delete-info-box p{margin:4px 0}.OfferLetters-delete-actions{display:flex;justify-content:flex-end;gap:12px}.OfferLetters-delete-actions button{padding:8px 24px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;border:none;color:#fff}.btn-delete-confirm,.btn-cancel-confirm{background-color:#06c}@keyframes modalTransition{0%{transform:translateY(-15px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.OfferLetters-top-bar{flex-direction:column;align-items:flex-start;gap:8px}.OfferLetters-header{flex-direction:column;align-items:flex-start;gap:12px}.OfferLetters-header-right{width:100%;justify-content:flex-end}.OfferLetters-form-grid{grid-template-columns:1fr}}.HiringPipeline{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f0f4f8;padding:24px;min-height:100vh;box-sizing:border-box}.HiringPipeline-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.HiringPipeline-main-title{font-size:20px;font-weight:500;color:#2c3e50;margin:0}.HiringPipeline-breadcrumb{display:flex;align-items:center;font-size:13px;color:#7f8c8d;gap:4px}.HiringPipeline-breadcrumb-home-icon{font-size:14px;margin-right:2px;color:#555}.HiringPipeline-breadcrumb-link{cursor:pointer}.HiringPipeline-breadcrumb-link:hover{color:#34495e}.HiringPipeline-breadcrumb-separator{font-size:12px;color:#bdc3c7}.HiringPipeline-breadcrumb-current{color:#333}.HiringPipeline-board{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;align-items:start}.HiringPipeline-column{background-color:#f8fafc;border-radius:6px;box-shadow:0 1px 3px #0000000d;overflow:hidden;min-height:480px;display:flex;flex-direction:column}.HiringPipeline-column-header{padding:12px 16px;font-size:13px;font-weight:600;color:#fff;letter-spacing:.3px}.HiringPipeline-column-new{background-color:#6c7a89}.HiringPipeline-column-screening{background-color:#f39c12}.HiringPipeline-column-interview{background-color:#1e90ff}.HiringPipeline-column-offered{background-color:#9b59b6}.HiringPipeline-column-hired{background-color:#2ecc71}.HiringPipeline-column-lane{padding:12px;display:flex;flex-direction:column;gap:12px;flex-grow:1}.HiringPipeline-card{background-color:#fff;border-radius:6px;padding:12px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px #0000000f,0 1px 1px #00000008;transition:transform .15s ease,box-shadow .15s ease}.HiringPipeline-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.HiringPipeline-card-avatar-wrapper{flex-shrink:0;width:42px;height:42px;border-radius:50%;overflow:hidden;background-color:#e2e8f0}.HiringPipeline-card-avatar{width:100%;height:100%;object-fit:cover}.HiringPipeline-card-info{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.HiringPipeline-card-name{font-size:13px;font-weight:600;color:#2c3e50;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.HiringPipeline-card-role{font-size:11px;color:#95a5a6;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1200px){.HiringPipeline-board{grid-template-columns:repeat(3,1fr);gap:14px}}@media(max-width:768px){.HiringPipeline-top-bar{flex-direction:column;align-items:flex-start;gap:6px}.HiringPipeline-board{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:480px){.HiringPipeline{padding:16px}.HiringPipeline-board{grid-template-columns:1fr;gap:16px}.HiringPipeline-column{min-height:auto}}.Resumes{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f1f5f9;padding:24px;min-height:100vh;box-sizing:border-box;color:#334155}.Resumes-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.Resumes-main-title{font-size:20px;font-weight:600;color:#1e293b;margin:0}.Resumes-breadcrumb{display:flex;align-items:center;gap:4px;font-size:13px;color:#64748b}.Resumes-breadcrumb-home{font-size:14px;color:#475569}.Resumes-breadcrumb-arrow{color:#94a3b8;font-size:12px}.Resumes-breadcrumb-current{color:#1e293b;font-weight:500}.Resumes-table-controls{display:flex;justify-content:space-between;align-items:center;background-color:#e2e8f0;padding:12px 16px;border-top-left-radius:8px;border-top-right-radius:8px;box-sizing:border-box;position:relative}.Resumes-search-wrapper{position:relative;display:flex;align-items:center;background-color:#fff;border-radius:4px;padding:0 10px;width:240px;height:36px;border:1px solid #cbd5e1}.Resumes-search-icon{color:#64748b;font-size:16px;margin-right:8px}.Resumes-search-input{border:none;outline:none;width:100%;font-size:14px;color:#334155}.Resumes-action-buttons{display:flex;align-items:center;gap:12px}.Resumes-btn-icon{background-color:transparent;border:none;color:#475569;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:4px;transition:background-color .2s,color .2s}.Resumes-btn-icon:hover,.Resumes-btn-icon.active{background-color:#cbd5e1;color:#0f172a}.Resumes-btn-add{color:#10b981;font-size:20px}.Resumes-filter-container{position:relative}.Resumes-column-dropdown{position:absolute;top:42px;right:0;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;width:210px;box-shadow:0 4px 12px #0000001a;z-index:100;padding:12px 0;animation:fadeInSmooth .15s ease-out}.Resumes-column-dropdown-title{padding:0 16px 8px;font-size:14px;font-weight:600;color:#334155;text-align:center}.Resumes-column-dropdown-divider{height:1px;background-color:#cbd5e1;margin-bottom:8px}.Resumes-column-dropdown-list{max-height:240px;overflow-y:auto;padding:0 8px}.Resumes-column-dropdown-item{display:flex;align-items:center;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .15s;gap:10px}.Resumes-column-dropdown-item:hover{background-color:#e2e8f0}.Resumes-column-dropdown-label-text{font-size:13px;color:#475569}.Resumes-table-container{background-color:#fff;overflow-x:auto;border-bottom:1px solid #e2e8f0}.Resumes-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.Resumes-table th{padding:14px 16px;font-weight:600;color:#334155;border-bottom:2px solid #e2e8f0;background-color:#fff;white-space:nowrap}.Resumes-table td{padding:12px 16px;color:#475569;border-bottom:1px solid #f1f5f9;vertical-align:middle;white-space:nowrap}.Resumes-table tbody tr:hover{background-color:#f8fafc}.Resumes-table tr.Resumes-tr-selected{background-color:#f0fdf4}.Resumes-th-checkbox{width:40px}.Resumes-th-actions{width:100px;text-align:center}.Resumes-custom-checkbox-input{width:16px;height:16px;accent-color:#0284c7;cursor:pointer}.Resumes-td-highlight{font-weight:500;color:#0f172a!important}.Resumes-date-cell{display:flex;align-items:center;gap:6px}.Resumes-cell-icon-calendar{color:#b45309;font-size:14px}.Resumes-status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500}.Resumes-status-scheduled{background-color:#e0f2fe;color:#0284c7}.Resumes-status-completed{background-color:#dcfce7;color:#16a34a}.Resumes-status-pending{background-color:#fef3c7;color:#d97706}.Resumes-status-rescheduled{background-color:#f3e8ff;color:#9333ea}.Resumes-status-cancelled{background-color:#fee2e2;color:#dc2626}.Resumes-actions-cell-wrapper{display:flex;justify-content:center;gap:12px}.Resumes-action-edit-btn,.Resumes-action-delete-btn{background:transparent;border:none;cursor:pointer;font-size:16px;padding:4px;transition:color .2s}.Resumes-action-edit-btn{color:#2563eb}.Resumes-action-edit-btn:hover{color:#1d4ed8}.Resumes-action-delete-btn{color:#dc2626}.Resumes-action-delete-btn:hover{color:#b91c1c}.Resumes-table-empty{text-align:center;padding:32px!important;color:#94a3b8;font-style:italic}.Resumes-pagination-bar{display:flex;justify-content:flex-end;align-items:center;background-color:#fff;padding:12px 24px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;gap:32px;font-size:13px;color:#475569;box-shadow:0 1px 3px #00000005}.Resumes-pagination-size-selector{display:flex;align-items:center;gap:8px}.Resumes-pagination-size-selector select{padding:4px 8px;border-radius:4px;border:1px solid #cbd5e1;outline:none;background:#fff}.Resumes-pagination-info-range{display:flex;align-items:center;gap:16px}.Resumes-pagination-navigation-arrows{display:flex;gap:4px}.Resumes-pagination-navigation-arrows button{background:none;border:none;font-size:16px;color:#94a3b8;cursor:not-allowed;padding:2px 8px}.Resumes-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f172a66;display:flex;justify-content:center;align-items:flex-start;padding-top:60px;z-index:1000;animation:fadeInOverlay .2s ease-out}.Resumes-modal-backdrop.flex-center-mode{align-items:center;padding-top:0}.Resumes-form-modal-card{background-color:#fff;border-radius:8px;width:90%;max-width:960px;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;animation:slideDownModal .25s cubic-bezier(.16,1,.3,1)}.Resumes-form-modal-header{background-color:#6366f1;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.Resumes-form-modal-header h2{font-size:16px;font-weight:500;margin:0}.Resumes-form-modal-close-x{background:none;border:none;color:#fff;font-size:24px;line-height:1;cursor:pointer;opacity:.8}.Resumes-form-modal-close-x:hover{opacity:1}.Resumes-modal-form-element{padding:24px}.Resumes-form-grid-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 24px;margin-bottom:20px}.Resumes-form-input-group{display:flex;flex-direction:column;position:relative}.Resumes-form-input-group label{font-size:13px;color:#475569;margin-bottom:6px}.Resumes-form-input-icon-wrapper{position:relative;display:flex;align-items:center}.Resumes-form-input-icon-wrapper input,.Resumes-form-input-icon-wrapper select,.Resumes-form-input-group select{width:100%;height:40px;padding:0 36px 0 12px;border:1px solid #cbd5e1;border-radius:4px;font-size:14px;outline:none;background-color:#fff;color:#334155;box-sizing:border-box}.Resumes-form-input-icon-wrapper input:focus,.Resumes-form-input-icon-wrapper select:focus,.Resumes-form-input-group select:focus{border-color:#6366f1}.Resumes-form-field-icon{position:absolute;right:12px;color:#64748b;font-size:16px;pointer-events:none}.Resumes-form-field-icon.select-down-fix{right:28px}.Resumes-form-input-group.float-label-mode{justify-content:flex-end}.Resumes-floating-top-label{position:absolute;top:-8px;left:10px;background-color:#fff;padding:0 4px;font-size:11px;color:#475569;z-index:10}.Resumes-form-input-group.full-width{grid-column:span 2;margin-bottom:24px}.Resumes-form-input-group.full-width select{padding:0 12px}.Resumes-form-actions-row{display:flex;gap:12px;align-items:center}.Resumes-form-btn-submit{background-color:#e2e8f0;border:none;color:#94a3b8;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.Resumes-form-btn-submit.edit-blue{background-color:#0284c7;color:#fff}.Resumes-form-btn-cancel{background-color:#b91c1c;border:none;color:#fff;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}.Resumes-delete-alert-box{background-color:#f8fafc;border-radius:8px;width:90%;max-width:460px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:zoomInAlert .2s cubic-bezier(.34,1.56,.64,1)}.Resumes-delete-title-prompt{font-size:26px;font-weight:500;color:#1e293b;margin:0 0 16px}.Resumes-delete-subtitle-prompt{font-size:14px;color:#475569;margin:0 0 20px;line-height:1.5}.Resumes-delete-item-spec-sheet{margin-bottom:24px;font-size:14px;color:#334155;display:flex;flex-direction:column;gap:8px}.Resumes-delete-actions-footer{display:flex;justify-content:flex-end;gap:12px}.Resumes-delete-btn-confirm,.Resumes-delete-btn-cancel{background-color:#0284c7;border:none;color:#fff;padding:10px 24px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer}@keyframes fadeInSmooth{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@keyframes slideDownModal{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomInAlert{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.Resumes-form-grid-layout{grid-template-columns:1fr;gap:16px}.Resumes-form-input-group.full-width{grid-column:span 1}}@media(max-width:768px){.Resumes-header-bar{flex-direction:column;align-items:flex-start;gap:8px}.Resumes-table-controls{flex-direction:column;align-items:stretch;gap:12px}.Resumes-search-wrapper{width:100%}.Resumes-action-buttons{justify-content:flex-end}.Resumes-pagination-bar{flex-direction:column;gap:12px;align-items:flex-end}}