*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:#1a202c;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.hybrid-home-container{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.4,0,.2,1)}.hybrid-home-container.loaded{opacity:1;transform:translateY(0)}body,html{height:100%;overflow:auto;scroll-behavior:smooth}body{padding:0}html{scroll-padding-top:60px}.hybrid-home-container{background:#fff;display:flex;flex-direction:column;min-height:100vh;overflow:auto;width:100%}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;height:60px;left:0;position:fixed;right:0;top:0;z-index:1000}.nav-container,.navbar{align-items:center;display:flex}.nav-container{height:100%;justify-content:center;margin:0 auto;max-width:1200px;padding:0 2rem}.nav-menu{align-items:center;display:flex;gap:3rem;list-style:none;margin:0;padding:0}.nav-item{margin:0}.nav-link{align-items:center;border-radius:6px;color:#64748b;display:flex;font-size:.85rem;font-weight:500;line-height:1;padding:.6rem .8rem;text-decoration:none;transition:color .3s ease}.nav-link.active,.nav-link:hover{background:#0000000d;color:#1a202c}.hero-section{background:linear-gradient(135deg,#2d3748,#4a5568);border-radius:0 0 20px 20px;box-shadow:0 10px 30px #0000001a;display:flex;flex-shrink:0;height:calc(65vh - 30px);overflow:hidden;position:relative;z-index:1}.slide{align-items:center;background-position:50%;background-size:cover;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s ease-in-out;width:100%}.slide.active{opacity:1}.image-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(135deg,#2d3748cc,#4a556899);box-sizing:border-box;color:#fff;display:flex;height:100%;justify-content:center;left:0;padding:40px;position:absolute;text-align:center;top:0;width:100%}.overlay-content{max-width:700px}.overlay-content h2{color:#fff;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;text-shadow:2px 2px 4px #0000004d}.overlay-content p{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:400;line-height:1.8;opacity:.95;text-shadow:1px 1px 3px #0006}.slide-indicators{display:none}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.cards-section{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:1rem 2rem;position:relative;z-index:2}.cards-section:before{background:radial-gradient(circle at 20% 20%,#00000005 0,#0000 50%),radial-gradient(circle at 80% 80%,#00000003 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.pos-module-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(6,1fr);margin:0 auto;max-width:1200px;position:relative;z-index:1}.pos-module-card{align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #0000001a;border-radius:12px;box-shadow:0 8px 20px #00000014,0 3px 8px #0000000a,inset 0 1px 0 #ffffffe6;color:inherit;display:flex;flex-direction:column;min-height:120px;overflow:hidden;padding:1.25rem 1rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.pos-module-card:before{background:linear-gradient(90deg,#e2e8f0,#ffffff4d);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.pos-module-card:hover:before{transform:scaleX(1)}.pos-module-card:hover{border-color:#e2e8f0;box-shadow:0 8px 16px #0000000f,0 2px 4px #0000000a,inset 0 1px 0 #fff;transform:translateY(-3px) scale(1.01)}.module-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:.5rem;text-align:center}.module-name{color:#1e293b;font-size:1rem;font-weight:600;letter-spacing:-.025em;line-height:1.3;margin:0 0 .75rem;text-align:center;transition:color .3s ease}.pos-module-card:hover .module-name{color:#475569}.module-description{color:#64748b;font-size:.8rem;font-weight:400;line-height:1.5;margin:0;max-width:100%;text-align:center}@media (max-width:1024px){.navbar{height:55px}.nav-container{padding:0 1.5rem}.nav-menu{gap:2.5rem}.hero-section{height:calc(60vh - 27.5px)}.cards-section{padding:1rem 1.5rem}.pos-module-grid{gap:1rem;grid-template-columns:repeat(3,1fr);max-width:900px}.pos-module-card{min-height:110px;padding:1rem .875rem}.module-name{font-size:.9rem}.module-description{font-size:.7rem}.footer{padding:.6rem 0}.footer-content{padding:0 1.5rem}.version-text{font-size:.75rem}}@media (max-width:768px){.navbar{height:50px}.nav-container{padding:0 1rem}.nav-menu{gap:2rem}.nav-link{font-size:.8rem;padding:.5rem .6rem}.hero-section{height:calc(55vh - 25px)}.overlay-content h2{font-size:1.75rem}.overlay-content p{font-size:.9rem}.cards-section{padding:1rem}.pos-module-grid{gap:.875rem;grid-template-columns:repeat(2,1fr);max-width:600px}.pos-module-card{min-height:100px;padding:1rem .75rem}.module-name{font-size:.85rem;margin-bottom:.4rem}.module-description{font-size:.65rem}.footer{padding:.5rem 0}.footer-content{padding:0 1rem}.version-text{font-size:.7rem}}@media (max-width:480px){.navbar{height:45px}.nav-menu{gap:1.5rem}.nav-link{font-size:.75rem;padding:.4rem .5rem}.hero-section{height:calc(50vh - 22.5px)}.cards-section{padding:.75rem}.pos-module-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);max-width:400px}.pos-module-card{min-height:90px;padding:.875rem .625rem}.module-name{font-size:.8rem;margin-bottom:.3rem}.module-description{font-size:.6rem}.footer{padding:.4rem 0}.footer-content{padding:0 .75rem}.version-text{font-size:.65rem}}.pos-module-card{animation:fadeInUp .6s ease-out}.pos-module-card:first-child{animation-delay:.1s}.pos-module-card:nth-child(2){animation-delay:.2s}.pos-module-card:nth-child(3){animation-delay:.3s}.pos-module-card:nth-child(4){animation-delay:.4s}.pos-module-card:nth-child(5){animation-delay:.5s}.pos-module-card:nth-child(6){animation-delay:.6s}.pos-module-card:nth-child(7){animation-delay:.7s}.pos-module-card:active{transform:translateY(-2px) scale(.98)}.pos-module-card:focus{outline:2px solid #e2e8f0;outline-offset:2px}.footer{background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;padding:.75rem 0}.footer-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:0 2rem}.version-text{color:#94a3b8;font-size:.8rem;font-weight:400;letter-spacing:.025em;margin:0}@media print{.hero-section{display:none}.cards-section{padding:0}.pos-module-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}:root{--blue-700:#0b4fa8;--blue-600:#0b66b2;--blue-500:#2b9bff;--blue-100:#eaf4ff;--muted:#5b6b80;--danger:#dc2626;--glass:#0b66b20f;--gold:#c89a2f}.inv-login-page{align-items:center;background:linear-gradient(180deg,#eaf4ff,#fff 60%);display:flex;justify-content:center;min-height:100vh;padding:28px}.inv-card,.inv-login-card{background:#fff;border:1px solid #0b66b20f;border:1px solid var(--glass);border-radius:12px;box-shadow:0 8px 30px #0814320f;box-sizing:border-box;max-width:420px;padding:28px;width:100%}.inv-login-card{display:flex;gap:0;max-width:900px;overflow:visible}.inv-login-card--single{max-width:860px}.inv-side{align-items:center;background:linear-gradient(180deg,#0b4fa8,#2b9bff);background:linear-gradient(180deg,var(--blue-700),var(--blue-500));color:#fff;display:flex;flex:1 1;justify-content:center;padding:28px}.inv-side-inner{max-width:260px;text-align:center}.inv-logo-large{align-items:center;background:#ffffff1f;border-radius:14px;display:inline-flex;font-size:36px;font-weight:800;height:80px;justify-content:center;margin-bottom:12px;width:80px}.inv-side h2{font-size:20px;margin:0}.inv-side-sub{font-size:14px;margin-top:8px;opacity:.95}.inv-main{flex:1 1;padding:36px 40px}.inv-main,.inv-main--reg{max-height:none;overflow-y:auto}.inv-main--reg{height:auto;padding:32px 36px}@media (max-width:980px){.inv-field-row{grid-template-columns:1fr}}.inv-brand{margin-bottom:12px;text-align:left}.inv-brand h1{color:#0b4fa8;color:var(--blue-700);font-size:20px;margin:0}.inv-sub{color:#5b6b80;color:var(--muted);font-size:13px;margin:6px 0 12px}.inv-form{display:flex;flex-direction:column;gap:14px}.inv-field label{color:#16324b;font-size:13px;margin-bottom:8px}.inv-field input,.inv-input{background:#fff;border:1px solid #eef6ff;border-radius:10px;box-shadow:inset 0 1px 0 #10182805;font-size:15px;height:48px;outline:none;padding:12px 12px 12px 52px}.inv-field input:focus,.inv-input:focus{border-color:#2b9bff;border-color:var(--blue-500);box-shadow:0 10px 30px #2b9bff14}.inv-with-icon .inv-input-wrap{align-items:center;display:flex;position:relative}.inv-icon{height:18px;left:18px;opacity:.9;position:absolute;width:18px}.inv-with-icon .inv-field input,.inv-with-icon .inv-input,.inv-with-icon input{padding-left:56px!important}.inv-show-btn{background:#eaf4ff;background:var(--blue-100);border:1px solid #e6eefc;border-radius:8px;color:#0b4fa8;color:var(--blue-700);cursor:pointer;height:36px;margin-left:8px;padding:6px 10px}.inv-show-btn:focus{outline:2px solid #0b66ff1f}.inv-submit{background:linear-gradient(90deg,#0b4fa8,#2b9bff);background:linear-gradient(90deg,var(--blue-700),var(--blue-500));border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:48px;margin-top:6px;min-width:260px;padding:0 22px}.inv-submit-ghost{background:#0000;border:1px solid #0b66b214;color:#0b4fa8;color:var(--blue-700)}.inv-submit:disabled{cursor:not-allowed;opacity:.7}.inv-error{color:#dc2626;color:var(--danger);font-size:13px;margin-top:6px}.inv-server-error{background:#fff1f0;border:1px solid #ffd7d9;border-radius:8px;color:#9a1b1b;font-size:14px;padding:10px}.inv-help{color:#587a9c;display:block;font-size:13px;margin-top:8px;text-align:left}.inv-actions{align-items:flex-start;justify-content:flex-start;padding-bottom:26px;position:relative;width:100%}.inv-actions-left{position:relative;z-index:2}.inv-actions-right{position:absolute;right:0;top:calc(100% + 6px);transform:none;z-index:2}.inv-link{background:#0000;border:none;color:#0b4fa8;color:var(--blue-700);cursor:pointer;font-size:14px;margin-left:8px;padding:6px 8px;text-decoration:underline}.inv-link:focus{outline:2px solid #0b66b21f}@media (max-width:520px){.inv-actions{align-items:stretch;flex-direction:column;gap:10px}.inv-actions-right{position:static;right:auto;top:auto;transform:none}.inv-link{align-self:flex-start;padding-left:0}.inv-submit{min-width:0;width:100%}}.inv-forgot label{color:#16324b;font-size:13px}.inv-actions{align-items:center;display:flex;gap:12px;margin-top:6px}.inv-forgot-row{display:flex;gap:8px;margin-top:8px}@media (max-width:820px){.inv-actions{align-items:stretch;flex-direction:column;gap:10px;padding-bottom:0}.inv-actions-right{position:static;right:auto;top:auto;transform:none}.inv-link{align-self:flex-start;padding-left:0}}.inv-forgot{border-top:1px dashed #0b66b20f;margin-top:14px;padding-top:12px}.inv-forgot .inv-input{height:42px;padding-left:12px}.inv-forgot .inv-submit-ghost{align-self:flex-end;height:42px;padding:0 14px}.inv-forgot .inv-help{color:#395b7a;margin-top:8px}.inv-form-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:20px}.inv-form-section:last-of-type{border-bottom:none;margin-bottom:0}.inv-section-title{border-bottom:2px solid #eaf4ff;border-bottom:2px solid var(--blue-100);color:#0b4fa8;color:var(--blue-700);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.inv-field-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.inv-field-row:last-child{margin-bottom:0}.inv-field{display:flex;flex-direction:column;gap:6px}.inv-field label{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.inv-field input,.inv-field select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s ease}.inv-field input:focus,.inv-field select:focus{border-color:#2b9bff;border-color:var(--blue-500);box-shadow:0 0 0 3px #2b9bff1a;outline:none}.inv-field select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.inv-success{background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}.inv-toggle{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px;text-align:center}.inv-toggle p{color:#6b7280;font-size:14px;margin:0}.inv-toggle .inv-link{background:none;border:none;color:#0b66b2;color:var(--blue-600);cursor:pointer;font-size:inherit;font-weight:500;padding:0;text-decoration:none}.inv-toggle .inv-link:hover{color:#0b4fa8;color:var(--blue-700);text-decoration:underline}@media (max-width:768px){.inv-login-card{border-radius:0;margin:0;max-width:100%;min-height:100vh}.inv-side{display:none}.inv-main{flex:1 1;max-height:none;padding:24px}.inv-field-row{gap:12px;grid-template-columns:1fr}}@media (max-width:520px){.inv-login-card{border-radius:0;padding:16px}.inv-main{padding:16px}.inv-section-title{font-size:14px}.inv-field input,.inv-field select{font-size:14px;padding:10px 12px}}.shared-sidebar{background:#1a1d29;border-right:1px solid #ffffff1a;bottom:0;box-shadow:4px 0 20px #0000004d;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100vh;left:0;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:250px;width:var(--sidebar-width,250px);z-index:1100}.shared-sidebar__nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:30px 0 0}.shared-sidebar__menu{list-style:none;margin:0;padding:0}.shared-sidebar__item{margin:0 0 16px;padding:0}.shared-sidebar__link{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:14px;font-weight:500;gap:16px;margin:0 12px;padding:10px 20px;position:relative;text-decoration:none;transition:all .2s ease}.shared-sidebar__link:hover{background:#ffffff1a;color:#fff;transform:translateX(2px)}.shared-sidebar__link.active{background:#ffffff26;box-shadow:0 4px 12px #0003;color:#fff}.shared-sidebar__icon{align-items:center;color:#fff;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.shared-sidebar__icon svg{stroke:currentColor;fill:none}.shared-sidebar__link:hover .shared-sidebar__icon{transform:scale(1.1)}.shared-sidebar__text{color:#fff;font-weight:500;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-sidebar__bottom{flex-shrink:0;margin-top:auto;padding-bottom:20px;padding-top:0}.shared-sidebar__bottom .shared-sidebar__link{margin:0 12px;padding:10px 20px}.shared-sidebar__link--logout{color:#ff4d4d}.shared-sidebar__link--logout:hover{background:#ff4d4d1a;color:#ff4d4d}.shared-sidebar__link--logout .shared-sidebar__icon{color:#ff4d4d}.shared-sidebar::-webkit-scrollbar{width:4px}.shared-sidebar::-webkit-scrollbar-track{background:#0000}.shared-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.shared-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:1024px){.shared-sidebar{transform:translateX(-100%)}.shared-sidebar.shared-sidebar--open{transform:translateX(0)}}:root{--nav-bg:#fff;--nav-border:#e5e7eb;--nav-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;--nav-text-primary:#111827;--nav-text-secondary:#6b7280;--nav-input-bg:#f9fafb;--nav-input-border:#d1d5db;--nav-hover-bg:#f3f4f6;--nav-accent:#2563eb;--nav-danger:#dc2626;--nav-danger-hover:#fee2e2}.common-top-navbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fff;background-color:var(--nav-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--nav-border);border-radius:0;box-shadow:0 1px 2px #00000008;display:flex;justify-content:space-between;margin:0;padding:12px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.common-top-navbar__left{flex:0 0 auto;padding-right:24px}.common-top-navbar__title{color:#111827;color:var(--nav-text-primary);font-size:1.75rem;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0}.common-top-navbar__center{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:center;margin:0 auto;max-width:600px}.common-top-navbar__search-form{width:100%}.common-top-navbar__search-container{align-items:center;display:flex;position:relative;width:100%}.common-top-navbar__search-icon{color:#9ca3af;left:12px;pointer-events:none;position:absolute}.common-top-navbar__search-input{background-color:#f9fafb;background-color:var(--nav-input-bg);border:1px solid #d1d5db;border:1px solid var(--nav-input-border);border-radius:8px;color:#111827;color:var(--nav-text-primary);font-size:.95rem;padding:10px 12px 10px 40px;transition:all .2s ease;width:100%}.common-top-navbar__search-input:hover{background-color:#fff;border-color:#9ca3af}.common-top-navbar__search-input:focus{background-color:#fff;border-color:#6b7280;box-shadow:0 0 0 3px #6b72801a;outline:none}.common-top-navbar__right{align-items:center;display:flex;flex:0 0 auto;gap:12px}.common-top-navbar__icon-btn{align-items:center;background-color:initial;border:none;border-radius:8px;color:#6b7280;color:var(--nav-text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:40px}.common-top-navbar__icon-btn:hover{background-color:#f3f4f6;background-color:var(--nav-hover-bg);color:#111827;color:var(--nav-text-primary)}.common-top-navbar__notification-badge{align-items:center;background-color:#dc2626;background-color:var(--nav-danger);border:2px solid #fff;border-radius:9px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px;z-index:10}.common-top-navbar__notification-wrapper{position:relative}.common-top-navbar__user-info{align-items:flex-end;border-right:1px solid #e5e7eb;border-right:1px solid var(--nav-border);display:flex;flex-direction:column;gap:2px;margin-right:8px;padding-right:12px}.common-top-navbar__user-name{color:#111827;color:var(--nav-text-primary);font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap}.common-top-navbar__user-job{color:#6b7280;color:var(--nav-text-secondary);font-size:11px;font-weight:400;line-height:1.3}.common-top-navbar__profile-wrapper{position:relative}.common-nav-dropdown{animation:slideDown .15s ease-out;background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 8px 32px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-container{width:240px}.profile-dropdown-footer{background:#f9fafb;display:flex;flex-direction:column;gap:8px;padding:12px}.profile-action-btn{align-items:center;background:#fff;border:none;border-radius:6px;color:#111827;color:var(--nav-text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:8px;padding:8px 12px;transition:all .15s}.profile-action-btn:hover{background:#f3f4f6;background:var(--nav-hover-bg);transform:translateX(1px)}.profile-action-btn.logout-btn{color:#dc2626;color:var(--nav-danger)}.profile-action-btn.logout-btn:hover{background:#fee2e2;background:var(--nav-danger-hover)}.notification-dropdown-container{display:flex;flex-direction:column;max-height:600px;width:400px}.notification-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--nav-border);display:flex;justify-content:space-between;min-height:48px;padding:12px 20px}.notification-header h3{color:#1a1d29;font-size:13px;font-weight:600;margin:0}.notification-dropdown-actions{align-items:center;display:flex;gap:8px}.notification-action-btn{background:#f3f4f6;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s}.notification-action-btn:hover{background:#e0e0e0}.notification-action-btn.delete-all{background:#fef2f2;color:#ef4444}.notification-action-btn.delete-all:hover{background:#fee2e2}.notification-body{flex:1 1;overflow-y:auto;padding:10px 0}.notification-section{margin-bottom:15px}.notification-section-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 5px;padding:8px 20px;text-transform:uppercase}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 20px;position:relative;transition:background .2s}.notification-item:hover{background:#f3f4f6;background:var(--nav-hover-bg)}.notification-item.unread{background:#eff6ff}.notification-icon{align-items:center;color:#2563eb;color:var(--nav-accent);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.notification-content{flex-grow:1;min-width:0}.notification-title{color:#1a1d29;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px}.notification-message{color:#4b5563;font-size:13px;line-height:1.4;margin-bottom:4px}.notification-time{color:#9ca3af;font-size:11px}.notification-delete-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s}.notification-item:hover .notification-delete-btn{opacity:1}.notification-delete-btn:hover{color:#dc2626;color:var(--nav-danger)}.notification-empty,.notification-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;font-size:14px;gap:15px;padding:40px 20px;text-align:center}@media (max-width:768px){.common-top-navbar{margin:10px;padding:12px 16px}.common-top-navbar__title{font-size:1.25rem}.common-top-navbar__center{display:none}.notification-dropdown-container{right:-10px;width:calc(100vw - 40px)}}.sidebar-nav{background-color:#fff;box-shadow:2px 0 5px #0000001a;height:100%;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;transition:transform .3s ease-in-out;width:var(--sidebar-width);z-index:1000}.display-process-container{padding:0}.full-content-wrapper{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 4px 20px -5px #0000001a,0 2px 10px -5px #0000000d;margin:0 0 30px;min-height:calc(100vh - 120px);padding:24px 28px}.inventory-nav-gap{height:20px}@media (max-width:1024px){.main-layout-container{flex-direction:column}.sidebar-nav{box-shadow:none;height:100%;position:fixed;transform:translateX(-100%);width:var(--sidebar-width)}.sidebar-nav.active{transform:translateX(0)}.display-process-container{margin-left:0!important;padding:0}.display-process-container>div{padding:15px}.header-section{align-items:flex-start;flex-direction:column}.view-toggle-buttons-header{margin-top:10px;width:100%}.toggle-button{flex:1 1;text-align:center}.search-bar{width:100%}.data-table-container{overflow-x:auto}}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.summary-card{height:100%}.summary-icon-wrapper{align-items:center;display:flex;justify-content:center}.settings-popup-overlay{animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.settings-popup{animation:slideInScale .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #00000014;border-radius:24px;box-shadow:0 25px 80px #00000026,0 10px 40px #0000001a,inset 0 1px 0 #ffffffe6,inset 0 -1px 0 #00000005;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;left:50%;max-height:90vh;max-width:95vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:520px;z-index:9999}@keyframes slideInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.9) rotateX(10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateX(0deg)}}.settings-popup__header{align-items:center;background:linear-gradient(135deg,#fffffff2,#f8f9fae6);border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:28px 32px 24px;position:relative}.settings-popup__header:before{background:linear-gradient(90deg,#0000,#28a7454d 50%,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.settings-popup__header-content{align-items:center;display:flex;gap:16px}.settings-popup__icon{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border-radius:14px;box-shadow:0 6px 20px #28a7454d,inset 0 1px 0 #ffffff4d;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.settings-popup__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;background-clip:text;color:#2d3748;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.settings-popup__subtitle{color:#718096;font-size:14px;font-weight:400;margin:0}.settings-popup__close{align-items:center;background:linear-gradient(145deg,#fff,#f1f3f4);border:1px solid #00000014;border-radius:12px;box-shadow:2px 2px 8px #00000014,inset -1px -1px 0 #ffffffe6;color:#718096;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.settings-popup__close:hover{background:linear-gradient(145deg,#f1f3f4,#e2e8f0);box-shadow:3px 3px 12px #0000001f,inset -1px -1px 0 #ffffffe6;color:#e53e3e;transform:scale(1.05) rotate(90deg)}.settings-popup__content{max-height:calc(90vh - 120px);overflow-y:auto;padding:0}.settings-popup__content::-webkit-scrollbar{width:6px}.settings-popup__content::-webkit-scrollbar-track{background:#0000}.settings-popup__content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.settings-popup__content::-webkit-scrollbar-thumb:hover{background:#0003}.settings-section{border-bottom:1px solid #0000000a;padding:28px 32px;position:relative}.settings-section:last-child{border-bottom:none}.settings-section__header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.settings-section__icon{align-items:center;background:linear-gradient(135deg,#28a7451a,#20c99714);border:1px solid #28a74533;border-radius:8px;color:#28a745;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.settings-section__title{color:#2d3748;font-size:18px;font-weight:600;letter-spacing:-.2px;margin:0}.settings-section__content{display:flex;flex-direction:column;gap:16px}.user-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.user-info-item{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f8f9fab3);border:1px solid #0000000a;border-radius:14px;box-shadow:inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #00000005,0 2px 8px #0000000a;display:flex;justify-content:space-between;overflow:hidden;padding:18px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-info-item:before{background:linear-gradient(135deg,#28a745,#20c997);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.user-info-item:hover{background:linear-gradient(135deg,#28a7450f,#20c9970a);border-color:#28a74526;box-shadow:inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #00000005,0 4px 16px #00000014;transform:translateY(-1px)}.user-info-item:hover:before{opacity:1}.user-info-label{color:#4a5568;font-size:14px;font-weight:600;letter-spacing:.2px}.user-info-value{color:#2d3748;font-size:14px;font-weight:500;max-width:220px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.settings-toggle-item{align-items:center;background:linear-gradient(135deg,#ffffffe6,#f8f9fab3);border:1px solid #0000000a;border-radius:14px;box-shadow:inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #00000005,0 2px 8px #0000000a;display:flex;justify-content:space-between;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-toggle-item:hover{background:linear-gradient(135deg,#28a7450f,#20c9970a);border-color:#28a74526;box-shadow:inset 2px 2px 4px #ffffffe6,inset -2px -2px 4px #00000005,0 4px 16px #00000014;transform:translateY(-1px)}.toggle-info{display:flex;flex-direction:column;gap:6px}.toggle-label{color:#2d3748;font-size:16px;font-weight:600;letter-spacing:-.1px}.toggle-description{font-size:13px;font-weight:400}.toggle-switch{background:linear-gradient(145deg,#e2e8f0,#cbd5e0);border:1px solid #00000014;border-radius:18px;box-shadow:inset 2px 2px 4px #0000001a,inset -2px -2px 4px #ffffffe6;cursor:pointer;height:36px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:64px}.toggle-switch--active{background:linear-gradient(145deg,#28a745,#20c997);box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff4d,0 0 20px #28a7454d}.toggle-switch__slider{align-items:center;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:50%;box-shadow:2px 2px 8px #00000026,inset -1px -1px 2px #0000001a,inset 1px 1px 2px #ffffffe6;color:#718096;display:flex;height:32px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .4s cubic-bezier(.4,0,.2,1);width:32px}.toggle-switch--active .toggle-switch__slider{box-shadow:-2px 2px 8px #00000026,inset -1px -1px 2px #0000001a,inset 1px 1px 2px #ffffffe6;color:#28a745;transform:translateX(28px)}.logout-button{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:14px;box-shadow:0 6px 20px #dc35454d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;letter-spacing:.2px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.logout-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logout-button:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 8px 25px #dc354566,inset 0 1px 0 #fff3;transform:translateY(-2px)}.logout-button:hover:before{left:100%}.logout-button:active{box-shadow:0 4px 12px #dc35454d,inset 0 1px 0 #fff3;transform:translateY(0)}body.emp-dark-mode .settings-popup{background:linear-gradient(145deg,#2d3748,#1a202c);border:1px solid #ffffff1a;box-shadow:0 25px 80px #0006,0 10px 40px #0000004d,inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #0003}body.emp-dark-mode .settings-popup__header{background:linear-gradient(135deg,#2d3748f2,#1a202ce6);border-bottom:1px solid #ffffff1a}body.emp-dark-mode .settings-popup__header:before{background:linear-gradient(90deg,#0000,#68d39166 50%,#0000)}body.emp-dark-mode .settings-popup__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e2e8f0,#cbd5e0);-webkit-background-clip:text;background-clip:text;color:#e2e8f0}body.emp-dark-mode .settings-popup__subtitle{color:#a0aec0}body.emp-dark-mode .settings-popup__close{background:linear-gradient(145deg,#4a5568,#2d3748);border:1px solid #ffffff1a;color:#cbd5e0}body.emp-dark-mode .settings-popup__close:hover{background:linear-gradient(145deg,#2d3748,#1a202c);color:#fc8181}body.emp-dark-mode .settings-section{border-bottom:1px solid #ffffff0d}body.emp-dark-mode .settings-section__icon{background:linear-gradient(135deg,#68d39126,#20c9971a);border:1px solid #68d3914d;color:#68d391}body.emp-dark-mode .settings-section__title{color:#e2e8f0}body.emp-dark-mode .user-info-item{background:linear-gradient(135deg,#2d3748e6,#1a202cb3);border:1px solid #ffffff0d}body.emp-dark-mode .user-info-item:hover{background:linear-gradient(135deg,#68d3911a,#20c9970d);border-color:#68d39133}body.emp-dark-mode .user-info-item:before{background:linear-gradient(135deg,#68d391,#20c997)}body.emp-dark-mode .user-info-label{color:#cbd5e0}body.emp-dark-mode .user-info-value{color:#e2e8f0}body.emp-dark-mode .settings-toggle-item{background:linear-gradient(135deg,#2d3748e6,#1a202cb3);border:1px solid #ffffff0d}body.emp-dark-mode .settings-toggle-item:hover{background:linear-gradient(135deg,#68d3911a,#20c9970d);border-color:#68d39133}body.emp-dark-mode .toggle-label{color:#e2e8f0}body.emp-dark-mode .toggle-description{color:#a0aec0}body.emp-dark-mode .toggle-switch{background:linear-gradient(145deg,#4a5568,#2d3748);border:1px solid #ffffff1a}body.emp-dark-mode .toggle-switch__slider{background:linear-gradient(145deg,#e2e8f0,#cbd5e0);color:#4a5568}@media (max-width:768px){.settings-popup{border-radius:20px;margin:0 2.5vw;width:95vw}.settings-popup__header{padding:24px 20px 20px}.settings-popup__header-content{gap:12px}.settings-popup__icon{height:40px;width:40px}.settings-popup__title{font-size:20px}.settings-section{padding:24px 20px}.user-info-item{align-items:flex-start;flex-direction:column;gap:8px;padding:16px 18px}.user-info-value{max-width:100%;text-align:left}.settings-toggle-item{align-items:flex-start;flex-direction:column;gap:16px;padding:18px 20px}}.main-layout-container{background-color:#f0f2f5;color:#333;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.display-process-container{background-color:#f0f2f5;box-sizing:border-box;flex-grow:1;margin-left:var(--sidebar-width)!important;min-height:100vh;overflow-y:auto;padding:30px;transition:margin-left .3s ease-in-out}@media (max-width:1024px){.main-layout-container{flex-direction:column}.emp-sidebar{box-shadow:none;height:100%;position:fixed;transform:translateX(-100%);width:var(--sidebar-width)}.emp-sidebar.active{transform:translateX(0)}.display-process-container{margin-left:0!important;padding:15px}.display-process-container>div{padding:15px}.header-section{align-items:flex-start;flex-direction:column}.view-toggle-buttons-header{margin-top:10px;width:100%}.toggle-button{flex:1 1;text-align:center}.search-bar{width:100%}.data-table-container{overflow-x:auto}}.content-area{align-items:flex-start;justify-content:center;margin-right:0;padding:20px 40px}@media (max-width:1024px){.content-area{margin-left:0;padding:20px}}.form-container{background:#0000;border-radius:12px;box-shadow:none;margin:20px auto;max-width:1200px;padding:40px;width:100%}.form-title{border-bottom:2px solid #1a1d29;color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:25px;padding-bottom:10px}.employee-form{grid-gap:20px 30px;display:grid;gap:20px 30px;grid-template-columns:1fr 1fr}.button-group,.error-message,.file-section-title{grid-column:1/-1}.form-group label{align-items:center;color:#495057;display:flex;font-size:14px;font-weight:600;gap:4px;margin-bottom:8px}.form-input,.form-select{background-color:#fff;border:1px solid #dee2e6!important;border-radius:8px;box-shadow:none!important;box-sizing:border-box;font-size:15px;outline:none!important;padding:12px 14px;transition:all .3s ease;width:100%}.form-input:hover,.form-select:hover{border-color:#adb5bd!important}.form-input:focus,.form-select:focus{border-color:#1a1d29!important;box-shadow:0 0 0 3px #1a1d2926!important;outline:none!important}.form-input.error,.form-select.error{border:1px solid #dee2e6!important;box-shadow:none!important;outline:none!important}.form-input.error:focus,.form-select.error:focus{border-color:#1a1d29!important;box-shadow:0 0 0 3px #1a1d2926!important;outline:none!important}.form-input:invalid,.form-select:invalid{border:1px solid #dee2e6!important;box-shadow:none!important;outline:none!important}.form-input:required,.form-select:required{border:1px solid #dee2e6!important;box-shadow:none!important;outline:none!important}.form-select,select.form-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236c757d%22%20d%3D%22M287%20197.35l-140-140c-6.1-6.1-16.1-6.1-22.2%200l-140%20140c-6.1%206.1-6.1%2016.1%200%2022.2l11.1%2011.1c6.1%206.1%2016.1%206.1%2022.2%200l128.8-128.8%20128.8%20128.8c6.1%206.1%2016.1%206.1%2022.2%200l11.1-11.1c6.1-6.1%206.1-16.1%200-22.2z%22%2F%3E%3C%2Fsvg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;background-size:10px!important;cursor:pointer!important;padding-right:35px!important}.form-select::-ms-expand,select.form-input::-ms-expand{display:none!important}.form-select::-webkit-inner-spin-button,.form-select::-webkit-outer-spin-button,select.form-input::-webkit-inner-spin-button,select.form-input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.form-select:-moz-focusring,select.form-input:-moz-focusring{color:#0000!important;text-shadow:0 0 0 #495057!important}.file-section-title{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:5px;margin-top:15px}.subsection-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 4px #0000000a;margin-bottom:24px;margin-top:24px;padding:24px}.file-group{grid-column:1/-1}.file-hint{color:#6c757d;display:block;font-size:12px;font-style:italic;margin-top:5px}.file-list{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;margin-top:10px;padding:10px}.file-count{color:#495057;font-size:13px;font-weight:600;margin:0 0 8px}.file-names{list-style-type:disc;margin:0;padding-left:20px}.file-names li{color:#6c757d;font-size:12px;margin:4px 0;word-break:break-word}.file-input{background-color:#f8f9fa;border:1px dashed #1a1d29;padding:15px}.submit-button{background-color:#28a745;border-radius:4px;font-size:16px;font-weight:600;grid-column:1/-1;margin-top:20px;padding:12px 25px;transition:background-color .3s,transform .1s;width:100%}.submit-button:hover:not(:disabled){background-color:#218838}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;padding:10px}@media (max-width:1200px){.bio-section-navigation{gap:4px;padding:10px}.bio-section-btn{font-size:10px;padding:6px 3px}}@media (max-width:768px){.bio-section-navigation{gap:3px;justify-content:flex-start;overflow-x:auto;padding:8px;scrollbar-width:thin}.bio-section-btn{flex-shrink:0;font-size:9px;min-width:60px;padding:6px 2px}}@media (max-width:480px){.bio-section-navigation{gap:2px;padding:6px}.bio-section-btn{font-size:8px;height:32px;min-width:50px;padding:5px 2px}}.form-section{grid-gap:24px 32px;gap:24px 32px;justify-items:stretch;margin:0 auto;max-width:1000px;width:100%}.section-title{font-size:24px;grid-column:1/-1;margin-bottom:30px;padding-bottom:0;position:relative}.subsection-title{background:linear-gradient(90deg,#1a1d290d,#1a1d2905);border-left:4px solid #1a1d29;border-radius:8px;font-size:18px;grid-column:1/-1;margin-bottom:20px;margin-top:30px;padding:14px 20px;text-align:left}.form-section .form-group{display:flex;flex-direction:column;max-width:100%;width:100%}.form-section .file-group,.list-item{grid-column:1/-1}.list-item{background-color:#f8f9fa;border:1px solid #dee2e6;font-size:14px;gap:15px;margin:8px 0;padding:12px 15px}.list-item span{flex-grow:1;padding-right:10px;word-break:break-word}.remove-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:600;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.remove-button:hover{background-color:#c82333;transform:scale(1.05)}.add-button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;grid-column:1/-1;margin:12px 0;padding:8px 16px;transition:all .3s ease}.add-button:hover{background-color:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.button-group{align-items:center;border-top:2px solid #e9ecef;box-sizing:border-box;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px;grid-column:1/-1;justify-content:center;margin-top:35px;max-width:100%;padding-top:25px;width:100%}.button-group .prev-button{order:1}.button-group .next-button,.button-group .prev-button,.button-group .submit-button{align-items:center;display:flex!important;flex-shrink:0!important;justify-content:center}.button-group .next-button,.button-group .submit-button{order:2}.nav-button{border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;max-width:100px;padding:8px 14px;text-align:center;transition:all .2s ease;white-space:nowrap;width:100px}.prev-button{background-color:#6c757d;color:#fff}.prev-button:hover{background-color:#5a6268;box-shadow:0 2px 6px #6c757d40;transform:translateY(-1px)}.next-button{background-color:#1a1d29;color:#fff}.next-button:hover{background-color:#2d3142;box-shadow:0 2px 6px #1a1d2940;transform:translateY(-1px)}.submit-button{background-color:#1a1d29;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;max-width:100px;padding:8px 14px;text-align:center;transition:all .2s ease;white-space:nowrap;width:100px}.submit-button:hover:not(:disabled){background-color:#2d3142;box-shadow:0 2px 6px #1a1d2940;transform:translateY(-1px)}.submit-button:disabled{background-color:#a0a0a0;cursor:not-allowed;transform:none}@media (max-width:768px){.nav-button,.submit-button{font-size:12px;max-width:90px;padding:7px 12px;width:90px}.button-group{gap:12px}}@media (max-width:480px){.nav-button,.submit-button{font-size:11px;max-width:80px;padding:6px 10px;width:80px}.button-group{gap:10px;margin-top:30px;padding-top:20px}}.info-box{background:linear-gradient(90deg,#1a1d2914,#1a1d2908);border:1px solid #1a1d2933;border-left:4px solid #1a1d29;border-radius:8px;grid-column:1/-1;margin:20px 0;padding:16px 20px}.info-box p{color:#1a1d29;font-size:14px;font-weight:500;margin:0}textarea.form-input{border:1px solid #dee2e6!important;box-shadow:none!important;min-height:80px;outline:none!important}textarea.form-input:hover{border-color:#adb5bd!important}textarea.form-input:focus{border-color:#1a1d29!important;box-shadow:0 0 0 3px #1a1d2926!important;outline:none!important}textarea.form-input.error{border:1px solid #dee2e6!important;box-shadow:none!important;outline:none!important}textarea.form-input:invalid,textarea.form-input:required{border:1px solid #dee2e6!important;box-shadow:none!important;outline:none!important}.employee-form{align-items:center;display:flex;flex-direction:column;width:100%}.form-section{justify-content:center}.form-section .form-group{align-items:stretch}.form-section .file-group,.form-section .file-group label{text-align:center}.add-button{display:block;margin-left:auto;margin-right:auto}.list-item{min-height:50px}.list-item span{overflow:hidden;text-overflow:ellipsis}.info-box{text-align:center}.section-header{grid-column:1/-1;padding-bottom:0}.section-header .section-title{border:none;margin:0;padding:0}.section-header button{flex-shrink:0;margin:0}.error-toast-container{animation:slideInRight .3s ease-out;position:fixed;right:20px;top:120px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.error-toast{background:#fff;border-left:4px solid #dc3545;border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 0 1px #dc35451a;max-width:450px;min-width:350px;overflow:hidden}.error-toast-header{align-items:center;background:#fff5f5;border-bottom:1px solid #fee;display:flex;padding:16px 16px 12px}.error-toast-icon{align-items:center;background:#dc3545;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:12px;width:32px}.error-toast-title{color:#721c24;flex:1 1;font-size:16px;font-weight:600;margin:0}.error-toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#721c24;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.error-toast-close:hover{background-color:#dc35451a}.error-toast-body{padding:16px}.error-toast-message{color:#495057;font-size:14px;font-weight:500;margin:0 0 12px}.error-toast-list{list-style:none;margin:0;padding-left:20px}.error-toast-list li{color:#721c24;font-size:13px;line-height:1.5;margin-bottom:8px;padding-left:20px;position:relative}.error-toast-list li:last-child{margin-bottom:0}.error-toast-list li:before{color:#dc3545;content:"•";font-size:16px;font-weight:700;left:0;position:absolute}@media (max-width:768px){.error-toast-container{left:10px;right:10px;top:70px}.error-toast{max-width:100%;min-width:auto}}.page-container{display:flex}.content-area{background-color:#f4f7f9;flex-grow:1;margin-left:var(--sidebar-width);min-height:100vh;padding:20px 30px;transition:margin-left .3s ease}@media (max-width:1024px){.content-area{margin-left:0;padding:15px}}.list-title{color:#2c3e50;font-size:26px;font-weight:600;margin-bottom:20px}.employee-list-container{background:#0000;border-radius:0;box-shadow:none;margin:0;padding:0;width:100%}.employee-register-btn-wrapper{flex-shrink:0}.back-btn-wrapper{flex-shrink:0;margin-left:0}.employee-search-row{box-shadow:0 2px 8px #0000000d;gap:20px;margin-bottom:24px;padding:16px 24px}.toolbar-left-group{flex:1 1}.toolbar-stats-inline{gap:24px}.inline-stat-label{font-size:10px}.inline-stat-item.management .inline-stat-value{color:#1976d2}.inline-stat-item.labor .inline-stat-value{color:#f57c00}.inline-stat-item.active .inline-stat-value{color:#388e3c}.inline-stat-item.inactive .inline-stat-value{color:#d32f2f}.toolbar-right-group{gap:15px}.employee-search-row .back-btn-wrapper+.employee-register-btn-wrapper{margin-left:0}.employee-search-row .employee-register-btn-wrapper:last-child{margin-left:auto}.employee-register-btn{align-items:center;background:#1a1d29;border:none;border-radius:8px;box-shadow:0 2px 4px #1a1d2933;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.employee-register-btn:hover{background:#2d3142;box-shadow:0 4px 12px #1a1d294d;transform:translateY(-2px)}.employee-register-btn svg{flex-shrink:0}.employee-register-btn span{white-space:nowrap}.profile-navbar-scroll{-ms-overflow-style:none;scrollbar-width:none}.profile-navbar-scroll::-webkit-scrollbar{display:none}.category-tabs{background:#0000;border:none;display:flex;gap:12px;justify-content:center;margin-bottom:24px;padding:0}.category-tab{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.category-tab:hover{background:#f8f9fa;border-color:#1a1d29;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.category-tab.active{background:#1a1d29;border-color:#1a1d29;box-shadow:0 4px 12px #1a1d294d;color:#fff}.category-tab.active svg{color:#fff}.category-tab svg{color:#6c757d;transition:color .3s ease}.employee-section-group{margin-bottom:40px}.section-group-header{border-bottom:2px solid #e9ecef;margin-bottom:20px;padding-bottom:12px}.section-group-title{align-items:center;color:#1a1d29;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0}.section-group-title svg{color:#1a1d29}.assignments-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.assignment-badge{background:linear-gradient(135deg,#1a1d291a,#1a1d290d);border:1px solid #1a1d2933;border-radius:6px;color:#1a1d29;display:inline-block;font-size:12px;font-weight:500;padding:6px 12px;white-space:nowrap}.new-employee-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;margin-left:auto;padding:8px 15px;transition:background-color .2s}.new-employee-btn:hover{background-color:#218838}.employee-tabs-nav{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:10px;margin-bottom:20px;padding:10px}.tab-button{background:#f8f9fa;border:2px solid #0000;border-radius:8px;color:#495057;padding:12px 20px}.tab-button:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#5a67d8;box-shadow:0 4px 12px #667eea66;color:#fff}.tab-button.active svg{color:#fff}.tab-button:not(.active) svg{color:#6c757d}.employee-sections-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px}.employee-section{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden}.section-header{border-bottom:3px solid;padding:20px 25px}.management-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-color:#5a67d8}.labor-header{background:linear-gradient(135deg,#f093fb,#f5576c);border-bottom-color:#e83e8c}.section-title{color:#fff;font-size:1.5rem}.section-title svg{flex-shrink:0}.table-responsive{background:#fff;box-shadow:0 2px 8px #0000001a;margin-top:20px}.employee-table{background:#fff;border-collapse:collapse;font-size:14px;margin:0;min-width:1000px;width:100%}.employee-table th{background-color:#2c3e50;color:#fff;font-weight:600;padding:12px 15px;text-align:left;text-transform:uppercase}.employee-table td{border-bottom:1px solid #f0f0f0;padding:12px 15px;vertical-align:middle}.employee-table tbody tr:hover{background-color:#f9f9f9}.employee-table tbody tr:last-child td{border-bottom:none}.employee-photo{border:2px solid #ddd}.emp-name-cell{color:#333;font-weight:500}.doc-link{color:#28a745}.doc-link:hover{text-decoration:underline}.no-data-row{background-color:#fff;font-style:italic;padding:20px!important}.actions-cell{white-space:nowrap}.action-btn{border:1px solid;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;margin-right:5px;padding:6px 10px;transition:background-color .2s,color .2s}.action-btn:last-child{margin-right:0}.update-btn{background-color:#fff;border-color:#28a745;color:#28a745}.update-btn:hover{background-color:#28a745;color:#fff}.delete-btn{background-color:#fff;border-color:#dc3545;color:#dc3545}.delete-btn:hover{background-color:#dc3545;color:#fff}.print-btn{background-color:#fff;border-color:#007bff;color:#007bff}.print-btn:hover{background-color:#007bff;color:#fff}.loading-text{padding-top:50px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:90%;overflow-y:auto;position:relative;width:1000px}.modal-header{background-color:#f8f9fa;border-bottom:2px solid #e9ecef;border-radius:12px 12px 0 0;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#2c3e50;font-size:24px;font-weight:600}.modal-close{background:none;color:#6c757d;font-size:32px;height:40px;padding:0;width:40px}.modal-close:hover{background-color:#e9ecef;color:#dc3545}.modal-body{padding:30px}.profile-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-modal-wrapper{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;margin:auto;max-height:85vh;max-width:1400px;min-width:900px;overflow:hidden;position:relative;width:100%}.profile-modal-scroll-container{background:#f5f5f5;border-radius:12px;max-height:95vh;overflow-x:hidden;overflow-y:auto;padding:0;width:100%}@media (max-width:1200px){.profile-modal-wrapper{max-width:95%;min-width:95%}}@media (max-width:768px){.profile-modal-wrapper{border-radius:0;margin:0;max-height:100vh;max-width:100%;min-width:100%}.profile-modal-overlay{padding:0}.profile-modal-scroll-container{border-radius:0;max-height:100vh}}.profile-modal-scroll-container::-webkit-scrollbar{width:10px}.profile-modal-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.profile-modal-scroll-container::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.profile-modal-scroll-container::-webkit-scrollbar-thumb:hover{background:#555}.profile-modal-close{background:#fffffff2;padding:8px;right:10px;top:10px}.profile-modal-close svg{stroke:currentColor;height:24px;width:24px}.profile-modal-close:hover{box-shadow:0 6px 16px #00000040}.view-employee-container{display:flex;flex-direction:column;gap:25px}.view-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.view-section-title{border-bottom:2px solid #28a745;color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.view-section-grid{grid-gap:15px 20px;display:grid;gap:15px 20px;grid-template-columns:repeat(2,1fr)}.view-field{display:flex;flex-direction:column;gap:5px}.view-field.full-width{grid-column:1/-1}.view-field label{color:#495057;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.view-field span{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#212529;font-size:15px;min-height:20px;padding:8px 12px}.view-photo{border:2px solid #dee2e6;border-radius:8px;max-height:200px;max-width:200px;object-fit:cover}.view-signature{background:#fff;border:1px solid #dee2e6;border-radius:4px;max-height:150px;max-width:300px;object-fit:contain}.list-container{gap:15px}.list-container,.list-item-view{display:flex;flex-direction:column}.list-item-view{background:#fff;border:1px solid #dee2e6;border-radius:6px;gap:8px;padding:15px}.list-item-view div{color:#495057;font-size:14px}.list-item-view strong{color:#2c3e50;font-weight:600}.certifications{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;padding-top:10px}.certifications .doc-link{background:#d4edda;border-radius:4px;font-size:12px;padding:4px 8px}.update-modal{max-width:1200px;width:95%}.update-employee-form{display:flex;flex-direction:column;gap:25px}.form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.form-section h3{border-bottom:2px solid #28a745;color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:10px}.form-grid{grid-gap:15px 20px;gap:15px 20px}.form-field{gap:5px}.form-field label{color:#495057;font-size:13px}.form-field input,.form-field select,.form-field textarea{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{box-shadow:0 0 0 2px #28a74533}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533}.error-text{margin-top:2px}.array-field{background:#fff;border:1px solid #e9ecef;border-radius:6px;margin-top:15px;padding:15px}.array-field label{color:#495057;font-size:14px;font-weight:600;margin-bottom:10px}.array-item{gap:10px;margin-bottom:10px}.array-item select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px}.array-item button{background-color:#dc3545;border-radius:4px;font-size:12px;font-weight:500;padding:8px 12px;transition:background-color .2s}.array-item button:hover{background-color:#c82333}.array-field>button{background-color:#28a745;border-radius:4px;font-size:13px;font-weight:500;margin-top:10px;padding:8px 16px;transition:background-color .2s}.array-field>button:hover{background-color:#218838}.form-actions{border-top:2px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding:20px 0}.form-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:12px 24px;transition:all .2s}.form-actions button[type=button]{background-color:#6c757d;color:#fff}.form-actions button[type=button]:hover{background-color:#5a6268}.form-actions button[type=submit]{background-color:#28a745;color:#fff}.form-actions button[type=submit]:hover{background-color:#218838}.form-actions button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.employee-filter-container{margin-bottom:20px}.employee-search-row{gap:10px;padding:16px}.employee-search-input-wrapper{flex:1 1 auto;max-width:300px;min-width:200px}.employee-filter-dropdown{max-width:180px;min-width:140px}.employee-register-btn{font-size:13px;padding:10px 16px}.employee-register-btn span{display:none}.form-grid{grid-template-columns:1fr}.modal-content{margin:10px;width:95%}.modal-header{padding:15px 20px}.modal-header h2{font-size:20px}.modal-body{padding:20px}.array-item{align-items:stretch}.array-item,.form-actions{flex-direction:column}}@media (max-width:480px){.modal-overlay{padding:10px}.modal-content{max-height:95vh;width:100%}.form-section{padding:15px}.modal-header{padding:12px 15px}.modal-body{padding:15px}}.table-responsive{position:relative}.refresh-overlay{background:#fffc;border-radius:8px}.refresh-indicator{gap:10px;padding:15px 20px}.refresh-spinner{border-top-color:#28a745}.employee-cards-container{background-color:initial;border-radius:0;box-sizing:border-box;min-height:400px;padding:0;position:relative;width:100%}.employee-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-items:start;padding:0}@media (max-width:1200px){.employee-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.employee-cards-grid{grid-template-columns:1fr;justify-items:stretch}}.employee-card{box-shadow:0 1px 3px #0000001a;max-width:300px;padding:20px;transition:none!important;width:100%}.employee-card.inactive-employee{background:#fafafa;border:1px solid #ddd;opacity:.85}.employee-card.inactive-employee:hover{opacity:.95}.inactive-tag{animation:fadeInTag .3s ease-out;background:#e74c3c;border:1px solid #c0392b;border-radius:4px;box-shadow:0 2px 4px #e74c3c4d;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px;z-index:10}@keyframes fadeInTag{0%{opacity:0;transform:translateY(-10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.employee-card:hover{border:1px solid #e9ecef!important;box-shadow:0 1px 3px #0000001a!important;transform:none!important}.employee-card:before{display:none!important}.employee-card:hover:before{display:none!important;opacity:0!important}.employee-card.highlight-updated{animation:highlightPulse 2s ease-in-out;border-color:#28a745}@keyframes highlightPulse{0%,to{box-shadow:0 2px 8px #00000014}50%{box-shadow:0 4px 16px #28a7454d}}.employee-card-header-row{align-items:flex-start;background:#0000;border:none;border-bottom:1px solid #e9ecef;display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;width:100%}.employee-card-photo-wrapper{flex-shrink:0;height:56px;width:56px}.employee-card-photo-img{display:block;object-fit:cover}.employee-card-photo-avatar,.employee-card-photo-img{border:2px solid #e9ecef;border-radius:50%;height:56px;width:56px}.employee-card-photo-avatar{align-items:center;background:#fff;color:#1a1d29;display:flex;font-size:22px;font-weight:700;justify-content:center}.employee-card-name-wrapper{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;padding-top:4px}.employee-card-name-text{color:#000;display:block;font-size:16px;font-weight:700;line-height:1.4;margin:0;padding:0;word-break:break-word}.employee-card-job-title-text{border-bottom:1px solid #e9ecef;color:#6c757d;font-size:14px;font-weight:400;line-height:1.4;margin:0 0 16px;padding-bottom:16px;word-break:break-word}.employee-card-contact-list{display:flex;flex-direction:column;gap:12px;margin-top:0}.employee-contact-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:14px;gap:10px;line-height:1.5;min-height:20px;padding-bottom:8px}.employee-contact-row:last-child{border-bottom:none;padding-bottom:0}.contact-icon-svg{color:#6c757d;flex-shrink:0;height:16px;opacity:.7;width:16px}.contact-text{color:#1a1d29;flex:1 1;font-size:14px;font-weight:400;word-break:break-word}.employee-profile-page{background:#0000;border-radius:0;box-shadow:none;padding:0;width:100%}.employee-profile-header{border-bottom:1px solid #e9ecef;margin-bottom:24px;padding-bottom:16px}.back-to-list-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#1a1d29;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.back-to-list-btn:hover{background:#e9ecef;border-color:#dee2e6}.employee-profile-content{background:#0000;padding:0;width:100%}.card-action-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s ease}.card-action-view{background:#17a2b8}.card-action-view:hover{background:#138496;box-shadow:0 4px 12px #17a2b84d;transform:translateY(-2px)}.card-action-update{background:#1a1d29}.card-action-update:hover{background:#2d3142;box-shadow:0 4px 12px #1a1d294d;transform:translateY(-2px)}.card-action-delete{background:#dc3545}.card-action-delete:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.no-employees-message{min-height:200px;padding:40px 20px}.employee-error-message{align-items:center;background-color:#fff5f5;border-left:4px solid #fc8181;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#c53030;display:flex;font-weight:500;gap:12px;grid-column:1/-1;margin-bottom:20px;padding:16px 20px;position:relative}.employee-error-message svg{color:#fc8181;flex-shrink:0}.error-close-btn{background:none;border:none;color:#fc8181;cursor:pointer;font-size:20px;line-height:1;margin-left:auto;opacity:.7;padding:0;transition:opacity .2s}.error-close-btn:hover{opacity:1}.refresh-overlay{align-items:center;background:#ffffffe6;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.refresh-indicator{align-items:center;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#495057;display:flex;font-weight:500;gap:12px;padding:16px 24px}.refresh-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#1a1d29;height:20px;width:20px}.employee-image-cell{min-width:70px;padding:8px;position:relative;text-align:center;vertical-align:middle;width:70px}.employee-image-cell>*{margin:0 auto}.employee-photo{border:2px solid #e9ecef;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:block;height:50px;margin:0 auto;max-height:50px;max-width:50px;min-height:50px;min-width:50px;object-fit:cover;object-position:center;transition:transform .2s ease,box-shadow .2s ease;width:50px}.employee-photo:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.1)}.employee-avatar{align-items:center;background-color:#28a745;border:2px solid #e9ecef;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;margin:0 auto;max-height:50px;max-width:50px;min-height:50px;min-width:50px;width:50px}.employee-table th:first-child{min-width:70px;text-align:center;width:70px}.dark-mode .employee-avatar,.dark-mode .employee-photo{border-color:#495057}.dark-mode .employee-avatar{background-color:#1e7e34;color:#f8f9fa}.employee-table .actions-cell,.employee-table .th-actions{text-align:center}.professional-profile-container{max-width:750px;overflow:visible}.profile-content-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr);max-width:100%;padding:15px}@media (max-width:900px){.profile-content-grid{gap:10px;grid-template-columns:1fr;padding:12px}}.profile-card{border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.profile-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.card-header{background:linear-gradient(135deg,#1a1d29,#2d3142);border-bottom:1px solid #ffffff1a;gap:8px;justify-content:flex-start;padding:12px 15px}.card-icon{align-items:center;background:#ffffff1a;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.card-icon svg{color:#fff;height:18px;width:18px}.card-header h3{color:#fff;font-size:1rem;font-weight:600;line-height:1.2;margin:0}.card-content{padding:12px 15px}.info-row{align-items:flex-start;border-bottom:1px solid #f8f9fa;display:flex;gap:10px;padding:8px 0}.info-row:last-child{border-bottom:none}.info-icon{align-items:center;background:#f8f9fa;border-radius:6px;color:#6c757d;display:flex;height:24px;justify-content:center;width:24px}.info-icon svg{color:#6c757d;height:14px;width:14px}.info-content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.info-label{color:#6c757d;font-size:.75rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.info-value{word-wrap:break-word;color:#495057;font-size:.9rem;font-weight:500;line-height:1.3;overflow-wrap:break-word}.info-badge{border:1px solid;border-radius:12px;font-size:.8rem}.dept-badge{background:#e3f2fd;border-color:#bbdefb;color:#1976d2}.subdept-badge{background:#f3e5f5;border-color:#e1bee7;color:#7b1fa2}.job-badge{background:#f0f0f0;border-color:#d0d0d0}.doc-link{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#1a1d29;display:inline-flex;font-weight:500;gap:5px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.doc-link:hover{background:#1a1d29;box-shadow:0 4px 12px #1a1d294d;color:#fff;transform:translateY(-1px)}.signature-image{background:#fff;border:1px solid #e9ecef;border-radius:6px;max-height:60px;max-width:150px;padding:8px}.qualification-list{display:flex;flex-direction:column;gap:8px;margin-top:4px}.qualification-item{background:#f8f9fa;border-left:3px solid #1a1d29;border-radius:6px;color:#495057;font-size:.9rem;padding:8px 12px}.previous-employment-item{border-bottom:1px solid #e9ecef;margin-bottom:12px;padding-bottom:12px}.previous-employment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.previous-emp-details{display:flex;flex-direction:column;gap:4px;margin-top:4px}.previous-emp-details span{color:#6c757d;font-size:.85rem;padding-left:8px;position:relative}.previous-emp-details span:before{color:#1a1d29;content:"•";left:0;position:absolute}.family-member-item{border-bottom:1px solid #e9ecef;margin-bottom:12px;padding-bottom:12px}.family-member-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.family-member-details{display:flex;flex-direction:column;gap:4px;margin-top:4px}.family-member-details span{color:#6c757d;font-size:.85rem;padding-left:8px;position:relative}.family-member-details span:before{color:#1a1d29;content:"•";left:0;position:absolute}.documents-section{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px}.documents-section:first-child{border-top:none;margin-top:0;padding-top:0}.documents-section-title{border-bottom:2px solid #e9ecef;color:#495057;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.dark-mode .professional-profile-container{background:#2c3e50}.dark-mode .profile-card{background:#34495e;color:#ecf0f1}.dark-mode .card-header{background:linear-gradient(135deg,#34495e,#2c3e50);border-bottom-color:#495057}.dark-mode .card-header h3{color:#ecf0f1}.dark-mode .card-icon{background:#495057;color:#ecf0f1}.dark-mode .card-icon svg{color:#ecf0f1}.dark-mode .info-row{border-bottom-color:#495057}.dark-mode .info-icon{background:#495057;color:#bdc3c7}.dark-mode .info-icon svg,.dark-mode .info-label{color:#bdc3c7}.dark-mode .info-value{color:#ecf0f1}.update-form-input{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;box-sizing:border-box;color:#1a1d29;font-family:inherit;font-size:.9rem;line-height:1.3;padding:6px 10px;transition:all .2s ease;width:100%}.update-form-input:hover{border-color:#adb5bd}.update-form-input:focus{border-color:#1a1d29;box-shadow:0 0 0 3px #1a1d291a;outline:none}.update-form-input.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.update-form-input:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.update-form-input::placeholder{color:#adb5bd}.update-array-field{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:12px;padding:12px}.update-array-label{color:#495057;display:block;font-size:.75rem;font-weight:600;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.update-array-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.update-array-item select{flex:1 1}.update-array-remove-btn{align-items:center;background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px 10px;transition:all .2s ease}.update-array-remove-btn svg{height:12px;width:12px}.update-array-remove-btn:hover{background-color:#c82333;transform:scale(1.05)}.update-array-add-btn{align-items:center;background-color:#1a1d29;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;margin-top:6px;padding:8px 12px;transition:all .2s ease}.update-array-add-btn svg{height:12px;width:12px}.update-array-add-btn:hover:not(:disabled){background-color:#2d3142;box-shadow:0 4px 8px #1a1d294d;transform:translateY(-2px)}.update-array-add-btn:disabled{background-color:#adb5bd;cursor:not-allowed;opacity:.6}.update-form-actions{background:#fff;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:15px;padding:15px}.update-cancel-btn{align-items:center;background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-width:100px;padding:8px 16px;transition:all .2s ease}.update-cancel-btn:hover:not(:disabled){background-color:#5a6268;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-2px)}.update-submit-btn{align-items:center;background-color:#1a1d29;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.update-submit-btn:hover:not(:disabled){background-color:#2d3142;box-shadow:0 4px 8px #1a1d294d;transform:translateY(-2px)}.update-cancel-btn:disabled,.update-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-text{color:#dc3545;display:block;font-size:12px}.success-modal{border-radius:12px;box-shadow:0 10px 40px #0000004d}.success-icon{animation:scaleIn .5s ease;background:linear-gradient(135deg,#28a745,#20c997);margin:0 auto 20px}.success-modal h3{color:#1a1d29}.success-modal p{line-height:1.5}.success-progress{margin-top:20px}.success-progress-bar{animation:progressFill 2s ease forwards;background:linear-gradient(90deg,#1a1d29,#2d3142)}@media (max-width:768px){.update-form-actions{flex-direction:column}.update-cancel-btn,.update-submit-btn{width:100%}.update-array-item{align-items:stretch;flex-direction:column}.update-array-remove-btn{width:100%}}.dark-mode .doc-link{background:#495057;border-color:#6c757d;color:#1a1d29}.dark-mode .doc-link:hover{background:#1a1d29;color:#fff}.dark-mode .signature-image{background:#495057;border-color:#6c757d}@media (max-width:768px){.profile-header{flex-direction:column;gap:20px;text-align:center}.profile-name{font-size:2rem}.profile-content-grid{gap:15px;grid-template-columns:1fr;padding:20px}.card-content,.card-header{padding:15px}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes shine{0%{left:-100%}to{left:100%}}@keyframes slideRight{0%{left:-100%}to{left:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.form-grid{grid-gap:20px;animation:fadeInUp .6s ease-out;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-field{display:flex;flex-direction:column;gap:8px;position:relative}.form-field.full-width{grid-column:1/-1}.form-field label{color:#2c3e50;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;position:relative;text-transform:uppercase}.form-field label:after{background:linear-gradient(135deg,#28a745,#20c997);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.form-field:focus-within label:after{width:30px}.form-field input,.form-field select,.form-field textarea{background:#fff;border:2px solid #e9ecef;border-radius:12px;font-family:inherit;font-size:.95rem;padding:14px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#28a745;box-shadow:0 0 0 4px #28a7451a;outline:none;transform:translateY(-2px)}.form-field input.error,.form-field select.error,.form-field textarea.error{animation:shake .5s ease-in-out;border-color:#ff6b6b;box-shadow:0 0 0 4px #ff6b6b1a}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-text{align-items:center;animation:fadeInUp .3s ease;color:#ff6b6b;display:flex;font-size:.8rem;font-weight:500;gap:6px;margin-top:4px}.error-text:before{content:"⚠";font-size:.9rem}.array-field{animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:16px;margin-top:20px;overflow:hidden;padding:20px;position:relative}.array-field:before{background:linear-gradient(135deg,#28a745,#20c997);content:"";height:4px;left:0;position:absolute;right:0;top:0}.array-field label{color:#2c3e50;display:block;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:15px;position:relative;text-transform:uppercase}.array-item{align-items:center;animation:fadeInUp .4s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:12px;margin-bottom:12px;padding:12px;transition:all .3s ease}.array-item:hover{box-shadow:0 4px 15px #00000014;transform:translateY(-2px)}.array-item select{background:#fff;border:1px solid #dee2e6;border-radius:8px;flex:1 1;font-size:.9rem;padding:10px 14px;transition:all .3s ease}.array-item select:focus{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.array-item button{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease}.array-item button:hover{box-shadow:0 4px 15px #ff6b6b4d;transform:translateY(-2px)}.array-field>button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-top:15px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .3s ease}.array-field>button:before{background:linear-gradient(90deg,#0000,#fff3 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.array-field>button:hover:before{left:100%}.array-field>button:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.document-upload-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px dashed #dee2e6;border-radius:16px;margin-top:25px;padding:25px;position:relative;transition:all .3s ease}.document-upload-section:hover{background:linear-gradient(135deg,#28a7450d,#fff);border-color:#28a745}.document-upload-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:700;gap:12px;margin:0 0 20px}.document-upload-section .form-grid{gap:15px}.document-upload-section .form-field input[type=file]{background:#f8f9fa;border:2px dashed #dee2e6;cursor:pointer;position:relative}.document-upload-section .form-field input[type=file]:hover{background:#28a7450d;border-color:#28a745}.document-upload-section .form-field small{color:#7f8c8d;font-size:.8rem;font-style:italic;margin-top:4px}@media (max-width:768px){.form-grid{gap:15px;grid-template-columns:1fr}.array-item{align-items:stretch;flex-direction:column;gap:8px}.array-item select{margin-bottom:8px}}.dark-mode .form-field input,.dark-mode .form-field select,.dark-mode .form-field textarea{background:#34495e;border-color:#495057;color:#ecf0f1}.dark-mode .form-field input:focus,.dark-mode .form-field select:focus,.dark-mode .form-field textarea:focus{border-color:#28a745;box-shadow:0 0 0 4px #28a74533}.dark-mode .array-field{background:linear-gradient(135deg,#34495e,#2c3e50);border-color:#495057}.dark-mode .array-item{background:#34495e;border-color:#495057}.dark-mode .array-item select{background:#2c3e50;border-color:#495057;color:#ecf0f1}.dark-mode .document-upload-section{background:linear-gradient(135deg,#34495e,#2c3e50);border-color:#495057}.dark-mode .document-upload-section:hover{background:linear-gradient(135deg,#28a7451a,#2c3e50);border-color:#28a745}.delete-confirmation-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;text-align:center;width:90%}.delete-confirmation-modal .delete-icon{align-items:center;background:linear-gradient(135deg,#fc8181,#dc3545);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.delete-confirmation-modal .delete-icon svg{color:#fff}.delete-confirmation-modal h3{color:#2d3748;font-size:24px;font-weight:700;margin:0 0 12px}.delete-confirmation-modal p{color:#718096;font-size:15px;line-height:1.6;margin:0 0 24px}.delete-confirmation-modal p strong{color:#2d3748;font-weight:600}.delete-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.delete-cancel-btn,.delete-confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.delete-cancel-btn{background:#f7fafc;border:1px solid #e2e8f0;color:#4a5568}.delete-cancel-btn:hover{background:#edf2f7;border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.delete-confirm-btn{background:linear-gradient(135deg,#fc8181,#dc3545);color:#fff}.delete-confirm-btn:hover{background:linear-gradient(135deg,#f56565,#c82333);box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.delete-modal{max-width:500px;width:90%}.delete-header{background:linear-gradient(135deg,#1a1d29,#2d3142);border-radius:12px 12px 0 0;color:#fff;gap:12px;padding:24px}.delete-header,.delete-icon{align-items:center;display:flex}.delete-icon{background:#ffffff1a;border-radius:50%;flex-shrink:0;height:48px;justify-content:center;width:48px}.delete-icon,.delete-icon svg{color:#dc3545}.delete-title{flex:1 1}.delete-title h2{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px}.delete-title p{color:#fffc;font-size:14px;margin:0;opacity:.8}.delete-header .modal-close{background:#ffffff1a;color:#fff}.delete-header .modal-close:hover{background:#fff3;color:#fff}.delete-body{padding:24px}.employee-info{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:20px}.employee-avatar{border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.employee-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:50%;color:#1a1d29;display:flex;font-size:24px;font-weight:700;height:60px;justify-content:center;width:60px}.employee-details h3{color:#2d3748;font-size:18px;font-weight:600;margin:0 0 4px}.employee-id{color:#718096;font-size:14px;font-weight:500;margin:0 0 4px}.employee-department{color:#4a5568;font-size:14px;margin:0}.warning-message{background:#fff5f5;border:1px solid #fed7d7;border-left:4px solid #dc3545;border-radius:8px;display:flex;gap:12px;padding:16px}.warning-icon{color:#dc3545;flex-shrink:0;height:24px;margin-top:2px;width:24px}.warning-text strong{color:#c53030;display:block;font-size:16px;margin-bottom:8px}.warning-text p{color:#4a5568;font-size:14px;margin:0 0 8px}.warning-text ul{color:#4a5568;font-size:14px;margin:0;padding-left:16px}.warning-text li{margin-bottom:4px}.delete-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-cancel,.btn-delete{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-cancel{background:#e9ecef;border:1px solid #dee2e6;color:#495057}.btn-cancel:hover{background:#dee2e6;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.btn-delete{background:#dc3545;border:1px solid #dc3545;color:#fff}.btn-delete:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.emp-dark-mode .delete-modal{background:#2d3748;color:#e2e8f0}.emp-dark-mode .delete-header{background:linear-gradient(135deg,#742a2a,#9c2a2a);color:#fed7d7}.emp-dark-mode .delete-body{background:#2d3748}.emp-dark-mode .employee-info{background:#4a5568}.emp-dark-mode .employee-details h3{color:#e2e8f0}.emp-dark-mode .employee-department,.emp-dark-mode .employee-id{color:#a0aec0}.emp-dark-mode .warning-message{background:#742a2a;border-color:#9c2a2a}.emp-dark-mode .warning-text strong{color:#fed7d7}.emp-dark-mode .warning-text li,.emp-dark-mode .warning-text p{color:#e2e8f0}.emp-dark-mode .delete-footer{background:#4a5568}.emp-dark-mode .btn-cancel{background:#718096;color:#e2e8f0}.emp-dark-mode .btn-cancel:hover{background:#a0aec0}@media (max-width:768px){.delete-modal{margin:20px;max-width:95%}.delete-header{flex-direction:column;gap:12px;padding:20px;text-align:center}.delete-body{padding:20px}.employee-info{flex-direction:column;gap:12px;text-align:center}.warning-message{flex-direction:column;gap:8px}.warning-icon{align-self:center}.delete-footer{flex-direction:column;gap:8px}.btn-cancel,.btn-delete{justify-content:center;width:100%}}@media (max-width:480px){.delete-modal{border-radius:8px;margin:10px;max-width:100%}.delete-header{border-radius:8px 8px 0 0;padding:16px}.delete-body{padding:16px}.delete-footer{border-radius:0 0 8px 8px;padding:16px}}.profile-main-content{background-color:#f4f7f9;flex-grow:1;min-height:100vh;padding:20px 30px;transition:margin-left .3s ease}@media (max-width:1024px){.profile-main-content{margin-left:0;padding:15px}}.profile-layout{align-items:stretch;box-sizing:border-box;display:flex;gap:24px;height:calc(100vh - 140px);margin:0;min-height:calc(100vh - 140px);padding:0;width:100%}.profile-sidebar{flex-shrink:0;width:380px}.profile-card,.profile-sidebar{display:flex;flex-direction:column;height:100%}.profile-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;box-sizing:border-box;padding:24px}.profile-card-header{display:flex;justify-content:flex-start;margin-bottom:16px;position:relative;width:100%}.profile-menu-wrapper{margin-right:auto;position:relative}.profile-menu-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.profile-menu-btn:hover{background:#e9ecef;color:#495057;transform:scale(1.05)}.profile-menu-btn:active{transform:scale(.95)}.profile-dropdown-menu{animation:dropdownSlideIn .2s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 8px 32px #00000026;left:0;margin-top:4px;min-width:180px;padding:8px;position:absolute;top:100%;z-index:1000}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.dropdown-menu-item:hover{background:#f8f9fa;color:#2c3e50;transform:translateX(4px)}.dropdown-menu-item.active{background:#2c3e50;color:#fff}.dropdown-menu-item.active:hover{background:#34495e}.menu-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.menu-label{flex:1 1}.profile-image-section{margin-bottom:20px;position:relative}.profile-image,.profile-image-placeholder{border:3px solid #f0f0f0;height:140px;width:140px}.profile-image-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:700}.edit-photo-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:50%;bottom:5px;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:calc(50% - 86px);transition:all .2s ease;width:28px}.edit-photo-btn:hover{background:#f5f5f5;transform:scale(1.1)}.profile-header-info{margin-bottom:24px;text-align:center}.employee-name{color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 8px}.employee-id{color:#7f8c8d;display:flex;font-size:13px;gap:8px;margin-bottom:4px}.copy-id-btn,.employee-id{align-items:center;justify-content:center}.copy-id-btn{background:none;border:none;border-radius:3px;cursor:pointer;display:inline-flex;font-size:12px;margin-left:6px;opacity:.7;padding:2px;transition:opacity .2s ease}.copy-id-btn:hover{background:#3498db1a;opacity:1}.copy-id-btn svg{color:#3498db}.employee-title{color:#3498db;font-size:14px;font-weight:500;margin:0}.basic-info-section{display:flex;flex:1 1;flex-direction:column;margin-left:16px}.basic-info-section h3{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px;padding-left:8px;text-align:left}.basic-info-list{display:flex;flex:1 1;flex-direction:column;gap:12px;padding-left:8px}.basic-info-item{align-items:flex-start;display:flex;gap:12px}.info-icon{flex-shrink:0;font-size:16px;margin-top:2px;text-align:center;width:20px}.info-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.info-details label{color:#7f8c8d;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-details span{color:#2c3e50;font-size:13px;font-weight:500}.status-active{color:#27ae60!important;font-weight:600!important}.status-inactive{color:#e74c3c!important;font-weight:600!important}.delete-btn.loading,.inactive-btn.loading{cursor:not-allowed;opacity:.7}.delete-btn:disabled,.inactive-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.modal-overlay{animation:fadeIn .3s ease-out;background:#00000080;z-index:10000}.delete-confirmation-modal,.delete-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:24px;width:95%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #e9ecef;margin-bottom:20px;padding-bottom:16px}.modal-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.modal-body{flex-direction:column;gap:16px;margin-bottom:24px;text-align:center}.modal-body,.warning-icon{align-items:center;display:flex}.warning-icon{background:#e74c3c1a;border-radius:50%;color:#e74c3c;height:64px;justify-content:center;margin-bottom:8px;width:64px}.modal-body p{color:#4a5568;font-size:15px;line-height:1.6;margin:0}.warning-text{color:#e53e3e!important;font-size:13.5px!important;font-weight:600!important;margin-top:4px}.modal-footer{display:flex;gap:12px;justify-content:center;margin-top:8px}.btn-cancel,.btn-delete,.cancel-btn,.confirm-delete-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 24px;transition:all .2s ease}.btn-cancel,.cancel-btn{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.btn-cancel:hover,.cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-delete,.confirm-delete-btn{background:#ef4444;color:#fff}.btn-delete:hover,.confirm-delete-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef444433;transform:translateY(-1px)}.cancel-btn{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.cancel-btn:hover{background:#e9ecef;color:#495057}.confirm-delete-btn{background:#e74c3c;color:#fff}.confirm-delete-btn:hover{background:#c0392b;transform:translateY(-1px)}.confirm-inactive-btn{background:#f39c12;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.confirm-inactive-btn:hover{background:#e67e22;transform:translateY(-1px)}.profile-actions{border-top:1px solid #eee;display:flex;flex-direction:column;flex-shrink:0;gap:12px;margin-top:auto;padding-top:24px}.profile-actions .back-btn,.profile-actions .delete-btn,.profile-actions .edit-btn,.profile-actions .inactive-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.profile-actions .back-btn{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.profile-actions .back-btn:hover{background:#e2e8f0;border-color:#94a3b8;color:#1e293b}.profile-actions .edit-btn{background:#2563eb;border-color:#1d4ed8;color:#fff}.profile-actions .edit-btn:hover{background:#1e40af;border-color:#1e3a8a}.profile-actions .inactive-btn{background:#d97706;border-color:#b45309;color:#fff}.profile-actions .inactive-btn:hover{background:#b45309;border-color:#92400e}.profile-actions .delete-btn{background:#ef4444;border-color:#dc2626;color:#fff}.profile-actions .delete-btn:hover{background:#b91c1c;border-color:#991b1b}.profile-content-area{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.tab-navigation{gap:0;overflow-x:auto;padding:6px}.section-navigation,.tab-navigation{border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.section-navigation{grid-gap:8px;background:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:12px}.section-nav-btn{align-items:center;color:#6c757d;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:6px;justify-content:center;min-height:70px;padding:12px 8px;transition:all .2s ease}.section-nav-btn:hover{background:#f8f9fa;color:#495057;transform:translateY(-1px)}.section-nav-btn.active{background:#2c3e50;box-shadow:0 2px 8px #2c3e504d;color:#fff;font-weight:600}.section-nav-btn .section-icon{align-items:center;display:flex;justify-content:center;margin-bottom:4px}.section-nav-btn .section-title{font-size:11px;line-height:1.2;text-align:center}.section-content-area{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}@media (max-width:768px){.section-navigation{gap:6px;grid-template-columns:repeat(3,1fr);padding:8px}.section-nav-btn{font-size:10px;min-height:60px;padding:8px 4px}.section-nav-btn .section-title{font-size:9px}}.content-tabs-navigation{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:0;margin-bottom:20px;overflow-x:auto;padding:6px}.content-tab-btn,.tab-btn{color:#6c757d;font-weight:500;min-width:120px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.content-tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:8px;justify-content:center}.content-tab-btn:hover,.tab-btn:hover{background:#f8f9fa;color:#495057}.content-tab-btn.active,.tab-btn.active{background:#2c3e50;color:#fff;font-weight:600}.content-tab-btn .tab-icon{align-items:center;display:flex}.content-tab-btn .tab-label{font-size:13px}.section-header h3{color:#2c3e50;flex:1 1;font-size:16px;font-weight:600;margin:0}.edit-section-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.edit-section-btn:hover{background:#e9ecef;transform:scale(1.05)}.info-item label{text-transform:uppercase}.info-item span{color:#2c3e50;font-size:14px;font-weight:500;padding:4px 0}.documents-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.document-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;flex-direction:column;gap:4px;padding:12px}.document-item label{color:#7f8c8d;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.document-uploaded{color:#27ae60!important;font-size:12px!important;font-weight:600!important}.document-missing{color:#e74c3c!important;font-size:12px!important;font-weight:500!important}.personal-details-cards.single-card{display:flex;justify-content:center}.personal-details-cards.single-card .personal-detail-card{max-width:400px;width:100%}.personal-details-cards.no-data-layout{display:flex;justify-content:center}.personal-details-cards.no-data-layout .personal-detail-card{max-width:500px;width:100%}.personal-detail-card .card-title,.personal-detail-card .info-item label{text-transform:uppercase}.personal-detail-card .info-item span{background:#f8f9fa80;border-left:3px solid #667eea;border-radius:6px;color:#2c3e50;font-size:14px;font-weight:600;line-height:1.4;margin-left:0;padding:8px 12px;word-break:break-word}.personal-detail-card .info-item span.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:700}@media (max-width:1200px){.personal-details-cards{gap:16px;grid-template-columns:1fr}.personal-details-cards.single-card{display:flex;justify-content:center}.personal-details-cards.single-card .personal-detail-card{max-width:600px;width:100%}.personal-details-cards.no-data-layout{display:flex;justify-content:center}.personal-details-cards.no-data-layout .personal-detail-card{max-width:600px;width:100%}.personal-detail-card{padding:20px}}.workout-content{display:flex;flex:1 1;flex-direction:column;gap:20px;height:100%}.workout-content .info-item span{line-height:1.6;white-space:pre-line}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.summary-card{background:#f8f9fa}.summary-card:hover{background:#e9ecef;box-shadow:0 4px 12px #0000001a}.summary-icon{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;font-size:24px;height:48px;width:48px}.summary-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.summary-info label{color:#7f8c8d;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-info span{color:#2c3e50;font-size:16px;font-weight:600}.payment-content{display:flex;flex:1 1;flex-direction:column;gap:24px;height:100%}.payment-history{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px}.payment-history h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px}.payment-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 0}.payment-item:last-child{border-bottom:none}.payment-date{color:#6c757d}.payment-amount,.payment-date{font-size:14px;font-weight:500}.payment-amount{color:#2c3e50}.payment-status{background:#d4edda;border-radius:4px;color:#155724;font-size:12px;font-weight:600;padding:4px 8px}.loading-text{height:60vh}.error-container .back-btn{background-color:#1a202c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin:0 auto;padding:10px 24px;transition:background-color .2s;width:-webkit-max-content;width:max-content}.error-container .back-btn:hover{background-color:#2d3748}@media (max-width:768px){.profile-main-content{padding:15px}.profile-layout{gap:16px}.profile-card,.profile-content{padding:20px}.tab-navigation{overflow-x:auto}.documents-grid,.info-grid{grid-template-columns:1fr}.employee-name{font-size:20px}}@media (max-width:480px){.profile-main-content{padding:12px}.profile-card,.profile-content{padding:16px}.tab-btn{font-size:12px;min-width:100px;padding:10px 12px}}.bio-section-content select,.personal-details-cards select,.profile-content select,select.form-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.file-upload-section{display:flex;flex-direction:column;gap:8px}.file-input{background:#f8f9fa;border:1px dashed #e1e5e9;border-radius:8px;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.file-input:hover{background:#f0f8ff;border-color:#007bff}.file-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.document-uploaded{color:#28a745;font-size:13px;font-weight:500}.document-missing{color:#6c757d;font-size:13px}.personal-detail-card .card-title{align-items:center;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:16px}.success-modal-overlay{animation:fadeIn .3s ease}.success-modal{padding:32px}.success-icon{animation:successPulse .6s ease;background:#28a745;height:64px;margin:0 auto 16px;width:64px}.success-modal h3{margin:0 0 8px}.success-progress-bar{animation:progressFill 2s ease-in-out;background:#28a745}@keyframes successPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.form-input{font-size:16px}.personal-detail-card .card-title{font-size:14px}.add-btn,.save-btn{font-size:13px;padding:10px 16px}}.form-input{border:1px solid #ddd;border-radius:4px;padding:8px 12px;transition:border-color .2s ease}.form-input:focus{box-shadow:0 0 0 2px #007bff40}.form-input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.success-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.success-message{animation:successSlideIn .3s ease-out;background:#28a745;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:18px;font-weight:700;padding:20px 30px}@keyframes successSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.loading-text{align-items:center;display:flex;font-size:18px;height:100vh;justify-content:center}.error-container{gap:20px;height:100vh}.error-container h3{color:#dc3545;margin:0}.error-container p{margin:0}.edit-btn.loading{cursor:not-allowed;opacity:.7}.edit-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";display:inline-block;height:16px;margin-left:8px;width:16px}.no-data{padding:20px}.no-data p{margin:8px 0}.update-mode-indicator{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:20px;box-shadow:0 2px 8px #007bff4d;color:#fff;display:flex;font-size:12px;font-weight:600;gap:8px;margin-top:10px;padding:8px 12px}.update-mode-indicator svg{height:14px;width:14px}.save-btn{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d;font-weight:600;transition:all .3s ease}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 6px 16px #28a74566;transform:translateY(-2px)}.save-btn:disabled{box-shadow:none}.save-btn.loading{cursor:wait}.save-btn.loading svg{animation:spin 1s linear infinite}.form-input{border:2px solid #e9ecef;color:#495057;padding:12px 16px}.form-input:required{border-left:4px solid #007bff}.form-input:invalid{border-color:#dc3545}.form-input:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.info-grid .info-item label{color:#495057;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.info-grid .info-item.full-width{grid-column:1/-1}.info-grid .info-item textarea.form-input{font-family:inherit;min-height:80px;resize:vertical}.info-grid .info-item select.form-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;cursor:pointer}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.error-message{font-size:16px;font-weight:500;margin-bottom:20px}.success-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.success-modal{animation:modalSlideIn .3s ease-out;box-shadow:0 20px 40px #0000004d}.success-icon{color:#28a745;margin-bottom:20px}.success-modal h3{color:#2c3e50;font-size:20px;font-weight:600;margin-bottom:10px}.success-modal p{color:#6c757d;font-size:14px;margin-bottom:20px}.success-progress{background:#e9ecef}.success-progress-bar{animation:progressBar 2s ease-in-out forwards;background:linear-gradient(90deg,#28a745,#20c997);width:0}@keyframes progressBar{0%{width:0}to{width:100%}}.emp-dark-mode .update-mode-indicator{background:linear-gradient(135deg,#0d6efd,#0b5ed7)}.emp-dark-mode .info-grid .info-item label{color:#cbd5e0}.emp-dark-mode .under-development{background:#2c3e50;border-color:#34495e;color:#cbd5e0}@media (max-width:768px){.update-mode-indicator{font-size:11px;padding:6px 10px}.save-btn{font-size:13px;padding:10px 16px}.form-input{font-size:13px;padding:10px 12px}.under-development{padding:40px 15px}.under-development p{font-size:14px}.success-modal{padding:30px 20px}}.info-item label:after{color:#dc3545;content:" *";font-weight:700}.info-item:not([data-required]) label:after{display:none}.form-input.is-valid{border-color:#28a745}.form-input.is-invalid{border-color:#dc3545}.form-input.is-valid:focus{box-shadow:0 0 0 3px #28a7451a}.form-input.is-invalid:focus{box-shadow:0 0 0 3px #dc35451a}.bio-section-content select,.info-item select,.personal-details-cards select,.profile-content-area select,.profile-layout select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")!important;background-position:right 8px center!important;background-repeat:no-repeat!important;background-size:16px!important;padding-right:32px!important}.bio-section-content select:focus,.info-item select:focus,.personal-details-cards select:focus,.profile-content-area select:focus,.profile-layout select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23007bff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")!important}.add-btn,.remove-btn{transition:background-color .2s}.remove-btn{border-radius:4px;font-size:12px;padding:4px 8px}.list-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;margin-top:10px;padding:10px}.list-item span{color:#495057;flex:1 1;font-size:14px}.documents-container{display:flex;flex-direction:column;gap:32px}.document-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:24px}.section-title{border-bottom:2px solid #e9ecef;font-size:16px;font-weight:600;gap:12px;margin-bottom:20px;padding-bottom:12px}.section-title svg{color:#667eea}.document-grid{display:flex;flex-direction:column;gap:16px}.document-group{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:all .2s ease}.document-group:hover{border-color:#dee2e6;box-shadow:0 4px 12px #0000001a}.document-group-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:16px;padding:16px}.document-group-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.document-group-info h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.document-count{color:#6c757d;font-size:12px;font-weight:500}.document-description{color:#6c757d;font-size:13px;line-height:1.4;margin:8px 0 0}.document-list{display:flex;flex-direction:column}.document-card{background:#fff;border-bottom:1px solid #f1f3f4;transition:all .2s ease}.document-card:last-child{border-bottom:none}.document-card:hover{background:#f8f9fa}.document-card.no-document{background:#fff5f5;border-color:#fed7d7}.document-card.no-document:hover{background:#fef5f5}.document-card-header{align-items:center;display:flex;gap:16px;padding:16px}.document-icon{align-items:center;background:#e9ecef;border-radius:6px;color:#6c757d;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.document-icon.missing{background:#fed7d7;color:#e53e3e}.document-info{flex:1 1;min-width:0}.document-name{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:2px}.document-type{color:#6c757d;font-size:12px;font-weight:500}.document-status{flex-shrink:0}.status-badge{font-size:11px;padding:6px 12px}.status-badge.uploaded{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.missing{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.document-actions{background:#f8f9fa;border-top:1px solid #f1f3f4;display:flex;gap:8px;justify-content:flex-start;padding:12px 16px}.document-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;flex:none;font-size:13px;font-weight:500;gap:8px;min-width:auto;padding:10px 14px;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:auto}.document-action-btn:hover{text-decoration:none;transform:translateY(-1px)}.view-btn{background:#007bff;color:#fff}.view-btn:hover{background:#0056b3;color:#fff}.download-btn{background:#28a745;color:#fff}.download-btn:hover{background:#218838;color:#fff}.upload-btn{background:#6c757d;cursor:not-allowed;opacity:.6}.upload-btn:hover{background:#6c757d;transform:none}.document-action-btn svg{flex-shrink:0;height:14px;width:14px}@media (max-width:768px){.document-section{padding:16px}.document-card-header{gap:12px;padding:12px}.document-icon{height:32px;width:32px}.document-group-icon{height:36px;width:36px}.document-actions{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:flex-start;padding:16px}.document-action-btn{flex:none;font-size:13px;padding:10px 14px;width:auto}.section-title{font-size:15px}.document-name{font-size:13px}.document-type{font-size:11px}}@media (max-width:480px){.document-card-header{align-items:flex-start;flex-direction:column;gap:12px}.document-status{align-self:flex-end}}.document-card:hover .document-icon{background:#dee2e6;color:#495057}.document-card.no-document:hover .document-icon.missing{background:#f5c6cb;color:#721c24}.document-action-btn:focus{outline:2px solid #007bff;outline-offset:2px}.document-action-btn:focus-visible{outline:2px solid #007bff;outline-offset:2px}.document-action-btn.loading{cursor:wait;opacity:.7}.document-action-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";display:inline-block;height:12px;margin-left:6px;width:12px}.document-icon[data-type=image]{background:#e3f2fd;color:#1976d2}.document-icon[data-type=pdf]{background:#ffebee;color:#d32f2f}.document-icon[data-type=document]{background:#f3e5f5;color:#7b1fa2}.document-icon[data-type=spreadsheet]{background:#e8f5e8;color:#388e3c}.leave-stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:992px){.leave-stats-container{grid-template-columns:1fr}}.leave-stat-card{background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:20px;transition:all .3s ease}.leave-stat-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-4px)}.leave-stat-card.monthly{border-left:5px solid #3182ce}.leave-stat-card.yearly{border-left:5px solid #38a169}.card-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-title-row h4{color:#2d3748;font-size:16px;font-weight:700;margin:0}.period-badge{border-radius:20px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.monthly .period-badge{background:#ebf8ff;color:#2b6cb0}.yearly .period-badge{background:#f0fff4;color:#2f855a}.stats-grid{display:flex;flex-direction:column;gap:12px}.stats-grid.three-col{grid-gap:8px 12px;align-items:center;display:grid;gap:8px 12px;grid-template-columns:2fr 1fr 1fr}.stat-row{display:contents}.stat-row.header{border-bottom:1px solid #edf2f7;color:#a0aec0;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:4px;padding-bottom:8px;text-transform:uppercase}.stat-row.header span{display:block}.col-1{text-align:left}.col-2{text-align:center}.col-3{display:flex;justify-content:flex-end;text-align:right}.stat-label{color:#4a5568;display:flex;flex-direction:column;font-size:13px}.total-val,.used-val{color:#2d3748;font-size:14px;font-weight:700}.used-val{color:#e53e3e;font-size:13px}.rest-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;padding:2px 8px}.rest-badge.positive{background:#c6f6d5;color:#22543d}.rest-badge.negative{background:#fed7d7;color:#822727}.text-muted{color:#cbd5e0;font-size:12px}.stat-divider{background:#edf2f7;height:1px;margin:4px 0}.grid-span-3{grid-column:1/-1}.hours-info{color:#a0aec0;font-size:10px;font-weight:500;margin-top:2px}.photo-edit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.photo-edit-modal{animation:modalSlideIn .3s ease;box-shadow:0 20px 60px #0000004d;padding:30px;text-align:center}.photo-crop-container{background-color:#f0f0f0;border-radius:8px;cursor:grab;height:300px;overflow:hidden;position:relative;width:100%}.photo-crop-container:active{cursor:grabbing}.crop-preview-image{height:auto;max-width:none;position:absolute;transform-origin:center;width:100%}.crop-center-guide{border:2px dashed #fff;border-radius:50%;box-shadow:0 0 0 9999px #0006;height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.photo-edit-controls{margin-top:20px}.zoom-control{align-items:center;display:flex;gap:10px;margin-bottom:20px}.zoom-slider{cursor:pointer;flex:1 1}.button-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.tab-content{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;box-sizing:border-box;flex-direction:column;overflow:hidden;padding:24px}.profile-content,.tab-content{display:flex;flex:1 1;height:100%}.profile-content{flex-direction:column;min-height:0;overflow-y:auto}.bio-section-navigation{background:#0000;border:none;border-radius:0;box-sizing:border-box;flex-shrink:0;flex-wrap:nowrap;gap:6px;margin:0 0 24px;padding:0;width:100%}.bio-section-btn,.bio-section-navigation{display:flex;justify-content:center;overflow:hidden}.bio-section-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;cursor:pointer;flex:1 1;font-size:11px;font-weight:500;height:36px;min-width:0;padding:8px 4px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.bio-section-btn:hover{background:#e9ecef;border-color:#dee2e6;transform:translateY(-1px)}.bio-section-btn.active{background:#2c3e50;border-color:#2c3e50;color:#fff;font-weight:600}.bio-section-btn .section-label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.bio-section-content{border:none;border-radius:0;overflow-y:auto}.bio-section-content,.bio-section-content .profile-content{background:#0000;box-shadow:none;display:flex;flex:1 1;flex-direction:column;padding:0}.bio-section-content .profile-content{border-radius:0}@media (max-width:1200px){.bio-section-navigation{gap:4px;padding:10px}.bio-section-btn{font-size:10px;height:32px;padding:6px 3px}}@media (max-width:768px){.bio-section-navigation{gap:3px;justify-content:flex-start;overflow-x:auto;padding:8px}.bio-section-btn{flex:0 0 auto;font-size:9px;height:30px;min-width:70px;padding:6px 2px}}.update-form{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;padding:0}.form-section h2{align-items:center;border-bottom:none;color:#2c3e50;display:flex;font-size:16px;font-weight:600;gap:12px;margin-bottom:20px;padding-bottom:0}.section-header{border-bottom:none!important;gap:12px}.section-icon{background:#f8f9fa;border-radius:6px;font-size:18px;padding:4px;text-align:center;width:24px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#7f8c8d;font-size:11px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:capitalize}.form-input{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-input:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-input:hover{border-color:#c6d0dc}.form-input::placeholder{color:#9ca3af;font-size:14px}textarea.form-input{font-family:inherit;min-height:60px;resize:vertical}select.form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:32px}select.form-input:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23007bff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")}.add-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .2s ease}.add-btn:hover{background:#0056b3;transform:translateY(-1px)}.add-btn:active{transform:translateY(0)}.remove-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;margin-left:auto;transition:all .2s ease;width:24px}.remove-btn:hover{background:#c82333;transform:scale(1.1)}.remove-btn:active{transform:scale(.95)}.save-btn{align-items:center;background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease;width:100%}.save-btn:hover{background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-1px)}.save-btn:active{transform:translateY(0)}.save-btn.loading,.save-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.form-input.error{background:#fff5f5;border-color:#dc3545}.form-input.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.error-message{color:#dc3545;display:block;font-size:12px;margin-top:4px}.info-section{display:flex;flex:1 1;flex-direction:column;margin-bottom:32px;padding-bottom:24px}.info-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.subsection-title{color:#495057;font-size:14px;font-weight:600;margin:20px 0 12px;padding-bottom:8px}.assignment-item,.employment-item,.family-member-item,.qualification-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.assignment-item h5,.employment-item h4,.family-member-item h4,.qualification-item h4{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 12px}.no-data{background:#f8f9fa;border-radius:8px;color:#6c757d;margin:16px 0;padding:24px}.no-data p{font-size:14px;margin:0}.personal-details-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:20px}.personal-detail-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 16px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.personal-detail-card:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px 12px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.personal-detail-card:hover{border-color:#c3cad4;box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.personal-detail-card .card-title{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:15px;font-weight:700;letter-spacing:.8px;margin-bottom:20px;padding-bottom:12px;position:relative;text-align:center;text-transform:capitalize}.personal-detail-card .card-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.personal-detail-card .card-content{display:flex;flex-direction:column;gap:16px}.personal-detail-card .info-item{border-bottom:1px solid #f1f3f4;display:flex;flex-direction:column;gap:6px;padding:12px 0;transition:all .2s ease}.personal-detail-card .info-item:last-child{border-bottom:none}.personal-detail-card .info-item:hover{background:#667eea05;border-radius:6px;margin:0 -8px;padding:12px 8px}.personal-detail-card .info-item label{align-items:center;color:#6c757d;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:1px;margin-bottom:4px;text-transform:capitalize}.personal-detail-card[data-card=identity] .card-title{color:#3498db}.personal-detail-card[data-card=identity]:before{background:linear-gradient(90deg,#3498db,#2980b9)}.personal-detail-card[data-card=personal] .card-title{color:#e74c3c}.personal-detail-card[data-card=personal]:before{background:linear-gradient(90deg,#e74c3c,#c0392b)}.personal-detail-card[data-card=background] .card-title{color:#27ae60}.personal-detail-card[data-card=background]:before{background:linear-gradient(90deg,#27ae60,#229954)}@media (max-width:1200px){.personal-details-cards{gap:16px;grid-template-columns:1fr}.personal-detail-card{padding:20px}}@media (max-width:768px){.personal-detail-card{margin:0 4px;padding:18px}.personal-detail-card .card-title{font-size:14px;margin-bottom:16px}.personal-detail-card .info-item{gap:4px;padding:10px 0}}.personal-detail-card.loading{animation:cardPulse 1.5s ease-in-out infinite}@keyframes cardPulse{0%,to{opacity:1}50%{opacity:.8}}.form-input:focus-visible{outline:2px solid #007bff;outline-offset:2px}.add-btn:focus-visible,.remove-btn:focus-visible,.save-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.form-input.loading{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-input.changed{background:#fffbf0;border-color:#ffc107}.form-input.changed:focus{border-color:#ffc107;box-shadow:0 0 0 3px #ffc1071a}.under-development{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;color:#6c757d;display:flex;flex-direction:column;justify-content:center;margin:20px 0;padding:60px 20px;text-align:center}.under-development svg{margin-bottom:20px;opacity:.5}.under-development p{font-size:16px;font-weight:500;margin:0}.error-container{align-items:center;background:#fff;border:1px dashed #dee2e6;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;min-height:200px;padding:40px 20px;text-align:center;width:100%}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;height:40px;margin-bottom:20px;width:40px}.error-container svg{color:#dee2e6;margin-bottom:20px}.error-container h3{color:#2c3e50;font-size:22px;font-weight:600;margin:0 0 10px}.error-container p{color:#6c757d;font-size:16px;line-height:1.6;margin:0 0 24px;max-width:400px}.back-btn{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:background-color .2s ease}.back-btn:hover{background:#5a6268}.success-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.success-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:40px;text-align:center;width:90%}.success-icon{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.success-modal h3{color:#2d3748;font-size:24px;font-weight:700;margin:0 0 12px}.success-modal p{color:#718096;font-size:15px;line-height:1.6;margin:0 0 24px}.success-progress{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden;width:100%}.success-progress-bar{animation:progressFill 2.5s ease;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:2px;height:100%}@keyframes progressFill{0%{width:0}to{width:100%}}@media (max-width:1200px){.profile-layout{flex-direction:column}.profile-sidebar{position:static;width:100%}.profile-card{position:static}}@media (max-width:768px){.profile-main-content{padding:15px}.profile-layout{gap:16px}.profile-card,.profile-content{padding:20px}.tab-navigation{overflow-x:auto}.info-grid{grid-template-columns:1fr}.form-input{font-size:16px}.add-btn,.save-btn{font-size:13px;padding:10px 16px}}@media (max-width:480px){.profile-main-content{padding:12px}.profile-card,.profile-content,.tab-content{padding:16px}}.emp-dark-mode .tab-content{background:#2c3e50}.emp-dark-mode .bio-section-btn{background:#34495e;border-color:#4a5568;color:#e2e8f0}.emp-dark-mode .bio-section-btn:hover{background:#4a5568}.emp-dark-mode .bio-section-btn.active{background:#2c3e50;color:#fff}.emp-dark-mode .form-input{background:#2c3e50;border-color:#34495e;color:#e2e8f0}.emp-dark-mode .form-input:focus{background:#34495e;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd33}.emp-dark-mode .info-item label{color:#cbd5e0}.emp-dark-mode .section-header h3{color:#e2e8f0}.emp-dark-mode .personal-detail-card{background:linear-gradient(135deg,#2c3e50,#34495e);border-color:#4a5568}.emp-dark-mode .personal-detail-card .card-title{border-color:#4a5568;color:#e2e8f0}.emp-dark-mode .personal-detail-card .info-item{border-color:#4a5568}.emp-dark-mode .personal-detail-card .info-item:hover{background:#667eea1a}.emp-dark-mode .personal-detail-card .info-item label{color:#cbd5e0}.emp-dark-mode .assignment-item,.emp-dark-mode .employment-item,.emp-dark-mode .family-member-item,.emp-dark-mode .qualification-item{background:#34495e;border-color:#4a5568}.emp-dark-mode .assignment-item h5,.emp-dark-mode .employment-item h4,.emp-dark-mode .family-member-item h4,.emp-dark-mode .qualification-item h4{color:#e2e8f0}.emp-dark-mode .no-data{background:#2c3e50;border-color:#34495e;color:#cbd5e0}.emp-dark-mode .save-btn{background:linear-gradient(135deg,#198754,#157347)}.emp-dark-mode .save-btn:hover:not(:disabled){background:linear-gradient(135deg,#146c43,#0f5132)}.emp-dark-mode .success-modal{background:#2c3e50}.emp-dark-mode .success-modal h3{color:#e2e8f0}.emp-dark-mode .success-modal p{color:#cbd5e0}.profile-image-wrapper{display:inline-block;height:120px;margin:0 auto;position:relative;width:120px}.profile-image-wrapper .profile-image{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.image-edit-badge{align-items:center;background:#2c3e50;border:2px solid #fff;border-radius:50%;bottom:0;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:0;transition:all .2s ease;width:32px;z-index:5}.image-edit-badge:hover{background:#34495e;transform:scale(1.1)}.photo-edit-modal{background:#fff;border-radius:12px;max-width:500px;padding:30px!important;width:90%}.photo-crop-container{background:#fdfdfd;border:1px solid #ddd}.profile-image-section{align-items:center;display:flex;justify-content:center;padding:10px 0}.profile-image{border:3px solid #f8f9fa;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:120px;object-fit:cover;width:120px}.profile-image-placeholder{align-items:center;background:#2c3e50;border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:600;height:120px;justify-content:center;width:120px}.no-hover:hover{box-shadow:none!important;transform:none!important}.add-btn.no-hover:hover{background:#007bff!important}.remove-btn.no-hover:hover{background:#dc3545!important}.employee-filter-container{box-sizing:border-box;margin-bottom:30px;margin-top:0;width:100%}.employee-search-row{-webkit-overflow-scrolling:touch;align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;display:flex;flex-direction:row;gap:12px;overflow-x:auto;padding:20px;scrollbar-color:#e9ecef #0000;scrollbar-width:thin;width:100%}.employee-search-row::-webkit-scrollbar{height:6px}.employee-search-row::-webkit-scrollbar-track{background:#0000}.employee-search-row::-webkit-scrollbar-thumb{background:#e9ecef;border-radius:3px}.employee-search-row::-webkit-scrollbar-thumb:hover{background:#dee2e6}.employee-search-item{align-items:center;display:flex}.employee-search-input-wrapper{flex:1 1 auto;flex-shrink:1;max-width:400px;min-width:250px;position:relative}.employee-search-icon{color:#6c757d;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.employee-search-field{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 14px 10px 40px;transition:all .3s ease;width:100%}.employee-search-field:focus{border-color:#1a1d29;box-shadow:0 0 0 3px #1a1d291a;outline:none}.employee-filter-dropdown{flex-shrink:0;max-width:220px;min-width:180px}.employee-filter-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236c757d' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 36px 10px 14px;transition:all .3s ease;width:100%}.employee-filter-select:focus{border-color:#1a1d29;box-shadow:0 0 0 3px #1a1d291a;outline:none}.workouts-employee-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:0;padding:0}.employee-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.employee-card:hover{border-color:#1a1d29;box-shadow:0 8px 24px #1a1d2926;transform:translateY(-4px)}.employee-card:before{background:linear-gradient(90deg,#1a1d29,#2d3142);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.employee-card:hover:before{opacity:1}.employee-card-header{align-items:center;background:linear-gradient(135deg,#1a1d29,#2d3142);color:#fff;display:flex;gap:16px;padding:20px}.employee-card-photo{flex-shrink:0;position:relative}.employee-card-img{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #0003;height:70px;object-fit:cover;width:70px}.employee-card-avatar{align-items:center;background:#fff!important;border:3px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#1a1d29!important;display:flex;font-size:28px;font-weight:700;height:70px;justify-content:center;width:70px}.employee-card-info{flex:1 1;min-width:0}.employee-card-name{color:#fff;font-size:18px;font-weight:700;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-card-id{color:#fffc;font-size:13px;font-weight:500;margin:0 0 4px}.employee-card-body{display:flex;flex:1 1;flex-direction:column;gap:14px;padding:20px}.employee-card-detail{display:flex;flex-direction:column;gap:4px}.detail-label{align-items:center;color:#6c757d;display:flex;font-size:11px;gap:6px;letter-spacing:.5px;text-transform:uppercase}.detail-label svg{color:#1a1d29;flex-shrink:0;opacity:.6}.detail-value{color:#212529;font-size:14px;font-weight:500;line-height:1.5;margin-top:2px;word-break:break-word}.badge-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.info-badge{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.dept-badge{background:linear-gradient(135deg,#1a1d291a,#1a1d290d);border-color:#1a1d2933;color:#1a1d29}.job-badge{background:linear-gradient(135deg,#1a1d2926,#1a1d2914);border-color:#1a1d294d;color:#1a1d29;font-weight:600}.no-employees-message{color:#6c757d;padding:60px 20px}.no-employees-message .no-data-icon{color:#dee2e6;margin-bottom:20px}.no-employees-message h3{color:#495057;font-size:20px;margin:0 0 8px}.no-employees-message p{font-size:14px}.error-banner{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;display:flex;gap:12px;margin:0 20px 20px;padding:15px 20px}.error-icon{flex-shrink:0;height:20px;width:20px}.error-content h4{font-size:14px;font-weight:600;margin:0 0 4px}.error-content p{font-size:13px;margin:0}.retry-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s}.retry-button:hover{background:#c82333}.profile-modal-content{background:#0000;box-shadow:none;max-height:95vh;max-width:1200px;overflow:hidden;position:relative;width:95%}.professional-profile-container{background:#f8f9fa;border-radius:12px;box-shadow:0 10px 40px #0000004d;margin:0 auto;max-width:100%;overflow:hidden;padding:0}.profile-header{align-items:center;background:linear-gradient(135deg,#1a1d29,#2d3142);color:#fff;display:flex;gap:30px;padding:30px;position:relative}.profile-photo-section{flex-shrink:0}.profile-photo-large{object-fit:cover}.profile-avatar-large,.profile-photo-large{border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px #0000004d;height:120px;width:120px}.profile-avatar-large{align-items:center;background:#fff;color:#1a1d29;display:flex;font-size:48px;font-weight:700;justify-content:center}.profile-basic-info{flex:1 1}.profile-name{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.profile-id{color:#ffffffe6;font-size:1.1rem;font-weight:500;margin:0 0 15px;opacity:.9}.profile-badges{display:flex;flex-wrap:wrap;gap:8px}.department-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:6px 12px}.profile-content-grid{grid-gap:20px;background:#f8f9fa;display:grid;gap:20px;grid-template-columns:1fr;padding:30px}.employee-info-header{align-items:center;display:flex;flex:1 1;gap:12px}.employee-avatar-small{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.employee-avatar-small img{height:100%;object-fit:cover;width:100%}.avatar-placeholder-small{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.employee-details-header h2{font-size:18px;font-weight:600;margin:0 0 4px}.employee-details-header p{font-size:13px;margin:0 0 6px;opacity:.9}.employee-departments{display:flex;flex-wrap:wrap;gap:4px}.department-tag{background:#fff3;border-radius:8px;font-size:11px;font-weight:500;padding:2px 6px}.tab-navigation{background:#fff;border-bottom:2px solid #e9ecef;display:flex;margin:0;padding:0}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;position:relative;transition:all .3s ease}.tab-button:hover{background:#f8f9fa;color:#1a1d29}.tab-button.active{background:#fff;border-bottom-color:#1a1d29;color:#1a1d29}.modal-overlay{background-color:#0009;z-index:1000}.profile-modal-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#1a1d29;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:1001}.profile-modal-close:hover{background:#1a1d29;color:#fff;transform:scale(1.1)}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-state .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#28a745;height:32px;margin-bottom:12px;width:32px}.error-state .error-icon{color:#dc3545;margin-bottom:12px}.error-state h3{color:#495057;font-size:18px;margin:0 0 6px}.error-state p{color:#6c757d;font-size:14px;margin:0 0 12px}.work-history-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.history-timeline{padding-left:24px;position:relative}.history-timeline:before{background:#dee2e6;bottom:0;content:"";left:12px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:20px;position:relative}.timeline-marker{align-items:center;border-radius:50%;display:flex;height:12px;justify-content:center;left:-18px;position:absolute;top:8px;width:12px}.timeline-dot{background:#fff;border-radius:50%;height:6px;width:6px}.timeline-content{margin-left:12px}.work-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:16px;transition:all .2s ease}.work-card:hover{border-color:#28a745;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.work-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.work-type{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;text-transform:uppercase}.work-date{color:#6c757d;font-size:12px;font-weight:500}.work-details h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 6px}.worker-name{margin:0 0 8px}.work-metrics{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.metric{color:#495057;font-size:13px}.metric strong{color:#28a745}.additional-info{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.confirmed-badge{border-radius:4px;font-size:11px;font-weight:500;padding:2px 6px}.no-data-state,.no-summary-data{color:#6c757d;padding:40px 20px;text-align:center}.no-data-state .no-data-icon,.no-summary-data .no-data-icon{color:#dee2e6;margin-bottom:16px}.no-data-state h3,.no-summary-data h3{color:#495057;font-size:18px;font-weight:600;margin:0 0 6px}.no-data-state p,.no-summary-data p{font-size:14px;line-height:1.5;margin:0}.work-summary-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:24px}.summary-header{margin-bottom:24px;text-align:center}.summary-header h3{color:#495057;font-size:20px;font-weight:600;margin:0 0 6px}.summary-header p{color:#6c757d;font-size:14px;margin:0}.summary-sub-navigation{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:8px;justify-content:center;margin-bottom:24px;padding:8px}.date-search-controls{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.date-range-inputs{align-items:end;display:flex;flex-wrap:wrap;gap:12px}.date-input-group{display:flex;flex-direction:column;gap:4px;min-width:140px}.date-input-group label{color:#495057;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-input{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;font-size:14px;padding:8px 12px;transition:all .2s ease}.date-input:focus{border-color:#28a745;box-shadow:0 0 0 2px #28a74533;outline:none}.clear-dates-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;height:-webkit-fit-content;height:fit-content;padding:8px 12px;transition:all .2s ease}.clear-dates-btn:hover{background:#c82333;transform:translateY(-1px)}.clear-dates-btn svg{height:14px;width:14px}.summary-tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.summary-tab-button:hover{background:#e9ecef;color:#495057}.summary-tab-button.active{background:#28a745;box-shadow:0 2px 8px #28a7454d;color:#fff}.summary-tab-button svg{height:16px;width:16px}.summary-period-info{background:linear-gradient(135deg,#28a745,#20c997);border-radius:8px;color:#fff;margin-bottom:20px;padding:12px 20px;text-align:center}.period-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;width:100%}.summary-period-info h4{font-size:16px;font-weight:600;margin:0}.more-analytics-btn{align-items:center;background:#28a745!important;border:2px solid #28a745!important;border-radius:6px;color:#fff!important;cursor:pointer;display:flex!important;flex-shrink:0;font-size:12px;font-weight:600;gap:4px;height:-webkit-fit-content;height:fit-content;min-width:-webkit-fit-content;min-width:fit-content;opacity:1!important;padding:8px 12px;transition:all .2s ease;visibility:visible!important}.more-analytics-btn:hover{background:#218838!important;border-color:#218838!important;transform:translateY(-1px)}.more-analytics-btn svg{height:14px;width:14px}.analytics-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:95%}.analytics-header{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;display:flex;justify-content:space-between;padding:20px}.analytics-title h2{font-size:20px;font-weight:600;margin:0 0 4px}.analytics-title p{font-size:14px;margin:0;opacity:.9}.analytics-body{flex:1 1;overflow-y:auto;padding:24px}.charts-container{display:flex;flex-direction:column;gap:24px}.chart-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.chart-container{align-items:center;display:flex;flex-direction:column;gap:16px}.line-chart{background:#fff;border:1px solid #e9ecef;border-radius:8px}.chart-legend{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.legend-item{align-items:center;display:flex;font-size:12px;font-weight:600;gap:6px}.legend-color{border-radius:50%;height:12px;width:12px}.chart-summary{background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:12px}.summary-stat{color:#495057;font-size:12px}.summary-stat strong{color:#28a745}.comparison-summary{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px}.comparison-summary h3{color:#495057;font-size:18px;font-weight:600;margin:0 0 16px;text-align:center}.comparison-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.comparison-item{border-radius:8px;padding:16px;text-align:center}.comparison-item.current{background:#d4edda;border:1px solid #c3e6cb}.comparison-item.previous{background:#f8f9fa;border:1px solid #e9ecef}.comparison-item h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 8px}.comparison-stats{display:flex;flex-direction:column;gap:4px}.comparison-stats span{color:#6c757d;font-size:12px;font-weight:500}.summary-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.summary-card{border:1px solid #dee2e6;border-radius:8px;gap:12px;padding:16px;transition:all .2s ease}.summary-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.summary-card.total{background:#f8fff9;border-color:#28a745}.summary-card.cts{background:#fffbf0;border-color:#ffc107}.summary-card.pcs{background:#f0fdff;border-color:#17a2b8}.summary-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.summary-card.total .summary-icon{background:#28a745;color:#fff}.summary-card.cts .summary-icon{background:#ffc107;color:#fff}.summary-card.pcs .summary-icon{background:#17a2b8;color:#fff}.summary-info h4{color:#6c757d;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 2px;text-transform:uppercase}.summary-number{color:#495057;font-size:20px;font-weight:700;margin:0}.task-breakdown{background:#f8f9fa;border-radius:8px;padding:16px}.task-breakdown h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 12px}.breakdown-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.breakdown-item{align-items:center;background:#fff;border-radius:6px;display:flex;gap:8px;padding:8px}.breakdown-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.breakdown-label{color:#6c757d;flex:1 1;font-size:12px}.breakdown-count{color:#495057;font-size:14px;font-weight:600}.emp-dark-mode .employee-card{background:#495057;border-color:#6c757d}.emp-dark-mode .employee-card:hover{border-color:#1a1d29}.emp-dark-mode .employee-card-header{background:linear-gradient(135deg,#1a1d29,#2d3142)}.emp-dark-mode .employee-card-body{background:#495057}.emp-dark-mode .detail-label{color:#adb5bd}.emp-dark-mode .detail-value{color:#f8f9fa}.emp-dark-mode .info-badge{background:#6c757d;border-color:#adb5bd;color:#f8f9fa}.emp-dark-mode .work-history-modal{background:#495057;color:#f8f9fa}.emp-dark-mode .work-history-header{background:linear-gradient(135deg,#1e7e34,#17a2b8)}.emp-dark-mode .tab-navigation{background:#6c757d;border-bottom-color:#adb5bd}.emp-dark-mode .tab-button{color:#adb5bd}.emp-dark-mode .tab-button:hover{background:#adb5bd;color:#f8f9fa}.emp-dark-mode .tab-button.active{background:#495057;color:#28a745}.emp-dark-mode .summary-sub-navigation{background:#6c757d;border-color:#adb5bd}.emp-dark-mode .summary-tab-button{color:#adb5bd}.emp-dark-mode .summary-tab-button:hover{background:#adb5bd;color:#f8f9fa}.emp-dark-mode .summary-tab-button.active{background:#28a745;color:#fff}.emp-dark-mode .summary-period-info{background:linear-gradient(135deg,#1e7e34,#17a2b8)}.emp-dark-mode .work-card{background:#6c757d;border-color:#adb5bd}.emp-dark-mode .work-card:hover{border-color:#28a745}.emp-dark-mode .work-details h4{color:#f8f9fa}.emp-dark-mode .metric strong{color:#28a745}.emp-dark-mode .summary-card{background:#6c757d;border-color:#adb5bd}.emp-dark-mode .summary-card.total{background:#495057;border-color:#28a745}.emp-dark-mode .task-breakdown{background:#6c757d}.emp-dark-mode .breakdown-item{background:#adb5bd}.emp-dark-mode .date-search-controls{background:#6c757d;border-color:#adb5bd}.emp-dark-mode .date-input-group label{color:#f8f9fa}.emp-dark-mode .date-input{background:#495057;border-color:#adb5bd;color:#f8f9fa}.emp-dark-mode .date-input:focus{border-color:#28a745;box-shadow:0 0 0 2px #28a7454d}.emp-dark-mode .more-analytics-btn{background:#1e7e34}.emp-dark-mode .more-analytics-btn:hover{background:#155724}.emp-dark-mode .analytics-modal{background:#495057;color:#f8f9fa}.emp-dark-mode .analytics-header{background:linear-gradient(135deg,#1e7e34,#17a2b8)}.emp-dark-mode .chart-section{background:#6c757d;border-color:#adb5bd}.emp-dark-mode .chart-summary,.emp-dark-mode .comparison-summary,.emp-dark-mode .line-chart{background:#495057;border-color:#adb5bd}.emp-dark-mode .comparison-item.current{background:#1e7e34;border-color:#28a745}.emp-dark-mode .comparison-item.previous{background:#6c757d;border-color:#adb5bd}.emp-dark-mode .comparison-item h4{color:#f8f9fa}.emp-dark-mode .comparison-stats span{color:#adb5bd}@media (max-width:768px){.employee-filter-container{margin-bottom:20px}.employee-search-row{gap:10px;padding:16px}.employee-search-input-wrapper{flex:1 1 auto;max-width:300px;min-width:200px}.employee-filter-dropdown{max-width:180px;min-width:140px}.workouts-employee-grid{gap:16px;grid-template-columns:1fr}.employee-card-header{gap:12px;padding:16px}.employee-card-avatar,.employee-card-img{font-size:24px;height:60px;width:60px}.employee-card-name{font-size:16px}.employee-card-body{padding:16px}.work-history-modal{max-height:95vh;width:95%}.work-history-header{gap:8px;padding:16px}.employee-info-header,.work-history-header{flex-direction:column;text-align:center}.work-history-content,.work-summary-content{padding:16px}.history-timeline{padding-left:20px}.timeline-marker{left:-16px}.breakdown-grid,.summary-grid{grid-template-columns:1fr}.summary-sub-navigation{flex-direction:column;gap:4px}.summary-tab-button{justify-content:center;padding:12px 16px}.date-range-inputs{flex-direction:column;gap:8px}.date-input-group{min-width:auto;width:100%}.clear-dates-btn{align-self:flex-start}.analytics-modal{max-height:100vh;width:100%}.analytics-header{padding:16px;text-align:center}.analytics-header,.period-header{flex-direction:column;gap:8px}.comparison-grid{grid-template-columns:1fr}.chart-legend{gap:12px}.chart-summary{flex-direction:column;gap:8px}}@media (max-width:480px){.work-history-modal{border-radius:0;height:100vh;width:100%}.work-card,.work-history-content,.work-summary-content{padding:12px}.work-header{align-items:flex-start;flex-direction:column;gap:6px}.work-metrics{flex-direction:column;gap:4px}.date-search-controls{padding:12px}.date-input{font-size:16px;padding:10px 12px}.analytics-modal{border-radius:0}.analytics-body,.chart-section{padding:16px}.line-chart{height:auto;width:100%}.comparison-summary{padding:16px}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.work-status{align-items:center;display:flex;gap:8px}.status-badge{border-radius:12px;font-size:10px;font-weight:600;padding:3px 8px}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.rejected{background:#f8d7da;color:#721c24}.lot-info-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.completion-badge{background:linear-gradient(135deg,#28a745,#20c997);border-radius:12px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.production-metrics{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:12px 0;padding:12px}.metrics-row{display:flex;flex-wrap:wrap;gap:16px}.metric-group{flex:1 1;min-width:120px}.metric-group h5{color:#6c757d;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.metric-group.completed h5{color:#28a745}.metric-group.rejected h5{color:#dc3545}.metric-values{display:flex;flex-direction:column;gap:4px}.metric.rejected,.metric.rejected strong{color:#dc3545!important}.lot-progress{border-top:1px solid #e9ecef;margin-top:8px;padding-top:8px}.progress-info{align-items:center;color:#6c757d;display:flex;font-size:11px;font-weight:600;justify-content:space-between;margin-bottom:6px}.progress-bar{background:#e9ecef;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:3px;height:100%;transition:width .3s ease}.lot-specifications{grid-gap:8px;background:#fff;border:1px solid #e9ecef;border-radius:4px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:8px 0;padding:8px}.spec-item{display:flex;flex-direction:column;gap:2px}.spec-label{color:#6c757d;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.spec-value{color:#495057;font-size:12px;font-weight:500}.rejection-reasons{background:#fff5f5;border:1px solid #fed7d7;border-radius:4px;margin:8px 0;padding:8px}.rejection-reasons h5{color:#c53030;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.reasons-list{display:flex;flex-wrap:wrap;gap:4px}.reason-tag{background:#fed7d7;border-radius:8px;color:#c53030;font-size:10px;font-weight:500;padding:2px 6px}.confirmation-status{display:flex;justify-content:flex-end;margin-top:8px}.confirmed-badge{align-items:center;background:#d4edda;border-radius:12px;color:#155724;display:flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.confirmed-badge svg{height:12px;width:12px}.summary-card.lots{background:#f8f5ff;border-color:#6f42c1}.summary-card.lots .summary-icon{background:#6f42c1;color:#fff}.summary-rejected{color:#dc3545;font-size:11px;font-weight:500;margin:2px 0 0}.emp-dark-mode .lot-specifications,.emp-dark-mode .production-metrics{background:#6c757d;border-color:#adb5bd}.emp-dark-mode .spec-label{color:#adb5bd}.emp-dark-mode .spec-value{color:#f8f9fa}.emp-dark-mode .rejection-reasons{background:#6c757d;border-color:#dc3545}.emp-dark-mode .rejection-reasons h5{color:#f5c6cb}.emp-dark-mode .reason-tag{background:#dc3545;color:#fff}.emp-dark-mode .progress-bar{background:#adb5bd}.emp-dark-mode .summary-card.lots{background:#495057;border-color:#6f42c1}.emp-dark-mode .summary-rejected{color:#f5c6cb}@media (max-width:768px){.lot-info-header{align-items:flex-start;flex-direction:column;gap:6px}.metrics-row{flex-direction:column;gap:12px}.lot-specifications{gap:6px;grid-template-columns:1fr}.spec-item{align-items:center;flex-direction:row;justify-content:space-between}.progress-info{align-items:flex-start;flex-direction:column;gap:2px}}@media (max-width:480px){.production-metrics{padding:8px}.lot-specifications,.rejection-reasons{padding:6px}.reasons-list{gap:2px}.reason-tag{font-size:9px;padding:1px 4px}}.employee-work-info{margin-bottom:12px}.worker-name{color:#6c757d;font-size:13px;font-style:italic;margin:0 0 4px}.worker-id{color:#6c757d;font-size:12px;font-weight:500;margin:0 0 8px}.work-department-info{background:#f8f9fa;border-left:3px solid #28a745;border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;margin:6px 0;padding:6px 8px}.dept-info,.job-info,.subdept-info{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#495057;font-size:11px;padding:2px 6px}.dept-info strong,.job-info strong,.subdept-info strong{color:#28a745;font-weight:600}.match-indicators{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:4px;margin:8px 0;padding:6px 0}.match-badge{align-items:center;border-radius:10px;cursor:help;display:flex;font-size:9px;font-weight:600;gap:3px;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.match-badge svg{height:10px;width:10px}.match-badge.name-match{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.match-badge.id-match{background:#cce5ff;border:1px solid #b3d7ff;color:#004085}.match-badge.dept-match{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.match-badge.subdept-match{background:#e2e3e5;border:1px solid #d6d8db;color:#383d41}.match-badge.job-match{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.match-statistics{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:16px;padding:12px}.match-statistics h4{color:#495057;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.match-stats-grid{display:flex;flex-wrap:wrap;gap:12px}.match-stat{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;display:flex;flex-direction:column;min-width:60px;padding:6px 8px}.match-count{color:#28a745;font-size:16px;font-weight:700;line-height:1}.match-label{color:#6c757d;font-size:9px;font-weight:600;letter-spacing:.3px;margin-top:2px;text-align:center;text-transform:uppercase}.history-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;margin-bottom:24px;padding:16px;text-align:center}.history-header h3{color:#495057;font-size:20px;font-weight:600;margin:0 0 6px}.history-header p{color:#6c757d;font-size:14px;margin:0}.emp-dark-mode .work-department-info{background:#6c757d;border-left-color:#28a745}.emp-dark-mode .dept-info,.emp-dark-mode .job-info,.emp-dark-mode .subdept-info{background:#495057;border-color:#adb5bd;color:#f8f9fa}.emp-dark-mode .dept-info strong,.emp-dark-mode .job-info strong,.emp-dark-mode .subdept-info strong{color:#20c997}.emp-dark-mode .match-indicators{border-top-color:#adb5bd}.emp-dark-mode .match-badge.name-match{background:#1e7e34;border-color:#28a745;color:#d4edda}.emp-dark-mode .match-badge.id-match{background:#004085;border-color:#0056b3;color:#cce5ff}.emp-dark-mode .match-badge.dept-match{background:#856404;border-color:#ffc107;color:#fff3cd}.emp-dark-mode .match-badge.subdept-match{background:#383d41;border-color:#6c757d;color:#e2e3e5}.emp-dark-mode .match-badge.job-match{background:#721c24;border-color:#dc3545;color:#f8d7da}.emp-dark-mode .match-statistics{background:#6c757d;border-color:#adb5bd}.emp-dark-mode .match-statistics h4{color:#f8f9fa}.emp-dark-mode .match-stat{background:#495057;border-color:#adb5bd}.emp-dark-mode .match-count{color:#20c997}.emp-dark-mode .match-label{color:#adb5bd}.emp-dark-mode .history-header{background:linear-gradient(135deg,#6c757d,#495057);border-color:#adb5bd}.emp-dark-mode .history-header h3{color:#f8f9fa}.emp-dark-mode .history-header p,.emp-dark-mode .worker-id{color:#adb5bd}@media (max-width:768px){.work-department-info{flex-direction:column;gap:4px}.match-indicators{gap:3px}.match-badge{font-size:8px;padding:1px 4px}.match-badge svg{height:8px;width:8px}.match-stats-grid{gap:8px;justify-content:center}.match-stat{min-width:50px;padding:4px 6px}.match-count{font-size:14px}.match-label{font-size:8px}}@media (max-width:480px){.match-statistics{padding:8px}.match-statistics h4{font-size:11px}.work-department-info{padding:4px 6px}.dept-info,.job-info,.subdept-info{font-size:10px;padding:1px 4px}.match-indicators{padding:4px 0}.history-header{padding:12px}.history-header h3{font-size:18px}.history-header p{font-size:13px}}.approve-reject-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.approve-reject-modal{animation:modalPop .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:95vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:500px;z-index:9999}@keyframes modalPop{0%{opacity:0;transform:translate(-50%,-45%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.approve-reject-header{align-items:center;background:#fff;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:24px}.approve-reject-header-content{align-items:center;display:flex;gap:16px}.approve-reject-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.approve-reject-icon.approved{background:#10b9811a;color:#10b981}.approve-reject-icon.rejected{background:#ef44441a;color:#ef4444}.approve-reject-title{color:#1a202c;font-size:1.25rem;font-weight:700;margin:0 0 2px}.approve-reject-subtitle{color:#718096;font-size:.875rem;margin:0}.approve-reject-close{align-items:center;background:#f7fafc;border:none;border-radius:50%;color:#a0aec0;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.approve-reject-close:hover:not(:disabled){background:#edf2f7;color:#4a5568}.approve-reject-content{display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.approve-reject-option-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.toggle-option-label{align-items:center;cursor:pointer;display:flex;gap:12px}.toggle-checkbox{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.toggle-text{align-items:center;color:#2d3748;display:flex;font-size:.95rem;font-weight:600;gap:8px}.toggle-text svg{color:#3b82f6}.toggle-description{color:#718096;font-size:.8125rem;margin:8px 0 0 30px}.approve-reject-email-info{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;gap:8px;padding:12px 16px}.email-label{color:#64748b;font-size:.75rem;font-weight:700;text-transform:uppercase}.email-value{color:#1e293b;font-size:.875rem;font-weight:600}.approve-reject-label{color:#4a5568;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.approve-reject-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1a202c;font-family:inherit;font-size:.9375rem;min-height:140px;padding:16px;resize:none;transition:all .2s;width:100%}.approve-reject-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.textarea-char-count{color:#a0aec0;font-size:.75rem;margin-top:6px;text-align:right}.manual-approve-info{align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;color:#92400e;display:flex;gap:12px;padding:16px}.manual-approve-info p{font-size:.875rem;line-height:1.5;margin:0}.approve-reject-actions{background:#f8fafc;border-top:1px solid #edf2f7;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.approve-reject-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.cancel-btn{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.cancel-btn:hover:not(:disabled){background:#f7fafc;color:#2d3748}.confirm-btn{color:#fff}.confirm-btn.approved{background:#10b981}.confirm-btn.approved:hover:not(:disabled){background:#059669}.confirm-btn.rejected{background:#ef4444}.confirm-btn.rejected:hover:not(:disabled){background:#dc2626}.approve-reject-btn:disabled{cursor:not-allowed;opacity:.6}.confirm-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.confirm-popup{animation:modalPop .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:90%;overflow:hidden;width:400px}.confirm-popup-header{align-items:center;display:flex;flex-direction:column;gap:16px;padding:24px 24px 12px;text-align:center}.confirm-popup-icon{align-items:center;border-radius:50%;display:flex;height:60px;justify-content:center;width:60px}.confirm-popup-icon.approved{background:#10b9811a;color:#10b981}.confirm-popup-icon.rejected{background:#ef44441a;color:#ef4444}.confirm-popup-title{color:#1a202c;font-size:1.25rem;font-weight:700;margin:0}.confirm-popup-content{padding:0 24px 24px;text-align:center}.confirm-popup-message{color:#718096;font-size:.95rem;line-height:1.6;margin:0}.confirm-popup-actions{background:#f8fafc;display:flex;gap:12px;justify-content:center;padding:16px 24px}.confirm-popup-btn{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:10px 0;transition:all .2s}.confirm-popup-cancel{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.confirm-popup-cancel:hover:not(:disabled){background:#f7fafc}.confirm-popup-confirm.approved{background:#10b981;color:#fff}.confirm-popup-confirm.rejected{background:#ef4444;color:#fff}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:640px){.approve-reject-modal{width:calc(100% - 32px)}.approve-reject-actions{flex-direction:column}.approve-reject-btn{width:100%}.confirm-popup-actions{flex-direction:column}}.manual-request-modal-width{border-radius:12px!important;width:700px!important}.manual-request-header-bg{border-bottom:1px solid #e9ecef!important;margin-bottom:24px!important;padding-bottom:20px!important}.manual-request-header-bg,.manual-request-icon{background:#fff!important;color:#1a1d29!important}.manual-request-icon{border:1px solid #e9ecef!important}.manual-leave-form-content{display:flex;flex-direction:column;gap:24px}.manual-request-input,.manual-request-select,.manual-request-textarea{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;color:#212529;font-family:inherit;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s;width:100%}.manual-request-input:focus,.manual-request-select:focus,.manual-request-textarea:focus{background:#fff;border-color:#dee2e6;box-shadow:0 0 0 3px #00000005;outline:none}.manual-request-textarea{min-height:100px;resize:vertical}.leave-modal-label{display:block;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.manual-request-type-container{margin-bottom:25px!important}.manual-request-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:stretch;margin-top:10px;padding:20px 0 0}.manual-footer-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px;transition:all .2s}.btn-cancel{background:#f8f9fa;border:1px solid #e9ecef;color:#6c757d}.btn-cancel:hover{background:#e9ecef;color:#495057}.btn-submit{background:#28a745;box-shadow:0 4px 6px #28a7451a;color:#fff}.btn-submit:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.manual-request-error{align-items:center;background:#fff5f5;border:1px solid #ffe3e3;border-radius:8px;color:#e03131;display:flex;font-size:13px;font-weight:600;gap:10px;padding:12px}.spinner-mini{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.search-container{position:relative}.manual-search-wrapper{align-items:center;display:flex;position:relative}.search-spinner-inline{animation:spin .8s linear infinite;border:2px solid #e9ecef;border-radius:50%;border-top-color:#28a745;height:16px;position:absolute;right:12px;width:16px}.search-suggestions-overlay{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:5px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.suggestion-item{align-items:center;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:#f1f8f3}.suggestion-info{display:flex;flex-direction:column}.suggestion-name{color:#1a1d29;font-size:14px;font-weight:600}.suggestion-id{color:#6c757d;font-size:11px;font-weight:500}.suggestion-dept{background:#e8f5e9;border-radius:4px;color:#28a745;font-size:11px;font-weight:700;padding:2px 8px;text-transform:uppercase}.readonly-style{background:#f1f3f5!important;border-color:#dee2e6!important;color:#495057!important;cursor:not-allowed}@media (max-width:640px){.full-width-mobile{grid-column:span 2}.manual-request-modal-width{width:100%!important}.manual-request-footer{flex-direction:column}}.policy-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2100}.policy-modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:550px;overflow:hidden;width:100%}.policy-modal-header{align-items:center;background:#fff;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:20px 24px}.policy-modal-header h2{color:#2d3748;font-size:18px;font-weight:800;letter-spacing:-.025em;margin:0}.close-btn{align-items:center;background:#f7fafc;border:1px solid #edf2f7;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#edf2f7;color:#1a202c}.policy-tabs{background:#f7fafc;border:1px solid #edf2f7;border-radius:10px;display:flex;gap:4px;margin:0 24px;padding:4px}.tab-btn{background:none;border-radius:6px;color:#718096;flex:1 1;font-size:13px;padding:8px}.tab-btn.active{background:#fff;box-shadow:0 2px 4px #0000000d;color:#3182ce}.policy-modal-content{overflow-y:auto;padding:24px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.form-group{margin-bottom:16px}.form-group label{color:#4a5568;display:block;font-size:11px;letter-spacing:.05em;margin-bottom:6px}.form-group input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.form-group input:focus{background:#fff;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a;outline:none}.submit-btn{background:#3182ce;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:800;margin-top:8px;padding:12px;transition:all .2s;width:100%}.submit-btn:hover{background:#2b6cb0;box-shadow:0 4px 12px #3182ce33;transform:translateY(-1px)}.policies-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.policy-card{background:#fff;border:1px solid #edf2f7;border-radius:12px;box-shadow:0 2px 4px #0000000a;cursor:default;overflow:hidden;padding:16px;position:relative;transition:all .2s ease}.policy-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.policy-card.active{background:#f0f7ff;border-color:#3182ce;border-width:2px;padding:15px}.card-header{align-items:center;background:#0000!important;border-bottom:1px solid #f7fafc;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.card-header h4{background:#0000!important;color:#2d3748;font-size:15px;font-weight:700;margin:0}.status-badge{background:#0000;font-size:9px;font-weight:800;letter-spacing:.5px;padding:2px 10px}.status-badge.approved{background:#c6f6d5;color:#22543d}.card-body{flex-direction:column;gap:10px;margin-bottom:20px}.card-body,.policy-stat-item{background:#0000!important;display:flex}.policy-stat-item{align-items:center;justify-content:space-between}.policy-stat-item label{background:#0000!important;color:#718096;font-size:11px;font-weight:700;text-transform:uppercase}.policy-stat-item span{background:#0000!important;color:#2d3748;font-size:13px;font-weight:700}.card-actions{margin-top:auto}.activate-btn,.delete-btn,.deselect-btn{align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:800;height:38px;justify-content:center;transition:all .2s}.activate-btn{background:#fff;border:1px solid #e2e8f0;color:#4a5568}.activate-btn:hover{background:#f8fafc;border-color:#cbd5e0;color:#1a202c}.deselect-btn{background:#3182ce;border:none;color:#fff}.deselect-btn:hover{background:#2b6cb0}.delete-btn{background:#ef4444;border:1px solid #dc2626;color:#fff}.delete-btn:hover{background:#b91c1c;border-color:#991b1b}.no-data{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 0;text-align:center}.no-data p{color:#718096;font-size:15px;font-weight:600}.alert{align-items:center;border-radius:12px;display:flex;font-size:14px;font-weight:700;gap:12px;margin-bottom:20px;padding:14px 20px}.alert.error{background:#fff5f5;border:1px solid #fed7d7;color:#e53e3e}.alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}@media (max-width:640px){.form-grid,.policies-grid{grid-template-columns:1fr}}.page-layout{display:flex}.main-content-leave{align-items:flex-start;background-color:#f4f7f9;flex-grow:1;justify-content:center;margin-left:400px;margin-right:0;min-height:100vh;padding:20px 40px}.leave-header{border-bottom:2px solid #ddd;color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:10px;padding-bottom:10px}.sync-button{background-color:#4a90e2;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-bottom:30px;padding:10px 20px;transition:background-color .2s}.sync-button:hover:not(:disabled){background-color:#387bcf}.sync-button:disabled{background-color:#a8a8a8;cursor:not-allowed}.table-responsive{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow-x:auto}.leave-table{border-collapse:collapse;font-size:14px;min-width:1600px;width:100%}.leave-table thead th{background-color:#2c3e50;border-right:1px solid #3c5269;color:#fff;font-weight:600;letter-spacing:.5px;padding:12px 10px;text-align:left;text-transform:uppercase}.leave-table tbody td{border-bottom:1px solid #e0e0e0;line-height:1.4;padding:10px;vertical-align:top}.leave-table tbody tr:nth-child(2n){background-color:#f7f9fc}.leave-table tbody tr:hover{background-color:#eef3f7}.no-requests-message{color:#6c757d;font-style:italic;padding:30px!important;text-align:center}.leave-table td:first-child,.leave-table th:first-child{width:10%}.leave-table td:nth-child(5),.leave-table td:nth-child(6),.leave-table th:nth-child(5),.leave-table th:nth-child(6){width:8%}.leave-table td:nth-child(7),.leave-table th:nth-child(7){width:10%}.leave-table td:nth-child(12),.leave-table th:nth-child(12){max-width:250px;width:12%}.leave-table td:nth-child(15),.leave-table th:nth-child(15){text-align:center;width:10%}.status-Approved,.status-Pending,.status-Rejected{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.status-Pending{background-color:#fff3cd;color:#856404}.status-Approved{background-color:#d4edda;color:#155724}.status-Rejected{background-color:#f8d7da;color:#721c24}.action-buttons-container{align-items:center;display:flex;flex-direction:column;gap:5px}.approve-btn,.reject-btn{border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 10px;transition:opacity .2s,background-color .2s;width:80px}.approve-btn{background-color:#28a745;color:#fff}.approve-btn:hover:not(:disabled){background-color:#1e7e34}.reject-btn{background-color:#dc3545;color:#fff}.reject-btn:hover:not(:disabled){background-color:#c82333}.approve-btn:disabled,.reject-btn:disabled{cursor:wait;opacity:.6}.leave-requests-container{padding:0}.leave-toolbar-consolidated{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding:14px 24px}.toolbar-left-group{align-items:center;display:flex;gap:24px}.toolbar-stats-divider{background:#e9ecef;height:32px;width:1px}.toolbar-stats-inline{align-items:center;display:flex;gap:32px}.inline-stat-item{align-items:center;display:flex;flex-direction:column;min-width:60px}.inline-stat-value{color:#2c3e50;font-size:18px;font-weight:800;line-height:1}.inline-stat-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.inline-stat-item.total .inline-stat-value{color:#334155}.inline-stat-item.pending .inline-stat-value{color:#f59e0b}.inline-stat-item.approved .inline-stat-value{color:#10b981}.toolbar-right-group{align-items:center;display:flex}.filter-label{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.8px;margin-right:10px;text-transform:uppercase}.leave-filter-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:700;min-width:150px;padding:8px 16px;transition:all .2s}.leave-filter-select:hover{background:#fff;border-color:#94a3b8}.leave-filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.sync-trigger-btn{align-items:center;background:#1a1d29;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:10px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sync-trigger-btn:hover:not(:disabled){background:#2d3142;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.sync-trigger-btn:active{transform:translateY(0)}.sync-trigger-btn:disabled{cursor:wait;opacity:.6}.request-manual-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:10px;color:#1a1d29;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:-webkit-fit-content;width:fit-content}.request-manual-btn:hover:not(:disabled){background:#f8f9fa;border-color:#dee2e6;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.request-manual-btn svg{color:#10b981}.sync-trigger-btn.syncing svg{animation:spin 1s linear infinite}@media (max-width:992px){.leave-toolbar-consolidated{align-items:stretch;flex-direction:column;gap:20px}.toolbar-left-group{justify-content:space-between}.toolbar-right-group .sync-trigger-btn{justify-content:center;width:100%}}.leave-requests-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0}.leave-request-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;transition:none!important;width:100%}.leave-request-card:hover{border:1px solid #e9ecef!important;box-shadow:0 1px 3px #0000001a!important;transform:none!important}.card-status-container{position:absolute;right:8px;top:8px;z-index:10}.card-status{border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.card-status.status-Pending{background:#fff3cd;border:1px solid #ffeeba;color:#856404}.card-status.status-Approved{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.card-status.status-Rejected{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.card-actions{background:#f8f9fa;border-top:1px solid #e9ecef;margin:16px -20px -20px;padding:16px 20px}.card-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .3s ease}.card-btn-approve{background:#28a745}.card-btn-approve:hover:not(:disabled){background:#218838;box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.card-btn-reject{background:#dc3545}.card-btn-reject:hover:not(:disabled){background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.card-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.card-btn svg{flex-shrink:0}.leave-requests-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.leave-requests-loading p{font-size:16px;font-weight:500;margin-top:16px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#4a90e2;height:48px;width:48px}.no-employees-message{align-items:center;background:#fff;border:1px dashed #dee2e6;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;min-height:300px;padding:80px 20px;text-align:center;width:100%}.no-employees-message svg{color:#dee2e6;margin-bottom:20px}.no-employees-message h3{color:#2c3e50;font-size:22px;font-weight:600;margin:0 0 10px}.no-employees-message p{color:#6c757d;font-size:16px;line-height:1.6;margin:0;max-width:400px}body.emp-dark-mode .leave-request-card{background:linear-gradient(145deg,#2d3748,#1a202c);border:1px solid #ffffff1a}body.emp-dark-mode .card-header{background:linear-gradient(135deg,#1a202c,#2d3748)}body.emp-dark-mode .card-actions{background:#ffffff05}.leave-details-modal{background:#0000!important;border:none;border-radius:12px;box-shadow:none!important;max-width:1200px;padding:0!important;width:90%}.modal-content.profile-modal-content .modal-body{padding:0}.leave-details-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.leave-details-modal-wrapper{animation:modalAppear .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:550px;overflow:hidden;position:relative;width:100%}@keyframes modalAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.leave-details-modal-scroll{overflow-y:auto;padding:30px;scrollbar-width:thin}.leave-details-modal-close{align-items:center;background:#f8f9fa;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s;width:32px;z-index:10}.leave-details-modal-close:hover{background:#e9ecef;color:#dc3545}.leave-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;gap:16px;margin-bottom:24px;padding-bottom:20px}.leave-modal-photo-wrapper{border-radius:50%;box-shadow:0 0 0 3px #f0f2f5;display:inline-block;flex-shrink:0;height:64px;overflow:hidden;position:relative;width:64px}.leave-modal-photo-img{border-radius:50%;display:block;height:100%;object-fit:cover;width:100%}.leave-modal-photo-avatar{align-items:center;background:#fff;border-radius:50%;color:#1a1d29;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.leave-modal-name-info{flex:1 1}.leave-modal-name{color:#1a1d29;font-size:20px;font-weight:700;margin:0 0 4px}.leave-modal-id{color:#6c757d;font-size:13px;margin:0}.leave-modal-section{margin-bottom:24px}.leave-modal-section-title{color:#adb5bd;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.leave-modal-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.leave-modal-item{display:flex;flex-direction:column;gap:4px}.leave-modal-item.full{grid-column:1/-1}.leave-modal-label{align-items:center;color:#6c757d;display:flex;font-size:11px;font-weight:600;gap:6px}.leave-modal-value{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#212529;font-size:14px;font-weight:500;padding:8px 12px}.leave-modal-reason-box{background:#fff8e1;border-left:4px solid #ffc107;border-radius:4px 8px 8px 4px;color:#5d4037;font-size:14px;line-height:1.6;margin-top:4px;padding:12px 16px}.leave-modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:stretch;padding:20px 30px}.leave-modal-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px;transition:all .2s}.leave-modal-btn-approve{background:#28a745;color:#fff}.leave-modal-btn-reject{background:#dc3545;color:#fff}.leave-modal-btn:hover:not(:disabled){box-shadow:0 4px 12px #0000001a;filter:brightness(1.1);transform:translateY(-2px)}.leave-modal-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.leave-details-modal-wrapper{border-radius:12px;max-width:95%}.leave-modal-grid{grid-template-columns:1fr}.leave-details-modal-scroll{padding:20px}}.employee-contact-row.date-time-separation{align-items:flex-start}.contact-item-group{display:flex;flex-direction:column;gap:4px}.contact-sub-row{align-items:center;display:flex;gap:8px}.contact-sub-row.time-row{margin-top:2px}.contact-sub-row .contact-icon-svg{flex-shrink:0;opacity:.7}.contact-text.text-time{color:#6366f1;font-size:11.5px;font-weight:600}.card-btn-verify{background:#eaf2ff;border:1px solid #1a73e8;color:#1a73e8;justify-content:center;transition:all .2s ease}.card-btn-verify:hover{background:#1a73e8!important;color:#fff!important}.verified-row{background-color:#f1f8e9;border:1px dashed #2e7d32;border-radius:6px;margin-top:8px!important;padding:6px 10px}.verified-row .contact-text{color:#2e7d32;font-size:13px}.attendance-page{background-color:initial;min-height:100vh;padding:0}.attendance-title{color:#2c3e50;margin-bottom:12px}.upload-box{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:24px}.upload-input{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .3s ease}.upload-input:focus{border-color:#1a1d29;box-shadow:0 0 0 3px #1a1d291a;outline:none}.upload-btn{align-self:flex-start;background:#1a1d29;border:1px solid #1a1d29;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.upload-btn:hover:not(:disabled){background:#2d3142;box-shadow:0 4px 12px #1a1d294d;transform:translateY(-1px)}.upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.selected-files{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:12px;padding:12px}.selected-files strong{color:#495057;font-size:14px}.selected-files ul{color:#6c757d;font-size:13px;margin:8px 0 0 20px;padding:0}.selected-files li{margin-bottom:4px}.filter-bar{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px}.section-title{color:#2c3e50}.filter-input{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;font-size:14px;padding:10px 14px;transition:all .3s ease}.filter-input:focus{border-color:#1a1d29;box-shadow:0 0 0 3px #1a1d291a;outline:none}.ghost-btn,.primary-btn,.secondary-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.primary-btn{background:#1a1d29;border-color:#1a1d29;color:#fff}.primary-btn:hover:not(:disabled){background:#2d3142;box-shadow:0 4px 12px #1a1d294d;transform:translateY(-1px)}.ghost-btn{background:#fff;border-color:#dee2e6;color:#495057}.ghost-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.secondary-btn{background:#1a1d29;border-color:#1a1d29;color:#fff}.secondary-btn:hover:not(:disabled){background:#2d3142;box-shadow:0 4px 12px #1a1d294d;transform:translateY(-1px)}.ghost-btn:disabled,.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.date-banner{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;margin-bottom:16px;padding:12px 16px}.date-banner,.record-count{font-size:14px;font-weight:500}.record-count{color:#6c757d;margin:16px 0}.attendance-table-responsive{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;max-height:600px;overflow:auto}.attendance-table{background:#fff;border-collapse:collapse;min-width:900px;width:100%}.attendance-table th{background-color:#1a1d29;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:14px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.attendance-table td{border-bottom:1px solid #f0f0f0;color:#495057;font-size:14px;padding:12px 16px}.attendance-table tbody tr:hover{background:#f8f9fa}.attendance-table tbody tr:last-child td{border-bottom:none}.no-data-row{background:#fff;color:#6c757d;font-size:14px;padding:24px!important;text-align:center}.summary-header{margin-bottom:16px;margin-top:24px}.summary-date-label{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;font-size:15px;font-weight:600;margin-bottom:0;padding:12px 16px}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card{border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.summary-card.neutral{background:#fff;border-left:4px solid #6c757d}.summary-card.success{background:#fff;border-left:4px solid #28a745}.summary-card.danger{background:#fff;border-left:4px solid #dc3545}.summary-card.warning{background:#fff;border-left:4px solid #ffc107}.summary-title{color:#6c757d;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.summary-value{color:#1a1d29;font-size:28px}.summary-card.success .summary-value{color:#28a745}.summary-card.danger .summary-value{color:#dc3545}.summary-card.warning .summary-value{color:#ffc107}.summary-card.neutral .summary-value{color:#6c757d}.download-btn{background:#1a1d29!important;border-color:#1a1d29!important}.download-btn:hover:not(:disabled){background:#2d3142!important;border-color:#2d3142!important}.danger-btn{background:#dc3545;border:1px solid #dc3545;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .3s ease;white-space:nowrap}.danger-btn:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.loading-text{color:#6c757d;font-size:16px;padding:40px;text-align:center}.pp-touch-data-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0;padding:30px;width:100%}.pp-touch-filter-row{align-items:flex-end;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:20px;width:100%}.pp-touch-filter-item{display:flex;flex-direction:column;flex-shrink:0;gap:6px}.pp-touch-filter-label{color:#495057;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pp-touch-filter-input,.pp-touch-filter-select{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;color:#495057;font-size:14px;min-width:160px;padding:10px 14px;transition:all .3s ease}.pp-touch-filter-input:focus,.pp-touch-filter-select:focus{border-color:#1a1d29;box-shadow:0 0 0 3px #1a1d291a;outline:none}.pp-touch-filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236c757d' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.pp-touch-filter-clear-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.pp-touch-filter-clear-btn:hover{background:#e9ecef;border-color:#adb5bd;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.pp-touch-tabs{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;gap:8px;justify-content:flex-start;margin-bottom:30px;padding:8px}.pp-touch-tab{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;color:#495057;cursor:pointer;display:flex;flex:0 0 auto;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.pp-touch-tab:hover{background:#e9ecef;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.pp-touch-tab.active{background:linear-gradient(135deg,#1a1d29,#2d3142);border-color:#1a1d29;box-shadow:0 4px 12px #1a1d294d;color:#fff}.pp-touch-tab.active svg{color:#fff}.pp-touch-tab svg{color:#6c757d;transition:color .3s ease}.pp-touch-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:14px;margin-bottom:20px;padding:12px 16px}.pp-touch-loading{color:#6c757d;font-size:1.1rem;padding:40px;text-align:center}.pp-touch-content-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.pp-touch-table{background:#fff;border-collapse:collapse;font-size:14px;width:100%}.pp-touch-table thead{background:linear-gradient(135deg,#1a1d29,#2d3142);color:#fff}.pp-touch-table th{border-bottom:2px solid #ffffff1a;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.pp-touch-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.pp-touch-table tbody tr:hover{background-color:#f8f9fa;box-shadow:0 2px 8px #0000000d;transform:scale(1.01)}.pp-touch-table-row-clickable{transition:all .2s ease}.pp-touch-table-row-clickable:hover{background-color:#e9ecef!important;box-shadow:0 2px 8px #00000014;transform:scale(1.01)}.pp-touch-table td{color:#495057;padding:14px 16px;vertical-align:middle}.pp-touch-table tbody tr:nth-child(2n){background-color:#f9fafb}.pp-touch-table tbody tr:nth-child(2n):hover{background-color:#f1f3f5}.pp-touch-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.pp-touch-action-btn-primary{background:#1a1d29;color:#fff}.pp-touch-action-btn-primary:hover{background:#2d3142;box-shadow:0 2px 6px #1a1d294d;transform:translateY(-1px)}.pp-touch-action-btn-danger{background:#dc3545;color:#fff}.pp-touch-action-btn-danger:hover{background:#c82333;box-shadow:0 2px 6px #dc35454d;transform:translateY(-1px)}.pp-touch-action-btn-success{background:#28a745;color:#fff}.pp-touch-action-btn-success:hover{background:#218838;box-shadow:0 2px 6px #28a7454d;transform:translateY(-1px)}.pp-touch-empty{color:#6c757d;padding:60px 20px;text-align:center}.pp-touch-empty-icon{color:#adb5bd;height:64px;margin:0 auto 20px;width:64px}.pp-touch-empty h3{color:#495057;font-size:20px;font-weight:600;margin:0 0 10px}.pp-touch-empty p{color:#6c757d;font-size:14px;margin:0}.pp-touch-summary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.pp-touch-summary-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:0;transition:all .3s ease}.pp-touch-summary-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.pp-touch-summary-header{align-items:center;background:linear-gradient(135deg,#1a1d29,#2d3142);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;gap:12px;padding:16px 20px}.pp-touch-summary-icon{stroke:currentColor;flex-shrink:0;height:24px;width:24px}.pp-touch-summary-label{color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.pp-touch-summary-content{display:flex;flex-direction:column;gap:12px;padding:20px}.pp-touch-summary-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.pp-touch-summary-item:hover{background:#fff;box-shadow:0 2px 4px #0000000d;transform:translateX(2px)}.pp-touch-summary-item-label{align-items:center;color:#495057;display:flex;font-size:13px;font-weight:600;gap:8px}.pp-touch-summary-item-label svg{stroke:currentColor;flex-shrink:0;height:16px;width:16px}.pp-touch-summary-item-value{color:#1a1d29;font-size:15px;font-weight:700;text-align:right}.pp-touch-summary-item-primary{border-left:4px solid #1a1d29}.pp-touch-summary-item-primary .pp-touch-summary-item-label,.pp-touch-summary-item-primary .pp-touch-summary-item-value{color:#1a1d29}.pp-touch-summary-item-success{border-left:4px solid #28a745}.pp-touch-summary-item-success .pp-touch-summary-item-label,.pp-touch-summary-item-success .pp-touch-summary-item-value{color:#28a745}.pp-touch-summary-item-info{border-left:4px solid #17a2b8}.pp-touch-summary-item-info .pp-touch-summary-item-label,.pp-touch-summary-item-info .pp-touch-summary-item-value{color:#17a2b8}.pp-touch-summary-item-warning{border-left:4px solid #ffc107}.pp-touch-summary-item-warning .pp-touch-summary-item-label,.pp-touch-summary-item-warning .pp-touch-summary-item-value{color:#856404}.pp-touch-summary-item-danger{border-left:4px solid #dc3545}.pp-touch-summary-item-danger .pp-touch-summary-item-label,.pp-touch-summary-item-danger .pp-touch-summary-item-value{color:#dc3545}@media (max-width:768px){.pp-touch-data-container{padding:20px}.pp-touch-filter-row{align-items:stretch;flex-direction:column;gap:12px}.pp-touch-filter-item{width:100%}.pp-touch-filter-input,.pp-touch-filter-select{min-width:auto;width:100%}.pp-touch-filter-clear-btn{width:100%}.pp-touch-tabs{flex-direction:column;gap:8px}.pp-touch-tab{width:100%}.pp-touch-table{font-size:12px}.pp-touch-table td,.pp-touch-table th{padding:10px 8px}.pp-touch-summary-grid{gap:16px;grid-template-columns:1fr}.pp-touch-summary-header{padding:12px 16px}.pp-touch-summary-content{gap:10px;padding:16px}.pp-touch-summary-item{align-items:flex-start;flex-direction:column;gap:6px;padding:10px 12px}.pp-touch-summary-item-value{font-size:16px;text-align:left}.pp-touch-panel-container{max-width:100%;width:100%}}.pp-touch-panel-backdrop{animation:pp-touch-fadeIn .3s ease;background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.pp-touch-panel-container{animation:pp-touch-slideInRight .3s ease;background:#fff;bottom:0;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;max-width:85%;overflow:hidden;position:fixed;right:0;top:0;width:850px;z-index:1001}.pp-touch-panel-header{align-items:center;background:linear-gradient(135deg,#1a1d29,#2d3142);border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.pp-touch-panel-title{color:#fff;font-size:18px;font-weight:700;margin:0}.pp-touch-panel-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.pp-touch-panel-close:hover{background:#fff3;transform:scale(1.1)}.pp-touch-panel-close svg{stroke:currentColor}.pp-touch-panel-content{background:#f8f9fa;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:0}.pp-touch-panel-content .professional-profile-container{border-radius:0;margin:0;max-width:100%}.pp-touch-panel-content .profile-content-grid{padding:20px 24px}.pp-touch-panel-content::-webkit-scrollbar{width:8px}.pp-touch-panel-content::-webkit-scrollbar-track{background:#f1f1f1}.pp-touch-panel-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.pp-touch-panel-content::-webkit-scrollbar-thumb:hover{background:#555}@keyframes pp-touch-slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes pp-touch-fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.pp-touch-panel-container{max-width:90%;width:90%}}@media (max-width:768px){.pp-touch-panel-container{max-width:100%;width:100%}}.pp-touch-modal-container{animation:pp-touch-modalFadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:95%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:1200px;z-index:1001}.pp-touch-modal-small{max-width:90%;width:500px}.pp-touch-modal-header{align-items:center;background:linear-gradient(135deg,#1a1d29,#2d3142);border-bottom:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.pp-touch-modal-header-danger{background:linear-gradient(135deg,#dc3545,#c82333)}.pp-touch-modal-title{color:#fff;font-size:18px;font-weight:700;margin:0}.pp-touch-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.pp-touch-modal-close:hover{background:#fff3;transform:scale(1.1)}.pp-touch-modal-close svg{stroke:currentColor}.pp-touch-modal-body{background:#f8f9fa;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px}.pp-touch-modal-body::-webkit-scrollbar{width:8px}.pp-touch-modal-body::-webkit-scrollbar-track{background:#f1f1f1}.pp-touch-modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.pp-touch-modal-body::-webkit-scrollbar-thumb:hover{background:#555}.pp-touch-modal-body table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;width:100%}.pp-touch-modal-body thead{background:linear-gradient(135deg,#1a1d29,#2d3142);color:#fff}.pp-touch-modal-body thead th{border-bottom:2px solid #ffffff1a;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.pp-touch-modal-body tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.pp-touch-modal-body tbody tr:hover{background-color:#f8f9fa}.pp-touch-modal-body tbody tr:nth-child(2n){background-color:#f9fafb}.pp-touch-modal-body tbody tr:nth-child(2n):hover{background-color:#f1f3f5}.pp-touch-modal-body tbody td{color:#495057;font-size:14px;padding:16px;vertical-align:middle}.pp-touch-modal-body .pp-touch-history-total-row{background:linear-gradient(135deg,#e7f3ff,#cfe2ff)!important;border-top:3px solid #007bff;font-weight:700}.pp-touch-modal-body .pp-touch-history-total-row td{color:#004085}@keyframes pp-touch-modalFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:1024px){.pp-touch-modal-container{max-width:95%;width:95%}}@media (max-width:768px){.pp-touch-modal-container{border-radius:0;max-height:100vh;max-width:100%;width:100%}.pp-touch-modal-small{max-width:95%;width:95%}.pp-touch-modal-body{padding:16px}.pp-touch-modal-body table{font-size:12px}.pp-touch-modal-body tbody td,.pp-touch-modal-body thead th{padding:10px 8px}}.pp-touch-delete-content{align-items:flex-start;display:flex;gap:20px;margin-bottom:24px}.pp-touch-delete-icon{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:50%;box-shadow:0 4px 12px #dc354533;color:#dc3545;display:flex;flex-shrink:0;height:56px;justify-content:center;min-width:56px;width:56px}.pp-touch-delete-icon svg{stroke:currentColor}.pp-touch-delete-text{flex:1 1}.pp-touch-delete-title{color:#1a1d29;font-size:1.2rem;font-weight:700;line-height:1.3;margin:0 0 10px}.pp-touch-delete-message{color:#6c757d;font-size:.95rem;line-height:1.6;margin:0}.pp-touch-delete-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.pp-touch-delete-cancel-btn{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:44px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s ease}.pp-touch-delete-cancel-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#adb5bd;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.pp-touch-delete-cancel-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.pp-touch-delete-confirm-btn{align-items:center;background-color:#dc3545;border:none;border-radius:8px;box-shadow:0 2px 8px #dc35454d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:44px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .2s ease}.pp-touch-delete-confirm-btn:hover:not(:disabled){background-color:#c82333;box-shadow:0 4px 12px #dc354566;transform:translateY(-1px)}.pp-touch-delete-confirm-btn:disabled{box-shadow:0 2px 4px #dc354533;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.pp-touch-delete-content{align-items:center;flex-direction:column;gap:16px;text-align:center}.pp-touch-delete-text{text-align:center}.pp-touch-delete-actions{flex-direction:column;width:100%}.pp-touch-delete-cancel-btn,.pp-touch-delete-confirm-btn{width:100%}}.wip-container{width:100%}.wip-split-layout{display:flex;gap:40px;padding:0 0 30px}.wip-info-section{display:flex;flex:1 1;flex-direction:column}.wip-info-card{background:#fff;border:1px solid #0000000d;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;padding:40px}.registration-banner-card{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 25px -5px #10b98133,0 8px 10px -6px #10b9811a;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;margin-bottom:25px;min-height:120px;overflow:hidden;padding:25px 30px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.registration-banner-card:hover{box-shadow:0 20px 30px -10px #10b9814d;transform:translateY(-5px)}.registration-banner-overlay{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 35c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;left:0;opacity:.6;position:absolute;right:0;top:0}.registration-banner-content{align-items:center;box-sizing:border-box;display:flex;gap:20px;position:relative;width:100%;z-index:1}.registration-banner-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff1a;border-radius:14px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.registration-banner-text{flex-grow:1}.registration-banner-text h3{font-size:1.25rem;font-weight:800;letter-spacing:-.01em;margin:0 0 4px}.registration-banner-text p{font-size:.85rem;line-height:1.4;margin:0;opacity:.9}.registration-banner-arrow{align-items:center;background:#fff3;border:1px solid #ffffff1a;border-radius:50%;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.registration-banner-card:hover .registration-banner-arrow{background:#fff;box-shadow:0 4px 12px #0000001a;color:#10b981;transform:translateX(5px)}.wip-info-title{color:#1e293b;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:20px}.wip-info-text{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:40px}.wip-stats-mini{display:flex;gap:30px;margin-bottom:40px}.wip-stat-item{display:flex;flex-direction:column}.wip-stat-label{color:#94a3b8;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.wip-stat-value{color:#28a745;font-size:1.5rem;font-weight:700}.wip-info-guide h3{color:#1e293b;font-size:1.1rem;font-weight:700;margin-bottom:15px}.wip-info-guide ul{list-style:none;margin:0;padding:0}.wip-info-guide li{color:#64748b;font-size:.95rem;line-height:1.4;margin-bottom:12px;padding-left:24px;position:relative}.wip-info-guide li:before{color:#28a745;content:"→";font-weight:700;left:0;position:absolute}.wip-cards-sidebar{overflow-y:auto;padding-right:15px;scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin;width:400px}.wip-cards-sidebar::-webkit-scrollbar{width:6px}.wip-cards-sidebar::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.wip-inventory-grid{display:flex;flex-direction:column;gap:20px;padding-bottom:20px}.wip-card{background-color:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:inherit;overflow:hidden;padding:24px 24px 24px 44px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.wip-card.dragging{background:#f1f5f9;border-style:dashed;border-width:2px;box-shadow:none;opacity:.5;transform:scale(.95) rotate(1deg)}.wip-card__drag-handle{align-items:center;border-right:1px solid #00000008;bottom:0;color:#94a3b8;cursor:grab;display:flex;font-size:1.2rem;justify-content:center;left:10px;opacity:.3;position:absolute;top:0;transition:opacity .2s;width:20px}.wip-card:hover .wip-card__drag-handle{opacity:1}.wip-card:before{background-color:var(--accent-color);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.wip-card:hover{border-color:var(--accent-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.wip-card__title{color:#1e293b;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.wip-card__description{color:#64748b;font-size:.9rem;line-height:1.5;margin:0 0 20px}.wip-card__footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:15px}.wip-card__stage{color:#94a3b8;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.wip-card__arrow{align-items:center;background-color:#f8fafc;border-radius:50%;color:var(--accent-color);display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.wip-card:hover .wip-card__arrow{background-color:var(--accent-color);color:#fff;transform:translateX(4px)}.wip-card--touch{--accent-color:#8b5cf6}.wip-card--clean{--accent-color:#10b981}.wip-card--burn{--accent-color:#ef4444}.wip-card--preform{--accent-color:#f59e0b}.wip-card--calibration{--accent-color:#0ea5e9}.wip-card--cutpolish{--accent-color:#6366f1}.wip-card--dop{--accent-color:#f97316}.wip-card--rejected{--accent-color:#64748b}.wip-card--supply{--accent-color:#20c997}.dashboard-metrics-grid{grid-gap:20px;display:grid;gap:20px;margin-bottom:30px}.metric-card-lite{background:#fff;border:1px solid #f1f5f9;border-radius:18px;box-shadow:0 4px 6px -1px #00000005;display:flex;flex-direction:column;gap:6px;padding:22px;transition:all .2s}.metric-card-lite:hover{background:#fdfdfd;box-shadow:0 10px 15px -3px #0000000d}.metric-card-lite .label{color:#94a3b8;font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.metric-card-lite .value{color:#1e293b;font-size:1.7rem;font-weight:900;letter-spacing:-.02em}.dashboard-charts-row{grid-gap:20px;display:grid;gap:20px;margin-bottom:30px}.chart-container-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;padding:20px}.chart-container-card h4{color:#1e293b;font-size:1rem;font-weight:800;margin:0}.alerts-feed-section h4{color:#1e293b;font-size:1rem;font-weight:800;letter-spacing:.05em;margin:0 0 15px;text-transform:uppercase}.alert-item-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 2px 4px #00000005;display:flex;gap:15px;margin-bottom:12px;padding:16px;transition:transform .2s}.alert-item-card:hover{transform:scale(1.01)}.alert-item-card.critical{background:#fff5f5;border-left:5px solid #ef4444}.alert-item-card.warning{background:#fffbeb;border-left:5px solid #f59e0b}.alert-item-card.success{background:#f0fdf4;border-left:5px solid #10b981}.alert-content p{color:#334155;font-size:.95rem;font-weight:800;margin:0}.alert-time{color:#94a3b8;display:block;font-size:.75rem;font-weight:600;margin-top:4px}.wip-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.wip-modal-content{background:#fff;border-radius:28px;box-shadow:0 25px 50px -12px #00000040;max-width:95%;padding:35px;width:480px}.wip-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.wip-modal-header h2{color:#1e293b;font-size:1.6rem;font-weight:900;letter-spacing:-.02em;margin:0}.wip-btn-primary{background:#0ea5e9;border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:800;padding:14px 24px;transition:all .2s}.wip-btn-primary:hover{box-shadow:0 8px 15px #0ea5e94d;transform:translateY(-2px)}.wip-btn-secondary{background:#f1f5f9;border:none;border-radius:14px;color:#64748b;cursor:pointer;font-weight:700;padding:14px 24px;transition:all .2s}.wip-btn-secondary:hover{background:#e2e8f0;color:#1e293b}.wip-btn-danger-outline{align-items:center;background:#fff;border:2px solid #fee2e2;border-radius:12px;color:#ef4444;cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;margin:20px 0;padding:12px;transition:all .2s;width:100%}.wip-btn-danger-outline:hover{background:#fef2f2;border-color:#ef4444}.wip-modal-close{align-items:center!important;background:#f1f5f9!important;border:none!important;border-radius:10px!important;color:#94a3b8!important;cursor:pointer!important;display:flex!important;font-size:1.5rem!important;height:36px!important;justify-content:center!important;line-height:1!important;padding:0!important;transition:all .2s!important;width:36px!important}.wip-modal-close:hover{background:#fee2e2!important;color:#ef4444!important;transform:rotate(90deg)!important}.wip-form-group{margin-bottom:20px}.wip-form-group label{color:#64748b;display:block;font-size:.85rem;font-weight:800;letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase}.wip-form-input{background:#fff;border:2px solid #f1f5f9;border-radius:14px;box-sizing:border-box;color:#1e293b;font-size:1rem;font-weight:600;padding:14px 18px;transition:all .2s;width:100%}.wip-form-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a;outline:none}.wip-modal-footer{border-top:1px solid #f1f5f9;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:25px}.summary-card:hover{box-shadow:0 12px 20px -8px #0000001a}.summary-card-icon{font-size:24px}.summary-card.purple .summary-card-icon{background:#f5f3ff;color:#7c3aed}.summary-card.indigo .summary-card-icon{background:#eef2ff}.summary-card.blue .summary-card-icon{background:#eff6ff}.summary-label{margin-bottom:4px}.summary-value{font-weight:700;line-height:1}.summary-unit{margin-top:4px}.inventory-section-container{border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.section-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:20px 24px}.section-title{font-size:1.125rem;gap:10px}.btn-refresh{align-items:center;background:#f8fafc;display:flex;font-size:.875rem;gap:6px;padding:8px 16px}.btn-refresh:hover{background:#f1f5f9;border-color:#cbd5e1}.table-wrapper{width:100%}.premium-table{font-size:.9375rem;min-width:-webkit-max-content;min-width:max-content}.premium-table th{background:#f8fafc;border-bottom:2px solid #f1f5f9;font-weight:600;padding:14px 24px;text-align:left}.premium-table td{padding:16px 24px}.premium-table tr:hover td{background-color:#fcfdfe}.status-badge{display:inline-flex;text-transform:uppercase;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.status-badge.pending{background:#fff7ed;border:1px solid #ffedd5;color:#ea580c}.status-badge.completed{background:#f0fdf4;border:1px solid #dcfce7;color:#16a34a}.status-badge.active{background:#eff6ff;border:1px solid #dbeafe;color:#2563eb}.btn-action{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 12px;transition:all .2s}.btn-view{background:#f1f5f9;color:#475569}.btn-view:hover{background:#e2e8f0;color:#1e293b}.history-modal-content{background:#fff;border-radius:20px;max-width:900px!important;overflow:hidden;padding:0}.history-header{align-items:center;background:#1e293b;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.history-body{padding:32px}@media (max-width:768px){.summary-cards-row{grid-template-columns:1fr}}.summary-card.gold .summary-card-icon{background-color:#fffbeb;color:#d97706}.summary-card.green .summary-card-icon{background-color:#f0fdf4;color:#16a34a}.badge-id.secondary{background-color:#eff6ff;border-color:#dbeafe;color:#1d4ed8}.loading-state{color:#64748b;padding:60px;text-align:center}.error-banner{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:12px;color:#b91c1c;font-size:.9rem;font-weight:600;margin-bottom:20px;padding:12px 16px}.spinner{animation:spin 1s linear infinite;border:3px solid #f1f5f9;border-radius:50%;border-top-color:#0ea5e9;height:32px;margin:0 auto 12px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.summary-card.red .summary-card-icon{background-color:#fef2f2;color:#dc2626}.summary-card.blue .summary-card-icon{background-color:#f0f9ff;color:#0ea5e9}.badge-id.orange{background-color:#fff7ed;border-color:#ffedd5;color:#ea580c}.status-badge.confirmed{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.badge-id.purple,.summary-card.purple .summary-card-icon{background-color:#f3e8ff;color:#9333ea}.badge-id.purple{border-color:#e9d5ff}.tag-changed{background-color:#fff7ed;border:1px solid #ffedd5;border-radius:4px;color:#c2410c}.tag-changed,.tag-count{font-size:.65rem;font-weight:700;padding:2px 6px}.tag-count{background-color:#f1f5f9;border-radius:4px;color:#64748b}.section-navigation{border-bottom:1px solid #f1f5f9;display:flex;gap:8px;margin-bottom:24px;padding-bottom:12px}.section-nav-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:700;padding:8px 16px;transition:all .2s}.section-nav-btn.active{background-color:#eff6ff;color:#1d4ed8}.form-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#64748b;font-size:.75rem;font-weight:700;text-transform:uppercase}.form-input{border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:.95rem;padding:10px 14px}.form-input[readonly]{background-color:#f8fafc;color:#64748b}.summary-card.teal .summary-card-icon{background-color:#f0fdfa;color:#0d9488}.badge-id.cyan{background-color:#ecfeff;border-color:#cffafe;color:#0891b2}.status-badge.complete{background-color:#ecfdf5;border:1px solid #d1fae5;color:#059669}.danger-text{color:#dc3545}.summary-card.blue .summary-card-icon{background-color:#eff6ff;color:#2563eb}.summary-card.indigo .summary-card-icon{background-color:#e0e7ff;color:#4f46e5}.premium-table tr.clickable{cursor:pointer}.status-badge.pending{background-color:#fffbeb;border:1px solid #fef3c7;color:#d97706}.status-badge.dop{background-color:#fef2f2;border:1px solid #fee2e2;color:#dc2626}.btn-profile{background-color:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;color:#0ea5e9;cursor:pointer;font-size:.75rem;font-weight:700;padding:6px 12px;transition:all .2s}.btn-profile:hover{background-color:#0ea5e9;color:#fff}.modal-header{padding:20px 24px}.modal-close{align-items:center;background-color:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s;width:36px}.modal-close:hover{background-color:#fee2e2;color:#ef4444}.modal-body{padding:24px}.modal-summary-box{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:24px;padding:20px}.modal-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.modal-summary-item{display:flex;flex-direction:column}.modal-summary-label{color:#94a3b8;font-size:.75rem;font-weight:700;text-transform:uppercase}.modal-summary-value{color:#334155;font-size:1rem;font-weight:700}.summary-cards-row{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.summary-card{gap:20px}.summary-card-icon{border-radius:16px;font-size:1.5rem;height:56px;width:56px}.summary-card.cyan .summary-card-icon{background-color:#ecfeff;color:#0891b2}.summary-card.emerald .summary-card-icon{background-color:#ecfdf5;color:#059669}.summary-value{font-size:1.75rem}.summary-unit{font-size:.75rem;margin-top:2px}.view-toggle-container{background-color:#f1f5f9;border-radius:12px;display:inline-flex;gap:4px;margin-bottom:24px;padding:6px}.view-toggle-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 24px;transition:all .2s}.view-toggle-btn.active{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;color:#1e293b}.inventory-section-container{border-radius:20px}.section-header{margin-bottom:20px}.status-badge.confirmed{background-color:#ecfdf5;border:1px solid #d1fae5;color:#059669}.success-text{color:#16a34a;font-weight:700}.empty-row{padding:40px!important}.btn-refresh{background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .2s}.btn-refresh:hover{background-color:#f1f5f9;color:#1e293b}.main-content-area{background-color:#f8fafc;min-height:100vh;padding:0}.summary-cards-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.summary-card{align-items:center;border-radius:20px;gap:16px;padding:20px}.summary-card:hover{box-shadow:0 10px 15px -3px #0000001a}.summary-card-icon{align-items:center;border-radius:12px;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.summary-card.rose .summary-card-icon{background-color:#fff1f2;color:#e11d48}.summary-card.orange .summary-card-icon{background-color:#fff7ed;color:#ea580c}.summary-card.amber .summary-card-icon{background-color:#fffbeb;color:#d97706}.summary-card.violet .summary-card-icon{background-color:#f5f3ff;color:#7c3aed}.summary-card-info{display:flex;flex-direction:column}.summary-label{font-size:.75rem;letter-spacing:.025em;text-transform:uppercase}.summary-value{font-size:1.5rem;line-height:1.2}.tabs-container{background-color:#f1f5f9;border-radius:16px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:6px}.tab-btn{align-items:center;border-radius:10px;display:flex;font-size:.875rem;gap:8px;padding:10px 20px;transition:all .2s}.tab-count{background-color:#f1f5f9;border-radius:999px;font-size:.75rem;padding:2px 8px}.tab-btn.active .tab-count{background-color:#f1f5f9;color:#1e293b}.inventory-section-container{background:#fff;border:1px solid #f1f5f9;border-radius:24px;padding:24px}.card-shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-title{color:#1e293b;font-size:1.25rem;font-weight:800;margin:0}.table-wrapper{border:1px solid #f1f5f9;border-radius:12px;overflow-x:auto}.premium-table{border-collapse:collapse;text-align:left;width:100%}.premium-table th{background-color:#f8fafc;color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.premium-table td,.premium-table th{border-bottom:1px solid #f1f5f9;padding:16px}.premium-table td{color:#334155;font-size:.9rem;vertical-align:middle}.premium-table tr:last-child td{border-bottom:none}.premium-table tr:hover td{background-color:#f8fafc}.badge-id{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.8rem;font-weight:700;padding:4px 10px}.status-badge{padding:4px 12px}.status-badge.danger{background-color:#fef2f2;border:1px solid #fee2e2;color:#dc2626}.status-badge.warning{background-color:#fffbeb;border:1px solid #fef3c7;color:#d97706}.tag-reason{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;display:inline-block;font-size:.7rem;font-weight:600;margin:2px;padding:2px 8px}.highlight-text{color:#1e293b;font-weight:700}.danger-text{color:#dc2626;font-weight:700}.empty-row{color:#94a3b8;font-style:italic;padding:60px!important;text-align:center}.burn-tabs{display:flex;gap:12px;margin-bottom:20px}.burn-tab-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:700;padding:8px 16px;transition:all .2s}.burn-tab-btn.active{background-color:#1e293b;border-color:#1e293b;color:#fff}.sticky-header th{position:-webkit-sticky;position:sticky;top:0;z-index:10}.registration-main-content{background-color:#f8fafc;border-radius:24px;min-height:80vh;padding:24px}.tab-container{background-color:#f1f5f9;border-radius:12px;display:inline-flex;gap:4px;margin-bottom:30px;padding:6px}.tab-btn{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.tab-btn.active{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;color:#1e293b}.tab-btn:hover:not(.active){background-color:#e2e8f0;color:#475569}.btn-new-supply{align-items:center;background-color:#10b981;border:none;border-radius:10px;box-shadow:0 4px 6px -1px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s}.btn-new-supply:hover{background-color:#059669}.summary-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:35px;width:100%}.summary-card{align-items:flex-start;background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;cursor:default;display:flex;justify-content:space-between;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{box-shadow:0 10px 15px -3px #00000014;transform:translateY(-4px)}.summary-label{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:12px}.summary-value-wrapper{align-items:baseline;display:flex;gap:8px}.summary-value{color:#1e293b;font-size:2rem;font-weight:800}.summary-unit{color:#94a3b8;font-size:.875rem;font-weight:700}.summary-footer{color:#64748b;font-size:.8rem;font-weight:500;margin-top:12px}.summary-icon-wrapper{border-radius:12px;padding:10px}.data-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.professional-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .2s ease}.professional-card:hover{border-color:#e2e8f0;box-shadow:0 10px 15px -3px #0000001a}.supply-id-badge{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.8rem;font-weight:700;padding:6px 12px}.status-badge{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:700;gap:6px;padding:4px 10px}.status-dot{border-radius:50%;height:6px;width:6px}.status-paid{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.status-paid .status-dot{background-color:#16a34a}.status-pending{background-color:#fffbeb;border:1px solid #fef3c7;color:#d97706}.status-pending .status-dot{background-color:#d97706}.card-label{color:#94a3b8;font-size:.75rem;font-weight:600;margin-bottom:4px;text-transform:uppercase}.card-title{color:#1e293b;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metrics-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.metric-box{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:10px}.metric-label{color:#64748b;font-size:.7rem;font-weight:600;margin-bottom:2px}.metric-value-primary{color:#0ea5e9;font-size:1.1rem;font-weight:800}.metric-value-secondary{color:#475569;font-size:.9rem;font-weight:700}.supplier-avatar{align-items:center;background-color:#f0f9ff;border:1px solid #e0f2fe;border-radius:16px;color:#0ea5e9;display:flex;font-size:1.2rem;font-weight:800;height:56px;justify-content:center;width:56px}.supplier-stats-row{grid-gap:8px;border-bottom:1px solid #f1f5f9;border-top:1px solid #f1f5f9;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;padding:16px 0}.stat-item{text-align:center}.stat-item.bordered{border-left:1px solid #f1f5f9;border-right:1px solid #f1f5f9}.stat-label{color:#94a3b8;font-size:.65rem;font-weight:600;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#475569;font-size:1rem;font-weight:800}.stat-value.blue{color:#0ea5e9}.stat-value.green{color:#10b981}.card-actions{border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:space-between;margin-top:8px;padding-top:16px}.action-group{display:flex;gap:6px}.btn-icon{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.btn-icon:hover{background-color:#f8fafc}.btn-icon.delete{background-color:#fef2f2;border-color:#fee2e2;color:#ef4444}.btn-icon.delete:hover{background-color:#fee2e2}.btn-primary-action{align-items:center;background-color:#1e293b;border:none;border-radius:10px;box-shadow:0 4px 6px -1px #1e293b1a;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:700;gap:8px;justify-content:center;padding:10px;transition:all .2s}.btn-primary-action:hover{background-color:#334155}.btn-payment{background-color:#f59e0b;border:none;border-radius:8px;box-shadow:0 2px 4px #f59e0b33;color:#fff;cursor:pointer;font-size:.75rem;font-weight:700;padding:8px 12px;transition:all .2s}.btn-payment:hover{background-color:#d97706}.empty-state{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;color:#94a3b8;padding:60px 20px;text-align:center}.empty-state p{font-size:1.1rem;font-weight:600}.professional-card.clickable{cursor:pointer}.professional-card.clickable:active{transform:scale(.98)}.modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172ab3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1);background-color:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:90%}.modal-content.narrow{max-width:95%;width:460px}.modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:800;margin:0;text-align:left}.btn-close-modal{align-items:center;background-color:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-close-modal:hover{background-color:#fee2e2;color:#ef4444;transform:rotate(90deg)}.modal-body{background-color:#fff;overflow-y:auto;padding:16px 20px 24px;text-align:left}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.details-container{display:flex;flex-direction:column;gap:24px;text-align:left}.details-section{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:20px;text-align:left}.section-title{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;font-weight:700;gap:8px;letter-spacing:.05em;margin-bottom:16px;text-align:left;text-transform:uppercase}.details-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:1fr 1fr;text-align:left}.detail-item{display:flex;flex-direction:column;gap:4px;text-align:left}.detail-label{color:#64748b;font-size:.8rem;font-weight:600;text-align:left}.detail-value{color:#1e293b;font-size:.95rem;font-weight:700;text-align:left}.detail-value.highlight{color:#0ea5e9}.detail-value.success{color:#16a34a}.detail-value.warning{color:#d97706}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body,html{overflow-x:hidden;overflow-y:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--sidebar-width:260px;--header-height:60px;--primary-color:#1a1d29}
/*# sourceMappingURL=main.9de927f2.css.map*/