html{font-size:16px;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f4f7f6;color:#343a40;line-height:1.5;min-height:100vh;overflow-x:hidden;width:100%;max-width:100vw}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}:root{--primary-blue: #2563eb;--primary-blue-hover: #1d4ed8;--primary-green: #28a745;--primary-orange: #ffc107;--primary-sky: #17a2b8;--card-bg: #ffffff;--body-bg: #f4f7f6;--text-dark: #111827;--text-muted: #6b7280;--border-light: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--header-height: 80px;--content-max-width: 1400px;--spacing-page: 24px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px}.content-area{flex-grow:1;width:100%;max-width:100%;min-height:calc(100vh - var(--header-height));padding:12px var(--spacing-page) var(--spacing-page);transition:margin-left .3s ease}.app-page-container{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--spacing-page)}.app-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:24px}.app-btn-primary{background:var(--primary-blue);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background .2s}.app-btn-primary:hover{background:var(--primary-blue-hover)}.app-btn-outline{background:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue);padding:8px 18px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.app-btn-outline:hover{background:#2563eb14}.app-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.app-table-wrap table{min-width:500px;width:100%}.full-height-center{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}@media(max-width:1200px){:root{--spacing-page: 20px}.content-area{padding:10px 20px 20px}}@media(max-width:768px){:root{--header-height: 64px;--spacing-page: 16px}.content-area{padding:8px 16px 16px}.app-page-container{padding:0 16px}.app-card{padding:16px}}@media(max-width:576px){:root{--spacing-page: 12px}.content-area{padding:6px 12px 12px}.app-card{padding:12px}}@media(max-width:480px){:root{--spacing-page: 8px}.content-area{padding:4px 8px 10px}}.leave-dashboard-container,.attendance-page-container,.claims-page-container,.separation-container{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}@media(max-width:768px){.leave-dashboard-container,.attendance-page-container,.claims-page-container,.separation-container{padding:16px}}@media(max-width:576px){.leave-dashboard-container,.attendance-page-container,.claims-page-container,.separation-container{padding:12px}}:root{--primary-blue: #007bff;--primary-green: #28a745;--primary-orange: #ffc107;--primary-sky: #17a2b8;--card-bg: #ffffff;--body-bg: #f4f7f6;--text-dark: #343a40;--text-muted: #6c757d;--border-light: #e9ecef;--shadow-light: 0 .5rem 1rem rgba(0, 0, 0, .05);--sidebar-width: 260px;--sidebar-mini-width: 80px}@keyframes dashboardCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboardSectionEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes sectionCardEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes listItemFade{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.dashboard-card-anim{animation:dashboardCardEnter .45s ease-out forwards;opacity:0}.dashboard-content{animation:dashboardSectionEnter .4s ease-out}.main-layout{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}@media(max-width:768px){.main-layout{min-width:0}}.content-area{flex-grow:1;padding-bottom:30px;transition:margin-left .3s ease;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}.content-area.sidebar-collapsed{margin-left:80px}@media(max-width:768px){.content-area.sidebar-collapsed{margin-left:0!important}}.dashboard-content{padding:24px 24px 32px;max-width:100%;width:100%;margin:0 auto;box-sizing:border-box;min-width:0}.dashboard-content .welcome-title{font-size:1.75rem;color:var(--text-dark);font-weight:700;margin:0 0 4px}.dashboard-content .overview-text{color:var(--text-muted);font-size:.9rem;margin:0 0 24px}.card{background-color:var(--card-bg);padding:20px;border-radius:10px;box-shadow:var(--shadow-light);border:1px solid var(--border-light)}.top-cards-grid .card{margin-top:0;border-radius:12px;padding:20px 20px 20px 18px;box-shadow:0 4px 12px #0000000f;border:1px solid #e5e7eb;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease}.top-cards-grid .card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.top-cards-grid .card:nth-child(1):before{background:linear-gradient(180deg,#2563eb,#3b82f6)}.top-cards-grid .card:nth-child(2):before{background:linear-gradient(180deg,#059669,#10b981)}.top-cards-grid .card:nth-child(3):before{background:linear-gradient(180deg,#0891b2,#06b6d4)}.top-cards-grid .card:nth-child(4):before{background:linear-gradient(180deg,#d97706,#f59e0b)}.top-cards-grid .card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}.top-cards-grid .card .card-icon-round{width:48px;height:48px;margin-left:14px}.top-cards-grid .card:hover .card-icon-round{transform:scale(1.08);box-shadow:0 6px 18px #0000002e}.top-cards-grid .manager-card .profile-action-btn{width:48px!important;height:48px!important;min-width:48px;min-height:48px;margin-left:14px;font-size:1.25rem;border-radius:13px}.top-cards-grid .manager-card .profile-action-btn .icon-white,.top-cards-grid .manager-card .profile-action-btn svg{width:24px;height:24px;min-width:24px;min-height:24px}.top-cards-grid .manager-card:hover .profile-action-btn{transform:scale(1.08);box-shadow:0 6px 18px #d9770666}.top-cards-grid .card .card-label{font-size:.75rem;letter-spacing:.04em;margin:0}.top-cards-grid .card .card-value{font-size:1.5rem;margin:6px 0 0;letter-spacing:-.02em}.top-cards-grid .card .card-subtext{font-size:.78rem;line-height:1.35}.card-label{font-size:.8rem;color:var(--text-muted);font-weight:600;margin:0;text-transform:uppercase;letter-spacing:.02em}.card-value{font-size:1.35rem;font-weight:700;color:var(--text-dark);margin:6px 0 0;line-height:1.2}.card-subtext{font-size:.85rem;color:var(--text-muted);margin:4px 0 0;line-height:1.3}.top-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:28px;margin-top:-12px;width:100%;min-width:0;overflow:hidden}.simple-card{padding:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:0}.card-content-wrapper{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.card-icon-round{width:44px;height:44px;border-radius:13px!important;display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-left:12px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 14px #0000001f}.card:hover .card-icon-round{transform:scale(1.1);box-shadow:0 6px 20px #0000002e}.icon-white{color:#fff;font-size:1.15rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.blue-bg{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 14px #2563eb66}.green-bg{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #10b98166}.orange-bg{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 14px #f59e0b66}.sky-bg{background:linear-gradient(135deg,#0891b2,#06b6d4);box-shadow:0 4px 14px #06b6d466}.manager-card{padding:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-width:0}.top-cards-grid .manager-card .card-label{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin:0}.profile-action-btn{border:none;width:44px;height:44px;border-radius:12px;font-size:1.25rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;display:flex;justify-content:center;align-items:center;flex-shrink:0;margin-left:12px;box-shadow:0 4px 14px #d9770659}.profile-action-btn .icon-white{filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.manager-card:hover .profile-action-btn{transform:scale(1.1);box-shadow:0 6px 20px #d9770680}.dashboard-content{padding:24px 24px 32px;max-width:100%;margin:0 auto;width:100%;box-sizing:border-box;min-width:0}.full-height-center{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.main-header-bar{background-color:var(--card-bg);padding:15px 30px;box-shadow:var(--shadow-light);display:flex;justify-content:flex-end;align-items:center;margin-bottom:30px}.search-box{display:flex;align-items:center;border:1px solid var(--border-light);border-radius:5px;padding:5px 10px;background-color:#f8f9fa}.search-box input{border:none;outline:none;background:none;font-size:.9rem;padding-right:5px}.search-icon{color:var(--text-muted)}.notification-icon{position:relative;color:var(--text-dark);font-size:1.2rem}.badge{position:absolute;top:-5px;right:-5px;background-color:red;color:#fff;font-size:.6rem;padding:2px 5px;border-radius:50%}.user-profile-menu{display:flex;align-items:center;cursor:pointer;gap:10px}.user-profile-menu p{font-weight:500;margin:0;color:var(--text-dark)}.user-profile-menu img{width:30px;height:30px;border-radius:50%}.dashboard-content .welcome-title{font-size:1.8rem;color:var(--text-dark);font-weight:700;margin-bottom:5px}.dashboard-content .overview-text{color:var(--text-muted);margin-top:0;margin-bottom:20px}.card{background-color:var(--card-bg);padding:20px;border-radius:8px;box-shadow:var(--shadow-light);border:1px solid var(--border-light);transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.card-label{font-size:.8rem;color:var(--text-muted);font-weight:500;margin:0}.card-value{font-size:1.5rem;font-weight:700;color:var(--text-dark);margin:5px 0 0}.card-subtext{font-size:.85rem;color:var(--text-muted);margin:0}.top-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px;margin-top:-12px}.top-card{display:flex;flex-direction:column}.simple-card{padding:15px 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.card-content-wrapper{display:flex;flex-direction:column}.icon-white{color:#fff;font-size:.9rem}.blue-bg{background-color:var(--primary-blue)}.green-bg{background-color:var(--primary-green)}.orange-bg{background-color:var(--primary-orange)}.manager-card{padding:15px 20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.manager-content-left{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.manager-profile-box{display:flex;flex-direction:column;align-items:flex-start;gap:0}.profile-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0}.manager-text{line-height:1.2}.manager-name-text{font-size:1.35rem;font-weight:700;color:var(--text-dark);margin:6px 0 0;line-height:1.2}.manager-dept-text{font-size:.85rem;color:var(--text-muted);margin:4px 0 0;line-height:1.3}.profile-action-btn{margin-left:12px;border:none;width:40px;height:40px;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:background-color .2s;display:flex;justify-content:center;align-items:center;flex-shrink:0}.main-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;min-width:0}.dashboard-content .main-grid .dashboard-top-row,.main-grid .dashboard-top-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px;grid-column:span 4;align-items:stretch;min-width:0}.dashboard-content .main-grid .dashboard-top-row .attendance-section,.dashboard-content .main-grid .dashboard-top-row .news-feed-section{grid-column:span 1!important;min-height:0;min-width:0;overflow:hidden}.dashboard-content .main-grid .dashboard-top-row .attendance-section,.main-grid .dashboard-top-row .attendance-section{min-height:400px}.dashboard-content .main-grid .dashboard-top-row .news-feed-section,.main-grid .dashboard-top-row .news-feed-section{display:flex!important;flex-direction:column;height:100%!important;max-height:400px!important;min-height:360;overflow:hidden}.dashboard-content .main-grid .dashboard-top-row .news-feed-section h2.news-feed,.dashboard-content .main-grid .dashboard-top-row .news-feed-section .subtext{flex-shrink:0}.dashboard-content .main-grid .dashboard-top-row .news-feed-section .news-feed-list,.main-grid .dashboard-top-row .news-feed-section .news-feed-list{overflow-y:auto!important;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.dashboard-content .main-grid .dashboard-top-row .news-feed-section .news-feed-list::-webkit-scrollbar,.main-grid .dashboard-top-row .news-feed-section .news-feed-list::-webkit-scrollbar{width:6px}.dashboard-content .main-grid .dashboard-top-row .news-feed-section .news-feed-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dashboard-content .main-grid .dashboard-top-row .news-feed-section .news-feed-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dashboard-content .main-grid .dashboard-top-row .news-feed-section .news-feed-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.grid-span-4{grid-column:span 4}.grid-span-2{grid-column:span 2}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin:0 0 8px}.attendance-section .section-title,.dashboard-content .attendance-section h2.section-title{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;font-size:1.25rem!important;font-weight:700!important}.subtext{font-size:.85rem;color:var(--text-muted);margin-top:0;margin-bottom:15px}.attendance-section{grid-column:span 4;background-color:var(--card-bg);padding:24px;border-radius:12px;min-width:0;box-shadow:var(--shadow-light);border:1px solid var(--border-light);transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden}.attendance-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.attendance-section:hover{box-shadow:0 8px 24px #4f46e51f}.attendance-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--border-light);padding-bottom:16px;margin-bottom:16px}.attendance-date{font-size:.85rem;color:var(--text-muted)}.attendance-body{display:flex;flex-direction:column;gap:20px;padding:20px 0}.status-row-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.location-badge{display:flex;align-items:center;gap:10px}.location-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.location-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;transition:all .2s ease}.location-pill .location-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.location-pill.on{background:#28a74526;color:#28a745}.location-pill.off{background:#dc35451f;color:#dc3545}.status-badge-main{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:12px;font-size:1rem;font-weight:700;letter-spacing:.5px}.status-badge-main.active{background:linear-gradient(135deg,#28a7452e,#28a74514);color:#28a745}.status-badge-main.inactive{background:#6c757d1f;color:#6c757d}.status-pulse-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-pulse-dot.active{background:#28a745;box-shadow:0 0 0 3px #28a74559}.status-badge-main.inactive .status-pulse-dot{background:#6c757d}.location-error-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#dc354514;border:1px solid rgba(220,53,69,.25);border-radius:8px;font-size:.82rem;color:#dc3545}.geo-reason-box{background:linear-gradient(135deg,#fffbf0,#fff8e7);border:1px solid rgba(255,193,7,.5);border-radius:12px;padding:18px 20px;margin-top:4px;box-shadow:0 2px 8px #ffc10714}.geo-reason-box__label{display:block;font-size:.9rem;font-weight:600;color:#960;margin-bottom:10px;letter-spacing:.2px}.geo-reason-box__input{width:100%;padding:14px 16px;border:1.5px solid rgba(255,193,7,.6);border-radius:10px;font-size:.95rem;font-family:inherit;line-height:1.5;resize:vertical;min-height:80px;background:#fff;color:var(--text-dark);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.geo-reason-box__input::placeholder{color:#a0a0a0}.geo-reason-box__input:focus{outline:none;border-color:#f0ad4e;box-shadow:0 0 0 3px #f0ad4e40}.geo-reason-box__hint{font-size:.8rem;color:#960;margin:10px 0 0;opacity:.9}.status-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.status-stat-card{background:#f8f9fa;border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;border:1px solid #eee}.status-stat-card.highlight{background:linear-gradient(135deg,#eef2ff,#eff6ff,#ecfdf5);border-color:#4f46e533}.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.stat-value{font-size:1.35rem;font-weight:700;color:var(--text-dark)}.stat-timer{color:#3b82f6;font-variant-numeric:tabular-nums}.status-action-buttons{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.btn-punch{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-punch:disabled{opacity:.5;cursor:not-allowed}.btn-punch-in,.btn-punch-out{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;color:#fff!important;border:none;box-shadow:0 2px 8px #4f46e54d}.btn-punch-in:hover:not(:disabled),.btn-punch-out:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.btn-icon{font-size:1.1rem}.attendance-body .label{font-size:.8rem;color:var(--text-muted);margin-bottom:5px}.attendance-body .time-value{font-size:1.4rem;font-weight:700;color:var(--text-dark);margin:0}.dashed-border{border-bottom:2px dashed #999;padding-bottom:2px;width:fit-content}.quick-actions{grid-column:span 4;background-color:var(--card-bg);padding:25px;border-radius:12px;box-shadow:var(--shadow-light);min-width:0;width:100%;max-width:100%;border:1px solid var(--border-light);position:relative;overflow:hidden;box-sizing:border-box}.quick-actions:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#7c3aed,#8b5cf6)}.actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;min-width:0}.action-card{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 20px 22px;border:1px solid var(--border-light);border-radius:12px;transition:transform .3s ease,box-shadow .3s ease,border-color .25s ease,background .25s ease;cursor:pointer;min-width:0;background:var(--card-bg);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.action-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1);opacity:.9;transition:width .25s ease,opacity .25s ease}.action-card:has(.action-icon.blue):before{background:linear-gradient(180deg,#2563eb,#3b82f6)}.action-card:has(.action-icon.orange):before{background:linear-gradient(180deg,#d97706,#f59e0b)}.action-card:has(.action-icon.green):before{background:linear-gradient(180deg,#059669,#10b981)}.action-card:has(.action-icon.sky):before{background:linear-gradient(180deg,#0891b2,#06b6d4)}.action-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #4f46e526,0 4px 12px #0000000f;border-color:#4f46e533;background:linear-gradient(135deg,#fff,#fafbff)}.action-card:hover:before{width:5px;opacity:1}.action-card:hover .action-icon.blue{transform:scale(1.08);box-shadow:0 0 20px #3b82f68c,0 6px 18px #0000001f,inset 1px 1px #fff3}.action-card:hover .action-icon.orange{transform:scale(1.08);box-shadow:0 0 20px #f59e0b8c,0 6px 18px #0000001f,inset 1px 1px #ffffff40}.action-card:hover .action-icon.green{transform:scale(1.08);box-shadow:0 0 20px #10b9818c,0 6px 18px #0000001f,inset 1px 1px #fff3}.action-card:hover .action-icon.sky{transform:scale(1.08);box-shadow:0 0 20px #06b6d48c,0 6px 18px #0000001f,inset 1px 1px #fff3}.action-icon-group{display:flex;align-items:center;gap:16px}.actions-grid .action-icon,.action-card .action-icon{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:10px;display:flex;justify-content:center;align-items:center;flex-shrink:0;color:#fff;transition:transform .3s ease,box-shadow .3s ease;position:relative}.action-icon-inner{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.action-icon-inner svg{width:1.4rem;height:1.4rem;min-width:1.4rem;min-height:1.4rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0}.action-icon.blue{background:linear-gradient(145deg,#2563eb,#3b82f6,#7dd3fc);box-shadow:0 0 14px #3b82f673,0 4px 14px #0000001f,inset 1px 1px #ffffff26}.action-icon.orange{background:linear-gradient(145deg,#d97706,#f59e0b,#fcd34d);box-shadow:0 0 14px #f59e0b73,0 4px 14px #0000001f,inset 1px 1px #fff3}.action-icon.green{background:linear-gradient(145deg,#059669,#10b981,#6ee7b7);box-shadow:0 0 14px #10b98173,0 4px 14px #0000001f,inset 1px 1px #ffffff26}.action-icon.sky{background:linear-gradient(145deg,#0891b2,#06b6d4,#67e8f9);box-shadow:0 0 14px #06b6d473,0 4px 14px #0000001f,inset 1px 1px #ffffff26}.action-card h4{font-size:1.02rem;font-weight:600;color:var(--text-dark);margin:0 0 4px;letter-spacing:-.01em;transition:color .2s ease}.action-card:hover h4{color:#4f46e5}.action-card p{font-size:.82rem;color:var(--text-muted);margin:0;line-height:1.4;transition:color .2s ease}.action-card:hover p{color:#6b7280}.action-card .arrow{color:var(--text-muted);font-size:1.25rem;flex-shrink:0;transition:transform .25s ease,color .25s ease}.action-card:hover .arrow{transform:translate(4px);color:#4f46e5}.recent-box,.news-feed-section{animation:sectionCardEnter .5s ease-out forwards;transition:transform .3s ease,box-shadow .3s ease,border-color .25s ease;border-radius:12px}.recent-box{background-color:var(--card-bg);padding:25px;box-shadow:var(--shadow-light);border:1px solid var(--border-light);height:fit-content;min-width:0;position:relative;overflow:hidden}.recent-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#059669,#10b981)}.recent-box:hover,.news-feed-section:hover{transform:translateY(-4px);box-shadow:0 12px 28px #4f46e51f;border-color:#4f46e526}.news-feed-section{background-color:var(--card-bg);padding:25px;box-shadow:var(--shadow-light);border:1px solid var(--border-light);height:fit-content;animation-delay:.05s;position:relative;overflow:hidden}.news-feed-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#0891b2,#06b6d4)}.recent-box{animation-delay:.1s}.news-feed-list{list-style:none;margin:0;padding:0}.news-feed-item{padding:14px 0;border-bottom:1px solid var(--border-light);transition:background .2s ease,padding-left .2s ease;animation:listItemFade .4s ease-out forwards}.news-feed-item:nth-child(1){animation-delay:.05s}.news-feed-item:nth-child(2){animation-delay:.1s}.news-feed-item:nth-child(3){animation-delay:.15s}.news-feed-item:nth-child(4){animation-delay:.2s}.news-feed-item:nth-child(5){animation-delay:.25s}.news-feed-item:hover{background:#4f46e50a;padding-left:8px}.news-feed-item:last-child{border-bottom:none}.news-feed-section .news-feed-title,.main-grid .news-feed-section h4.news-feed-title{margin:0 0 8px;font-size:1rem;font-weight:600;color:#000!important}.news-feed-section .news-feed-content,.main-grid .news-feed-section p.news-feed-content{margin:0 0 8px;font-size:.9rem;color:#000!important;line-height:1.4;white-space:pre-wrap}.news-feed-section .news-feed-meta,.news-feed-section .news-feed-date,.main-grid .news-feed-section .news-feed-meta,.main-grid .news-feed-section .news-feed-date{color:#000!important}.news-feed-section .news-feed-meta{display:flex;align-items:center;gap:12px;font-size:.8rem}.news-feed-file{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease,transform .2s ease}.news-feed-file:hover{color:#4f46e5;text-decoration:underline;transform:translate(2px)}.news-feed-section .news-feed-empty,.main-grid .news-feed-section p.news-feed-empty{margin:0;color:#000!important;font-size:.9rem}.recent-box .activity-list{overflow:hidden}.activity-list li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border-light);font-size:.9rem;transition:background .2s ease,padding-left .2s ease;animation:listItemFade .4s ease-out forwards;opacity:0}.activity-list li:nth-child(1){animation-delay:.05s}.activity-list li:nth-child(2){animation-delay:.1s}.activity-list li:nth-child(3){animation-delay:.15s}.activity-list li:nth-child(4){animation-delay:.2s}.activity-list li:nth-child(5){animation-delay:.25s}.activity-list li:nth-child(6){animation-delay:.3s}.activity-list li:nth-child(7){animation-delay:.35s}.activity-list li:nth-child(8){animation-delay:.4s}.activity-list li:hover{background:#4f46e50a;padding-left:8px}.recent-box .activity-list .left,.main-grid .recent-box .activity-list .left,.recent-box .activity-list li .left{color:#000!important;font-weight:500}.recent-box .activity-list .time,.main-grid .recent-box .activity-list .time,.recent-box .activity-list li .time{color:#000!important;font-size:.85rem}.activity-list .dot{width:8px;height:8px;border-radius:50%;margin-right:10px;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.activity-list li:hover .dot{transform:scale(1.2);box-shadow:0 0 0 2px #4f46e533}.activity-list .dot.blue{background:#3b82f6}.activity-list .dot.green{background:#10b981}.activity-list .dot.red{background:#ef4444}.news-feed-section h2.news-feed .news-feed-gradient-text{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block!important}.recent-box h2.rec-act,.news-feed-section h2.news-feed,.dashboard-content .recent-box h2.rec-act,.dashboard-content .news-feed-section h2.news-feed,.dashboard-content .main-grid .recent-box h2.rec-act,.dashboard-content .main-grid .news-feed-section h2.news-feed,.dashboard-content .main-grid .dashboard-top-row .news-feed-section h2.news-feed{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;font-size:1.25rem!important;font-weight:700!important;margin:0 0 8px!important;display:inline-block}@media(max-width:1400px){.dashboard-content{padding:16px 20px 28px;max-width:100%}.top-cards-grid,.main-grid{gap:18px}.actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.dashboard-content .main-grid .dashboard-top-row,.main-grid .dashboard-top-row{grid-template-columns:1fr!important;max-height:none!important}.dashboard-content .main-grid .dashboard-top-row .attendance-section,.main-grid .dashboard-top-row .news-feed-section{grid-column:span 1!important;max-height:none!important;min-width:100%!important}.main-grid .dashboard-top-row .news-feed-section{min-height:220px}.actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions{width:100%;min-width:0}}@media(max-width:1200px){.content-area{padding-left:0;padding-right:0}.dashboard-content{padding:12px 20px 24px}.top-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}.simple-card,.manager-card{grid-column:span 1}.main-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-span-4,.grid-span-2{grid-column:span 2}.actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.quick-actions{width:100%;min-width:0}.attendance-section,.quick-actions{grid-column:span 2}.attendance-body{flex-wrap:wrap}.status-row-top,.status-stats-grid,.status-action-buttons{width:100%;margin-bottom:10px}.section-title,.attendance-section .section-title,.recent-box h2.rec-act,.news-feed-section h2.news-feed{font-size:1.15rem}}@media(max-width:992px){.dashboard-content{padding:10px 16px 20px}.top-cards-grid,.main-grid{gap:14px}.attendance-section,.quick-actions{padding:20px}.action-card{padding:14px}.manager-profile-box{flex-wrap:wrap}.top-cards-grid .manager-card .manager-name-text{font-size:1.5rem!important}.top-cards-grid .manager-card .manager-dept-text{font-size:.78rem!important}}@media(max-width:768px){.dashboard-content .main-grid .dashboard-top-row,.main-grid .dashboard-top-row,.dashboard-top-row{grid-template-columns:1fr!important;display:grid!important}.main-grid{display:flex!important;flex-direction:column!important;width:100%}.dashboard-top-row{order:1}.quick-actions{order:2}.recent-box{order:3}.main-layout .main-layout .content-area{padding-left:0!important;padding-right:0!important}.content-area{margin-left:0!important;padding:8px 10px 16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.dashboard-content{padding:10px 10px 20px!important;margin-top:0;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.main-header-bar{padding:12px 16px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.header-right{gap:12px}.dashboard-content .welcome-title{font-size:1.4rem}.dashboard-content .overview-text{font-size:.85rem;margin-bottom:16px}.top-cards-grid,.main-grid,.actions-grid{grid-template-columns:1fr;gap:14px}.top-cards-grid{margin-bottom:20px}.grid-span-4,.grid-span-2,.attendance-section,.quick-actions{grid-column:span 1}.simple-card,.manager-card{grid-column:span 1;padding:16px;min-width:0}.top-cards-grid .manager-card .manager-name-text{font-size:1.5rem!important}.top-cards-grid .manager-card .manager-dept-text{font-size:.78rem!important}.card-icon-round{width:40px;height:40px;margin-left:10px}.attendance-section{padding:18px}.attendance-header{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:12px;margin-bottom:12px}.attendance-body{flex-direction:column;align-items:stretch;gap:14px;padding:14px 0}.status-row-top{flex-direction:column;align-items:stretch;gap:12px;width:100%}.status-stats-grid{grid-template-columns:1fr;width:100%}.status-stat-card{padding:14px 16px}.status-action-buttons{flex-direction:column;width:100%;justify-content:stretch;gap:10px}.btn-punch{flex-grow:1;width:100%;justify-content:center;padding:14px 20px}.quick-actions{padding:18px;width:100%;min-width:0;max-width:100%}.actions-grid{grid-template-columns:1fr;gap:12px;width:100%;min-width:0}.action-card{padding:14px 16px;min-width:0;max-width:100%;overflow:hidden}.action-icon-group{min-width:0;flex:1}.action-icon-group h4{font-size:.95rem}.action-icon-group p{font-size:.8rem}.news-feed-section,.recent-box{grid-column:span 1;padding:18px}.news-feed-item{padding:12px 0}.activity-list li{flex-wrap:wrap;gap:6px}.search-box,.user-profile-menu p{display:none}}@media(max-width:576px){.main-layout .main-layout .content-area{padding-left:0!important;padding-right:0!important}.content-area{padding:6px 8px 12px!important;width:100%!important;max-width:100%!important}.dashboard-content{padding:8px 8px 16px!important;width:100%!important;max-width:100%!important}.main-header-bar{padding:10px 12px;margin-bottom:16px}.dashboard-content .welcome-title{font-size:1.25rem}.top-cards-grid,.main-grid,.actions-grid{gap:12px}.simple-card,.manager-card{padding:14px}.top-cards-grid .card .card-value,.card-value{font-size:1.2rem}.top-cards-grid .manager-card .manager-name-text{font-size:1.2rem!important}.card-label{font-size:.75rem}.card-subtext{font-size:.8rem}.manager-profile-box{flex-direction:column;align-items:flex-start}.profile-avatar{width:48px;height:48px}.top-cards-grid .manager-card .manager-dept-text{font-size:.8rem!important}.card-icon-round,.profile-action-btn,.actions-grid .action-icon,.action-card .action-icon{width:40px!important;height:40px!important}.top-cards-grid .manager-card .profile-action-btn{width:36px!important;height:36px!important;min-width:36px;min-height:36px}.actions-grid .action-icon,.action-card .action-icon{border-radius:8px}.action-icon-inner svg{width:.875rem;height:.875rem;min-width:.875rem;min-height:.875rem}.profile-action-btn{font-size:1rem}.attendance-section{padding:14px}.section-title,.attendance-section .section-title,.recent-box h2.rec-act,.news-feed-section h2.news-feed{font-size:1.05rem}.attendance-date{font-size:.8rem}.location-pill{padding:5px 12px;font-size:.8rem}.status-badge-main{padding:8px 16px;font-size:.9rem}.status-stat-card{padding:12px 14px}.stat-value{font-size:1.2rem}.btn-punch{padding:12px 16px;font-size:.9rem}.quick-actions{padding:14px;width:100%!important;min-width:0;max-width:100%;box-sizing:border-box}.actions-grid{grid-template-columns:1fr;width:100%;min-width:0}.action-card{padding:12px 14px;min-width:0;max-width:100%;box-sizing:border-box}.news-feed-title{font-size:.95rem}.news-feed-content{font-size:.85rem}}@media(max-width:480px){.main-layout .main-layout .content-area{padding-left:0!important;padding-right:0!important}.content-area{padding:4px 6px 10px!important;width:100%!important;max-width:100%!important}.dashboard-content{padding:6px 8px 12px!important;width:100%!important;max-width:100%!important}.main-grid,.top-cards-grid,.quick-actions,.actions-grid{width:100%;min-width:0;max-width:100%}.action-card{width:100%;min-width:0;max-width:100%;box-sizing:border-box}}@media(max-width:400px){.content-area{padding:4px 6px 10px!important}.dashboard-content{padding:4px 6px 12px!important}.top-cards-grid,.main-grid,.actions-grid{gap:10px}.simple-card,.manager-card{padding:12px}.top-cards-grid .card .card-value,.card-value{font-size:1.1rem}.top-cards-grid .manager-card .manager-name-text{font-size:1.1rem!important}.top-cards-grid .manager-card .manager-dept-text{font-size:.8rem!important}.attendance-section,.quick-actions{padding:12px;width:100%;min-width:0}.actions-grid{grid-template-columns:1fr;gap:10px}.btn-punch{padding:10px 14px;font-size:.85rem}.action-card{padding:10px 12px;min-width:0}}.loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#25b09b;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.dashboard-content .main-grid .news-feed-section .news-feed-item .news-feed-title,.dashboard-content .main-grid .news-feed-section .news-feed-item .news-feed-content,.dashboard-content .main-grid .news-feed-section .news-feed-meta,.dashboard-content .main-grid .news-feed-section .news-feed-date,.dashboard-content .main-grid .news-feed-section .news-feed-empty,.dashboard-content .main-grid .recent-box .activity-list li .left,.dashboard-content .main-grid .recent-box .activity-list li .time{color:#000!important}html,body{width:100%;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header-container{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#ffffffd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px -2px #0000001a;position:sticky;top:0;width:100%;z-index:999;height:5rem}.logo{display:flex;align-items:center}.logo-img{height:50px;width:auto;object-fit:contain}.nav-menu{display:flex;gap:25px}.nav-link{font-size:20px;font-weight:600;color:#333;text-decoration:none;position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);width:0;transition:width .5s ease-in-out}.nav-link:hover:after{width:100%}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:25px;height:20px;cursor:pointer}.hamburger div{height:3px;width:100%;background-color:#333;border-radius:2px;transition:all .3s ease}.mobile-menu{display:none;flex-direction:column;gap:20px;background:#ffffffd9;position:absolute;top:100%;left:0;width:100%;padding:20px 0;box-shadow:0 4px 8px #0000001a;text-align:center}.mobile-menu a{font-size:22px;font-weight:600;color:#333;text-decoration:none;display:block}.mobile-menu.active{display:flex}@media(max-width:768px){.nav-menu{display:none}.hamburger{display:flex}}*{margin:0;padding:0;box-sizing:border-box}.index-container{min-height:100vh;background:linear-gradient(to bottom,#fff,#f6f7f9,#f2f5f8);position:relative;overflow:hidden}.background-elements{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bg-circle-1{position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:600px;background:linear-gradient(to bottom right,var(--primary)/10,var(--secondary)/5,transparent);border-radius:50%;filter:blur(3xl)}.bg-circle-2{position:absolute;top:33%;right:0;width:600px;height:600px;background:linear-gradient(to bottom left,var(--accent)/10,transparent,transparent);border-radius:50%;filter:blur(3xl)}.main-content{background:radial-gradient(circle at center,#b3d1ecda,#fff 70%);position:relative;z-index:10;padding:3rem 1rem 4rem;text-align:center}.hero-container{display:flex;justify-content:center;align-items:flex-start;position:relative;transition:transform .7s ease}.hero-text-block{width:60%;text-align:center;transition:transform .7s ease,opacity .7s ease}.shift-left .hero-text-block{transform:translate(-220px);opacity:1}.hero-title{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(2.5rem,8vw,7rem);font-weight:700;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;white-space:nowrap;overflow:hidden;width:0ch}@keyframes typewriter{0%{width:0ch}to{width:10ch}}@keyframes cursorBlink{0%,50%{border-color:#4f46e5}51%,to{border-color:transparent}}.animate-typewriter{animation:typewriter 1.5s steps(10) forwards,cursorBlink .7s step-end infinite}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-reveal{opacity:0;animation:reveal 1s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{opacity:0;animation:fadeInUp 1s ease forwards}.hero-subtitle{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:600;color:#000000e6}.hero-description{font-size:clamp(1rem,2.5vw,1.4rem);color:#000000b3}.cta-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.log-text{font-size:1.2rem;margin-top:-2rem;font-weight:500}.cta-text p{font-weight:600}.cta-button{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;font-size:1.1rem;font-weight:800;width:19rem;height:3.8rem;padding:1rem 3rem;border-radius:1rem;border:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 12px 25px #0000004d;transform:scale(1.05);border-radius:1rem}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;margin-top:3rem}.feature-card{background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.5rem;padding:2rem;text-align:center;box-shadow:0 4px 10px #5a5656bd;transition:all .3s ease}.feature-card:hover{transform:scale(1.05);box-shadow:0 8px 20px #141414ab;background:#ffffffe6}.feature-icon{font-size:3rem;margin-bottom:1rem;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1)}.login-card{width:400px;padding:2.2rem;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;box-shadow:0 8px 20px #00000026;display:flex;flex-direction:column;gap:1rem;position:absolute;right:-450px;top:2rem;opacity:0;transition:right .7s ease,opacity .7s ease}.login-card.slide-in{right:8px;top:-20px;opacity:1}.login-card input{padding:12px 14px;border-radius:10px;border:1px solid #ccc;font-size:1rem}.login-submit{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;padding:.9rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .3s ease}.login-submit:hover{transform:scale(1.05)}.forgot-wrap{text-align:right}.forgot-btn{font-size:.9rem;color:#555;cursor:pointer;background:none;border:none;padding:0;margin:0;display:inline;font-family:inherit}.forgot-btn:hover{text-decoration:underline;color:#4f46e5}.password-wrapper{position:relative;width:100%}.password-wrapper input{width:100%;padding-right:40px}.toggle-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.2rem;-webkit-user-select:none;user-select:none}@media(max-width:900px){.hero-container{flex-direction:column;align-items:center}.hero-text-block{width:100%;transform:translate(0)!important;text-align:center}.login-card{position:relative;width:100%;right:auto!important;margin-top:1.5rem;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:all .5s ease}.login-card.slide-in{max-height:500px;opacity:1;pointer-events:auto;padding:2rem;margin-top:2rem;margin-bottom:4.5rem}.log-text{font-size:.9rem;font-weight:700}.feature-cards{margin-top:-3rem!important}}:root{--att-body-bg: #f4f7f6;--att-card-bg: #ffffff;--att-text-dark: #111827;--att-text-muted: #6b7280;--att-border: #e5e7eb;--att-shadow: 0 4px 12px rgba(0, 0, 0, .06)}@keyframes attSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes attSectionEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes attCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.attendance-dashboard-container{padding:24px 24px 32px;max-width:1400px;margin:0 auto;background-color:var(--att-body-bg);min-height:100vh;animation:attSectionEnter .4s ease-out}.attendance-loading{padding:4rem 1rem;text-align:center}.attendance-loader{width:40px;height:40px;margin:0 auto;border:3px solid var(--att-border);border-top-color:#4f46e5;border-radius:50%;animation:attSpin .8s linear infinite}.attendance-loading-text{margin-top:16px;color:var(--att-text-muted);font-size:.95rem}.attendance-error{padding:12px 16px;margin-bottom:20px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.9rem}.attendance-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:28px}.attendance-summary-card{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--att-card-bg);border-radius:12px;padding:20px 20px 20px 18px;box-shadow:var(--att-shadow);border:1px solid var(--att-border);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease;animation:attCardEnter .45s ease-out forwards;min-width:0}.attendance-summary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.attendance-summary-card.attendance-card-blue:before{background:linear-gradient(180deg,#2563eb,#3b82f6)}.attendance-summary-card.attendance-card-green:before{background:linear-gradient(180deg,#059669,#10b981)}.attendance-summary-card.attendance-card-orange:before{background:linear-gradient(180deg,#d97706,#f59e0b)}.attendance-summary-card.attendance-card-yellow:before{background:linear-gradient(180deg,#ca8a04,#eab308)}.attendance-summary-card:nth-child(1){animation-delay:0s}.attendance-summary-card:nth-child(2){animation-delay:.06s}.attendance-summary-card:nth-child(3){animation-delay:.12s}.attendance-summary-card:nth-child(4){animation-delay:.18s}.attendance-summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}.attendance-summary-content{min-width:0;flex:1}.attendance-summary-value{font-size:1.5rem;font-weight:700;color:var(--att-text-dark);line-height:1.2;margin:0;letter-spacing:-.02em}.attendance-summary-label{font-size:.75rem;color:var(--att-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:6px 0 0}.attendance-summary-subtext{font-size:.78rem;color:var(--att-text-muted);margin:4px 0 0;line-height:1.35}.attendance-summary-icon{width:48px;height:48px;border-radius:12px;display:flex;justify-content:center;align-items:center;margin-left:14px;color:#fff;flex-shrink:0;font-size:1.25rem;transition:transform .25s ease,box-shadow .25s ease}.attendance-summary-card:hover .attendance-summary-icon{transform:scale(1.08);box-shadow:0 6px 18px #0000002e}.attendance-card-blue .attendance-summary-icon{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 14px #2563eb66}.attendance-card-green .attendance-summary-icon{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #10b98166}.attendance-card-orange .attendance-summary-icon{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 14px #f59e0b66}.attendance-card-yellow .attendance-summary-icon{background:linear-gradient(135deg,#ca8a04,#eab308);box-shadow:0 4px 14px #eab30866}.attendance-icon-flipped{transform:rotate(180deg)}.attendance-calendar-card{background-color:var(--att-card-bg);border-radius:12px;padding:24px;box-shadow:var(--att-shadow);border:1px solid var(--att-border);position:relative;overflow:hidden;transition:box-shadow .25s ease;animation:attCardEnter .45s ease-out .1s both}.attendance-calendar-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.attendance-calendar-card:hover{box-shadow:0 6px 20px #00000014}.calendar-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px}.attendance-section-title{font-size:1.25rem;font-weight:700;margin:0 0 4px;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.title-subtext{font-size:.875rem;color:var(--att-text-muted);flex-basis:100%;margin:0 0 12px}.calendar-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dropdowns-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-icon-wrapper{background-color:#f3f4f6;padding:8px 12px;border-radius:8px;font-size:1rem;color:var(--att-text-muted);flex-shrink:0;border:1px solid var(--att-border)}.custom-dropdown-v2{position:relative;display:inline-block;z-index:20}.dropdown-toggle{display:flex;align-items:center;justify-content:space-between;background-color:var(--att-card-bg);border:1px solid var(--att-border);border-radius:8px;padding:10px 14px;min-width:120px;font-size:.9rem;color:var(--att-text-dark);cursor:pointer;font-weight:500;transition:border-color .2s,box-shadow .2s}.dropdown-toggle:hover{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.dropdown-arrow{margin-left:10px;transition:transform .3s;color:var(--att-text-muted)}.dropdown-arrow.rotate{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:6px;background-color:var(--att-card-bg);border:1px solid var(--att-border);border-radius:8px;list-style:none;padding:4px 0;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px #0000001f;min-width:100%;z-index:30}.dropdown-item{padding:10px 14px;cursor:pointer;font-size:.9rem;color:var(--att-text-dark);transition:background-color .15s}.dropdown-item:hover{background-color:#4f46e50f}.dropdown-item.selected{background:linear-gradient(90deg,#4f46e526,#3b82f626);color:#4f46e5;font-weight:600}.attendance-btn{border:none;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;flex-shrink:0;color:#fff}.attendance-btn-refresh,.attendance-btn-download{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)}.attendance-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e559}.attendance-btn:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.attendance-btn-refresh:disabled .icon-white{animation:attSpin 1s linear infinite}.status-key{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;font-size:.8rem;color:var(--att-text-muted);margin-bottom:18px;padding-top:4px}.key-item{display:flex;align-items:center;gap:6px;flex-shrink:0}.key-item:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.key-item.status-present:before{background-color:#10b981}.key-item.status-absent:before{background-color:#ef4444}.key-item.status-on-leave:before{background-color:#e11d48}.key-item.status-half-day:before{background-color:#f59e0b}.key-item.status-pending:before{background-color:#f97316}.status-key .key-item.status-pending{background-color:transparent!important;background:none!important}.key-item.status-wfm:before{background-color:#3b82f6}.key-item.status-weekend:before{background-color:#9ca3af}.key-item.status-public-holiday:before{background-color:#f59e0b}.key-item.status-optional-holiday:before{background-color:#8b5cf6}.calendar-grid-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-24px;margin-right:-24px;padding:0 24px 24px;border-radius:0 0 8px 8px}.calendar-grid-scroll-wrap::-webkit-scrollbar{height:6px}.calendar-grid-scroll-wrap::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.calendar-grid-scroll-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.calendar-grid-scroll-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b8}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;border-radius:8px;overflow:hidden;border:1px solid var(--att-border);min-width:560px}.day-name{text-align:center;font-weight:600;padding:10px 6px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:var(--att-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}.calendar-grid .day-name:nth-child(1),.calendar-grid .day-name:nth-child(7){background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:var(--att-text-dark)}.calendar-day-cell{border:1px solid var(--att-border);border-radius:6px;margin:1px;min-height:76px;padding:8px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:var(--att-card-bg);transition:box-shadow .15s ease,border-color .15s ease}.calendar-day-cell:hover{box-shadow:inset 0 0 0 2px #4f46e54d;border-color:#4f46e566;z-index:2}.calendar-day-cell.status-empty{background-color:#f9fafb;cursor:default;pointer-events:none;min-height:60px}.calendar-day-cell.status-empty:hover{box-shadow:none}.day-number{font-size:1rem;font-weight:700;color:var(--att-text-dark)}.day-status-label{font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:4px;margin-top:4px;color:var(--att-text-dark);background-color:#fffc;border:1px solid rgba(0,0,0,.06)}.day-work-hours{font-size:.65rem;font-weight:600;margin-top:2px;color:var(--att-text-muted);line-height:1.2}.day-status-row{width:100%;margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px}.day-status-row .day-status-label{margin-top:0}.day-work-hours-bold{margin-top:0;font-weight:700}.calendar-day-cell.status-present{background-color:#ecfdf5;border-color:#a7f3d0}.calendar-day-cell.status-present .day-status-label{color:#065f46}.calendar-day-cell.status-absent{background-color:#fef2f2;border-color:#fecaca}.calendar-day-cell.status-absent .day-status-label{color:#b91c1c}.calendar-day-cell.status-on-leave{background-color:#fff1f2;border-color:#fda4af}.calendar-day-cell.status-on-leave .day-status-label{color:#be123c}.calendar-day-cell.status-half-day{background-color:#fffbeb;border-color:#fde68a}.calendar-day-cell.status-half-day .day-status-label{color:#b45309}.calendar-day-cell.status-public-holiday{background-color:#fff7ed;border-color:#fed7aa}.calendar-day-cell.status-public-holiday .day-status-label{color:#c2410c}.calendar-day-cell.status-optional-holiday{background-color:#f5f3ff;border-color:#c4b5fd}.calendar-day-cell.status-optional-holiday .day-status-label{color:#5b21b6}.calendar-day-cell.status-pending{background-color:#fff7ed;border-color:#fed7aa}.calendar-day-cell.status-pending .day-status-label{color:#c2410c}.calendar-day-cell.status-wfm{background-color:#eff6ff;border-color:#93c5fd}.calendar-day-cell.status-wfm .day-status-label{color:#1e40af}.calendar-day-cell.status-weekend{background-color:#f8fafc;border-color:#e2e8f0}.calendar-day-cell.status-weekend .day-number,.calendar-day-cell.status-public-holiday .day-number{color:var(--att-text-muted)}.calendar-day-cell.status-weekend .day-status-label{display:none}@media(max-width:1200px){.attendance-dashboard-container{padding:20px 20px 28px}.attendance-summary-grid{gap:16px;margin-bottom:24px}.attendance-summary-card{padding:18px}.attendance-summary-value{font-size:1.35rem}.attendance-calendar-card{padding:20px}.calendar-grid-scroll-wrap{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}@media(max-width:992px){.attendance-dashboard-container{padding:16px 16px 24px}.attendance-summary-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px}.attendance-summary-card:nth-child(3),.attendance-summary-card:nth-child(4){animation-delay:.08s}.attendance-summary-value{font-size:1.25rem}.attendance-section-title{font-size:1.15rem}.attendance-calendar-card{padding:18px}.calendar-grid-scroll-wrap{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.calendar-day-cell{min-height:70px;padding:6px}.day-number{font-size:.95rem}.day-status-label{font-size:.6rem}}@media(max-width:768px){.attendance-dashboard-container{padding:12px 12px 20px}.attendance-summary-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.attendance-summary-card{padding:16px}.attendance-summary-icon{width:44px;height:44px;font-size:1.1rem;margin-left:12px}.attendance-summary-value{font-size:1.2rem}.attendance-section-title{font-size:1.1rem}.title-subtext{font-size:.8rem}.calendar-header-row{flex-direction:column;align-items:stretch;margin-bottom:16px}.calendar-controls{width:100%;flex-direction:column;gap:10px}.dropdowns-group{width:100%;display:grid;grid-template-columns:auto 1fr 1fr;gap:8px;align-items:center}.dropdown-toggle{min-width:0;width:100%}.attendance-btn{width:100%;justify-content:center}.status-key{gap:10px 14px;font-size:.75rem;margin-bottom:14px}.calendar-grid{gap:1px}.day-name{padding:8px 4px;font-size:.7rem}.calendar-day-cell{min-height:56px;padding:5px}.day-number{font-size:.9rem}.day-status-label{font-size:.55rem;padding:2px 4px}.day-work-hours{font-size:.6rem}}@media(max-width:576px){.attendance-dashboard-container{padding:10px 10px 16px}.attendance-summary-card{padding:14px}.attendance-summary-icon{width:40px;height:40px;font-size:1rem;margin-left:10px}.attendance-summary-value{font-size:1.15rem}.attendance-summary-label,.attendance-summary-subtext{font-size:.7rem}.attendance-calendar-card{padding:14px}.calendar-grid-scroll-wrap{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}.attendance-section-title{font-size:1.05rem}.dropdowns-group{grid-template-columns:1fr 1fr}.filter-icon-wrapper{grid-column:span 2}.calendar-day-cell{min-height:50px;padding:4px}.day-number{font-size:.85rem}.key-item:before{width:6px;height:6px}}@media(max-width:400px){.attendance-dashboard-container{padding:8px 8px 12px}.attendance-summary-card{padding:12px}.attendance-summary-icon{width:36px;height:36px;font-size:.9rem;margin-left:8px}.attendance-summary-value{font-size:1.1rem}.attendance-calendar-card{padding:12px}.calendar-grid-scroll-wrap{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.attendance-section-title{font-size:1rem}.attendance-btn{padding:8px 12px;font-size:.85rem}.calendar-day-cell{min-height:46px}.day-name{font-size:.65rem;padding:6px 2px}.day-number{font-size:.8rem}.day-status-label{font-size:.5rem;padding:1px 3px}}.toast{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-left:4px solid #10b981;z-index:9999;animation:slideInRight .3s ease-out}.toast--success{border-left-color:#10b981}.toast--error{border-left-color:#ef4444}.toast__message{font-size:.9rem;font-weight:500;color:#1e293b}.toast__close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#94a3b8}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}:root{--wfh-body-bg: #f4f7f6;--wfh-card-bg: #ffffff;--wfh-text-dark: #111827;--wfh-text-muted: #6b7280;--wfh-border: #e5e7eb;--wfh-shadow: 0 4px 12px rgba(0, 0, 0, .06)}@keyframes wfhSectionEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes wfhCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.wfh-dashboard-container{padding:24px 24px 32px;max-width:1400px;margin:0 auto;background-color:var(--wfh-body-bg);min-height:100vh;animation:wfhSectionEnter .4s ease-out}.wfh-page-title{font-size:1.25rem;font-weight:700;margin:0 0 20px;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.wfh-section-title{font-size:1.2rem;font-weight:700;margin:0 0 16px;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.wfh-form-card{background-color:var(--wfh-card-bg);border-radius:12px;padding:24px;box-shadow:var(--wfh-shadow);border:1px solid var(--wfh-border);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease;animation:wfhCardEnter .45s ease-out forwards;margin-bottom:28px}.wfh-form-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#0891b2,#06b6d4)}.wfh-form-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}.wfh-search-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.wfh-input-group{flex:1;min-width:160px;display:flex;flex-direction:column;gap:8px}.wfh-input-group-full{min-width:200px}.wfh-form-label{font-size:.875rem;font-weight:600;color:var(--wfh-text-muted)}.wfh-custom-input{height:44px;padding:0 14px;border-radius:8px;border:1px solid var(--wfh-border);background-color:var(--wfh-card-bg);font-size:.9rem;color:var(--wfh-text-dark);outline:none;transition:border-color .2s,box-shadow .2s}.wfh-custom-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.wfh-custom-input::placeholder{color:var(--wfh-text-muted)}.wfh-btn-wrapper{flex-shrink:0;align-self:flex-end}.wfh-btn-submit{height:44px;padding:0 24px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;white-space:nowrap}.wfh-btn-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e559}.wfh-btn-submit:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.wfh-table-card{background-color:var(--wfh-card-bg);border-radius:12px;padding:24px;box-shadow:var(--wfh-shadow);border:1px solid var(--wfh-border);transition:box-shadow .25s ease;animation:wfhCardEnter .45s ease-out .1s both;position:relative;overflow:hidden}.wfh-table-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#059669,#10b981)}.wfh-table-card:hover{box-shadow:0 6px 20px #00000014}.wfh-table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--wfh-border)}.wfh-results-table{width:100%;border-collapse:collapse;min-width:560px;font-size:.9rem}.wfh-results-table th,.wfh-results-table td{padding:12px 16px;text-align:left}.wfh-results-table th{background:linear-gradient(135deg,#eef2ff,#eff6ff);color:#4338ca;font-weight:600;border-bottom:1px solid var(--wfh-border);text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.wfh-results-table tbody tr{border-bottom:1px solid var(--wfh-border);color:var(--wfh-text-dark);transition:background-color .15s ease}.wfh-results-table tbody tr:hover{background-color:#4f46e50a}.wfh-empty-state{text-align:center;padding:40px 16px!important;color:var(--wfh-text-muted);font-size:.9rem}.wfh-badge{display:inline-block;padding:5px 12px;border-radius:50px;font-size:.75rem;font-weight:600;text-align:center}.wfh-badge-pending{background-color:#f59e0b33;color:#b45309}.wfh-badge-approved{background-color:#10b9811f;color:#059669}.wfh-badge-rejected{background-color:#ef44441f;color:#b91c1c}.wfh-badge-default{background-color:#e5e7eb;color:#6b7280}.wfh-results-table td:nth-child(3){max-width:200px;overflow:hidden;text-overflow:ellipsis}@media(max-width:1200px){.wfh-dashboard-container{padding:20px 20px 28px}.wfh-form-card,.wfh-table-card{padding:20px}.wfh-search-controls{gap:14px}.wfh-input-group{min-width:140px}}@media(max-width:992px){.wfh-dashboard-container{padding:16px 16px 24px}.wfh-page-title{font-size:1.15rem;margin-bottom:20px}.wfh-section-title{font-size:1.1rem}.wfh-form-card,.wfh-table-card{padding:18px}.wfh-results-table{font-size:.85rem}.wfh-results-table th,.wfh-results-table td{padding:10px 12px}}@media(max-width:768px){.wfh-dashboard-container{padding:12px 12px 20px}.wfh-page-title{font-size:1.1rem;margin-bottom:18px}.wfh-section-title{font-size:1.05rem;margin-bottom:12px}.wfh-form-card{padding:18px;margin-bottom:20px}.wfh-search-controls{flex-direction:column;align-items:stretch;gap:14px}.wfh-input-group,.wfh-input-group-full{min-width:100%}.wfh-btn-wrapper{align-self:stretch;margin-top:4px}.wfh-btn-submit{width:100%;height:46px}.wfh-table-card{padding:16px}.wfh-table-responsive{margin:0 -4px;border-radius:6px}.wfh-results-table{min-width:520px;font-size:.8rem}.wfh-results-table th,.wfh-results-table td{padding:10px}.wfh-empty-state{padding:32px 12px!important;font-size:.85rem}.wfh-badge{font-size:.7rem;padding:4px 10px}}@media(max-width:576px){.wfh-dashboard-container{padding:10px 10px 16px}.wfh-page-title{font-size:1.05rem;margin-bottom:16px}.wfh-section-title{font-size:1rem}.wfh-form-card{padding:14px;margin-bottom:18px}.wfh-custom-input{height:42px;font-size:16px}.wfh-btn-submit{height:44px;font-size:.9rem}.wfh-table-card{padding:14px}.wfh-results-table{min-width:480px;font-size:.75rem}.wfh-results-table th,.wfh-results-table td{padding:8px}.wfh-results-table td:nth-child(3){max-width:120px}.wfh-empty-state{padding:24px 10px!important;font-size:.8rem}.wfh-badge{font-size:.65rem;padding:3px 8px}}@media(max-width:400px){.wfh-dashboard-container{padding:8px 8px 12px}.wfh-page-title{font-size:1rem;margin-bottom:14px}.wfh-section-title{font-size:.95rem}.wfh-form-card{padding:12px;margin-bottom:16px}.wfh-form-label{font-size:.8rem}.wfh-custom-input{height:40px;padding:0 12px;font-size:14px}.wfh-btn-submit{height:42px;padding:0 16px;font-size:.85rem}.wfh-table-card{padding:12px}.wfh-results-table{min-width:440px;font-size:.7rem}.wfh-results-table th,.wfh-results-table td{padding:6px}.wfh-badge{font-size:.6rem;padding:3px 6px}}.wfh-custom-input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--wfh-card-bg)}:root{--ps-body-bg: #f4f7f6;--ps-card-bg: #ffffff;--ps-text-dark: #111827;--ps-text-muted: #6b7280;--ps-border: #e5e7eb;--ps-shadow: 0 4px 12px rgba(0, 0, 0, .06)}@keyframes payslipSectionEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes payslipCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.payslip-page{padding:24px 24px 32px;max-width:720px;margin:0 auto;width:100%;min-width:0;box-sizing:border-box;animation:payslipSectionEnter .4s ease-out}.payslip-card{background-color:var(--ps-card-bg);border-radius:12px;box-shadow:var(--ps-shadow);border:1px solid var(--ps-border);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease;animation:payslipCardEnter .45s ease-out forwards}.payslip-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.payslip-card:hover{box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}.payslip-card-header{padding:20px 24px;border-bottom:1px solid var(--ps-border);text-align:center}.payslip-title{font-size:1.25rem;font-weight:700;margin:0;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.payslip-card-body{padding:24px}.payslip-desc{font-size:.875rem;color:var(--ps-text-muted);margin:0 0 20px;line-height:1.5}.payslip-loading,.payslip-empty{padding:16px 20px;margin:0;font-size:.95rem;color:var(--ps-text-muted);text-align:center;border-radius:8px;background:#f8fafc;border:1px solid var(--ps-border)}.payslip-error{padding:12px 16px;margin:0 0 16px;font-size:.9rem;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.payslip-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--ps-border);background:var(--ps-card-bg)}.payslip-table{width:100%;border-collapse:collapse;font-size:.9rem}.payslip-table th,.payslip-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--ps-border)}.payslip-table th{font-weight:600;color:var(--ps-text-dark);background:#f8fafc}.payslip-table tbody tr:last-child td{border-bottom:none}.payslip-table tbody tr:hover{background:#f8fafc}.payslip-cards-mobile{display:none;list-style:none;margin:0;padding:0;gap:12px}.payslip-download-btn{padding:8px 16px;font-size:.875rem;font-weight:600;color:#fff;border:none;border-radius:8px;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 2px 8px #4f46e54d;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.payslip-download-btn:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 12px #4f46e566;transform:translateY(-1px)}.payslip-download-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:992px){.payslip-page{padding:20px 20px 28px;max-width:100%}.payslip-card-body{padding:20px}.payslip-card-header{padding:18px 20px}.payslip-title{font-size:1.15rem}}@media(max-width:768px){.payslip-page{padding:16px 16px 24px}.payslip-card-body,.payslip-card-header{padding:18px}.payslip-title{font-size:1.1rem}.payslip-desc{font-size:.85rem;margin-bottom:18px}.payslip-table th,.payslip-table td{padding:12px 14px;font-size:.875rem}}@media(max-width:576px){.payslip-page{padding:12px 12px 20px}.payslip-card-body,.payslip-card-header{padding:16px}.payslip-title{font-size:1.05rem}.payslip-desc{font-size:.8rem;margin-bottom:16px}.payslip-table-wrap{display:none}.payslip-cards-mobile{display:flex;flex-direction:column}.payslip-row-card{background:#f8fafc;border:1px solid var(--ps-border);border-radius:10px;padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;transition:box-shadow .2s ease,border-color .2s ease}.payslip-row-card:hover{box-shadow:0 4px 12px #0000000f;border-color:#4f46e533}.payslip-row-card-inner{display:flex;flex-direction:column;gap:2px}.payslip-row-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ps-text-muted)}.payslip-row-value{font-size:.95rem;font-weight:600;color:var(--ps-text-dark)}.payslip-row-card-action{margin-left:auto}.payslip-row-card-action .payslip-download-btn{padding:8px 14px;font-size:.8rem}}@media(max-width:480px){.payslip-page{padding:10px 10px 16px}.payslip-card-body,.payslip-card-header{padding:14px}.payslip-title{font-size:1rem}.payslip-row-card{padding:12px 14px;flex-direction:column;align-items:stretch}.payslip-row-card-action{margin-left:0;margin-top:4px}.payslip-row-card-action .payslip-download-btn{width:100%;padding:10px 16px}}@media(max-width:400px){.payslip-page{padding:8px 8px 14px}.payslip-card-body,.payslip-card-header{padding:12px}.payslip-title{font-size:.95rem}.payslip-desc{font-size:.78rem;margin-bottom:14px}.payslip-loading,.payslip-empty,.payslip-error{padding:10px 14px;font-size:.85rem}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;width:100%;max-width:450px;max-height:90vh;overflow-y:auto;padding:25px;transition:transform .3s ease-out;transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px}.modal-title{font-size:18px;font-weight:700;color:#333}.modal-subtext{font-size:14px;color:#777;margin-bottom:20px}.modal-close-button{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:5px;line-height:1;transition:color .2s}.modal-close-button:hover{color:#333}.form-group{margin-bottom:20px}.form-label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:8px}.date-inputs{display:flex;gap:15px;align-items:flex-start}.date-input-block{display:flex;flex-direction:column;flex-grow:1}.date-input-wrapper{position:relative;width:100%}.date-input{width:100%;padding:10px 12px 10px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff}.date-input:focus{border-color:#3a8cff;outline:none}.date-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#777;pointer-events:none}.reason-input{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#333;resize:vertical}.reason-input:focus{border-color:#3a8cff;outline:none}.modal-custom-dropdown{position:relative;cursor:pointer}.dropdown-toggle-modal{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#777;background-color:#fff;transition:border-color .2s}.dropdown-toggle-modal:hover{border-color:#a0a0a0}.dropdown-arrow-modal{transition:transform .3s}.dropdown-arrow-modal.rotate{transform:rotate(180deg)}.dropdown-menu-modal{position:absolute;top:100%;left:0;right:0;margin-top:5px;background-color:#fff;border:1px solid #ddd;border-radius:5px;list-style:none;padding:0;max-height:150px;overflow-y:auto;box-shadow:0 4px 12px #0000001a;z-index:1001}.dropdown-item-modal{padding:10px 15px;font-size:14px;color:#333;transition:background-color .2s}.dropdown-item-modal:hover{background-color:#f0f0f0}.dropdown-item-modal.selected{background-color:#3a8cff;color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:15px;border-top:1px solid #eee;margin-top:10px}.button{padding:10px 15px;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;min-width:100px}.button-cancel{background-color:#f0f0f0;color:#555;border:1px solid #ddd}.button-cancel:hover{background-color:#e0e0e0}.button-submit{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none}.button-submit:hover{background:linear-gradient(to right,#4338ca,#2563eb,#059669);filter:brightness(1.05)}@media(min-width:768px)and (max-width:1024px){.modal-content{max-width:500px;padding:25px}.modal-title{font-size:20px}}@media(min-width:601px)and (max-width:767px){.modal-content{max-width:90%;padding:22px}.modal-title{font-size:18px}.form-group{margin-bottom:18px}.date-inputs{gap:12px}}@media(max-width:600px){.modal-overlay{padding:10px;align-items:flex-end}.modal-content{max-width:100%;max-height:95vh;padding:20px;border-radius:15px 15px 0 0;margin-bottom:0}.modal-header{padding-bottom:12px;margin-bottom:12px}.modal-title{font-size:18px}.modal-subtext{font-size:13px;margin-bottom:18px}.modal-close-button{font-size:22px}.form-group{margin-bottom:18px}.form-label{font-size:12px;margin-bottom:6px}.date-inputs{flex-direction:column;gap:12px;align-items:stretch}.date-input-block{width:100%}.date-input{padding:12px 12px 12px 15px;font-size:16px}.reason-input{padding:12px;font-size:16px;min-height:80px}.days-value{font-size:18px}.dropdown-toggle-modal{padding:12px 15px;font-size:16px}.dropdown-item-modal{padding:12px 15px;font-size:15px}.modal-footer{flex-direction:column-reverse;gap:10px;padding-top:12px;margin-top:12px}.button{min-width:100%;padding:12px 15px;font-size:15px}}@media(max-width:375px){.modal-overlay{padding:0}.modal-content{padding:18px;border-radius:12px 12px 0 0}.modal-title{font-size:16px}.modal-subtext{font-size:12px}.form-group{margin-bottom:15px}.date-input{padding:10px 12px;font-size:14px}.reason-input{padding:10px;font-size:14px}.button{padding:10px 12px;font-size:14px}}.disabled-option{color:#bbb;background-color:#f9f9f9;cursor:not-allowed;font-style:italic}.disabled-option:hover{background-color:#f9f9f9!important}:root{--leave-body-bg: #f4f7f6;--leave-card-bg: #ffffff;--leave-text-dark: #111827;--leave-text-muted: #6b7280;--leave-border: #e5e7eb;--leave-shadow: 0 4px 12px rgba(0, 0, 0, .06)}@keyframes leaveCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes leaveSectionEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.leave-dashboard-container{padding:12px 24px 32px;max-width:1400px;margin:0 auto;background-color:var(--leave-body-bg);min-height:100vh;animation:leaveSectionEnter .4s ease-out}.page-title-leave{font-size:1.5rem;font-weight:700;color:var(--leave-text-dark);margin-bottom:24px}.summary-cards-grid-leave{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px;margin-top:0}.summary-card-leave{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--leave-card-bg);border-radius:12px;padding:20px 20px 20px 18px;box-shadow:var(--leave-shadow);border:1px solid var(--leave-border);transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease;animation:leaveCardEnter .45s ease-out forwards;opacity:0;min-width:0;position:relative;overflow:hidden}.summary-card-leave:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.green-card.summary-card-leave:before{background:linear-gradient(180deg,#059669,#10b981)}.blue-card.summary-card-leave:before{background:linear-gradient(180deg,#2563eb,#3b82f6)}.orange-card.summary-card-leave:before{background:linear-gradient(180deg,#d97706,#f59e0b)}.summary-card-leave:nth-child(1){animation-delay:0s}.summary-card-leave:nth-child(2){animation-delay:.08s}.summary-card-leave:nth-child(3){animation-delay:.16s}.summary-card-leave:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}.summary-icon-leave{width:48px;height:48px;border-radius:12px;display:flex;justify-content:center;align-items:center;margin-left:14px;color:#fff;flex-shrink:0;font-size:1.25rem;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 14px #0000001f}.summary-card-leave:hover .summary-icon-leave{transform:scale(1.08);box-shadow:0 6px 18px #0000002e}.blue-card .summary-icon-leave{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 14px #2563eb66}.green-card .summary-icon-leave{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 14px #10b98166}.orange-card .summary-icon-leave{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 14px #f59e0b66}.yellow-card .summary-icon-leave{background:linear-gradient(135deg,#ca8a04,#eab308);box-shadow:0 4px 14px #eab30866}.summary-content-leave{min-width:0;flex:1}.summary-value-leave{font-size:1.5rem;font-weight:700;color:var(--leave-text-dark);line-height:1.2;margin:0;letter-spacing:-.02em}.summary-label-leave{font-size:.75rem;color:var(--leave-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:6px 0 0}.summary-subtext-leave{font-size:.78rem;color:var(--leave-text-muted);margin:4px 0 0;line-height:1.35}.leave-requests-card{background-color:var(--leave-card-bg);border-radius:12px;padding:24px;box-shadow:var(--leave-shadow);border:1px solid var(--leave-border);transition:box-shadow .25s ease;animation:leaveSectionEnter .4s ease-out .1s both;position:relative;overflow:hidden}.leave-requests-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.leave-requests-card:hover{box-shadow:0 6px 20px #00000014}.requests-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid var(--leave-border)}.section-title-leave{font-size:1.2rem;font-weight:700;margin:0;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.table-subtext{font-size:.875rem;color:var(--leave-text-muted);margin-bottom:16px}.apply-leave-button{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.apply-leave-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4f46e566}.leave-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--leave-border)}.leave-requests-table{width:100%;border-collapse:collapse;min-width:560px;font-size:.9rem}.leave-requests-table th,.leave-requests-table td{padding:12px 16px;text-align:left}.leave-requests-table th{background:linear-gradient(135deg,#eef2ff,#eff6ff);color:#4338ca;font-weight:600;border-bottom:1px solid var(--leave-border);text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.leave-requests-table tbody tr{border-bottom:1px solid var(--leave-border);color:var(--leave-text-dark);transition:background-color .15s ease}.leave-requests-table tbody tr:hover{background-color:#4f46e50a}.leave-requests-table .days-col{width:70px;text-align:center}.leave-requests-table .reason-col{max-width:200px;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-block;padding:5px 12px;border-radius:50px;font-size:.75rem;font-weight:600;text-align:center}.status-approved{background-color:#10b9811f;color:#059669}.status-pending{background-color:#f59e0b33;color:#b45309}.status-rejected{background-color:#ef44441f;color:#b91c1c}@media(max-width:1200px){.leave-dashboard-container{padding:12px 20px 28px}.summary-cards-grid-leave{gap:16px;margin-bottom:24px}.summary-card-leave{padding:18px}.summary-value-leave{font-size:1.25rem}}@media(max-width:992px){.leave-dashboard-container{padding:12px 16px 24px}.summary-cards-grid-leave{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:22px}.summary-card-leave:nth-child(3){grid-column:span 2}.leave-requests-card{padding:20px}.leave-requests-table{font-size:.85rem}.leave-requests-table th,.leave-requests-table td{padding:10px 12px}}@media(max-width:768px){.leave-dashboard-container{padding:10px 12px 20px}.summary-cards-grid-leave{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.summary-card-leave:nth-child(3){grid-column:span 1}.summary-card-leave{padding:16px;flex-direction:row}.summary-icon-leave{width:40px;height:40px;font-size:1.1rem;margin-left:10px}.summary-value-leave{font-size:1.2rem}.summary-label-leave,.summary-subtext-leave{font-size:.75rem}.leave-requests-card{padding:18px}.requests-header-row{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px;padding-bottom:14px}.section-title-leave{font-size:1.1rem}.apply-leave-button{width:100%;justify-content:center;padding:12px 16px}.leave-requests-table{font-size:.8rem;min-width:520px}.leave-requests-table th,.leave-requests-table td{padding:10px}.status-badge{font-size:.7rem;padding:4px 10px}}@media(max-width:576px){.leave-dashboard-container{padding:8px 10px 16px}.summary-cards-grid-leave{gap:10px;margin-bottom:18px}.summary-card-leave{padding:14px}.summary-icon-leave{width:36px;height:36px;font-size:1rem;margin-left:10px}.summary-value-leave{font-size:1.15rem}.leave-requests-card{padding:14px}.leave-table-container{margin:0 -10px;padding:0 10px;border:none}.leave-requests-table{min-width:480px;font-size:.75rem}.leave-requests-table th,.leave-requests-table td{padding:8px}.leave-requests-table .reason-col{max-width:120px}}@media(max-width:400px){.leave-dashboard-container{padding:6px 8px 12px}.summary-card-leave{padding:12px}.summary-icon-leave{width:32px;height:32px;font-size:.9rem;margin-left:8px}.summary-value-leave{font-size:1.1rem}.summary-label-leave,.summary-subtext-leave{font-size:.7rem}.leave-requests-card{padding:12px}.section-title-leave{font-size:1rem}.apply-leave-button{padding:10px 14px;font-size:.85rem}.leave-requests-table{min-width:440px;font-size:.7rem}.leave-requests-table th,.leave-requests-table td{padding:6px}.status-badge{font-size:.65rem;padding:3px 8px}}.days-display{padding:10px 0;margin-top:-10px}.days-value{font-size:16px;font-weight:700;color:#3a8cff}.dropdown-item-modal.disabled{color:#aaa;background-color:#f5f5f5;cursor:not-allowed}.dropdown-item-modal.disabled:hover{background-color:#f5f5f5}.dropdown-disabled .dropdown-toggle-modal{background-color:#f9f9f9;color:#aaa;cursor:not-allowed}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff}:root{--profile-body-bg: #f4f7f6;--profile-card-bg: #ffffff;--profile-text-dark: #343a40;--profile-text-muted: #6c757d;--profile-border: #e9ecef;--profile-shadow: 0 4px 12px rgba(0, 0, 0, .06);--bg-page: var(--profile-body-bg);--bg-card: var(--profile-card-bg);--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-success: #16a34a;--color-success-hover: #15803d;--color-danger: #dc2626;--text-primary: var(--profile-text-dark);--text-secondary: #4b5563;--text-muted: var(--profile-text-muted);--border-light: var(--profile-border);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: var(--profile-shadow);--transition-fast: .2s ease}.profile-section-title,.profile-view-card h4,.profile-page-title,.profile-card-header,.accordion-header h3,.accordion-card .accordion-header h3,.card.progress-card h3,.profile-summary-card h3,.crop-modal h3,.address-header h4,.previous-employment-card h4,.education-block h4{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;font-weight:700!important}.profile-container{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:32px;min-height:100vh;background-color:var(--bg-page)}.profile-left,.profile-right{display:flex;flex-direction:column;gap:30px}.right{text-align:right;margin-top:12px}.card{background-color:var(--bg-card);padding:24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);position:relative;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease,border-color .2s ease}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:linear-gradient(180deg,#4f46e5,#6366f1)}.card.card--summary:before,.profile-summary-card:before{background:linear-gradient(180deg,#4f46e5,#7c3aed)}.card.card--progress:before,.card.progress-card:before{background:linear-gradient(180deg,#059669,#10b981)}.profile-summary-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);position:relative;overflow:hidden}@media(hover:hover){.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}}.edit-btn,.save-btn{font-size:14px;font-weight:600;padding:10px 18px;border-radius:var(--radius-md);border:none;cursor:pointer;color:#fff!important;transition:opacity var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.edit-btn,.save-btn{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important}.edit-btn:hover,.save-btn:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.profile-btn-gradient{margin-top:15px;padding:14px 30px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;color:#fff!important;border:none;border-radius:10px;cursor:pointer;font-weight:700;font-size:16px;width:100%;box-shadow:0 6px 15px #4f46e566;transition:all .3s ease}.profile-btn-gradient:hover{transform:translateY(-1px);box-shadow:0 8px 20px #4f46e580}.profile-card{text-align:center}.avatar{width:25px;height:140px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:40px;font-weight:700;color:#fff}.title{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.badge{display:inline-block;background-color:#e0ecff;color:var(--color-primary);padding:6px 14px;border-radius:999px;font-size:14px;margin-bottom:20px}.contact-info h3{font-size:15px;font-weight:500;color:var(--text-secondary);line-height:1.6}.accordion-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:box-shadow .25s ease,border-color .2s ease,transform .25s ease;animation:cardFadeIn .26s ease}.accordion-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);z-index:1}.accordion-card[data-section-name=personal]:before{background:linear-gradient(180deg,#2563eb,#3b82f6)}.accordion-card[data-section-name=address]:before{background:linear-gradient(180deg,#0891b2,#06b6d4)}.accordion-card[data-section-name=employment]:before{background:linear-gradient(180deg,#d97706,#f59e0b)}.accordion-card[data-section-name=education]:before{background:linear-gradient(180deg,#7c3aed,#8b5cf6)}.accordion-card[data-section-name=documents]:before{background:linear-gradient(180deg,#4f46e5,#6366f1)}.accordion-card+.accordion-card{margin-top:24px}@media(hover:hover){.accordion-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}}.accordion-card.expanded{border-color:var(--color-primary);box-shadow:0 12px 34px #2563eb38}.accordion-header{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#fff;transition:background-color .18s ease}.accordion-header:hover{background-color:#f8fafc}.accordion-content{max-height:0;opacity:0;transform:translateY(-8px);overflow:hidden;padding:0 22px;transition:max-height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease,transform .22s ease,padding .2s ease}.accordion-card.expanded .accordion-content{max-height:1600px;opacity:1;transform:translateY(0);padding:22px}.employment-section-title{margin:0 0 16px;display:block}.address-fields-row{margin-top:20px}.section-actions{margin-top:24px;border-top:1px solid var(--border-light);padding-top:20px;display:flex;gap:12px}.section-actions .entry-undo-btn,.section-actions .discard-btn{padding:10px 22px;background:transparent;border:1px solid #9ca3af;border-radius:var(--radius-md);cursor:pointer;font-weight:600;flex:1}.section-actions .entry-save-btn,.section-actions .done-btn{padding:12px 24px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;color:#fff!important;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:700;font-size:16px;box-shadow:0 4px 12px #3b82f64d;flex:2}.previous-employment-card{margin-bottom:20px}.previous-employment-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.previous-employment-card-header h4{margin:0}.previous-employment-card .remove-btn{margin-top:-4px}.education-body .form-group,.documents-body .form-group{position:relative;margin-bottom:6px}.education-body .form-group .input-label,.documents-body .form-group .input-label{position:absolute!important;top:0!important;left:12px!important;transform:translateY(-50%)!important;font-size:16px;font-weight:600;color:#2563eb;padding:0 6px;background:#fff!important;pointer-events:none;order:unset;transition:color .2s ease}.education-body .form-group .form-control,.documents-body .form-group .form-control{padding:18px 14px 12px;min-height:52px;line-height:1.5;border:1px solid #e5e7eb;background-color:#fff;font-size:14px;font-weight:500;color:var(--text-primary);border-radius:var(--radius-md);box-sizing:border-box}.education-body .form-group .form-control:focus,.documents-body .form-group .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 4px 12px #2563eb26}.education-body .input-box,.documents-body .input-box{position:relative;display:flex;flex-direction:column;gap:0}.education-body .input-box label,.documents-body .input-box label{position:absolute;top:0;left:12px;transform:translateY(-50%);font-size:15px;font-weight:600;color:#2563eb;padding:0 6px;background:#fff;z-index:1;pointer-events:auto}.education-body .input-box label+input,.education-body .input-box label+select,.documents-body .input-box label+input,.documents-body .input-box label+select{padding:18px 14px 12px!important;min-height:52px!important;font-size:14px;font-weight:500;color:var(--text-primary);border:1px solid #e5e7eb!important;border-radius:var(--radius-md);background-color:#fff;box-sizing:border-box}.education-body .input-box input[type=file],.documents-body .input-box input[type=file]{padding:14px!important;min-height:52px!important;height:52px!important;line-height:1.5;box-sizing:border-box}.education-block{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.education-block:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.education-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.education-block-header h4{margin:0}.section-divider{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-light)}.section-view-note{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light)}.section-view-note p{margin:0;font-size:14px;color:var(--text-muted)}.input-box{display:flex;flex-direction:column;gap:6px}.input-box label{font-size:13.5px;font-weight:500;color:var(--text-secondary)}.input-box input,.input-box select,.input-box textarea{width:100%;padding:11px 14px;font-size:14px;font-weight:500;color:var(--text-primary);background-color:#fff;border:1.5px solid var(--border-light);border-radius:var(--radius-md);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.input-box input::placeholder,.input-box textarea::placeholder{color:#9ca3af}@media(hover:hover){.input-box input:hover,.input-box select:hover,.input-box textarea:hover{border-color:#c7d2fe;background-color:#fcfdff}}.input-box input:focus,.input-box select:focus,.input-box textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 4px 12px #2563eb26}.input-box textarea{min-height:96px;resize:vertical}.input-box select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:38px}.input-error{border-color:var(--color-danger)!important;box-shadow:0 0 0 1px var(--color-danger),0 4px 10px #dc262626}.error-text{font-size:12px;color:var(--color-danger)}.info-box .label{font-size:13px;color:var(--text-muted);margin-bottom:4px}.info-box .value{font-size:15px;font-weight:500;color:var(--text-primary)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 24px}.full{grid-column:span 3}@media(max-width:900px){.profile-container{grid-template-columns:1fr;padding:20px}.profile-left,.profile-right{gap:20px}.grid-2,.grid-3{grid-template-columns:1fr}.full{grid-column:span 1}.right{text-align:center}}.avatar-actions{display:flex;justify-content:center;gap:12px;margin-top:10px}.danger-btn{background-color:#fee2e2;color:#dc2626;border:none;padding:8px 14px;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.danger-btn:hover{background-color:#fecaca}.remove-btn{background:#ef4444!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:6px!important;font-weight:600!important;font-size:14px!important;cursor:pointer!important;transition:background .2s ease,transform .2s ease}.remove-btn:hover{background:#dc2626!important;transform:translateY(-1px)}.secondary-btn{background-color:#f3f4f6;color:#111827;border:none;padding:8px 16px;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.crop-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:999}.crop-modal{background:#fff;width:360px;border-radius:var(--radius-lg);padding:20px;box-shadow:0 30px 60px #0000004d;animation:scaleIn .2s ease}.crop-modal h3{font-size:18px;margin-bottom:12px;text-align:center}.crop-area{position:relative;width:100%;height:260px;background:#000;border-radius:var(--radius-md);overflow:hidden;margin-bottom:12px}.crop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}@keyframes profileToastSlide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.profile-avatar-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;position:relative}.avatar-wrapper{position:relative;width:140px;height:140px;cursor:pointer}.avatar-wrapper .avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary);transition:transform .2s ease}.avatar-wrapper:hover .avatar{transform:scale(1.05)}.avatar-overlay{position:absolute;bottom:0;width:100%;text-align:center;background:#00000073;color:#fff;font-size:14px;padding:6px 0;border-radius:0 0 50% 50%;opacity:0;transition:opacity .2s ease}.avatar-wrapper:hover .avatar-overlay{opacity:1}.avatar-editor-actions{display:flex;justify-content:center;gap:10px;margin-top:12px}.form-group{position:relative;margin-bottom:6px}.form-group .form-control{height:46px;padding:18px 14px 6px;border-radius:var(--radius-md);border:1.5px solid var(--border-light);background-color:#fff;font-size:14px;font-weight:500;color:var(--text-primary);transition:border-color .18s ease,box-shadow .18s ease}.form-group .input-label{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-muted);background:#fff;padding:0 6px;pointer-events:none;transition:all .2s ease}.form-group .form-control:focus+.input-label,.form-group .label-float{top:-7px;font-size:11px;font-weight:600;color:var(--color-primary)}.form-group .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 6px 14px #2563eb2e}.form-group.has-error .form-control{border-color:var(--color-danger)!important;box-shadow:0 0 0 1px var(--color-danger),0 6px 14px #dc26262e;animation:inputShake .3s ease}.form-group.has-error .input-label{color:var(--color-danger)}.error-message{font-size:12px;color:var(--color-danger);margin-top:4px}@keyframes inputShake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-3px)}to{transform:translate(0)}}.personal-info-body,.education-body,.documents-body{animation:fadeSlideIn .26s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.form-group .input-label{font-size:15px;font-weight:500}.form-group .form-control:focus+.input-label,.form-group .label-float{font-size:15px;font-weight:600}.add-section{display:flex;align-items:center;justify-content:center;height:50px;padding:0 32px;border:none;border-radius:var(--radius-md);margin-top:16px;cursor:pointer;transition:background-color .2s ease;background-color:#f0f7ff;color:#2563eb;font-weight:600;font-size:14px}.add-section:hover{background-color:#e0efff}.profile-page-container{width:100%;max-width:100%;min-height:100vh;padding:0;box-sizing:border-box;background-color:var(--bg-page);animation:pageFadeIn .4s ease-out;overflow-x:hidden}.profile-page-inner{max-width:1400px;margin:0 auto;padding:0 24px 32px;width:100%;box-sizing:border-box}.status-header-bar{background-color:var(--bg-card);box-shadow:0 2px 8px #0000000d;border-bottom:1px solid var(--border-light)}.status-header-bar .profile-page-title,.edit-profile-title{font-size:1.15rem;font-weight:700;margin:0}.status-header-inner{padding:12px 24px 12px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.action-button-container{display:flex;gap:15px}.profile-content-wrapper{display:flex;flex-direction:column;gap:24px;padding:12px 24px 40px;width:100%;box-sizing:border-box;transition:padding .2s ease,gap .2s ease}.progress-column{flex:0 0 280px}.sections-column{flex:1;min-width:0;width:100%}.profile-view-wrapper{flex-wrap:wrap;display:flex;gap:24px;padding:24px 0;width:100%;box-sizing:border-box;flex-grow:1;min-height:100%;align-items:flex-start}.profile-view-left{flex:0 0 350px;display:flex;flex-direction:column;gap:20px;min-width:0}.profile-view-right{flex:1;min-width:0}.profile-view-card{margin-bottom:24px;border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:24px;background-color:var(--bg-card);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease}.profile-view-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.profile-view-card--personal:before{background:linear-gradient(180deg,#2563eb,#3b82f6)}.profile-view-card--address:before{background:linear-gradient(180deg,#0891b2,#06b6d4)}.profile-view-card--employment:before{background:linear-gradient(180deg,#d97706,#f59e0b)}.profile-view-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}.profile-view-card h4{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-light);font-size:1.15rem}.profile-view-card .grid-2,.profile-view-card .grid-3{gap:20px 16px}.profile-view-card .info-box{display:flex;flex-direction:column;gap:4px}.profile-view-card .info-box .value{word-break:break-word}.mini-stat-card{background-color:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:14px 16px;margin-top:14px;font-size:13px;color:var(--text-secondary);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.mini-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0f172a2e;background-color:#fff}.mini-stat-card-title{font-weight:600;color:var(--text-primary);margin-bottom:4px}.edit-header-row{display:grid;grid-template-columns:minmax(200px,280px);gap:24px;align-items:stretch;margin-bottom:20px}.edit-progress-card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:20px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease}.edit-progress-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:linear-gradient(180deg,#7c3aed,#8b5cf6)}.edit-progress-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}.education-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px}.education-qualification{grid-column:span 3}.education-date-row{display:flex;gap:12px}.education-select{width:100%;padding:11px 38px 11px 14px;font-size:14px;font-weight:500;color:var(--text-primary);background-color:#fff;border:1.5px solid var(--border-light);border-radius:var(--radius-md);transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#6b7280 50%),linear-gradient(135deg,#6b7280 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}.education-select:hover{border-color:#c7d2fe;background-color:#fcfdff}.education-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),0 4px 12px #2563eb26}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.entry-save-btn,.entry-undo-btn,.discard-btn,.done-btn{transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.entry-save-btn,.done-btn{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;color:#fff!important;border:none;padding:10px 25px;border-radius:6px;font-weight:700;cursor:pointer}.entry-save-btn:hover,.done-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4f46e566}.entry-undo-btn:hover,.discard-btn:hover{transform:translateY(-1px)}.entry-save-btn:active,.done-btn:active,.entry-undo-btn:active,.discard-btn:active{transform:translateY(0);box-shadow:none}.file-upload-box input[type=file]{transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.file-upload-box input[type=file]:hover{border-color:#93c5fd;background-color:#eff6ff}.file-upload-preview-row{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}.file-upload-preview-row:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0f172a2e;background-color:#eef2ff;border-color:#6366f1}@media(max-width:1400px){.profile-page-inner{padding:0 20px 28px}.profile-content-wrapper{padding:20px 0 32px}}@media(max-width:1200px){.profile-page-inner{padding:0 20px 24px}.profile-content-wrapper{padding:16px 0 28px}.profile-view-wrapper{padding:20px}.profile-view-left{flex:0 0 300px}.edit-header-row{grid-template-columns:minmax(180px,260px)}.grid-2,.grid-3{gap:18px 14px}}@media(max-width:992px){.profile-page-inner{padding:0 16px 20px}.profile-content-wrapper{padding:12px 0 24px;gap:20px}.profile-view-wrapper{flex-direction:column;padding:16px}.profile-view-left{flex:1 1 auto}.profile-view-right{flex:1 1 100%}.edit-header-row,.education-grid{grid-template-columns:1fr}.education-qualification{grid-column:span 1}.status-header-inner{padding:12px 24px}.status-header-bar .profile-page-title{font-size:1.35rem}}@media(max-width:768px){.profile-container{grid-template-columns:1fr;padding:16px}.profile-page-inner{padding:0 12px 20px}.profile-content-wrapper{flex-direction:column;padding:10px 0 20px;gap:16px}.profile-view-wrapper{flex-direction:column;padding:12px}.progress-column,.sections-column{width:100%}.edit-header-row{grid-template-columns:1fr}.education-date-row{flex-direction:column}.grid-2,.grid-3{grid-template-columns:1fr}.full{grid-column:span 1}.status-header-inner{padding:12px 16px}.status-header-bar .profile-page-title{font-size:1.25rem}.action-button-container{flex-wrap:wrap}.card,.accordion-card,.profile-view-card{padding:18px}}@media(max-width:576px){.profile-container{padding:12px;width:100%;max-width:100%}.profile-page-container{width:100%;max-width:100%}.profile-page-inner{padding:0 10px 16px;width:100%;max-width:100%}.profile-content-wrapper{padding:8px 0 16px;width:100%;max-width:100%}.profile-view-wrapper{padding:10px 0;width:100%;min-width:0}.profile-view-left{flex:1 1 100%;width:100%;min-width:0}.profile-view-right{width:100%;min-width:0}.profile-summary-card{width:100%;min-width:0;padding:20px 16px!important}.profile-summary-card .profile-avatar-container,.profile-summary-card .contact-info{width:100%;min-width:0}.profile-summary-card .value,.profile-summary-card a,.profile-summary-card p{word-break:break-word;overflow-wrap:break-word}.profile-summary-card>p{flex-wrap:wrap}.avatar-wrapper{width:120px;height:120px}.profile-btn-gradient{width:100%;padding:12px 20px;font-size:15px}.status-header-inner{padding:10px 12px}.status-header-bar .profile-page-title{font-size:1.1rem}.card,.accordion-card,.profile-view-card{padding:14px;width:100%;min-width:0}.accordion-header{padding:14px 18px}.accordion-content,.accordion-card.expanded .accordion-content{padding:0 18px}.accordion-card.expanded .accordion-content{padding:18px}.profile-view-card h4{font-size:1rem}.card.progress-card{width:100%;min-width:0}}@media(max-width:480px){.profile-container{padding:10px}.profile-page-inner{padding:0 8px 14px}.profile-content-wrapper{padding:6px 0 14px}.profile-view-wrapper{padding:8px 0}.profile-summary-card{padding:18px 14px!important}.avatar-wrapper{width:110px;height:110px}.profile-btn-gradient{padding:12px 16px;font-size:14px}.card,.accordion-card,.profile-view-card{padding:12px}}@media(max-width:400px){.profile-container{padding:8px}.profile-page-inner{padding:0 6px 12px}.profile-content-wrapper{padding:4px 0 12px}.profile-view-wrapper{padding:6px 0}.profile-summary-card{padding:16px 12px!important}.avatar-wrapper{width:100px;height:100px}.card,.accordion-card,.profile-view-card{padding:12px}.edit-progress-card{padding:14px}}:root{--cp-body-bg: #f4f7f6;--cp-card-bg: #ffffff;--cp-text-dark: #111827;--cp-text-muted: #6b7280;--cp-border: #e5e7eb;--cp-shadow: 0 4px 12px rgba(0, 0, 0, .06)}@keyframes cpSectionEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cpCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cp-dashboard-container{padding:24px 24px 32px;max-width:600px;margin:0 auto;background-color:var(--cp-body-bg);min-height:100vh;animation:cpSectionEnter .4s ease-out}.cp-error{padding:12px 16px;margin-bottom:20px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.9rem}.cp-success{padding:12px 16px;margin-bottom:20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-size:.9rem}.cp-card{background-color:var(--cp-card-bg);border-radius:12px;box-shadow:var(--cp-shadow);border:1px solid var(--cp-border);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease;animation:cpCardEnter .45s ease-out forwards}.cp-form-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.cp-form-card:hover{box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}.cp-card-header{padding:20px 24px;border-bottom:1px solid var(--cp-border)}.cp-section-title{font-size:1.25rem;font-weight:700;margin:0;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.cp-card-body{padding:24px}.cp-subtext{font-size:.875rem;color:var(--cp-text-muted);margin:0 0 20px;line-height:1.5}.cp-form{display:flex;flex-direction:column;gap:20px}.cp-form-group{display:flex;flex-direction:column;gap:8px}.cp-label{font-size:.875rem;font-weight:600;color:var(--cp-text-muted)}.cp-input-wrap{position:relative;display:flex;align-items:center}.cp-input-wrap .cp-input{padding-right:44px;flex:1;min-width:0}.cp-eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:6px;background:none;border:none;color:var(--cp-text-muted);cursor:pointer;border-radius:6px;transition:color .2s,background .2s}.cp-eye-btn:hover{color:#4f46e5;background:#4f46e514}.cp-input{padding:12px 14px;border:1px solid var(--cp-border);border-radius:8px;font-size:.9rem;color:var(--cp-text-dark);outline:none;transition:border-color .2s,box-shadow .2s;background-color:var(--cp-card-bg)}.cp-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.cp-input::placeholder{color:var(--cp-text-muted)}.cp-btn-submit{padding:12px 24px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;margin-top:8px}.cp-btn-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e559}.cp-btn-submit:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}@media(max-width:992px){.cp-dashboard-container{padding:20px 20px 28px;max-width:100%}.cp-card-body{padding:20px}.cp-card-header{padding:18px 20px}.cp-section-title{font-size:1.15rem}}@media(max-width:768px){.cp-dashboard-container{padding:16px 16px 24px}.cp-card-body,.cp-card-header{padding:18px}.cp-section-title{font-size:1.1rem}.cp-subtext{font-size:.85rem;margin-bottom:18px}.cp-form{gap:18px}.cp-btn-submit{width:100%;padding:12px 20px}}@media(max-width:576px){.cp-dashboard-container{padding:12px 12px 20px}.cp-error,.cp-success{padding:10px 14px;font-size:.85rem;margin-bottom:16px}.cp-card-body,.cp-card-header{padding:16px}.cp-section-title{font-size:1.05rem}.cp-subtext{font-size:.8rem;margin-bottom:16px}.cp-form{gap:16px}.cp-input{padding:10px 14px;font-size:16px}.cp-btn-submit{padding:12px 18px;font-size:.9rem}}@media(max-width:400px){.cp-dashboard-container{padding:10px 10px 16px}.cp-card-body,.cp-card-header{padding:14px}.cp-section-title{font-size:1rem}.cp-form-group{gap:6px}.cp-label{font-size:.8rem}.cp-input{padding:10px 12px}.cp-btn-submit{padding:10px 16px;font-size:.9rem}}:root{--primary-blue: #2563eb;--text-dark: #111827;--text-gray: #6b7280;--border-color: #e5e7eb;--white: #ffffff;--bg-hover: #f3f4f6;--danger: #dc2626;--header-height: 80px}.header-container{background:var(--white);border-bottom:1px solid var(--border-color);padding:0 24px;height:var(--header-height);display:flex;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #00000005}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.header-left{display:flex;align-items:center;gap:12px}.home-logo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-color);background:#f8fafc;color:var(--primary-blue);border-radius:10px;padding:10px 14px;font-size:1.15rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.home-logo-btn:hover{background:#eff6ff;border-color:#bfdbfe}.welcome-title{font-size:1rem;font-weight:400;color:var(--text-dark);margin:0}.header-left .welcome-title:not(.page-heading){background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:1.75rem}.header-container .header-left .welcome-title.page-heading{color:var(--primary-blue);font-weight:800;font-size:clamp(.875rem,2vw + .75rem,1.25rem)}.overview-text{font-size:.85rem;color:var(--text-gray);margin:2px 0 0}.header-right{display:flex;align-items:center;gap:20px}.notice-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #818cf8;background:#eef2ff;color:#4338ca;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:600}.notice-chip-text{white-space:nowrap}.notice-revoke-btn{border:1px solid #6366f1;background:#fff;color:#4f46e5;border-radius:999px;font-size:.72rem;font-weight:600;padding:2px 8px;cursor:pointer;transition:background .2s ease,color .2s ease}.notice-revoke-btn:disabled{opacity:.7;cursor:not-allowed}.notification-wrapper{position:relative;cursor:pointer;padding:10px;border-radius:50%;transition:background .2s ease;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)}.notification-wrapper:hover{background:#e0e7ff}.notification-wrapper.disabled{opacity:.5;cursor:not-allowed}.notification-wrapper.disabled:hover{background:#f8f9fa}.bell-icon{font-size:1.2rem;color:#fff;display:block;transition:color .2s ease}.notification-wrapper:hover .bell-icon{color:#6366f1}.badge{position:absolute;top:0;left:25px;background:#ff4d4f;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:2px solid white}.divider{width:1px;height:30px;background:var(--border-color)}.user-profile-wrapper{position:relative}.user-profile{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:10px;cursor:pointer;transition:all .2s ease}.user-profile:hover{background:var(--bg-hover)}.avatar-container{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--border-color)}.user-avatar-img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column}.user-name{font-size:.9rem;font-weight:600;color:var(--text-dark);margin:0}.user-role{font-size:.75rem;color:var(--text-gray);margin:0;text-transform:capitalize}.profile-dropdown-card{position:absolute;top:calc(100% + 12px);right:0;width:220px;background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;overflow:hidden;animation:dropdownFade .2s ease-out}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px;background:#f9fafb}.d-full-name{font-weight:700;font-size:.95rem;color:var(--text-dark);margin:0}.d-role-label{font-size:.8rem;color:var(--text-gray);margin:4px 0 0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-dark);text-decoration:none;font-size:.9rem;transition:background .2s;border:none;background:none;width:100%;cursor:pointer}.dropdown-item:hover,.dropdown-item:active,.profile-dropdown-card .dropdown-item:hover,.profile-dropdown-card .dropdown-item:active,.profile-dropdown-card a.dropdown-item:hover,.profile-dropdown-card a.dropdown-item:active,.profile-dropdown-card .dropdown-item:focus-visible{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;color:#fff!important;-webkit-text-fill-color:#fff}.dropdown-item:hover .d-icon,.dropdown-item:active .d-icon,.profile-dropdown-card .dropdown-item:hover .d-icon,.profile-dropdown-card .dropdown-item:active .d-icon,.profile-dropdown-card .dropdown-item:focus-visible .d-icon{color:#fff!important}.profile-dropdown-card .dropdown-item.active{background:linear-gradient(180deg,#2563eb,#3b82f6);color:#fff}.profile-dropdown-card .dropdown-item.active .d-icon{color:#fff}.logout-btn{color:var(--danger)}.logout-btn:hover,.logout-btn:active{background:#fef2f2!important;color:var(--danger)!important}.logout-btn:hover .d-icon,.logout-btn:active .d-icon{color:var(--danger)!important}.dropdown-divider{height:1px;background:var(--border-color)}@media(max-width:768px){.hide-mobile{display:none!important}.header-container{height:64px;padding:0 16px}.header-content{gap:8px}.header-left{gap:8px;min-width:0}.home-logo-btn{padding:8px 12px;font-size:1.05rem;border-radius:8px}.welcome-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.header-left .welcome-title:not(.page-heading){font-size:1.5rem;font-weight:800}.header-container .header-left .welcome-title.page-heading{font-size:1rem;font-weight:800}.overview-text{display:none}.header-right{gap:12px}.notice-chip,.divider{display:none}.profile-dropdown-card{right:0;left:auto;min-width:200px;max-width:calc(100vw - 32px)}.profile-dropdown-card .dropdown-item:hover,.profile-dropdown-card a.dropdown-item:hover{color:#fff!important;-webkit-text-fill-color:#fff}.profile-dropdown-card .dropdown-item:hover .d-icon{color:#fff!important}}@media(max-width:576px){.header-container{padding:0 12px}.welcome-title{max-width:160px}.header-left .welcome-title:not(.page-heading){font-size:1.35rem;font-weight:800}.header-container .header-left .welcome-title.page-heading{font-size:.9rem;font-weight:800}.home-logo-btn{padding:7px 10px;font-size:1rem;border-radius:8px}.profile-dropdown-card .dropdown-item:hover,.profile-dropdown-card a.dropdown-item:hover{color:#fff!important;-webkit-text-fill-color:#fff}.profile-dropdown-card .dropdown-item:hover .d-icon{color:#fff!important}}@media(max-width:480px){.home-logo-btn{padding:6px 10px;font-size:.95rem;border-radius:6px}}:root{--query-body-bg: #f4f7f6;--query-card-bg: #ffffff;--query-text-dark: #111827;--query-text-muted: #6b7280;--query-border: #e5e7eb;--query-shadow: 0 4px 12px rgba(0, 0, 0, .06)}@keyframes querySectionEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes queryCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes querySpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.query-dashboard-container{padding:24px 24px 32px;max-width:1400px;margin:0 auto;background-color:var(--query-body-bg);min-height:100vh;animation:querySectionEnter .4s ease-out}.query-inner{display:flex;flex-direction:column;gap:28px}.query-card{background-color:var(--query-card-bg);border-radius:12px;box-shadow:var(--query-shadow);border:1px solid var(--query-border);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease;animation:queryCardEnter .45s ease-out forwards}.query-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.query-form-card:before{background:linear-gradient(180deg,#4f46e5,#6366f1)}.query-table-card:before{background:linear-gradient(180deg,#059669,#10b981)}.query-card:hover{box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}.query-card-header,.query-card-header-main{padding:20px 24px;border-bottom:1px solid var(--query-border)}.query-section-title{font-size:1.25rem;font-weight:700;margin:0;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.query-error{padding:12px 24px;margin:0 24px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.9rem}.query-form-wrap{padding:0}.query-form{padding:24px;display:flex;flex-direction:column;gap:1.25rem}.query-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.query-form-group{display:flex;flex-direction:column;gap:8px}.query-label{font-size:.875rem;font-weight:600;color:var(--query-text-muted)}.query-input{padding:10px 14px;border:1px solid var(--query-border);border-radius:8px;font-size:.9rem;color:var(--query-text-dark);outline:none;transition:border-color .2s,box-shadow .2s;background-color:var(--query-card-bg)}.query-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.query-textarea{min-height:80px;resize:vertical}.query-file-input{font-size:.85rem}.query-file-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.query-file-item{font-size:.8rem;color:var(--query-text-muted);padding:4px 10px;background:#f3f4f6;border-radius:6px}.query-btn-submit{align-self:flex-start;padding:12px 24px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.query-btn-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e559}.query-btn-submit:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.query-spin{animation:querySpin 1s linear infinite;display:inline-block;vertical-align:middle}.query-chat-wrap{height:520px;display:flex;flex-direction:column}.query-chat-header{padding:16px 24px;border-bottom:1px solid var(--query-border);display:flex;justify-content:space-between;align-items:center;background:#fafafa}.query-chat-title{font-size:1.1rem;font-weight:600;margin:0 0 4px;color:var(--query-text-dark)}.query-chat-dept{font-size:.85rem;color:var(--query-text-muted)}.query-chat-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--query-text-muted);border-radius:8px;transition:background .2s,color .2s}.query-chat-close:hover{background:#f3f4f6;color:var(--query-text-dark)}.query-chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f8fafc;display:flex;flex-direction:column;gap:12px}.query-msg{display:flex;width:100%}.query-msg.user{justify-content:flex-end}.query-bubble{max-width:75%;padding:12px 16px;border-radius:12px;font-size:.9rem;line-height:1.4}.query-msg.user .query-bubble{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border-bottom-right-radius:4px}.query-msg.department .query-bubble{background:#f1f5f9;color:var(--query-text-dark);border:1px solid var(--query-border);border-bottom-left-radius:4px}.query-sender{font-size:.75rem;font-weight:600;margin-bottom:4px;opacity:.9}.query-msg-time{display:block;font-size:.7rem;margin-top:6px;opacity:.8}.query-chat-input{padding:16px;border-top:1px solid var(--query-border);display:flex;gap:12px;background:var(--query-card-bg)}.query-chat-input .query-input{flex:1}.query-send-btn{padding:10px 18px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:filter .2s,transform .2s}.query-send-btn:hover:not(:disabled){filter:brightness(1.05);transform:scale(1.02)}.query-send-btn:disabled{background:#cbd5e1;cursor:not-allowed}.query-table-card .query-card-header{padding-bottom:16px}.query-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 24px 24px}.query-table{width:100%;border-collapse:collapse;min-width:640px;font-size:.9rem}.query-table th,.query-table td{padding:12px 16px;text-align:left}.query-table th{background:linear-gradient(135deg,#eef2ff,#eff6ff);color:#4338ca;font-weight:600;border-bottom:1px solid var(--query-border);text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.query-table tbody tr{border-bottom:1px solid var(--query-border);color:var(--query-text-dark);transition:background-color .15s ease}.query-table tbody tr:hover{background-color:#4f46e50a}.query-cell-main{display:flex;flex-direction:column;gap:2px}.query-cell-main strong{color:var(--query-text-dark);font-weight:600}.query-cell-main small{font-size:.8rem;color:var(--query-text-muted)}.query-empty{text-align:center;padding:40px 16px!important;color:var(--query-text-muted);font-size:.9rem}.query-status-badge{display:inline-block;padding:5px 12px;border-radius:50px;font-size:.75rem;font-weight:600;text-align:center}.query-status-new{background-color:#f59e0b33;color:#b45309}.query-status-open{background-color:#3b82f626;color:#1d4ed8}.query-status-closed{background-color:#10b9811f;color:#059669}.query-close-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.query-close-btn:hover{background:#dcfce7;border-color:#86efac}.query-closed-text{font-size:.85rem;color:#059669;font-weight:500}.query-chat-link{background:none;border:none;color:#4f46e5;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:underline;padding:0;transition:color .2s}.query-chat-link:hover{color:#4338ca}@media(max-width:1200px){.query-dashboard-container{padding:20px 20px 28px}.query-form,.query-card-header{padding:20px}.query-table-wrapper{padding:0 20px 20px}}@media(max-width:992px){.query-dashboard-container{padding:16px 16px 24px}.query-section-title{font-size:1.15rem}.query-form-row{gap:1.25rem}.query-form,.query-card-header{padding:18px}.query-table th,.query-table td{padding:10px 12px}.query-chat-wrap{height:480px}}@media(max-width:768px){.query-dashboard-container{padding:12px 12px 20px}.query-inner{gap:20px}.query-form-row{grid-template-columns:1fr;gap:1rem}.query-form,.query-card-header{padding:16px}.query-section-title{font-size:1.1rem}.query-btn-submit{width:100%;justify-content:center}.query-error{margin:0 16px;padding:10px 16px;font-size:.85rem}.query-table-wrapper{padding:0 12px 16px;margin:0 -4px}.query-table{min-width:560px;font-size:.85rem}.query-table th,.query-table td{padding:10px}.query-status-badge{font-size:.7rem;padding:4px 10px}.query-chat-wrap{height:440px}.query-chat-header{padding:12px 16px}.query-chat-messages{padding:16px}.query-chat-input{padding:12px}.query-bubble{max-width:85%;padding:10px 14px;font-size:.85rem}}@media(max-width:576px){.query-dashboard-container{padding:10px 10px 16px}.query-form,.query-card-header{padding:14px}.query-section-title{font-size:1.05rem}.query-input{padding:10px 12px;font-size:16px}.query-btn-submit{padding:12px 20px;font-size:.9rem}.query-table{min-width:500px;font-size:.8rem}.query-table th,.query-table td{padding:8px}.query-close-btn{padding:5px 10px;font-size:.75rem}.query-chat-wrap{height:400px}.query-chat-title{font-size:1rem}}@media(max-width:400px){.query-dashboard-container{padding:8px 8px 12px}.query-form,.query-card-header{padding:12px}.query-section-title{font-size:1rem}.query-btn-submit{padding:10px 16px;font-size:.85rem}.query-table{min-width:460px;font-size:.75rem}.query-table th,.query-table td{padding:6px}.query-status-badge{font-size:.65rem;padding:3px 8px}.query-chat-wrap{height:360px}}.dept-query-page{display:grid;grid-template-columns:1fr;gap:16px;padding:16px}.dept-query-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.dept-query-header h2{margin:0;color:#1f2937}.dept-query-header p{margin:6px 0 0;color:#6b7280;font-size:.92rem}.dept-query-error{margin-top:12px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:10px 12px}.dept-query-table-wrap{margin-top:14px;overflow-x:auto}.dept-query-table{width:100%;border-collapse:collapse}.dept-query-table th,.dept-query-table td{border-bottom:1px solid #f1f5f9;padding:10px 8px;text-align:left;font-size:.92rem}.dept-empty{text-align:center;color:#6b7280;padding:16px 8px}.dept-chat-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;border-radius:8px;padding:6px 10px;cursor:pointer}.dept-chat-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.dept-chat-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.dept-chat-header h3{margin:0;font-size:1rem}.dept-chat-header small{color:#6b7280}.dept-close-btn{border:none;background:transparent;cursor:pointer}.dept-chat-messages{margin-top:10px;max-height:360px;overflow-y:auto;padding-right:4px}.dept-msg{display:flex;margin-bottom:10px}.dept-msg.user{justify-content:flex-start}.dept-msg.department{justify-content:flex-end}.dept-bubble{max-width:75%;border-radius:10px;padding:8px 10px;background:#f8fafc;color:#111827}.dept-msg.department .dept-bubble{background:#e0e7ff}.dept-sender{font-size:.74rem;color:#6b7280;margin-bottom:4px}.dept-time{display:block;font-size:.7rem;color:#6b7280;margin-top:4px}.dept-chat-input{margin-top:10px;display:flex;gap:8px}.dept-chat-input input{flex:1;border:1px solid #d1d5db;border-radius:8px;padding:10px}.dept-chat-input button{border:none;background:#2563eb;color:#fff;border-radius:8px;width:40px;cursor:pointer}.dept-chat-input button:disabled{opacity:.6;cursor:not-allowed}:root{--claims-body-bg: #f4f7f6;--claims-card-bg: #ffffff;--claims-text-dark: #111827;--claims-text-muted: #6b7280;--claims-border: #e5e7eb;--claims-shadow: 0 4px 12px rgba(0, 0, 0, .06)}@keyframes claimsSectionEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes claimsCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.claims-dashboard-container{padding:24px 24px 32px;max-width:1400px;margin:0 auto;background-color:var(--claims-body-bg);min-height:100vh;animation:claimsSectionEnter .4s ease-out}.claims-error{padding:12px 16px;margin-bottom:20px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.9rem}.claims-success{padding:12px 16px;margin-bottom:20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-size:.9rem}.claims-dashboard-container .claims-card{border:none!important;border-left:none!important}.claims-card{background-color:var(--claims-card-bg);border-radius:12px;border:none;box-shadow:2px 4px 12px #0000000f;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;animation:claimsCardEnter .45s ease-out forwards;margin-bottom:28px;outline:none}.claims-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;z-index:1;box-shadow:none}.claims-form-card:before{background:#3b82f6}.claims-list-card:before{background:#0ea5e9}.claims-history-card:before{background:#059669}.claims-card:hover{box-shadow:2px 6px 24px #00000014}.claims-card-header{padding:20px 24px;border-bottom:1px solid var(--claims-border)}.claims-section-title{font-size:1.25rem;font-weight:700;margin:0;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.claims-card-body{padding:24px}.claims-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.claims-form-group{display:flex;flex-direction:column;gap:8px}.claims-label{font-size:.875rem;font-weight:600;color:var(--claims-text-muted)}.claims-input{padding:10px 14px;border:1px solid var(--claims-border);border-radius:8px;font-size:.9rem;color:var(--claims-text-dark);outline:none;transition:border-color .2s,box-shadow .2s;background-color:var(--claims-card-bg)}.claims-input:focus{border-color:var(--claims-border);box-shadow:none}.claims-input-disabled{background-color:#f3f4f6;cursor:not-allowed;color:var(--claims-text-muted)}.claims-divider{border:0;border-top:1px solid var(--claims-border);margin:24px 0}.claims-subtitle{font-size:1rem;font-weight:600;color:var(--claims-text-dark);margin:0 0 16px}.claims-expense-grid{display:grid;grid-template-columns:80px 160px 1fr 140px 120px;gap:16px;margin-bottom:20px}.claims-action-footer{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px}.claims-file-wrap{position:relative;width:260px;max-width:100%}.claims-file-input{position:absolute;opacity:0;width:100%;height:44px;cursor:pointer}.claims-file-label{display:flex;align-items:center;padding:0 14px;height:44px;background:var(--claims-card-bg);border:1px dashed var(--claims-border);border-radius:8px;font-size:.85rem;color:var(--claims-text-muted);pointer-events:none}.claims-btn-add{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.claims-btn-add:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e559}.claims-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 24px 24px}.claims-table{width:100%;border-collapse:collapse;min-width:600px;font-size:.9rem}.claims-table th,.claims-table td{padding:12px 16px;text-align:left}.claims-table th{background:linear-gradient(135deg,#eef2ff,#eff6ff);color:#4338ca;font-weight:600;border-bottom:1px solid var(--claims-border);text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.claims-table tbody tr{border-bottom:1px solid var(--claims-border);color:var(--claims-text-dark);transition:background-color .15s ease}.claims-table tbody tr:hover{background-color:#4f46e50a}.claims-empty{text-align:center;padding:40px 16px!important;color:var(--claims-text-muted);font-size:.9rem}.claims-loading{padding:24px;text-align:center;color:var(--claims-text-muted);font-size:.9rem}.claims-status-badge{display:inline-block;padding:5px 12px;border-radius:50px;font-size:.75rem;font-weight:600;text-align:center}.claims-status-pending{background-color:#f59e0b33;color:#b45309}.claims-status-approved{background-color:#10b9811f;color:#059669}.claims-status-rejected{background-color:#ef44441f;color:#b91c1c}.claims-btn-remove{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s}.claims-btn-remove:hover{background:#fee2e2;border-color:#fca5a5}.claims-summary-section{padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--claims-border);border-left:none;border-radius:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:28px;position:relative;overflow:hidden}.claims-summary-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:#059669}.claims-total-box{display:flex;flex-direction:column;gap:4px}.claims-total-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--claims-text-muted);font-weight:600}.claims-total-value{font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#4f46e5,#059669);-webkit-background-clip:text;background-clip:text;color:transparent}.claims-btn-final{padding:12px 24px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.claims-btn-final:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #4f46e559}.claims-btn-final:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}@media(max-width:1200px){.claims-dashboard-container{padding:20px 20px 28px}.claims-form-grid{grid-template-columns:repeat(2,1fr)}.claims-expense-grid{grid-template-columns:70px 140px 1fr 120px 100px}}@media(max-width:992px){.claims-dashboard-container{padding:16px 16px 24px}.claims-section-title{font-size:1.15rem}.claims-card-body{padding:20px}.claims-card-header{padding:18px}.claims-expense-grid{grid-template-columns:60px 1fr 1fr 100px;gap:14px}.claims-col-purpose{grid-column:span 2}.claims-table-wrap{padding:0 18px 18px}.claims-table th,.claims-table td{padding:10px 12px}}@media(max-width:768px){.claims-dashboard-container{padding:12px 12px 20px}.claims-form-grid{grid-template-columns:1fr;gap:14px}.claims-expense-grid{grid-template-columns:1fr 1fr;gap:14px}.claims-col-sr,.claims-col-date,.claims-col-purpose,.claims-col-amount,.claims-col-currency{grid-column:span 1}.claims-col-purpose{grid-column:span 2}.claims-action-footer{flex-direction:column;align-items:stretch}.claims-file-wrap{width:100%}.claims-btn-add{width:100%;justify-content:center}.claims-table-wrap{padding:0 12px 16px;margin:0 -4px}.claims-table{min-width:520px;font-size:.85rem}.claims-table th,.claims-table td{padding:10px}.claims-summary-section{flex-direction:column;align-items:stretch;padding:16px}.claims-btn-final{width:100%;justify-content:center}}@media(max-width:576px){.claims-dashboard-container{padding:10px 10px 16px}.claims-card-body,.claims-card-header{padding:16px}.claims-section-title{font-size:1.05rem}.claims-expense-grid{grid-template-columns:1fr}.claims-col-purpose{grid-column:span 1}.claims-input{font-size:16px}.claims-table{min-width:460px;font-size:.8rem}.claims-table th,.claims-table td{padding:8px}.claims-status-badge{font-size:.7rem;padding:4px 10px}.claims-total-value{font-size:1.25rem}}@media(max-width:400px){.claims-dashboard-container{padding:8px 8px 12px}.claims-card-body,.claims-card-header{padding:14px}.claims-section-title{font-size:1rem}.claims-btn-add,.claims-btn-final{padding:10px 16px;font-size:.9rem}.claims-table{min-width:400px;font-size:.75rem}.claims-table th,.claims-table td{padding:6px}.claims-status-badge{font-size:.65rem;padding:3px 8px}}:root{--sep-body-bg: #f4f7f6;--sep-card-bg: #ffffff;--sep-text-dark: #111827;--sep-text-muted: #6b7280;--sep-border: #e5e7eb;--sep-shadow: 0 4px 12px rgba(0, 0, 0, .06);--sep-radius: 12px}.separation-page-wrapper{padding:0 24px 32px;background-color:var(--sep-body-bg);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;width:100%;max-width:100%;box-sizing:border-box}.separation-loading{padding:24px;text-align:center;color:var(--sep-text-muted);font-size:.95rem}.separation-card-container{max-width:900px;margin:0 auto;width:100%;min-width:0}.separation-page-wrapper .card{background:var(--sep-card-bg);border:1px solid var(--sep-border);border-radius:var(--sep-radius);box-shadow:var(--sep-shadow);padding:28px;margin-bottom:1.5rem;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease}.separation-page-wrapper .card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--sep-radius) 0 0 var(--sep-radius);background:linear-gradient(180deg,#4f46e5,#6366f1)}@media(hover:hover){.separation-page-wrapper .card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}}.separation-page-wrapper .card-header{background:transparent;padding:0 0 1.25rem;border-bottom:1px solid var(--sep-border);border-radius:0;margin:0 0 1.5rem}.separation-page-wrapper .card-header:after{display:none}.separation-page-wrapper .card-header h3{font-size:1.25rem;font-weight:700;margin:0 0 .25rem;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.separation-page-wrapper .card-header p{font-size:.875rem;color:var(--sep-text-muted);margin:0}.separation-page-wrapper .card h2{font-size:1.35rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.separation-page-wrapper .card>p{color:var(--sep-text-muted);margin-bottom:1.5rem;line-height:1.5;font-size:.9rem}.separation-page-wrapper .info-pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.separation-page-wrapper .pill{background:#f1f5f9;padding:6px 14px;border-radius:20px;font-size:.8rem;color:#475569;font-weight:500;border:1px solid var(--sep-border)}.separation-page-wrapper .statement-box{background:linear-gradient(135deg,#eef2ff,#eff6ff);border-left:4px solid #4f46e5;padding:16px 20px;border-radius:8px;margin-bottom:24px;font-size:.9rem;line-height:1.6;color:var(--sep-text-dark)}.separation-page-wrapper label{font-size:.875rem;font-weight:600;color:var(--sep-text-dark);margin-bottom:8px;margin-top:20px;display:block}.separation-page-wrapper input,.separation-page-wrapper textarea{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--sep-border);font-size:.9rem;background:#fff;transition:border-color .2s ease,box-shadow .2s ease;margin-bottom:18px;font-family:inherit;color:var(--sep-text-dark);box-sizing:border-box}.separation-page-wrapper input:hover,.separation-page-wrapper textarea:hover{border-color:#cbd5e1}.separation-page-wrapper input:focus,.separation-page-wrapper textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.separation-page-wrapper textarea{resize:vertical;min-height:120px}.separation-page-wrapper .notice-box{margin-top:20px;padding:14px 18px;background:#fffbeb;border-left:4px solid #f59e0b;border-radius:8px;font-size:.875rem;margin-bottom:10px;color:#92400e}.separation-page-wrapper .char-count{margin-top:8px;margin-bottom:18px;text-align:right;font-size:.8rem;font-weight:500}.separation-page-wrapper .char-count.error{color:#dc2626}.separation-page-wrapper .char-count.success{color:#16a34a}.separation-page-wrapper .radio-group{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.separation-page-wrapper .radio-card{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:10px;border:1px solid var(--sep-border);background:#fff;cursor:pointer;transition:all .2s ease}.separation-page-wrapper .radio-card:hover{background:#f8fafc;border-color:#cbd5e1}.separation-page-wrapper .radio-card.selected,.separation-page-wrapper .radio-card:has(input:checked){background:#eff6ff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.separation-page-wrapper .radio-card input[type=radio]{width:18px;height:18px;margin:0;accent-color:#4f46e5;cursor:pointer}.separation-page-wrapper .radio-card .radio-ui{display:none}.separation-page-wrapper .radio-card div{display:flex;flex-direction:column;gap:4px}.separation-page-wrapper .radio-card strong{font-size:.9rem;font-weight:600;color:var(--sep-text-dark)}.separation-page-wrapper .radio-card p{font-size:.8rem;color:var(--sep-text-muted);margin:0;line-height:1.4}.separation-page-wrapper .section-hint{font-size:.875rem;color:var(--sep-text-muted);margin-bottom:18px;line-height:1.5}.separation-page-wrapper .required{color:#dc2626}.separation-page-wrapper .input-error{border-color:#dc2626!important;background:#fef2f2}.separation-page-wrapper .input-success{border-color:#16a34a!important;background:#f0fdf4}.separation-page-wrapper .btn{padding:10px 20px;border-radius:8px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.separation-page-wrapper .btn.primary{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;color:#fff!important;box-shadow:0 2px 8px #4f46e54d}.separation-page-wrapper .btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px #4f46e566}.separation-page-wrapper .btn.secondary{background:#f1f5f9;color:#475569;border:1px solid var(--sep-border)}.separation-page-wrapper .btn.secondary:hover{background:#e2e8f0}.separation-page-wrapper .btn.danger{background:#dc2626;color:#fff}.separation-page-wrapper .btn.danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.separation-page-wrapper .btn:disabled{background:#e2e8f0!important;color:#94a3b8!important;cursor:not-allowed;box-shadow:none;transform:none}.separation-page-wrapper .btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.separation-page-wrapper .card.warning:before{background:linear-gradient(180deg,#d97706,#f59e0b)}.separation-page-wrapper .card.success:before{background:linear-gradient(180deg,#059669,#10b981)}.separation-page-wrapper .success-details{margin-top:1.5rem;padding:1.25rem;background:#f0fdf4;border-radius:8px;border:1px solid #bbf7d0}.separation-page-wrapper .success-details .detail-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.75rem}.separation-page-wrapper .success-details .detail-row:last-child{margin-bottom:0}.separation-page-wrapper .success-details .label{font-weight:600;color:var(--sep-text-dark);min-width:120px;font-size:.875rem}.separation-page-wrapper .success-details .value{color:#475569;flex:1;min-width:0;font-size:.875rem}.separation-page-wrapper .noc-download-section{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--sep-border)}.separation-page-wrapper .revoke-section{margin-top:1rem}.separation-page-wrapper .noc-download-section h4{font-size:1rem;font-weight:600;color:var(--sep-text-dark);margin:0 0 .5rem}.separation-page-wrapper .noc-available{font-size:.875rem;color:#475569;margin:0 0 .75rem}.separation-page-wrapper .noc-pending{font-size:.875rem;color:var(--sep-text-muted);margin:0;font-style:italic}.separation-page-wrapper .history-card{width:min(100%,980px);margin:20px auto 0;padding:16px 20px;border-radius:12px;background:#f9fafb;box-shadow:0 8px 20px #0f172a0f}.separation-page-wrapper .history-card h3{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--sep-text-dark)}.separation-page-wrapper .history-table{width:100%;border-collapse:collapse;font-size:.875rem}.separation-page-wrapper .history-table th,.separation-page-wrapper .history-table td{padding:8px 10px;border:1px solid #e2e8f0}.separation-page-wrapper .history-table th{background:#eff6ff;color:#1e293b;text-align:left;font-weight:600}.separation-page-wrapper .history-table tbody tr:nth-child(2n){background:#f8fafc}.separation-page-wrapper .history-table tbody tr:hover{background:#e5f3ff}.separation-page-wrapper .btn-download-noc{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#0d9488,#14b8a6);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.separation-page-wrapper .btn-download-noc:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0d948859}.separation-page-wrapper .btn-download-noc:disabled{opacity:.7;cursor:not-allowed}.separation-page-wrapper .large-form{max-width:900px;width:100%;margin:0 auto;padding:28px;box-sizing:border-box}.separation-page-wrapper .large-form .card-header{margin:0 0 1.5rem;padding:0 0 1.25rem}.separation-page-wrapper .large-form .card-header h3{font-size:1.25rem}.separation-page-wrapper .slide-in{animation:separationSlideIn .3s ease-out}@keyframes separationSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1200px){.separation-page-wrapper{padding:20px 20px 28px}.separation-page-wrapper .card,.separation-page-wrapper .large-form{padding:24px}}@media(max-width:992px){.separation-page-wrapper{padding:16px 16px 24px}.separation-card-container{max-width:100%}.separation-page-wrapper .card,.separation-page-wrapper .large-form{padding:22px;margin-bottom:1.25rem}.separation-page-wrapper .card h2{font-size:1.2rem}.separation-page-wrapper .card-header h3{font-size:1.15rem}}@media(max-width:768px){.separation-page-wrapper{padding:14px 12px 20px}.separation-loading{padding:20px 16px;font-size:.9rem}.separation-page-wrapper .card,.separation-page-wrapper .large-form{max-width:100%;padding:18px;margin-bottom:1rem}.separation-page-wrapper .large-form .card-header{margin:0 0 1.25rem;padding:0 0 1rem}.separation-page-wrapper .card h2{font-size:1.1rem}.separation-page-wrapper .card>p{font-size:.85rem;margin-bottom:1.25rem}.separation-page-wrapper .btn-row{flex-direction:column;gap:10px;margin-top:16px}.separation-page-wrapper .btn-row .btn{width:100%;justify-content:center}.separation-page-wrapper .radio-card{padding:14px 16px}.separation-page-wrapper .statement-box{padding:14px 16px;font-size:.85rem;margin-bottom:20px}.separation-page-wrapper .success-details{padding:1rem}.separation-page-wrapper .success-details .detail-row{flex-direction:column;gap:.25rem}.separation-page-wrapper .success-details .label{min-width:auto}.separation-page-wrapper input,.separation-page-wrapper textarea{padding:10px 12px;font-size:.875rem}.separation-page-wrapper .info-pills{gap:8px;margin-bottom:16px}}@media(max-width:576px){.separation-page-wrapper{padding:12px 10px 16px}.separation-page-wrapper .card,.separation-page-wrapper .large-form{padding:16px}.separation-page-wrapper .card h2,.separation-page-wrapper .card-header h3{font-size:1.05rem}.separation-page-wrapper .card-header p,.separation-page-wrapper .card>p{font-size:.82rem}.separation-page-wrapper label{font-size:.82rem;margin-top:16px}.separation-page-wrapper .pill{padding:5px 12px;font-size:.75rem}.separation-page-wrapper .notice-box{padding:12px 14px;font-size:.82rem}.separation-page-wrapper .btn{padding:10px 16px;font-size:.875rem}.separation-page-wrapper .noc-download-section h4{font-size:.95rem}}@media(max-width:480px){.separation-page-wrapper{padding:10px 8px 14px}.separation-page-wrapper .card,.separation-page-wrapper .large-form{padding:14px}.separation-page-wrapper .card h2{font-size:1rem}.separation-page-wrapper .btn-row{margin-top:14px;gap:8px}.separation-page-wrapper .info-pills{flex-direction:column;align-items:flex-start}}@media(max-width:400px){.separation-page-wrapper{padding:8px 6px 12px}.separation-page-wrapper .card,.separation-page-wrapper .large-form{padding:12px}.separation-page-wrapper .success-details{padding:.75rem}}:root{--hr-card-bg: #ffffff;--hr-text-dark: #343a40;--hr-text-muted: #6c757d;--hr-border-light: #e9ecef;--hr-shadow: 0 4px 12px rgba(0, 0, 0, .06);--hr-shadow-hover: 0 8px 24px rgba(79, 70, 229, .12);--hr-radius-md: 8px;--hr-radius-lg: 12px;--hr-gradient: linear-gradient(to right, #4f46e5, #3b82f6, #10b981);--hr-primary: #4f46e5}.hr-main-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:hrFadeIn .4s ease-out}@keyframes hrFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn-back,.btn-back-updates{margin-bottom:20px;display:inline-flex;align-items:center;gap:8px;background:var(--hr-card-bg);border:1px solid var(--hr-border-light);padding:10px 18px;border-radius:var(--hr-radius-md);cursor:pointer;font-weight:600;color:var(--hr-text-dark);transition:all .2s ease}.btn-back:hover,.btn-back-updates:hover{border-color:#4f46e566;box-shadow:0 2px 8px #4f46e51f}.birthday-anniversary-section{display:flex;flex-wrap:wrap;gap:24px;margin-top:2rem;margin-bottom:24px}.birthday-anniversary-card{position:relative;display:flex;align-items:flex-start;background-color:#fffdf0;border:1px solid #fde68a;border-radius:var(--hr-radius-lg);padding:24px;gap:20px;flex:1;min-width:280px;box-shadow:var(--hr-shadow);overflow:hidden;transition:all .2s ease}.birthday-anniversary-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#f59e0b,#eab308)}.birthday-anniversary-card:hover{transform:translateY(-4px);box-shadow:var(--hr-shadow-hover)}.birthday-anniversary-card.anniversary-card{background-color:#f0f9ff;border-color:#bae6fd}.birthday-anniversary-card.anniversary-card:before{background:linear-gradient(180deg,#0ea5e9,#06b6d4)}.birthday-anniversary-card.anniversary-card .icon-circle{background-color:#e0f2fe}.employee-celebration-block{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.employee-celebration-block:first-of-type{margin-top:0;padding-top:0;border-top:none}.card-icon-wrapper{flex-shrink:0}.icon-circle{background-color:#fef3c7;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center}.icon-gold{color:#d97706}.card-content-wrapper{display:flex;flex-direction:column;gap:4px}.card-header-row{display:flex;align-items:center;gap:8px}.card-title-text{font-size:16px;font-weight:700;margin:0;background:var(--hr-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.employee-name-text{font-size:20px;font-weight:700;color:#0f172a;margin:4px 0}.employee-details-row{display:flex;flex-wrap:wrap;gap:16px;font-size:14px;color:#64748b}.detail-label{color:#475569;font-weight:600;margin-right:4px}.detail-item{display:flex;align-items:center}.hr-loading,.hr-error{margin:1rem 0;padding:8px 0}.hr-error{color:#b91c1c}@media(max-width:768px){.birthday-anniversary-card{flex-direction:column;align-items:flex-start;padding:16px}.employee-details-row{flex-direction:column;gap:4px}}.hr-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-bottom:28px}.hr-stats-grid .stat-card{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:12px 20px 12px 18px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease;min-width:0}.hr-stats-grid .stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.hr-stats-grid .stat-card:nth-child(1):before{background:#3b82f6}.hr-stats-grid .stat-card:nth-child(2):before{background:#10b981}.hr-stats-grid .stat-card:nth-child(3):before{background:#06b6d4}.hr-stats-grid .stat-card:nth-child(4):before{background:#f59e0b}.hr-stats-grid .stat-card:nth-child(5):before{background:#f59e0b}.hr-stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.hr-stats-grid .stat-card.clickable:hover{cursor:pointer}.hr-stats-grid .stat-card .stat-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;text-align:left}.hr-stats-grid .stat-card .stat-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.04em;margin:0;line-height:1.2}.hr-stats-grid .stat-card .stat-value{font-size:1.2rem;font-weight:700;color:#1f2937;line-height:1.3;margin:0;letter-spacing:-.02em}.hr-stats-grid .stat-card .stat-sub{font-size:.85rem;color:#6b7280;margin:0;line-height:1.35;font-weight:400}.hr-stats-grid .stat-card .stat-icon-bg{width:48px;height:48px;border-radius:10px;display:flex;justify-content:center;align-items:center;margin-left:16px;color:#fff;flex-shrink:0;transition:transform .25s ease,box-shadow .25s ease}.hr-stats-grid .stat-card:hover .stat-icon-bg{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.hr-stats-grid .stat-card .stat-icon-blue{background:#3b82f6;box-shadow:0 2px 8px #3b82f659}.hr-stats-grid .stat-card .stat-icon-green{background:#10b981;box-shadow:0 2px 8px #10b98159}.hr-stats-grid .stat-card .stat-icon-teal,.hr-stats-grid .stat-card .stat-icon-purple{background:#06b6d4;box-shadow:0 2px 8px #06b6d459}.hr-stats-grid .stat-card .stat-icon-updates{background:#f59e0b;box-shadow:0 2px 8px #f59e0b59}.hr-search-card{position:relative;background:#fff!important;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #00000014;overflow:hidden}.hr-search-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3b82f6;border-radius:12px 0 0 12px}.search-section-inner{display:flex;flex-direction:column;gap:20px}.section-title,.search-section-inner .section-title{font-size:1.1rem;font-weight:700;margin:0 0 4px;color:#1f2937;letter-spacing:-.02em}.search-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}.search-btn-wrapper{display:flex;align-items:flex-end;flex-shrink:0;min-height:0}.input-group{flex:1;min-width:200px;display:flex;flex-direction:column;gap:8px}.input-group label{font-size:.75rem;line-height:1.25;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin:0}.input-group select{height:44px;min-height:44px;padding:0 14px;margin:0;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:14px;color:#1f2937;outline:none;transition:border-color .2s;box-sizing:border-box}.input-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f633}.btn-search{height:44px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;padding:0 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;margin:0;min-height:44px;box-sizing:border-box}.btn-search:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.hr-search-card--results{background:#fff!important;padding:20px 24px 24px;overflow:visible;width:100%;max-width:100%;box-sizing:border-box}.hr-search-card--results .results-container{min-width:0;width:100%}.hr-search-card--results .results-container{animation:hrResultsFadeIn .3s ease-out}@keyframes hrResultsFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hr-search-card--results .results-header h3{font-size:1.15rem;font-weight:700;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.hr-search-card--results .table-outer-wrapper{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.hr-search-card--results .table-responsive{margin-top:0;margin-bottom:0;padding-bottom:0;border-radius:8px;overflow:visible;border:1px solid #e5e7eb}.hr-search-card--results .results-table td:last-child{overflow:visible;position:relative}.hr-search-card--results .results-table tr{position:relative}.hr-search-card--results .results-table th{background:#fff;color:#111827;padding:12px 16px;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e5e7eb}.hr-search-card--results .results-table tbody tr{background:#fff}.hr-search-card--results .results-table td{padding:12px 16px;background:#fff;color:#111827}.hr-search-card--results .results-table tbody tr:hover td{background:#fff}.hr-search-card--results .results-actions{margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb;gap:12px}.hr-search-card--results .results-actions input[type=month],.results-actions input[type=month]{padding:10px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .2s,box-shadow .2s;min-height:44px;box-sizing:border-box}.hr-search-card--results .results-actions input[type=month]:hover,.results-actions input[type=month]:hover{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e526}.hr-search-card--results .results-actions input[type=month]:focus,.results-actions input[type=month]:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e533}.hr-search-card--results .btn-outline{background:#fff;border:1px solid #e5e7eb;color:#4f46e5;padding:10px 20px;border-radius:8px;font-weight:600}.hr-search-card--results .btn-outline:hover{background:#f5f3ff;border-color:#4f46e5}.hr-search-card--results .btn-success{background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);padding:10px 20px;border-radius:8px}.results-header h3{font-size:1.1rem;font-weight:700;margin:0 0 12px;background:var(--hr-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.results-table{width:100%;border-collapse:collapse;min-width:600px;font-size:14px}.results-table tbody tr{background:#fff}.results-table tbody tr:hover td{background:#fff}.btn-update{border:1px solid #4f46e5;color:#4f46e5;background:transparent;padding:6px 14px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-update:hover{background:#4f46e51a}.results-actions{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;position:relative;z-index:10}.btn-outline{border:1px solid #06b6d4;color:#0891b2;background:transparent;padding:10px 20px;border-radius:var(--hr-radius-md);cursor:pointer;font-weight:500;transition:all .2s}.btn-outline:hover{background:#06b6d414}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:10px 20px;border-radius:var(--hr-radius-md);cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.updates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.update-card{position:relative;background:var(--hr-card-bg);padding:22px;border-radius:var(--hr-radius-lg);border:1px solid var(--hr-border-light);display:flex;gap:16px;cursor:pointer;box-shadow:var(--hr-shadow);overflow:hidden;transition:all .25s ease}.update-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#4f46e5,#06b6d4)}.update-card:hover{transform:translateY(-4px);box-shadow:var(--hr-shadow-hover)}.update-icon-box{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5;padding:12px;border-radius:10px;flex-shrink:0}.update-text h4{margin:0 0 4px;font-size:1rem;background:var(--hr-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.update-text p{margin:0;font-size:13px;color:var(--hr-text-muted)}@media(max-width:640px){.search-controls{flex-direction:column;align-items:stretch}.hr-search-card .input-group{min-width:100%;flex:1 1 100%}.hr-search-card .input-group select{min-height:44px;width:100%;box-sizing:border-box}.search-btn-wrapper{width:100%}.btn-search{width:100%;justify-content:center;margin-top:0}.results-actions{flex-direction:column;width:100%}.results-actions .btn-outline,.results-actions .btn-success{width:100%;justify-content:center}.update-card{flex-direction:row;padding:16px}.update-icon-box{padding:10px}}.dropdown-container{position:relative;display:inline-block;z-index:1}.results-table .dropdown-container{z-index:10}.btn-update-toggle{display:flex;align-items:center;gap:8px;border:1px solid #3b82f6;color:#3b82f6;background:#fff;padding:6px 14px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-update-toggle:hover{background:#eff6ff}.dropdown-menu-list{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:9999;width:180px;min-width:160px;max-height:min(280px,60vh);overflow-x:hidden;overflow-y:auto}.dropdown-item{padding:12px 16px;font-size:14px;color:#334155;cursor:pointer;transition:background .2s;white-space:nowrap}.dropdown-item:hover{background-color:#3b82f6;color:#fff}.dropdown-menu-list--fixed{max-height:none!important;overflow:visible!important;box-shadow:0 10px 25px #00000026;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.rotate-180{transform:rotate(180deg);transition:transform .2s}.action-cell-container{position:relative;display:flex;justify-content:flex-start}.btn-update-action{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #3b82f6;color:#3b82f6;padding:6px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;z-index:5}.btn-update-action.active{background:#3b82f6;color:#fff}.floating-dropdown-menu{position:absolute;top:100%;right:0;margin-top:5px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:8px 0;min-width:180px;list-style:none;z-index:9999}.floating-dropdown-menu li{padding:10px 20px;font-size:14px;color:#475569;cursor:pointer;transition:background .2s}.floating-dropdown-menu li:hover{background-color:#f1f5f9;color:#3b82f6}.hr-search-card{margin-top:20px}.table-outer-wrapper{position:relative;width:100%}.table-responsive{overflow-x:auto;margin-top:20px;-webkit-overflow-scrolling:touch}.results-table{width:100%;border-collapse:separate;border-spacing:0;min-width:800px}.results-table th{background:#fff;color:#111827;padding:14px 16px;text-align:left;font-weight:600;border-bottom:1px solid #e5e7eb}.results-table td{padding:14px 16px;border-bottom:1px solid var(--hr-border-light);background:#fff;color:#111827;font-size:14px}.dropdown-container{position:relative;display:inline-block}.btn-update-toggle{display:flex;align-items:center;gap:8px;border:1px solid #3b82f6;color:#3b82f6;background:#fff;padding:8px 16px;border-radius:6px;font-weight:500;cursor:pointer}.btn-update-toggle.active{background:#3b82f6;color:#fff}.dropdown-menu-list{position:absolute;top:calc(100% + 5px);right:0;width:200px;min-width:160px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:9999;max-height:min(280px,60vh);overflow-x:hidden;overflow-y:auto}.dropdown-item{padding:12px 16px;font-size:13px;color:#334155;cursor:pointer}.dropdown-item:hover{background-color:#f1f5f9;color:#3b82f6}@media(max-width:768px){.hr-main-container{padding:10px}.search-controls{flex-direction:column;align-items:stretch}.hr-search-card .input-group{min-width:100%;flex:1 1 100%}.hr-search-card .input-group select{min-height:44px;width:100%;box-sizing:border-box}.search-btn-wrapper{width:100%}.input-group{min-width:100%}.btn-search{width:100%;justify-content:center;margin-top:0}.results-actions{flex-direction:column}.btn-outline,.btn-success{width:100%;justify-content:center}}.rotate-180{transform:rotate(180deg);transition:transform .2s ease}.hr-sub-page{padding:20px;max-width:900px;margin:0 auto}.hr-sub-page .hr-card{position:relative;background:var(--hr-card-bg);border-radius:var(--hr-radius-lg);padding:24px;border:1px solid var(--hr-border-light);box-shadow:var(--hr-shadow);margin-top:16px;overflow:hidden}.hr-sub-page .hr-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.hr-sub-page .hr-card h2{margin:0 0 20px;font-size:1.25rem;background:var(--hr-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hr-loading{color:#64748b;margin:12px 0}.hr-error{color:#b91c1c;margin:12px 0}.hr-success{color:#166534;margin:12px 0}.hr-sub-page .profile-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.hr-sub-page .profile-section h4{margin:0 0 10px;font-size:.95rem;color:#475569}.hr-sub-page .profile-section h5{margin:0 0 8px;font-size:.85rem;color:#64748b;font-weight:600}.hr-sub-page .profile-section p{margin:6px 0;font-size:14px}.hr-profile-completeness{margin-bottom:24px;padding:16px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px}.hr-profile-completeness-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.hr-profile-completeness-title{font-weight:600;color:#0c4a6e;font-size:.95rem}.hr-profile-completeness-pct{font-weight:700;color:#0369a1;font-size:1.1rem}.hr-profile-progress-wrap{height:8px;background:#e0f2fe;border-radius:4px;overflow:hidden;margin-bottom:12px}.hr-profile-progress-bar{height:100%;background:linear-gradient(90deg,#0284c7,#0369a1);border-radius:4px;transition:width .3s ease}.hr-profile-missing-box{padding-top:12px;border-top:1px solid #bae6fd}.hr-profile-missing-title{font-weight:600;color:#0c4a6e;font-size:.9rem;display:block;margin-bottom:6px}.hr-profile-missing-all-ok{margin:0;color:#166534;font-size:14px}.hr-profile-missing-list{margin:0;padding-left:20px;color:#b45309;font-size:14px;line-height:1.6}.hr-profile-missing-list li{margin-bottom:2px}.hr-profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 20px}.hr-profile-row{display:flex;flex-direction:column;gap:2px}.hr-profile-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.hr-profile-value{font-size:14px;color:#1e293b}.hr-profile-value--missing{color:#b45309;font-style:italic}.hr-profile-address-block{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.hr-profile-address-sub{padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.hr-profile-address-sub .hr-profile-row{margin-bottom:8px}.hr-profile-address-sub .hr-profile-row:last-of-type{margin-bottom:0}.hr-profile-empty-section{color:#64748b;font-size:14px;margin:0;font-style:italic}.btn-edit-profile{margin-top:16px;padding:10px 24px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:var(--hr-radius-md);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-edit-profile:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.attendance-controls{display:flex;gap:12px;align-items:center;margin-bottom:16px}.attendance-controls input[type=month]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px}.btn-download-attendance{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--hr-radius-md);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-download-attendance:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn-download-attendance:disabled{opacity:.7}.attendance-table-wrap{overflow-x:auto;margin-top:12px}.hr-attendance-table{width:100%;border-collapse:collapse;font-size:14px}.hr-attendance-table th{background:#f1f5f9;padding:10px 12px;text-align:left;font-weight:600}.hr-attendance-table td{padding:8px 12px;border-bottom:1px solid #e2e8f0}.hr-punch-page{min-height:100vh;padding:24px 20px 40px}.hr-punch-page__header{max-width:560px;margin:0 auto 20px}.hr-punch-page__back{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:500;color:#475569;cursor:pointer;box-shadow:0 1px 3px #0000000f;transition:background .2s,border-color .2s,color .2s}.hr-punch-page__back:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.hr-punch-page__container{max-width:560px;margin:0 auto}.hr-punch-page__hero{text-align:center;padding:32px 24px 28px;margin-bottom:24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a;border:1px solid rgba(255,255,255,.8)}.hr-punch-page__hero-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border-radius:16px;margin-bottom:16px;box-shadow:0 8px 20px #0ea5e959}.hr-punch-page__hero-title{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.hr-punch-page__hero-subtitle{font-size:14px;color:#64748b;line-height:1.5;max-width:400px;margin:0 auto 20px}.hr-punch-page__employee-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;font-size:15px;font-weight:600;color:#0369a1}.hr-punch-page__card{background:#fff;border-radius:16px;padding:28px 24px;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a;border:1px solid rgba(255,255,255,.8)}.hr-punch-form__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:24px}.hr-punch-form__field{display:flex;flex-direction:column;gap:8px}.hr-punch-form__label{font-size:13px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em}.hr-punch-form__input{padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;color:#1e293b;background:#fafafa;transition:border-color .2s,background .2s,box-shadow .2s}.hr-punch-form__input:hover{border-color:#cbd5e1;background:#fff}.hr-punch-form__input:focus{outline:none;border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e933}.hr-punch-form__input--time{font-variant-numeric:tabular-nums;min-width:0}.hr-punch-form__message{padding:12px 16px;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:20px}.hr-punch-form__message--success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.hr-punch-form__message--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.hr-punch-form__submit{width:100%;padding:14px 24px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #0ea5e966;transition:transform .15s,box-shadow .2s,opacity .2s}.hr-punch-form__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e973}.hr-punch-form__submit:active:not(:disabled){transform:translateY(0)}.hr-punch-form__submit:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:600px){.hr-punch-form__grid{grid-template-columns:1fr}.hr-punch-page__hero{padding:24px 20px 22px}.hr-punch-page__hero-title{font-size:1.25rem}}.punch-form-desc{color:#64748b;font-size:14px;margin-bottom:20px}.punch-form .form-group{margin-bottom:16px}.punch-form .form-group label{display:block;margin-bottom:4px;font-weight:500;font-size:14px}.punch-form .form-group input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;width:100%;max-width:200px}.btn-submit-punch{margin-top:12px;padding:10px 24px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:var(--hr-radius-md);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-submit-punch:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.btn-submit-punch:disabled{opacity:.7}.hr-sub-page .profile-sub-item{margin-bottom:12px;padding:12px;border-radius:8px;border:1px solid #e2e8f0}.hr-sub-page .profile-sub-item:last-child{margin-bottom:0}.hr-sub-page .doc-link{color:#1976d2;text-decoration:none;font-weight:500;font-size:14px}.hr-sub-page .doc-link:hover{text-decoration:underline}.hr-sub-page .documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:8px}.hr-sub-page .doc-item{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #e2e8f0;border-radius:8px}.hr-sub-page .doc-item span{font-weight:500;font-size:14px;color:#334155}.hr-sub-page .no-docs{color:#64748b;font-size:14px;margin:8px 0 0}@media(max-width:1400px){.hr-main-container{padding:20px 20px 28px}}@media(max-width:1400px){.hr-stats-grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media(max-width:1200px){.hr-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.hr-main-container{padding:18px}.updates-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.hr-main-container{padding:16px}.birthday-anniversary-section{flex-wrap:wrap;gap:16px}.birthday-anniversary-card{min-width:calc(50% - 8px)}}@media(max-width:768px){.hr-main-container{margin-top:1.5rem;padding:12px}.hr-stats-grid{grid-template-columns:1fr;gap:12px}.hr-stats-grid .stat-card{padding:16px}.birthday-anniversary-section{flex-direction:column;gap:16px;margin-top:1rem}.birthday-anniversary-card{min-width:100%}.hr-search-card,.hr-search-card--results{padding:16px}.search-section-inner .section-title,.results-header h3{font-size:1.1rem}.search-controls{flex-direction:column;align-items:stretch}.hr-search-card .input-group{min-width:100%;flex:1 1 100%}.hr-search-card .input-group select{min-height:44px;width:100%;box-sizing:border-box}.search-btn-wrapper{width:100%}.input-group{min-width:100%}.btn-search{width:100%;justify-content:center;margin-top:0}.table-responsive,.hr-search-card--results .table-responsive{padding-bottom:0;margin-bottom:0}.results-table{min-width:500px;font-size:13px}.results-table th,.results-table td{padding:10px 8px}.results-actions{flex-wrap:wrap;gap:12px;flex-direction:column}.results-actions input[type=month]{width:100%}.btn-outline,.btn-success{width:100%;justify-content:center}.hr-sub-page{padding:12px}.hr-sub-page .hr-card{padding:16px}.attendance-controls{flex-direction:column;align-items:stretch}.attendance-controls input[type=month]{width:100%}.btn-download-attendance{width:100%;justify-content:center}.attendance-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.hr-attendance-table{min-width:400px}.btn-back-updates{width:100%;justify-content:center}.punch-form .form-group input{max-width:100%}.hr-sub-page .documents-grid{grid-template-columns:1fr}.updates-grid{grid-template-columns:1fr;gap:14px}}@media(max-width:576px){.hr-main-container{padding:12px 10px;margin-top:1rem}.hr-sub-page{padding:12px 10px}.hr-sub-page .hr-card{padding:14px}.hr-sub-page .hr-card h2{font-size:1.1rem}.hr-stats-grid .stat-card{padding:14px}.hr-stats-grid .stat-card .stat-icon-bg{width:40px;height:40px;margin-left:10px}.hr-stats-grid .stat-card .stat-value{font-size:1.15rem}.hr-stats-grid .stat-card .stat-label,.hr-stats-grid .stat-card .stat-sub{font-size:.7rem}.birthday-anniversary-card{padding:16px 18px;gap:14px}.icon-circle{width:44px;height:44px}.card-title-text{font-size:15px}.employee-name-text{font-size:18px}.section-title,.search-section-inner .section-title,.results-header h3{font-size:1rem}.results-table{min-width:420px}.btn-back,.btn-back-updates{padding:8px 14px;font-size:14px}.dropdown-menu-list,.floating-dropdown-menu{min-width:160px}}@media(max-width:400px){.hr-main-container,.hr-sub-page{padding:10px 8px}.hr-sub-page .hr-card{padding:12px}.hr-sub-page .hr-card h2{font-size:1rem}.hr-stats-grid .stat-card{padding:12px}.hr-stats-grid .stat-card .stat-icon-bg{width:36px;height:36px;margin-left:8px}.hr-stats-grid .stat-card .stat-value{font-size:1.1rem}.hr-stats-grid .stat-card .stat-label,.hr-stats-grid .stat-card .stat-sub{font-size:.65rem}.birthday-anniversary-card{padding:14px;min-width:100%}.section-title,.search-section-inner .section-title,.results-header h3{font-size:.95rem}.results-table{min-width:340px;font-size:12px}.results-table th,.results-table td{padding:8px 6px}.update-card{padding:14px}.update-text h4{font-size:.95rem}.update-text p{font-size:12px}.btn-update,.btn-update-action,.btn-update-toggle{padding:6px 10px;font-size:12px}}:root{--su-body-bg: #f4f7f6;--su-card-bg: #ffffff;--su-text-dark: #111827;--su-text-muted: #6b7280;--su-border: #e5e7eb;--su-shadow: 0 4px 12px rgba(0, 0, 0, .06)}@keyframes suSectionEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes suCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.signup-page-container{min-height:100%;width:100%;background-color:var(--su-body-bg);padding:24px 24px 32px;box-sizing:border-box;animation:suSectionEnter .4s ease-out}.signup-content-wrapper{max-width:900px;margin:0 auto;width:100%}.btn-back-updates{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;margin-bottom:20px;background:var(--su-card-bg);border:1px solid var(--su-border);border-radius:8px;color:var(--su-text-dark);font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:var(--su-shadow)}.btn-back-updates:hover{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;transform:translate(-2px)}.signup-card{background:var(--su-card-bg);border-radius:12px;box-shadow:var(--su-shadow);border:1px solid var(--su-border);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease;animation:suCardEnter .45s ease-out forwards}.signup-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.signup-card:hover{box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}.signup-card .card-header{padding:20px 24px;border-bottom:1px solid var(--su-border);display:flex;flex-direction:column;gap:10px}.signup-card .card-header h2{font-size:1.25rem;font-weight:700;margin:0;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:block;width:100%;line-height:1.35;word-wrap:break-word}.signup-card .card-header p{font-size:.875rem;color:var(--su-text-muted);margin:0;line-height:1.5;flex-shrink:0}.signup-success-msg{padding:12px 16px!important;margin:0 24px 16px!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:8px;color:#166534!important;font-size:.9rem}.signup-error-msg{padding:12px 16px!important;margin:0 24px 16px!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:8px;color:#b91c1c!important;font-size:.9rem}.signup-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.signup-form .form-group{display:flex;flex-direction:column;gap:8px}.signup-form .form-group label{font-size:.875rem;font-weight:600;color:var(--su-text-muted)}.signup-form .form-group label span{color:#b91c1c}.signup-form .form-group input,.signup-form .form-group select{padding:12px 14px;border:1px solid var(--su-border);border-radius:8px;font-size:.9rem;color:var(--su-text-dark);background:var(--su-card-bg);width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.signup-form .form-group input:focus,.signup-form .form-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.signup-form .form-group input::placeholder{color:var(--su-text-muted)}.signup-form .form-group input:disabled,.signup-form .form-group input[readOnly]{background:#f8fafc;cursor:not-allowed;opacity:.9}.form-actions{display:flex;justify-content:flex-end;margin-top:8px}.btn-create-account{padding:12px 24px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff!important;border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 2px 8px #4f46e54d}.btn-create-account:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.btn-create-account:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:992px){.signup-page-container{padding:20px 20px 28px}.signup-card .card-header,.signup-form{padding:20px}.signup-card .card-header h2{font-size:1.15rem}.signup-success-msg,.signup-error-msg{margin-left:20px!important;margin-right:20px!important}}@media(max-width:768px){.signup-page-container{padding:16px 16px 24px}.btn-back-updates{padding:8px 14px;font-size:.875rem;margin-bottom:16px}.signup-card .card-header,.signup-form{padding:18px}.signup-card .card-header h2{font-size:1.1rem}.signup-form,.form-row{gap:18px}.signup-success-msg,.signup-error-msg{margin-left:18px!important;margin-right:18px!important;margin-bottom:14px!important}}@media(max-width:576px){.signup-page-container{padding:12px 12px 20px}.btn-back-updates{width:100%;justify-content:center;margin-bottom:14px}.signup-card .card-header,.signup-form{padding:16px}.signup-card .card-header{gap:12px}.signup-card .card-header h2{font-size:1.05rem}.signup-card .card-header p{font-size:.8rem}.form-row{grid-template-columns:1fr;gap:16px}.signup-form{gap:16px;padding:16px}.signup-form .form-group input,.signup-form .form-group select{padding:10px 14px;font-size:16px}.form-actions{margin-top:4px}.btn-create-account{width:100%;padding:12px 20px;font-size:.9rem}.signup-success-msg,.signup-error-msg{margin-left:16px!important;margin-right:16px!important;margin-bottom:12px!important;padding:10px 14px!important;font-size:.85rem}}@media(max-width:480px){.signup-page-container{padding:10px 10px 16px}.signup-card .card-header,.signup-form{padding:14px}.signup-card .card-header{gap:12px}.signup-card .card-header h2{font-size:1rem}.signup-form{gap:14px;padding:14px}.form-row{gap:14px}.btn-create-account{padding:12px 18px}.signup-success-msg,.signup-error-msg{margin-left:14px!important;margin-right:14px!important}}@media(max-width:400px){.signup-page-container{padding:8px 8px 14px}.signup-card .card-header,.signup-form{padding:12px}.signup-card .card-header{gap:10px}.signup-card .card-header h2{font-size:.95rem}.signup-form .form-group label{font-size:.8rem}.signup-form .form-group input,.signup-form .form-group select{padding:10px 12px}}:root{--hr-body-bg: #f4f7f6;--hr-card-bg: #ffffff;--hr-text-dark: #111827;--hr-text-muted: #6b7280;--hr-border: #e5e7eb;--hr-shadow: 0 4px 12px rgba(0, 0, 0, .06)}@keyframes hrCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.update-signup-page{min-height:100%;width:100%;background:var(--hr-body-bg);padding:24px 24px 32px;box-sizing:border-box}.content-container{max-width:900px;margin:0 auto;width:100%}.btn-back-nav{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;margin-bottom:20px;background:var(--hr-card-bg);border:1px solid var(--hr-border);border-radius:8px;color:var(--hr-text-dark);font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:var(--hr-shadow)}.btn-back-nav:hover{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;transform:translate(-2px)}.search-filter-card{background:var(--hr-card-bg);border-radius:12px;box-shadow:var(--hr-shadow);border:1px solid var(--hr-border);position:relative;overflow:hidden;padding:20px 24px;margin-bottom:20px;animation:hrCardEnter .45s ease-out forwards}.search-filter-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.search-filter-card h3{font-size:1.25rem;font-weight:700;margin:0 0 6px;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}.search-filter-card p{font-size:.875rem;color:var(--hr-text-muted);margin:0 0 16px}.filter-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.filter-group{flex:1;min-width:140px;display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.875rem;font-weight:600;color:var(--hr-text-muted)}.filter-group select{padding:12px 14px;border:1px solid var(--hr-border);border-radius:8px;background:var(--hr-card-bg);font-size:.9rem;color:var(--hr-text-dark)}.filter-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.btn-search-blue{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 2px 8px #4f46e54d;transition:transform .2s,box-shadow .2s,filter .2s}.btn-search-blue:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.btn-search-blue:disabled{opacity:.7;cursor:not-allowed;transform:none}.update-signup-page [style*=fef2f2]{padding:12px 16px!important;margin-top:12px!important;background:#fef2f2!important;border:1px solid #fecaca;border-radius:8px;color:#b91c1c!important;font-size:.9rem}.results-card{background:var(--hr-card-bg);border-radius:12px;box-shadow:var(--hr-shadow);border:1px solid var(--hr-border);padding:20px 24px;margin-top:20px;position:relative;overflow:hidden}.results-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#059669,#10b981)}.results-header h3{font-size:1.1rem;font-weight:700;color:var(--hr-text-dark);margin:0 0 4px}.results-header p{font-size:.85rem;color:var(--hr-text-muted);margin:0}.table-wrapper{margin-top:16px;overflow-x:auto;border-radius:8px;border:1px solid var(--hr-border)}.custom-table{width:100%;border-collapse:collapse;font-size:.9rem}.custom-table th,.custom-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--hr-border)}.custom-table th{background:#f8fafc;font-weight:600;color:var(--hr-text-dark)}.custom-table tbody tr:last-child td{border-bottom:none}.btn-view-details{padding:8px 16px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-view-details:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.btn-view-details:disabled{opacity:.7;cursor:not-allowed}.update-signup-page p[style*=marginTop]{margin-top:1rem!important;color:var(--hr-text-muted)!important;font-size:.9rem}@media(max-width:768px){.update-signup-page{padding:16px 16px 24px}.filter-row{flex-direction:column;align-items:stretch}.filter-group{min-width:0}.btn-search-blue{width:100%;justify-content:center}.search-filter-card,.results-card{padding:18px}}@media(max-width:576px){.update-signup-page{padding:12px 12px 20px}.btn-back-nav{width:100%;justify-content:center}.search-filter-card{padding:16px}.search-filter-card h3{font-size:1.1rem}.custom-table th,.custom-table td{padding:12px 14px;font-size:.85rem}.btn-view-details{padding:8px 14px;font-size:.8rem}}@media(max-width:400px){.update-signup-page{padding:10px 10px 16px}.search-filter-card,.results-card{padding:14px}}:root{--nf-body-bg: #f4f7f6;--nf-card-bg: #ffffff;--nf-text-dark: #111827;--nf-text-muted: #6b7280;--nf-border: #e5e7eb;--nf-shadow: 0 4px 12px rgba(0, 0, 0, .06)}@keyframes nfCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.newsfeed-page-container{min-height:100%;width:100%;background:var(--nf-body-bg);padding:24px 24px 32px;box-sizing:border-box}.newsfeed-content{max-width:720px;margin:0 auto;width:100%}.btn-back-link{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;margin-bottom:20px;background:var(--nf-card-bg);border:1px solid var(--nf-border);border-radius:8px;color:var(--nf-text-dark);font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:var(--nf-shadow)}.btn-back-link:hover{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;transform:translate(-2px)}.announcement-card{background:var(--nf-card-bg);border-radius:12px;box-shadow:var(--nf-shadow);border:1px solid var(--nf-border);position:relative;overflow:hidden;padding:24px;animation:nfCardEnter .45s ease-out forwards}.announcement-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.announcement-card:hover{box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}.newsfeed-form{display:flex;flex-direction:column;gap:20px}.newsfeed-success{padding:12px 16px!important;margin:0 0 16px!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:8px;color:#166534!important;font-size:.9rem}.newsfeed-error{padding:12px 16px!important;margin:0 0 16px!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:8px;color:#b91c1c!important;font-size:.9rem}.form-item{display:flex;flex-direction:column;gap:8px}.form-item label{font-size:.875rem;font-weight:600;color:var(--nf-text-muted)}.form-item input,.form-item select,.form-item textarea{padding:12px 14px;border:1px solid var(--nf-border);border-radius:8px;background:var(--nf-card-bg);font-size:.9rem;color:var(--nf-text-dark);width:100%;box-sizing:border-box}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.form-item textarea{resize:vertical;min-height:120px}#news-file{display:none}.file-input-wrapper{display:flex;align-items:center;border:1px solid var(--nf-border);border-radius:8px;overflow:hidden;background:#f8fafc}.custom-file-upload{display:flex;align-items:center;width:100%;cursor:pointer}.choose-btn{padding:10px 16px;background:#4f46e51a;color:#4f46e5;font-size:.875rem;font-weight:600}.choose-btn:hover{background:#4f46e526}.file-name{padding:10px 14px;font-size:.9rem;color:var(--nf-text-muted)}.form-submit{margin-top:8px}.btn-post{padding:12px 24px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 2px 8px #4f46e54d;transition:transform .2s,box-shadow .2s,filter .2s;width:fit-content}.btn-post:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.btn-post:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:768px){.newsfeed-page-container{padding:16px 16px 24px}.announcement-card{padding:20px}.newsfeed-form{gap:18px}}@media(max-width:576px){.newsfeed-page-container{padding:12px 12px 20px}.btn-back-link{width:100%;justify-content:center}.announcement-card{padding:16px}.form-item input,.form-item select,.form-item textarea{font-size:16px}.btn-post{width:100%}}@media(max-width:400px){.newsfeed-page-container{padding:10px 10px 16px}.announcement-card{padding:14px}}:root{--ul-body-bg: #f4f7f6;--ul-card-bg: #ffffff;--ul-text-dark: #111827;--ul-text-muted: #6b7280;--ul-border: #e5e7eb;--ul-shadow: 0 4px 12px rgba(0, 0, 0, .06)}@keyframes ulCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.leave-page-wrapper{min-height:100%;width:100%;background:var(--ul-body-bg);padding:24px 24px 32px;box-sizing:border-box}.leave-content-area{max-width:900px;margin:0 auto;width:100%}.back-to-updates-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;margin-bottom:20px;background:var(--ul-card-bg);border:1px solid var(--ul-border);border-radius:8px;color:var(--ul-text-dark);font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:var(--ul-shadow)}.back-to-updates-btn:hover{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526;transform:translate(-2px);color:var(--ul-text-dark)}.leave-search-filter-box{background:var(--ul-card-bg);border-radius:12px;box-shadow:var(--ul-shadow);border:1px solid var(--ul-border);position:relative;overflow:hidden;padding:20px 24px;margin-bottom:20px;animation:ulCardEnter .45s ease-out forwards}.leave-search-filter-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.filter-inner-grid{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.filter-column{flex:1;min-width:140px;display:flex;flex-direction:column;gap:6px}.filter-column label{font-size:.875rem;font-weight:600;color:var(--ul-text-muted)}.filter-column select{padding:12px 14px;border:1px solid var(--ul-border);border-radius:8px;background:var(--ul-card-bg);font-size:.9rem;color:var(--ul-text-dark)}.filter-column select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.execute-search-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 2px 8px #4f46e54d;transition:transform .2s,box-shadow .2s,filter .2s}.execute-search-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.execute-search-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.leave-page-wrapper [style*=fef2f2]{padding:12px 16px!important;margin-top:12px!important;background:#fef2f2!important;border:1px solid #fecaca;border-radius:8px;color:#b91c1c!important;font-size:.9rem}.leave-table-wrapper{background:var(--ul-card-bg);border-radius:12px;box-shadow:var(--ul-shadow);border:1px solid var(--ul-border);overflow:hidden;margin-top:20px}.leave-data-table{width:100%;border-collapse:collapse;font-size:.9rem}.leave-data-table th{background:#f8fafc;text-align:left;padding:14px 16px;font-weight:600;color:var(--ul-text-dark);border-bottom:1px solid var(--ul-border)}.leave-data-table td{padding:14px 16px;border-bottom:1px solid var(--ul-border);color:var(--ul-text-dark)}.leave-data-table tbody tr:last-child td{border-bottom:none}.view-balance-link{background:none;border:none;color:#4f46e5;font-weight:600;font-size:.9rem;cursor:pointer;padding:0;text-decoration:none}.view-balance-link:hover{text-decoration:underline}.leave-edit-container{display:flex;justify-content:center;align-items:flex-start;padding:24px 0;min-height:100%}.balance-form-card{background:var(--ul-card-bg);border-radius:12px;box-shadow:var(--ul-shadow);border:1px solid var(--ul-border);position:relative;overflow:hidden;width:100%;max-width:480px;padding:24px;animation:ulCardEnter .45s ease-out forwards}.balance-form-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.leave-form-title{font-size:1.25rem;font-weight:700;margin:0 0 6px;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}.leave-form-subtitle{font-size:.875rem;color:var(--ul-text-muted);margin:0 0 20px}.balance-form-card [style*=fef2f2],.balance-form-card [style*=dcfce7]{padding:12px 16px!important;margin-bottom:16px!important;border-radius:8px;font-size:.9rem}.leave-field{margin-bottom:1.25rem}.leave-field label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:600;color:var(--ul-text-muted)}.leave-field input{width:100%;padding:12px 14px;border:1px solid var(--ul-border);border-radius:8px;background:var(--ul-card-bg);font-size:.9rem;color:var(--ul-text-dark);box-sizing:border-box}.leave-field input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.leave-form-footer{display:flex;gap:12px;margin-top:1.5rem;flex-wrap:wrap}.btn-save-update{flex:1;min-width:120px;padding:12px 20px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 2px 8px #4f46e54d;transition:transform .2s,box-shadow .2s,filter .2s}.btn-save-update:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.btn-save-update:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-cancel-list{flex:1;min-width:120px;padding:12px 20px;background:#475569;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s}.btn-cancel-list:hover{background:#334155}.leave-page-wrapper p[style*=marginTop]{margin-top:1rem!important;color:var(--ul-text-muted)!important;font-size:.9rem}@media(max-width:768px){.leave-page-wrapper{padding:16px 16px 24px}.filter-inner-grid{flex-direction:column;align-items:stretch}.filter-column{min-width:0}.execute-search-btn{width:100%;justify-content:center}.leave-search-filter-box{padding:18px}.balance-form-card{padding:20px}}@media(max-width:576px){.leave-page-wrapper{padding:12px 12px 20px}.back-to-updates-btn{width:100%;justify-content:center}.leave-search-filter-box{padding:16px}.leave-data-table th,.leave-data-table td{padding:12px 14px;font-size:.85rem}.balance-form-card{padding:16px;max-width:100%}.leave-form-title{font-size:1.1rem}.leave-form-footer{flex-direction:column}.btn-save-update,.btn-cancel-list{min-width:0;width:100%}}@media(max-width:400px){.leave-page-wrapper{padding:10px 10px 16px}.leave-search-filter-box,.balance-form-card{padding:14px}}:root{--um-body-bg: #f4f7f6;--um-card-bg: #ffffff;--um-text-dark: #111827;--um-text-muted: #6b7280;--um-border: #e5e7eb;--um-shadow: 0 4px 12px rgba(0, 0, 0, .06)}.manager-landing-card{max-width:560px}.manager-landing-subtitle{font-size:.95rem;color:var(--um-text-muted);margin:0 0 1.5rem;text-align:center}.manager-landing-options{display:flex;flex-direction:column;gap:1rem}.manager-landing-card-btn{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:1.25rem;border:1px solid var(--um-border);border-radius:12px;background:var(--um-card-bg);cursor:pointer;transition:border-color .2s,box-shadow .2s;box-shadow:var(--um-shadow)}.manager-landing-card-btn:hover{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.manager-landing-icon-wrap{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.manager-landing-icon-wrap.assign{background:#4f46e51f;color:#4f46e5}.manager-landing-icon-wrap.search{background:#10b9811f;color:#10b981}.manager-landing-card-btn h3{font-size:1.1rem;margin:0 0 .35rem;color:var(--um-text-dark)}.manager-landing-card-btn p{font-size:.88rem;color:var(--um-text-muted);margin:0;line-height:1.4}.manager-assign-subtitle{font-size:.9rem;color:var(--um-text-muted);margin:0 0 1.25rem}.manager-search-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.btn-back-text{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--um-text-muted);font-size:.9rem;cursor:pointer;padding:4px 0}.btn-back-text:hover{color:#4f46e5}.manager-search-overlay{background:var(--um-body-bg);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:24px 16px;box-sizing:border-box}.search-manager-card{background:var(--um-card-bg);padding:24px;border-radius:12px;width:100%;max-width:480px;box-shadow:var(--um-shadow);border:1px solid var(--um-border);position:relative;overflow:hidden}.search-manager-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.search-manager-card.has-results{max-width:640px}.search-manager-card h2{text-align:center;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-right:2rem;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}.search-manager-card .close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:var(--um-text-muted);padding:6px;border-radius:6px}.search-manager-card .close-btn:hover{background:#f8fafc;color:var(--um-text-dark)}.search-field-box{margin-bottom:1.2rem}.search-field-box label{display:block;margin-bottom:6px;font-weight:600;font-size:.875rem;color:var(--um-text-muted)}.search-field-box select,.search-field-box input{width:100%;padding:12px 14px;border:1px solid var(--um-border);border-radius:8px;background:var(--um-card-bg);font-size:.9rem;color:var(--um-text-dark)}.search-field-box select:focus,.search-field-box input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.btn-execute-search{width:100%;padding:12px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #4f46e54d;transition:transform .2s,box-shadow .2s,filter .2s}.btn-execute-search:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.btn-execute-search:disabled{opacity:.7;cursor:not-allowed;transform:none}.manager-search-error{margin-top:1rem;padding:12px 16px;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:8px;font-size:.9rem}.manager-results-table-wrap{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--um-border)}.manager-results-title{font-size:.9rem;color:var(--um-text-muted);margin-bottom:.75rem;font-weight:600}.manager-results-table{width:100%;border-collapse:collapse;font-size:.9rem}.manager-results-table th,.manager-results-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--um-border)}.manager-results-table th{font-weight:600;color:var(--um-text-dark);background:#f8fafc}.manager-results-table .view-balance-link{background:none;border:1px solid #4f46e5;color:#4f46e5;padding:6px 12px;border-radius:8px;font-weight:600;cursor:pointer;font-size:.85rem}.manager-results-table .view-balance-link:hover:not(:disabled){background:#4f46e514}.manager-results-table .view-balance-link:disabled{opacity:.6;cursor:not-allowed}.manager-page-container{background:var(--um-body-bg);min-height:100vh;padding:24px 24px 32px;box-sizing:border-box}.manager-nav{padding:1rem 24px;border-bottom:1px solid var(--um-border);background:var(--um-card-bg);box-shadow:var(--um-shadow)}.btn-back-square{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--um-border);background:var(--um-card-bg);padding:10px 18px;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--um-text-dark);transition:border-color .2s,box-shadow .2s}.btn-back-square:hover{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.manager-form-wrapper{display:flex;justify-content:center;align-items:flex-start;padding:24px 16px;min-height:calc(100vh - 80px)}.details-sidebar-card{background:var(--um-card-bg);padding:24px;border-radius:12px;border:1px solid var(--um-border);box-shadow:var(--um-shadow);max-height:90vh;overflow-y:auto;position:relative;overflow-x:hidden}.details-sidebar-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:linear-gradient(180deg,#4f46e5,#6366f1)}.details-sidebar-card.manager-form-centered{width:100%;max-width:520px;margin:0 auto}.manager-form-title{font-size:1.25rem;font-weight:700;margin:0 0 .35rem;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}.manager-form-subtitle{font-size:.9rem;color:var(--um-text-muted);margin:0 0 1.5rem;line-height:1.4}.manager-loading{padding:1.5rem;color:var(--um-text-muted);text-align:center}.manager-error-msg{padding:12px 16px;margin-bottom:1rem;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:8px;font-size:.9rem}.manager-success-msg{padding:12px 16px;margin-bottom:1rem;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:8px;font-size:.9rem}.sidebar-form .read-only-input{background:#f8fafc;color:var(--um-text-muted);cursor:default}.section-divider{font-size:.85rem;font-weight:700;margin:1.5rem 0 .75rem;color:var(--um-text-muted);padding-top:.5rem}.section-divider.highlight-blue{color:#4f46e5}.form-item-group{margin-bottom:1rem}.form-item-group label{font-size:.8rem;font-weight:600;color:var(--um-text-muted);margin-bottom:6px;display:block}.form-item-group input,.form-item-group select{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--um-border);background:var(--um-card-bg);font-size:.9rem;color:var(--um-text-dark)}.form-item-group input:focus,.form-item-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.manager-picker-hint{font-size:.75rem;color:var(--um-text-muted);margin-top:4px}.manager-typeahead-input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--um-border);background:var(--um-card-bg);font-size:.9rem}.manager-typeahead-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.manager-typeahead-dropdown{position:absolute;left:0;right:0;top:100%;margin-top:4px;max-height:220px;overflow-y:auto;background:var(--um-card-bg);border:1px solid var(--um-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10}.manager-typeahead-item{display:block;width:100%;padding:10px 14px;text-align:left;border:none;background:none;font-size:.9rem;color:var(--um-text-dark);cursor:pointer;transition:background .15s}.manager-typeahead-item:hover{background:#f8fafc}.manager-typeahead-item.manager-typeahead-loading,.manager-typeahead-item.manager-typeahead-empty{color:var(--um-text-muted);cursor:default}.manager-typeahead-clear{font-size:.8rem;color:#4f46e5;background:none;border:none;cursor:pointer;margin-left:8px;padding:0}.btn-manager-submit{width:100%;padding:12px;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:1rem;margin-top:1.5rem;cursor:pointer;box-shadow:0 2px 8px #4f46e54d;transition:transform .2s,box-shadow .2s,filter .2s}.btn-manager-submit:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.btn-manager-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:768px){.manager-search-overlay{padding:16px 12px}.search-manager-card{padding:20px}.manager-form-wrapper{padding:16px 12px}.details-sidebar-card{padding:20px}.manager-results-table th,.manager-results-table td{padding:10px 12px;font-size:.85rem}}@media(max-width:576px){.manager-search-overlay{padding:12px 10px}.search-manager-card{padding:16px;max-width:100%}.search-manager-card h2{font-size:1.1rem}.manager-page-container{padding:16px 12px 24px}.manager-nav{padding:12px 16px}.details-sidebar-card{padding:16px;max-width:100%}.manager-form-title{font-size:1.1rem}}@media(max-width:400px){.search-manager-card,.details-sidebar-card{padding:14px}}.assets-page-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;padding:20px}.assets-container{width:100%;max-width:650px;display:flex;flex-direction:column;align-items:flex-start}.btn-back-link{display:flex;align-items:center;gap:8px;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.35);padding:10px 15px;border-radius:8px 8px 0 0;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 -2px 10px #0000000d;transition:all .3s ease}.btn-back-link:hover{background:#ffffff4d;transform:translate(-3px)}.assets-card{background:#fff;width:100%;border-radius:0 12px 12px;padding:40px;box-shadow:0 20px 60px #00000026}.assets-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.assets-card-header h2{font-size:22px;color:#111827;margin:0}.header-search-icon{color:#667eea}.search-section h3,.employee-details-section h3{font-size:18px;color:#1e293b;margin-bottom:20px}.search-section label{display:block;font-size:14px;color:#374151;margin-bottom:8px}.search-input-group{display:flex;gap:0;margin-bottom:10px}.search-input-group input{flex:1;padding:12px;border:1px solid #d1d5db;border-radius:6px 0 0 6px;outline:none;color:#1f2937}.search-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.btn-search-blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:0 25px;border-radius:0 6px 6px 0;cursor:pointer;font-weight:500;transition:all .3s ease}.btn-search-blue:hover{transform:translateY(-1px);box-shadow:0 6px 15px #0000001f}.sub-label{font-size:13px;color:#6b7280;margin-top:5px;margin-bottom:30px}.details-table{width:100%;border-collapse:collapse;margin-bottom:30px;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.label-cell{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;width:35%;font-weight:500;border-bottom:1px solid rgba(255,255,255,.15)}.value-cell{padding:12px 20px;color:#374151;border-bottom:1px solid #e5e7eb}.last-cell{border-bottom:none}.assets-footer{display:flex;justify-content:center}.btn-add-asset{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 40px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-asset:hover{<<<<<<< HEAD transform: translateY(-2px);box-shadow:0 8px 20px #00000026}======= background-color: #1565c0; } .btn-add-asset:disabled{opacity:.7;cursor:not-allowed}.assets-error-msg{color:#b91c1c;font-size:14px;margin:8px 0}.assets-success-msg{color:#166534;font-size:14px;margin:8px 0}.assets-loading,.assets-empty{font-size:14px;color:#64748b;margin:12px 0}.assets-list-title{font-size:16px;color:#334155;margin:20px 0 10px}.assets-list{list-style:none;padding:0;margin:0 0 20px}.asset-item{padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.asset-name{font-weight:500}.asset-desc{color:#64748b}.add-asset-form{width:100%;max-width:400px;text-align:left;padding:20px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.add-asset-form h4{margin:0 0 16px;font-size:16px}.add-asset-form .form-row{margin-bottom:14px}.add-asset-form .form-row label{display:block;font-size:13px;color:#475569;margin-bottom:4px}.add-asset-form .form-row label .required{color:#b91c1c}.add-asset-form .form-row input[type=text],.add-asset-form .form-row input[type=file]{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px}.add-asset-form .form-actions{display:flex;gap:12px;margin-top:16px}.btn-cancel{background:#e2e8f0;color:#475569;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500}.btn-cancel:hover{background:#cbd5e1}>>>>>>> 9879018451eb12b46d4821910763b6c8e012ae12 .location-page-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;padding:40px 20px;font-family:Inter,sans-serif}.location-container{width:100%;max-width:800px;display:flex;flex-direction:column}.btan-back-tab{display:flex;align-items:center;gap:8px;background:#334155;color:#fff;border:1px solid rgba(255,255,255,.35);padding:10px 20px;border-radius:8px 8px 0 0;font-size:14px;font-weight:600;cursor:pointer;width:fit-content;margin-top:0;box-shadow:0 -2px 10px #0000000d;transition:all .3s ease}.btn-back-tab:hover{background:#ffffff4d;transform:translate(-3px)}.location-card{background:#fff;width:100%;border-radius:0 12px 12px;padding:40px;box-shadow:0 20px 60px #00000026}.location-card-header{display:flex;justify-content:space-between;margin-bottom:30px}.location-card-header h2{font-size:20px;color:#111827;margin:0}.header-icon-blue{color:#667eea}.input-group{margin-bottom:15px;display:flex;flex-direction:column;gap:5px}.input-row{display:flex;gap:15px}.flex-1{flex:1}.input-group label{font-size:13px;font-weight:500;color:#374151}.input-group input{padding:10px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;color:#1f2937;transition:all .3s ease}.input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.btn-add-blue{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;margin-top:10px;<<<<<<< HEAD transition: all .3s ease}.btn-add-blue:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}======= display: inline-flex; align-items: center; gap: 8px; } .btn-add-blue:disabled{opacity:.7;cursor:not-allowed}.location-error-msg{color:#b91c1c;font-size:14px;margin:8px 0}.location-success-msg{color:#166534;font-size:14px;margin:8px 0}.location-loading,.location-empty{color:#64748b;font-size:14px;margin:16px 0}>>>>>>> 9879018451eb12b46d4821910763b6c8e012ae12 .results-section h3{text-align:center;font-size:18px;margin:40px 0 20px;color:#1e293b}.location-table{width:100%;border-collapse:collapse}.location-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px;text-align:center;font-size:13px;font-weight:500}.location-table td{padding:15px 10px;text-align:center;border-bottom:1px solid #e5e7eb;font-size:14px;color:#374151}.btn-delete-red{background-color:#ef4444;color:#fff;border:none;padding:6px 15px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.btn-delete-red:hover{background-color:#dc2626}@media(max-width:600px){.input-row{flex-direction:column}.location-card{padding:20px}}.noc-info-wrapper{background:linear-gradient(135deg,#e0f2fe,#f0f9ff,#e0e7ff);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:24px 20px 48px}.noc-info-container{width:100%;max-width:1100px;display:flex;flex-direction:column}.btn-back-tab{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#0369a1;border:1px solid #bae6fd;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;width:fit-content;box-shadow:0 1px 3px #0000000f;transition:all .2s}.btn-back-tab:hover{background:#f0f9ff;color:#0284c7;border-color:#7dd3fc}.noc-info-card{background:#fff;width:100%;border-radius:12px;padding:28px 32px 32px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a;margin-top:8px}.noc-info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.noc-header-left{display:flex;align-items:flex-start;gap:16px}.noc-header-icon{color:#0369a1;flex-shrink:0;margin-top:2px}.noc-info-header h2{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 6px;letter-spacing:-.02em}.noc-header-subtitle{font-size:14px;color:#64748b;margin:0;line-height:1.5}.btn-refresh-noc{display:inline-flex;align-items:center;gap:8px;background:#0369a1;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:background .2s;flex-shrink:0}Table Design .table-responsive-container{overflow-x:auto;@keyframes noc-spin{to{transform:rotate(360deg)}}*/ .noc-info-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Inter,sans-serif;padding:20px}}Table Design .table-responsive-container .btn-refresh-noc:hover:not(:disabled){background:#0284c7}Table Design .table-responsive-container .btn-refresh-noc:disabled{opacity:.6;cursor:not-allowed}Table Design .table-responsive-container .noc-table-section{min-height:200px}Table Design .table-responsive-container .noc-table-wrapper{overflow-x:auto;border:1px solid #e2e8f0;border-radius:10px;background:#fafbfc}Table Design .table-responsive-container .noc-dynamic-table{width:100%;border-collapse:collapse;font-size:14px}Table Design .table-responsive-container .noc-dynamic-table th{background-color:#1976d2;font-weight:500;border-right:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#0369a1,#0284c7);color:#fff;text-align:left;padding:14px 16px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}Table Design .table-responsive-container .noc-dynamic-table th:first-child{border-radius:9px 0 0}Table Design .table-responsive-container .noc-dynamic-table th:last-child{border-radius:0 9px 0 0;text-align:center}Table Design .table-responsive-container .noc-dynamic-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}Table Design .table-responsive-container .noc-dynamic-table tbody tr:hover{background:#f8fafc}Table Design .table-responsive-container .noc-dynamic-table tbody tr:last-child td{border-bottom:none}Table Design .table-responsive-container .noc-index-col{color:#94a3b8;font-weight:500;width:44px}Table Design .table-responsive-container .noc-name-col{font-weight:600;color:#0f172a}Table Design .table-responsive-container .noc-reason-col{max-width:180px;overflow:hidden;text-overflow:ellipsis}Table Design .table-responsive-container .noc-reason-col span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}Table Design .table-responsive-container .noc-status-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}Table Design .table-responsive-container .noc-status-no-noc{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}Table Design .table-responsive-container .noc-status-pending{background:#fffbeb;color:#b45309;border:1px solid #fde68a}Table Design .table-responsive-container .noc-status-uploaded{background:#dcfce7;color:#166534;border:1px solid #86efac}Table Design .table-responsive-container .noc-dynamic-table td:last-child{text-align:center}Table Design .table-responsive-container .btn-noc-create{display:inline-flex;align-items:center;gap:6px;background:#0d9488;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}Table Design .table-responsive-container .btn-noc-create:hover:not(:disabled){background:#0f766e}Table Design .table-responsive-container .btn-noc-create:disabled{opacity:.7;cursor:not-allowed}Table Design .table-responsive-container .btn-noc-upload{display:inline-flex;align-items:center;gap:8px;background:#0369a1;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}Table Design .table-responsive-container .btn-noc-upload:hover:not(:disabled){background:#0284c7}Table Design .table-responsive-container .btn-noc-upload:disabled{opacity:.7;cursor:not-allowed}Table Design .table-responsive-container .noc-action-done{font-size:13px;color:#166534;font-weight:500}Table Design .table-responsive-container .noc-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px;color:#64748b}Table Design .table-responsive-container .noc-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#0369a1;border-radius:50%;animation:noc-spin .8s linear infinite;margin-bottom:16px}Table Design .table-responsive-container .noc-loading-state p{margin:0;font-size:14px}Table Design .table-responsive-container .noc-empty-state{text-align:center;padding:56px 24px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px}Table Design .table-responsive-container .noc-empty-icon{color:#94a3b8;margin-bottom:16px;opacity:.7}Table Design .table-responsive-container .noc-empty-state h3{font-size:18px;color:#475569;margin:0 0 8px}Table Design .table-responsive-container .noc-empty-state p{font-size:14px;color:#94a3b8;margin:0;max-width:400px;margin-inline:auto;line-height:1.6}@media(max-width:900px){Table Design .table-responsive-container .noc-info-card{padding:20px 20px 24px}Table Design .table-responsive-container .noc-info-header{flex-direction:column;align-items:stretch}Table Design .table-responsive-container .noc-header-left{flex-direction:column;gap:8px}Table Design .table-responsive-container .noc-dynamic-table{font-size:13px}Table Design .table-responsive-container .noc-dynamic-table th,Table Design .table-responsive-container .noc-dynamic-table td{padding:10px 12px}Table Design .table-responsive-container .noc-reason-col{max-width:120px}}Table Design .table-responsive-container .btn-choose-file{background-color:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;padding:5px 12px;border-radius:4px;font-size:12px;cursor:pointer}Table Design .table-responsive-container .btn-action-upload{background:transparent;border:none;color:#1976d2;cursor:pointer}Table Design .table-responsive-container .noc-info-container{width:100%;max-width:850px;display:flex;flex-direction:column}Table Design .table-responsive-container .btan-back-tab{display:flex;align-items:center;gap:8px;background:#334155;color:#fff;border:1px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:10px 10px 0 0;font-size:14px;font-weight:600;cursor:pointer;width:fit-content;box-shadow:0 -2px 10px #0000000d}Table Design .table-responsive-container .noc-info-card{background:#fff;width:100%;border-radius:0 15px 15px;padding:30px;box-shadow:0 20px 60px #00000026}Table Design .table-responsive-container .noc-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}Table Design .table-responsive-container .noc-info-header h2{font-size:20px;color:#111827;letter-spacing:.5px;margin:0}Table Design .table-responsive-container .header-actions{display:flex;align-items:center;gap:15px}Table Design .table-responsive-container .header-icon{color:#667eea;cursor:pointer}Table Design .table-responsive-container .upload-circle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:35px;height:35px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}Table Design .table-responsive-container .table-responsive-container{overflow-x:auto}Table Design .table-responsive-container .noc-dynamic-table{width:100%;border-collapse:collapse}Table Design .table-responsive-container .noc-dynamic-table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:left;padding:12px 15px;font-weight:500;border-right:1px solid rgba(255,255,255,.2)}Table Design .table-responsive-container .noc-dynamic-table th:last-child{border-right:none}Table Design .table-responsive-container .noc-dynamic-table td{padding:10px 15px;border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px}Table Design .table-responsive-container .name-col{font-weight:500}Table Design .table-responsive-container .row-number{color:#9ca3af;margin-right:10px;font-weight:400}Table Design .table-responsive-container .table-input{width:100%;max-width:120px;padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;outline:none}Table Design .table-responsive-container .table-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}Table Design .table-responsive-container .btn-choose-file{background-color:#667eea1a;color:#4f46e5;border:1px solid rgba(102,126,234,.3);padding:5px 12px;border-radius:4px;font-size:12px;cursor:pointer}Table Design .table-responsive-container .btn-action-upload{background:transparent;border:none;color:#667eea;cursor:pointer}Table Design .table-responsive-container .btn-status-uploaded{background-color:#10b981;color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:12px}@media(max-width:600px){Table Design .table-responsive-container .noc-info-card{padding:15px}Table Design .table-responsive-container .noc-info-header h2{font-size:16px}Table Design .table-responsive-container .table-input{max-width:80px}}@media(max-width:600px){Table Design .table-responsive-container .noc-info-wrapper{padding:16px 12px 32px}Table Design .table-responsive-container .noc-info-header h2{font-size:18px}Table Design .table-responsive-container .noc-header-subtitle{font-size:13px}Table Design .table-responsive-container .noc-dynamic-table th:nth-child(5),Table Design .table-responsive-container .noc-dynamic-table td:nth-child(5){display:none}}.exit-employee-container{min-height:100vh;padding:2rem}.exit-employee-wrapper{max-width:1400px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:hidden;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.back-button,.archive-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.625rem 1.25rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:500}.back-button:hover{background:#ffffff4d;transform:translate(-4px)}.archive-button:hover{background:#ffffff4d;transform:translate(4px)}.title-section{padding:2rem;text-align:center;border-bottom:1px solid #e5e7eb}.page-title{font-size:2rem;font-weight:700;color:#111827}.page-subtitle{color:#6b7280}.filters-section{padding:2rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.filter-row{display:flex;gap:1.8rem;align-items:flex-start;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px;border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important}.filter-group label{font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;margin-bottom:-9px}.custom-select{position:relative;width:100%;border:none!important;background:transparent!important;box-shadow:none!important}.filter-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb!important;border-radius:8px;font-size:.95rem;background:#fff;outline:none;box-shadow:none!important;transition:all .3s ease}.filter-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dropdown-list{position:absolute;top:105%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:180px;overflow-y:auto;z-index:2000;box-shadow:0 10px 25px #0000001a}.dropdown-item{padding:.75rem 1rem;cursor:pointer}.dropdown-item:hover{background:#f3f4f6}.email-filter{flex:1.5}.email-filter label{margin-bottom:5px}.email-input-wrapper{position:relative;margin-top:10px}.email-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.email-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem}.filter-input,.email-input{height:44px;box-sizing:border-box;display:block}.filter-group label{margin-bottom:5px}.email-input:focus{border-color:#667eea}.or-text{margin-top:-14px;font-weight:600;color:#374151;font-size:.95rem;align-self:center}.reset-button{padding:.75rem 1.5rem;background:#ef4444;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:42px}.reset-button:hover{background:#dc2626}.table-container{padding:2rem}.employees-table{width:100%;border-collapse:collapse}.employees-table th,.employees-table td{padding:1rem;text-align:left}.circle-badge{background:#dbeafe;color:#1e40af;padding:.375rem .75rem;border-radius:6px}.type-badge{background:#fef3c7;color:#92400e;padding:.375rem .75rem;border-radius:6px}@media(max-width:1024px){.filter-row{flex-direction:column}.reset-button{width:100%}}.or-text{margin-top:inherit;font-weight:600;color:#3f4f64;font-size:1rem;align-self:center}.add-dept-circle-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.add-dept-circle-wrapper{max-width:1400px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px;min-height:calc(100vh - 40px)}.page-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:3px solid #f1f3f5}.add-dept-circle-wrapper .page-heading{font-size:36px;font-weight:800;color:#212529;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.action-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.add-button{display:flex;align-items:center;gap:10px;padding:14px 28px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.add-dept-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.add-dept-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea66}.add-circle-button{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.add-circle-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #38ef7d66}.form-container{margin-bottom:30px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.input-form{background:#f8f9fa;border-radius:16px;padding:0;box-shadow:0 4px 16px #0000001a;border:2px solid #e9ecef;max-width:600px;margin:0 auto}.form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #e9ecef;background:#fff;border-radius:14px 14px 0 0}.form-header h3{margin:0;font-size:20px;font-weight:700;color:#212529}.close-button{background:transparent;border:none;cursor:pointer;color:#6c757d;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-button:hover{background:#e9ecef;color:#212529}.form-body{padding:24px}.form-input{width:100%;padding:14px 18px;border:2px solid #e9ecef;border-radius:10px;font-size:15px;color:#212529;background:#fff;transition:all .3s ease;margin-bottom:20px;box-sizing:border-box}.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-actions{display:flex;gap:12px;justify-content:flex-end}.submit-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.cancel-button{padding:12px 24px;background:#f1f3f5;color:#495057;border:2px solid #e9ecef;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:#e9ecef;border-color:#dee2e6}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(300px,420px));gap:30px;margin-top:30px;justify-content:center}.card-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:2px solid #f1f3f5;overflow:hidden;transition:all .3s ease}.card-container:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #e9ecef}.card-header h2{margin:0;font-size:22px;font-weight:700;color:#212529}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:14px;font-weight:700}.table-wrapper{overflow-x:auto}.data-table th{padding:16px 20px;text-align:left;font-size:14px;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef}.data-table th:last-child{text-align:center;width:100px}.data-table td{padding:16px 20px;text-align:left;font-size:15px;color:#212529;border-bottom:1px solid #f1f3f5}.data-table td:last-child{text-align:center}.data-table tbody tr{transition:all .2s ease}.item-name{font-weight:600;color:#212529}.remove-button{background:#ff6b6b;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.remove-button:hover{background:#ff5252;transform:scale(1.1);box-shadow:0 4px 12px #ff6b6b66}.no-data{text-align:center!important;padding:40px 20px!important;color:#6c757d;font-size:15px;font-style:italic}.btn-back-updates{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e2e8f0;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;margin-bottom:1.5rem;transition:all .2s;color:#475569}@media(max-width:1024px){.add-dept-circle-wrapper{padding:30px}.add-dept-circle-wrapper .page-heading{font-size:30px}.content-grid{grid-template-columns:1fr;gap:25px}.action-buttons{flex-wrap:wrap}}@media(max-width:768px){.add-dept-circle-container{padding:10px}.add-dept-circle-wrapper{padding:20px;border-radius:16px}.add-dept-circle-wrapper .page-heading{font-size:26px}.action-buttons{flex-direction:column;gap:12px}.add-button{width:100%;justify-content:center}.form-actions{flex-direction:column}.submit-button,.cancel-button{width:100%}.card-header h2{font-size:18px}.data-table th,.data-table td{padding:12px 16px;font-size:14px}}@media(max-width:480px){.page-header{margin-bottom:25px}.add-dept-circle-wrapper .page-heading{font-size:22px}.add-button{font-size:14px;padding:12px 20px}.form-header h3{font-size:18px}.card-header{padding:16px 18px}.data-table th,.data-table td{padding:10px 12px;font-size:13px}}.holiday-page{max-width:1100px;margin:0 auto;padding:20px}.holiday-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:20px;margin-top:12px}.holiday-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:16px}.holiday-header h2{margin:0;color:#1e293b;font-size:1.25rem}.holiday-header p{margin:6px 0 0;color:#64748b;font-size:.92rem}.holiday-year-input{display:flex;flex-direction:column;gap:6px;min-width:120px}.holiday-year-input label{font-size:.85rem;font-weight:600;color:#334155}.holiday-year-input input{border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;font-size:.95rem}.holiday-msg{margin:0 0 12px;font-size:.9rem}.holiday-error{color:#b91c1c}.holiday-success{color:#15803d}.holiday-table-wrap{overflow-x:auto}.holiday-table{width:100%;min-width:680px;border-collapse:collapse}.holiday-table th,.holiday-table td{border-bottom:1px solid #e2e8f0;padding:10px 12px;text-align:left;font-size:.92rem}.holiday-table th{background:#f8fafc;color:#334155;font-weight:700}.holiday-empty-cell{text-align:center;color:#64748b}.holiday-date-input{border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px;font-size:.9rem}.holiday-save-btn{border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;border-radius:8px;padding:6px 12px;font-size:.84rem;font-weight:600;cursor:pointer}.holiday-save-btn:disabled{opacity:.7;cursor:not-allowed}.holiday-note{margin-top:14px;font-size:.9rem;color:#475569}@media(max-width:768px){.holiday-page{padding:12px}.holiday-header{flex-direction:column;align-items:stretch}}.hr-main-container{padding:24px;max-width:1400px;margin:0 auto;font-family:Inter,sans-serif;min-height:100vh}.page-header{margin-bottom:30px}.main-title{font-size:24px;font-weight:800;color:#0f172a;margin:0}.sub-title{color:#64748b;font-size:14px;margin-top:4px}.hr-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000d}.stat-label{font-size:13px;color:#64748b;font-weight:500;margin:0}.stat-value{font-size:24px;font-weight:700;color:#1e293b;margin:4px 0}.stat-sub{font-size:12px;color:#22c55e;margin:0}.bg-updates{background:#eff6ff;color:#3b82f6;padding:12px;border-radius:10px}.accounts-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media(max-width:1100px){.accounts-grid{grid-template-columns:1fr}}.table-container-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.section-title{font-size:18px;font-weight:700;color:#1e293b;margin:0}.results-table{width:100%;border-collapse:collapse;min-width:700px}.results-table th{text-align:left;padding:12px 16px;background:#f8fafc;color:#64748b;font-size:12px;text-transform:uppercase;font-weight:600;border-bottom:1px solid #e2e8f0}.thead-teal th{background:#06b6d4!important;color:#fff!important}.results-table td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#334155}.table-select{padding:6px 12px;border-radius:6px;border:1px solid #cbd5e1;font-size:13px;outline:none;width:100%;max-width:150px}.hr-search-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:30px}.hr-search-card.small-width{max-width:500px;margin:0 auto}.input-group{margin-bottom:15px}.input-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#334155}.custom-select,.custom-input-file{width:100%;padding:10px;border-radius:8px;border:1px solid #cbd5e1;background:#fff}.btn-primary-sm{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer}.btn-outline-sm{background:#fff;border:1px solid #cbd5e1;color:#64748b;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-back{display:flex;align-items:center;gap:8px;background:none;border:1px solid #cbd5e1;padding:8px 16px;border-radius:8px;cursor:pointer;margin-bottom:20px;font-weight:500}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer}.btn-success{background:#22c55e;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-warning{background:#f59e0b;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-secondary{background:#0f172a;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.btn-secondary:hover{background:#1e293b}.btn-outline{background:#fff;border:1px solid #3b82f6;color:#3b82f6;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer}.badge-processed{background:#dcfce7;color:#166534;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.badge-pending{background:#fef3c7;color:#92400e;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.text-success{color:#16a34a}.text-link{color:#3b82f6;background:none;border:none;cursor:pointer;font-weight:600}.flex-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:500}.progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:15px}.progress-fill{height:100%;background:#3b82f6;border-radius:4px}.results-actions-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.attendance-month-input{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;background:#fff;color:#0f172a;font-size:14px}.attendance-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.attendance-modal-card{width:min(460px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 16px 40px #02061740}.form16-page-stack{display:flex;flex-direction:column;gap:20px}.form16-page-stack .btn-back{align-self:flex-start;width:fit-content;white-space:nowrap}.form16-history-card{width:min(100%,980px);margin:0 auto}.form16-history-card .table-responsive{overflow-x:auto}.form16-history-card .results-table{min-width:100%}.bulk-file-list{margin:0;padding-left:18px;max-height:180px;overflow-y:auto}.bulk-file-list li{color:#334155;font-size:13px;margin-bottom:4px}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.hr-main-container{padding:12px}.card-header-row{flex-direction:column;align-items:flex-start}.header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.results-actions-grid{flex-direction:column}.results-actions-grid button{width:100%;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,sans-serif}body{background:#f5f7fa}.admin-container{padding:20px 40px;max-width:1200px;margin:0 auto;background:#f5f7fa;min-height:100vh}.admin-header{margin-bottom:20px}.admin-header h1{font-size:26px;color:#2c3e50;font-weight:600}.filters-section{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;background:#fff;padding:18px 25px;border-radius:12px;box-shadow:0 2px 6px #00000014;margin-bottom:25px}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:13px;font-weight:500;color:#34495e}.filter-selectt{padding:7px 12px;border:1.5px solid #dfe6ee;border-radius:6px;font-size:13px;background:#fff;cursor:pointer;min-width:400px}.filter-select:focus{outline:none;border-color:#3498db}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{background:#fff;padding:15px;min-height:140px;border-radius:12px;box-shadow:0 3px 8px #00000014;transition:.25s;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.claims-card{border-left:4px solid #1abc9c;height:fit-content;margin-top:auto}.resignation-card{border-left:4px solid #e74c3c;height:fit-content}.stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 14px #0000001f}.card-icon{font-size:26px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f1f3f6;color:#34495e}.card-content h3{font-size:13px;font-weight:500;color:#7f8c8d}.card-number{font-size:22px;font-weight:700;color:#2c3e50}.employees-card{border-left:4px solid #3498db}.leaves-card{border-left:4px solid #9b59b6}.queries-card{border-left:4px solid #f39c12}.claims-card{border-left:4px solid #1abc9c}.resignation-card{border-left:4px solid #e74c3c}@media(max-width:900px){.cards-grid{grid-template-columns:repeat(2,1fr)}.admin-container{padding:20px}}@media(max-width:600px){.cards-grid{grid-template-columns:1fr}.filters-section{flex-direction:column;align-items:stretch}.filter-group{width:100%;justify-content:space-between}.filter-select{width:100%}}.request-card{background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 28px #00000014;display:flex;flex-direction:column;gap:10px;transition:all .25s ease}.request-card:hover{transform:translateY(-3px)}.request-header{display:flex;justify-content:space-between;align-items:center}.request-header h4{font-size:15px;font-weight:600}.request-type{font-size:13px;color:#6b7280}.status-pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-pending{background:#fef3c7;color:#92400e}.status-approved{background:#dcfce7;color:#166534}.status-rejected{background:#fee2e2;color:#991b1b}.details-pill{width:fit-content;background:#eef2ff;color:#3730a3;border:none;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer}.details-pill:hover{background:#e0e7ff}.request-actions{display:flex;gap:8px}.btn-approve-small,.btn-reject-small{border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer}.btn-approve-small{background:#16a34a;color:#fff}.btn-reject-small{background:#dc2626;color:#fff}.btn-approve-small:disabled,.btn-reject-small:disabled{opacity:.65;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:999}.modal{width:420px;background:#fff;border-radius:16px;padding:22px;box-shadow:0 24px 60px #00000040;animation:pop .25s ease}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal textarea{width:100%;min-height:90px;margin-top:10px;border-radius:10px;border:1px solid #d1d5db;padding:10px;font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.btn-approve{background:#16a34a;color:#fff;border:none;border-radius:10px;padding:8px 16px;cursor:pointer}.btn-reject{background:#dc2626;color:#fff;border:none;border-radius:10px;padding:8px 16px;cursor:pointer}.btn-send{background:#2563eb;color:#fff;border:none;border-radius:10px;padding:8px 18px;cursor:pointer}.mpr-page{padding:24px;max-width:1300px;margin:0 auto;display:grid;gap:16px}.mpr-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.mpr-header h2{margin:0;font-size:1.25rem}.mpr-header p{margin:4px 0 0;color:#6b7280;font-size:.92rem}.mpr-meta{display:flex;gap:10px;font-size:.9rem;color:#374151}.mpr-filters{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.mpr-filter{display:grid;gap:6px;min-width:180px}.mpr-filter label{font-size:.82rem;color:#4b5563}.mpr-filter input,.mpr-filter select{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:.92rem}.mpr-btn{border:none;background:#4f46e5;color:#fff;border-radius:8px;padding:9px 14px;font-weight:600;cursor:pointer}.mpr-btn.secondary{background:#e5e7eb;color:#111827}.mpr-btn:disabled{opacity:.7;cursor:not-allowed}.mpr-msg{margin:0;font-size:.9rem}.mpr-msg.error{color:#b91c1c}.mpr-msg.success{color:#15803d}.mpr-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:auto}.mpr-table{width:100%;border-collapse:collapse;min-width:900px}.mpr-table th,.mpr-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #f1f5f9;font-size:.9rem}.mpr-table th{color:#374151;font-weight:600;background:#f8fafc}.mpr-empty{text-align:center;color:#6b7280;padding:20px}.mpr-link-btn{border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:.84rem}.mpr-modal-backdrop{position:fixed;inset:0;background:#00000059;display:flex;justify-content:center;align-items:center;padding:16px;z-index:9999}.mpr-modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:12px;padding:18px;border:1px solid #e5e7eb}.mpr-modal h3{margin:0 0 12px}.mpr-modal-section{margin-bottom:10px}.mpr-label{margin:0;font-size:.82rem;color:#6b7280}.mpr-value{margin:3px 0 0;color:#111827;white-space:pre-wrap}.mpr-form-row{display:grid;gap:6px;margin-top:10px}.mpr-form-row label{font-size:.85rem;color:#4b5563}.mpr-form-row select,.mpr-form-row textarea{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:.92rem}.mpr-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.manager-probation-reviews{padding:1rem 0}.manager-probation-title{margin:0 0 .5rem;font-size:1.1rem}.manager-probation-desc{color:var(--text-muted, #666);margin:0 0 1rem;font-size:.9rem}.manager-probation-loading,.manager-probation-empty{color:var(--text-muted, #666);margin:1rem 0}.manager-probation-error{color:var(--error, #c00);margin:0 0 1rem}.manager-probation-success{color:var(--success, #070);margin:0 0 1rem}.manager-probation-list{display:flex;flex-direction:column;gap:1rem}.manager-probation-card{border:1px solid var(--border, #ddd);border-radius:8px;padding:1rem;background:var(--card-bg, #fff)}.manager-probation-card-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.5rem}.manager-probation-name{font-weight:600}.manager-probation-email{font-size:.9rem;color:var(--text-muted, #666)}.manager-probation-meta{font-size:.85rem;color:var(--text-muted, #666);margin-bottom:.75rem}.manager-probation-submit-btn{padding:.4rem .8rem;background:var(--primary, #2563eb);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem}.manager-probation-submit-btn:hover{opacity:.9}.manager-probation-form label{display:block;margin-bottom:.75rem;font-size:.9rem}.manager-probation-form label select,.manager-probation-form label textarea{display:block;width:100%;max-width:400px;margin-top:.25rem;padding:.4rem;border:1px solid var(--border, #ddd);border-radius:4px}.manager-probation-form label textarea{resize:vertical;min-height:80px}.manager-probation-actions{display:flex;gap:.5rem;margin-top:.75rem}.manager-probation-actions button{padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.9rem}.manager-probation-actions button:last-child{background:var(--primary, #2563eb);color:#fff;border:none}.manager-probation-actions button:first-child{background:#fff;border:1px solid var(--border, #ddd)}.manager-profile-card{display:flex;align-items:stretch;gap:24px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:20px 24px;margin-bottom:20px;box-shadow:0 1px 3px #0000000f}.manager-profile-card--loading{min-height:140px}.manager-profile-card__photo-wrap{flex-shrink:0}.manager-profile-card__photo{width:100px;height:100px;border-radius:12px;object-fit:cover;display:block}.manager-profile-card__photo--skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:manager-profile-skeleton 1.2s ease-in-out infinite}.manager-profile-card__details{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;justify-content:center}.manager-profile-card__row{display:flex;align-items:flex-start;gap:12px;font-size:13px}.manager-profile-card__label{flex-shrink:0;width:120px;color:#64748b;font-weight:500}.manager-profile-card__value{color:#1e293b;word-break:break-word}.manager-profile-card__address{max-width:100%}.manager-profile-card__scope-row{margin-top:4px;padding-top:10px;border-top:1px solid #f1f5f9}.manager-profile-card__scope{font-weight:600;color:#2563eb}.manager-profile-card__skeleton-line{height:14px;border-radius:4px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:manager-profile-skeleton 1.2s ease-in-out infinite}@keyframes manager-profile-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){.manager-profile-card{flex-direction:column;align-items:center;text-align:center}.manager-profile-card__row{flex-direction:column;gap:2px;align-items:center;text-align:center}.manager-profile-card__label{width:auto}}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:0}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.stats-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin:2rem 0}.manager-panel-container{padding:24px;display:flex;flex-direction:column;gap:24px}.dashboard-main-grid{display:flex;gap:24px;align-items:stretch}.left-column{flex:1;min-width:0}.right-sidebar{width:350px;display:flex;flex-direction:column;gap:24px}.team-card{background:#fff;border-radius:12px;padding:24px;display:flex;flex-direction:column;height:100%;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9}.team-list{flex:1;display:flex;flex-direction:column;gap:8px}.member-row{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f8fafc}.team-card{background:#fff!important;border-radius:12px!important;padding:24px!important;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000f!important;border:1px solid #edf2f7!important;width:100%}.team-list{margin-top:20px;min-height:500px}.manager-dashboard-wrapper{padding:24px;background:#f8fafc;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.manager-scope{margin-bottom:8px;font-size:13px;color:#475569}.manager-scope strong{color:#1e293b}.manager-tabs-wrap{display:flex;align-items:center;gap:4px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;flex-wrap:wrap}.manager-tab{padding:10px 18px;border:none;border-radius:10px 10px 0 0;background:#f1f5f9;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s,color .2s}.manager-tab:hover{background:#e2e8f0;color:#475569}.manager-tab.active{background:#fff;color:#1e40af;border:1px solid #e2e8f0;border-bottom-color:#fff;margin-bottom:-2px;padding-bottom:12px}.manager-tab-badge{min-width:22px;height:22px;border-radius:999px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#cbd5e1;color:#475569}.manager-tab.active .manager-tab-badge,.manager-tab .manager-tab-badge.has-pending{background:#2563eb;color:#fff}.manager-status-filters{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.manager-status-filters button{padding:8px 20px;border-radius:20px;border:none;cursor:pointer;font-size:13px;font-weight:600;background:#e2e8f0;color:#64748b;transition:background .2s,color .2s}.manager-status-filters button:hover{background:#cbd5e1;color:#475569}.manager-status-filters button.active{background:#4f46e5;color:#fff}.manager-tab-content{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px;overflow:auto;margin-bottom:24px}.manager-performance-tab-content{display:flex;flex-direction:column;gap:20px}.manager-performance-cta{padding:12px 20px;border-radius:10px;border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:10px;width:fit-content}.manager-performance-cta:hover{background:#e0e7ff}.manager-performance-cta .badge{min-width:24px;height:24px;border-radius:999px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#4f46e5;color:#fff}.manager-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1;min-height:0;width:100%}.manager-main-grid .left-column-content,.manager-main-grid .right-column-stack{height:100%;overflow:hidden}@media(max-width:1024px){.manager-main-grid{grid-template-columns:1fr}}.it-panel-container{padding:20px;background-color:#f7f9fc;min-height:100vh}.it-panel-header{margin-bottom:30px}.it-panel-header h1{font-size:28px;font-weight:700;color:#333;margin-bottom:8px}.it-panel-header p{font-size:14px;color:#777;margin:0}.it-panel-content{background-color:#fff;border-radius:10px;padding:25px;box-shadow:0 4px 12px #0000000d}.it-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.it-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;padding:20px;color:#fff;text-align:center}.it-stat-card h3{font-size:14px;font-weight:500;margin:0 0 10px;opacity:.9}.it-stat-card .stat-value{font-size:32px;font-weight:700;margin:0}.it-panel-message{text-align:center;padding:40px 20px;color:#666;font-size:16px}@media(max-width:768px){.it-panel-container{padding:15px}.it-panel-header h1{font-size:24px}.it-stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.it-stat-card{padding:15px}.it-stat-card .stat-value{font-size:24px}}@media(max-width:480px){.it-stats-grid{grid-template-columns:1fr}}.archive-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.archive-wrapper{max-width:1200px;margin:0 auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;overflow:hidden;min-height:calc(100vh - 40px)}.back-button{display:flex;align-items:center;gap:8px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;color:#495057;cursor:pointer;transition:all .3s ease;margin:20px}.back-button:hover{background:#e9ecef;border-color:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.title-section{padding:0 30px 20px;border-bottom:2px solid #f1f3f5}.page-title{font-size:32px;font-weight:800;color:#212529;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:16px;color:#6c757d;margin:8px 0 0}.filters-section{padding:20px 30px;background:#f8f9fa;border-bottom:2px solid #f1f3f5}.filter-row{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap;margin-bottom:15px}.filter-group{flex:1;min-width:180px}.filter-group label{display:block;font-size:14px;font-weight:600;color:#495057;margin-bottom:8px}.custom-select{position:relative}.filter-input{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:10px;font-size:14px;color:#212529;background:#fff;transition:all .3s ease}.filter-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dropdown-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e9ecef;border-radius:10px;margin-top:4px;z-index:1000;max-height:200px;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.dropdown-item{padding:12px 16px;font-size:14px;color:#495057;cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background:#667eea;color:#fff}.or-text{display:flex;align-items:center;height:44px;margin:0 10px}.or{color:#6c757d;font-size:14px;font-weight:600}.email-filter{min-width:250px}.email-input-wrapper{position:relative}.email-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6c757d}.email-input{width:100%;padding:12px 16px 12px 44px;border:2px solid #e9ecef;border-radius:10px;font-size:14px;color:#212529;background:#fff;transition:all .3s ease}.email-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.reset-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:8px}.reset-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.results-count{font-size:14px;color:#6c757d;font-weight:500}.table-container{padding:20px 30px}.employees-table{width:100%;border-collapse:separate;border-spacing:0}.employees-table thead{background:#f8f9fa}.employees-table th{padding:16px;text-align:left;font-size:14px;font-weight:600;color:#495057;border-bottom:2px solid #e9ecef}.employees-table td{padding:16px;text-align:left;font-size:14px;color:#212529;border-bottom:1px solid #f1f3f5}.employees-table tbody tr{transition:all .3s ease}.employees-table tbody tr:hover{background:#f8f9fa;transform:translateY(-2px)}.hoverable-cell{cursor:pointer;position:relative;transition:all .2s ease}.hoverable-cell:hover{color:#667eea;font-weight:500}.circle-badge{display:inline-block;padding:6px 12px;background:#e3f2fd;color:#1976d2;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-badge{display:inline-block;padding:6px 12px;background:#f3e5f5;color:#7b1fa2;border-radius:20px;font-size:12px;font-weight:600}.employee-name{font-weight:600;color:#212529}.employee-email{color:#6c757d}.exit-date{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:13px}.exit-date svg{color:#764ba2}.no-data{text-align:center;padding:40px!important;color:#6c757d;font-size:16px}.hover-card{position:fixed;z-index:10000;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:0;border:2px solid #e9ecef;animation:fadeIn .2s ease;pointer-events:auto}.hover-card-horizontal{min-width:700px;max-width:900px;height:auto;min-height:70px;max-height:100px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hover-card-header{padding-bottom:12px;border-bottom:1px solid #f1f3f5;margin-bottom:12px}.hover-card-header h4{margin:0;font-size:16px;font-weight:600;color:#212529}.employee-id{margin:4px 0 0;font-size:12px;color:#6c757d}.hover-card-content-horizontal{display:flex;flex-direction:row;gap:0;align-items:stretch;height:100%;padding:0}.card-section-horizontal{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:16px 20px;cursor:pointer;transition:all .2s ease;background:#fff;flex:1;gap:12px;border-right:2px solid #f1f3f5;min-height:70px}.card-section-horizontal:last-child{border-right:none}.card-section-horizontal:first-child{border-radius:12px 0 0 12px}.card-section-horizontal:last-child{border-radius:0 12px 12px 0}.card-section-horizontal:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.card-section-horizontal:hover svg{color:#fff}.card-section-horizontal:hover h5,.card-section-horizontal:hover p{color:#fff}.card-section-horizontal svg{color:#667eea;flex-shrink:0;transition:all .2s ease}.card-section-horizontal div{display:flex;flex-direction:column;gap:4px;text-align:left}.card-section-horizontal h5{margin:0;font-size:14px;font-weight:600;color:#212529;white-space:nowrap;transition:all .2s ease}.card-section-horizontal p{margin:0;font-size:12px;color:#6c757d;white-space:nowrap;transition:all .2s ease}.hover-card-content{display:flex;flex-direction:column;gap:8px}.card-section{display:flex;align-items:center;gap:12px;padding:10px;border-radius:8px;cursor:pointer;transition:all .2s ease}.card-section:hover{background:#f8f9fa;transform:translate(4px)}.card-section svg{color:#667eea;flex-shrink:0}.card-section h5{margin:0;font-size:14px;font-weight:600;color:#212529}.card-section p{margin:2px 0 0;font-size:12px;color:#6c757d}@media(max-width:1024px){.filter-row{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.or-text{margin:10px 0;justify-content:center}.hover-card-horizontal{min-width:500px;max-width:700px}.card-section-horizontal{padding:12px 16px;gap:10px}.card-section-horizontal h5{font-size:13px}.card-section-horizontal p{font-size:11px}}@media(max-width:768px){.archive-container{padding:10px}.archive-wrapper{border-radius:16px}.table-container{padding:15px;overflow-x:auto}.employees-table{min-width:800px}.hover-card-horizontal{min-width:400px;max-width:500px;flex-wrap:wrap;max-height:none}.card-section-horizontal{flex-direction:column;align-items:center;text-align:center;padding:10px 12px;gap:6px;min-height:60px}.card-section-horizontal div{align-items:center;text-align:center}.card-section-horizontal h5{font-size:12px}.card-section-horizontal p{font-size:10px}}:root{--perf-body-bg: #f4f7f6;--perf-card-bg: #ffffff;--perf-text-dark: #111827;--perf-text-muted: #6b7280;--perf-border: #e5e7eb;--perf-shadow: 0 4px 12px rgba(0, 0, 0, .06);--perf-radius: 12px}.performance-page{max-width:1200px;margin:0 auto;padding:24px 24px 32px;display:flex;flex-direction:column;gap:24px;width:100%;min-width:0;box-sizing:border-box}.performance-card{background:var(--perf-card-bg);border:1px solid var(--perf-border);border-radius:var(--perf-radius);box-shadow:var(--perf-shadow);padding:24px;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease}.performance-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--perf-radius) 0 0 var(--perf-radius);background:linear-gradient(180deg,#4f46e5,#6366f1)}.performance-card:nth-of-type(2):before{background:linear-gradient(180deg,#059669,#10b981)}@media(hover:hover){.performance-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}}.performance-title{margin:0 0 4px;font-size:1.25rem;font-weight:700;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.performance-subtitle{margin:0 0 20px;color:var(--perf-text-muted);font-size:.9rem;line-height:1.4}.performance-history-title{margin:0 0 16px;font-size:1.15rem;font-weight:700;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.performance-form{display:flex;flex-direction:column;gap:18px}.performance-field{display:flex;flex-direction:column;gap:6px}.performance-field label{font-size:.875rem;font-weight:600;color:var(--perf-text-dark)}.performance-field input,.performance-field textarea{border:1px solid var(--perf-border);border-radius:8px;padding:10px 14px;font-size:.95rem;font-family:inherit;background:#fff;color:var(--perf-text-dark);transition:border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.performance-field input:focus,.performance-field textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.performance-field textarea{resize:vertical;min-height:80px}.performance-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.performance-submit-btn{border:none;background:linear-gradient(to right,#4f46e5,#3b82f6,#10b981)!important;color:#fff!important;border-radius:10px;padding:12px 24px;font-weight:600;font-size:.95rem;width:fit-content;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #4f46e54d}.performance-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 14px #4f46e566}.performance-submit-btn:disabled{opacity:.65;cursor:not-allowed}.performance-msg{margin:0;font-size:.9rem;padding:10px 14px;border-radius:8px}.performance-msg.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.performance-msg.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.performance-empty{margin:0;color:var(--perf-text-muted);font-size:.9rem;text-align:center;padding:32px 16px}.performance-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--perf-border)}.performance-table{width:100%;border-collapse:collapse;min-width:600px;font-size:.9rem}.performance-table th,.performance-table td{text-align:left;border-bottom:1px solid var(--perf-border);padding:12px 14px}.performance-table th{font-weight:600;color:#4338ca;background:linear-gradient(135deg,#eef2ff,#eff6ff);text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.performance-table tbody tr{color:var(--perf-text-dark);transition:background-color .15s ease}.performance-table tbody tr:hover{background-color:#4f46e50a}.performance-table td{color:var(--perf-text-dark)}@media(max-width:1200px){.performance-page{padding:20px 20px 28px}.performance-card{padding:20px}.performance-grid-2{gap:14px}}@media(max-width:992px){.performance-page{padding:16px 16px 24px;gap:20px}.performance-card{padding:18px}.performance-title{font-size:1.15rem}.performance-subtitle{font-size:.85rem;margin-bottom:16px}.performance-history-title{font-size:1.05rem;margin-bottom:14px}.performance-form{gap:16px}.performance-table th,.performance-table td{padding:10px 12px;font-size:.85rem}.performance-table{min-width:560px}}@media(max-width:768px){.performance-page{padding:14px 12px 20px;gap:18px}.performance-card{padding:16px}.performance-title{font-size:1.1rem}.performance-subtitle{font-size:.85rem;margin-bottom:14px}.performance-history-title{font-size:1rem;margin-bottom:12px}.performance-grid-2{grid-template-columns:1fr;gap:14px}.performance-form{gap:14px}.performance-field input,.performance-field textarea{padding:10px 12px;font-size:.9rem}.performance-submit-btn{width:100%;padding:12px 20px}.performance-table{min-width:520px}.performance-table th,.performance-table td{padding:10px;font-size:.82rem}.performance-empty{padding:24px 12px;font-size:.85rem}}@media(max-width:576px){.performance-page{padding:12px 10px 16px;gap:16px}.performance-card{padding:14px}.performance-title{font-size:1.05rem}.performance-subtitle{font-size:.8rem;margin-bottom:12px}.performance-history-title{font-size:.95rem;margin-bottom:10px}.performance-field label{font-size:.82rem}.performance-field input,.performance-field textarea{padding:8px 12px;font-size:.875rem}.performance-submit-btn{padding:10px 16px;font-size:.9rem}.performance-msg{font-size:.85rem;padding:8px 12px}.performance-table{min-width:480px;font-size:.8rem}.performance-table th,.performance-table td{padding:8px;font-size:.8rem}.performance-table th{font-size:.7rem}.performance-empty{padding:20px 10px;font-size:.8rem}}@media(max-width:480px){.performance-page{padding:10px 8px 14px;gap:14px}.performance-card{padding:12px}.performance-title{font-size:1rem}.performance-subtitle{font-size:.78rem}.performance-history-title{font-size:.9rem}.performance-form,.performance-grid-2{gap:12px}.performance-table{min-width:420px}.performance-table th,.performance-table td{padding:6px;font-size:.75rem}.performance-table th{font-size:.65rem}}@media(max-width:400px){.performance-page{padding:8px 6px 12px}.performance-card{padding:10px}.performance-table{min-width:380px}}:root{--hc-body-bg: #f4f7f6;--hc-card-bg: #ffffff;--hc-text-dark: #111827;--hc-text-muted: #6b7280;--hc-border: #e5e7eb;--hc-shadow: 0 4px 12px rgba(0, 0, 0, .06)}@keyframes hcSectionEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hcCardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hc-dashboard-container{padding:24px 24px 32px;max-width:1100px;margin:0 auto;background-color:var(--hc-body-bg);min-height:100vh;animation:hcSectionEnter .4s ease-out}.hc-error{padding:12px 16px;margin-bottom:20px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:.9rem}.hc-card{background-color:var(--hc-card-bg);border-radius:12px;box-shadow:var(--hc-shadow);border:1px solid var(--hc-border);position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease;animation:hcCardEnter .45s ease-out forwards}.hc-calendar-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;background:#4f46e5}.hc-calendar-card:hover{box-shadow:0 8px 24px #4f46e51f;border-color:#4f46e526}.hc-card-header{padding:20px 24px;border-bottom:1px solid var(--hc-border)}.hc-section-title{font-size:1.25rem;font-weight:700;margin:0 0 4px;background:linear-gradient(90deg,#4f46e5,#3b82f6,#10b981)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;display:inline-block}.hc-subtitle{font-size:.9rem;color:var(--hc-text-muted);margin:0}.hc-card-body{padding:24px}.hc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--hc-border)}.hc-table{width:100%;border-collapse:collapse;min-width:520px;font-size:.9rem}.hc-table th,.hc-table td{padding:12px 16px;text-align:left}.hc-table th{background:linear-gradient(135deg,#eef2ff,#eff6ff);color:#4338ca;font-weight:600;border-bottom:1px solid var(--hc-border);text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.hc-table tbody tr{border-bottom:1px solid var(--hc-border);color:var(--hc-text-dark);transition:background-color .15s ease}.hc-table tbody tr:hover{background-color:#4f46e50a}.hc-empty{text-align:center;padding:40px 16px!important;color:var(--hc-text-muted);font-size:.9rem}.hc-note{margin-top:20px;padding:14px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--hc-border);border-radius:8px;font-size:.875rem;color:var(--hc-text-muted);line-height:1.5}.hc-note strong{color:var(--hc-text-dark)}@media(max-width:1200px){.hc-dashboard-container{padding:20px 20px 28px}.hc-card-body{padding:20px}.hc-card-header{padding:18px 20px}.hc-table th,.hc-table td{padding:10px 14px}}@media(max-width:992px){.hc-dashboard-container{padding:16px 16px 24px}.hc-section-title{font-size:1.15rem}.hc-subtitle{font-size:.85rem}.hc-card-body,.hc-card-header{padding:18px}.hc-table{font-size:.85rem;min-width:480px}.hc-table th,.hc-table td{padding:10px 12px}.hc-note{margin-top:18px;font-size:.85rem;padding:12px 14px}}@media(max-width:768px){.hc-dashboard-container{padding:12px 12px 20px}.hc-section-title{font-size:1.1rem}.hc-subtitle{font-size:.8rem}.hc-card-body,.hc-card-header{padding:16px}.hc-table-wrap{margin:0 -4px}.hc-table{min-width:460px;font-size:.85rem}.hc-table th,.hc-table td{padding:10px}.hc-empty{padding:32px 12px!important;font-size:.85rem}.hc-note{margin-top:16px;font-size:.8rem;padding:12px}}@media(max-width:576px){.hc-dashboard-container{padding:10px 10px 16px}.hc-error{padding:10px 14px;font-size:.85rem;margin-bottom:16px}.hc-section-title{font-size:1.05rem}.hc-subtitle{font-size:.8rem}.hc-card-body,.hc-card-header{padding:14px}.hc-table{min-width:400px;font-size:.8rem}.hc-table th,.hc-table td{padding:8px}.hc-table th{font-size:.7rem}.hc-empty{padding:24px 10px!important;font-size:.8rem}.hc-note{margin-top:14px;font-size:.75rem;padding:10px 12px}}@media(max-width:400px){.hc-dashboard-container{padding:8px 8px 12px}.hc-card-body,.hc-card-header{padding:12px}.hc-section-title{font-size:1rem}.hc-table{min-width:360px;font-size:.75rem}.hc-table th,.hc-table td{padding:6px}.hc-table th{font-size:.65rem}.hc-note{margin-top:12px;font-size:.7rem;padding:8px 10px}}.employee-container{padding:20px;max-width:1400px;margin:0 auto;background:#f5f7fa;min-height:100vh}.employee-header{margin-bottom:30px;display:flex;align-items:center;gap:20px}.employee-header h1{font-size:32px;color:#2c3e50;margin:0;font-weight:600}.filters-section{display:flex;gap:20px;margin-bottom:30px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #00000014}.filter-group{display:flex;align-items:center;gap:10px}.filter-group label{font-weight:500;color:#2c3e50;font-size:14px}.filterr-select{padding:10px 15px;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;color:#2c3e50;background:#fff;min-width:400px;cursor:pointer;transition:all .3s ease;min-width:440px}.filter-select:hover{border-color:#3498db}.filter-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.employee-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.employee-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:all .3s ease}.employee-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.employee-photo{width:100%;height:250px;overflow:hidden;background:#f8f9fa}.employee-photo img{width:100%;height:100%;object-fit:cover}.employee-info{padding:20px}.employee-info h3{margin:0 0 15px;font-size:20px;color:#2c3e50;font-weight:600}.employee-info p{margin:10px 0;color:#7f8c8d;font-size:14px;display:flex;align-items:center;gap:10px}.info-icon{font-size:16px}.employee-id{color:#3498db;font-weight:500}.view-details-btn{width:100%;padding:12px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:15px}.view-details-btn:hover{background:#2980b9}.no-employees{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.no-employees p{font-size:18px;color:#7f8c8d;margin:0}@media(max-width:1024px){.employee-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.employee-grid{grid-template-columns:1fr}.filters-section{flex-direction:column}.filter-group,.filter-select{width:100%}.employee-header{flex-direction:column;align-items:flex-start}}.employee-details-container{padding:20px;max-width:1400px;margin:0 auto;background:#f5f7fa;min-height:100vh}.details-header{margin-bottom:30px;display:flex;align-items:center;gap:20px}.details-header h1{font-size:32px;color:#2c3e50;margin:0;font-weight:600}.back-button{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:500}.back-button:hover{background:#2980b9;transform:translate(-3px)}.profile-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:30px;margin-bottom:30px;display:flex;gap:40px}.profile-left{flex-shrink:0;text-align:center;gap:1px}.profile-photo{width:200px;height:200px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #0000001a;margin-bottom:15px}.profile-left h2{margin:0;font-size:24px;color:#2c3e50;font-weight:600}.profile-right{flex:1;display:flex;flex-direction:column;gap:1px}.info-row{display:flex;align-items:center;gap:22px;border-bottom:1px solid #ecf0f1}.info-row:last-child{border-bottom:none}.info-icon{font-size:24px;width:40px;text-align:center}.info-content{flex:1;display:flex;gap:10px}.info-label{font-weight:600;color:#7f8c8d;min-width:140px;font-size:14px}.info-value{color:#2c3e50;font-size:14px}.section-buttons{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.section-btn{padding:12px 24px;background:#fff;color:#2c3e50;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.section-btn:hover{border-color:#3498db;color:#3498db}.section-btn.active{background:#3498db;color:#fff;border-color:#3498db}.status-buttons{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.status-btn{padding:10px 20px;background:#fff;color:#2c3e50;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.status-btn:hover{border-color:#9b59b6;color:#9b59b6}.status-btn.active{background:#9b59b6;color:#fff;border-color:#9b59b6}.data-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f8f9fa}.data-table th{padding:15px 20px;text-align:left;font-weight:600;color:#2c3e50;font-size:14px;border-bottom:2px solid #e1e8ed}.data-table td{padding:15px 20px;color:#7f8c8d;font-size:14px;border-bottom:1px solid #ecf0f1}.data-table tbody tr:hover{background:#f8f9fa}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;display:inline-block}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.rejected{background:#f8d7da;color:#721c24}.status-badge.resolved{background:#d1ecf1;color:#0c5460}.no-data{padding:60px 20px;text-align:center}.no-data p{font-size:16px;color:#7f8c8d;margin:0}.not-found{text-align:center;padding:100px 20px}.not-found h2{font-size:28px;color:#2c3e50;margin-bottom:20px}.not-found button{padding:12px 24px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.not-found button:hover{background:#2980b9}@media(max-width:1024px){.profile-card{flex-direction:column;align-items:center}.profile-left{width:100%;max-width:300px}}@media(max-width:768px){.section-buttons,.status-buttons{justify-content:center}.section-btn,.status-btn{flex:1;min-width:120px}.data-table-container{overflow-x:auto}.data-table{min-width:600px}.details-header{flex-direction:column;align-items:flex-start}.info-content{flex-direction:column;gap:5px}.info-label{min-width:auto}}.admin-list-container{padding:20px 40px;max-width:1400px;margin:0 auto;background:#f5f7fa;min-height:100vh}.admin-list-header{margin-bottom:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.admin-list-header .back-button{padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px}.admin-list-header .back-button:hover{background:#2980b9}.admin-list-header h1{font-size:24px;color:#2c3e50;font-weight:600}.admin-list-filters{display:flex;align-items:center;gap:10px;margin-bottom:20px;background:#fff;padding:14px 20px;border-radius:10px;box-shadow:0 2px 6px #0000000f}.admin-list-filters label{font-size:14px;font-weight:500;color:#34495e}.admin-list-filters .filter-select{padding:8px 14px;border:1px solid #dfe6ee;border-radius:6px;font-size:14px;min-width:160px}.admin-list-filters .status-buttons{display:flex;gap:15px;flex-wrap:wrap}.admin-list-filters .status-btn{padding:10px 20px;background:#fff;color:#2c3e50;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.admin-list-filters .status-btn:hover{border-color:#9b59b6;color:#9b59b6}.admin-list-filters .status-btn.active{background:#9b59b6;color:#fff;border-color:#9b59b6}.admin-list-table-wrap{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;overflow-x:auto}.admin-list-table{width:100%;border-collapse:collapse;font-size:14px}.admin-list-table th,.admin-list-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #ecf0f1}.admin-list-table th{background:#f8f9fa;font-weight:600;color:#2c3e50}.admin-list-table tbody tr:hover{background:#f8fafb}.admin-list-table .cell-reason{max-width:280px}.status-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.new{background:#dbeafe;color:#1e40af}.status-badge.resolved{background:#d1fae5;color:#065f46}.status-badge.closed{background:#e5e7eb;color:#374151}.status-badge.partially-approved{background:#fef9c3;color:#854d0e}.admin-list-empty{text-align:center;padding:40px 20px;color:#64748b;font-size:15px}.admin-list-view-btn{padding:6px 14px;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer}.admin-list-view-btn:hover{background:#2980b9}.admin-query-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-query-modal{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #0003}.admin-query-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ecf0f1}.admin-query-modal-header h2{font-size:18px;color:#2c3e50;margin:0}.admin-query-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#7f8c8d;line-height:1;padding:0 4px}.admin-query-modal-close:hover{color:#2c3e50}.admin-query-modal-body{padding:20px;overflow-y:auto;flex:1}.admin-query-meta{margin-bottom:20px}.admin-query-meta p{margin:6px 0;font-size:14px;color:#34495e}.admin-query-chat h3{font-size:14px;color:#2c3e50;margin-bottom:12px}.admin-query-msg{margin-bottom:14px;padding:12px;border-radius:8px;border-left:4px solid #3498db}.admin-query-msg-employee{border-left-color:#9b59b6;background:#f8f5fb}.admin-query-msg-department{border-left-color:#27ae60;background:#f0f9f4}.admin-query-msg-meta{font-size:12px;color:#7f8c8d;margin-bottom:6px}.admin-query-msg-text{font-size:14px;color:#2c3e50;white-space:pre-wrap;word-break:break-word}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}