.toast{display:flex;align-items:center;padding:12px 16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-in-out;border-left:4px solid transparent}.toast-success{border-left-color:#10b981;background-color:#f0fdf4}.toast-success .toast-icon i{color:#10b981}.toast-error{border-left-color:#ef4444;background-color:#fef2f2}.toast-error .toast-icon i{color:#ef4444}.toast-warning{border-left-color:#f59e0b;background-color:#fffbeb}.toast-warning .toast-icon i{color:#f59e0b}.toast-info{border-left-color:#3b82f6;background-color:#eff6ff}.toast-info .toast-icon i{color:#3b82f6}.toast-icon{margin-right:12px;font-size:20px;display:flex;align-items:center}.toast-icon i{font-size:20px}.toast-content{flex:1;font-size:14px;color:#1f2937;word-break:break-word}.toast-close{background:none;border:none;cursor:pointer;padding:4px;margin-left:8px;color:#6b7280;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.toast-close:hover{background-color:#0000000d;color:#1f2937}.toast-close i{font-size:18px}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast.removing{animation:slideOut .3s ease-in-out forwards}.sj-sidebar{width:280px;background-color:#fff;border-right:1px solid #e0e0e0;height:calc(100vh - 70px);position:fixed;top:70px;left:0;overflow-y:auto;transition:transform .3s ease,width .3s ease;z-index:50;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.sj-sidebar::-webkit-scrollbar{display:none;width:0}.sj-sidebar:hover{scrollbar-width:thin}.sj-sidebar:hover::-webkit-scrollbar{display:block;width:4px}.sj-sidebar:hover::-webkit-scrollbar-track{background:transparent}.sj-sidebar:hover::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.sj-sidebar:hover::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sj-sidebar-overlay{position:fixed;inset:70px 0 0;z-index:45;background-color:#00000080;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.sj-sidebar-overlay.open{opacity:1;visibility:visible}@media(min-width:1024px){.sj-sidebar-overlay{display:none}}.sj-sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden;padding-top:8px}.sj-sidebar-nav{flex:1;overflow-y:auto;padding:8px 12px;scrollbar-width:none}.sj-sidebar-nav::-webkit-scrollbar{display:none;width:0}.sj-sidebar-menu{display:flex;flex-direction:column;gap:4px}.sj-sidebar-department-section{margin-bottom:8px}.sj-sidebar-department-header{padding:8px 12px 4px}.sj-sidebar-department-title{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.sj-sidebar-department-items{display:flex;flex-direction:column;gap:2px}.sj-sidebar-item-wrapper{width:100%}.sj-sidebar-item{display:flex;align-items:center;padding:10px 14px;border-radius:8px;color:#374151;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease-in-out;cursor:pointer;position:relative;gap:12px}.sj-sidebar-item:hover{background-color:#f5f5f5;color:#1a1a2e}.sj-sidebar-item.active{color:#cc642d;background-color:#fff5f0}.sj-sidebar-item.active .sj-sidebar-icon{color:#cc642d}.sj-sidebar-icon{font-size:18px;color:#6b7280;width:24px;text-align:center;flex-shrink:0;transition:color .2s ease}.sj-sidebar-item:hover .sj-sidebar-icon,.sj-sidebar-item.active .sj-sidebar-icon{color:#cc642d}.sj-sidebar-item-text{flex:1;font-size:14px;color:#374151;transition:color .2s ease}.sj-sidebar-item:hover .sj-sidebar-item-text{color:#1a1a2e}.sj-sidebar-item.active .sj-sidebar-item-text{color:#cc642d;font-weight:600}.sj-sidebar-item-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background-color:#cc642d;border-radius:0 3px 3px 0;animation:sj-indicator-slide .3s ease}@keyframes sj-indicator-slide{0%{height:0;opacity:0}to{height:24px;opacity:1}}.sj-sidebar-footer{padding:12px 16px;border-top:1px solid #e0e0e0;flex-shrink:0;background:#fff}.sj-sidebar-logout-btn{display:flex;align-items:center;width:100%;padding:10px 14px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;gap:12px;text-align:left}.sj-sidebar-logout-btn:hover{background-color:#fef2f2}.sj-sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#cc642d,#b8552a);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0}.sj-sidebar-user-info{flex:1;min-width:0}.sj-sidebar-user-name{font-size:13px;font-weight:600;color:#1a1a2e;margin:0;line-height:1.2}.sj-sidebar-user-role{font-size:12px;color:#6b7280;margin:0;display:flex;align-items:center;gap:4px;transition:color .2s ease}.sj-sidebar-logout-btn:hover .sj-sidebar-user-role{color:#dc2626}.sj-sidebar-user-role i{font-size:12px}.sj-sidebar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;color:#6b7280;flex:1}.sj-sidebar-loading .spinner{animation:sj-spin 1s linear infinite;font-size:24px;margin-bottom:12px;color:#cc642d}.sj-sidebar-loading p{margin:0;font-size:14px}.sj-logout-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.sj-logout-modal{background:#fff;border-radius:12px;padding:24px;max-width:360px;width:90%;box-shadow:0 20px 60px #00000026;animation:sj-modal-slide-in .2s ease-out}@keyframes sj-modal-slide-in{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sj-logout-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sj-logout-modal-header i{font-size:24px;color:#dc2626}.sj-logout-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a2e}.sj-logout-modal-body{margin-bottom:20px}.sj-logout-modal-body p{margin:0;color:#6b7280;font-size:14px;line-height:1.5}.sj-logout-modal-actions{display:flex;gap:12px;justify-content:flex-end}.sj-logout-modal-cancel,.sj-logout-modal-confirm{padding:8px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease-in-out}.sj-logout-modal-cancel{background-color:#f3f4f6;color:#374151}.sj-logout-modal-cancel:hover{background-color:#e5e7eb}.sj-logout-modal-confirm{background-color:#dc2626;color:#fff}.sj-logout-modal-confirm:hover{background-color:#b91c1c}@media(max-width:1024px){.sj-sidebar{transform:translate(-100%);width:280px;top:60px;height:calc(100vh - 60px);z-index:100}.sj-sidebar.open{transform:translate(0)}.sj-sidebar-overlay{top:60px}.sj-sidebar-content{padding-top:4px}}@media(max-width:768px){.sj-sidebar{width:85%}}@media(max-width:480px){.sj-sidebar{top:50px;height:calc(100vh - 50px);width:85%}.sj-sidebar-overlay{top:50px}.sj-sidebar-item{padding:10px 12px;font-size:13px}.sj-sidebar-icon{font-size:16px;width:20px}.sj-sidebar-content{padding-top:4px}}@media(min-width:1024px){.sj-sidebar{transform:translate(0)!important}}@media(prefers-color-scheme:dark){.sj-sidebar{background-color:#1a1a2e;border-right-color:#2d2d44}.sj-sidebar-item{color:#a0a0c0}.sj-sidebar-item:hover{background-color:#2d2d44;color:#fff}.sj-sidebar-item.active{color:#f59e0b;background-color:#2d1f1f}.sj-sidebar-item.active .sj-sidebar-icon,.sj-sidebar-item.active .sj-sidebar-item-text{color:#f59e0b}.sj-sidebar-item-indicator{background-color:#f59e0b}.sj-sidebar-icon{color:#88a}.sj-sidebar-item:hover .sj-sidebar-icon{color:#f59e0b}.sj-sidebar-item-text{color:#a0a0c0}.sj-sidebar-item:hover .sj-sidebar-item-text{color:#fff}.sj-sidebar-footer{background-color:#1a1a2e;border-top-color:#2d2d44}.sj-sidebar-user-name{color:#fff}.sj-sidebar-user-role{color:#88a}.sj-sidebar-logout-btn:hover{background-color:#2d1f1f}.sj-sidebar-logout-btn:hover .sj-sidebar-user-role{color:#ef5350}.sj-sidebar-department-title,.sj-sidebar-loading{color:#88a}.sj-sidebar-loading .spinner{color:#f59e0b}.sj-logout-modal{background:#1a1a2e}.sj-logout-modal-header h3{color:#fff}.sj-logout-modal-body p{color:#88a}.sj-logout-modal-cancel{background-color:#2d2d44;color:#a0a0c0}.sj-logout-modal-cancel:hover{background-color:#3d3d5c}.sj-sidebar-overlay{background-color:#000000b3}.sj-sidebar:hover::-webkit-scrollbar-thumb{background:#4d4d6c}.sj-sidebar:hover::-webkit-scrollbar-thumb:hover{background:#5d5d7c}}@media print{.sj-sidebar,.sj-sidebar-overlay{display:none!important}}@media(prefers-reduced-motion:reduce){.sj-sidebar,.sj-sidebar-overlay,.sj-sidebar-item,.sj-logout-modal{transition:none!important;animation:none!important}.sj-sidebar-item-indicator{animation:none!important}}.sj-sidebar-item:focus-visible,.sj-sidebar-logout-btn:focus-visible{outline:2px solid #cc642d;outline-offset:2px}.sj-logout-modal-cancel:focus-visible,.sj-logout-modal-confirm:focus-visible{outline:2px solid #cc642d;outline-offset:2px}.sj-top-header{background:#fff;color:#1a1a2e;padding:0;border-bottom:2px solid #e0e0e0;position:fixed;top:0;left:0;right:0;z-index:1000;height:90px;min-height:90px;max-height:90px;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;transition:height .3s ease,min-height .3s ease,max-height .3s ease}.sj-top-header-content{max-width:1800px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;max-width:100%;box-sizing:border-box;position:relative;overflow:visible}.sj-logo-section{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.sj-sidebar-menu-button{display:none;background:none;border:none;color:#1a1a2e;font-size:1.8rem;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0}.sj-sidebar-menu-button:hover{background-color:#f0f0f0}.sj-sidebar-menu-button:active{transform:scale(.95)}.sj-foundation-logo{width:60px;height:60px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid #cc642d;overflow:hidden;padding:4px;flex-shrink:0}.sj-foundation-logo-img{width:100%;height:100%;object-fit:contain;border-radius:8px}.sj-foundation-info{display:flex;flex-direction:column;align-items:center;gap:2px;flex:2;text-align:center;padding:0 20px;min-width:0;overflow:hidden}.sj-foundation-name{font-size:1.6rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1.5px;color:#1a1a2e;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sj-foundation-address{font-size:.9rem;font-weight:400;margin:0;color:#6b7280;line-height:1.2;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sj-system-name{font-size:.8rem;font-weight:600;margin:2px 0 0;color:#cc642d;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sj-user-section{display:flex;align-items:center;justify-content:flex-end;flex:1;position:relative;min-width:0;z-index:1002}.sj-flag-wrapper{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 12px 4px 4px;border-radius:30px;transition:all .2s ease;position:relative;z-index:1002}.sj-flag-wrapper:hover{background-color:#f0f0f0}.sj-tanzania-flag{width:60px;height:60px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid #cc642d;overflow:hidden;padding:4px;flex-shrink:0;transition:all .2s ease}.sj-flag-wrapper:hover .sj-tanzania-flag{border-color:#cc642d;transform:scale(1.05);box-shadow:0 4px 12px #cc642d4d}.sj-flag-img{width:100%;height:100%;object-fit:cover;border-radius:8px}.sj-dropdown-indicator{font-size:.8rem;color:#6b7280;transition:all .2s ease;display:flex;align-items:center}.sj-dropdown-indicator.open{transform:rotate(180deg);color:#cc642d}.sj-dropdown-menu{position:absolute;top:calc(100% + 14px);right:0;background-color:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;width:340px;z-index:10000;animation:sj-dropdown-slide .2s ease-out;border:1px solid #e0e0e0;overflow:hidden;pointer-events:auto}@keyframes sj-dropdown-slide{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sj-dropdown-backdrop{position:fixed;inset:0;background:transparent;z-index:999;display:none}@media(max-width:768px){.sj-dropdown-backdrop{display:block}}.sj-dropdown-user-info{display:flex;align-items:center;padding:24px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.sj-dropdown-user-avatar{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;font-weight:600;color:#fff;font-size:1.1rem;flex-shrink:0}.sj-dropdown-user-avatar.admin{background:linear-gradient(135deg,#dc3545,#c82333)}.sj-dropdown-user-avatar.manager{background:linear-gradient(135deg,#007bff,#0056b3)}.sj-dropdown-user-avatar.staff{background:linear-gradient(135deg,#28a745,#1e7e34)}.sj-dropdown-user-avatar.volunteer{background:linear-gradient(135deg,#ffc107,#e0a800)}.sj-dropdown-user-avatar.default{background:linear-gradient(135deg,#6c757d,#545b62)}.sj-dropdown-user-details{flex:1;min-width:0}.sj-dropdown-user-name{font-weight:600;color:#1a1a2e;margin:0 0 4px;font-size:1.05rem}.sj-dropdown-user-email{font-size:.85rem;color:#6b7280;margin:0 0 10px}.sj-user-type-badge{display:inline-block;padding:3px 12px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sj-user-type-badge.admin{background-color:#dc3545;color:#fff}.sj-user-type-badge.manager{background-color:#007bff;color:#fff}.sj-user-type-badge.staff{background-color:#28a745;color:#fff}.sj-user-type-badge.volunteer{background-color:#ffc107;color:#212529}.sj-user-type-badge.default{background-color:#6c757d;color:#fff}.sj-dropdown-divider{height:1px;background-color:#e0e0e0;margin:0}.sj-dropdown-item{display:flex;align-items:center;padding:16px 24px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f0;pointer-events:auto}.sj-dropdown-item:last-of-type{border-bottom:none}.sj-dropdown-item:hover{background-color:#f8f9fa}.sj-dropdown-item-icon{margin-right:16px;font-size:1.2rem;width:28px;text-align:center;color:#6b7280;transition:color .2s ease}.sj-dropdown-item:hover .sj-dropdown-item-icon{color:#cc642d}.sj-dropdown-item-content{flex:1;display:flex;flex-direction:column}.sj-dropdown-item-text{font-size:.95rem;color:#1a1a2e;font-weight:500;margin-bottom:2px}.sj-dropdown-item-description{font-size:.8rem;color:#6b7280}.sj-dropdown-item.logout{color:#d32f2f}.sj-dropdown-item.logout:hover{background-color:#fef2f2}.sj-dropdown-item.logout .sj-dropdown-item-text{color:#d32f2f;font-weight:600}.sj-dropdown-item.logout .sj-dropdown-item-description{color:#e57373}.sj-dropdown-item.logout .sj-dropdown-item-icon{color:#d32f2f}.sj-dropdown-item.logout:hover .sj-dropdown-item-icon{color:#dc2626}.sj-dropdown-footer{padding:14px 24px;text-align:center;border-top:1px solid #e0e0e0;background-color:#f8f9fa;display:flex;flex-direction:column;gap:4px}.sj-dropdown-version{font-size:.75rem;color:#6b7280;font-weight:500}.sj-dropdown-user-id{font-size:.7rem;color:#9ca3af;font-family:monospace}@media(min-width:1201px){.sj-sidebar-menu-button{display:none}.sj-top-header{height:95px;min-height:95px;max-height:95px}.sj-foundation-logo,.sj-tanzania-flag{width:65px;height:65px}}@media(max-width:1200px)and (min-width:1025px){.sj-top-header{height:80px;min-height:80px;max-height:80px}.sj-foundation-name{font-size:1.4rem}.sj-foundation-address{font-size:.85rem}.sj-system-name{font-size:.75rem}.sj-foundation-logo,.sj-tanzania-flag{width:55px;height:55px}.sj-dropdown-menu{width:320px}.sj-sidebar-menu-button{display:none}}@media(max-width:1024px)and (min-width:769px){.sj-top-header{height:75px;min-height:75px;max-height:75px}.sj-top-header-content{padding:0 20px}.sj-foundation-name{font-size:1.3rem}.sj-foundation-address{font-size:.8rem}.sj-system-name{font-size:.7rem}.sj-foundation-logo,.sj-tanzania-flag{width:50px;height:50px}.sj-dropdown-menu{width:300px;top:calc(100% + 12px)}.sj-sidebar-menu-button{display:flex;width:44px;height:44px;font-size:1.6rem}.sj-logo-section{gap:12px}.sj-dropdown-backdrop{display:block}}@media(max-width:768px){.sj-top-header{height:70px;min-height:70px;max-height:70px}.sj-top-header-content{padding:0 16px}.sj-foundation-info{flex:3;padding:0 12px}.sj-foundation-name{font-size:1.1rem;letter-spacing:1px}.sj-foundation-address{font-size:.7rem}.sj-system-name{font-size:.6rem}.sj-foundation-logo,.sj-tanzania-flag{width:45px;height:45px}.sj-dropdown-menu{position:fixed;top:75px;right:16px;width:280px;max-height:calc(100vh - 90px);overflow-y:auto;z-index:10000!important}.sj-dropdown-user-info{padding:20px}.sj-dropdown-user-avatar{width:44px;height:44px}.sj-dropdown-item{padding:14px 18px}.sj-sidebar-menu-button{display:flex;width:40px;height:40px;font-size:1.5rem;padding:4px}.sj-logo-section{gap:10px}.sj-dropdown-indicator{font-size:.7rem}.sj-dropdown-backdrop{display:block}}@media(max-width:640px){.sj-top-header{height:65px;min-height:65px;max-height:65px}.sj-top-header-content{padding:0 12px}.sj-foundation-name{font-size:1rem;letter-spacing:.5px}.sj-foundation-address{font-size:.65rem}.sj-system-name{font-size:.55rem}.sj-foundation-logo,.sj-tanzania-flag{width:42px;height:42px}.sj-dropdown-menu{position:fixed;top:70px;right:12px;width:260px;max-height:calc(100vh - 80px)}.sj-dropdown-user-info{padding:16px}.sj-dropdown-user-avatar{width:40px;height:40px;margin-right:12px;font-size:.9rem}.sj-dropdown-user-name{font-size:.95rem}.sj-dropdown-user-email{font-size:.8rem}.sj-dropdown-item{padding:12px 16px}.sj-dropdown-item-icon{font-size:1.1rem;margin-right:12px}.sj-dropdown-item-text{font-size:.9rem}.sj-dropdown-item-description{font-size:.75rem}.sj-sidebar-menu-button{width:36px;height:36px;font-size:1.4rem;padding:4px}.sj-logo-section{gap:8px}}@media(max-width:480px){.sj-top-header{height:60px;min-height:60px;max-height:60px}.sj-foundation-name{font-size:.9rem;letter-spacing:.5px}.sj-foundation-address{display:none}.sj-system-name{font-size:.5rem}.sj-foundation-logo,.sj-tanzania-flag{width:38px;height:38px;border-radius:8px}.sj-dropdown-menu{position:fixed;top:65px;right:8px;width:240px;max-height:calc(100vh - 75px)}.sj-dropdown-user-info{padding:14px}.sj-dropdown-user-avatar{width:36px;height:36px;margin-right:10px;font-size:.8rem}.sj-dropdown-user-name{font-size:.9rem}.sj-dropdown-user-email{font-size:.75rem;margin-bottom:4px}.sj-user-type-badge{font-size:.6rem;padding:2px 10px}.sj-dropdown-item{padding:10px 14px}.sj-dropdown-item-icon{font-size:1rem;margin-right:10px;width:22px}.sj-dropdown-item-text{font-size:.85rem}.sj-dropdown-item-description{font-size:.7rem}.sj-dropdown-footer{padding:10px 14px}.sj-dropdown-version{font-size:.65rem}.sj-dropdown-user-id{font-size:.6rem}.sj-sidebar-menu-button{width:32px;height:32px;font-size:1.3rem;padding:4px}.sj-logo-section{gap:6px}.sj-dropdown-indicator{font-size:.55rem}}@media(max-width:400px){.sj-top-header{height:56px;min-height:56px;max-height:56px}.sj-foundation-name{font-size:.8rem}.sj-system-name{font-size:.45rem}.sj-foundation-logo,.sj-tanzania-flag{width:34px;height:34px;border-radius:6px}.sj-dropdown-menu{position:fixed;top:60px;right:4px;width:220px;max-height:calc(100vh - 70px)}.sj-sidebar-menu-button{width:28px;height:28px;font-size:1.2rem;padding:4px}.sj-logo-section{gap:4px}.sj-dropdown-indicator{display:none}}@media print{.sj-top-header{position:static;background:#fff!important;border-bottom:2px solid #000000!important;height:75px;min-height:75px;max-height:75px;box-shadow:none!important;overflow:visible!important}.sj-foundation-name{color:#000!important}.sj-foundation-address{color:#333!important}.sj-system-name{color:#cc642d!important}.sj-dropdown-menu,.sj-dropdown-backdrop,.sj-sidebar-menu-button{display:none!important}.sj-flag-wrapper{cursor:default}.sj-dropdown-indicator{display:none}.sj-tanzania-flag{border:2px solid #000000!important}}@media(prefers-reduced-motion:reduce){.sj-top-header,.sj-flag-wrapper,.sj-dropdown-indicator,.sj-dropdown-item,.sj-sidebar-menu-button{transition:none!important}.sj-dropdown-menu{animation:none!important}}.sj-sidebar-menu-button:focus-visible,.sj-flag-wrapper:focus-visible,.sj-dropdown-item:focus-visible{outline:2px solid #cc642d;outline-offset:2px}@media(prefers-contrast:high){.sj-top-header{background:#fff!important;border-bottom:3px solid #000000!important}.sj-foundation-name{color:#000!important}.sj-system-name{color:#cc642d!important}.sj-dropdown-menu{border:2px solid #000000}.sj-dropdown-divider{background-color:#000}.sj-sidebar-menu-button{border:1px solid #000000}.sj-foundation-logo,.sj-tanzania-flag{border:2px solid #000000!important}}@media(min-width:1920px){.sj-top-header{height:100px;min-height:100px;max-height:100px}.sj-top-header-content{max-width:2000px;padding:0 40px}.sj-foundation-logo{width:72px;height:72px}.sj-foundation-name{font-size:1.8rem}.sj-foundation-address{font-size:1rem}.sj-system-name{font-size:.9rem}.sj-tanzania-flag{width:72px;height:72px}.sj-dropdown-menu{width:360px}.sj-dropdown-user-avatar{width:58px;height:58px}.sj-dropdown-user-name{font-size:1.1rem}.sj-dropdown-item{padding:18px 26px}.sj-dropdown-item-icon{font-size:1.3rem}.sj-dropdown-item-text{font-size:1rem}.sj-sidebar-menu-button{display:none}}.profile-popup-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease;padding:10px;overflow:hidden}.profile-popup-container{background:#fff;border-radius:16px;width:98%;height:98vh;max-height:98vh;overflow:hidden;box-shadow:0 25px 100px #0006;animation:slideUp .4s ease;display:flex;flex-direction:column;max-width:1600px}.profile-popup-header{display:flex;justify-content:space-between;align-items:center;padding:25px 40px;background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1)}.profile-popup-header h2{margin:0;font-size:1.8rem;font-weight:600;display:flex;align-items:center;gap:12px}.profile-popup-header h2 i{font-size:1.5rem}.profile-popup-close{background:#ffffff26;border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.profile-popup-close:hover{background:#ffffff40;transform:rotate(90deg);box-shadow:0 4px 15px #0003}.profile-tabs{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:0 40px}.profile-tab{flex:1;padding:18px 20px;background:none;border:none;border-bottom:4px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#64748b;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;position:relative}.profile-tab:hover{color:#475569;background:#f1f5f9}.profile-tab.active{color:#1e40af;border-bottom-color:#1e40af;background:#fff;font-weight:600}.profile-tab i{font-size:1.1rem}.profile-popup-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;background:#fff}.profile-image-section{display:flex;align-items:center;gap:40px;margin:40px 40px 30px;padding-bottom:30px;border-bottom:2px solid #e2e8f0}.profile-image-container{position:relative;flex-shrink:0}.profile-image-wrapper{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;box-shadow:0 10px 30px #00000026}.profile-image{width:100%;height:100%;object-fit:cover;border:5px solid #f8fafc;border-radius:50%;transition:all .3s ease}.profile-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;border:5px solid #f8fafc;border-radius:50%}.placeholder-text{color:#fff;font-size:3.5rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}.edit-image-btn{position:absolute;bottom:5px;right:5px;background:#1e40af;color:#fff;border:none;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:all .3s ease;box-shadow:0 6px 20px #1e40af66;z-index:2}.edit-image-btn:hover{background:#1e3a8a;transform:scale(1.1);box-shadow:0 8px 25px #1e40af80}.image-error{color:#dc2626;font-size:.9rem;margin-top:10px;text-align:center}.profile-image-info h3{margin:0 0 8px;font-size:2.2rem;color:#1e293b;font-weight:700}.user-email{margin:0 0 12px;color:#64748b;font-size:1.1rem;font-weight:500}.user-phone{margin:0 0 20px;color:#475569;font-size:1rem;display:flex;align-items:center;gap:8px}.user-type-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;margin-right:10px;letter-spacing:.5px}.user-type-badge.super-admin{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#9d174d;border:1px solid #f9a8d4}.user-type-badge.admin{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.user-type-badge.manager{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.user-type-badge.staff{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.user-type-badge.volunteer{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed;border:1px solid #c4b5fd}.user-type-badge.intern{background:linear-gradient(135deg,#ccfbf1,#99f6e4);color:#0f766e;border:1px solid #5eead4}.status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #86efac}.status-badge.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.profile-tab-content{padding:0 40px 40px}.profile-form-grid.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.form-column{display:flex;flex-direction:column;gap:20px}.form-section-title{margin:0 0 15px;color:#1e293b;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.form-section-title i{font-size:1.1rem;color:#1e40af}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#374151;font-size:.95rem;display:flex;align-items:center;gap:5px}.form-group label:after{content:"*";color:#dc2626;margin-left:4px;display:none}.form-group.required label:after{display:inline}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease;width:100%;box-sizing:border-box;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 4px #1e40af1a;background:#f8fafc}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.form-group input.readonly,.form-group select.readonly{background:#f9fafb;color:#6b7280;cursor:not-allowed;border-color:#d1d5db}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc2626;background:#fef2f2}.readonly-field{padding:12px 16px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-size:1rem;min-height:48px;display:flex;align-items:center;justify-content:space-between;line-height:1.5;word-break:break-word}.readonly-field.address-field{min-height:60px;align-items:flex-start;padding:12px 16px;line-height:1.6}.readonly-field.highlight{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#1e40af;font-weight:600}.readonly-field.allowed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#166534}.readonly-field.denied{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#991b1b}.readonly-field.yes{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#166534}.readonly-field.no{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5;color:#991b1b}.age-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;border:1px solid #93c5fd;margin-left:8px;white-space:nowrap}.error-message{color:#dc2626;font-size:.9rem;margin-top:5px;display:flex;align-items:center;gap:6px}.error-alert{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;padding:16px 20px;border-radius:10px;margin-bottom:25px;display:flex;align-items:center;gap:12px;border:1px solid #fca5a5;font-weight:500}.success-alert{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;padding:16px 20px;border-radius:10px;margin-bottom:25px;display:flex;align-items:center;gap:12px;border:1px solid #86efac;font-weight:500}.profile-form-footer{display:flex;justify-content:flex-end;gap:20px;padding-top:30px;border-top:2px solid #e2e8f0;margin-top:20px}.btn-primary{background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff;box-shadow:0 4px 15px #1e40af4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a,#1e1b4b);transform:translateY(-2px);box-shadow:0 8px 25px #1e40af66}.loading-state{display:flex;align-items:center;justify-content:center;gap:15px;padding:60px 20px;font-size:1.1rem;color:#64748b;font-weight:500}.no-employee-data{text-align:center;padding:60px 20px;color:#64748b}.no-employee-data i{font-size:3rem;color:#f59e0b;margin-bottom:20px}.no-employee-data h3{margin:0 0 10px;color:#1e293b;font-size:1.5rem}.no-employee-data p{margin:0;font-size:1rem}.profile-popup-content::-webkit-scrollbar{width:8px}.profile-popup-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.profile-popup-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.profile-popup-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1400px){.profile-popup-container{width:95%;height:95vh}.profile-form-grid.three-columns{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){.profile-popup-header,.profile-tabs,.profile-image-section,.profile-tab-content{padding-left:30px;padding-right:30px}}@media(max-width:992px){.profile-form-grid.three-columns{grid-template-columns:1fr;gap:25px}.form-section-title{grid-column:1;margin-top:20px}.form-section-title:first-child{margin-top:0}.profile-image-wrapper{width:130px;height:130px}.profile-image-info h3{font-size:1.8rem}}@media(max-width:768px){.profile-popup-container{width:100%;height:100vh;border-radius:0;max-width:100%}.profile-popup-overlay{padding:0}.profile-popup-header{padding:20px 25px;flex-direction:column;gap:15px;text-align:center}.profile-popup-header h2{font-size:1.5rem;flex-direction:column;gap:8px}.profile-tabs{padding:0 20px;flex-wrap:wrap}.profile-tab{flex:1 0 calc(50% - 10px);padding:15px 10px;font-size:.9rem;margin:5px;border-radius:8px;border-bottom:none!important}.profile-tab.active{background:linear-gradient(135deg,#1e40af,#1e3a8a);color:#fff}.profile-image-section,.profile-tab-content{padding:25px}.profile-image-section{flex-direction:column;text-align:center;gap:25px}.profile-image-wrapper{width:120px;height:120px}.placeholder-text{font-size:2.5rem}.profile-image-info h3{font-size:1.6rem}.btn{width:100%;min-width:auto;padding:12px 24px}.profile-form-footer{flex-direction:column;gap:15px}}@media(max-width:576px){.profile-popup-header{padding:15px 20px}.profile-popup-header h2{font-size:1.3rem}.profile-tab{flex:1 0 100%;margin:2px 0}.profile-image-section,.profile-tab-content{padding:20px}.profile-image-info h3{font-size:1.4rem}}@media print{.profile-popup-overlay{position:static;background:#fff;padding:0}.profile-popup-container{width:100%;height:auto;max-height:none;box-shadow:none;border-radius:0}.profile-popup-header,.profile-tabs,.profile-form-footer,.btn,.edit-image-btn{display:none}.profile-popup-content{overflow:visible}.profile-form-grid.three-columns{grid-template-columns:repeat(3,1fr)}}.badge-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.staff-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;border-radius:50px;gap:.25rem}.staff-badge.staff{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.staff-badge.non-staff{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.superuser-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;border-radius:50px;gap:.25rem}.superuser-badge.superuser{background-color:#cce5ff;color:#004085;border:1px solid #b8daff}.superuser-badge.regular{background-color:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.user-id{font-size:.8rem;color:#666;margin-left:1rem;font-weight:400}.edit-toggle-section{display:flex;justify-content:flex-end;padding:0 1rem 1rem;border-bottom:1px solid #e0e0e0;margin-bottom:1rem}.form-control{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;transition:border-color .2s}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.95rem;margin-bottom:.25rem;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0;cursor:pointer;width:18px;height:18px}.profile-popup-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-top:1px solid #e0e0e0;margin-top:1rem}.last-updated{font-size:.85rem;color:#666;display:flex;align-items:center;gap:.5rem}.readonly-field.yes{color:#28a745;font-weight:500}.readonly-field.no{color:#dc3545}.readonly-field.highlight{background-color:#f8f9fa;padding:.5rem;border-radius:4px;border-left:3px solid #007bff}.age-badge{display:inline-block;background-color:#e3f2fd;color:#1976d2;padding:.15rem .5rem;border-radius:10px;font-size:.75rem;margin-left:.5rem}.mt-3{margin-top:1rem}.success-alert,.error-alert{padding:.75rem;border-radius:4px;margin:1rem 0;display:flex;align-items:center;gap:.5rem}.success-alert{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-alert{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading-state{display:flex;justify-content:center;align-items:center;padding:2rem;color:#666;gap:.5rem}.no-employee-data{text-align:center;padding:3rem;color:#666}.no-employee-data i{font-size:3rem;color:#ffc107;margin-bottom:1rem}.profile-image-wrapper{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid #007bff;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center}.profile-image{width:100%;height:100%;object-fit:cover}.profile-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#007bff,#6610f2);color:#fff;font-size:3rem;font-weight:700}.profile-image-placeholder.hidden{display:none}.placeholder-text{text-shadow:1px 1px 2px rgba(0,0,0,.3)}.edit-image-btn{position:absolute;bottom:10px;right:10px;width:40px;height:40px;border-radius:50%;background-color:#007bff;color:#fff;border:2px solid white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.edit-image-btn:hover{background-color:#0056b3;transform:scale(1.1)}.edit-image-btn:disabled{background-color:#6c757d;cursor:not-allowed;transform:none}.edit-image-btn i{font-size:1.2rem}.image-error{color:#dc3545;font-size:.875rem;margin-top:.5rem;text-align:center}.settings-popup-overlay{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10002;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease;padding:20px;overflow:hidden}.settings-popup-container{background:#fff;border-radius:16px;width:95%;height:95vh;max-height:95vh;overflow:hidden;box-shadow:0 25px 100px #00000080;animation:slideUp .4s ease;display:flex;flex-direction:column;max-width:1400px;transition:all .3s ease}.dark-theme .settings-popup-container{background:#1e293b;box-shadow:0 25px 100px #000000b3}.dark-theme .settings-popup-content{background:#1e293b;color:#e2e8f0}.dark-theme .settings-section-title{color:#f8fafc;border-bottom-color:#475569}.dark-theme .settings-section{border-bottom-color:#475569}.dark-theme .settings-popup-footer{border-top-color:#475569}.dark-theme .preferences-card,.dark-theme .session-management{background:#334155;border-color:#475569;color:#e2e8f0}.dark-theme .preference-label{color:#f8fafc}.dark-theme .preference-description{color:#94a3b8}.dark-theme .form-group label{color:#e2e8f0}.dark-theme .form-group input,.dark-theme .form-group select{background:#334155;border-color:#475569;color:#f8fafc}.dark-theme .form-group input:focus,.dark-theme .form-group select:focus{background:#475569;border-color:#10b981;box-shadow:0 0 0 4px #10b98133}.dark-theme .language-select,.dark-theme .timezone-select{background:#334155;border-color:#475569;color:#f8fafc}.dark-theme .session-item{background:#475569;border-color:#64748b;color:#e2e8f0}.dark-theme .session-value{color:#94a3b8}.dark-theme .btn-outline{background:transparent;border-color:#64748b;color:#e2e8f0}.dark-theme .btn-outline:hover{background:#475569;border-color:#94a3b8}.password-requirements{margin-top:10px;padding:10px 15px;background:#f8fafc;border-radius:8px;border-left:4px solid #10b981;font-size:.85rem;color:#64748b}.dark-theme .password-requirements{background:#334155;color:#94a3b8;border-left-color:#10b981}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.btn-outline .spinner{border:2px solid rgba(55,65,81,.3);border-top-color:#374151}.form-group input:disabled,.form-group select:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.form-group input:focus-visible,.form-group select:focus-visible,.btn:focus-visible,.settings-popup-close:focus-visible{outline:3px solid #10b981;outline-offset:2px}.settings-popup-content::-webkit-scrollbar{width:8px}.settings-popup-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.dark-theme .settings-popup-content::-webkit-scrollbar-track{background:#334155}.settings-popup-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dark-theme .settings-popup-content::-webkit-scrollbar-thumb{background:#64748b}.settings-popup-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.password-requirements{margin:10px 0;font-size:.8rem}.dark-theme .settings-popup-container{background:#1e293b}}.switch input:checked+.slider{background:linear-gradient(135deg,#10b981,#059669);transition:background .3s ease}@media print{.dark-theme .settings-popup-container,.dark-theme .settings-popup-content{background:#fff!important;color:#000!important}.dark-theme .preferences-card,.dark-theme .session-management{background:#f8f9fa!important;color:#000!important;border:1px solid #dee2e6!important}}.settings-popup-header{display:flex;justify-content:space-between;align-items:center;padding:25px 40px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.1)}.settings-popup-header h2{margin:0;font-size:1.8rem;font-weight:600;display:flex;align-items:center;gap:12px}.settings-popup-header h2 i{font-size:1.5rem}.settings-popup-close{background:#ffffff26;border:none;color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:1.3rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.settings-popup-close:hover{background:#ffffff40;transform:rotate(90deg);box-shadow:0 4px 15px #0003}.settings-popup-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;background:#fff;padding:40px}.settings-section{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #e2e8f0}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section-title{margin:0 0 25px;color:#1e293b;font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.settings-section-title i{color:#10b981;font-size:1.3rem}.settings-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:20px}.form-group label{margin-bottom:10px;font-weight:600;color:#374151;font-size:.95rem}.form-group input,.form-group select{padding:14px 18px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s ease;width:100%;box-sizing:border-box;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a;background:#f8fafc}.form-group input.error,.form-group select.error{border-color:#dc2626;background:#fef2f2}.error-message{color:#dc2626;font-size:.9rem;margin-top:8px;display:flex;align-items:center;gap:6px}.error-message:before{content:"⚠";font-size:.9rem}.preferences-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:20px}.preferences-card{background:#f8fafc;border-radius:12px;padding:25px;border:2px solid #e2e8f0;transition:all .3s ease}.preferences-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000001a;border-color:#cbd5e1}.preferences-card h4{margin:0 0 20px;color:#1e293b;font-size:1.2rem;font-weight:600;display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:2px solid #e2e8f0}.preference-item{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e2e8f0}.preference-item:last-child{border-bottom:none}.preference-info{flex:1}.preference-label{font-weight:600;color:#1e293b;display:block;margin-bottom:4px;font-size:1rem}.preference-description{color:#64748b;font-size:.9rem;line-height:1.4}.language-select,.timezone-select{min-width:200px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 15px;font-size:.95rem;transition:all .3s ease}.language-select:focus,.timezone-select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.session-management{background:#f8fafc;border-radius:12px;padding:25px;border:2px solid #e2e8f0}.session-info{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.session-item{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.session-item i{font-size:1.5rem;color:#10b981}.session-item i.secure{color:#10b981}.session-details{flex:1}.session-label{font-weight:600;color:#1e293b;display:block;margin-bottom:4px;font-size:.95rem}.session-value{color:#64748b;font-size:.9rem}.session-actions{display:flex;gap:15px;justify-content:flex-end}.switch{position:relative;display:inline-block;width:60px;height:28px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:28px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 5px #0003}input:checked+.slider{background:linear-gradient(135deg,#10b981,#059669)}input:checked+.slider:before{transform:translate(32px)}.settings-error-alert{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;padding:18px 24px;border-radius:10px;margin-bottom:25px;display:flex;align-items:center;gap:12px;border:1px solid #fca5a5;font-weight:500}.settings-success-alert{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;padding:18px 24px;border-radius:10px;margin-bottom:25px;display:flex;align-items:center;gap:12px;border:1px solid #86efac;font-weight:500}.settings-popup-footer{display:flex;justify-content:flex-end;gap:20px;padding-top:30px;border-top:2px solid #e2e8f0;margin-top:20px}.btn{padding:14px 32px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;border:none;min-width:140px;justify-content:center;letter-spacing:.3px}.btn-outline{background:#fff;border:2px solid #d1d5db;color:#374151}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-secondary{background:linear-gradient(135deg,#475569,#334155);color:#fff;box-shadow:0 4px 15px #4755694d}.btn-secondary:hover{background:linear-gradient(135deg,#334155,#1e293b);transform:translateY(-2px);box-shadow:0 8px 25px #47556966}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b66}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1200px){.settings-popup-container{width:98%;height:98vh}.settings-form-grid,.preferences-grid,.session-info{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.settings-popup-content{padding:30px}.settings-popup-header{padding:20px 30px}.settings-form-grid,.preferences-grid,.session-info{grid-template-columns:1fr}}@media(max-width:768px){.settings-popup-container{width:100%;height:100vh;border-radius:0;max-width:100%}.settings-popup-overlay{padding:0}.settings-popup-header{padding:15px 20px;flex-direction:column;gap:15px;text-align:center}.settings-popup-header h2{font-size:1.5rem;flex-direction:column;gap:8px}.settings-popup-content{padding:20px}.session-actions{flex-direction:column}.btn{width:100%;min-width:auto;padding:12px 24px}.settings-popup-footer{flex-direction:column;gap:15px}.language-select,.timezone-select{min-width:100%}}@media(max-width:576px){.settings-popup-header{padding:15px}.settings-popup-header h2{font-size:1.3rem}.settings-section-title{font-size:1.2rem}.preference-item{flex-direction:column;align-items:flex-start;gap:15px}.switch{align-self:flex-end}}@media print{.settings-popup-overlay{position:static;background:#fff;padding:0}.settings-popup-container{width:100%;height:auto;max-height:none;box-shadow:none;border-radius:0}.settings-popup-header,.settings-popup-footer,.btn,.switch,.session-actions{display:none}.settings-popup-content{overflow:visible;padding:20px}.preferences-card,.session-management{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}.layout{display:flex;min-height:100vh;background:#f8fafc;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.main-content{flex:1;margin-left:16rem;display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100%;box-sizing:border-box;margin-top:0;padding-top:90px;transition:padding-top .3s ease,margin-left .3s ease}.content-area{flex:1;padding:24px;overflow-y:auto;background:linear-gradient(135deg,#f8fafc,#f1f5f9);width:100%;max-width:100%;box-sizing:border-box;min-height:calc(100vh - 114px)}.sidebar-wrapper{position:fixed;top:90px;left:0;bottom:0;z-index:50;width:16rem;transition:transform .3s ease}@media(min-width:1201px){.main-content{padding-top:95px;margin-left:16rem}.content-area{min-height:calc(100vh - 119px)}.sidebar-wrapper{top:95px}}@media(max-width:1200px)and (min-width:1025px){.main-content{padding-top:80px;margin-left:16rem}.content-area{min-height:calc(100vh - 104px);padding:20px}.sidebar-wrapper{top:80px}}@media(max-width:1024px)and (min-width:769px){.main-content{padding-top:75px;margin-left:16rem}.content-area{min-height:calc(100vh - 99px);padding:20px}.sidebar-wrapper{top:75px}}@media(max-width:768px){.main-content{margin-left:0!important;padding-top:70px;width:100%}.content-area{min-height:calc(100vh - 86px);padding:16px}.sidebar-wrapper{top:70px;transform:translate(-100%)}.sidebar-wrapper.open{transform:translate(0)}}@media(max-width:640px){.main-content{padding-top:65px}.content-area{min-height:calc(100vh - 77px);padding:12px}.sidebar-wrapper{top:65px}}@media(max-width:480px){.main-content{padding-top:60px}.content-area{min-height:calc(100vh - 72px);padding:12px}.sidebar-wrapper{top:60px}}@media(max-width:400px){.main-content{padding-top:56px}.content-area{min-height:calc(100vh - 64px);padding:8px}.sidebar-wrapper{top:56px}}.sidebar-overlay{position:fixed;inset:70px 0 0;background:#00000080;z-index:45;display:none}.sidebar-overlay.open{display:block}@media(max-width:768px){.sidebar-overlay{top:70px}}@media(max-width:640px){.sidebar-overlay{top:65px}}@media(max-width:480px){.sidebar-overlay{top:60px}}@media(max-width:400px){.sidebar-overlay{top:56px}}.agri-report-page,.cbr-form-container,.plan-page,.activity-concept-note-page,.page-container{padding-top:0!important;margin-top:0!important}.content-area>*:first-child{margin-top:0}.content-area::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-track{background:#f1f5f9}.content-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.content-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.layout{background:#fff}.main-content{margin-left:0!important;padding-top:0!important}.content-area{min-height:auto!important;padding:20px!important;background:#fff!important}.sidebar-wrapper,.sidebar-overlay{display:none!important}}@media(prefers-color-scheme:dark){.layout{background:#1a1a2e}.content-area{background:linear-gradient(135deg,#1a1a2e,#2d2d44)}.content-area::-webkit-scrollbar-track{background:#2d2d44}.content-area::-webkit-scrollbar-thumb{background:#4d4d6c}.content-area::-webkit-scrollbar-thumb:hover{background:#5d5d7c}}@media(prefers-reduced-motion:reduce){.main-content,.sidebar-wrapper{transition:none!important}}@media(prefers-contrast:high){.sidebar-overlay{background:#000c}}.login-page{min-height:100vh;background:#fff;font-family:Open Sans,sans-serif}.login-hero{position:relative;width:100%;height:600px;overflow:hidden}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;background-size:cover;background-position:center;background-repeat:no-repeat;background-blend-mode:normal}.hero-slide.active{opacity:1}.hero-slide:after{content:"";position:absolute;inset:0;background:#2548634d;z-index:0}.login-hero-overlay{position:absolute;inset:0;background:#254863bf;z-index:1}.login-hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;color:#fff;padding:0 20px;max-width:1000px;width:100%}.login-hero-content h1{font-size:72px;font-weight:700;margin-bottom:25px;color:#9e620d;letter-spacing:3px;animation:fadeInUp .8s ease;font-family:Montserrat,sans-serif;text-shadow:0 4px 20px rgba(0,0,0,.3);white-space:nowrap}.login-hero-content p{font-size:28px;opacity:.95;animation:fadeInUp .8s ease .2s both;font-weight:400;font-family:Open Sans,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.3);line-height:1.6;margin-bottom:30px}.login-hero-content:after{content:"";display:block;width:100px;height:5px;background:#9e620d;margin:0 auto;border-radius:3px;animation:fadeInUp .8s ease .4s both}.hero-indicators{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:3}.hero-dot{width:12px;height:12px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.hero-dot.active{background:#9e620d;border-color:#fff;transform:scale(1.2)}.hero-dot:hover{background:#9e620d;transform:scale(1.1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-wrapper{max-width:1000px;width:100%;margin:-80px auto 0;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000026;position:relative;z-index:10;animation:fadeInUp .8s ease .1s both;max-height:520px}.login-left{background:linear-gradient(135deg,#254863,#1a3550);padding:30px 25px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand{text-align:center;margin-bottom:20px}.brand-logo{margin-bottom:10px;transition:transform .3s ease}.brand-logo:hover{transform:scale(1.05)}.brand-logo-img{width:60px;height:60px;object-fit:contain;border-radius:50%;border:3px solid #9e620d;padding:5px;background:#ffffff1a}.login-brand h2{font-size:24px;color:#9e620d;margin-bottom:5px;font-family:Montserrat,sans-serif;font-weight:800}.login-brand p{color:#fffc;font-size:12px;font-weight:400}.login-features{display:flex;flex-direction:column;gap:12px}.feature{display:flex;align-items:center;gap:10px;animation:fadeInUp .8s ease backwards;transition:transform .3s ease}.feature:nth-child(1){animation-delay:.3s}.feature:nth-child(2){animation-delay:.4s}.feature:nth-child(3){animation-delay:.5s}.feature:hover{transform:translate(5px)}.feature svg{color:#9e620d;flex-shrink:0;transition:transform .3s ease;width:18px;height:18px}.feature:hover svg{transform:scale(1.1)}.feature h4{font-size:13px;margin-bottom:2px;color:#fff;font-family:Poppins,sans-serif;font-weight:600}.feature p{font-size:11px;color:#ffffffb3;font-family:Open Sans,sans-serif}.login-right{padding:30px;background:#fff;display:flex;align-items:center}.login-form-container{width:100%}.login-header{text-align:center;margin-bottom:20px}.login-header h3{font-size:22px;color:#254863;margin-bottom:5px;font-family:Montserrat,sans-serif;font-weight:700}.login-header p{color:#666;font-size:13px;font-family:Open Sans,sans-serif}.toast-notification{position:fixed;top:80px;right:20px;min-width:300px;background:#fff;border-radius:12px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 10px 30px #0003;z-index:10000;animation:slideIn .3s ease;border-left:4px solid}.toast-notification.success{border-left-color:#28a745;background:#f0fff4}.toast-notification.success .toast-content svg{color:#28a745}.toast-notification.error{border-left-color:#dc3545;background:#fff5f5}.toast-notification.error .toast-content svg{color:#dc3545}.toast-content{display:flex;align-items:center;gap:12px;flex:1}.toast-content svg{flex-shrink:0}.toast-content span{color:#333;font-size:14px;line-height:1.5}.toast-close{background:none;border:none;cursor:pointer;color:#999;padding:5px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.toast-close:hover{color:#333;transform:scale(1.1)}.login-form{display:flex;flex-direction:column;gap:14px}.input-group{display:flex;flex-direction:column;gap:4px}.input-group label{font-size:12px;font-weight:600;color:#254863;font-family:Poppins,sans-serif}.input-icon{position:relative;width:100%}.input-icon .user-icon,.input-icon .lock-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999;z-index:2;pointer-events:none;transition:color .3s ease;width:16px;height:16px}.input-icon input{width:100%;padding:10px 40px 10px 35px;border:2px solid #e0e0e0;border-radius:8px;font-size:13px;transition:all .3s ease;background:#f8f9fa;color:#333;font-family:Open Sans,sans-serif}.input-icon input:focus{outline:none;border-color:#9e620d;background:#fff;box-shadow:0 0 0 3px #9e620d1a;transform:translateY(-1px)}.input-icon input::placeholder{color:#999;font-size:12px}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#999;padding:5px;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.toggle-password:hover{color:#9e620d}.toggle-password svg{width:16px;height:16px;display:block}.form-error{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff5f5;border:2px solid #dc3545;border-radius:8px;color:#dc3545;font-size:12px;animation:shake .5s ease}.form-error svg{flex-shrink:0;color:#dc3545;width:14px;height:14px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:2px 0}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;color:#666;transition:color .3s ease}.checkbox-label:hover{color:#254863}.checkbox-label input{cursor:pointer;transition:transform .2s ease;accent-color:#9e620d;width:14px;height:14px}.checkbox-label input:checked{transform:scale(1.1)}.forgot-password{color:#9e620d;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;font-size:12px}.forgot-password:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#9e620d;transition:width .3s ease}.forgot-password:hover{color:#7a4b0a}.forgot-password:hover:after{width:100%}.login-submit{background:#254863;color:#fff;border:none;padding:11px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Montserrat,sans-serif;margin-top:2px}.login-submit:hover:not(:disabled){background:#9e620d;transform:translateY(-2px);box-shadow:0 8px 20px #9e620d4d}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-submit svg{width:16px;height:16px}@media(max-width:1200px){.login-wrapper{max-width:920px;max-height:480px}.login-hero{height:500px}.login-hero-content h1{font-size:64px;white-space:nowrap}}@media(max-width:992px){.login-wrapper{grid-template-columns:1fr;max-width:480px;max-height:none;margin-top:-50px}.login-left,.login-right{padding:30px 25px}.login-features{flex-direction:row;justify-content:space-between;gap:12px}.feature{flex-direction:column;text-align:center}.feature:hover{transform:translateY(-5px)}.login-hero{height:450px}.login-hero-content h1{font-size:52px;white-space:nowrap}.login-hero-content p{font-size:24px}.brand-logo-img{width:55px;height:55px}}@media(max-width:768px){.login-hero{height:400px}.login-hero-content{max-width:700px}.login-hero-content h1{font-size:38px;margin-bottom:20px;white-space:nowrap;letter-spacing:2px}.login-hero-content p{font-size:20px;margin-bottom:20px}.login-hero-content:after{width:70px;height:4px}.hero-dot{width:10px;height:10px}.login-wrapper{max-width:420px;margin-top:-40px}.login-features{flex-direction:column;gap:12px}.login-header h3{font-size:20px}.login-left,.login-right{padding:25px 20px}.toggle-password{right:10px}.toggle-password svg{width:15px;height:15px}.input-icon input{padding:9px 35px 9px 32px;font-size:13px}.input-icon .user-icon,.input-icon .lock-icon{left:10px}.toast-notification{top:70px;right:10px;left:10px;min-width:auto}.brand-logo-img{width:50px;height:50px}.login-brand h2{font-size:22px}.hero-indicators{bottom:20px}}@media(max-width:600px){.login-hero-content h1{font-size:32px;white-space:nowrap;letter-spacing:1px}}@media(max-width:480px){.login-hero{height:350px}.login-hero-content{max-width:400px}.login-hero-content h1{font-size:26px;margin-bottom:15px;white-space:nowrap;letter-spacing:.5px}.login-hero-content p{font-size:16px;margin-bottom:15px}.login-hero-content:after{width:50px;height:3px}.hero-dot{width:8px;height:8px}.hero-indicators{bottom:15px;gap:8px}.login-wrapper{max-width:100%;margin:-30px 10px 0;border-radius:15px}.login-left,.login-right{padding:20px 15px}.login-options{flex-direction:column;gap:8px;align-items:flex-start}.brand-logo-img{width:45px;height:45px;padding:4px}.login-brand h2{font-size:20px}.login-brand p{font-size:11px}.login-header h3{font-size:18px}.login-header p{font-size:12px}.input-icon input{padding:8px 32px 8px 30px;font-size:12px;border-radius:6px}.input-icon .user-icon,.input-icon .lock-icon{left:8px;width:14px;height:14px}.input-icon .user-icon svg,.input-icon .lock-icon svg{width:14px;height:14px}.toggle-password{right:8px}.toggle-password svg{width:14px;height:14px}.login-submit{padding:10px;font-size:13px}.login-submit svg{width:14px;height:14px}.feature{gap:8px}.feature svg{width:16px;height:16px}.feature h4{font-size:12px}.feature p{font-size:10px}.form-error{padding:6px 10px;font-size:11px}}@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.login-hero-content h1,.login-hero-content p,.login-hero-content:after,.login-wrapper,.login-brand,.feature,.login-right{animation:none}.brand-logo,.feature,.feature svg,.input-icon input,.toggle-password,.checkbox-label input,.login-submit,.toast-close{transition:none;transform:none}.brand-logo:hover,.feature:hover{transform:none}.feature:hover svg{transform:none}.checkbox-label input:checked{transform:none}.form-error,.spinner{animation:none}}@media print{.login-page{background:#fff}.login-hero{height:250px}.hero-slide{opacity:1!important}.hero-slide:after{display:none}.login-hero-overlay{background:#254863!important}.login-hero-content h1{color:#9e620d!important;font-size:40px;white-space:nowrap}.login-hero-content p{font-size:20px}.login-hero-content:after{display:none}.hero-dot{display:none}.login-wrapper{max-width:100%;max-height:none;box-shadow:none;border:1px solid #ddd;margin-top:20px;border-radius:10px}.login-left{background:#254863!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.login-right{padding:25px 20px}.login-submit{background:#254863!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(prefers-contrast:high){.login-hero-overlay{background:#254863!important}.login-hero-content h1{color:gold!important}.input-icon input{border:3px solid #254863}.login-submit{border:3px solid #fff}.hero-dot.active{background:gold!important}}.sj-dashboard-container{padding:24px;min-height:100vh;background:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sj-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.sj-dashboard-title-section{flex:1}.sj-dashboard-main-title{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px;letter-spacing:-.5px}.sj-dashboard-main-title i{color:#2e8b57;margin-right:8px}.sj-dashboard-subtitle{font-size:14px;color:#6b7280;margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sj-dashboard-department-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:20px;font-size:11px;font-weight:500;background:#e8eeff;color:#4f46e5}.sj-dashboard-department-badge i{font-size:12px}.sj-dashboard-root-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:20px;font-size:11px;font-weight:500;background:#d1fae5;color:#065f46}.sj-dashboard-root-badge i{font-size:12px}.sj-dashboard-actions{display:flex;gap:8px;flex-wrap:wrap}.sj-dashboard-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.sj-dashboard-btn:hover{background:#f8f9fa;border-color:#cc642d;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.sj-dashboard-btn.active{background:#cc642d;color:#fff;border-color:#cc642d}.sj-dashboard-btn.active:hover{background:#b8552a;border-color:#b8552a}.sj-dashboard-btn i{font-size:16px}.sj-dashboard-btn-refresh{background:#f8f9fa;border-color:#e0e0e0}.sj-dashboard-btn-refresh:hover:not(:disabled){background:#e8e8e8}.sj-dashboard-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.sj-dashboard-status-bar{background:#fff;border-radius:12px;padding:16px 24px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;border:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.sj-dashboard-status-item{display:flex;align-items:center;gap:8px}.sj-dashboard-status-label{color:#6b7280;font-size:13px;font-weight:500}.sj-dashboard-status-value{font-size:15px;font-weight:600;color:#1a1a2e}.sj-dashboard-status-value.success{color:#10b981}.sj-dashboard-status-value.danger{color:#ef4444}.sj-dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:24px}.sj-dashboard-stat-card{background:#fff;border-radius:12px;padding:20px 24px;border:1px solid #e0e0e0;transition:all .3s ease}.sj-dashboard-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014;border-color:#cc642d}.sj-dashboard-stat-card.highlight{border-left:4px solid #cc642d}.sj-dashboard-stat-content{display:flex;align-items:center;gap:16px}.sj-dashboard-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.sj-dashboard-stat-icon.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.sj-dashboard-stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.sj-dashboard-stat-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.sj-dashboard-stat-icon.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.sj-dashboard-stat-info{flex:1}.sj-dashboard-stat-label{font-size:13px;color:#6b7280;font-weight:500;margin:0 0 2px;text-transform:uppercase;letter-spacing:.3px}.sj-dashboard-stat-value{font-size:32px;font-weight:700;color:#1a1a2e;margin:0;line-height:1.2}.sj-dashboard-stat-trend{font-size:12px;color:#6b7280;margin:4px 0 0}.sj-dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.sj-dashboard-section-title{font-size:18px;font-weight:600;color:#1a1a2e;margin:0;display:flex;align-items:center;gap:10px}.sj-dashboard-section-title i{color:#cc642d}.sj-dashboard-departments-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.sj-dashboard-department-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #e0e0e0;transition:all .3s ease;cursor:pointer}.sj-dashboard-department-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014;border-color:#cc642d}.sj-dashboard-department-card.general{border-left:4px solid #6b7280}.sj-dashboard-department-card.administration{border-left:4px solid #8b5cf6}.sj-dashboard-department-card.finance{border-left:4px solid #10b981}.sj-dashboard-department-card.hr{border-left:4px solid #f59e0b}.sj-dashboard-department-card.store{border-left:4px solid #ef4444}.sj-dashboard-department-card.health{border-left:4px solid #ec4899}.sj-dashboard-department-card.education{border-left:4px solid #8b5cf6}.sj-dashboard-department-card.projects{border-left:4px solid #f97316}.sj-dashboard-department-card.agriculture{border-left:4px solid #92400e}.sj-dashboard-department-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sj-dashboard-department-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.sj-dashboard-department-icon.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.sj-dashboard-department-icon.secondary{background:linear-gradient(135deg,#6b7280,#4b5563)}.sj-dashboard-department-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.sj-dashboard-department-icon.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.sj-dashboard-department-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.sj-dashboard-department-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.sj-dashboard-department-icon.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.sj-dashboard-department-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.sj-dashboard-department-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.sj-dashboard-department-icon.brown{background:linear-gradient(135deg,#92400e,#78350f)}.sj-dashboard-department-title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0}.sj-dashboard-department-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.sj-dashboard-department-count{display:flex;flex-direction:column}.sj-dashboard-count-value{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1}.sj-dashboard-count-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.sj-dashboard-department-modules-count{font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 12px;border-radius:20px}.sj-dashboard-department-link{color:#cc642d;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.sj-dashboard-department-link:hover{color:#b8552a;gap:8px}.sj-dashboard-modules-view{background:#fff;border-radius:12px;padding:24px;border:1px solid #e0e0e0}.sj-dashboard-modules-filter-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.sj-dashboard-search-box{flex:1;position:relative;min-width:200px}.sj-dashboard-search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.sj-dashboard-search-box input{width:100%;padding:10px 16px 10px 44px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.sj-dashboard-search-box input:focus{outline:none;border-color:#cc642d;box-shadow:0 0 0 3px #cc642d1a}.sj-dashboard-filter-select{padding:10px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease;min-width:180px}.sj-dashboard-filter-select:focus{outline:none;border-color:#cc642d;box-shadow:0 0 0 3px #cc642d1a}.sj-dashboard-department-modules{margin-bottom:32px}.sj-dashboard-department-modules:last-child{margin-bottom:0}.sj-dashboard-department-modules-header{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f8fafc;border-radius:8px;margin-bottom:16px}.sj-dashboard-department-modules-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.sj-dashboard-department-modules-icon.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.sj-dashboard-department-modules-icon.secondary{background:linear-gradient(135deg,#6b7280,#4b5563)}.sj-dashboard-department-modules-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.sj-dashboard-department-modules-icon.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.sj-dashboard-department-modules-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.sj-dashboard-department-modules-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.sj-dashboard-department-modules-icon.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.sj-dashboard-department-modules-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.sj-dashboard-department-modules-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.sj-dashboard-department-modules-icon.brown{background:linear-gradient(135deg,#92400e,#78350f)}.sj-dashboard-department-modules-info{flex:1}.sj-dashboard-department-modules-title{font-size:16px;font-weight:600;color:#1a1a2e;margin:0 0 2px}.sj-dashboard-department-modules-subtitle{font-size:13px;color:#6b7280;margin:0}.sj-dashboard-modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.sj-dashboard-module-card{background:#fff;border-radius:10px;padding:16px 20px;border:1px solid #e0e0e0;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;align-items:center;gap:16px}.sj-dashboard-module-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014;border-color:#cc642d}.sj-dashboard-module-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.sj-dashboard-module-icon.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.sj-dashboard-module-icon.secondary{background:linear-gradient(135deg,#6b7280,#4b5563)}.sj-dashboard-module-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.sj-dashboard-module-icon.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.sj-dashboard-module-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.sj-dashboard-module-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.sj-dashboard-module-icon.pink{background:linear-gradient(135deg,#ec4899,#db2777)}.sj-dashboard-module-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.sj-dashboard-module-icon.orange{background:linear-gradient(135deg,#f97316,#ea580c)}.sj-dashboard-module-icon.brown{background:linear-gradient(135deg,#92400e,#78350f)}.sj-dashboard-module-info{flex:1}.sj-dashboard-module-title{font-size:14px;font-weight:500;color:#1a1a2e;margin:0 0 4px}.sj-dashboard-module-stats{display:flex;align-items:center;gap:12px}.sj-dashboard-module-count{font-size:13px;color:#6b7280}.sj-dashboard-module-status{font-size:11px;font-weight:500;padding:2px 10px;border-radius:12px}.sj-dashboard-module-status.active{background:#d1fae5;color:#065f46}.sj-dashboard-module-status.inactive{background:#f3f4f6;color:#6b7280}.sj-dashboard-module-arrow{color:#9ca3af;font-size:18px;transition:all .3s ease}.sj-dashboard-module-card:hover .sj-dashboard-module-arrow{color:#cc642d;transform:translate(4px)}.sj-dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.sj-dashboard-spinner{width:48px;height:48px;border:4px solid #e0e0e0;border-top-color:#cc642d;border-radius:50%;animation:sj-spin .8s linear infinite}@keyframes sj-spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.sj-dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.sj-dashboard-header{flex-direction:column;align-items:stretch}.sj-dashboard-actions{flex-wrap:wrap}.sj-dashboard-btn{flex:1;justify-content:center;min-width:120px}.sj-dashboard-status-bar{flex-direction:column;align-items:stretch;gap:8px}}@media(max-width:768px){.sj-dashboard-container{padding:16px}.sj-dashboard-stats-grid,.sj-dashboard-departments-summary,.sj-dashboard-modules-grid{grid-template-columns:1fr}.sj-dashboard-main-title{font-size:22px}.sj-dashboard-stat-value{font-size:24px}.sj-dashboard-modules-filter-bar{flex-direction:column}.sj-dashboard-search-box{min-width:100%}.sj-dashboard-filter-select{width:100%}.sj-dashboard-department-modules-header{flex-direction:column;text-align:center}}@media(max-width:480px){.sj-dashboard-container{padding:12px}.sj-dashboard-main-title{font-size:20px}.sj-dashboard-actions{flex-direction:column}.sj-dashboard-btn{width:100%}.sj-dashboard-stat-card{padding:16px}.sj-dashboard-stat-content{flex-direction:column;text-align:center}.sj-dashboard-department-card{padding:16px}.sj-dashboard-module-card{flex-direction:column;text-align:center;padding:16px}.sj-dashboard-module-stats{justify-content:center}}@media(prefers-color-scheme:dark){.sj-dashboard-container{background:#1a1a2e}.sj-dashboard-main-title{color:#fff}.sj-dashboard-subtitle{color:#88a}.sj-dashboard-stat-card,.sj-dashboard-department-card,.sj-dashboard-modules-view{background:#2d2d44;border-color:#3d3d5c}.sj-dashboard-stat-label{color:#88a}.sj-dashboard-stat-value{color:#fff}.sj-dashboard-stat-trend{color:#88a}.sj-dashboard-department-title,.sj-dashboard-count-value{color:#fff}.sj-dashboard-count-label{color:#88a}.sj-dashboard-department-modules-count{background:#3d3d5c;color:#88a}.sj-dashboard-department-modules-header{background:#3d3d5c}.sj-dashboard-department-modules-title{color:#fff}.sj-dashboard-department-modules-subtitle{color:#88a}.sj-dashboard-module-card{background:#2d2d44;border-color:#3d3d5c}.sj-dashboard-module-title{color:#fff}.sj-dashboard-module-count{color:#88a}.sj-dashboard-module-status.inactive{background:#3d3d5c;color:#88a}.sj-dashboard-module-status.active{background:#1a3d2d;color:#34d399}.sj-dashboard-search-box input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.sj-dashboard-search-box input:focus{border-color:#cc642d}.sj-dashboard-search-box i{color:#88a}.sj-dashboard-filter-select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.sj-dashboard-status-bar{background:#2d2d44;border-color:#3d3d5c}.sj-dashboard-status-label{color:#88a}.sj-dashboard-status-value{color:#fff}.sj-dashboard-btn{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.sj-dashboard-btn:hover{background:#4d4d6c}.sj-dashboard-btn.active{background:#cc642d;border-color:#cc642d}.sj-dashboard-btn-refresh{background:#3d3d5c}.sj-dashboard-section-title{color:#fff}.sj-dashboard-department-badge{background:#2d2d44;color:#88a}.sj-dashboard-root-badge{background:#1a3d2d;color:#34d399}.sj-dashboard-department-link{color:#f59e0b}.sj-dashboard-department-link:hover{color:#fbbf24}}@media print{.sj-dashboard-container{padding:0;background:#fff}.sj-dashboard-btn,.sj-dashboard-btn-refresh{display:none!important}.sj-dashboard-stat-card,.sj-dashboard-department-card{border:1px solid #000000!important;box-shadow:none!important}.sj-dashboard-status-bar{border:1px solid #000000!important}}@media(prefers-reduced-motion:reduce){.sj-dashboard-stat-card,.sj-dashboard-department-card,.sj-dashboard-module-card,.sj-dashboard-module-arrow,.sj-dashboard-department-link{transition:none!important}}.sj-dashboard-btn:focus-visible,.sj-dashboard-search-box input:focus-visible,.sj-dashboard-filter-select:focus-visible,.sj-dashboard-module-card:focus-visible{outline:2px solid #cc642d;outline-offset:2px}.cr-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.cr-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.cr-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.cr-page-header-left h2 i{color:#667eea}.cr-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.cr-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.cr-btn-primary{background:#667eea;color:#fff}.cr-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.cr-btn-success{background:#10b981;color:#fff}.cr-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.cr-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.cr-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.cr-btn-warning{background:#f59e0b;color:#fff}.cr-btn-warning:hover:not(:disabled){background:#d97706}.cr-btn-print{background:#8b5cf6;color:#fff}.cr-btn-print:hover:not(:disabled){background:#7c3aed}.cr-btn:disabled{opacity:.6;cursor:not-allowed}.cr-btn-label{display:inline}@media(max-width:480px){.cr-btn-label{display:none}.cr-btn{padding:6px 10px}}.cr-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.cr-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.cr-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.cr-step.cr-active .cr-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.cr-step.cr-completed .cr-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.cr-step-number{font-weight:600;color:#64748b;font-size:14px}.cr-step.cr-active .cr-step-number,.cr-step.cr-completed .cr-step-number{color:#fff}.cr-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.cr-step.cr-active .cr-step-title{color:#667eea;font-weight:600}.cr-step.cr-completed .cr-step-title{color:#10b981}.cr-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.cr-step.cr-completed .cr-step-connector{background:#10b981}@media(max-width:600px){.cr-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.cr-step{flex:0 1 auto;min-width:60px}.cr-step-connector{display:none}.cr-step-title{font-size:10px}.cr-step-indicator{width:32px;height:32px;font-size:12px}}.cr-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.cr-step-content{margin-bottom:32px}.cr-step-header{margin-bottom:24px}.cr-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.cr-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.cr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.cr-form-grid{grid-template-columns:1fr}}.cr-form-group{display:flex;flex-direction:column;gap:4px}.cr-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.cr-form-group input,.cr-form-group select,.cr-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.cr-form-group input:focus,.cr-form-group select:focus,.cr-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.cr-required{color:#ef4444}.cr-full-width{grid-column:1 / -1}.cr-error-message{color:#ef4444;font-size:12px;margin-top:4px}.cr-error{border-color:#ef4444!important}.cr-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.cr-form-section{margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e0e0e0}.cr-form-section h4{margin:0 0 16px;color:#1a1a2e;font-size:16px;border-bottom:2px solid #667eea;padding-bottom:8px}.cr-child-selection-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.cr-child-selection-header label{font-weight:600;color:#1a1a2e}.cr-selection-info{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:4px}.cr-child-selection-container{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cr-select-wrapper{flex:1;min-width:200px;position:relative}.cr-select-wrapper select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;transition:border-color .3s}.cr-select-wrapper select:focus{border-color:#667eea;outline:none}.cr-info-message{margin-top:10px;padding:8px 12px;background:#f0fdf4;border-left:4px solid #10b981;border-radius:4px;font-size:13px;color:#166534;display:flex;align-items:center;gap:8px}.cr-autofill-indicator{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:#667eea}.cr-file-upload{position:relative;border:2px dashed #d0d5dd;border-radius:8px;padding:30px 20px;text-align:center;transition:all .3s;background:#fafafa;cursor:pointer}.cr-file-upload:hover{border-color:#667eea;background:#f0f4ff}.cr-file-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.cr-upload-placeholder i{font-size:36px;color:#94a3b8;margin-bottom:8px}.cr-upload-placeholder p{font-weight:500;color:#475569;margin:0}.cr-file-preview{margin-top:10px;padding:6px 12px;background:#f1f5f9;border-radius:4px;font-size:13px;color:#1a1a2e;display:flex;align-items:center;gap:6px}.cr-review-summary{display:flex;flex-direction:column;gap:16px}.cr-summary-section{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.cr-summary-section h4{margin:0 0 12px;color:#1a1a2e;font-size:16px;border-bottom:2px solid #667eea;padding-bottom:8px}.cr-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 16px}.cr-summary-item{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.cr-summary-item span{color:#6b7280}.cr-summary-item strong{color:#1a1a2e}.cr-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.cr-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.cr-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.cr-action-buttons-bottom{flex-direction:column;align-items:stretch}.cr-right-actions{flex-direction:column;width:100%}.cr-right-actions .cr-btn{width:100%;justify-content:center}}.cr-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:crSpin .8s linear infinite}@keyframes crSpin{to{transform:rotate(360deg)}}.cr-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cr-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.cr-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.cr-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.cr-table-header h2 i{color:#667eea}.cr-table-actions{display:flex;gap:8px;flex-wrap:wrap}.cr-total-count-badge{background:#667eea;color:#fff;padding:2px 10px;border-radius:20px;font-size:13px;font-weight:500}.cr-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}.cr-search-box{flex:1;min-width:200px;position:relative}.cr-search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.cr-search-box input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.cr-search-box input:focus{border-color:#667eea;outline:none}.cr-filter-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cr-filter-controls select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;background:#fff;min-width:100px}.cr-filter-controls select:focus{border-color:#667eea;outline:none}.cr-btn-clear{padding:8px 14px;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:4px}.cr-btn-clear:hover{background:#dc2626}.cr-table-info{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:#f8fafc;border-bottom:1px solid #e0e0e0;font-size:13px;color:#6b7280}.cr-items-per-page{display:flex;align-items:center;gap:6px}.cr-items-per-page select{padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.cr-table-responsive{overflow-x:auto;flex:1;padding:0 4px}.cr-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.cr-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.cr-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.cr-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.cr-data-table tbody tr:hover{background-color:#fafbff}.cr-data-table tbody td{padding:10px 14px;vertical-align:middle}.cr-col-actions{min-width:160px!important;text-align:center!important}.cr-row-number{color:#6b7280;font-weight:500;width:40px}.cr-child-name{font-weight:600;color:#1a1a2e}.cr-child-details{display:flex;gap:8px;font-size:12px;color:#6b7280;margin-top:2px}.cr-reg-number{font-family:monospace;background:#f1f5f9;padding:0 6px;border-radius:4px;font-size:11px}.cr-gender-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.cr-gender-badge.cr-male{background:#dbeafe;color:#1e40af}.cr-gender-badge.cr-female{background:#fce7f3;color:#be185d}.cr-disability-badge{display:inline-block;padding:2px 8px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:12px;font-weight:500}.cr-severity-text{display:block;font-size:11px;color:#6b7280;margin-top:2px}.cr-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.cr-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.cr-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.cr-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.cr-icon-btn:disabled{opacity:.4;cursor:not-allowed}.cr-icon-view{color:#1976d2}.cr-icon-view:hover:not(:disabled){background-color:#e3f2fd}.cr-icon-edit{color:#d97706}.cr-icon-edit:hover:not(:disabled){background-color:#fef3c7}.cr-icon-print{color:#7c3aed}.cr-icon-print:hover:not(:disabled){background-color:#ede9fe}.cr-icon-delete{color:#ef4444}.cr-icon-delete:hover:not(:disabled){background-color:#fee2e2}.cr-pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:12px 20px;border-top:1px solid #e0e0e0;flex-shrink:0;flex-wrap:wrap}.cr-pagination-btn{padding:6px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:4px;cursor:pointer;font-size:13px;min-width:34px;transition:all .2s}.cr-pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.cr-pagination-btn.cr-active{background:#667eea;color:#fff;border-color:#667eea}.cr-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.cr-no-results{text-align:center;padding:40px 20px;color:#6b7280}.cr-no-results i{font-size:48px;color:#e0e0e0;display:block;margin-bottom:12px}.cr-no-results h3{color:#374151;margin-bottom:12px}.cr-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.cr-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:crSlideIn .3s ease}@keyframes crSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cr-side-with-images{max-width:800px!important}.cr-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.cr-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.cr-side-header h3 i{color:#667eea}.cr-side-body{flex:1;overflow-y:auto;padding:20px 24px}.cr-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.cr-detail-section{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;margin-bottom:12px}.cr-detail-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #667eea;padding-bottom:8px;display:flex;align-items:center;gap:8px}.cr-detail-section h4 i{color:#667eea}.cr-view-grid{display:flex;flex-direction:column}.cr-detail-row{display:flex;padding:4px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.cr-detail-row:last-child{border-bottom:none}.cr-detail-label{width:140px;font-weight:600;color:#4a5568;flex-shrink:0}.cr-detail-value{flex:1;color:#1a1a2e}.cr-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cr-sub-section{background:#f8fafc;padding:10px;border-radius:6px}.cr-sub-section h5{margin:0 0 8px;color:#667eea;font-size:13px}.cr-gallery-section h4{display:flex;align-items:center;gap:10px}.cr-image-count-badge,.cr-doc-count-badge{background:#667eea;color:#fff;padding:0 8px;border-radius:12px;font-size:11px;margin-left:auto}.cr-image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:8px}.cr-gallery-item{border-radius:6px;overflow:hidden;cursor:pointer;border:1px solid #e0e0e0;transition:all .2s}.cr-gallery-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cr-gallery-item img{width:100%;height:160px;object-fit:cover;display:block}.cr-gallery-item-caption{padding:6px;background:#0009;color:#fff;font-size:11px;text-align:center}.cr-documents-list{display:flex;flex-direction:column;gap:6px}.cr-document-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.cr-document-item i{font-size:24px;color:#667eea}.cr-document-info{flex:1;display:flex;flex-direction:column}.cr-document-type{font-weight:500;color:#1a1a2e}.cr-document-desc{font-size:11px;color:#6b7280}.cr-btn-download{padding:4px 12px;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.cr-btn-download:hover{background:#5a67d8}.cr-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px}.cr-print-filter-modal{background:#fff;border-radius:12px;width:95%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.cr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.cr-modal-header h2{display:flex;align-items:center;gap:10px;font-size:20px;color:#1a1a2e;margin:0}.cr-modal-header h2 i{color:#667eea}.cr-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.cr-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.cr-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.cr-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.cr-filter-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0}.cr-filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cr-filter-section h3{margin:0 0 12px;font-size:16px;color:#1a1a2e}.cr-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.cr-filter-row:last-child{margin-bottom:0}.cr-filter-group{display:flex;flex-direction:column;gap:4px}.cr-filter-group label{font-weight:500;color:#374151;font-size:13px}.cr-filter-group select,.cr-filter-group input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.cr-filter-group select:focus,.cr-filter-group input:focus{border-color:#667eea;outline:none}.cr-age-range-inputs{display:flex;align-items:center;gap:8px}.cr-age-range-inputs input{width:70px;text-align:center}.cr-age-range-inputs span{color:#6b7280}.cr-checkbox-group{display:flex;flex-direction:column;gap:8px;margin-top:8px}.cr-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#1a1a2e}.cr-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#667eea}.cr-filter-summary-info{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:10px 14px;margin-top:12px;display:flex;align-items:center;gap:8px;font-size:13px;color:#166534}.cr-filter-summary-info i{font-size:16px}@media(prefers-color-scheme:dark){.cr-page{background:#1a1a2e}.cr-page-header{border-color:#2d2d44}.cr-page-header-left h2{color:#fff}.cr-page-subtitle{color:#88a}.cr-form{background:#2d2d44;border-color:#3d3d5c}.cr-step-header h3{color:#fff}.cr-step-header p{color:#88a}.cr-form-group label{color:#fff}.cr-form-group input,.cr-form-group select,.cr-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cr-form-group input:focus,.cr-form-group select:focus,.cr-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.cr-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cr-btn-secondary:hover:not(:disabled){background:#4d4d6c}.cr-form-section{background:#3d3d5c;border-color:#4d4d6c}.cr-form-section h4{color:#fff;border-color:#89f}.cr-summary-section{background:#3d3d5c;border-color:#4d4d6c}.cr-summary-section h4{color:#fff;border-color:#89f}.cr-summary-item{border-color:#4d4d6c}.cr-summary-item span{color:#88a}.cr-summary-item strong{color:#fff}.cr-file-upload{background:#3d3d5c;border-color:#4d4d6c}.cr-file-upload:hover{border-color:#89f;background:#1a2a5c}.cr-upload-placeholder p{color:#fff}.cr-file-preview{background:#3d3d5c;color:#fff}.cr-table-container{background:#2d2d44}.cr-table-header{border-color:#3d3d5c}.cr-table-header h2{color:#fff}.cr-table-header h2 i{color:#89f}.cr-total-count-badge{background:#89f;color:#1a1a2e}.cr-filter-bar{background:#3d3d5c;border-color:#4d4d6c}.cr-search-box input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cr-search-box input:focus{border-color:#89f}.cr-filter-controls select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cr-filter-controls select:focus{border-color:#89f}.cr-btn-clear{background:#dc2626}.cr-btn-clear:hover{background:#b91c1c}.cr-table-info{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.cr-items-per-page select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cr-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.cr-data-table thead th{color:#fff;background:#3d3d5c}.cr-data-table tbody tr{border-color:#3d3d5c}.cr-data-table tbody tr:hover{background-color:#3d3d5c}.cr-data-table tbody td{color:#d0d0e0}.cr-child-name{color:#fff}.cr-child-details{color:#88a}.cr-reg-number{background:#4d4d6c;color:#88a}.cr-gender-badge.cr-male{background:#1a2a5c;color:#93bbff}.cr-gender-badge.cr-female{background:#5c1a3d;color:#f9a8d4}.cr-disability-badge{background:#5c3d1a;color:#fbbf24}.cr-severity-text,.cr-icon-btn{color:#88a}.cr-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.cr-icon-view{color:#60a5fa}.cr-icon-view:hover:not(:disabled){background-color:#1a2a5c}.cr-icon-edit{color:#fbbf24}.cr-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.cr-icon-print{color:#a78bfa}.cr-icon-print:hover:not(:disabled){background-color:#2d1a5c}.cr-icon-delete{color:#f87171}.cr-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.cr-pagination-btn{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cr-pagination-btn:hover:not(:disabled){background:#89f;color:#1a1a2e}.cr-pagination-btn.cr-active{background:#89f;color:#1a1a2e}.cr-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.cr-step-number,.cr-step-title{color:#88a}.cr-step.cr-active .cr-step-title{color:#89f}.cr-step.cr-completed .cr-step-title{color:#6ee7b7}.cr-step-connector{background:#3d3d5c}.cr-step.cr-completed .cr-step-connector{background:#6ee7b7}.cr-side-container{background:#2d2d44}.cr-side-header{border-color:#3d3d5c}.cr-side-header h3{color:#fff}.cr-side-footer{border-color:#3d3d5c}.cr-detail-section{background:#3d3d5c;border-color:#4d4d6c}.cr-detail-section h4{color:#fff;border-color:#89f}.cr-detail-row{border-color:#4d4d6c}.cr-detail-label{color:#88a}.cr-detail-value{color:#d0d0e0}.cr-sub-section{background:#3d3d5c}.cr-sub-section h5{color:#89f}.cr-gallery-item{border-color:#4d4d6c}.cr-document-item{background:#3d3d5c;border-color:#4d4d6c}.cr-document-type{color:#fff}.cr-document-desc{color:#88a}.cr-btn-download{background:#89f;color:#1a1a2e}.cr-btn-download:hover{background:#667eea}.cr-no-results h3{color:#fff}.cr-no-results i{color:#3d3d5c}.cr-print-filter-modal{background:#2d2d44}.cr-modal-header{border-color:#3d3d5c}.cr-modal-header h2{color:#fff}.cr-modal-close{color:#88a}.cr-modal-close:hover{background-color:#3d3d5c;color:#fff}.cr-modal-footer,.cr-filter-section{border-color:#3d3d5c}.cr-filter-section h3,.cr-filter-group label{color:#fff}.cr-filter-group select,.cr-filter-group input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cr-filter-group select:focus,.cr-filter-group input:focus{border-color:#89f}.cr-checkbox-label{color:#d0d0e0}.cr-checkbox-label input[type=checkbox]{accent-color:#8899ff}.cr-filter-summary-info{background:#1a3d2d;border-color:#1a5d3d;color:#6ee7b7}.cr-child-selection-header label{color:#fff}.cr-selection-info{color:#88a}.cr-select-wrapper select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cr-select-wrapper select:focus{border-color:#89f}.cr-info-message{background:#1a3d2d;color:#6ee7b7}.cr-autofill-indicator{color:#89f}}.health-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.health-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.health-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.health-page-header-left h2 i{color:#35d461}.health-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.health-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.health-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.health-btn-primary{background:#35d461;color:#fff}.health-btn-primary:hover:not(:disabled){background:#2ec055;transform:translateY(-1px);box-shadow:0 4px 12px #35d4614d}.health-btn-success{background:#10b981;color:#fff}.health-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.health-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.health-btn-secondary:hover{background:#e8e8e8;border-color:silver}.health-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.health-btn-outline:hover{background:#f8f9fa}.health-btn-danger{background:#ef4444;color:#fff}.health-btn-danger:hover:not(:disabled){background:#dc2626}.health-btn-sm{padding:6px 12px;font-size:12px}.health-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.health-btn-label{display:none}.health-btn{padding:6px 10px}}.health-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.health-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.health-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.health-step.health-active .health-step-indicator{background:#35d461;color:#fff;border-color:#35d461;box-shadow:0 4px 12px #35d4614d}.health-step.health-completed .health-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.health-step-number{font-weight:600;color:#64748b}.health-step.health-active .health-step-number{color:#fff}.health-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.health-step.health-active .health-step-title{color:#35d461;font-weight:600}.health-step.health-completed .health-step-title{color:#10b981}.health-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.health-step.health-completed .health-step-connector{background:#10b981}@media(max-width:768px){.health-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.health-step{flex:0 0 auto}.health-step-connector{display:none}}.health-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.health-step-content{margin-bottom:24px}.health-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.health-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.health-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.health-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.health-form-grid{grid-template-columns:1fr}}.health-form-group{display:flex;flex-direction:column;gap:4px}.health-form-group.health-full-width{grid-column:1 / -1}.health-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.health-form-group input,.health-form-group select,.health-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.health-form-group input:focus,.health-form-group select:focus,.health-form-group textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.health-required{color:#ef4444}.health-error{border-color:#ef4444!important}.health-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.health-error-message{color:#ef4444;font-size:12px;margin-top:4px}.health-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap}@media(max-width:480px){.health-form-actions{flex-direction:column}.health-form-actions button{width:100%;justify-content:center}}.health-child-info-box{background:#f0fdf4;border:1px solid #d1fae5;border-radius:6px;padding:12px;margin-top:8px}.health-child-info-box p{margin:4px 0;font-size:13px;color:#1a1a2e}.health-child-info-box strong{color:#065f46}.health-medication-section{display:flex;flex-direction:column;gap:20px}.health-medication-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.health-medication-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #35D461}.health-medication-header h4{margin:0;color:#1a1a2e;font-size:16px}.health-btn-add{width:100%;padding:12px;border:2px dashed #cbd5e1;background:transparent;color:#64748b;font-weight:600;transition:all .3s ease;border-radius:6px;cursor:pointer}.health-btn-add:hover{border-color:#35d461;color:#35d461;background:#f0fdf4}.health-time-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.health-time-inputs input{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px}.health-days-container{margin-top:4px}.health-days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.health-day-item{display:flex;align-items:center}.health-day-checkbox{display:none}.health-day-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#374151;padding:6px 10px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;width:100%;transition:all .2s ease;-webkit-user-select:none;user-select:none;justify-content:center}.health-day-label:hover{border-color:#35d461;background:#f0fdf4}.health-day-checkbox:checked+.health-day-label{background:#35d461;border-color:#35d461;color:#fff}.health-day-custom{width:14px;height:14px;border:2px solid #d1d5db;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.health-day-checkbox:checked+.health-day-label .health-day-custom{background:#fff;border-color:#fff}.health-day-checkbox:checked+.health-day-label .health-day-custom:after{content:"✓";color:#35d461;font-size:10px;font-weight:700}.health-day-text{font-size:12px;font-weight:500}.health-review-summary{display:flex;flex-direction:column;gap:16px}.health-summary-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.health-summary-section h4{margin-top:0;margin-bottom:12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.health-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:600px){.health-summary-grid{grid-template-columns:1fr}}.health-summary-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f1f5f9}.health-summary-item:last-child{border-bottom:none}.health-summary-item.health-full-width{grid-column:1 / -1}.health-summary-item span{color:#64748b;font-size:13px}.health-summary-item strong{color:#1a1a2e;font-size:13px;text-align:right}.health-medication-summary{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px;margin-bottom:8px}.health-medication-summary .health-summary-item{border-bottom:none;padding:4px 0}.health-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.health-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.health-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.health-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.health-table-header h2 i{color:#35d461}.health-table-actions{display:flex;gap:8px;flex-wrap:wrap}.health-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.health-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.health-search-input-wrapper:focus-within{border-color:#35d461}.health-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.health-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.health-search-input::placeholder{color:#999}.health-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.health-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.health-table-wrapper{overflow-x:auto;flex:1}.health-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.health-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.health-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.health-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.health-data-table tbody tr:hover{background-color:#fafbff}.health-data-table tbody td{padding:10px 14px;vertical-align:middle}.health-col-sn{width:40px!important;text-align:center!important}.health-col-unit{min-width:120px}.health-col-actions{min-width:160px!important;text-align:center!important}.health-table-title{display:flex;flex-direction:column;gap:4px}.health-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.health-title-meta{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.9vw,11px);color:#666}.health-meta-icon{font-size:14px;color:#999}.health-unit-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.health-unit-health{background:#fee2e2;color:#991b1b}.health-unit-physiotherapy{background:#dbeafe;color:#1e40af}.health-unit-audiology{background:#f3e8ff;color:#7c3aed}.health-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.health-status-continue{background:#dcfce7;color:#166534}.health-status-discharge{background:#fef3c7;color:#92400e}.health-child-name,.health-diagnosis-text,.health-treatment-text{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.health-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.health-icon-btn:hover{background-color:#f0f0f0}.health-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.health-icon-view{color:#1976d2}.health-icon-view:hover{background-color:#e3f2fd}.health-icon-edit{color:#d97706}.health-icon-edit:hover{background-color:#fef3c7}.health-icon-delete{color:#ef4444}.health-icon-delete:hover{background-color:#fee2e2}.health-icon-expand{display:none;color:#666}.health-icon-expand .health-expanded{transform:rotate(180deg)}.health-expanded-row{background-color:#f8f9fa!important}.health-expanded-row td{padding:12px 16px!important}.health-expanded-content{padding:4px 0}.health-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.health-expanded-item{display:flex;flex-direction:column;gap:2px}.health-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.health-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.health-expanded-item .health-status-badge,.health-expanded-item .health-unit-badge{display:inline-block;width:fit-content}.health-expanded-full{grid-column:1 / -1}.health-medication-tag{display:inline-block;background:#f1f5f9;padding:2px 8px;border-radius:4px;font-size:12px;color:#475569;margin:2px 4px 2px 0}@media(max-width:600px){.health-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.health-expanded-grid{grid-template-columns:1fr}}.health-table-stats{padding:16px 20px;background:#f8fafc;border-top:1px solid #e0e0e0}.health-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.health-stat-item{text-align:center}.health-stat-value{display:block;font-size:clamp(20px,2.5vw,24px);font-weight:700;color:#35d461}.health-stat-label{display:block;font-size:clamp(11px,1vw,12px);color:#666;font-weight:500;margin-top:2px}.health-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.health-status-legend{display:flex;gap:16px;flex-wrap:wrap}.health-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.health-legend-color{width:14px;height:14px;border-radius:4px;display:inline-block}.health-legend-color.health-status-continue{background:#dcfce7;border:1px solid #166534}.health-legend-color.health-status-discharge{background:#fef3c7;border:1px solid #92400e}.health-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.health-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#35d461;border-radius:50%;animation:healthSpin .8s linear infinite}@keyframes healthSpin{to{transform:rotate(360deg)}}.health-empty-state{text-align:center;padding:60px 20px;color:#666}.health-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.health-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.health-empty-state p{margin:0 0 16px;color:#666}@media(max-width:768px){.health-page-header{flex-direction:column;align-items:flex-start;gap:12px}.health-page-header-right{width:100%;justify-content:flex-start}.health-table-header{flex-direction:column;align-items:flex-start}.health-table-actions{width:100%;justify-content:flex-start}.health-icon-expand{display:inline-flex}.health-data-table{font-size:12px;min-width:700px}.health-data-table thead th,.health-data-table tbody td{padding:8px 10px}.health-col-actions{min-width:150px!important}.health-time-inputs{grid-template-columns:1fr 1fr}.health-days-grid{grid-template-columns:repeat(4,1fr)}.health-summary-grid{grid-template-columns:1fr}}@media(max-width:480px){.health-page{padding:10px 12px}.health-data-table{font-size:11px;min-width:550px}.health-data-table thead th,.health-data-table tbody td{padding:6px 8px}.health-col-actions{min-width:120px!important}.health-table-container{width:100%;max-height:95vh}.health-form-actions{flex-direction:column}.health-form-actions button{width:100%;justify-content:center}.health-action-buttons{flex-direction:column}.health-right-actions{flex-direction:column;width:100%}.health-right-actions button{width:100%}.health-time-inputs{grid-template-columns:1fr}.health-days-grid{grid-template-columns:repeat(3,1fr)}.health-medication-header{flex-direction:column;gap:8px;align-items:stretch}.health-summary-item{flex-direction:column;align-items:flex-start;gap:4px}.health-summary-item strong{text-align:left}.health-table-footer{flex-direction:column;align-items:stretch}.health-table-footer .health-btn,.health-status-legend{justify-content:center}}@media(prefers-color-scheme:dark){.health-page{background:#1a1a2e}.health-page-header{border-color:#2d2d44}.health-page-header-left h2{color:#fff}.health-page-subtitle{color:#88a}.health-form{background:#2d2d44;border-color:#3d3d5c}.health-step-header{border-color:#3d3d5c}.health-step-header h3{color:#fff}.health-step-header p{color:#88a}.health-form-group label{color:#fff}.health-form-group input,.health-form-group select,.health-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.health-form-group input:focus,.health-form-group select:focus,.health-form-group textarea:focus{border-color:#35d461}.health-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.health-btn-secondary:hover{background:#4d4d6c}.health-btn-outline{border-color:#4d4d6c;color:#fff}.health-btn-outline:hover{background:#3d3d5c}.health-child-info-box{background:#1a3d2d;border-color:#1a5d3d}.health-child-info-box strong{color:#6ee7b7}.health-child-info-box p{color:#d0d0e0}.health-medication-card{background:#3d3d5c;border-color:#4d4d6c}.health-medication-header{border-color:#35d461}.health-medication-header h4{color:#fff}.health-day-label{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0d0}.health-day-label:hover{border-color:#35d461;background:#2d3d3d}.health-day-checkbox:checked+.health-day-label{background:#35d461;border-color:#35d461;color:#fff}.health-summary-section{background:#3d3d5c;border-color:#4d4d6c}.health-summary-section h4{color:#fff;border-color:#3d3d5c}.health-summary-item{border-color:#4d4d6c}.health-summary-item span{color:#88a}.health-summary-item strong{color:#fff}.health-medication-summary{background:#3d3d5c;border-color:#4d4d6c}.health-table-container{background:#2d2d44}.health-table-header{border-color:#3d3d5c}.health-table-header h2{color:#fff}.health-table-header h2 i{color:#35d461}.health-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.health-search-input{color:#fff}.health-search-input::placeholder{color:#88a}.health-search-icon{color:#88a}.health-stats-badge{background:#3d3d5c;color:#88a}.health-data-table{background:#2d2d44}.health-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.health-data-table thead th{color:#fff;background:#3d3d5c}.health-data-table tbody tr{border-color:#3d3d5c}.health-data-table tbody tr:hover{background-color:#3d3d5c}.health-data-table tbody td{color:#d0d0e0}.health-title-name{color:#fff}.health-title-meta{color:#88a}.health-meta-icon{color:#666}.health-unit-health{background:#3d1f1f;color:#fca5a5}.health-unit-physiotherapy{background:#1a2d4d;color:#93c5fd}.health-unit-audiology{background:#2d1a4d;color:#d8b4fe}.health-status-continue{background:#1a3d2d;color:#6ee7b7}.health-status-discharge{background:#3d3d1a;color:#fbbf24}.health-table-stats{background:#3d3d5c;border-color:#4d4d6c}.health-stat-value{color:#35d461}.health-stat-label{color:#88a}.health-table-footer{border-color:#4d4d6c;background:#2d2d44}.health-legend-item{color:#88a}.health-legend-color.health-status-continue{background:#1a3d2d;border-color:#6ee7b7}.health-legend-color.health-status-discharge{background:#3d3d1a;border-color:#fbbf24}.health-btn-add{border-color:#4d4d6c;color:#88a}.health-btn-add:hover{border-color:#35d461;color:#35d461;background:#1a3d2d}.health-time-inputs input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.health-icon-view:hover{background-color:#1a2d4d}.health-icon-edit:hover{background-color:#3d3d1a}.health-icon-delete:hover{background-color:#3d1f1f}.health-expanded-row{background-color:#3d3d5c!important}.health-expanded-item label{color:#88a}.health-expanded-item span{color:#fff}.health-medication-tag{background:#4d4d6c;color:#d0d0d0}.health-empty-state h4{color:#fff}.health-empty-state p{color:#88a}.health-empty-icon{color:#3d3d5c}}.edu-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.edu-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.edu-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.edu-page-header-left h2 i{color:#667eea}.edu-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.edu-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.edu-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.edu-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.edu-btn-primary{background:#667eea;color:#fff}.edu-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.edu-btn-success{background:#10b981;color:#fff}.edu-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.edu-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.edu-btn-secondary:hover{background:#e8e8e8;border-color:silver}.edu-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.edu-btn-outline:hover{background:#f8f9fa}.edu-btn-info{background:#3b82f6;color:#fff}.edu-btn-info:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.edu-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.edu-btn-label{display:none}.edu-btn{padding:6px 10px}}.edu-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.edu-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.edu-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.edu-step.edu-active .edu-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.edu-step.edu-completed .edu-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.edu-step-number{font-weight:600;color:#64748b}.edu-step.edu-active .edu-step-number{color:#fff}.edu-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.edu-step.edu-active .edu-step-title{color:#667eea;font-weight:600}.edu-step.edu-completed .edu-step-title{color:#10b981}.edu-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.edu-step.edu-completed .edu-step-connector{background:#10b981}@media(max-width:768px){.edu-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.edu-step{flex:0 0 auto}.edu-step-connector{display:none}}.edu-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.edu-step-content{margin-bottom:24px}.edu-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.edu-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.edu-step-header h3 i{color:#667eea}.edu-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.edu-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.edu-form-grid{grid-template-columns:1fr}}.edu-form-group{display:flex;flex-direction:column;gap:4px}.edu-form-group.edu-full-width{grid-column:1 / -1}.edu-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.edu-form-group input,.edu-form-group select,.edu-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.edu-form-group input:focus,.edu-form-group select:focus,.edu-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.edu-required{color:#ef4444}.edu-error{border-color:#ef4444!important}.edu-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.edu-error-message{color:#ef4444;font-size:12px;margin-top:4px}.edu-textarea{resize:vertical;min-height:80px;line-height:1.5}.edu-text-muted{color:#6b7280;font-size:13px;margin-top:8px}.edu-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.edu-action-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:12px}.edu-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.edu-form-actions{flex-direction:column}.edu-form-actions button{width:100%;justify-content:center}.edu-action-buttons{flex-direction:column}.edu-right-actions{flex-direction:column;width:100%}.edu-right-actions button{width:100%}}.edu-child-search-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;padding:12px}.edu-search-input-group{display:flex;gap:10px;margin-bottom:12px}.edu-search-input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;color:#1a1a2e}.edu-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.edu-search-results{max-height:200px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:6px}.edu-search-result-item{padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s ease}.edu-search-result-item:hover{background:#f0f4ff}.edu-search-result-item:last-child{border-bottom:none}.edu-result-name{font-weight:600;color:#1a1a2e;margin-bottom:4px}.edu-result-details{display:flex;gap:15px;font-size:12px;color:#6b7280}.edu-result-details span{display:flex;align-items:center;gap:4px}.edu-select-with-button{display:flex;gap:10px}.edu-select-with-button select{flex:1}.edu-child-info-card{grid-column:1 / -1;background:#f0f4ff;border:1px solid #e0e7ff;border-radius:8px;padding:16px;margin-top:8px}.edu-child-info-card h4{color:#4f46e5;margin:0 0 12px;font-size:15px}.edu-child-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;font-size:13px}.edu-child-info-grid div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #e5e7eb}.edu-child-info-grid div:last-child{border-bottom:none}.edu-child-info-grid strong{color:#1a1a2e;font-weight:500}.edu-file-upload{position:relative;height:100px;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background:#f9fafb}.edu-file-upload:hover{border-color:#667eea;background:#f0f4ff}.edu-file-upload input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.edu-upload-placeholder{text-align:center;color:#6b7280}.edu-upload-placeholder i{font-size:28px;color:#9ca3af;margin-bottom:6px}.edu-upload-placeholder p{margin:0;font-weight:500;font-size:13px}.edu-upload-placeholder span{font-size:11px;color:#9ca3af}.edu-review-summary{background:#f8fafc;border-radius:8px;padding:16px;border:1px solid #e0e0e0;margin-top:16px}.edu-review-summary h4{color:#1a1a2e;margin:0 0 16px;font-size:16px}.edu-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.edu-summary-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb}.edu-summary-item:last-child{border-bottom:none}.edu-summary-item span{color:#6b7280;font-size:13px}.edu-summary-item strong{color:#1a1a2e;font-size:13px;text-align:right;max-width:200px;word-break:break-word}.edu-loading-indicator{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#6b7280}.edu-loading-indicator .edu-spinner{width:30px;height:30px;margin-bottom:10px}.edu-info-message{grid-column:1 / -1;background:#ebf8ff;border-left:4px solid #3182ce;padding:12px 16px;border-radius:6px;display:flex;align-items:center;gap:10px}.edu-info-message i{font-size:20px;color:#3182ce}.edu-info-message p{margin:0;color:#2c5282;font-size:13px}.edu-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:eduSpin .8s linear infinite}@keyframes eduSpin{to{transform:rotate(360deg)}}.edu-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.edu-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.edu-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.edu-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.edu-table-header h2 i{color:#667eea}.edu-table-actions{display:flex;gap:8px;flex-wrap:wrap}.edu-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.edu-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.edu-search-input-wrapper:focus-within{border-color:#667eea}.edu-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.edu-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.edu-search-input::placeholder{color:#999}.edu-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.edu-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.edu-table-wrapper{overflow-x:auto;flex:1}.edu-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.edu-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.edu-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.edu-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.edu-data-table tbody tr:hover{background-color:#fafbff}.edu-data-table tbody td{padding:10px 14px;vertical-align:middle}.edu-col-sn{width:40px!important;text-align:center!important}.edu-col-gender{min-width:80px}.edu-col-disability{min-width:120px}.edu-col-school{min-width:100px}.edu-col-class{min-width:80px}.edu-col-program{min-width:100px}.edu-col-status{min-width:80px}.edu-col-actions{min-width:220px!important;text-align:center!important}.edu-table-title{display:flex;flex-direction:column;gap:2px}.edu-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.edu-title-meta{display:flex;align-items:center;gap:4px;font-size:clamp(10px,.9vw,11px);color:#666}.edu-meta-icon{font-size:12px;color:#999}.edu-student-name{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edu-gender-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.edu-gender-badge.edu-male{background:#dbeafe;color:#1e40af}.edu-gender-badge.edu-female{background:#fce7f3;color:#be185d}.edu-disability-badge{display:inline-block;padding:4px 10px;background:#fef3c7;color:#92400e;border-radius:20px;font-size:11px;font-weight:500}.edu-program-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:500}.edu-program-formal{background:#d1fae5;color:#065f46}.edu-program-vocational{background:#fef3c7;color:#92400e}.edu-program-informal{background:#e0e7ff;color:#3730a3}.edu-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.edu-status-active{background:#dcfce7;color:#166534}.edu-status-inactive{background:#f1f5f9;color:#475569}.edu-status-graduated{background:#dbeafe;color:#1e40af}.edu-status-transferred{background:#fef3c7;color:#92400e}.edu-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.edu-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.edu-icon-btn:hover{background-color:#f0f0f0}.edu-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.edu-icon-view-assessments{color:#805ad5}.edu-icon-view-assessments:hover{background-color:#ede9fe}.edu-icon-assessment{color:#ec4899}.edu-icon-assessment:hover{background-color:#fce7f3}.edu-icon-view{color:#1976d2}.edu-icon-view:hover{background-color:#e3f2fd}.edu-icon-edit{color:#d97706}.edu-icon-edit:hover{background-color:#fef3c7}.edu-icon-status{color:#059669}.edu-icon-status:hover{background-color:#d1fae5}.edu-icon-delete{color:#ef4444}.edu-icon-delete:hover{background-color:#fee2e2}.edu-icon-expand{display:none;color:#666}.edu-icon-expand .edu-expanded{transform:rotate(180deg)}.edu-expanded-row{background-color:#f8f9fa!important}.edu-expanded-row td{padding:12px 16px!important}.edu-expanded-content{padding:4px 0}.edu-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.edu-expanded-item{display:flex;flex-direction:column;gap:2px}.edu-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.edu-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.edu-expanded-item .edu-gender-badge,.edu-expanded-item .edu-disability-badge,.edu-expanded-item .edu-program-badge,.edu-expanded-item .edu-status-badge{display:inline-block;width:fit-content}.edu-expanded-full{grid-column:1 / -1}@media(max-width:600px){.edu-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.edu-expanded-grid{grid-template-columns:1fr}}.edu-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.edu-stats-summary{display:flex;gap:20px;flex-wrap:wrap}.edu-stat-item{display:flex;flex-direction:column;align-items:center}.edu-stat-value{font-size:20px;font-weight:700;color:#667eea}.edu-stat-label{font-size:11px;color:#666;font-weight:500;margin-top:2px}.edu-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.edu-empty-state{text-align:center;padding:60px 20px;color:#666}.edu-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.edu-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.edu-empty-state p{margin:0 0 16px;color:#666}.edu-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.edu-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:eduSlideIn .3s ease}@keyframes eduSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.edu-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.edu-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.edu-side-header h3 i{color:#667eea}.edu-side-body{flex:1;overflow-y:auto;padding:20px 24px}.edu-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.edu-view-grid{display:flex;flex-direction:column;gap:16px}.edu-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f8fafc}.edu-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.edu-view-section h4 i{color:#667eea}.edu-view-row{display:flex;margin-bottom:8px}.edu-view-row:last-child{margin-bottom:0}.edu-view-label{width:160px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.edu-view-value{flex:1;color:#1a1a2e;font-size:13px;text-align:right;word-break:break-word}.edu-view-full{flex-direction:column}.edu-view-full .edu-view-value{text-align:left;width:100%;margin-top:4px}.edu-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px;animation:eduFadeIn .3s ease}@keyframes eduFadeIn{0%{opacity:0}to{opacity:1}}.edu-modal-container{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:eduSlideUp .3s ease}.edu-modal-large{max-width:1000px}@keyframes eduSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.edu-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #667eea;flex-shrink:0}.edu-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.edu-modal-header h3 i{color:#667eea}.edu-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px;width:36px;height:36px}.edu-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.edu-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.edu-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e0e0;flex-shrink:0;flex-wrap:wrap}@media(max-width:480px){.edu-modal-footer{flex-direction:column}.edu-modal-footer button{width:100%;justify-content:center}}.edu-assessment-form{display:flex;flex-direction:column;gap:24px}.edu-form-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.edu-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.edu-section-title{color:#1a1a2e;margin:0 0 16px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.edu-section-number{background:#667eea;color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.edu-assessment-area{margin-bottom:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.edu-assessment-area h4{color:#374151;margin:0 0 12px;font-size:15px;font-weight:600}.edu-radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:6px}.edu-radio-label{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px}.edu-radio-label:hover{border-color:#667eea;background:#f0f4ff}.edu-radio-label input[type=radio]{margin:0;accent-color:#667eea;cursor:pointer}.edu-radio-text{color:#4b5563;font-weight:500}.edu-radio-label input[type=radio]:checked+.edu-radio-text{color:#667eea;font-weight:600}.edu-assessments-list{display:flex;flex-direction:column;gap:16px}.edu-assessment-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.edu-assessment-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e0e0e0}.edu-assessment-number{font-weight:600;color:#1a1a2e}.edu-assessment-date{color:#666;font-size:13px}.edu-assessment-date i{margin-right:4px}.edu-assessment-body{padding:16px}.edu-assessment-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.edu-info-row{display:flex;gap:8px}.edu-info-label{font-weight:600;color:#4a5568;font-size:13px;min-width:80px}.edu-info-value{color:#1a1a2e;font-size:13px}.edu-performance-badge{display:inline-block;padding:4px 10px;background:#d1fae5;color:#065f46;border-radius:20px;font-size:12px;font-weight:500}.edu-assessment-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.edu-summary-column strong{display:block;font-size:13px;color:#4a5568;margin-bottom:4px}.edu-summary-column p{margin:0;font-size:13px;color:#1a1a2e;line-height:1.4}@media(max-width:600px){.edu-assessment-info,.edu-assessment-summary{grid-template-columns:1fr}}@media(max-width:768px){.edu-page-header{flex-direction:column;align-items:flex-start;gap:12px}.edu-page-header-right{width:100%;justify-content:flex-start}.edu-table-header{flex-direction:column;align-items:flex-start}.edu-table-actions{width:100%;justify-content:flex-start}.edu-icon-expand{display:inline-flex}.edu-data-table{font-size:12px;min-width:700px}.edu-data-table thead th,.edu-data-table tbody td{padding:8px 10px}.edu-col-actions{min-width:150px!important}.edu-side-container{width:100%;max-width:100%}.edu-view-row{flex-direction:column;align-items:flex-start}.edu-view-label{width:100%;margin-bottom:4px}.edu-view-value{text-align:left;width:100%}.edu-modal-container{width:95%;max-height:95vh}.edu-stats-summary{flex-direction:column;gap:8px}.edu-summary-grid{grid-template-columns:1fr}.edu-radio-group{grid-template-columns:1fr 1fr}}@media(max-width:480px){.edu-page{padding:10px 12px}.edu-data-table{font-size:11px;min-width:550px}.edu-data-table thead th,.edu-data-table tbody td{padding:6px 8px}.edu-col-actions{min-width:120px!important}.edu-table-container{width:100%;max-height:95vh}.edu-form-actions{flex-direction:column}.edu-form-actions button{width:100%;justify-content:center}.edu-action-buttons{flex-direction:column}.edu-right-actions{flex-direction:column;width:100%}.edu-right-actions button{width:100%}.edu-table-footer{flex-direction:column;align-items:stretch}.edu-table-footer .edu-btn{justify-content:center}.edu-stats-summary{flex-direction:column;gap:8px}.edu-side-container{padding:0}.edu-side-header,.edu-side-body,.edu-side-footer{padding:12px 16px}.edu-modal-container{padding:0;border-radius:8px}.edu-modal-header,.edu-modal-body,.edu-modal-footer{padding:12px 16px}.edu-view-section{padding:12px}.edu-radio-group,.edu-child-info-grid,.edu-expanded-grid{grid-template-columns:1fr}.edu-search-input-group,.edu-select-with-button{flex-direction:column}.edu-select-with-button button{width:100%}}@media(prefers-color-scheme:dark){.edu-page{background:#1a1a2e}.edu-page-header{border-color:#2d2d44}.edu-page-header-left h2{color:#fff}.edu-page-subtitle{color:#88a}.edu-form{background:#2d2d44;border-color:#3d3d5c}.edu-step-header{border-color:#3d3d5c}.edu-step-header h3{color:#fff}.edu-step-header h3 i{color:#89f}.edu-step-header p{color:#88a}.edu-form-group label{color:#fff}.edu-form-group input,.edu-form-group select,.edu-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.edu-form-group input:focus,.edu-form-group select:focus,.edu-form-group textarea:focus{border-color:#667eea}.edu-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.edu-btn-secondary:hover{background:#4d4d6c}.edu-btn-outline{border-color:#4d4d6c;color:#fff}.edu-btn-outline:hover{background:#3d3d5c}.edu-table-container{background:#2d2d44}.edu-table-header{border-color:#3d3d5c}.edu-table-header h2{color:#fff}.edu-table-header h2 i{color:#89f}.edu-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.edu-search-input{color:#fff}.edu-search-input::placeholder{color:#88a}.edu-search-icon{color:#88a}.edu-stats-badge{background:#3d3d5c;color:#88a}.edu-data-table{background:#2d2d44}.edu-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.edu-data-table thead th{color:#fff;background:#3d3d5c}.edu-data-table tbody tr{border-color:#3d3d5c}.edu-data-table tbody tr:hover{background-color:#3d3d5c}.edu-data-table tbody td{color:#d0d0e0}.edu-title-name{color:#fff}.edu-title-meta{color:#88a}.edu-meta-icon{color:#666}.edu-gender-badge.edu-male{background:#1a2d4d;color:#93c5fd}.edu-gender-badge.edu-female{background:#3d1a2d;color:#f9a8d4}.edu-disability-badge{background:#3d3d1a;color:#fbbf24}.edu-program-formal{background:#1a3d2d;color:#6ee7b7}.edu-program-vocational{background:#3d3d1a;color:#fbbf24}.edu-program-informal{background:#1a2d4d;color:#93c5fd}.edu-status-active{background:#1a3d2d;color:#6ee7b7}.edu-status-inactive{background:#3d3d5c;color:#88a}.edu-status-graduated{background:#1a2d4d;color:#93c5fd}.edu-status-transferred{background:#3d3d1a;color:#fbbf24}.edu-table-footer{border-color:#4d4d6c;background:#2d2d44}.edu-stat-value{color:#89f}.edu-stat-label{color:#88a}.edu-side-container{background:#2d2d44}.edu-side-header{border-color:#3d3d5c}.edu-side-header h3{color:#fff}.edu-side-header h3 i{color:#89f}.edu-modal-close{color:#88a}.edu-modal-close:hover{background-color:#3d3d5c;color:#fff}.edu-side-footer{border-color:#3d3d5c}.edu-view-section{border-color:#3d3d5c;background:#3d3d5c}.edu-view-section h4{color:#fff;border-color:#3d3d5c}.edu-view-section h4 i{color:#89f}.edu-view-label{color:#88a}.edu-view-value{color:#d0d0d0}.edu-modal-container{background:#2d2d44}.edu-modal-header{border-color:#667eea}.edu-modal-header h3{color:#fff}.edu-modal-header h3 i{color:#89f}.edu-modal-footer{border-color:#3d3d5c}.edu-child-info-card{background:#1a2d4d;border-color:#1a3d6c}.edu-child-info-card h4{color:#93c5fd}.edu-child-info-grid div{border-color:#1a3d6c}.edu-child-info-grid strong{color:#fff}.edu-child-info-grid div{color:#d0d0d0}.edu-review-summary{background:#3d3d5c;border-color:#4d4d6c}.edu-review-summary h4{color:#fff}.edu-summary-item{border-color:#4d4d6c}.edu-summary-item span{color:#88a}.edu-summary-item strong{color:#fff}.edu-file-upload{background:#3d3d5c;border-color:#4d4d6c}.edu-file-upload:hover{border-color:#667eea;background:#1a2d4d}.edu-upload-placeholder{color:#88a}.edu-upload-placeholder i,.edu-upload-placeholder span{color:#666}.edu-info-message{background:#1a2d4d;border-color:#3b82f6}.edu-info-message i,.edu-info-message p{color:#93c5fd}.edu-search-results{border-color:#4d4d6c}.edu-search-result-item{border-color:#3d3d5c}.edu-search-result-item:hover{background:#1a2d4d}.edu-result-name{color:#fff}.edu-result-details{color:#88a}.edu-assessment-area{background:#3d3d5c;border-color:#4d4d6c}.edu-assessment-area h4{color:#fff}.edu-radio-label{background:#3d3d5c;border-color:#4d4d6c}.edu-radio-label:hover{border-color:#667eea;background:#1a2d4d}.edu-radio-text{color:#d0d0d0}.edu-radio-label input[type=radio]:checked+.edu-radio-text{color:#89f}.edu-assessment-header{background:#3d3d5c;border-color:#4d4d6c}.edu-assessment-number{color:#fff}.edu-assessment-date,.edu-info-label{color:#88a}.edu-info-value{color:#d0d0d0}.edu-performance-badge{background:#1a3d2d;color:#6ee7b7}.edu-summary-column strong{color:#88a}.edu-summary-column p{color:#d0d0d0}.edu-expanded-row{background-color:#3d3d5c!important}.edu-expanded-item label{color:#88a}.edu-expanded-item span,.edu-empty-state h4{color:#fff}.edu-empty-state p{color:#88a}.edu-empty-icon{color:#3d3d5c}.edu-editing-badge{background:#5c3d1a;color:#fbbf24}.edu-icon-view-assessments:hover{background-color:#1a2d4d}.edu-icon-assessment:hover{background-color:#3d1a2d}.edu-icon-view:hover{background-color:#1a2d4d}.edu-icon-edit:hover{background-color:#3d3d1a}.edu-icon-status:hover{background-color:#1a3d2d}.edu-icon-delete:hover{background-color:#3d1f1f}}.project-creation{padding:0;max-width:1200px;margin:0 auto;background:#f8fafc;min-height:100vh;font-family:Lato,sans-serif}.header-content h1 i{color:#8b5cf6}.step.active .step-indicator{background:#8b5cf6;border-color:#8b5cf6;color:#fff;transform:scale(1.1)}.step.completed .step-indicator{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.step.active .step-title{color:#8b5cf6}.step.completed .step-connector{background:#8b5cf6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;transform:translateY(-1px)}.form-group input[readonly]{background-color:#f8fafc;color:#64748b;cursor:not-allowed}.budget-input{position:relative}.budget-input .currency{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;font-weight:600;z-index:1}.budget-input input{padding-left:60px}.timeline-summary{background:#f0f9ff;border:2px solid #e0f2fe;border-radius:12px;padding:20px}.timeline-summary h4{margin:0 0 16px;color:#0369a1;font-size:1.1rem}.timeline-details{display:flex;flex-direction:column;gap:8px}.timeline-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.timeline-item span{color:#64748b;font-weight:500}.timeline-item strong{color:#1e293b;font-weight:600}.partner-info{background:#faf5ff;border:2px solid #e9d5ff;border-radius:12px;padding:20px}.partner-info h4{margin:0 0 12px;color:#7c3aed;font-size:1.1rem}.partner-info p{margin:8px 0;color:#6b7280}.partner-info strong{color:#7c3aed}.summary-section{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.summary-section:last-child{margin-bottom:0;border-bottom:none}.summary-section h5{color:#8b5cf6;margin:0 0 16px;font-size:1.1rem;font-weight:600}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0}.summary-item strong{color:#1e293b;text-align:right;flex:1;font-weight:600}.location-text{text-align:left!important;word-break:break-word}.budget-amount{color:#059669!important;font-size:1.1rem}.btn-primary{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.btn-primary:hover:not(:disabled){background:#7c3aed;border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.btn-outline:hover:not(:disabled){border-color:#8b5cf6;color:#8b5cf6;background:#faf5ff;transform:translateY(-2px)}@media(max-width:768px){.project-creation{padding:0}.creation-header{flex-direction:column;gap:20px;align-items:stretch;padding:24px 20px 0}.header-content h1{font-size:1.75rem}.progress-steps{padding:24px 20px;overflow-x:auto}.step{flex-shrink:0;min-width:120px}.step-title{font-size:.8rem}.creation-form{padding:24px 20px}.form-grid{grid-template-columns:1fr;gap:20px}.action-buttons{flex-direction:column;gap:16px}.right-actions{width:100%;justify-content:space-between}.btn{flex:1;justify-content:center}.summary-item{flex-direction:column;align-items:flex-start;gap:4px}.summary-item strong{text-align:left}.timeline-item{flex-direction:column;align-items:flex-start;gap:4px}}.form-group textarea::-webkit-scrollbar{width:6px}.form-group textarea::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.form-group textarea::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.form-group textarea::-webkit-scrollbar-thumb:hover{background:#94a3b8}.all-data-view{padding:20px;background:#f8fafc;min-height:100vh}.view-header{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;text-align:center}.view-header h2{color:#1e293b;margin-bottom:8px;font-size:28px}.view-header p{color:#64748b;font-size:16px}.action-buttons-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.data-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;margin-bottom:20px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{background:#f8fafc;padding:16px 12px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e2e8f0;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:14px 12px;border-bottom:1px solid #e2e8f0;color:#475569}.data-table tr:hover{background:#f8fafc}.data-table tr:last-child td{border-bottom:none}.badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.badge-type{background:#e0f2fe;color:#0369a1}.status-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-planning{background:#fef3c7;color:#92400e}.status-ongoing{background:#dcfce7;color:#166534}.status-completed{background:#dbeafe;color:#1e40af}.status-on-hold{background:#f1f5f9;color:#64748b}.status-cancelled{background:#fee2e2;color:#dc2626}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-action{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.btn-view{background:#dbeafe;color:#1e40af}.btn-view:hover{background:#bfdbfe;transform:translateY(-1px)}.btn-edit{background:#fef3c7;color:#92400e}.btn-edit:hover{background:#fde68a;transform:translateY(-1px)}.btn-delete{background:#fee2e2;color:#dc2626}.btn-delete:hover{background:#fecaca;transform:translateY(-1px)}.table-summary{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.summary-stats{display:flex;justify-content:space-around;align-items:center}.stat-item{text-align:center}.stat-label{display:block;font-size:14px;color:#64748b;margin-bottom:4px}.stat-value{display:block;font-size:18px;font-weight:700;color:#1e40af}.header-actions{display:flex;gap:12px;align-items:center}@media(max-width:768px){.all-data-view{padding:10px}.data-table-container{overflow-x:auto}.data-table{min-width:800px}.summary-stats{flex-direction:column;gap:15px}.action-buttons-row{flex-direction:column;gap:10px;align-items:stretch}.header-actions{flex-direction:column;gap:10px;width:100%}.header-actions .btn{width:100%;justify-content:center}}@media print{.action-buttons-row,.action-buttons{display:none!important}.all-data-view{background:#fff!important;padding:0!important}.data-table-container{box-shadow:none!important}}.emp-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.emp-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.emp-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.emp-page-header-left h2 i{color:#3b82f6}.emp-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.emp-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.emp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.emp-btn-primary{background:#3b82f6;color:#fff}.emp-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.emp-btn-success{background:#10b981;color:#fff}.emp-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.emp-btn-warning{background:#f59e0b;color:#fff}.emp-btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.emp-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.emp-btn-secondary:hover{background:#e8e8e8;border-color:silver}.emp-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.emp-btn-outline:hover{background:#f8f9fa}.emp-btn-apply{background:#3b82f6;color:#fff}.emp-btn-apply:hover{background:#2563eb}.emp-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.emp-btn-clear:hover{background:#e8e8e8}.emp-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.emp-btn-label{display:none}.emp-btn{padding:6px 10px}}.emp-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.emp-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.emp-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.emp-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.emp-step.active .emp-step-indicator{background:#3b82f6;color:#fff;transform:scale(1.1)}.emp-step.completed .emp-step-indicator{background:#10b981;color:#fff}.emp-step-number{font-weight:600;color:#64748b}.emp-step.active .emp-step-number{color:#fff}.emp-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.emp-step.active .emp-step-title{color:#2563eb;font-weight:600}.emp-step.completed .emp-step-title{color:#10b981}.emp-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.emp-step.completed .emp-step-connector{background:#10b981}.emp-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.emp-step-content{margin-bottom:20px}.emp-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.emp-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.emp-step-header p{margin:0;color:#666;font-size:14px}.emp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.emp-form-grid{grid-template-columns:1fr}}.emp-form-group{display:flex;flex-direction:column;gap:4px}.emp-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.emp-form-group input,.emp-form-group select,.emp-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.emp-form-group input:focus,.emp-form-group select:focus,.emp-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.emp-form-group textarea{resize:vertical;min-height:60px}.emp-auto-filled{background-color:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}.emp-full-width{grid-column:1 / -1}.emp-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.emp-error{border-color:#ef4444!important}.emp-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.emp-review-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:20px}.emp-review-section h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.emp-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.emp-review-item{display:flex;gap:8px;padding:4px 0}.emp-review-item label{font-weight:600;color:#4a5568;min-width:140px;font-size:13px}.emp-review-item span{color:#1a1a2e;font-size:13px}.emp-review-item.emp-full-width{grid-column:1 / -1}.emp-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.emp-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.emp-form-actions{flex-direction:column;align-items:stretch}.emp-right-actions{flex-direction:column}.emp-right-actions button{width:100%;justify-content:center}}.emp-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.emp-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.emp-search-input-wrapper:focus-within{border-color:#3b82f6}.emp-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.emp-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.emp-search-input::placeholder{color:#999}.emp-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.emp-clear-search:hover{color:#1a1a2e}.emp-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.emp-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.emp-filter-toggle:hover{background-color:#e8e8e8}.emp-filter-toggle.active{background-color:#e8eeff;border-color:#3b82f6;color:#3b82f6}.emp-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.emp-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.emp-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.emp-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.emp-filter-group select,.emp-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.emp-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.emp-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.emp-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.emp-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.emp-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.emp-table-header h2 i{color:#3b82f6}.emp-table-actions{display:flex;gap:8px;flex-wrap:wrap}.emp-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.emp-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.emp-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.emp-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.emp-data-table tbody tr:hover{background-color:#fafbff}.emp-data-table tbody tr:last-child{border-bottom:none}.emp-data-table tbody td{padding:10px 14px;vertical-align:middle}.emp-row-inactive{opacity:.6}.emp-row-inactive:hover{opacity:.8}.emp-col-actions{min-width:200px!important;text-align:center!important}.emp-employee-info{display:flex;flex-direction:column;gap:4px}.emp-employee-info strong{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e}.emp-employee-details{display:flex;align-items:center;gap:8px}.emp-id-badge{font-size:11px;color:#666;background:#f0f0f0;padding:2px 8px;border-radius:4px}.emp-gender-badge{font-size:11px;padding:2px 10px;border-radius:12px;font-weight:500}.emp-gender-badge.male{background:#dbeafe;color:#1e40af}.emp-gender-badge.female{background:#fce7f3;color:#be185d}.emp-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.emp-status-active{background:#d1fae5;color:#059669}.emp-status-inactive{background:#e2e8f0;color:#475569}.emp-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.emp-icon-btn:hover{background-color:#f0f0f0}.emp-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.emp-icon-view{color:#1976d2}.emp-icon-view:hover{background-color:#e3f2fd}.emp-icon-edit{color:#ed6c02}.emp-icon-edit:hover{background-color:#fff3e0}.emp-icon-delete{color:#ef4444}.emp-icon-delete:hover{background-color:#fee2e2}.emp-icon-print{color:#6b7280}.emp-icon-print:hover{background-color:#f3f4f6}.emp-icon-activate{color:#10b981}.emp-icon-activate:hover{background-color:#d1fae5}.emp-icon-deactivate{color:#f59e0b}.emp-icon-deactivate:hover{background-color:#fef3c7}.emp-icon-expand{display:none;color:#666}.emp-icon-expand .emp-expanded{transform:rotate(180deg)}.emp-expanded-row{background-color:#f8f9fa!important}.emp-expanded-row td{padding:12px 16px!important}.emp-expanded-content{padding:4px 0}.emp-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.emp-expanded-item{display:flex;flex-direction:column;gap:2px}.emp-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.emp-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.emp-expanded-item .emp-status-badge{display:inline-block;width:fit-content}.emp-expanded-full{grid-column:1 / -1}@media(max-width:600px){.emp-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.emp-expanded-grid{grid-template-columns:1fr}}.emp-pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:16px 20px;border-top:1px solid #f0f0f0;flex-wrap:wrap}.emp-pagination-btn{padding:6px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);transition:all .2s;color:#1a1a2e}.emp-pagination-btn:hover:not(:disabled):not(.active){background:#f0f0f0}.emp-pagination-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.emp-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.emp-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.emp-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#3b82f6;font-weight:500}.emp-items-per-page{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.emp-items-per-page select{padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;background:#fff;font-size:13px;cursor:pointer}.emp-empty-state{text-align:center;padding:60px 20px;color:#666}.emp-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.emp-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.emp-empty-state p{margin:0;color:#666}.emp-loading-spinner{text-align:center;padding:40px;color:#666}.emp-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:empSpin .8s linear infinite}@keyframes empSpin{to{transform:rotate(360deg)}}.emp-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.emp-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:empSlideIn .3s ease}@keyframes empSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.emp-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.emp-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.emp-side-header h3 i{color:#3b82f6}.emp-side-body{flex:1;overflow-y:auto;padding:20px 24px}.emp-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.emp-view-grid{display:flex;flex-direction:column;gap:16px}.emp-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.emp-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.emp-view-section h4 i{color:#3b82f6}.emp-view-row{display:flex;margin-bottom:8px}.emp-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.emp-view-value{flex:1;color:#1a1a2e;font-size:13px}.emp-view-full{flex-direction:column}.emp-view-full .emp-view-label{width:100%;margin-bottom:4px}.emp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.emp-print-filter-modal{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.emp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.emp-modal-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.emp-modal-header h2 i{color:#3b82f6}.emp-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.emp-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.emp-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.emp-filter-section{margin-bottom:20px}.emp-filter-section h3{font-size:15px;font-weight:600;color:#1a1a2e;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.emp-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.emp-filter-group{display:flex;flex-direction:column;gap:4px}.emp-filter-group label{font-size:13px;font-weight:500;color:#1a1a2e}.emp-filter-group select,.emp-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;background:#fff;width:100%}.emp-filter-group select:focus,.emp-filter-group input:focus{outline:none;border-color:#3b82f6}.emp-age-range-inputs,.emp-date-range-inputs{display:flex;align-items:center;gap:6px}.emp-age-range-inputs input,.emp-date-range-inputs input{flex:1;min-width:60px}.emp-checkbox-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.emp-checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#1a1a2e}.emp-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3B82F6}.emp-filter-summary-info{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:#f0f9ff;border-radius:6px;border-left:3px solid #3B82F6;font-size:13px;color:#1e40af}.emp-filter-summary-info i{font-size:18px;flex-shrink:0;margin-top:1px}.emp-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #f0f0f0;flex-shrink:0}@media(max-width:768px){.emp-page-header{flex-direction:column;align-items:flex-start;gap:12px}.emp-page-header-right{width:100%;justify-content:flex-start}.emp-progress-steps{flex-direction:column;gap:20px;padding:0}.emp-progress-steps:before,.emp-step-connector{display:none}.emp-step{flex-direction:row;gap:12px;width:100%}.emp-step-indicator{margin-bottom:0;width:32px;height:32px}.emp-table-header{flex-direction:column;align-items:flex-start}.emp-table-actions{width:100%;justify-content:flex-start}.emp-side-container{width:100%;max-width:100%}.emp-filter-row{grid-template-columns:1fr 1fr}.emp-icon-expand{display:inline-flex}.emp-data-table{font-size:12px;min-width:700px}.emp-data-table thead th,.emp-data-table tbody td{padding:8px 10px}.emp-col-actions{min-width:160px!important}.emp-review-grid,.emp-form-grid{grid-template-columns:1fr}}@media(max-width:480px){.emp-page{padding:10px 12px}.emp-data-table{font-size:11px;min-width:550px}.emp-data-table thead th,.emp-data-table tbody td{padding:6px 8px}.emp-col-actions{min-width:140px!important}.emp-table-container{width:100%;max-height:95vh}.emp-form-actions{flex-direction:column;align-items:stretch}.emp-right-actions{flex-direction:column}.emp-right-actions button{width:100%;justify-content:center}.emp-expanded-grid{grid-template-columns:1fr}.emp-view-row{flex-direction:column}.emp-view-label{width:100%;margin-bottom:2px}.emp-print-filter-modal{width:95%;max-height:95vh}.emp-filter-row{grid-template-columns:1fr}.emp-age-range-inputs,.emp-date-range-inputs{flex-direction:column}.emp-age-range-inputs input,.emp-date-range-inputs input{width:100%}}@media(prefers-color-scheme:dark){.emp-page{background:#1a1a2e}.emp-page-header{border-color:#2d2d44}.emp-page-header-left h2{color:#fff}.emp-page-subtitle{color:#88a}.emp-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.emp-btn-secondary:hover{background:#4d4d6c}.emp-btn-outline{border-color:#4d4d6c;color:#fff}.emp-btn-outline:hover{background:#3d3d5c}.emp-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.emp-btn-clear:hover{background:#4d4d6c}.emp-form{background:#2d2d44;border-color:#3d3d5c}.emp-step-header{border-color:#3d3d5c}.emp-step-header h3{color:#fff}.emp-step-header p{color:#88a}.emp-form-group label{color:#fff}.emp-form-group input,.emp-form-group select,.emp-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.emp-form-group input:focus,.emp-form-group select:focus,.emp-form-group textarea:focus{border-color:#89f}.emp-auto-filled{background-color:#3d3d5c!important;color:#88a!important}.emp-review-section{border-color:#3d3d5c}.emp-review-section h4{color:#fff;border-color:#3d3d5c}.emp-review-item label{color:#88a}.emp-review-item span{color:#d0d0e0}.emp-form-actions{border-color:#3d3d5c}.emp-table-container{background:#2d2d44}.emp-table-header{border-color:#3d3d5c}.emp-table-header h2{color:#fff}.emp-table-header h2 i{color:#89f}.emp-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.emp-search-input{color:#fff}.emp-search-input::placeholder{color:#88a}.emp-search-icon{color:#88a}.emp-stats-badge{background:#3d3d5c;color:#88a}.emp-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.emp-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.emp-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.emp-data-table{background:#2d2d44}.emp-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.emp-data-table thead th{color:#fff;background:#3d3d5c}.emp-data-table tbody tr{border-color:#3d3d5c}.emp-data-table tbody tr:hover{background-color:#3d3d5c}.emp-data-table tbody td{color:#d0d0e0}.emp-id-badge{background:#3d3d5c;color:#88a}.emp-gender-badge.male{background:#1a2a5c;color:#60a5fa}.emp-gender-badge.female{background:#5c1a3d;color:#f472b6}.emp-status-active{background:#1a4d3d;color:#34d399}.emp-status-inactive{background:#3d3d5c;color:#88a}.emp-pagination-btn{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.emp-pagination-btn:hover:not(:disabled):not(.active){background:#4d4d6c}.emp-pagination-btn.active{background:#3b82f6;border-color:#3b82f6}.emp-total-badge{background:#1a2a5c;color:#89f}.emp-items-per-page select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.emp-empty-state h4{color:#fff}.emp-empty-state p{color:#88a}.emp-empty-icon{color:#3d3d5c}.emp-side-container{background:#2d2d44}.emp-side-header{border-color:#3d3d5c}.emp-side-header h3{color:#fff}.emp-side-footer,.emp-view-section{border-color:#3d3d5c}.emp-view-section h4{color:#fff;border-color:#3d3d5c}.emp-view-label{color:#88a}.emp-view-value{color:#d0d0e0}.emp-progress-steps:before{background:#3d3d5c}.emp-step-indicator{background:#3d3d5c}.emp-step-title{color:#88a}.emp-step.active .emp-step-title{color:#89f}.emp-step.completed .emp-step-title{color:#34d399}.emp-icon-btn{color:#88a}.emp-icon-btn:hover{background-color:#3d3d5c}.emp-icon-view{color:#60a5fa}.emp-icon-view:hover{background-color:#1a2a5c}.emp-icon-edit{color:#fbbf24}.emp-icon-edit:hover{background-color:#5c3d1a}.emp-icon-delete{color:#f87171}.emp-icon-delete:hover{background-color:#5c1a1a}.emp-icon-print{color:#9ca3af}.emp-icon-print:hover{background-color:#3d3d5c}.emp-icon-activate{color:#34d399}.emp-icon-activate:hover{background-color:#1a4d3d}.emp-icon-deactivate{color:#fbbf24}.emp-icon-deactivate:hover{background-color:#5c3d1a}.emp-print-filter-modal{background:#2d2d44}.emp-modal-header{border-color:#3d3d5c}.emp-modal-header h2{color:#fff}.emp-modal-close{color:#88a}.emp-modal-close:hover{background-color:#3d3d5c;color:#fff}.emp-filter-section h3{color:#fff;border-color:#3d3d5c}.emp-filter-group label{color:#fff}.emp-filter-group select,.emp-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.emp-checkbox-label{color:#d0d0e0}.emp-filter-summary-info{background:#1a2a5c;color:#93bbfc}.emp-modal-footer{border-color:#3d3d5c}.emp-loading-spinner{color:#88a}.emp-spinner{border-color:#3d3d5c;border-top-color:#89f}}.asset-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.asset-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.asset-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.asset-page-header-left h2 i{color:#35d461}.asset-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.asset-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.asset-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.asset-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.asset-btn-primary{background:#35d461;color:#fff}.asset-btn-primary:hover:not(:disabled){background:#2ec055;transform:translateY(-1px);box-shadow:0 4px 12px #35d4614d}.asset-btn-success{background:#10b981;color:#fff}.asset-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.asset-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.asset-btn-secondary:hover{background:#e8e8e8;border-color:silver}.asset-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.asset-btn-outline:hover{background:#f8f9fa}.asset-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.asset-btn-label{display:none}.asset-btn{padding:6px 10px}}.asset-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.asset-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.asset-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.asset-step.asset-active .asset-step-indicator{background:#35d461;color:#fff;border-color:#35d461;box-shadow:0 4px 12px #35d4614d}.asset-step.asset-completed .asset-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.asset-step-number{font-weight:600;color:#64748b}.asset-step.asset-active .asset-step-number{color:#fff}.asset-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.asset-step.asset-active .asset-step-title{color:#35d461;font-weight:600}.asset-step.asset-completed .asset-step-title{color:#10b981}.asset-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.asset-step.asset-completed .asset-step-connector{background:#10b981}@media(max-width:768px){.asset-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.asset-step{flex:0 0 auto}.asset-step-connector{display:none}}.asset-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.asset-step-content{margin-bottom:24px}.asset-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.asset-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.asset-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.asset-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.asset-form-grid{grid-template-columns:1fr}}.asset-form-group{display:flex;flex-direction:column;gap:4px}.asset-form-group.asset-full-width{grid-column:1 / -1}.asset-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.asset-form-group input,.asset-form-group select,.asset-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.asset-form-group input:focus,.asset-form-group select:focus,.asset-form-group textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.asset-required{color:#ef4444}.asset-error{border-color:#ef4444!important}.asset-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.asset-error-message{color:#ef4444;font-size:12px;margin-top:4px}.asset-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap}@media(max-width:480px){.asset-form-actions{flex-direction:column}.asset-form-actions button{width:100%;justify-content:center}}.asset-id-container{display:flex;gap:8px;align-items:center}.asset-id-container input{flex:1}.asset-btn-regenerate{padding:8px 12px;background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center;height:42px;min-width:42px}.asset-btn-regenerate:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.asset-btn-regenerate:disabled{opacity:.5;cursor:not-allowed}.asset-id-hint{font-size:12px;color:#6b7280;margin-top:4px}.asset-price-input{position:relative;display:flex;align-items:center}.asset-price-input .asset-currency{position:absolute;left:12px;color:#64748b;font-weight:600;font-size:13px;z-index:1}.asset-price-input input{padding-left:48px!important}.asset-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.asset-summary-card h4{margin-top:0;margin-bottom:16px;color:#1e293b;font-size:16px}.asset-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.asset-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.asset-summary-item:last-child{border-bottom:none}.asset-summary-item span{color:#64748b;font-size:13px}.asset-summary-item strong{color:#1a1a2e;font-size:13px}.asset-summary-full{grid-column:1 / -1}.asset-remarks-text{background:#fff;padding:8px 12px;border-radius:4px;border:1px solid #e2e8f0;font-weight:400!important;font-size:13px;color:#1a1a2e;white-space:pre-wrap;word-break:break-word}.asset-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.asset-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.asset-search-input-wrapper:focus-within{border-color:#35d461}.asset-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.asset-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.asset-search-input::placeholder{color:#999}.asset-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.asset-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.asset-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.asset-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.asset-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.asset-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.asset-table-header h2 i{color:#35d461}.asset-table-actions{display:flex;gap:8px;flex-wrap:wrap}.asset-table-wrapper{overflow-x:auto;flex:1}.asset-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1100px}.asset-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.asset-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.asset-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.asset-data-table tbody tr:hover{background-color:#fafbff}.asset-data-table tbody td{padding:10px 14px;vertical-align:middle}.asset-col-sn{width:40px!important;text-align:center!important}.asset-col-category{min-width:120px}.asset-col-condition{min-width:100px}.asset-col-location,.asset-col-person{min-width:120px}.asset-col-price{min-width:100px;text-align:right!important}.asset-col-status{min-width:90px}.asset-col-actions{min-width:180px!important;text-align:center!important}.asset-table-title{display:flex;flex-direction:column;gap:4px}.asset-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.asset-title-meta{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.9vw,11px);color:#666}.asset-meta-icon{font-size:14px;color:#999}.asset-item-name{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-category-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:20px;font-size:11px;font-weight:500}.asset-condition-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.asset-condition-excellent{background:#dcfce7;color:#166534}.asset-condition-good{background:#dbeafe;color:#1e40af}.asset-condition-fair{background:#fef3c7;color:#92400e}.asset-condition-poor,.asset-condition-needs-repair{background:#fee2e2;color:#dc2626}.asset-condition-new{background:#dcfce7;color:#166534}.asset-condition-used-good{background:#dbeafe;color:#1e40af}.asset-condition-used-fair,.asset-condition-expired{background:#fef3c7;color:#92400e}.asset-location-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#e0f2fe;color:#0369a1;border-radius:20px;font-size:11px;font-weight:500}.asset-person-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fce7f3;color:#be185d;border-radius:20px;font-size:11px;font-weight:500}.asset-price-value{font-weight:600;color:#059669;font-family:Courier New,monospace;font-size:13px}.asset-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.asset-status-active{background:#dcfce7;color:#166534}.asset-status-inactive{background:#f1f5f9;color:#475569}.asset-status-maintenance{background:#fef3c7;color:#92400e}.asset-status-disposed{background:#fee2e2;color:#dc2626}.asset-status-expired{background:#fef3c7;color:#92400e}.asset-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.asset-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.asset-icon-btn:hover{background-color:#f0f0f0}.asset-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.asset-icon-view{color:#1976d2}.asset-icon-view:hover{background-color:#e3f2fd}.asset-icon-edit{color:#d97706}.asset-icon-edit:hover{background-color:#fef3c7}.asset-icon-status{color:#059669}.asset-icon-status:hover{background-color:#d1fae5}.asset-icon-delete{color:#ef4444}.asset-icon-delete:hover{background-color:#fee2e2}.asset-icon-expand{display:none;color:#666}.asset-icon-expand .asset-expanded{transform:rotate(180deg)}.asset-expanded-row{background-color:#f8f9fa!important}.asset-expanded-row td{padding:12px 16px!important}.asset-expanded-content{padding:4px 0}.asset-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.asset-expanded-item{display:flex;flex-direction:column;gap:2px}.asset-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.asset-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.asset-expanded-item .asset-status-badge,.asset-expanded-item .asset-condition-badge,.asset-expanded-item .asset-category-badge,.asset-expanded-item .asset-location-badge,.asset-expanded-item .asset-person-badge{display:inline-block;width:fit-content}.asset-expanded-full{grid-column:1 / -1}@media(max-width:600px){.asset-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.asset-expanded-grid{grid-template-columns:1fr}}.asset-table-stats{padding:16px 20px;background:#f8fafc;border-top:1px solid #e0e0e0}.asset-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.asset-stat-item{text-align:center}.asset-stat-value{display:block;font-size:clamp(20px,2.5vw,24px);font-weight:700;color:#35d461}.asset-stat-label{display:block;font-size:clamp(11px,1vw,12px);color:#666;font-weight:500;margin-top:2px}.asset-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.asset-status-legend{display:flex;gap:16px;flex-wrap:wrap}.asset-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.asset-legend-color{width:14px;height:14px;border-radius:4px;display:inline-block}.asset-legend-color.asset-status-active{background:#dcfce7;border:1px solid #166534}.asset-legend-color.asset-status-inactive{background:#f1f5f9;border:1px solid #475569}.asset-legend-color.asset-status-expired{background:#fef3c7;border:1px solid #92400e}.asset-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.asset-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#35d461;border-radius:50%;animation:assetSpin .8s linear infinite}@keyframes assetSpin{to{transform:rotate(360deg)}}.asset-empty-state{text-align:center;padding:60px 20px;color:#666}.asset-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.asset-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.asset-empty-state p{margin:0 0 16px;color:#666}.asset-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1200}.asset-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:assetSlideIn .3s ease}@keyframes assetSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.asset-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.asset-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.asset-side-header h3 i{color:#35d461}.asset-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.asset-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.asset-side-body{flex:1;overflow-y:auto;padding:20px 24px}.asset-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.asset-view-grid{display:flex;flex-direction:column;gap:16px}.asset-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.asset-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.asset-view-section h4 i{color:#35d461}.asset-view-row{display:flex;margin-bottom:8px}.asset-view-row:last-child{margin-bottom:0}.asset-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.asset-view-value{flex:1;color:#1a1a2e;font-size:13px}.asset-view-full{flex-direction:column}.asset-view-full .asset-view-label{width:100%;margin-bottom:4px}@media(max-width:768px){.asset-page-header{flex-direction:column;align-items:flex-start;gap:12px}.asset-page-header-right{width:100%;justify-content:flex-start}.asset-table-header{flex-direction:column;align-items:flex-start}.asset-table-actions{width:100%;justify-content:flex-start}.asset-side-container{width:100%;max-width:100%}.asset-icon-expand{display:inline-flex}.asset-data-table{font-size:12px;min-width:700px}.asset-data-table thead th,.asset-data-table tbody td{padding:8px 10px}.asset-col-actions{min-width:150px!important}.asset-action-btn span{display:none}.asset-action-btn{padding:4px 8px}.asset-status-legend{gap:8px}}@media(max-width:480px){.asset-page{padding:10px 12px}.asset-data-table{font-size:11px;min-width:550px}.asset-data-table thead th,.asset-data-table tbody td{padding:6px 8px}.asset-col-actions{min-width:120px!important}.asset-table-container{width:100%;max-height:95vh}.asset-view-row{flex-direction:column}.asset-view-label{width:100%;margin-bottom:2px}.asset-table-footer{flex-direction:column;align-items:stretch}.asset-table-footer .asset-btn{justify-content:center}.asset-form-actions{flex-direction:column}.asset-form-actions button{width:100%;justify-content:center}.asset-action-buttons{flex-direction:column}.asset-right-actions{flex-direction:column;width:100%}.asset-right-actions button{width:100%}.asset-id-container{flex-direction:column}.asset-btn-regenerate{width:100%}}@media(prefers-color-scheme:dark){.asset-page{background:#1a1a2e}.asset-page-header{border-color:#2d2d44}.asset-page-header-left h2{color:#fff}.asset-page-subtitle{color:#88a}.asset-form{background:#2d2d44;border-color:#3d3d5c}.asset-step-header{border-color:#3d3d5c}.asset-step-header h3{color:#fff}.asset-step-header p{color:#88a}.asset-form-group label{color:#fff}.asset-form-group input,.asset-form-group select,.asset-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.asset-form-group input:focus,.asset-form-group select:focus,.asset-form-group textarea:focus{border-color:#35d461}.asset-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.asset-btn-secondary:hover{background:#4d4d6c}.asset-btn-outline{border-color:#4d4d6c;color:#fff}.asset-btn-outline:hover{background:#3d3d5c}.asset-table-container{background:#2d2d44}.asset-table-header{border-color:#3d3d5c}.asset-table-header h2{color:#fff}.asset-table-header h2 i{color:#35d461}.asset-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.asset-search-input{color:#fff}.asset-search-input::placeholder{color:#88a}.asset-search-icon{color:#88a}.asset-stats-badge{background:#3d3d5c;color:#88a}.asset-data-table{background:#2d2d44}.asset-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.asset-data-table thead th{color:#fff;background:#3d3d5c}.asset-data-table tbody tr{border-color:#3d3d5c}.asset-data-table tbody tr:hover{background-color:#3d3d5c}.asset-data-table tbody td{color:#d0d0e0}.asset-title-name{color:#fff}.asset-title-meta{color:#88a}.asset-meta-icon{color:#666}.asset-category-badge{background:#3d3d5c;color:#88a}.asset-condition-excellent{background:#1a3d2d;color:#6ee7b7}.asset-condition-good{background:#1a2d4d;color:#93c5fd}.asset-condition-fair{background:#3d3d1a;color:#fbbf24}.asset-condition-poor,.asset-condition-needs-repair{background:#3d1f1f;color:#fca5a5}.asset-condition-new{background:#1a3d2d;color:#6ee7b7}.asset-condition-used-good{background:#1a2d4d;color:#93c5fd}.asset-condition-used-fair,.asset-condition-expired{background:#3d3d1a;color:#fbbf24}.asset-location-badge{background:#1a2d4d;color:#93c5fd}.asset-person-badge{background:#3d1a3d;color:#f9a8d4}.asset-price-value{color:#34d399}.asset-status-active{background:#1a3d2d;color:#6ee7b7}.asset-status-inactive{background:#3d3d5c;color:#88a}.asset-status-maintenance{background:#3d3d1a;color:#fbbf24}.asset-status-disposed{background:#3d1f1f;color:#fca5a5}.asset-status-expired{background:#3d3d1a;color:#fbbf24}.asset-table-stats{background:#3d3d5c;border-color:#4d4d6c}.asset-stat-value{color:#35d461}.asset-stat-label{color:#88a}.asset-table-footer{border-color:#4d4d6c;background:#2d2d44}.asset-legend-item{color:#88a}.asset-legend-color.asset-status-active{background:#1a3d2d;border-color:#6ee7b7}.asset-legend-color.asset-status-inactive{background:#3d3d5c;border-color:#88a}.asset-legend-color.asset-status-expired{background:#3d3d1a;border-color:#fbbf24}.asset-side-container{background:#2d2d44}.asset-side-header{border-color:#3d3d5c}.asset-side-header h3{color:#fff}.asset-side-header h3 i{color:#35d461}.asset-modal-close{color:#88a}.asset-modal-close:hover{background-color:#3d3d5c;color:#fff}.asset-side-footer,.asset-view-section{border-color:#3d3d5c}.asset-view-section h4{color:#fff;border-color:#3d3d5c}.asset-view-section h4 i{color:#35d461}.asset-view-label{color:#88a}.asset-view-value{color:#d0d0d0}.asset-summary-card{background:#3d3d5c;border-color:#4d4d6c}.asset-summary-card h4{color:#fff}.asset-summary-item{border-color:#4d4d6c}.asset-summary-item span{color:#88a}.asset-summary-item strong{color:#fff}.asset-remarks-text{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0d0}.asset-editing-badge{background:#5c3d1a;color:#fbbf24}.asset-btn-regenerate{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.asset-btn-regenerate:hover:not(:disabled){background:#4d4d6c}.asset-price-input .asset-currency{color:#88a}.asset-icon-view:hover{background-color:#1a2d4d}.asset-icon-edit:hover{background-color:#3d3d1a}.asset-icon-status:hover{background-color:#1a3d2d}.asset-icon-delete:hover{background-color:#3d1f1f}.asset-expanded-row{background-color:#3d3d5c!important}.asset-expanded-item label{color:#88a}.asset-expanded-item span,.asset-empty-state h4{color:#fff}.asset-empty-state p{color:#88a}.asset-empty-icon{color:#3d3d5c}}.supply-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.supply-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.supply-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.supply-page-header-left h2 i{color:#35d461}.supply-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.supply-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.supply-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.supply-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.supply-btn-primary{background:#35d461;color:#fff}.supply-btn-primary:hover:not(:disabled){background:#2ec055;transform:translateY(-1px);box-shadow:0 4px 12px #35d4614d}.supply-btn-success{background:#10b981;color:#fff}.supply-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.supply-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.supply-btn-secondary:hover{background:#e8e8e8;border-color:silver}.supply-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.supply-btn-label{display:none}.supply-btn{padding:6px 10px}}.supply-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.supply-form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.supply-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.supply-form-section h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 16px}.supply-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.supply-form-grid{grid-template-columns:1fr}}.supply-form-group{display:flex;flex-direction:column;gap:4px}.supply-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.supply-form-group input,.supply-form-group select,.supply-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.supply-form-group input:focus,.supply-form-group select:focus,.supply-form-group textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.supply-form-full{grid-column:1 / -1}.supply-required{color:#ef4444}.supply-error{border-color:#ef4444!important}.supply-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.supply-error-message{color:#ef4444;font-size:12px;margin-top:4px}.supply-form-help{font-size:12px;color:#6b7280;margin-top:4px}.supply-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap}@media(max-width:480px){.supply-form-actions{flex-direction:column}.supply-form-actions button{width:100%;justify-content:center}}.supply-auto-generate-badge{display:inline-flex;align-items:center;gap:4px;background:#dbeafe;color:#1e40af;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;margin-left:8px}.supply-auto-generate-badge i{font-size:12px}.supply-input-with-button{display:flex;gap:8px;align-items:center}.supply-input-with-button input{flex:1}.supply-btn-regenerate{padding:8px 12px;background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center;height:42px;min-width:42px}.supply-btn-regenerate:hover:not(:disabled){background:#e2e8f0;border-color:#94a3b8}.supply-btn-regenerate:disabled{opacity:.5;cursor:not-allowed}.supply-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.supply-summary-card h4{margin-top:0;margin-bottom:16px;color:#1e293b;font-size:16px}.supply-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.supply-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.supply-summary-item:last-child{border-bottom:none}.supply-summary-item span{color:#64748b;font-size:13px}.supply-summary-item strong{color:#1a1a2e;font-size:13px}.supply-summary-full{grid-column:1 / -1}.supply-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.supply-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.supply-search-input-wrapper:focus-within{border-color:#35d461}.supply-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.supply-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.supply-search-input::placeholder{color:#999}.supply-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.supply-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.supply-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.supply-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.supply-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.supply-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.supply-table-header h2 i{color:#35d461}.supply-table-actions{display:flex;gap:8px;flex-wrap:wrap}.supply-table-wrapper{overflow-x:auto;flex:1}.supply-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.supply-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.supply-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.supply-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.supply-data-table tbody tr:hover{background-color:#fafbff}.supply-data-table tbody td{padding:10px 14px;vertical-align:middle}.supply-col-sn{width:40px!important;text-align:center!important}.supply-col-source,.supply-col-category{min-width:120px}.supply-col-qty{min-width:80px;text-align:center!important}.supply-col-date,.supply-col-status{min-width:100px}.supply-col-actions{min-width:200px!important;text-align:center!important}.supply-table-title{display:flex;flex-direction:column;gap:4px}.supply-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.supply-title-meta{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.9vw,11px);color:#666}.supply-meta-icon{font-size:14px;color:#999}.supply-source-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#e0f2fe;color:#0369a1;border-radius:20px;font-size:11px;font-weight:500}.supply-category-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:20px;font-size:11px;font-weight:500}.supply-quantity-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;background:#dbeafe;color:#1e40af;border-radius:12px;font-size:13px;font-weight:600;min-width:40px}.supply-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.supply-status-received{background:#dcfce7;color:#166534}.supply-status-processing{background:#fef3c7;color:#92400e}.supply-status-distributed{background:#dbeafe;color:#2563eb}.supply-status-expired{background:#f1f5f9;color:#475569}.supply-status-damaged{background:#fee2e2;color:#dc2626}.supply-item-desc{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supply-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.supply-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.supply-icon-btn:hover{background-color:#f0f0f0}.supply-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.supply-icon-view{color:#1976d2}.supply-icon-view:hover{background-color:#e3f2fd}.supply-icon-edit{color:#d97706}.supply-icon-edit:hover{background-color:#fef3c7}.supply-icon-status{color:#059669}.supply-icon-status:hover{background-color:#d1fae5}.supply-icon-delete{color:#ef4444}.supply-icon-delete:hover{background-color:#fee2e2}.supply-icon-expand{display:none;color:#666}.supply-icon-expand .supply-expanded{transform:rotate(180deg)}.supply-expanded-row{background-color:#f8f9fa!important}.supply-expanded-row td{padding:12px 16px!important}.supply-expanded-content{padding:4px 0}.supply-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.supply-expanded-item{display:flex;flex-direction:column;gap:2px}.supply-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.supply-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.supply-expanded-item .supply-status-badge,.supply-expanded-item .supply-source-badge,.supply-expanded-item .supply-category-badge,.supply-expanded-item .supply-quantity-badge{display:inline-block;width:fit-content}.supply-expanded-full{grid-column:1 / -1}@media(max-width:600px){.supply-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.supply-expanded-grid{grid-template-columns:1fr}}.supply-table-stats{padding:16px 20px;background:#f8fafc;border-top:1px solid #e0e0e0}.supply-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.supply-stat-item{text-align:center}.supply-stat-value{display:block;font-size:clamp(20px,2.5vw,24px);font-weight:700;color:#35d461}.supply-stat-label{display:block;font-size:clamp(11px,1vw,12px);color:#666;font-weight:500;margin-top:2px}.supply-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.supply-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1200}.supply-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:supplySlideIn .3s ease}@keyframes supplySlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.supply-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.supply-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.supply-side-header h3 i{color:#35d461}.supply-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.supply-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.supply-side-body{flex:1;overflow-y:auto;padding:20px 24px}.supply-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.supply-view-grid{display:flex;flex-direction:column;gap:16px}.supply-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.supply-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.supply-view-section h4 i{color:#35d461}.supply-view-row{display:flex;margin-bottom:8px}.supply-view-row:last-child{margin-bottom:0}.supply-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.supply-view-value{flex:1;color:#1a1a2e;font-size:13px}.supply-view-full{flex-direction:column}.supply-view-full .supply-view-label{width:100%;margin-bottom:4px}.supply-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.supply-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#35d461;border-radius:50%;animation:supplySpin .8s linear infinite}@keyframes supplySpin{to{transform:rotate(360deg)}}.supply-empty-state{text-align:center;padding:60px 20px;color:#666}.supply-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.supply-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.supply-empty-state p{margin:0 0 16px;color:#666}@media(max-width:768px){.supply-page-header{flex-direction:column;align-items:flex-start;gap:12px}.supply-page-header-right{width:100%;justify-content:flex-start}.supply-table-header{flex-direction:column;align-items:flex-start}.supply-table-actions{width:100%;justify-content:flex-start}.supply-side-container{width:100%;max-width:100%}.supply-icon-expand{display:inline-flex}.supply-data-table{font-size:12px;min-width:700px}.supply-data-table thead th,.supply-data-table tbody td{padding:8px 10px}.supply-col-actions{min-width:150px!important}.supply-action-btn span{display:none}.supply-action-btn{padding:4px 8px}}@media(max-width:480px){.supply-page{padding:10px 12px}.supply-data-table{font-size:11px;min-width:550px}.supply-data-table thead th,.supply-data-table tbody td{padding:6px 8px}.supply-col-actions{min-width:120px!important}.supply-table-container{width:100%;max-height:95vh}.supply-view-row{flex-direction:column}.supply-view-label{width:100%;margin-bottom:2px}.supply-table-footer{flex-direction:column;align-items:stretch}.supply-table-footer .supply-btn{justify-content:center}}@media(prefers-color-scheme:dark){.supply-page{background:#1a1a2e}.supply-page-header{border-color:#2d2d44}.supply-page-header-left h2{color:#fff}.supply-page-subtitle{color:#88a}.supply-form{background:#2d2d44;border-color:#3d3d5c}.supply-form-section{border-color:#3d3d5c}.supply-form-section h3,.supply-form-group label{color:#fff}.supply-form-group input,.supply-form-group select,.supply-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.supply-form-group input:focus,.supply-form-group select:focus,.supply-form-group textarea:focus{border-color:#35d461}.supply-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.supply-btn-secondary:hover{background:#4d4d6c}.supply-table-container{background:#2d2d44}.supply-table-header{border-color:#3d3d5c}.supply-table-header h2{color:#fff}.supply-table-header h2 i{color:#35d461}.supply-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.supply-search-input{color:#fff}.supply-search-input::placeholder{color:#88a}.supply-search-icon{color:#88a}.supply-stats-badge{background:#3d3d5c;color:#88a}.supply-data-table{background:#2d2d44}.supply-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.supply-data-table thead th{color:#fff;background:#3d3d5c}.supply-data-table tbody tr{border-color:#3d3d5c}.supply-data-table tbody tr:hover{background-color:#3d3d5c}.supply-data-table tbody td{color:#d0d0e0}.supply-title-name{color:#fff}.supply-title-meta{color:#88a}.supply-meta-icon{color:#666}.supply-source-badge{background:#1a2d4d;color:#93c5fd}.supply-category-badge{background:#3d3d5c;color:#88a}.supply-quantity-badge{background:#1a2d5c;color:#93b3fd}.supply-status-received{background:#1a3d2d;color:#6ee7b7}.supply-status-processing{background:#3d3d1a;color:#fbbf24}.supply-status-distributed{background:#1a2d4d;color:#93c5fd}.supply-status-expired{background:#3d3d5c;color:#88a}.supply-status-damaged{background:#3d1f1f;color:#fca5a5}.supply-table-stats{background:#3d3d5c;border-color:#4d4d6c}.supply-stat-value{color:#35d461}.supply-stat-label{color:#88a}.supply-table-footer{border-color:#4d4d6c;background:#2d2d44}.supply-side-container{background:#2d2d44}.supply-side-header{border-color:#3d3d5c}.supply-side-header h3{color:#fff}.supply-side-header h3 i{color:#35d461}.supply-modal-close{color:#88a}.supply-modal-close:hover{background-color:#3d3d5c;color:#fff}.supply-side-footer,.supply-view-section{border-color:#3d3d5c}.supply-view-section h4{color:#fff;border-color:#3d3d5c}.supply-view-section h4 i{color:#35d461}.supply-view-label{color:#88a}.supply-view-value{color:#d0d0e0}.supply-summary-card{background:#3d3d5c;border-color:#4d4d6c}.supply-summary-card h4{color:#fff}.supply-summary-item{border-color:#4d4d6c}.supply-summary-item span{color:#88a}.supply-summary-item strong{color:#fff}.supply-auto-generate-badge{background:#1a2d4d;color:#93c5fd}.supply-btn-regenerate{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.supply-btn-regenerate:hover:not(:disabled){background:#4d4d6c}.supply-editing-badge{background:#5c3d1a;color:#fbbf24}.supply-icon-view:hover{background-color:#1a2d4d}.supply-icon-edit:hover{background-color:#3d3d1a}.supply-icon-status:hover{background-color:#1a3d2d}.supply-icon-delete:hover{background-color:#3d1f1f}.supply-expanded-row{background-color:#3d3d5c!important}.supply-expanded-item label{color:#88a}.supply-expanded-item span,.supply-empty-state h4{color:#fff}.supply-empty-state p{color:#88a}.supply-empty-icon{color:#3d3d5c}}.inv-container{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.inv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.inv-header-left h1{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.inv-header-left h1 i{color:#35d461}.inv-header-left p{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.inv-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inv-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.inv-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.inv-btn-primary{background:#35d461;color:#fff}.inv-btn-primary:hover:not(:disabled){background:#2ec055;transform:translateY(-1px);box-shadow:0 4px 12px #35d4614d}.inv-btn-success{background:#10b981;color:#fff}.inv-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.inv-btn-danger{background:#ef4444;color:#fff}.inv-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.inv-btn-outline{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.inv-btn-outline:hover:not(:disabled){background:#e8e8e8;border-color:silver}.inv-btn-print{background:#8b5cf6;color:#fff}.inv-btn-print:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.inv-btn-info{background:#3b82f6;color:#fff}.inv-btn-info:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.inv-btn:disabled{opacity:.6;cursor:not-allowed}.inv-btn i.spinner{animation:inv-spin 1s linear infinite}@keyframes inv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.inv-btn{padding:6px 10px;font-size:12px}}.inv-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.inv-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.inv-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.inv-step.inv-active .inv-step-indicator{background:#35d461;color:#fff;border-color:#35d461;box-shadow:0 4px 12px #35d4614d}.inv-step.inv-completed .inv-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.inv-step-number{font-weight:600;color:#64748b}.inv-step.inv-active .inv-step-number{color:#fff}.inv-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.inv-step.inv-active .inv-step-title{color:#35d461;font-weight:600}.inv-step.inv-completed .inv-step-title{color:#10b981}.inv-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.inv-step.inv-completed .inv-step-connector{background:#10b981}@media(max-width:768px){.inv-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.inv-step{flex:0 0 auto}.inv-step-connector{display:none}}.inv-form{background:#fff;border-radius:12px;padding:clamp(20px,2.5vw,30px);border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000000d}.inv-step-content{margin-bottom:24px}.inv-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.inv-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.inv-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.inv-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.inv-form-grid{grid-template-columns:1fr}}.inv-form-group{display:flex;flex-direction:column;gap:4px}.inv-form-group.inv-full-width{grid-column:1 / -1}.inv-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.inv-form-group input,.inv-form-group select,.inv-form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.inv-form-group input:focus,.inv-form-group select:focus,.inv-form-group textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.inv-form-group input.inv-readonly-field{background:#f9fafb;cursor:not-allowed;color:#6b7280}.inv-form-group small{margin-top:4px;color:#6b7280;font-size:12px}.inv-error-message{color:#ef4444;font-size:12px;margin-top:5px}.inv-error{border-color:#ef4444!important}.inv-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.inv-form-hint{color:#64748b;font-size:12px;margin-top:4px}.inv-text-danger{color:#ef4444!important}.inv-text-warning{color:#f59e0b!important}.inv-text-success{color:#10b981!important}.inv-selection-mode{display:flex;flex-direction:column;gap:8px}.inv-mode-buttons{display:flex;gap:8px;margin-bottom:8px}.inv-mode-btn{flex:1;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;color:#1a1a2e}.inv-mode-btn:hover:not(:disabled){background:#e2e8f0}.inv-mode-btn.inv-active{background:#35d461;color:#fff;border-color:#35d461}.inv-mode-btn:disabled{opacity:.5;cursor:not-allowed}.inv-selection-mode select,.inv-selection-mode input[type=text]{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s}.inv-selection-mode select:focus,.inv-selection-mode input[type=text]:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.inv-formula-box{background:#f8fafc;border-left:4px solid #35D461;padding:12px 16px;margin-top:8px;border-radius:4px;font-family:Courier New,monospace;font-size:13px;color:#1a1a2e}.inv-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.inv-summary-card h4{margin-top:0;margin-bottom:16px;color:#1e293b;font-size:16px}.inv-summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.inv-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.inv-summary-item:last-child{border-bottom:none}.inv-summary-item span{color:#64748b;font-size:13px}.inv-summary-item strong{color:#1a1a2e;font-size:13px}.inv-form-actions{margin-top:40px;padding-top:20px;border-top:1px solid #e5e7eb}.inv-action-buttons{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.inv-right-actions{display:flex;gap:10px;flex-wrap:wrap}.inv-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.inv-table-container{background:#fff;border-radius:12px;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.inv-table-header{padding:20px 24px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;flex-shrink:0}.inv-table-header h2{margin:0;color:#1a1a2e;font-size:clamp(18px,2vw,22px);display:flex;align-items:center;gap:10px}.inv-table-header h2 i{color:#35d461}.inv-table-actions{display:flex;gap:8px;flex-wrap:wrap}.inv-table-responsive{overflow-y:auto;flex:1}.inv-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.inv-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.inv-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.inv-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.inv-data-table tbody tr:hover{background:#fafbff}.inv-data-table tbody td{padding:10px 14px;vertical-align:middle}.inv-stock-good{color:#166534;font-weight:600}.inv-stock-warning{color:#92400e;font-weight:600}.inv-stock-low{color:#dc2626;font-weight:600}.inv-status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.inv-status-active{background:#dcfce7;color:#166534}.inv-status-inactive{background:#f1f5f9;color:#475569}.inv-status-archived{background:#e0e7ff;color:#3730a3}.inv-status-disposed{background:#fef3c7;color:#92400e}.inv-action-buttons{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.inv-btn-action{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px}.inv-btn-action.inv-btn-view{background:#dbeafe;color:#1d4ed8}.inv-btn-action.inv-btn-view:hover{background:#bfdbfe}.inv-btn-action.inv-btn-edit{background:#fef3c7;color:#92400e}.inv-btn-action.inv-btn-edit:hover{background:#fde68a}.inv-btn-action.inv-btn-issue{background:#d1fae5;color:#059669}.inv-btn-action.inv-btn-issue:hover{background:#a7f3d0}.inv-btn-action.inv-btn-receive{background:#dbeafe;color:#2563eb}.inv-btn-action.inv-btn-receive:hover{background:#bfdbfe}.inv-btn-action.inv-btn-delete{background:#fee2e2;color:#dc2626}.inv-btn-action.inv-btn-delete:hover{background:#fecaca}.inv-table-footer{padding:16px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.inv-stock-summary{display:flex;gap:20px;flex-wrap:wrap}.inv-stock-summary p{margin:0;font-size:13px;color:#64748b}.inv-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.inv-spinner{display:inline-block;width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#35d461;border-radius:50%;animation:inv-spin .8s linear infinite}.inv-loading-state p{margin-top:16px;font-size:14px}.inv-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.inv-modal-container{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column}.inv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.inv-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.inv-modal-header h3 i{color:#35d461}.inv-btn-close{width:32px;height:32px;border:none;background:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s;font-size:18px}.inv-btn-close:hover{background:#f1f5f9;color:#374151}.inv-modal-content{padding:20px;overflow-y:auto;flex:1}.inv-view-details{display:flex;flex-direction:column;gap:12px}.inv-detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.inv-detail-row:last-child{border-bottom:none}.inv-detail-label{font-weight:600;color:#4a5568;font-size:13px}.inv-detail-value{color:#1a1a2e;font-size:13px;text-align:right}.inv-modal-footer{padding:16px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}@media(max-width:768px){.inv-header{flex-direction:column;align-items:flex-start;gap:12px}.inv-header-right{width:100%;justify-content:flex-start}.inv-table-header{flex-direction:column;align-items:flex-start}.inv-table-actions{width:100%;justify-content:flex-start}.inv-data-table{font-size:12px;min-width:700px}.inv-data-table thead th,.inv-data-table tbody td{padding:8px 10px}.inv-stock-summary{flex-direction:column;gap:4px}.inv-detail-row{flex-direction:column;align-items:flex-start;gap:4px}.inv-detail-value{text-align:left;width:100%}}@media(max-width:480px){.inv-container{padding:10px 12px}.inv-data-table{font-size:11px;min-width:550px}.inv-data-table thead th,.inv-data-table tbody td{padding:6px 8px}.inv-table-container{max-height:95vh}.inv-form-grid,.inv-summary-content{grid-template-columns:1fr}.inv-action-buttons{flex-direction:column;align-items:stretch}.inv-right-actions{flex-direction:column}.inv-right-actions .inv-btn{width:100%;justify-content:center}.inv-modal-container{width:95%;margin:10px}.inv-mode-buttons{flex-direction:column}.inv-mode-btn{width:100%}}@media(prefers-color-scheme:dark){.inv-container{background:#1a1a2e}.inv-header{border-color:#2d2d44}.inv-header-left h1{color:#fff}.inv-header-left p{color:#88a}.inv-form{background:#2d2d44;border-color:#3d3d5c}.inv-step-header{border-color:#3d3d5c}.inv-step-header h3{color:#fff}.inv-step-header p{color:#88a}.inv-form-group label{color:#fff}.inv-form-group input,.inv-form-group select,.inv-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.inv-form-group input:focus,.inv-form-group select:focus,.inv-form-group textarea:focus{border-color:#35d461}.inv-form-group input.inv-readonly-field{background:#3d3d5c;color:#88a}.inv-btn-outline{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.inv-btn-outline:hover:not(:disabled){background:#4d4d6c}.inv-table-container{background:#2d2d44}.inv-table-header{border-color:#3d3d5c}.inv-table-header h2{color:#fff}.inv-table-header h2 i{color:#35d461}.inv-data-table{background:#2d2d44}.inv-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.inv-data-table thead th{color:#fff;background:#3d3d5c}.inv-data-table tbody tr{border-color:#3d3d5c}.inv-data-table tbody tr:hover{background-color:#3d3d5c}.inv-data-table tbody td{color:#d0d0e0}.inv-table-footer{border-color:#4d4d6c;background:#2d2d44}.inv-stock-summary p{color:#88a}.inv-modal-container{background:#2d2d44}.inv-modal-header{border-color:#3d3d5c}.inv-modal-header h3{color:#fff}.inv-btn-close{color:#88a}.inv-btn-close:hover{background:#3d3d5c;color:#fff}.inv-detail-row{border-color:#3d3d5c}.inv-detail-label{color:#88a}.inv-detail-value{color:#d0d0e0}.inv-modal-footer{border-color:#3d3d5c}.inv-summary-card{background:#3d3d5c;border-color:#4d4d6c}.inv-summary-card h4{color:#fff}.inv-summary-item{border-color:#4d4d6c}.inv-summary-item span{color:#88a}.inv-summary-item strong{color:#fff}.inv-formula-box{background:#3d3d5c;color:#d0d0d0}.inv-mode-btn{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0d0}.inv-mode-btn:hover:not(:disabled){background:#4d4d6c}.inv-mode-btn.inv-active{background:#35d461;color:#fff;border-color:#35d461}.inv-selection-mode select,.inv-selection-mode input[type=text]{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.inv-selection-mode select:focus,.inv-selection-mode input[type=text]:focus{border-color:#35d461}.inv-stock-good{color:#6ee7b7}.inv-stock-warning{color:#fbbf24}.inv-stock-low{color:#fca5a5}}.dist-container{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.dist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.dist-header-left h1{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.dist-header-left h1 i{color:#35d461}.dist-header-left p{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.dist-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dist-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.dist-stats-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.dist-stats-badge i{font-size:16px}.dist-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.dist-btn-primary{background:#35d461;color:#fff}.dist-btn-primary:hover:not(:disabled){background:#2ec055;transform:translateY(-1px);box-shadow:0 4px 12px #35d4614d}.dist-btn-success{background:#10b981;color:#fff}.dist-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.dist-btn-danger{background:#ef4444;color:#fff}.dist-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.dist-btn-outline{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.dist-btn-outline:hover:not(:disabled){background:#e8e8e8;border-color:silver}.dist-btn-print{background:#8b5cf6;color:#fff}.dist-btn-print:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.dist-btn-info{background:#3b82f6;color:#fff}.dist-btn-info:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.dist-btn-excel{background:#21a366;color:#fff}.dist-btn-excel:hover:not(:disabled){background:#1a8a55;transform:translateY(-1px)}.dist-btn-pdf{background:#dc2626;color:#fff}.dist-btn-pdf:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.dist-btn:disabled{opacity:.6;cursor:not-allowed}.dist-btn i.spinner{animation:dist-spin 1s linear infinite}@keyframes dist-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.dist-btn{padding:6px 10px;font-size:12px}}.dist-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.dist-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.dist-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.dist-step.dist-active .dist-step-indicator{background:#35d461;color:#fff;border-color:#35d461;box-shadow:0 4px 12px #35d4614d}.dist-step.dist-completed .dist-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.dist-step-number{font-weight:600;color:#64748b}.dist-step.dist-active .dist-step-number{color:#fff}.dist-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.dist-step.dist-active .dist-step-title{color:#35d461;font-weight:600}.dist-step.dist-completed .dist-step-title{color:#10b981}.dist-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.dist-step.dist-completed .dist-step-connector{background:#10b981}@media(max-width:768px){.dist-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.dist-step{flex:0 0 auto}.dist-step-connector{display:none}}.dist-form{background:#fff;border-radius:12px;padding:clamp(20px,2.5vw,30px);border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000000d}.dist-step-content{margin-bottom:24px}.dist-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.dist-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.dist-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.dist-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.dist-form-grid{grid-template-columns:1fr}}.dist-form-group{display:flex;flex-direction:column;gap:4px}.dist-form-group.dist-full-width{grid-column:1 / -1}.dist-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.dist-form-group input,.dist-form-group select,.dist-form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.dist-form-group input:focus,.dist-form-group select:focus,.dist-form-group textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.dist-form-group input.dist-readonly-field{background:#f9fafb;cursor:not-allowed;color:#6b7280}.dist-form-group small{margin-top:4px;color:#6b7280;font-size:12px}.dist-error-message{color:#ef4444;font-size:12px;margin-top:5px}.dist-error{border-color:#ef4444!important}.dist-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.dist-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.dist-summary-card h4{margin-top:0;margin-bottom:16px;color:#1e293b;font-size:16px}.dist-summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.dist-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.dist-summary-item:last-child{border-bottom:none}.dist-summary-item span{color:#64748b;font-size:13px}.dist-summary-item strong{color:#1a1a2e;font-size:13px}.dist-form-actions{margin-top:40px;padding-top:20px;border-top:1px solid #e5e7eb}.dist-action-buttons{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.dist-right-actions{display:flex;gap:10px;flex-wrap:wrap}.dist-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dist-table-container{background:#fff;border-radius:12px;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.dist-table-header{padding:20px 24px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;flex-shrink:0}.dist-table-header h2{margin:0;color:#1a1a2e;font-size:clamp(18px,2vw,22px);display:flex;align-items:center;gap:10px}.dist-table-header h2 i{color:#35d461}.dist-table-actions{display:flex;gap:8px;flex-wrap:wrap}.dist-filters-section{background:#f8fafc;padding:16px 20px;border-bottom:1px solid #e0e0e0}.dist-filters-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;display:flex;align-items:center;gap:8px}.dist-filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.dist-filter-group{display:flex;flex-direction:column;gap:4px}.dist-filter-group label{font-size:12px;font-weight:500;color:#64748b}.dist-filter-group input,.dist-filter-group select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;color:#1a1a2e;width:100%}.dist-filter-group input:focus,.dist-filter-group select:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.dist-filter-actions{display:flex;gap:8px;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap}.dist-filter-actions .dist-btn{padding:6px 14px;font-size:13px;flex:1;justify-content:center;min-width:80px}.dist-table-responsive{overflow-y:auto;flex:1}.dist-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.dist-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.dist-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.dist-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.dist-data-table tbody tr:hover{background:#fafbff}.dist-data-table tbody td{padding:10px 14px;vertical-align:middle}.dist-text-center{text-align:center!important}.dist-truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dist-status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.dist-status-completed{background:#dcfce7;color:#166534}.dist-status-pending{background:#fef3c7;color:#92400e}.dist-status-in-progress{background:#dbeafe;color:#1e40af}.dist-status-cancelled{background:#f1f5f9;color:#64748b}.dist-action-buttons{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.dist-btn-action{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px}.dist-btn-action.dist-btn-view{background:#dbeafe;color:#1d4ed8}.dist-btn-action.dist-btn-view:hover{background:#bfdbfe}.dist-btn-action.dist-btn-edit{background:#fef3c7;color:#92400e}.dist-btn-action.dist-btn-edit:hover{background:#fde68a}.dist-btn-action.dist-btn-approve{background:#d1fae5;color:#059669}.dist-btn-action.dist-btn-approve:hover{background:#a7f3d0}.dist-btn-action.dist-btn-cancel{background:#fee2e2;color:#dc2626}.dist-btn-action.dist-btn-cancel:hover{background:#fecaca}.dist-btn-action.dist-btn-delete{background:#fee2e2;color:#dc2626}.dist-btn-action.dist-btn-delete:hover{background:#fecaca}.dist-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px 20px;border-top:1px solid #e0e0e0;flex-wrap:wrap}.dist-pagination-btn{padding:6px 12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);color:#1a1a2e;transition:all .2s;min-width:36px}.dist-pagination-btn:hover:not(:disabled){background:#e8e8e8}.dist-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.dist-pagination-btn.dist-active{background:#35d461;color:#fff;border-color:#35d461}.dist-pagination-info{font-size:clamp(12px,1vw,14px);color:#666;margin-left:12px}.dist-table-footer{padding:16px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.dist-stats-info{display:flex;gap:16px;flex-wrap:wrap}.dist-stat-item{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.dist-stat-item i{color:#35d461;font-size:16px}.dist-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.dist-spinner{display:inline-block;width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#35d461;border-radius:50%;animation:dist-spin .8s linear infinite}.dist-loading-container p{margin-top:16px;font-size:14px}.dist-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.dist-side-container{width:700px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:distSlideIn .3s ease}@keyframes distSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.dist-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.dist-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.dist-side-header h3 i{color:#35d461}.dist-btn-close{width:32px;height:32px;border:none;background:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s;font-size:18px}.dist-btn-close:hover{background:#f1f5f9;color:#374151}.dist-side-content{flex:1;overflow-y:auto;padding:20px 24px}.dist-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.dist-view-grid{display:flex;flex-direction:column;gap:16px}.dist-detail-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f8fafc}.dist-detail-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.dist-detail-section h4 i{color:#35d461}.dist-detail-row{display:flex;margin-bottom:8px}.dist-detail-row.dist-full-width{flex-direction:column;align-items:flex-start}.dist-detail-label{width:160px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.dist-detail-value{flex:1;color:#1a1a2e;font-size:13px}.dist-detail-row.dist-full-width .dist-detail-value{width:100%;margin-top:4px}.dist-remarks-text{background:#fff;padding:12px;border-radius:6px;border:1px solid #e2e8f0;margin-top:4px;white-space:pre-wrap;word-break:break-word}@media(max-width:768px){.dist-header{flex-direction:column;align-items:flex-start;gap:12px}.dist-header-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.dist-table-header{flex-direction:column;align-items:flex-start}.dist-table-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.dist-data-table{font-size:12px;min-width:700px}.dist-data-table thead th,.dist-data-table tbody td{padding:8px 10px}.dist-side-container{width:100%;max-width:100%}.dist-detail-row{flex-direction:column;align-items:flex-start}.dist-detail-label{width:100%;margin-bottom:4px}.dist-filters-grid{grid-template-columns:1fr 1fr}.dist-stats-info{flex-direction:column;gap:6px}.dist-filter-actions{flex-direction:row}}@media(max-width:480px){.dist-container{padding:10px 12px}.dist-data-table{font-size:11px;min-width:550px}.dist-data-table thead th,.dist-data-table tbody td{padding:6px 8px}.dist-table-container{max-height:95vh}.dist-form-grid,.dist-summary-content{grid-template-columns:1fr}.dist-action-buttons{flex-direction:column;align-items:stretch}.dist-right-actions{flex-direction:column}.dist-right-actions .dist-btn{width:100%;justify-content:center}.dist-filters-grid{grid-template-columns:1fr}.dist-pagination{flex-wrap:wrap;gap:4px}.dist-pagination-btn{padding:4px 8px;font-size:11px;min-width:30px}.dist-table-footer{flex-direction:column;align-items:stretch}.dist-stats-info{flex-direction:column;gap:4px}.dist-filter-actions{flex-direction:column}.dist-filter-actions .dist-btn{width:100%}}@media(prefers-color-scheme:dark){.dist-container{background:#1a1a2e}.dist-header{border-color:#2d2d44}.dist-header-left h1{color:#fff}.dist-header-left p{color:#88a}.dist-form{background:#2d2d44;border-color:#3d3d5c}.dist-step-header{border-color:#3d3d5c}.dist-step-header h3{color:#fff}.dist-step-header p{color:#88a}.dist-form-group label{color:#fff}.dist-form-group input,.dist-form-group select,.dist-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.dist-form-group input:focus,.dist-form-group select:focus,.dist-form-group textarea:focus{border-color:#35d461}.dist-btn-outline{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.dist-btn-outline:hover:not(:disabled){background:#4d4d6c}.dist-table-container{background:#2d2d44}.dist-table-header{border-color:#3d3d5c}.dist-table-header h2{color:#fff}.dist-table-header h2 i{color:#35d461}.dist-filters-section{background:#3d3d5c;border-color:#4d4d6c}.dist-filters-section h4{color:#fff}.dist-filter-group label{color:#88a}.dist-filter-group input,.dist-filter-group select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.dist-filter-group input:focus,.dist-filter-group select:focus{border-color:#35d461}.dist-data-table{background:#2d2d44}.dist-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.dist-data-table thead th{color:#fff;background:#3d3d5c}.dist-data-table tbody tr{border-color:#3d3d5c}.dist-data-table tbody tr:hover{background-color:#3d3d5c}.dist-data-table tbody td{color:#d0d0e0}.dist-table-footer{border-color:#4d4d6c;background:#2d2d44}.dist-stat-item{color:#88a}.dist-stat-item i{color:#35d461}.dist-pagination-btn{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.dist-pagination-btn:hover:not(:disabled){background:#4d4d6c}.dist-pagination-btn.dist-active{background:#35d461;border-color:#35d461}.dist-pagination-info{color:#88a}.dist-side-container{background:#2d2d44}.dist-side-header{border-color:#3d3d5c}.dist-side-header h3{color:#fff}.dist-side-header h3 i{color:#35d461}.dist-btn-close{color:#88a}.dist-btn-close:hover{background:#3d3d5c;color:#fff}.dist-side-footer{border-color:#3d3d5c}.dist-detail-section{border-color:#3d3d5c;background:#3d3d5c}.dist-detail-section h4{color:#fff;border-color:#4d4d6c}.dist-detail-section h4 i{color:#35d461}.dist-detail-label{color:#88a}.dist-detail-value{color:#d0d0d0}.dist-remarks-text{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0d0}.dist-summary-card{background:#3d3d5c;border-color:#4d4d6c}.dist-summary-card h4{color:#fff}.dist-summary-item{border-color:#4d4d6c}.dist-summary-item span{color:#88a}.dist-summary-item strong{color:#fff}.dist-stats-badge{background:linear-gradient(135deg,#4a5a8a,#5a3a7a)}.dist-status-completed{background:#1a3d2d;color:#6ee7b7}.dist-status-pending{background:#3d3d1a;color:#fbbf24}.dist-status-in-progress{background:#1a2d4d;color:#93c5fd}.dist-status-cancelled{background:#3d3d5c;color:#88a}.dist-btn-action.dist-btn-view{background:#1a2d4d;color:#93c5fd}.dist-btn-action.dist-btn-view:hover{background:#1a3d6c}.dist-btn-action.dist-btn-edit{background:#3d3d1a;color:#fbbf24}.dist-btn-action.dist-btn-edit:hover{background:#5c5c1a}.dist-btn-action.dist-btn-approve{background:#1a3d2d;color:#6ee7b7}.dist-btn-action.dist-btn-approve:hover{background:#1a5d3d}.dist-btn-action.dist-btn-cancel{background:#3d1f1f;color:#fca5a5}.dist-btn-action.dist-btn-cancel:hover{background:#5c2d2d}.dist-btn-action.dist-btn-delete{background:#3d1f1f;color:#fca5a5}.dist-btn-action.dist-btn-delete:hover{background:#5c2d2d}}.report-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.report-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.report-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.report-page-header-left h2 i{color:#35d461}.report-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.report-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.report-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.report-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.report-btn-primary{background:#35d461;color:#fff}.report-btn-primary:hover:not(:disabled){background:#2ec055;transform:translateY(-1px);box-shadow:0 4px 12px #35d4614d}.report-btn-success{background:#10b981;color:#fff}.report-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.report-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.report-btn-secondary:hover{background:#e8e8e8;border-color:silver}.report-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.report-btn-outline:hover{background:#f8f9fa}.report-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.report-btn-label{display:none}.report-btn{padding:6px 10px}}.report-dropdown{position:relative;display:inline-block}.report-dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:200px;box-shadow:0 4px 12px #0000001a;z-index:100;padding:4px 0}.report-dropdown:hover .report-dropdown-menu{display:block}.report-dropdown-item{display:block;width:100%;padding:8px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:13px;color:#1a1a2e;transition:background .2s}.report-dropdown-item:hover{background:#f0f0f0}.report-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.report-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.report-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.report-step.report-active .report-step-indicator{background:#35d461;color:#fff;border-color:#35d461;box-shadow:0 4px 12px #35d4614d}.report-step.report-completed .report-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.report-step-number{font-weight:600;color:#64748b}.report-step.report-active .report-step-number{color:#fff}.report-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.report-step.report-active .report-step-title{color:#35d461;font-weight:600}.report-step.report-completed .report-step-title{color:#10b981}.report-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.report-step.report-completed .report-step-connector{background:#10b981}@media(max-width:768px){.report-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.report-step{flex:0 0 auto}.report-step-connector{display:none}}.report-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.report-step-content{margin-bottom:24px}.report-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.report-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.report-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.report-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.report-form-grid{grid-template-columns:1fr}}.report-form-group{display:flex;flex-direction:column;gap:4px}.report-form-group.report-full-width{grid-column:1 / -1}.report-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.report-form-group input,.report-form-group select,.report-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.report-form-group input:focus,.report-form-group select:focus,.report-form-group textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.report-required{color:#ef4444}.report-error{border-color:#ef4444!important}.report-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.report-error-message{color:#ef4444;font-size:12px;margin-top:4px}.report-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap}@media(max-width:480px){.report-form-actions{flex-direction:column}.report-form-actions button{width:100%;justify-content:center}}.report-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.report-summary-card h4{margin-top:0;margin-bottom:16px;color:#1e293b;font-size:16px}.report-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.report-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.report-summary-item:last-child{border-bottom:none}.report-summary-item span{color:#64748b;font-size:13px}.report-summary-item strong{color:#1a1a2e;font-size:13px}.report-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.report-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.report-search-input-wrapper:focus-within{border-color:#35d461}.report-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.report-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.report-search-input::placeholder{color:#999}.report-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.report-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.report-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.report-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.report-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.report-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.report-table-header h2 i{color:#35d461}.report-table-actions{display:flex;gap:8px;flex-wrap:wrap}.report-table-wrapper{overflow-x:auto;flex:1}.report-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.report-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.report-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.report-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.report-data-table tbody tr:hover{background-color:#fafbff}.report-data-table tbody td{padding:10px 14px;vertical-align:middle}.report-col-sn{width:40px!important;text-align:center!important}.report-col-date,.report-col-status{min-width:100px}.report-col-actions{min-width:200px!important;text-align:center!important}.report-table-title{display:flex;flex-direction:column;gap:4px}.report-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.report-title-meta{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.9vw,11px);color:#666}.report-meta-icon{font-size:14px;color:#999}.report-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.report-status-draft{background:#e2e8f0;color:#475569}.report-status-submitted{background:#dbeafe;color:#2563eb}.report-status-reviewed{background:#fed7aa;color:#c2410c}.report-status-approved,.report-status-final{background:#d1fae5;color:#059669}.report-activity-badge{background:#dbeafe;color:#1e40af}.report-income-badge{background:#d1fae5;color:#059669}.report-expenditure-badge{background:#fef3c7;color:#92400e}.report-item-desc{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.report-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.report-icon-btn:hover{background-color:#f0f0f0}.report-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.report-icon-view{color:#1976d2}.report-icon-view:hover{background-color:#e3f2fd}.report-icon-edit{color:#d97706}.report-icon-edit:hover{background-color:#fef3c7}.report-icon-submit{color:#2563eb}.report-icon-submit:hover{background-color:#dbeafe}.report-icon-review{color:#c2410c}.report-icon-review:hover{background-color:#fed7aa}.report-icon-approve{color:#059669}.report-icon-approve:hover{background-color:#d1fae5}.report-icon-delete{color:#ef4444}.report-icon-delete:hover{background-color:#fee2e2}.report-icon-expand{display:none;color:#666}.report-icon-expand .report-expanded{transform:rotate(180deg)}.report-expanded-row{background-color:#f8f9fa!important}.report-expanded-row td{padding:12px 16px!important}.report-expanded-content{padding:4px 0}.report-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-expanded-item{display:flex;flex-direction:column;gap:2px}.report-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.report-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.report-expanded-item .report-status-badge{display:inline-block;width:fit-content}.report-expanded-full{grid-column:1 / -1}@media(max-width:600px){.report-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.report-expanded-grid{grid-template-columns:1fr}}.report-table-stats{padding:16px 20px;background:#f8fafc;border-top:1px solid #e0e0e0}.report-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.report-stat-item{text-align:center}.report-stat-value{display:block;font-size:clamp(20px,2.5vw,24px);font-weight:700;color:#35d461}.report-stat-label{display:block;font-size:clamp(11px,1vw,12px);color:#666;font-weight:500;margin-top:2px}.report-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.report-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.report-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#35d461;border-radius:50%;animation:reportSpin .8s linear infinite}@keyframes reportSpin{to{transform:rotate(360deg)}}.report-empty-state{text-align:center;padding:60px 20px;color:#666}.report-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.report-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.report-empty-state p{margin:0 0 16px;color:#666}.report-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1200}.report-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:reportSlideIn .3s ease}@keyframes reportSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.report-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.report-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.report-side-header h3 i{color:#35d461}.report-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.report-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.report-side-body{flex:1;overflow-y:auto;padding:20px 24px}.report-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.report-view-grid{display:flex;flex-direction:column;gap:16px}.report-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.report-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.report-view-section h4 i{color:#35d461}.report-view-row{display:flex;margin-bottom:8px}.report-view-row:last-child{margin-bottom:0}.report-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.report-view-value{flex:1;color:#1a1a2e;font-size:13px}.report-view-full{flex-direction:column}.report-view-full .report-view-label{width:100%;margin-bottom:4px}@media(max-width:768px){.report-page-header{flex-direction:column;align-items:flex-start;gap:12px}.report-page-header-right{width:100%;justify-content:flex-start}.report-table-header{flex-direction:column;align-items:flex-start}.report-table-actions{width:100%;justify-content:flex-start}.report-side-container{width:100%;max-width:100%}.report-icon-expand{display:inline-flex}.report-data-table{font-size:12px;min-width:700px}.report-data-table thead th,.report-data-table tbody td{padding:8px 10px}.report-col-actions{min-width:150px!important}}@media(max-width:480px){.report-page{padding:10px 12px}.report-data-table{font-size:11px;min-width:550px}.report-data-table thead th,.report-data-table tbody td{padding:6px 8px}.report-col-actions{min-width:120px!important}.report-table-container{width:100%;max-height:95vh}.report-view-row{flex-direction:column}.report-view-label{width:100%;margin-bottom:2px}.report-table-footer{flex-direction:column;align-items:stretch}.report-table-footer .report-btn{justify-content:center}.report-form-actions{flex-direction:column}.report-form-actions button{width:100%;justify-content:center}.report-action-buttons{flex-direction:column}.report-right-actions{flex-direction:column;width:100%}.report-right-actions button{width:100%}}@media(prefers-color-scheme:dark){.report-page{background:#1a1a2e}.report-page-header{border-color:#2d2d44}.report-page-header-left h2{color:#fff}.report-page-subtitle{color:#88a}.report-form{background:#2d2d44;border-color:#3d3d5c}.report-step-header{border-color:#3d3d5c}.report-step-header h3{color:#fff}.report-step-header p{color:#88a}.report-form-group label{color:#fff}.report-form-group input,.report-form-group select,.report-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.report-form-group input:focus,.report-form-group select:focus,.report-form-group textarea:focus{border-color:#35d461}.report-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.report-btn-secondary:hover{background:#4d4d6c}.report-btn-outline{border-color:#4d4d6c;color:#fff}.report-btn-outline:hover{background:#3d3d5c}.report-table-container{background:#2d2d44}.report-table-header{border-color:#3d3d5c}.report-table-header h2{color:#fff}.report-table-header h2 i{color:#35d461}.report-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.report-search-input{color:#fff}.report-search-input::placeholder{color:#88a}.report-search-icon{color:#88a}.report-stats-badge{background:#3d3d5c;color:#88a}.report-data-table{background:#2d2d44}.report-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.report-data-table thead th{color:#fff;background:#3d3d5c}.report-data-table tbody tr{border-color:#3d3d5c}.report-data-table tbody tr:hover{background-color:#3d3d5c}.report-data-table tbody td{color:#d0d0e0}.report-title-name{color:#fff}.report-title-meta{color:#88a}.report-meta-icon{color:#666}.report-status-draft{background:#3d3d5c;color:#88a}.report-status-submitted{background:#1a2d4d;color:#93c5fd}.report-status-reviewed{background:#3d3d1a;color:#fbbf24}.report-status-approved,.report-status-final{background:#1a3d2d;color:#6ee7b7}.report-activity-badge{background:#1a2d4d;color:#93c5fd}.report-income-badge{background:#1a3d2d;color:#6ee7b7}.report-expenditure-badge{background:#3d3d1a;color:#fbbf24}.report-table-stats{background:#3d3d5c;border-color:#4d4d6c}.report-stat-value{color:#35d461}.report-stat-label{color:#88a}.report-table-footer{border-color:#4d4d6c;background:#2d2d44}.report-side-container{background:#2d2d44}.report-side-header{border-color:#3d3d5c}.report-side-header h3{color:#fff}.report-side-header h3 i{color:#35d461}.report-modal-close{color:#88a}.report-modal-close:hover{background-color:#3d3d5c;color:#fff}.report-side-footer,.report-view-section{border-color:#3d3d5c}.report-view-section h4{color:#fff;border-color:#3d3d5c}.report-view-section h4 i{color:#35d461}.report-view-label{color:#88a}.report-view-value{color:#d0d0d0}.report-summary-card{background:#3d3d5c;border-color:#4d4d6c}.report-summary-card h4{color:#fff}.report-summary-item{border-color:#4d4d6c}.report-summary-item span{color:#88a}.report-summary-item strong{color:#fff}.report-editing-badge{background:#5c3d1a;color:#fbbf24}.report-dropdown-menu{background:#2d2d44;border-color:#4d4d6c}.report-dropdown-item{color:#d0d0e0}.report-dropdown-item:hover{background:#3d3d5c}.report-icon-view:hover{background-color:#1a2d4d}.report-icon-edit:hover{background-color:#3d3d1a}.report-icon-submit:hover{background-color:#1a2d4d}.report-icon-review:hover{background-color:#3d3d1a}.report-icon-approve:hover{background-color:#1a3d2d}.report-icon-delete:hover{background-color:#3d1f1f}.report-expanded-row{background-color:#3d3d5c!important}.report-expanded-item label{color:#88a}.report-expanded-item span,.report-empty-state h4{color:#fff}.report-empty-state p{color:#88a}.report-empty-icon{color:#3d3d5c}}.ds-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.ds-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ds-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.ds-page-header-left h2 i{color:#667eea}.ds-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.ds-stats-badge{display:inline-flex;align-items:center;gap:4px;background:#f8fafc;padding:4px 12px;border-radius:12px;font-size:13px;color:#6b7280}.ds-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ds-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.ds-btn-primary{background:#667eea;color:#fff}.ds-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.ds-btn-success{background:#10b981;color:#fff}.ds-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ds-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.ds-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.ds-btn:disabled{opacity:.6;cursor:not-allowed}.ds-btn-label{display:inline}@media(max-width:480px){.ds-btn-label{display:none}.ds-btn{padding:6px 10px}}.ds-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.ds-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.ds-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.ds-step.ds-active .ds-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.ds-step.ds-completed .ds-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.ds-step-number{font-weight:600;color:#64748b;font-size:14px}.ds-step.ds-active .ds-step-number,.ds-step.ds-completed .ds-step-number{color:#fff}.ds-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.ds-step.ds-active .ds-step-title{color:#667eea;font-weight:600}.ds-step.ds-completed .ds-step-title{color:#10b981}.ds-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.ds-step.ds-completed .ds-step-connector{background:#10b981}@media(max-width:600px){.ds-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.ds-step{flex:0 1 auto;min-width:60px}.ds-step-connector{display:none}.ds-step-title{font-size:10px}.ds-step-indicator{width:32px;height:32px;font-size:12px}}.ds-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.ds-step-content{margin-bottom:32px}.ds-step-header{margin-bottom:24px}.ds-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.ds-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.ds-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.ds-form-grid{grid-template-columns:1fr}}.ds-form-group{display:flex;flex-direction:column;gap:4px}.ds-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.ds-form-group input,.ds-form-group select,.ds-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.ds-form-group input:focus,.ds-form-group select:focus,.ds-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ds-required{color:#ef4444}.ds-full-width{grid-column:1 / -1}.ds-error-message{color:#ef4444;font-size:12px;margin-top:4px}.ds-error{border-color:#ef4444!important}.ds-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.ds-warning-message{padding:8px 12px;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;color:#92400e;font-size:13px;display:flex;align-items:center;gap:8px}.ds-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.ds-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.ds-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media(max-width:600px){.ds-summary-content{grid-template-columns:1fr}}.ds-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.ds-summary-item span{color:#6b7280}.ds-summary-item strong{color:#1a1a2e;text-align:right}.ds-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.ds-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.ds-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.ds-action-buttons-bottom{flex-direction:column;align-items:stretch}.ds-right-actions{flex-direction:column;width:100%}.ds-right-actions .ds-btn{width:100%;justify-content:center}}.ds-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:dsSpin .8s linear infinite}@keyframes dsSpin{to{transform:rotate(360deg)}}.ds-loading-spinner{text-align:center;padding:40px;color:#666}.ds-loading-spinner .ds-spinner{width:40px;height:40px;border-width:4px}.ds-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.ds-status-active{background:#dcfce7;color:#166534}.ds-status-inactive{background:#f1f5f9;color:#475569}.ds-status-pending{background:#fef3c7;color:#92400e}.ds-status-archived{background:#e0e7ff;color:#3730a3}.ds-period-badge{display:inline-block;padding:2px 10px;background:#e0f2fe;color:#0369a1;border-radius:12px;font-size:11px;font-weight:500}.ds-department-name{font-weight:500;color:#1a1a2e}.ds-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ds-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.ds-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.ds-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.ds-table-header h2 i{color:#667eea}.ds-table-actions{display:flex;gap:8px;flex-wrap:wrap}.ds-table-responsive{overflow-x:auto;flex:1;padding:0 4px}.ds-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.ds-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ds-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.ds-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ds-data-table tbody tr:hover{background-color:#fafbff}.ds-data-table tbody td{padding:10px 14px;vertical-align:middle}.ds-col-actions{min-width:160px!important;text-align:center!important}.ds-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.ds-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ds-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.ds-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.ds-icon-btn:disabled{opacity:.4;cursor:not-allowed}.ds-icon-view{color:#1976d2}.ds-icon-view:hover:not(:disabled){background-color:#e3f2fd}.ds-icon-edit{color:#d97706}.ds-icon-edit:hover:not(:disabled){background-color:#fef3c7}.ds-icon-archive{color:#7c3aed}.ds-icon-archive:hover:not(:disabled){background-color:#ede9fe}.ds-icon-restore{color:#059669}.ds-icon-restore:hover:not(:disabled){background-color:#d1fae5}.ds-icon-delete{color:#ef4444}.ds-icon-delete:hover:not(:disabled){background-color:#fee2e2}.ds-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.ds-total-records{font-size:clamp(13px,1.1vw,14px);color:#6b7280}.ds-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.ds-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:dsSlideIn .3s ease}@keyframes dsSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.ds-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.ds-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.ds-side-header h3 i{color:#667eea}.ds-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.ds-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.ds-side-body{flex:1;overflow-y:auto;padding:20px 24px}.ds-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.ds-view-grid{display:flex;flex-direction:column;gap:16px}.ds-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.ds-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.ds-view-section h4 i{color:#667eea}.ds-view-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.ds-view-row:last-child{border-bottom:none}.ds-view-label{width:140px;font-weight:600;color:#4a5568;flex-shrink:0}.ds-view-value{flex:1;color:#1a1a2e}.ds-view-full{flex-direction:column}.ds-view-full .ds-view-label{width:100%;margin-bottom:4px}.ds-auth-error{display:flex;justify-content:center;align-items:center;min-height:400px;padding:20px}.ds-auth-error-content{background:#fff;padding:40px;border-radius:12px;text-align:center;max-width:400px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014}.ds-auth-error-content i{font-size:48px;color:#ef4444;margin-bottom:16px}.ds-auth-error-content h2{margin:0 0 8px;color:#1a1a2e}.ds-auth-error-content p{color:#6b7280;margin-bottom:20px}@media(prefers-color-scheme:dark){.ds-page{background:#1a1a2e}.ds-page-header{border-color:#2d2d44}.ds-page-header-left h2{color:#fff}.ds-page-subtitle{color:#88a}.ds-stats-badge{background:#3d3d5c;color:#88a}.ds-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ds-btn-secondary:hover:not(:disabled){background:#4d4d6c}.ds-form{background:#2d2d44;border-color:#3d3d5c}.ds-step-header h3{color:#fff}.ds-step-header p{color:#88a}.ds-form-group label{color:#fff}.ds-form-group input,.ds-form-group select,.ds-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ds-form-group input:focus,.ds-form-group select:focus,.ds-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.ds-warning-message{background:#5c3d1a;color:#fbbf24;border-color:#7c4d2a}.ds-summary-card{background:#3d3d5c;border-color:#4d4d6c}.ds-summary-card h4{color:#fff}.ds-summary-item{border-color:#4d4d6c}.ds-summary-item span{color:#88a}.ds-summary-item strong{color:#fff}.ds-table-container{background:#2d2d44}.ds-table-header{border-color:#3d3d5c}.ds-table-header h2{color:#fff}.ds-table-header h2 i{color:#89f}.ds-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.ds-data-table thead th{color:#fff;background:#3d3d5c}.ds-data-table tbody tr{border-color:#3d3d5c}.ds-data-table tbody tr:hover{background-color:#3d3d5c}.ds-data-table tbody td{color:#d0d0e0}.ds-department-name{color:#fff}.ds-status-active{background:#1a3d2d;color:#6ee7b7}.ds-status-inactive{background:#3d3d5c;color:#88a}.ds-status-pending{background:#5c3d1a;color:#fbbf24}.ds-status-archived,.ds-period-badge{background:#1a2a5c;color:#93bbff}.ds-icon-btn{color:#88a}.ds-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.ds-icon-view{color:#60a5fa}.ds-icon-view:hover:not(:disabled){background-color:#1a2a5c}.ds-icon-edit{color:#fbbf24}.ds-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.ds-icon-archive{color:#a78bfa}.ds-icon-archive:hover:not(:disabled){background-color:#2d1a5c}.ds-icon-restore{color:#6ee7b7}.ds-icon-restore:hover:not(:disabled){background-color:#1a3d2d}.ds-icon-delete{color:#f87171}.ds-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.ds-table-footer{background:#3d3d5c;border-color:#4d4d6c}.ds-total-records{color:#88a}.ds-side-container{background:#2d2d44}.ds-side-header{border-color:#3d3d5c}.ds-side-header h3{color:#fff}.ds-modal-close{color:#88a}.ds-modal-close:hover{background-color:#3d3d5c;color:#fff}.ds-side-footer,.ds-view-section{border-color:#3d3d5c}.ds-view-section h4{color:#fff;border-color:#3d3d5c}.ds-view-section h4 i{color:#89f}.ds-view-row{border-color:#3d3d5c}.ds-view-label{color:#88a}.ds-view-value{color:#d0d0e0}.ds-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.ds-step-number,.ds-step-title{color:#88a}.ds-step.ds-active .ds-step-title{color:#89f}.ds-step.ds-completed .ds-step-title{color:#6ee7b7}.ds-step-connector{background:#3d3d5c}.ds-step.ds-completed .ds-step-connector{background:#6ee7b7}.ds-loading-spinner{color:#88a}.ds-spinner{border-color:#3d3d5c;border-top-color:#89f}.ds-auth-error-content{background:#2d2d44;border-color:#3d3d5c}.ds-auth-error-content h2{color:#fff}.ds-auth-error-content p{color:#88a}}@media(max-width:768px){.ds-page{padding:12px 16px}.ds-page-header{flex-direction:column;align-items:flex-start}.ds-page-header-right{width:100%;justify-content:flex-start}.ds-form-grid,.ds-summary-content{grid-template-columns:1fr}.ds-data-table{font-size:12px;min-width:700px}.ds-data-table thead th,.ds-data-table tbody td{padding:6px 8px}.ds-col-actions{min-width:120px!important}.ds-action-buttons{flex-direction:column;gap:2px}.ds-table-header{flex-direction:column;align-items:flex-start}.ds-table-actions{width:100%;justify-content:flex-start}.ds-side-container{width:100%}.ds-view-row{flex-direction:column}.ds-view-label{width:100%}.ds-btn-label{display:none}.ds-btn{padding:6px 10px}}@media(max-width:480px){.ds-page-header-left h2{font-size:20px}.ds-data-table{font-size:11px;min-width:600px}.ds-data-table thead th,.ds-data-table tbody td{padding:4px 6px}.ds-col-actions{min-width:90px!important}}.bincard-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.bincard-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.bincard-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.bincard-page-header-left h2 i{color:#35d461}.bincard-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.bincard-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.bincard-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bincard-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.bincard-btn-primary{background:#35d461;color:#fff}.bincard-btn-primary:hover:not(:disabled){background:#2ec055;transform:translateY(-1px);box-shadow:0 4px 12px #35d4614d}.bincard-btn-success{background:#10b981;color:#fff}.bincard-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.bincard-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.bincard-btn-secondary:hover{background:#e8e8e8;border-color:silver}.bincard-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.bincard-btn-outline:hover{background:#f8f9fa}.bincard-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.bincard-btn-label{display:none}.bincard-btn{padding:6px 10px}}.bincard-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.bincard-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.bincard-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.bincard-step.bincard-active .bincard-step-indicator{background:#35d461;color:#fff;border-color:#35d461;box-shadow:0 4px 12px #35d4614d}.bincard-step.bincard-completed .bincard-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.bincard-step-number{font-weight:600;color:#64748b}.bincard-step.bincard-active .bincard-step-number{color:#fff}.bincard-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.bincard-step.bincard-active .bincard-step-title{color:#35d461;font-weight:600}.bincard-step.bincard-completed .bincard-step-title{color:#10b981}.bincard-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.bincard-step.bincard-completed .bincard-step-connector{background:#10b981}@media(max-width:768px){.bincard-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.bincard-step{flex:0 0 auto}.bincard-step-connector{display:none}}.bincard-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.bincard-step-content{margin-bottom:24px}.bincard-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.bincard-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.bincard-step-header h3 i{color:#35d461}.bincard-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.bincard-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.bincard-form-grid{grid-template-columns:1fr}}.bincard-form-group{display:flex;flex-direction:column;gap:4px}.bincard-form-group.bincard-full-width{grid-column:1 / -1}.bincard-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.bincard-form-group input,.bincard-form-group select,.bincard-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.bincard-form-group input:focus,.bincard-form-group select:focus,.bincard-form-group textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.bincard-required{color:#ef4444}.bincard-error{border-color:#ef4444!important}.bincard-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.bincard-error-message{color:#ef4444;font-size:12px;margin-top:4px}.bincard-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.bincard-action-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:12px}.bincard-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.bincard-form-actions{flex-direction:column}.bincard-form-actions button{width:100%;justify-content:center}.bincard-action-buttons{flex-direction:column}.bincard-right-actions{flex-direction:column;width:100%}.bincard-right-actions button{width:100%}}.bincard-stock-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px}.bincard-stock-info h4{color:#0369a1;margin:0 0 12px;font-size:15px;display:flex;align-items:center;gap:8px}.bincard-guidelines{display:flex;flex-direction:column;gap:8px}.bincard-guideline-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #e0f2fe}.bincard-guideline-item:last-child{border-bottom:none}.bincard-guideline-label{font-weight:600;color:#075985;font-size:13px}.bincard-guideline-desc{color:#0c4a6e;font-size:13px}.bincard-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.bincard-summary-card h4{margin-top:0;margin-bottom:16px;color:#1e293b;font-size:16px}.bincard-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:600px){.bincard-summary-grid{grid-template-columns:1fr}}.bincard-summary-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f1f5f9}.bincard-summary-item:last-child{border-bottom:none}.bincard-summary-item span{color:#64748b;font-size:13px}.bincard-summary-item strong{color:#1a1a2e;font-size:13px}.bincard-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.bincard-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.bincard-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.bincard-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.bincard-table-header h2 i{color:#35d461}.bincard-table-actions{display:flex;gap:8px;flex-wrap:wrap}.bincard-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.bincard-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.bincard-search-input-wrapper:focus-within{border-color:#35d461}.bincard-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.bincard-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.bincard-search-input::placeholder{color:#999}.bincard-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.bincard-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.bincard-table-wrapper{overflow-x:auto;flex:1}.bincard-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.bincard-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.bincard-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.bincard-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.bincard-data-table tbody tr:hover{background-color:#fafbff}.bincard-data-table tbody td{padding:10px 14px;vertical-align:middle}.bincard-col-sn{width:40px!important;text-align:center!important}.bincard-col-unit{min-width:100px}.bincard-col-stock{min-width:80px;text-align:center!important}.bincard-col-actions{min-width:160px!important;text-align:center!important}.bincard-table-title{display:flex;flex-direction:column;gap:4px}.bincard-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.bincard-title-meta{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.9vw,11px);color:#666}.bincard-meta-icon{font-size:14px;color:#999}.bincard-unit-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:20px;font-size:11px;font-weight:500}.bincard-stock-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;min-width:40px;text-align:center}.bincard-max{background:#dbeafe;color:#1e40af}.bincard-min{background:#fef3c7;color:#92400e}.bincard-reorder{background:#fee2e2;color:#991b1b}.bincard-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.bincard-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.bincard-icon-btn:hover{background-color:#f0f0f0}.bincard-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.bincard-icon-view{color:#1976d2}.bincard-icon-view:hover{background-color:#e3f2fd}.bincard-icon-edit{color:#d97706}.bincard-icon-edit:hover{background-color:#fef3c7}.bincard-icon-delete{color:#ef4444}.bincard-icon-delete:hover{background-color:#fee2e2}.bincard-icon-expand{display:none;color:#666}.bincard-icon-expand .bincard-expanded{transform:rotate(180deg)}.bincard-expanded-row{background-color:#f8f9fa!important}.bincard-expanded-row td{padding:12px 16px!important}.bincard-expanded-content{padding:4px 0}.bincard-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bincard-expanded-item{display:flex;flex-direction:column;gap:2px}.bincard-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.bincard-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.bincard-expanded-item .bincard-unit-badge,.bincard-expanded-item .bincard-stock-badge{display:inline-block;width:fit-content}.bincard-expanded-full{grid-column:1 / -1}@media(max-width:600px){.bincard-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.bincard-expanded-grid{grid-template-columns:1fr}}.bincard-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.bincard-stats-summary{display:flex;gap:20px;flex-wrap:wrap}.bincard-stat-item{display:flex;flex-direction:column;align-items:center}.bincard-stat-value{font-size:20px;font-weight:700;color:#35d461}.bincard-stat-label{font-size:11px;color:#666;font-weight:500;margin-top:2px}.bincard-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.bincard-spinner{display:inline-block;width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#35d461;border-radius:50%;animation:bincardSpin .8s linear infinite}@keyframes bincardSpin{to{transform:rotate(360deg)}}.bincard-empty-state{text-align:center;padding:60px 20px;color:#666}.bincard-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.bincard-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.bincard-empty-state p{margin:0 0 16px;color:#666}.bincard-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:bincardFadeIn .3s ease}@keyframes bincardFadeIn{0%{opacity:0}to{opacity:1}}.bincard-modal-container{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:bincardSlideUp .3s ease}@keyframes bincardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bincard-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #35D461;flex-shrink:0}.bincard-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.bincard-modal-header h3 i{color:#35d461}.bincard-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px;width:36px;height:36px}.bincard-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.bincard-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.bincard-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e0e0;flex-shrink:0;flex-wrap:wrap}@media(max-width:480px){.bincard-modal-footer{flex-direction:column}.bincard-modal-footer button{width:100%;justify-content:center}}.bincard-view-grid{display:flex;flex-direction:column;gap:16px}.bincard-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f8fafc}.bincard-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #35D461;padding-bottom:8px;display:flex;align-items:center;gap:8px}.bincard-view-section h4 i{color:#35d461}.bincard-view-row{display:flex;margin-bottom:8px}.bincard-view-row:last-child{margin-bottom:0}.bincard-view-label{width:160px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.bincard-view-value{flex:1;color:#1a1a2e;font-size:13px;text-align:right;word-break:break-word}.bincard-stock-value{font-weight:600;color:#1e40af;font-family:Courier New,monospace}@media(max-width:768px){.bincard-page-header{flex-direction:column;align-items:flex-start;gap:12px}.bincard-page-header-right{width:100%;justify-content:flex-start}.bincard-table-header{flex-direction:column;align-items:flex-start}.bincard-table-actions{width:100%;justify-content:flex-start}.bincard-icon-expand{display:inline-flex}.bincard-data-table{font-size:12px;min-width:700px}.bincard-data-table thead th,.bincard-data-table tbody td{padding:8px 10px}.bincard-col-actions{min-width:150px!important}.bincard-stats-summary{flex-direction:column;gap:8px}.bincard-modal-container{width:95%;max-height:95vh}.bincard-view-row{flex-direction:column;align-items:flex-start}.bincard-view-label{width:100%;margin-bottom:4px}.bincard-view-value{text-align:left;width:100%}.bincard-summary-grid{grid-template-columns:1fr}.bincard-guideline-item{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:480px){.bincard-page{padding:10px 12px}.bincard-data-table{font-size:11px;min-width:550px}.bincard-data-table thead th,.bincard-data-table tbody td{padding:6px 8px}.bincard-col-actions{min-width:120px!important}.bincard-table-container{width:100%;max-height:95vh}.bincard-form-actions{flex-direction:column}.bincard-form-actions button{width:100%;justify-content:center}.bincard-action-buttons{flex-direction:column}.bincard-right-actions{flex-direction:column;width:100%}.bincard-right-actions button{width:100%}.bincard-table-footer{flex-direction:column;align-items:stretch}.bincard-table-footer .bincard-btn{justify-content:center}.bincard-stats-summary{flex-direction:column;gap:8px}.bincard-modal-container{padding:0;border-radius:8px}.bincard-modal-header,.bincard-modal-body,.bincard-modal-footer{padding:12px 16px}.bincard-view-section{padding:12px}.bincard-expanded-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.bincard-page{background:#1a1a2e}.bincard-page-header{border-color:#2d2d44}.bincard-page-header-left h2{color:#fff}.bincard-page-subtitle{color:#88a}.bincard-form{background:#2d2d44;border-color:#3d3d5c}.bincard-step-header{border-color:#3d3d5c}.bincard-step-header h3{color:#fff}.bincard-step-header h3 i{color:#35d461}.bincard-step-header p{color:#88a}.bincard-form-group label{color:#fff}.bincard-form-group input,.bincard-form-group select,.bincard-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.bincard-form-group input:focus,.bincard-form-group select:focus,.bincard-form-group textarea:focus{border-color:#35d461}.bincard-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.bincard-btn-secondary:hover{background:#4d4d6c}.bincard-btn-outline{border-color:#4d4d6c;color:#fff}.bincard-btn-outline:hover{background:#3d3d5c}.bincard-stock-info{background:#1e3a8a;border-color:#3730a3}.bincard-stock-info h4{color:#bfdbfe}.bincard-guideline-label{color:#93c5fd}.bincard-guideline-desc{color:#bfdbfe}.bincard-summary-card{background:#3d3d5c;border-color:#4d4d6c}.bincard-summary-card h4{color:#fff}.bincard-summary-item{border-color:#4d4d6c}.bincard-summary-item span{color:#88a}.bincard-summary-item strong{color:#fff}.bincard-table-container{background:#2d2d44}.bincard-table-header{border-color:#3d3d5c}.bincard-table-header h2{color:#fff}.bincard-table-header h2 i{color:#35d461}.bincard-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.bincard-search-input{color:#fff}.bincard-search-input::placeholder{color:#88a}.bincard-search-icon{color:#88a}.bincard-stats-badge{background:#3d3d5c;color:#88a}.bincard-data-table{background:#2d2d44}.bincard-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.bincard-data-table thead th{color:#fff;background:#3d3d5c}.bincard-data-table tbody tr{border-color:#3d3d5c}.bincard-data-table tbody tr:hover{background-color:#3d3d5c}.bincard-data-table tbody td{color:#d0d0d0}.bincard-title-name{color:#fff}.bincard-title-meta{color:#88a}.bincard-meta-icon{color:#666}.bincard-unit-badge{background:#3d3d5c;color:#88a}.bincard-max{background:#1a2d4d;color:#93c5fd}.bincard-min{background:#3d3d1a;color:#fbbf24}.bincard-reorder{background:#3d1f1f;color:#fca5a5}.bincard-table-footer{border-color:#4d4d6c;background:#2d2d44}.bincard-stat-value{color:#35d461}.bincard-stat-label{color:#88a}.bincard-icon-view:hover{background-color:#1a2d4d}.bincard-icon-edit:hover{background-color:#3d3d1a}.bincard-icon-delete:hover{background-color:#3d1f1f}.bincard-expanded-row{background-color:#3d3d5c!important}.bincard-expanded-item label{color:#88a}.bincard-expanded-item span,.bincard-empty-state h4{color:#fff}.bincard-empty-state p{color:#88a}.bincard-empty-icon{color:#3d3d5c}.bincard-modal-container{background:#2d2d44}.bincard-modal-header{border-color:#35d461}.bincard-modal-header h3{color:#fff}.bincard-modal-header h3 i{color:#35d461}.bincard-modal-close{color:#88a}.bincard-modal-close:hover{background-color:#3d3d5c;color:#fff}.bincard-modal-footer{border-color:#3d3d5c}.bincard-view-section{border-color:#3d3d5c;background:#3d3d5c}.bincard-view-section h4{color:#fff;border-color:#35d461}.bincard-view-section h4 i{color:#35d461}.bincard-view-label{color:#88a}.bincard-view-value{color:#d0d0d0}.bincard-stock-value{color:#93c5fd}.bincard-editing-badge{background:#5c3d1a;color:#fbbf24}}.bincard-tx-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.bincard-tx-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.bincard-tx-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.bincard-tx-page-header-left h2 i{color:#35d461}.bincard-tx-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.bincard-tx-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bincard-tx-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.bincard-tx-btn-primary{background:#35d461;color:#fff}.bincard-tx-btn-primary:hover:not(:disabled){background:#2ec055;transform:translateY(-1px);box-shadow:0 4px 12px #35d4614d}.bincard-tx-btn-success{background:#10b981;color:#fff}.bincard-tx-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.bincard-tx-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.bincard-tx-btn-secondary:hover{background:#e8e8e8;border-color:silver}.bincard-tx-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.bincard-tx-btn-outline:hover{background:#f8f9fa}.bincard-tx-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.bincard-tx-btn-label{display:none}.bincard-tx-btn{padding:6px 10px}}.bincard-tx-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.bincard-tx-step-content{margin-bottom:24px}.bincard-tx-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.bincard-tx-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.bincard-tx-step-header h3 i{color:#35d461}.bincard-tx-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.bincard-tx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.bincard-tx-form-grid{grid-template-columns:1fr}}.bincard-tx-form-group{display:flex;flex-direction:column;gap:4px}.bincard-tx-form-group.bincard-tx-full-width{grid-column:1 / -1}.bincard-tx-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.bincard-tx-form-group input,.bincard-tx-form-group select,.bincard-tx-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.bincard-tx-form-group input:focus,.bincard-tx-form-group select:focus,.bincard-tx-form-group textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.bincard-tx-required{color:#ef4444}.bincard-tx-error{border-color:#ef4444!important}.bincard-tx-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.bincard-tx-error-message{color:#ef4444;font-size:12px;margin-top:4px}.bincard-tx-textarea{resize:vertical;min-height:80px;line-height:1.5}.bincard-tx-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap}.bincard-tx-action-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:12px}.bincard-tx-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.bincard-tx-form-actions{flex-direction:column}.bincard-tx-form-actions button{width:100%;justify-content:center}.bincard-tx-action-buttons{flex-direction:column}.bincard-tx-right-actions{flex-direction:column;width:100%}.bincard-tx-right-actions button{width:100%}}.bincard-tx-balance-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px}.bincard-tx-balance-card h4{color:#166534;margin:0 0 12px;font-size:15px;display:flex;align-items:center;gap:8px}.bincard-tx-balance-info{display:flex;flex-direction:column;gap:8px}.bincard-tx-balance-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #d1fae5}.bincard-tx-balance-item:last-child{border-bottom:none}.bincard-tx-balance-item span{color:#15803d;font-weight:500;font-size:13px}.bincard-tx-balance-item strong{color:#166534;font-size:14px}.bincard-tx-balance-value{color:#059669!important;font-weight:600}.bincard-tx-selector{background:#fff;border-radius:8px;padding:24px;border:1px solid #e0e0e0}.bincard-tx-selector-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #35D461}.bincard-tx-selector-header h2{font-size:clamp(20px,2vw,24px);font-weight:600;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.bincard-tx-selector-header h2 i{color:#35d461}.bincard-tx-selector-subtitle{color:#666;margin:0;font-size:14px}.bincard-tx-selector-content{display:flex;flex-direction:column;gap:20px}.bincard-tx-selector-form{max-width:600px}.bincard-tx-selector-actions{display:flex;gap:12px;flex-wrap:wrap}.bincard-tx-alert{padding:12px 16px;border-radius:6px;display:flex;align-items:center;gap:8px}.bincard-tx-alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.bincard-tx-loading-message{margin-top:8px;display:flex;align-items:center;gap:8px;color:#666;font-size:13px}.bincard-tx-empty-message{margin-top:8px;display:flex;align-items:center;gap:8px;color:#64748b;font-size:13px;padding:12px;background:#f8fafc;border-radius:6px}.bincard-tx-empty-message i{font-size:18px}.bincard-tx-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.bincard-tx-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.bincard-tx-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.bincard-tx-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.bincard-tx-table-header h2 i{color:#35d461}.bincard-tx-table-actions{display:flex;gap:8px;flex-wrap:wrap}.bincard-tx-search-bar{padding:12px 20px;border-bottom:1px solid #f0f0f0}.bincard-tx-search-form{width:100%}.bincard-tx-search-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:flex-end}.bincard-tx-search-group{display:flex;flex-direction:column;gap:4px}.bincard-tx-search-group label{font-size:12px;font-weight:500;color:#4a5568}.bincard-tx-search-group input,.bincard-tx-search-group select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;color:#1a1a2e;width:100%}.bincard-tx-search-group input:focus,.bincard-tx-search-group select:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.bincard-tx-search-actions{display:flex;gap:8px;flex-direction:row}.bincard-tx-search-actions .bincard-tx-btn{flex:1;justify-content:center}.bincard-tx-table-wrapper{overflow-x:auto;flex:1}.bincard-tx-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.bincard-tx-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.bincard-tx-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.bincard-tx-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.bincard-tx-data-table tbody tr:hover{background-color:#fafbff}.bincard-tx-data-table tbody td{padding:10px 14px;vertical-align:middle}.bincard-tx-row-receipt{background:#f0f9ff}.bincard-tx-row-receipt:hover{background:#e0f2fe}.bincard-tx-row-issue{background:#fefce8}.bincard-tx-row-issue:hover{background:#fef3c7}.bincard-tx-col-sn{width:40px!important;text-align:center!important}.bincard-tx-col-type{min-width:80px}.bincard-tx-col-qty{min-width:70px;text-align:center!important}.bincard-tx-col-balance{min-width:80px;text-align:center!important}.bincard-tx-col-actions{min-width:160px!important;text-align:center!important}.bincard-tx-table-title{display:flex;flex-direction:column;gap:2px}.bincard-tx-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.bincard-tx-title-meta{display:flex;align-items:center;gap:4px;font-size:clamp(10px,.9vw,11px);color:#666}.bincard-tx-meta-icon{font-size:12px;color:#999}.bincard-tx-from-to{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bincard-tx-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.bincard-tx-status-receipt{background:#dcfce7;color:#166534}.bincard-tx-status-issue{background:#fee2e2;color:#dc2626}.bincard-tx-receipt-value{color:#059669;font-weight:600}.bincard-tx-issue-value{color:#dc2626;font-weight:600}.bincard-tx-balance-value{color:#1e40af;font-weight:600}.bincard-tx-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.bincard-tx-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.bincard-tx-icon-btn:hover{background-color:#f0f0f0}.bincard-tx-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.bincard-tx-icon-view{color:#1976d2}.bincard-tx-icon-view:hover{background-color:#e3f2fd}.bincard-tx-icon-edit{color:#d97706}.bincard-tx-icon-edit:hover{background-color:#fef3c7}.bincard-tx-icon-delete{color:#ef4444}.bincard-tx-icon-delete:hover{background-color:#fee2e2}.bincard-tx-icon-expand{display:none;color:#666}.bincard-tx-icon-expand .bincard-tx-expanded{transform:rotate(180deg)}.bincard-tx-expanded-row{background-color:#f8f9fa!important}.bincard-tx-expanded-row td{padding:12px 16px!important}.bincard-tx-expanded-content{padding:4px 0}.bincard-tx-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bincard-tx-expanded-item{display:flex;flex-direction:column;gap:2px}.bincard-tx-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.bincard-tx-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.bincard-tx-expanded-item .bincard-tx-status-badge{display:inline-block;width:fit-content}.bincard-tx-expanded-item .bincard-tx-receipt-value,.bincard-tx-expanded-item .bincard-tx-issue-value,.bincard-tx-expanded-item .bincard-tx-balance-value{display:inline-block}.bincard-tx-expanded-full{grid-column:1 / -1}@media(max-width:600px){.bincard-tx-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.bincard-tx-expanded-grid{grid-template-columns:1fr}}.bincard-tx-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.bincard-tx-stats-summary{display:flex;gap:20px;flex-wrap:wrap}.bincard-tx-stat-item{display:flex;flex-direction:column;align-items:center}.bincard-tx-stat-value{font-size:20px;font-weight:700;color:#35d461}.bincard-tx-stat-label{font-size:11px;color:#666;font-weight:500;margin-top:2px}.bincard-tx-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.bincard-tx-spinner{display:inline-block;width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#35d461;border-radius:50%;animation:bincardTxSpin .8s linear infinite}@keyframes bincardTxSpin{to{transform:rotate(360deg)}}.bincard-tx-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.bincard-tx-loading-spinner p{margin-top:16px}.bincard-tx-empty-state{text-align:center;padding:60px 20px;color:#666}.bincard-tx-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.bincard-tx-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.bincard-tx-empty-state p{margin:0 0 16px;color:#666}.bincard-tx-empty-state .bincard-tx-btn{margin-top:8px}.bincard-tx-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:bincardTxFadeIn .3s ease}@keyframes bincardTxFadeIn{0%{opacity:0}to{opacity:1}}.bincard-tx-modal-container{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:bincardTxSlideUp .3s ease}@keyframes bincardTxSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bincard-tx-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #35D461;flex-shrink:0}.bincard-tx-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.bincard-tx-modal-header h3 i{color:#35d461}.bincard-tx-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px;width:36px;height:36px}.bincard-tx-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.bincard-tx-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.bincard-tx-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e0e0;flex-shrink:0;flex-wrap:wrap}@media(max-width:480px){.bincard-tx-modal-footer{flex-direction:column}.bincard-tx-modal-footer button{width:100%;justify-content:center}}.bincard-tx-view-grid{display:flex;flex-direction:column;gap:16px}.bincard-tx-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f8fafc}.bincard-tx-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #35D461;padding-bottom:8px;display:flex;align-items:center;gap:8px}.bincard-tx-view-section h4 i{color:#35d461}.bincard-tx-view-row{display:flex;margin-bottom:8px}.bincard-tx-view-row:last-child{margin-bottom:0}.bincard-tx-view-label{width:160px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.bincard-tx-view-value{flex:1;color:#1a1a2e;font-size:13px;text-align:right;word-break:break-word}.bincard-tx-view-full{flex-direction:column}.bincard-tx-view-full .bincard-tx-view-value{text-align:left;width:100%;margin-top:4px}@media(max-width:768px){.bincard-tx-page-header{flex-direction:column;align-items:flex-start;gap:12px}.bincard-tx-page-header-right{width:100%;justify-content:flex-start}.bincard-tx-table-header{flex-direction:column;align-items:flex-start}.bincard-tx-table-actions{width:100%;justify-content:flex-start}.bincard-tx-icon-expand{display:inline-flex}.bincard-tx-data-table{font-size:12px;min-width:700px}.bincard-tx-data-table thead th,.bincard-tx-data-table tbody td{padding:8px 10px}.bincard-tx-col-actions{min-width:150px!important}.bincard-tx-stats-summary{flex-direction:column;gap:8px}.bincard-tx-modal-container{width:95%;max-height:95vh}.bincard-tx-view-row{flex-direction:column;align-items:flex-start}.bincard-tx-view-label{width:100%;margin-bottom:4px}.bincard-tx-view-value{text-align:left;width:100%}.bincard-tx-search-grid{grid-template-columns:1fr 1fr}.bincard-tx-selector-actions{flex-direction:column}.bincard-tx-selector-actions .bincard-tx-btn{width:100%;justify-content:center}}@media(max-width:480px){.bincard-tx-page{padding:10px 12px}.bincard-tx-data-table{font-size:11px;min-width:550px}.bincard-tx-data-table thead th,.bincard-tx-data-table tbody td{padding:6px 8px}.bincard-tx-col-actions{min-width:120px!important}.bincard-tx-table-container{width:100%;max-height:95vh}.bincard-tx-form-actions{flex-direction:column}.bincard-tx-form-actions button{width:100%;justify-content:center}.bincard-tx-action-buttons{flex-direction:column}.bincard-tx-right-actions{flex-direction:column;width:100%}.bincard-tx-right-actions button{width:100%}.bincard-tx-table-footer{flex-direction:column;align-items:stretch}.bincard-tx-table-footer .bincard-tx-btn{justify-content:center}.bincard-tx-stats-summary{flex-direction:column;gap:8px}.bincard-tx-search-grid{grid-template-columns:1fr}.bincard-tx-search-actions{flex-direction:column}.bincard-tx-modal-container{padding:0;border-radius:8px}.bincard-tx-modal-header,.bincard-tx-modal-body,.bincard-tx-modal-footer{padding:12px 16px}.bincard-tx-view-section{padding:12px}.bincard-tx-expanded-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.bincard-tx-page{background:#1a1a2e}.bincard-tx-page-header{border-color:#2d2d44}.bincard-tx-page-header-left h2{color:#fff}.bincard-tx-page-subtitle{color:#88a}.bincard-tx-form{background:#2d2d44;border-color:#3d3d5c}.bincard-tx-step-header{border-color:#3d3d5c}.bincard-tx-step-header h3{color:#fff}.bincard-tx-step-header h3 i{color:#35d461}.bincard-tx-step-header p{color:#88a}.bincard-tx-form-group label{color:#fff}.bincard-tx-form-group input,.bincard-tx-form-group select,.bincard-tx-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.bincard-tx-form-group input:focus,.bincard-tx-form-group select:focus,.bincard-tx-form-group textarea:focus{border-color:#35d461}.bincard-tx-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.bincard-tx-btn-secondary:hover{background:#4d4d6c}.bincard-tx-btn-outline{border-color:#4d4d6c;color:#fff}.bincard-tx-btn-outline:hover{background:#3d3d5c}.bincard-tx-selector{background:#2d2d44;border-color:#3d3d5c}.bincard-tx-selector-header{border-color:#35d461}.bincard-tx-selector-header h2{color:#fff}.bincard-tx-selector-header h2 i{color:#35d461}.bincard-tx-selector-subtitle{color:#88a}.bincard-tx-balance-card{background:#1a3d2d;border-color:#1a5d3d}.bincard-tx-balance-card h4{color:#6ee7b7}.bincard-tx-balance-item{border-color:#1a5d3d}.bincard-tx-balance-item span{color:#6ee7b7}.bincard-tx-balance-item strong{color:#a7f3d0}.bincard-tx-balance-value{color:#6ee7b7!important}.bincard-tx-table-container{background:#2d2d44}.bincard-tx-table-header{border-color:#3d3d5c}.bincard-tx-table-header h2{color:#fff}.bincard-tx-table-header h2 i{color:#35d461}.bincard-tx-search-group label{color:#88a}.bincard-tx-search-group input,.bincard-tx-search-group select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.bincard-tx-search-group input:focus,.bincard-tx-search-group select:focus{border-color:#35d461}.bincard-tx-data-table{background:#2d2d44}.bincard-tx-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.bincard-tx-data-table thead th{color:#fff;background:#3d3d5c}.bincard-tx-data-table tbody tr{border-color:#3d3d5c}.bincard-tx-data-table tbody tr:hover{background-color:#3d3d5c}.bincard-tx-data-table tbody td{color:#d0d0d0}.bincard-tx-title-name{color:#fff}.bincard-tx-title-meta{color:#88a}.bincard-tx-meta-icon{color:#666}.bincard-tx-row-receipt{background:#1a2d4d}.bincard-tx-row-receipt:hover{background:#1a3d6c}.bincard-tx-row-issue{background:#3d3d1a}.bincard-tx-row-issue:hover{background:#5c5c1a}.bincard-tx-status-receipt{background:#1a3d2d;color:#6ee7b7}.bincard-tx-status-issue{background:#3d1f1f;color:#fca5a5}.bincard-tx-receipt-value{color:#6ee7b7}.bincard-tx-issue-value{color:#fca5a5}.bincard-tx-balance-value{color:#93c5fd}.bincard-tx-table-footer{border-color:#4d4d6c;background:#2d2d44}.bincard-tx-stat-value{color:#35d461}.bincard-tx-stat-label{color:#88a}.bincard-tx-icon-view:hover{background-color:#1a2d4d}.bincard-tx-icon-edit:hover{background-color:#3d3d1a}.bincard-tx-icon-delete:hover{background-color:#3d1f1f}.bincard-tx-expanded-row{background-color:#3d3d5c!important}.bincard-tx-expanded-item label{color:#88a}.bincard-tx-expanded-item span,.bincard-tx-empty-state h4{color:#fff}.bincard-tx-empty-state p{color:#88a}.bincard-tx-empty-icon{color:#3d3d5c}.bincard-tx-modal-container{background:#2d2d44}.bincard-tx-modal-header{border-color:#35d461}.bincard-tx-modal-header h3{color:#fff}.bincard-tx-modal-header h3 i{color:#35d461}.bincard-tx-modal-close{color:#88a}.bincard-tx-modal-close:hover{background-color:#3d3d5c;color:#fff}.bincard-tx-modal-footer{border-color:#3d3d5c}.bincard-tx-view-section{border-color:#3d3d5c;background:#3d3d5c}.bincard-tx-view-section h4{color:#fff;border-color:#35d461}.bincard-tx-view-section h4 i{color:#35d461}.bincard-tx-view-label{color:#88a}.bincard-tx-view-value{color:#d0d0d0}.bincard-tx-alert-error{background:#3d1f1f;color:#fca5a5;border-color:#5c3d3d}.bincard-tx-empty-message{background:#3d3d5c;color:#88a}}.nurse-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.nurse-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.nurse-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.nurse-page-header-left h2 i{color:#3b82f6}.nurse-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.nurse-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nurse-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.nurse-btn-primary{background:#3b82f6;color:#fff}.nurse-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.nurse-btn-success{background:#10b981;color:#fff}.nurse-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.nurse-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.nurse-btn-secondary:hover{background:#e8e8e8;border-color:silver}.nurse-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.nurse-btn-outline:hover{background:#f8f9fa}.nurse-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.nurse-btn-label{display:none}.nurse-btn{padding:6px 10px}}.nurse-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.nurse-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.nurse-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.nurse-step.nurse-active .nurse-step-indicator{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.nurse-step.nurse-completed .nurse-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.nurse-step-number{font-weight:600;color:#64748b}.nurse-step.nurse-active .nurse-step-number{color:#fff}.nurse-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.nurse-step.nurse-active .nurse-step-title{color:#3b82f6;font-weight:600}.nurse-step.nurse-completed .nurse-step-title{color:#10b981}.nurse-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.nurse-step.nurse-completed .nurse-step-connector{background:#10b981}@media(max-width:768px){.nurse-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.nurse-step{flex:0 0 auto}.nurse-step-connector{display:none}}.nurse-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.nurse-step-content{margin-bottom:24px}.nurse-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.nurse-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.nurse-step-header h3 i{color:#3b82f6}.nurse-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.nurse-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.nurse-form-grid{grid-template-columns:1fr}}.nurse-form-group{display:flex;flex-direction:column;gap:4px}.nurse-form-group.nurse-full-width{grid-column:1 / -1}.nurse-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.nurse-form-group input,.nurse-form-group select,.nurse-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.nurse-form-group input:focus,.nurse-form-group select:focus,.nurse-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.nurse-required{color:#ef4444}.nurse-error{border-color:#ef4444!important}.nurse-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.nurse-error-message{color:#ef4444;font-size:12px;margin-top:4px}.nurse-form-help{font-size:12px;color:#6b7280;margin-top:4px}.nurse-form-help i{margin-right:4px}.nurse-auto-fill-status{margin-top:4px;padding:4px 10px;background:#d1fae5;border-radius:4px;font-size:12px;color:#065f46}.nurse-auto-fill-status i{margin-right:4px}.nurse-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.nurse-action-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:12px}.nurse-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.nurse-form-actions{flex-direction:column}.nurse-form-actions button{width:100%;justify-content:center}.nurse-action-buttons{flex-direction:column}.nurse-right-actions{flex-direction:column;width:100%}.nurse-right-actions button{width:100%}}.nurse-checkbox-group{display:flex;align-items:center;gap:8px}.nurse-checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;font-size:13px}.nurse-checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.nurse-review-summary{display:flex;flex-direction:column;gap:16px}.nurse-review-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.nurse-review-section h4{margin-top:0;margin-bottom:12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.nurse-review-section.nurse-critical-section{border-color:#fecaca;background:#fef2f2}.nurse-review-section.nurse-critical-section h4{color:#dc2626;border-color:#fecaca}.nurse-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:600px){.nurse-review-grid{grid-template-columns:1fr}}.nurse-review-item{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0;border-bottom:1px solid #f1f5f9;gap:12px}.nurse-review-item:last-child{border-bottom:none}.nurse-review-item.nurse-full-width{grid-column:1 / -1;flex-direction:column;gap:4px}.nurse-review-item span{color:#64748b;font-size:13px;min-width:120px}.nurse-review-item strong{color:#1a1a2e;font-size:13px;text-align:right;flex:1;word-break:break-word}.nurse-review-item.nurse-full-width strong{text-align:left}.nurse-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.nurse-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.nurse-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.nurse-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.nurse-table-header h2 i{color:#3b82f6}.nurse-table-actions{display:flex;gap:8px;flex-wrap:wrap}.nurse-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.nurse-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.nurse-search-input-wrapper:focus-within{border-color:#3b82f6}.nurse-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.nurse-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.nurse-search-input::placeholder{color:#999}.nurse-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.nurse-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.nurse-table-wrapper{overflow-x:auto;flex:1}.nurse-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.nurse-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.nurse-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.nurse-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.nurse-data-table tbody tr:hover{background-color:#fafbff}.nurse-data-table tbody td{padding:10px 14px;vertical-align:middle}.nurse-col-sn{width:40px!important;text-align:center!important}.nurse-col-actions{min-width:180px!important;text-align:center!important}.nurse-table-title{display:flex;flex-direction:column;gap:4px}.nurse-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.nurse-title-meta{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.9vw,11px);color:#666}.nurse-meta-icon{font-size:14px;color:#999}.nurse-user-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:20px;font-size:11px;font-weight:500}.nurse-shift-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.nurse-shift-morning{background:#dbeafe;color:#1e40af}.nurse-shift-evening{background:#fef3c7;color:#92400e}.nurse-shift-night{background:#e2e8f0;color:#475569}.nurse-critical-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fee2e2;color:#991b1b;border-radius:20px;font-size:10px;font-weight:600}.nurse-critical-badge i{font-size:12px}.nurse-normal-badge{display:inline-block;padding:4px 10px;background:#d1fae5;color:#065f46;border-radius:20px;font-size:10px;font-weight:500}.nurse-date-time{display:flex;flex-direction:column;gap:2px}.nurse-time-small{font-size:11px;color:#666}.nurse-assessment-preview{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4a5568;font-size:13px}.nurse-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.nurse-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.nurse-icon-btn:hover{background-color:#f0f0f0}.nurse-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.nurse-icon-view{color:#1976d2}.nurse-icon-view:hover{background-color:#e3f2fd}.nurse-icon-edit{color:#d97706}.nurse-icon-edit:hover{background-color:#fef3c7}.nurse-icon-print{color:#059669}.nurse-icon-print:hover{background-color:#d1fae5}.nurse-icon-delete{color:#ef4444}.nurse-icon-delete:hover{background-color:#fee2e2}.nurse-icon-expand{display:none;color:#666}.nurse-icon-expand .nurse-expanded{transform:rotate(180deg)}.nurse-expanded-row{background-color:#f8f9fa!important}.nurse-expanded-row td{padding:12px 16px!important}.nurse-expanded-content{padding:4px 0}.nurse-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nurse-expanded-item{display:flex;flex-direction:column;gap:2px}.nurse-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.nurse-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.nurse-expanded-item .nurse-shift-badge,.nurse-expanded-item .nurse-critical-badge,.nurse-expanded-item .nurse-normal-badge{display:inline-block;width:fit-content}.nurse-expanded-full{grid-column:1 / -1}@media(max-width:600px){.nurse-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.nurse-expanded-grid{grid-template-columns:1fr}}.nurse-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.nurse-status-legend{display:flex;gap:16px;flex-wrap:wrap}.nurse-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.nurse-legend-color{width:14px;height:14px;border-radius:4px;display:inline-block}.nurse-legend-color.nurse-critical-badge{background:#fee2e2;border:1px solid #991b1b}.nurse-legend-color.nurse-normal-badge{background:#d1fae5;border:1px solid #065f46}.nurse-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.nurse-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:nurseSpin .8s linear infinite}@keyframes nurseSpin{to{transform:rotate(360deg)}}.nurse-empty-state{text-align:center;padding:60px 20px;color:#666}.nurse-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.nurse-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.nurse-empty-state p{margin:0 0 16px;color:#666}@media(max-width:768px){.nurse-page-header{flex-direction:column;align-items:flex-start;gap:12px}.nurse-page-header-right{width:100%;justify-content:flex-start}.nurse-table-header{flex-direction:column;align-items:flex-start}.nurse-table-actions{width:100%;justify-content:flex-start}.nurse-icon-expand{display:inline-flex}.nurse-data-table{font-size:12px;min-width:700px}.nurse-data-table thead th,.nurse-data-table tbody td{padding:8px 10px}.nurse-col-actions{min-width:150px!important}.nurse-review-grid{grid-template-columns:1fr}}@media(max-width:480px){.nurse-page{padding:10px 12px}.nurse-data-table{font-size:11px;min-width:550px}.nurse-data-table thead th,.nurse-data-table tbody td{padding:6px 8px}.nurse-col-actions{min-width:120px!important}.nurse-table-container{width:100%;max-height:95vh}.nurse-table-footer{flex-direction:column;align-items:stretch}.nurse-table-footer .nurse-btn,.nurse-status-legend{justify-content:center}.nurse-review-item{flex-direction:column;align-items:flex-start;gap:4px}.nurse-review-item strong{text-align:left}}@media(prefers-color-scheme:dark){.nurse-page{background:#1a1a2e}.nurse-page-header{border-color:#2d2d44}.nurse-page-header-left h2{color:#fff}.nurse-page-subtitle{color:#88a}.nurse-form{background:#2d2d44;border-color:#3d3d5c}.nurse-step-header{border-color:#3d3d5c}.nurse-step-header h3{color:#fff}.nurse-step-header h3 i{color:#60a5fa}.nurse-step-header p{color:#88a}.nurse-form-group label{color:#fff}.nurse-form-group input,.nurse-form-group select,.nurse-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.nurse-form-group input:focus,.nurse-form-group select:focus,.nurse-form-group textarea:focus{border-color:#3b82f6}.nurse-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.nurse-btn-secondary:hover{background:#4d4d6c}.nurse-btn-outline{border-color:#4d4d6c;color:#fff}.nurse-btn-outline:hover{background:#3d3d5c}.nurse-auto-fill-status{background:#1a3d2d;color:#6ee7b7}.nurse-review-section{background:#3d3d5c;border-color:#4d4d6c}.nurse-review-section h4{color:#fff;border-color:#3d3d5c}.nurse-review-section.nurse-critical-section{border-color:#5c3d3d;background:#3d1f1f}.nurse-review-section.nurse-critical-section h4{color:#fca5a5;border-color:#5c3d3d}.nurse-review-item{border-color:#4d4d6c}.nurse-review-item span{color:#88a}.nurse-review-item strong{color:#fff}.nurse-table-container{background:#2d2d44}.nurse-table-header{border-color:#3d3d5c}.nurse-table-header h2{color:#fff}.nurse-table-header h2 i{color:#60a5fa}.nurse-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.nurse-search-input{color:#fff}.nurse-search-input::placeholder{color:#88a}.nurse-search-icon{color:#88a}.nurse-stats-badge{background:#3d3d5c;color:#88a}.nurse-data-table{background:#2d2d44}.nurse-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.nurse-data-table thead th{color:#fff;background:#3d3d5c}.nurse-data-table tbody tr{border-color:#3d3d5c}.nurse-data-table tbody tr:hover{background-color:#3d3d5c}.nurse-data-table tbody td{color:#d0d0e0}.nurse-title-name{color:#fff}.nurse-title-meta{color:#88a}.nurse-meta-icon{color:#666}.nurse-user-badge{background:#3d3d5c;color:#88a}.nurse-shift-morning{background:#1a2d4d;color:#93c5fd}.nurse-shift-evening{background:#3d3d1a;color:#fbbf24}.nurse-shift-night{background:#3d3d5c;color:#88a}.nurse-critical-badge{background:#3d1f1f;color:#fca5a5}.nurse-normal-badge{background:#1a3d2d;color:#6ee7b7}.nurse-table-footer{border-color:#4d4d6c;background:#2d2d44}.nurse-legend-item{color:#88a}.nurse-legend-color.nurse-critical-badge{background:#3d1f1f;border-color:#fca5a5}.nurse-legend-color.nurse-normal-badge{background:#1a3d2d;border-color:#6ee7b7}.nurse-icon-view:hover{background-color:#1a2d4d}.nurse-icon-edit:hover{background-color:#3d3d1a}.nurse-icon-print:hover{background-color:#1a3d2d}.nurse-icon-delete:hover{background-color:#3d1f1f}.nurse-expanded-row{background-color:#3d3d5c!important}.nurse-expanded-item label{color:#88a}.nurse-expanded-item span,.nurse-empty-state h4{color:#fff}.nurse-empty-state p{color:#88a}.nurse-empty-icon{color:#3d3d5c}.nurse-checkbox-group label{color:#d0d0e0}.nurse-checkbox-group input[type=checkbox]{accent-color:#60a5fa}}.pm-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.pm-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.pm-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.pm-page-header-left h2 i{color:#3b82f6}.pm-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.pm-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.pm-btn-primary{background:#3b82f6;color:#fff}.pm-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.pm-btn-info{background:#0ea5e9;color:#fff}.pm-btn-info:hover:not(:disabled){background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.pm-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.pm-btn-secondary:hover{background:#e8e8e8;border-color:silver}.pm-btn:disabled{opacity:.6;cursor:not-allowed}.pm-spinner-small{display:inline-block;width:16px;height:16px;border:2px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:pmSpin .6s linear infinite}@keyframes pmSpin{to{transform:rotate(360deg)}}@media(max-width:480px){.pm-btn-label{display:none}.pm-btn{padding:6px 10px}}.pm-nav-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-bottom:20px}.pm-nav-tab{display:flex;flex-direction:column;align-items:center;padding:12px 10px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:center}.pm-nav-tab:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.pm-nav-tab.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.pm-nav-icon{font-size:1.3rem;margin-bottom:4px}.pm-nav-title{font-size:.8rem;font-weight:600;line-height:1.2}.pm-section-content{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0;min-height:400px}.pm-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#64748b}.pm-spinner{width:30px;height:30px;border:3px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:pmSpin .8s linear infinite}.pm-form-section{animation:pmFadeIn .3s ease}@keyframes pmFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pm-section-header{margin-bottom:24px;text-align:center}.pm-section-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.pm-section-header p{color:#64748b;font-size:clamp(13px,1.1vw,14px);margin:0}.pm-form{margin-bottom:20px}.pm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.pm-form-grid{grid-template-columns:1fr}}.pm-form-group{display:flex;flex-direction:column;gap:4px}.pm-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.pm-form-group input,.pm-form-group select,.pm-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.pm-form-group input:focus,.pm-form-group select:focus,.pm-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pm-form-group input.pm-readonly{background:#f8fafc;color:#64748b;cursor:not-allowed}.pm-form-group textarea{resize:vertical;min-height:60px}.pm-form-group input.pm-error,.pm-form-group select.pm-error,.pm-form-group textarea.pm-error{border-color:#ef4444}.pm-error-msg{color:#ef4444;font-size:12px;margin-top:4px}.pm-full-width{grid-column:1 / -1}.pm-help-text{color:#6b7280;font-size:12px;margin-top:4px}.pm-auto-field{position:relative}.pm-auto-field input{padding-right:70px}.pm-auto-tag{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#e2e8f0;padding:2px 10px;border-radius:12px;font-size:11px;color:#64748b;font-weight:500}.pm-price-input{position:relative}.pm-price-input .pm-currency{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;font-weight:600;font-size:12px;z-index:1}.pm-price-input input{padding-left:45px}.pm-age-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.pm-age-input{display:flex;flex-direction:column;gap:2px}.pm-age-input label{font-size:11px;font-weight:500;color:#64748b}.pm-age-input input{padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;width:100%}.pm-age-input input:focus{outline:none;border-color:#3b82f6}.pm-section-divider{padding-top:16px;border-top:2px solid #f0f0f0;margin-top:8px}.pm-section-divider h4{margin:0;color:#1a1a2e;font-size:15px;font-weight:600}.pm-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid #e0e0e0;margin-top:8px;flex-wrap:wrap}@media(max-width:480px){.pm-form-actions{flex-direction:column}.pm-form-actions .pm-btn{width:100%;justify-content:center}}.pm-list-section{margin-top:24px;padding-top:20px;border-top:2px solid #f0f0f0}.pm-list-header h4{margin:0 0 4px;color:#1a1a2e;font-size:16px;font-weight:600}.pm-list-header p{margin:0 0 12px;color:#64748b;font-size:13px}.pm-table-wrapper{overflow-x:auto;border:1px solid #e0e0e0;border-radius:6px}.pm-list-table,.pm-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px)}.pm-list-table thead,.pm-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.pm-list-table thead th,.pm-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.pm-list-table tbody tr,.pm-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.pm-list-table tbody tr:hover,.pm-data-table tbody tr:hover{background-color:#fafbff}.pm-list-table tbody td,.pm-data-table tbody td{padding:10px 14px;vertical-align:middle}.pm-data-section{animation:pmFadeIn .3s ease}.pm-data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.pm-data-header h3{margin:0;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:8px}.pm-data-header h3 i{color:#3b82f6}.pm-data-actions{display:flex;gap:8px;flex-wrap:wrap}.pm-data-info{display:flex;gap:20px;margin-bottom:16px;padding:10px 16px;background:#f8fafc;border-radius:6px;border:1px solid #e0e0e0;flex-wrap:wrap}.pm-data-info span{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.pm-no-data{text-align:center;padding:40px!important;color:#9ca3af}.pm-no-data i{font-size:32px;display:block;margin-bottom:8px;color:#d1d5db}.pm-no-data h4{margin:0 0 4px;color:#6b7280}.pm-no-data p{margin:0;font-size:13px}.pm-status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:capitalize;display:inline-block}.pm-status-ongoing,.pm-status-active,.pm-status-planned{background:#dbeafe;color:#1e40af}.pm-status-completed,.pm-status-graduated{background:#dcfce7;color:#166534}.pm-status-on_hold,.pm-status-inactive,.pm-status-delayed{background:#fef3c7;color:#92400e}.pm-id-badge{font-weight:600;color:#1a1a2e;font-family:Courier New,monospace;font-size:12px}.pm-action-buttons{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.pm-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(14px,1.3vw,16px)}.pm-icon-btn:hover{background:#f0f0f0}.pm-icon-view{color:#1976d2}.pm-icon-view:hover{background:#e3f2fd}.pm-icon-edit{color:#d97706}.pm-icon-edit:hover{background:#fef3c7}.pm-icon-print{color:#0369a1}.pm-icon-print:hover{background:#e0f2fe}.pm-icon-delete{color:#dc2626}.pm-icon-delete:hover{background:#fee2e2}.pm-icon-edit-sm{color:#d97706;padding:4px 8px;border-radius:4px;border:none;cursor:pointer;background:#fef3c7}.pm-icon-edit-sm:hover{background:#fde68a}.pm-icon-delete-sm{color:#dc2626;padding:4px 8px;border-radius:4px;border:none;cursor:pointer;background:#fee2e2}.pm-icon-delete-sm:hover{background:#fecaca}.pm-icon-save{color:#059669;background:#d1fae5}.pm-icon-save:hover{background:#a7f3d0}.pm-icon-cancel{color:#dc2626;background:#fee2e2}.pm-icon-cancel:hover{background:#fecaca}.pm-edit-input{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;width:100%;min-width:60px}.pm-edit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pm-sub-nav{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.pm-sub-nav-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:500}.pm-sub-nav-btn:hover{border-color:#3b82f6;transform:translateY(-2px)}.pm-sub-nav-btn.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.pm-sub-nav-icon{font-size:1.1rem}.pm-sub-content{padding-top:4px}.pm-sub-header h4{margin:0 0 4px;color:#1a1a2e;font-size:16px;font-weight:600}.pm-sub-header p{margin:0 0 12px;color:#64748b;font-size:13px}.pm-child-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);width:100%;background:#fff;color:#1a1a2e}.pm-child-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media(max-width:768px){.pm-page-header{flex-direction:column;align-items:flex-start;gap:12px}.pm-page-header-right{width:100%;justify-content:flex-start}.pm-nav-tabs{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.pm-nav-tab{padding:8px 6px}.pm-nav-title{font-size:.7rem}.pm-data-header{flex-direction:column;align-items:flex-start}.pm-data-actions{width:100%;justify-content:flex-start}.pm-age-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.pm-page{padding:10px 12px}.pm-nav-tabs{grid-template-columns:repeat(2,1fr)}.pm-sub-nav{flex-direction:column}.pm-sub-nav-btn{justify-content:center}.pm-age-grid{grid-template-columns:repeat(2,1fr)}.pm-list-table,.pm-data-table{font-size:11px;min-width:500px}.pm-list-table thead th,.pm-data-table thead th,.pm-list-table tbody td,.pm-data-table tbody td{padding:6px 10px}}@media(prefers-color-scheme:dark){.pm-page{background:#1a1a2e}.pm-page-header{border-color:#2d2d44}.pm-page-header-left h2{color:#fff}.pm-page-subtitle{color:#88a}.pm-section-content{background:#2d2d44;border-color:#3d3d5c}.pm-section-header h3{color:#fff}.pm-section-header p{color:#88a}.pm-form-group label{color:#fff}.pm-form-group input,.pm-form-group select,.pm-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pm-form-group input:focus,.pm-form-group select:focus,.pm-form-group textarea:focus{border-color:#3b82f6}.pm-form-group input.pm-readonly{background:#3d3d5c;color:#88a}.pm-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pm-btn-secondary:hover{background:#4d4d6c}.pm-nav-tab{background:#2d2d44;border-color:#3d3d5c;color:#d0d0e0}.pm-nav-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pm-list-table thead,.pm-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.pm-list-table thead th,.pm-data-table thead th{color:#fff}.pm-list-table tbody tr,.pm-data-table tbody tr{border-color:#3d3d5c}.pm-list-table tbody tr:hover,.pm-data-table tbody tr:hover{background-color:#3d3d5c}.pm-list-table tbody td,.pm-data-table tbody td{color:#d0d0e0}.pm-data-info{background:#3d3d5c;border-color:#4d4d6c}.pm-data-info span{color:#88a}.pm-id-badge{color:#d0d0e0}.pm-list-header h4{color:#fff}.pm-list-header p{color:#88a}.pm-sub-header h4{color:#fff}.pm-sub-header p{color:#88a}.pm-sub-nav-btn{background:#2d2d44;border-color:#3d3d5c;color:#d0d0e0}.pm-sub-nav-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pm-child-select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pm-child-select:focus{border-color:#3b82f6}.pm-auto-tag{background:#4d4d6c;color:#88a}.pm-age-input label{color:#88a}.pm-age-input input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pm-age-input input:focus{border-color:#3b82f6}.pm-section-divider{border-color:#3d3d5c}.pm-section-divider h4{color:#fff}.pm-form-actions,.pm-list-section{border-color:#3d3d5c}.pm-table-wrapper{border-color:#4d4d6c}.pm-edit-input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pm-edit-input:focus{border-color:#3b82f6}.pm-no-data{color:#666}.pm-no-data i{color:#3d3d5c}.pm-no-data h4,.pm-loading{color:#88a}.pm-spinner{border-color:#3d3d5c;border-top-color:#3b82f6}}.rehab-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.rehab-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.rehab-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.rehab-page-header-left h2 i{color:#ec4899}.rehab-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.rehab-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rehab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.rehab-btn-primary{background:#ec4899;color:#fff}.rehab-btn-primary:hover:not(:disabled){background:#db2777;transform:translateY(-1px);box-shadow:0 4px 12px #ec48994d}.rehab-btn-success{background:#10b981;color:#fff}.rehab-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.rehab-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.rehab-btn-secondary:hover{background:#e8e8e8;border-color:silver}.rehab-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.rehab-btn-outline:hover{background:#f8f9fa}.rehab-btn-danger{background:#ef4444;color:#fff}.rehab-btn-danger:hover:not(:disabled){background:#dc2626}.rehab-btn-sm{padding:6px 12px;font-size:12px}.rehab-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.rehab-btn-label{display:none}.rehab-btn{padding:6px 10px}}.rehab-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:24px}.rehab-nav-item{display:flex;flex-direction:column;align-items:center;padding:14px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:center}.rehab-nav-item:hover{border-color:#ec4899;transform:translateY(-2px);box-shadow:0 4px 12px #ec48991a}.rehab-nav-item.rehab-active{border-color:#ec4899;background:#fdf2f8;box-shadow:0 4px 12px #ec48991a}.rehab-nav-icon{font-size:24px;margin-bottom:6px}.rehab-nav-label{font-weight:600;color:#374151;font-size:13px}.rehab-nav-item.rehab-active .rehab-nav-label{color:#ec4899}.rehab-content{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.rehab-form-section{margin-bottom:24px}.rehab-form-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #ec4899}.rehab-form-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.rehab-form-header h3 i{color:#ec4899}.rehab-form-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.rehab-form-actions-top{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.rehab-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.rehab-form-grid{grid-template-columns:1fr}}.rehab-form-group{display:flex;flex-direction:column;gap:4px}.rehab-form-group.rehab-full-width{grid-column:1 / -1}.rehab-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.rehab-form-group input,.rehab-form-group select,.rehab-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.rehab-form-group input:focus,.rehab-form-group select:focus,.rehab-form-group textarea:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.rehab-required{color:#ef4444}.rehab-form-section{margin-bottom:20px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e0e0e0}.rehab-form-section h4{font-size:clamp(15px,1.5vw,16px);font-weight:600;color:#1a1a2e;margin:0 0 12px;display:flex;align-items:center;gap:8px}.rehab-form-section h4 i{color:#ec4899}.rehab-checkbox-group{flex-direction:row;align-items:center}.rehab-checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer;margin-bottom:0;font-size:13px}.rehab-checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#ec4899}.rehab-checkmark{display:inline-block;width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;transition:all .2s}.rehab-checkbox-label input:checked+.rehab-checkmark{background:#ec4899;border-color:#ec4899}.rehab-activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.rehab-activity-item{display:flex;flex-direction:column;gap:4px}.rehab-activity-item label{font-weight:600;color:#4b5563;font-size:12px}.rehab-activity-item select{padding:6px 10px;font-size:13px;border:1px solid #e0e0e0;border-radius:4px;background:#fff}.rehab-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap}@media(max-width:480px){.rehab-form-actions{flex-direction:column}.rehab-form-actions button{width:100%;justify-content:center}}.rehab-table-container{margin-top:16px}.rehab-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #ec4899;flex-wrap:wrap;gap:12px}.rehab-table-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0;display:flex;align-items:center;gap:8px}.rehab-table-header h3 i{color:#ec4899}.rehab-table-actions{display:flex;gap:8px;flex-wrap:wrap}.rehab-table-wrapper{overflow-x:auto}.rehab-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.rehab-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.rehab-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.rehab-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.rehab-data-table tbody tr:hover{background-color:#fafbff}.rehab-data-table tbody td{padding:10px 14px;vertical-align:middle}.rehab-col-sn{width:40px!important;text-align:center!important}.rehab-col-actions{min-width:160px!important;text-align:center!important}.rehab-table-title{display:flex;flex-direction:column;gap:4px}.rehab-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.rehab-title-meta{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.9vw,11px);color:#666}.rehab-meta-icon{font-size:14px;color:#999}.rehab-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.rehab-status-good{background:#d1fae5;color:#065f46}.rehab-status-average{background:#fef3c7;color:#92400e}.rehab-status-poor{background:#fee2e2;color:#991b1b}.rehab-status-continue{background:#d1fae5;color:#065f46}.rehab-status-maintenance{background:#fef3c7;color:#92400e}.rehab-status-discharge{background:#dbeafe;color:#1e40af}.rehab-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.rehab-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.rehab-icon-btn:hover{background-color:#f0f0f0}.rehab-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.rehab-icon-view{color:#1976d2}.rehab-icon-view:hover{background-color:#e3f2fd}.rehab-icon-edit{color:#d97706}.rehab-icon-edit:hover{background-color:#fef3c7}.rehab-icon-delete{color:#ef4444}.rehab-icon-delete:hover{background-color:#fee2e2}.rehab-icon-expand{display:none;color:#666}.rehab-icon-expand .rehab-expanded{transform:rotate(180deg)}.rehab-truncate{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rehab-expanded-row{background-color:#f8f9fa!important}.rehab-expanded-row td{padding:12px 16px!important}.rehab-expanded-content{padding:4px 0}.rehab-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rehab-expanded-item{display:flex;flex-direction:column;gap:2px}.rehab-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.rehab-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.rehab-expanded-item .rehab-status-badge{display:inline-block;width:fit-content}.rehab-expanded-full{grid-column:1 / -1}@media(max-width:600px){.rehab-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.rehab-expanded-grid{grid-template-columns:1fr}}.rehab-empty-state{text-align:center;padding:60px 20px;color:#666}.rehab-empty-state i{font-size:48px;color:#e0e0e0;margin-bottom:16px}.rehab-empty-state p{font-size:14px;margin:0}.rehab-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.rehab-spinner{display:inline-block;width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#ec4899;border-radius:50%;animation:rehabSpin .8s linear infinite}@keyframes rehabSpin{to{transform:rotate(360deg)}}.rehab-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:rehabFadeIn .3s ease}@keyframes rehabFadeIn{0%{opacity:0}to{opacity:1}}.rehab-modal-container{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:rehabSlideUp .3s ease}@keyframes rehabSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.rehab-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #ec4899;flex-shrink:0}.rehab-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.rehab-modal-header h3 i{color:#ec4899}.rehab-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px;width:36px;height:36px}.rehab-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.rehab-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.rehab-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e0e0;flex-shrink:0;flex-wrap:wrap}@media(max-width:480px){.rehab-modal-footer{flex-direction:column}.rehab-modal-footer button{width:100%;justify-content:center}}.rehab-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.rehab-view-grid{grid-template-columns:1fr}}.rehab-view-row{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid #f0f0f0}.rehab-view-row:last-child{border-bottom:none}.rehab-view-label{font-weight:600;color:#4a5568;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.rehab-view-value{color:#1a1a2e;font-size:14px;word-break:break-word}@media(max-width:768px){.rehab-page-header{flex-direction:column;align-items:flex-start;gap:12px}.rehab-page-header-right{width:100%;justify-content:flex-start}.rehab-navigation{grid-template-columns:1fr}.rehab-table-header{flex-direction:column;align-items:flex-start}.rehab-table-actions{width:100%;justify-content:flex-start}.rehab-icon-expand{display:inline-flex}.rehab-data-table{font-size:12px;min-width:700px}.rehab-data-table thead th,.rehab-data-table tbody td{padding:8px 10px}.rehab-col-actions{min-width:150px!important}.rehab-activity-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.rehab-page{padding:10px 12px}.rehab-data-table{font-size:11px;min-width:550px}.rehab-data-table thead th,.rehab-data-table tbody td{padding:6px 8px}.rehab-col-actions{min-width:120px!important}.rehab-activity-grid,.rehab-expanded-grid{grid-template-columns:1fr}.rehab-modal-container{width:95%;max-height:95vh}}@media(prefers-color-scheme:dark){.rehab-page{background:#1a1a2e}.rehab-page-header{border-color:#2d2d44}.rehab-page-header-left h2{color:#fff}.rehab-page-subtitle{color:#88a}.rehab-content{background:#2d2d44;border-color:#3d3d5c}.rehab-form-header{border-color:#ec4899}.rehab-form-header h3{color:#fff}.rehab-form-header h3 i{color:#f472b6}.rehab-form-header p{color:#88a}.rehab-form-group label{color:#fff}.rehab-form-group input,.rehab-form-group select,.rehab-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rehab-form-group input:focus,.rehab-form-group select:focus,.rehab-form-group textarea:focus{border-color:#ec4899}.rehab-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rehab-btn-secondary:hover{background:#4d4d6c}.rehab-btn-outline{border-color:#4d4d6c;color:#fff}.rehab-btn-outline:hover{background:#3d3d5c}.rehab-nav-item{background:#2d2d44;border-color:#3d3d5c}.rehab-nav-item:hover{border-color:#ec4899}.rehab-nav-item.rehab-active{background:#3d1f2d;border-color:#ec4899}.rehab-nav-label{color:#88a}.rehab-nav-item.rehab-active .rehab-nav-label{color:#f472b6}.rehab-form-section{background:#3d3d5c;border-color:#4d4d6c}.rehab-form-section h4{color:#fff}.rehab-activity-grid{background:#2d2d44;border-color:#4d4d6c}.rehab-activity-item label{color:#88a}.rehab-activity-item select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rehab-table-header{border-color:#ec4899}.rehab-table-header h3{color:#fff}.rehab-table-header h3 i{color:#f472b6}.rehab-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.rehab-data-table thead th{color:#fff;background:#3d3d5c}.rehab-data-table tbody tr{border-color:#3d3d5c}.rehab-data-table tbody tr:hover{background-color:#3d3d5c}.rehab-data-table tbody td{color:#d0d0d0}.rehab-title-name{color:#fff}.rehab-title-meta{color:#88a}.rehab-meta-icon{color:#666}.rehab-status-good{background:#1a3d2d;color:#6ee7b7}.rehab-status-average{background:#3d3d1a;color:#fbbf24}.rehab-status-poor{background:#3d1f1f;color:#fca5a5}.rehab-status-continue{background:#1a3d2d;color:#6ee7b7}.rehab-status-maintenance{background:#3d3d1a;color:#fbbf24}.rehab-status-discharge{background:#1a2d4d;color:#93c5fd}.rehab-icon-view:hover{background-color:#1a2d4d}.rehab-icon-edit:hover{background-color:#3d3d1a}.rehab-icon-delete:hover{background-color:#3d1f1f}.rehab-expanded-row{background-color:#3d3d5c!important}.rehab-expanded-item label{color:#88a}.rehab-expanded-item span{color:#fff}.rehab-empty-state{color:#88a}.rehab-empty-state i{color:#3d3d5c}.rehab-modal-container{background:#2d2d44}.rehab-modal-header{border-color:#ec4899}.rehab-modal-header h3{color:#fff}.rehab-modal-header h3 i{color:#f472b6}.rehab-modal-close{color:#88a}.rehab-modal-close:hover{background-color:#3d3d5c;color:#fff}.rehab-modal-footer,.rehab-view-row{border-color:#3d3d5c}.rehab-view-label{color:#88a}.rehab-view-value{color:#d0d0d0}}.grad-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.grad-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.grad-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.grad-page-header-left h2 i{color:#8b5cf6}.grad-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.grad-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.grad-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grad-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.grad-btn-primary{background:#8b5cf6;color:#fff}.grad-btn-primary:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.grad-btn-success{background:#10b981;color:#fff}.grad-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.grad-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.grad-btn-secondary:hover{background:#e8e8e8;border-color:silver}.grad-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.grad-btn-outline:hover{background:#f8f9fa}.grad-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.grad-btn-label{display:none}.grad-btn{padding:6px 10px}}.grad-alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;display:flex;align-items:center;gap:10px;position:relative}.grad-alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.grad-alert-success{background:#d1fae5;color:#059669;border:1px solid #a7f3d0}.grad-alert-close{background:none;border:none;cursor:pointer;font-size:18px;color:inherit;margin-left:auto;padding:0 4px;opacity:.6}.grad-alert-close:hover{opacity:1}.grad-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.grad-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.grad-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.grad-step.grad-active .grad-step-indicator{background:#8b5cf6;color:#fff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.grad-step.grad-completed .grad-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.grad-step-number{font-weight:600;color:#64748b}.grad-step.grad-active .grad-step-number{color:#fff}.grad-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.grad-step.grad-active .grad-step-title{color:#8b5cf6;font-weight:600}.grad-step.grad-completed .grad-step-title{color:#10b981}.grad-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.grad-step.grad-completed .grad-step-connector{background:#10b981}@media(max-width:768px){.grad-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.grad-step{flex:0 0 auto}.grad-step-connector{display:none}}.grad-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.grad-step-content{margin-bottom:24px}.grad-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.grad-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.grad-step-header h3 i{color:#8b5cf6}.grad-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.grad-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.grad-form-grid{grid-template-columns:1fr}}.grad-form-group{display:flex;flex-direction:column;gap:4px}.grad-form-group.grad-full-width{grid-column:1 / -1}.grad-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.grad-form-group input,.grad-form-group select,.grad-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.grad-form-group input:focus,.grad-form-group select:focus,.grad-form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.grad-required{color:#ef4444}.grad-error{border-color:#ef4444!important}.grad-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.grad-error-message{color:#ef4444;font-size:12px;margin-top:4px}.grad-textarea{resize:vertical;min-height:80px;line-height:1.5}.grad-text-warning{color:#d97706;font-size:12px;margin-top:4px}.grad-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.grad-action-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:12px}.grad-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.grad-form-actions{flex-direction:column}.grad-form-actions button{width:100%;justify-content:center}.grad-action-buttons{flex-direction:column}.grad-right-actions{flex-direction:column;width:100%}.grad-right-actions button{width:100%}}.grad-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e0e0e0}.grad-checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer;font-size:13px;color:#1a1a2e;padding:6px 8px;border-radius:4px;transition:background .2s}.grad-checkbox-label:hover{background:#f0f0f0}.grad-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#8b5cf6;cursor:pointer}.grad-review-summary{display:flex;flex-direction:column;gap:16px}.grad-review-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.grad-review-section h4{margin-top:0;margin-bottom:12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #8b5cf6;padding-bottom:8px}.grad-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:600px){.grad-review-grid{grid-template-columns:1fr}}.grad-review-item{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0;border-bottom:1px solid #f1f5f9;gap:12px}.grad-review-item:last-child{border-bottom:none}.grad-review-item.grad-full-width{grid-column:1 / -1;flex-direction:column;gap:4px}.grad-review-item span{color:#64748b;font-size:13px;min-width:120px}.grad-review-item strong{color:#1a1a2e;font-size:13px;text-align:right;flex:1;word-break:break-word}.grad-review-item.grad-full-width strong{text-align:left}.grad-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.grad-status-draft{background:#fef3c7;color:#92400e}.grad-status-submitted{background:#dbeafe;color:#1e40af}.grad-status-approved{background:#d1fae5;color:#059669}.grad-status-implemented{background:#f0f9ff;color:#0c4a6e}.grad-status-completed{background:#f3e8ff;color:#7e22ce}.grad-type-badge{display:inline-block;padding:4px 12px;background:#f3e8ff;color:#7e22ce;border-radius:20px;font-size:11px;font-weight:500}.grad-support-tag{display:inline-block;padding:2px 8px;background:#e0e7ff;color:#3730a3;border-radius:12px;font-size:11px;margin:2px 4px 2px 0}.grad-support-tags{display:flex;flex-wrap:wrap;gap:4px}.grad-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.grad-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.grad-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.grad-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.grad-table-header h2 i{color:#8b5cf6}.grad-table-actions{display:flex;gap:8px;flex-wrap:wrap}.grad-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.grad-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.grad-search-input-wrapper:focus-within{border-color:#8b5cf6}.grad-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.grad-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.grad-search-input::placeholder{color:#999}.grad-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.grad-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.grad-table-wrapper{overflow-x:auto;flex:1}.grad-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.grad-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.grad-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.grad-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.grad-data-table tbody tr:hover{background-color:#fafbff}.grad-data-table tbody td{padding:10px 14px;vertical-align:middle}.grad-col-sn{width:40px!important;text-align:center!important}.grad-col-type,.grad-col-status{min-width:100px}.grad-col-preparer{min-width:120px}.grad-col-actions{min-width:160px!important;text-align:center!important}.grad-table-title{display:flex;flex-direction:column;gap:2px}.grad-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.grad-title-meta{display:flex;align-items:center;gap:4px;font-size:clamp(10px,.9vw,11px);color:#666}.grad-meta-icon{font-size:12px;color:#999}.grad-goal-text{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grad-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.grad-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.grad-icon-btn:hover{background-color:#f0f0f0}.grad-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.grad-icon-view{color:#1976d2}.grad-icon-view:hover{background-color:#e3f2fd}.grad-icon-edit{color:#d97706}.grad-icon-edit:hover{background-color:#fef3c7}.grad-icon-delete{color:#ef4444}.grad-icon-delete:hover{background-color:#fee2e2}.grad-icon-expand{display:none;color:#666}.grad-icon-expand .grad-expanded{transform:rotate(180deg)}.grad-expanded-row{background-color:#f8f9fa!important}.grad-expanded-row td{padding:12px 16px!important}.grad-expanded-content{padding:4px 0}.grad-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grad-expanded-item{display:flex;flex-direction:column;gap:2px}.grad-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.grad-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.grad-expanded-item .grad-status-badge,.grad-expanded-item .grad-type-badge{display:inline-block;width:fit-content}.grad-expanded-full{grid-column:1 / -1}@media(max-width:600px){.grad-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.grad-expanded-grid{grid-template-columns:1fr}}.grad-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.grad-stats-summary{display:flex;gap:20px;flex-wrap:wrap}.grad-stat-item{display:flex;flex-direction:column;align-items:center}.grad-stat-value{font-size:20px;font-weight:700;color:#8b5cf6}.grad-stat-label{font-size:11px;color:#666;font-weight:500;margin-top:2px}.grad-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.grad-spinner{display:inline-block;width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#8b5cf6;border-radius:50%;animation:gradSpin .8s linear infinite}@keyframes gradSpin{to{transform:rotate(360deg)}}.grad-empty-state{text-align:center;padding:60px 20px;color:#666}.grad-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.grad-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.grad-empty-state p{margin:0 0 16px;color:#666}.grad-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:gradFadeIn .3s ease}@keyframes gradFadeIn{0%{opacity:0}to{opacity:1}}.grad-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:gradSlideUp .3s ease}@keyframes gradSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.grad-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #8b5cf6;flex-shrink:0}.grad-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.grad-modal-header h3 i{color:#8b5cf6}.grad-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px;width:36px;height:36px}.grad-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.grad-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.grad-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e0e0;flex-shrink:0;flex-wrap:wrap}@media(max-width:480px){.grad-modal-footer{flex-direction:column}.grad-modal-footer button{width:100%;justify-content:center}}.grad-view-grid{display:flex;flex-direction:column;gap:16px}.grad-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f8fafc}.grad-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #8b5cf6;padding-bottom:8px;display:flex;align-items:center;gap:8px}.grad-view-section h4 i{color:#8b5cf6}.grad-view-row{display:flex;margin-bottom:8px}.grad-view-row:last-child{margin-bottom:0}.grad-view-row.grad-view-full{flex-direction:column;align-items:flex-start}.grad-view-row.grad-view-full .grad-view-value{width:100%;margin-top:4px;text-align:left}.grad-view-label{width:160px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.grad-view-value{flex:1;color:#1a1a2e;font-size:13px;text-align:right;word-break:break-word}.grad-view-row.grad-view-full .grad-view-value{text-align:left}@media(max-width:768px){.grad-page-header{flex-direction:column;align-items:flex-start;gap:12px}.grad-page-header-right{width:100%;justify-content:flex-start}.grad-table-header{flex-direction:column;align-items:flex-start}.grad-table-actions{width:100%;justify-content:flex-start}.grad-icon-expand{display:inline-flex}.grad-data-table{font-size:12px;min-width:700px}.grad-data-table thead th,.grad-data-table tbody td{padding:8px 10px}.grad-col-actions{min-width:150px!important}.grad-review-grid{grid-template-columns:1fr}.grad-stats-summary{flex-direction:column;gap:8px}.grad-modal-container{width:95%;max-height:95vh}.grad-view-row{flex-direction:column;align-items:flex-start}.grad-view-label{width:100%;margin-bottom:4px}.grad-view-value{text-align:left;width:100%}.grad-checkbox-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.grad-page{padding:10px 12px}.grad-data-table{font-size:11px;min-width:550px}.grad-data-table thead th,.grad-data-table tbody td{padding:6px 8px}.grad-col-actions{min-width:120px!important}.grad-table-container{width:100%;max-height:95vh}.grad-form-actions{flex-direction:column}.grad-form-actions button{width:100%;justify-content:center}.grad-action-buttons{flex-direction:column}.grad-right-actions{flex-direction:column;width:100%}.grad-right-actions button{width:100%}.grad-table-footer{flex-direction:column;align-items:stretch}.grad-table-footer .grad-btn{justify-content:center}.grad-stats-summary{flex-direction:column;gap:8px}.grad-modal-container{padding:0;border-radius:8px}.grad-modal-header,.grad-modal-body,.grad-modal-footer{padding:12px 16px}.grad-view-section{padding:12px}.grad-checkbox-grid,.grad-expanded-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.grad-page{background:#1a1a2e}.grad-page-header{border-color:#2d2d44}.grad-page-header-left h2{color:#fff}.grad-page-subtitle{color:#88a}.grad-form{background:#2d2d44;border-color:#3d3d5c}.grad-step-header{border-color:#3d3d5c}.grad-step-header h3{color:#fff}.grad-step-header h3 i{color:#a78bfa}.grad-step-header p{color:#88a}.grad-form-group label{color:#fff}.grad-form-group input,.grad-form-group select,.grad-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.grad-form-group input:focus,.grad-form-group select:focus,.grad-form-group textarea:focus{border-color:#8b5cf6}.grad-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.grad-btn-secondary:hover{background:#4d4d6c}.grad-btn-outline{border-color:#4d4d6c;color:#fff}.grad-btn-outline:hover{background:#3d3d5c}.grad-alert-error{background:#3d1f1f;color:#fca5a5;border-color:#5c3d3d}.grad-alert-success{background:#1a3d2d;color:#6ee7b7;border-color:#1a5d3d}.grad-review-section{background:#3d3d5c;border-color:#4d4d6c}.grad-review-section h4{color:#fff;border-color:#8b5cf6}.grad-review-item{border-color:#4d4d6c}.grad-review-item span{color:#88a}.grad-review-item strong{color:#fff}.grad-table-container{background:#2d2d44}.grad-table-header{border-color:#3d3d5c}.grad-table-header h2{color:#fff}.grad-table-header h2 i{color:#a78bfa}.grad-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.grad-search-input{color:#fff}.grad-search-input::placeholder{color:#88a}.grad-search-icon{color:#88a}.grad-stats-badge{background:#3d3d5c;color:#88a}.grad-data-table{background:#2d2d44}.grad-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.grad-data-table thead th{color:#fff;background:#3d3d5c}.grad-data-table tbody tr{border-color:#3d3d5c}.grad-data-table tbody tr:hover{background-color:#3d3d5c}.grad-data-table tbody td{color:#d0d0e0}.grad-title-name{color:#fff}.grad-title-meta{color:#88a}.grad-meta-icon{color:#666}.grad-status-draft{background:#3d3d1a;color:#fbbf24}.grad-status-submitted{background:#1a2d4d;color:#93c5fd}.grad-status-approved{background:#1a3d2d;color:#6ee7b7}.grad-status-implemented{background:#1a2d4d;color:#93c5fd}.grad-status-completed,.grad-type-badge{background:#2d1a4d;color:#d8b4fe}.grad-support-tag{background:#1a2d4d;color:#93c5fd}.grad-table-footer{border-color:#4d4d6c;background:#2d2d44}.grad-stat-value{color:#a78bfa}.grad-stat-label{color:#88a}.grad-icon-view:hover{background-color:#1a2d4d}.grad-icon-edit:hover{background-color:#3d3d1a}.grad-icon-delete:hover{background-color:#3d1f1f}.grad-expanded-row{background-color:#3d3d5c!important}.grad-expanded-item label{color:#88a}.grad-expanded-item span,.grad-empty-state h4{color:#fff}.grad-empty-state p{color:#88a}.grad-empty-icon{color:#3d3d5c}.grad-editing-badge{background:#5c3d1a;color:#fbbf24}.grad-checkbox-label{color:#d0d0d0}.grad-checkbox-label:hover{background:#3d3d5c}.grad-checkbox-label input[type=checkbox]{accent-color:#a78bfa}.grad-modal-container{background:#2d2d44}.grad-modal-header{border-color:#8b5cf6}.grad-modal-header h3{color:#fff}.grad-modal-header h3 i{color:#a78bfa}.grad-modal-close{color:#88a}.grad-modal-close:hover{background-color:#3d3d5c;color:#fff}.grad-modal-footer{border-color:#3d3d5c}.grad-view-section{border-color:#3d3d5c;background:#3d3d5c}.grad-view-section h4{color:#fff;border-color:#8b5cf6}.grad-view-section h4 i{color:#a78bfa}.grad-view-label{color:#88a}.grad-view-value{color:#d0d0d0}}.iep-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.iep-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.iep-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.iep-page-header-left h2 i{color:#3b82f6}.iep-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.iep-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.iep-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.iep-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.iep-btn-primary{background:#3b82f6;color:#fff}.iep-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.iep-btn-success{background:#10b981;color:#fff}.iep-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.iep-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.iep-btn-secondary:hover{background:#e8e8e8;border-color:silver}.iep-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.iep-btn-outline:hover{background:#f8f9fa}.iep-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.iep-btn-label{display:none}.iep-btn{padding:6px 10px}}.iep-tabs{display:flex;gap:8px;padding:16px 20px;background:#fff;border-bottom:2px solid #f0f0f0;flex-wrap:wrap}.iep-tab-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:600;color:#64748b;font-size:14px}.iep-tab-button:hover{border-color:#3b82f6;color:#3b82f6}.iep-tab-button.iep-active{border-color:#3b82f6;background:#3b82f6;color:#fff}@media(max-width:480px){.iep-tabs{flex-direction:column}.iep-tab-button{width:100%;justify-content:center}}.iep-content{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.iep-form-container{margin-bottom:16px}.iep-action-buttons-container{display:flex;gap:12px;margin-bottom:20px;padding:16px 20px;background:#f8fafc;border-radius:8px;border:1px solid #e0e0e0;flex-wrap:wrap}@media(max-width:480px){.iep-action-buttons-container{flex-direction:column}.iep-action-buttons-container .iep-btn{width:100%;justify-content:center}}.iep-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.iep-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.iep-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.iep-step.iep-active .iep-step-indicator{background:#3b82f6;color:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.iep-step.iep-completed .iep-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.iep-step-number{font-weight:600;color:#64748b}.iep-step.iep-active .iep-step-number{color:#fff}.iep-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.iep-step.iep-active .iep-step-title{color:#3b82f6;font-weight:600}.iep-step.iep-completed .iep-step-title{color:#10b981}.iep-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.iep-step.iep-completed .iep-step-connector{background:#10b981}@media(max-width:768px){.iep-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.iep-step{flex:0 0 auto}.iep-step-connector{display:none}}.iep-form{background:#fff;border-radius:8px}.iep-step-content{margin-bottom:24px}.iep-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.iep-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.iep-step-header h3 i{color:#3b82f6}.iep-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.iep-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.iep-form-grid{grid-template-columns:1fr}}.iep-form-group{display:flex;flex-direction:column;gap:4px}.iep-form-group.iep-full-width{grid-column:1 / -1}.iep-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.iep-form-group input,.iep-form-group select,.iep-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.iep-form-group input:focus,.iep-form-group select:focus,.iep-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.iep-required{color:#ef4444}.iep-error{border-color:#ef4444!important}.iep-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.iep-error-message{color:#ef4444;font-size:12px;margin-top:4px}.iep-textarea{resize:vertical;min-height:80px;line-height:1.5}.iep-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.iep-action-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:12px}.iep-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.iep-form-actions{flex-direction:column}.iep-form-actions button{width:100%;justify-content:center}.iep-action-buttons{flex-direction:column}.iep-right-actions{flex-direction:column;width:100%}.iep-right-actions button{width:100%}}.iep-form-progress{margin-top:20px;padding-top:16px;border-top:1px solid #e0e0e0;width:100%}.iep-progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden;margin-bottom:6px}.iep-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transition:width .3s ease}.iep-progress-text{text-align:center;font-size:13px;color:#6b7280;font-weight:500}.iep-registration-section{grid-column:1 / -1}.iep-student-info-card{background:#f0f4ff;border:1px solid #e0e7ff;border-radius:8px;padding:16px;margin-top:12px}.iep-student-info-card h4{color:#4f46e5;margin:0 0 12px;font-size:15px}.iep-student-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.iep-detail-item{display:flex;flex-direction:column;gap:2px}.iep-detail-item label{font-size:11px;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.iep-detail-item span{font-size:14px;color:#495057;font-weight:500}.iep-readonly-field{background-color:#f8f9fa!important;border:1px solid #dee2e6!important;color:#6c757d!important;cursor:not-allowed!important}.iep-readonly-field:focus{box-shadow:none!important;border-color:#dee2e6!important}.iep-assessment-table{width:100%;overflow-x:auto;margin:12px 0;border-radius:8px;border:1px solid #e0e0e0}.iep-assessment-table table{width:100%;border-collapse:collapse;background:#fff;min-width:800px}.iep-assessment-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #e0e0e0;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.iep-assessment-table td{padding:10px 14px;border-bottom:1px solid #f0f0f0;vertical-align:top}.iep-assessment-table tr:hover{background-color:#fafbff}.iep-assessment-table textarea{width:100%;min-height:60px;padding:6px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;resize:vertical;transition:border-color .3s;font-family:inherit}.iep-assessment-table textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.iep-assessment-table select{width:100%;padding:6px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;background:#fff}.iep-assessment-table input[type=text],.iep-assessment-table input[type=date]{width:100%;padding:6px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.iep-goals-table{width:100%;overflow-x:auto;margin:12px 0;border-radius:8px;border:1px solid #e0e0e0}.iep-goals-table table{width:100%;border-collapse:collapse;background:#fff;min-width:900px}.iep-goals-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #e0e0e0;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.iep-goals-table td{padding:10px 14px;border-bottom:1px solid #f0f0f0;vertical-align:top}.iep-goals-table select,.iep-goals-table input,.iep-goals-table textarea{width:100%;padding:6px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;font-family:inherit}.iep-goals-table textarea{min-height:50px;resize:vertical}.iep-goals-table select:focus,.iep-goals-table input:focus,.iep-goals-table textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.iep-btn-add-row{margin-top:12px;padding:8px 20px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .3s}.iep-btn-add-row:hover{background:#059669}.iep-btn-remove{background:#ef4444;color:#fff;border:none;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}.iep-btn-remove:hover:not(:disabled){background:#dc2626}.iep-btn-remove:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.iep-signatures-table{width:100%;overflow-x:auto;margin:12px 0;border-radius:8px;border:1px solid #e0e0e0}.iep-signatures-table table{width:100%;border-collapse:collapse;background:#fff;min-width:700px}.iep-signatures-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #e0e0e0;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.iep-signatures-table td{padding:10px 14px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.iep-signatures-table input[type=text],.iep-signatures-table input[type=date]{width:100%;padding:6px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.iep-signatures-table select{width:100%;padding:6px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;background:#fff}.iep-signatures-table input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.iep-signatures-table input:focus,.iep-signatures-table select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.iep-agreement-notice{margin-top:16px;padding:12px 16px;background:#eff6ff;border-radius:6px;border-left:4px solid #3b82f6}.iep-agreement-notice p{margin:0;color:#1e40af;font-size:13px}.iep-data-table-section{margin-top:0}.iep-data-header{margin-bottom:16px}.iep-data-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.iep-data-header h3 i{color:#3b82f6}.iep-data-header p{color:#666;margin:0;font-size:14px}.iep-table-container{overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d}.iep-table-container table{width:100%;border-collapse:collapse;background:#fff;min-width:800px}.iep-table-container th{background:#f8fafc;padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e0e0e0;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.iep-table-container td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#6b7280;font-size:13px;vertical-align:middle}.iep-table-container tr:hover{background:#fafbff}.iep-col-sn{width:40px!important;text-align:center!important}.iep-col-status{min-width:100px}.iep-col-actions{min-width:160px!important;text-align:center!important}.iep-table-title{display:flex;flex-direction:column;gap:2px}.iep-title-name{font-weight:500;color:#1a1a2e;font-size:14px}.iep-title-meta{display:flex;align-items:center;gap:4px;font-size:11px;color:#666}.iep-meta-icon{font-size:12px;color:#999}.iep-student-cell{display:flex;flex-direction:column;gap:2px}.iep-student-meta{font-size:11px;color:#6b7280}.iep-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.iep-status-draft{background:#fef3c7;color:#92400e}.iep-status-active{background:#dcfce7;color:#166534}.iep-status-review{background:#dbeafe;color:#1e40af}.iep-status-completed{background:#d1fae5;color:#059669}.iep-status-archived{background:#f1f5f9;color:#475569}.iep-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.iep-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.iep-icon-btn:hover{background-color:#f0f0f0}.iep-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.iep-icon-view{color:#1976d2}.iep-icon-view:hover{background-color:#e3f2fd}.iep-icon-edit{color:#d97706}.iep-icon-edit:hover{background-color:#fef3c7}.iep-icon-delete{color:#ef4444}.iep-icon-delete:hover{background-color:#fee2e2}.iep-icon-expand{display:none;color:#666}.iep-icon-expand .iep-expanded{transform:rotate(180deg)}.iep-expanded-row{background-color:#f8f9fa!important}.iep-expanded-row td{padding:12px 16px!important}.iep-expanded-content{padding:4px 0}.iep-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.iep-expanded-item{display:flex;flex-direction:column;gap:2px}.iep-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.iep-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.iep-expanded-item .iep-status-badge{display:inline-block;width:fit-content}.iep-expanded-full{grid-column:1 / -1}.iep-goal-tag{display:inline-block;background:#f1f5f9;padding:2px 8px;border-radius:4px;font-size:12px;color:#475569;margin:2px 4px 2px 0}@media(max-width:600px){.iep-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.iep-expanded-grid{grid-template-columns:1fr}}.iep-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.iep-spinner{display:inline-block;width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:iepSpin .8s linear infinite}@keyframes iepSpin{to{transform:rotate(360deg)}}.iep-no-data{text-align:center;padding:60px 20px;color:#666}.iep-no-data i{font-size:48px;color:#e0e0e0;margin-bottom:16px}.iep-no-data p{font-size:14px;margin:0}.iep-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:iepFadeIn .3s ease}@keyframes iepFadeIn{0%{opacity:0}to{opacity:1}}.iep-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:iepSlideUp .3s ease}@keyframes iepSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.iep-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #3b82f6;flex-shrink:0}.iep-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.iep-modal-header h3 i{color:#3b82f6}.iep-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px;width:36px;height:36px}.iep-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.iep-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.iep-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e0e0;flex-shrink:0;flex-wrap:wrap}@media(max-width:480px){.iep-modal-footer{flex-direction:column}.iep-modal-footer button{width:100%;justify-content:center}}.iep-view-grid{display:flex;flex-direction:column;gap:16px}.iep-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f8fafc}.iep-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #3b82f6;padding-bottom:8px;display:flex;align-items:center;gap:8px}.iep-view-section h4 i{color:#3b82f6}.iep-view-row{display:flex;margin-bottom:8px}.iep-view-row:last-child{margin-bottom:0}.iep-view-label{width:160px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.iep-view-value{flex:1;color:#1a1a2e;font-size:13px;text-align:right;word-break:break-word}.iep-view-full{flex-direction:column}.iep-view-full .iep-view-value{text-align:left;width:100%;margin-top:4px}.iep-view-goal{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;margin-bottom:8px}.iep-view-goal:last-child{margin-bottom:0}.iep-view-divider{border:none;border-top:1px solid #e0e0e0;margin:8px 0}@media(max-width:768px){.iep-page-header{flex-direction:column;align-items:flex-start;gap:12px}.iep-page-header-right{width:100%;justify-content:flex-start}.iep-content{padding:16px}.iep-table-container table{min-width:700px}.iep-table-container th,.iep-table-container td{padding:10px 12px;font-size:12px}.iep-col-actions{min-width:150px!important}.iep-icon-expand{display:inline-flex}.iep-modal-container{width:95%;max-height:95vh}.iep-view-row{flex-direction:column;align-items:flex-start}.iep-view-label{width:100%;margin-bottom:4px}.iep-view-value{text-align:left;width:100%}.iep-assessment-table table{min-width:600px}.iep-goals-table table{min-width:700px}.iep-student-details-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.iep-page{padding:10px 12px}.iep-table-container table{min-width:550px}.iep-table-container th,.iep-table-container td{padding:8px 10px;font-size:11px}.iep-col-actions{min-width:120px!important}.iep-modal-container{padding:0;border-radius:8px}.iep-modal-header,.iep-modal-body,.iep-modal-footer{padding:12px 16px}.iep-view-section{padding:12px}.iep-student-details-grid{grid-template-columns:1fr}.iep-assessment-table table{min-width:500px}.iep-assessment-table th,.iep-assessment-table td{padding:8px 10px;font-size:11px}.iep-assessment-table textarea{min-height:40px;font-size:11px}.iep-goals-table table{min-width:550px}.iep-goals-table th,.iep-goals-table td{padding:8px 10px;font-size:11px}.iep-goals-table textarea{min-height:35px;font-size:11px}.iep-signatures-table table{min-width:500px}.iep-signatures-table th,.iep-signatures-table td{padding:8px 10px;font-size:11px}.iep-expanded-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.iep-page{background:#1a1a2e}.iep-page-header{border-color:#2d2d44}.iep-page-header-left h2{color:#fff}.iep-page-subtitle{color:#88a}.iep-content{background:#2d2d44;border-color:#3d3d5c}.iep-step-header{border-color:#3d3d5c}.iep-step-header h3{color:#fff}.iep-step-header h3 i{color:#60a5fa}.iep-step-header p{color:#88a}.iep-form-group label{color:#fff}.iep-form-group input,.iep-form-group select,.iep-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.iep-form-group input:focus,.iep-form-group select:focus,.iep-form-group textarea:focus{border-color:#3b82f6}.iep-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.iep-btn-secondary:hover{background:#4d4d6c}.iep-btn-outline{border-color:#4d4d6c;color:#fff}.iep-btn-outline:hover{background:#3d3d5c}.iep-action-buttons-container{background:#3d3d5c;border-color:#4d4d6c}.iep-tab-button{background:#2d2d44;border-color:#3d3d5c;color:#88a}.iep-tab-button:hover{border-color:#3b82f6;color:#60a5fa}.iep-tab-button.iep-active{border-color:#3b82f6;background:#3b82f6;color:#fff}.iep-student-info-card{background:#1a2d4d;border-color:#1a3d6c}.iep-student-info-card h4{color:#93c5fd}.iep-detail-item label{color:#88a}.iep-detail-item span{color:#d0d0d0}.iep-readonly-field{background-color:#3d3d5c!important;color:#88a!important}.iep-assessment-table{border-color:#4d4d6c}.iep-assessment-table table{background:#2d2d44}.iep-assessment-table th{background:#3d3d5c;color:#d0d0d0;border-color:#4d4d6c}.iep-assessment-table td{border-color:#3d3d5c;color:#d0d0d0}.iep-assessment-table tr:hover{background-color:#3d3d5c}.iep-assessment-table textarea,.iep-assessment-table select,.iep-assessment-table input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.iep-assessment-table textarea:focus,.iep-assessment-table select:focus,.iep-assessment-table input:focus{border-color:#3b82f6}.iep-goals-table{border-color:#4d4d6c}.iep-goals-table table{background:#2d2d44}.iep-goals-table th{background:#3d3d5c;color:#d0d0d0;border-color:#4d4d6c}.iep-goals-table td{border-color:#3d3d5c;color:#d0d0d0}.iep-goals-table select,.iep-goals-table input,.iep-goals-table textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.iep-goals-table select:focus,.iep-goals-table input:focus,.iep-goals-table textarea:focus{border-color:#3b82f6}.iep-signatures-table{border-color:#4d4d6c}.iep-signatures-table table{background:#2d2d44}.iep-signatures-table th{background:#3d3d5c;color:#d0d0d0;border-color:#4d4d6c}.iep-signatures-table td{border-color:#3d3d5c;color:#d0d0d0}.iep-signatures-table input,.iep-signatures-table select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.iep-signatures-table input:focus,.iep-signatures-table select:focus{border-color:#3b82f6}.iep-agreement-notice{background:#1a2d4d;border-color:#3b82f6}.iep-agreement-notice p{color:#93c5fd}.iep-table-container{border-color:#4d4d6c}.iep-table-container table{background:#2d2d44}.iep-table-container th{background:#3d3d5c;color:#d0d0d0;border-color:#4d4d6c}.iep-table-container td{border-color:#3d3d5c;color:#d0d0d0}.iep-table-container tr:hover{background-color:#3d3d5c}.iep-title-name{color:#fff}.iep-title-meta{color:#88a}.iep-meta-icon{color:#666}.iep-student-meta{color:#88a}.iep-status-draft{background:#3d3d1a;color:#fbbf24}.iep-status-active{background:#1a3d2d;color:#6ee7b7}.iep-status-review{background:#1a2d4d;color:#93c5fd}.iep-status-completed{background:#1a3d2d;color:#6ee7b7}.iep-status-archived{background:#3d3d5c;color:#88a}.iep-icon-view:hover{background-color:#1a2d4d}.iep-icon-edit:hover{background-color:#3d3d1a}.iep-icon-delete:hover{background-color:#3d1f1f}.iep-expanded-row{background-color:#3d3d5c!important}.iep-expanded-item label{color:#88a}.iep-expanded-item span{color:#fff}.iep-goal-tag{background:#4d4d6c;color:#d0d0d0}.iep-no-data{color:#88a}.iep-no-data i{color:#3d3d5c}.iep-modal-container{background:#2d2d44}.iep-modal-header{border-color:#3b82f6}.iep-modal-header h3{color:#fff}.iep-modal-header h3 i{color:#60a5fa}.iep-modal-close{color:#88a}.iep-modal-close:hover{background-color:#3d3d5c;color:#fff}.iep-modal-footer{border-color:#3d3d5c}.iep-view-section{border-color:#3d3d5c;background:#3d3d5c}.iep-view-section h4{color:#fff;border-color:#3b82f6}.iep-view-section h4 i{color:#60a5fa}.iep-view-label{color:#88a}.iep-view-value{color:#d0d0d0}.iep-view-goal{background:#3d3d5c;border-color:#4d4d6c}.iep-view-divider{border-color:#4d4d6c}.iep-editing-badge{background:#5c3d1a;color:#fbbf24}.iep-btn-add-row{background:#059669}.iep-btn-add-row:hover{background:#047857}.iep-btn-remove{background:#dc2626}.iep-btn-remove:hover:not(:disabled){background:#b91c1c}.iep-progress-bar{background:#3d3d5c}.iep-progress-text{color:#88a}}.education-form{padding:0;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh;font-family:Lato,sans-serif}.creation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0;padding:32px 32px 0;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 1px 3px #0000001a}.header-content h1 i{color:#3b82f6}.header-actions{display:flex;gap:12px}.plan-tabs{display:flex;gap:8px;padding:20px;background:#fff;border-bottom:2px solid #f1f5f9}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:600;color:#64748b}.tab-button:hover{border-color:#3b82f6;color:#3b82f6}.tab-button.active{border-color:#3b82f6;background:#3b82f6;color:#fff}.plan-content{background:#fff;border-radius:0 0 16px 16px;padding:32px;box-shadow:0 1px 3px #0000001a;min-height:600px}.action-buttons-container{display:flex;gap:12px;margin-bottom:32px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.form-container{margin-bottom:32px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.subjects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.subject-item{display:flex;flex-direction:column;gap:8px;position:relative}.subject-item label{font-weight:600;color:#4b5563;font-size:.9rem}.grade-badge{position:absolute;top:0;right:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.875rem}.grade-badge-small{display:inline-block;width:25px;height:25px;border-radius:50%;color:#fff;font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center}.grade-badge-inline{display:inline-block;padding:4px 8px;border-radius:12px;color:#fff;font-weight:700;font-size:.75rem;min-width:30px;text-align:center}.grade-badge-large{display:inline-block;padding:8px 12px;border-radius:20px;color:#fff;font-weight:700;font-size:.875rem;min-width:40px;text-align:center}.section-divider{padding-top:20px;border-top:2px solid #e5e7eb;margin-top:20px}.section-divider h4{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 16px}.section-header{margin-bottom:24px}.section-header h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 8px}.section-header p{color:#64748b;margin:0}.summary-card h4{margin:0 0 16px;color:#1e293b;font-size:1.25rem}.summary-content{display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.summary-item span{color:#64748b;font-weight:500}.summary-item strong{color:#1e293b;text-align:right}.data-table-section,.results-list{margin-top:0}.table-container{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a}table{width:100%;border-collapse:collapse;background:#fff}th{background:#f8fafc;padding:16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}td{padding:16px;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.95rem}tr:hover{background:#f9fafb}.btn-view,.btn-edit,.btn-delete{padding:6px 10px;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;text-decoration:none;white-space:nowrap}.btn-view{background:#3b82f6;color:#fff}.btn-view:hover{background:#2563eb;transform:translateY(-1px)}.btn-edit{background:#10b981;color:#fff}.btn-edit:hover{background:#059669;transform:translateY(-1px)}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.no-data{text-align:center;padding:60px 20px;color:#6b7280}.no-data i{font-size:3rem;margin-bottom:16px;color:#d1d5db}.no-data p{font-size:1.1rem;margin:0}.btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#6b7280;border-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#4b5563;transform:translateY(-2px);box-shadow:0 4px 12px #6b72804d}.btn-success:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-outline:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#f0f9ff;transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:700px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#1e293b}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#374151}.modal-body{padding:24px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-weight:600;color:#374151;font-size:.9rem}.detail-item span,.detail-item p{color:#6b7280;margin:0}.detail-item p{line-height:1.5}.subjects-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px}.subject-grade-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.subject-name{font-weight:500;color:#374151}.subject-grade{padding:4px 8px;border-radius:12px;color:#fff;font-weight:700;font-size:.75rem;min-width:25px;text-align:center}@media print{.action-buttons-container,.action-buttons,.form-actions,.nav-tab,.creation-header,.plan-tabs{display:none!important}.table-container{overflow:visible!important;box-shadow:none!important;border:1px solid #ddd!important}table{width:100%!important;font-size:11px!important}th,td{padding:6px 8px!important;border:1px solid #ddd!important}.education-form{background:#fff!important;padding:0!important}.plan-content{box-shadow:none!important;padding:0!important}}@media(max-width:768px){.education-form{padding:0}.creation-header{flex-direction:column;gap:20px;align-items:stretch;padding:24px 20px 0}.header-content h1{font-size:1.75rem}.plan-tabs{flex-direction:column;padding:16px}.plan-content{padding:24px 20px}.form-grid{grid-template-columns:1fr;gap:20px}.subjects-grid{grid-template-columns:1fr}.action-buttons-container{flex-direction:column}.action-buttons{flex-direction:column;gap:4px}.btn-view,.btn-edit,.btn-delete{width:100%;text-align:center;justify-content:center}.form-actions .action-buttons{flex-direction:column;gap:16px}.btn{flex:1;justify-content:center}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.detail-grid,.subjects-display{grid-template-columns:1fr}}@media(max-width:480px){.creation-header{margin-bottom:24px}.header-content h1,.step-header h3{font-size:1.5rem}.form-group input,.form-group select,.form-group textarea{padding:12px 14px}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.leave-btn-danger{background:#ef4444;color:#fff}.leave-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.leave-btn-sm{padding:4px 12px;font-size:12px}.leave-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.leave-alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.leave-alert i{font-size:18px}.leave-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.leave-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.leave-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.leave-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.leave-stat-pending{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.leave-stat-approved{background:linear-gradient(135deg,#10b981,#059669)}.leave-stat-rejected{background:linear-gradient(135deg,#ef4444,#dc2626)}.leave-stat-total{background:linear-gradient(135deg,#667eea,#764ba2)}.leave-stat-content{display:flex;flex-direction:column}.leave-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.leave-stat-label{font-size:13px;color:#666}.leave-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.leave-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.leave-stats-badge{background-color:#fff;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap;border:1px solid #e0e0e0}.leave-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:16px;width:100%}.leave-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.leave-table-wrapper{overflow-x:auto;width:100%}.leave-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.leave-employee-info{display:flex;flex-direction:column}.leave-employee-name{font-weight:500;color:#1a1a2e}.leave-date-range{display:flex;align-items:center;gap:4px;font-size:clamp(11px,.9vw,12px)}.leave-date-separator{color:#94a3b8;font-weight:300}.status-pending{background:#fef3c7;color:#d97706}.approval-review{background:#dbeafe;color:#2563eb}.leave-icon-approve{color:#10b981}.leave-icon-approve:hover{background-color:#d1fae5}.leave-icon-reject{color:#ef4444}.leave-icon-reject:hover{background-color:#fee2e2}.leave-expanded-item .leave-type-badge,.leave-expanded-item .leave-status-badge,.leave-expanded-item .leave-approval-badge{display:inline-block;width:fit-content}.leave-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.leave-modal-container{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.leave-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.leave-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.leave-modal-header h3 i{color:#667eea}.leave-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.leave-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.leave-review-info{background:#f8fafc;padding:12px 16px;border-radius:8px;margin-bottom:16px}.leave-review-info p{margin:6px 0;font-size:14px}.leave-review-info p strong{color:#475569;width:140px;display:inline-block}.leave-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical;min-height:60px}.leave-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media(max-width:768px){.leave-page-header{flex-direction:column;align-items:flex-start;gap:12px}.leave-page-header-right{width:100%;justify-content:flex-start}.leave-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.leave-filter-row{grid-template-columns:1fr 1fr}.leave-icon-expand{display:inline-flex}.leave-data-table{font-size:12px;min-width:800px}.leave-data-table thead th,.leave-data-table tbody td{padding:8px 10px}.leave-col-actions{min-width:130px!important}.leave-side-container{width:100%;max-width:100%}}@media(max-width:480px){.leave-page{padding:10px 12px}.leave-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.leave-stat-card{padding:12px 14px}.leave-stat-number{font-size:18px}.leave-stat-icon{width:36px;height:36px;font-size:16px}.leave-data-table{font-size:11px;min-width:650px}.leave-data-table thead th,.leave-data-table tbody td{padding:6px 8px}.leave-col-actions{min-width:110px!important}.leave-filter-row{grid-template-columns:1fr}.leave-modal-container{width:95%;margin:10px}.leave-expanded-grid{grid-template-columns:1fr}.leave-view-row{flex-direction:column}.leave-view-label{width:100%;margin-bottom:2px}.leave-review-info p strong{width:100%;display:block}}@media(prefers-color-scheme:dark){.leave-page{background:#1a1a2e}.leave-page-header{border-color:#2d2d44}.leave-page-header-left h2{color:#fff}.leave-page-subtitle{color:#88a}.leave-user-badge{background:#2d2d44;border-color:#3d3d5c;color:#d0d0e0}.leave-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.leave-btn-secondary:hover{background:#4d4d6c}.leave-btn-outline{border-color:#4d4d6c;color:#fff}.leave-btn-outline:hover{background:#3d3d5c}.leave-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.leave-btn-clear:hover{background:#4d4d6c}.leave-stats-grid{gap:12px}.leave-stat-card{background:#2d2d44;border-color:#3d3d5c}.leave-stat-number{color:#fff}.leave-stat-label{color:#88a}.leave-search-bar{background:#2d2d44;border-color:#3d3d5c}.leave-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.leave-search-input{color:#fff}.leave-search-input::placeholder{color:#88a}.leave-search-icon{color:#88a}.leave-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.leave-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.leave-stats-badge{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.leave-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.leave-filter-group label{color:#fff}.leave-filter-group select,.leave-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.leave-table-container{background:#2d2d44;border-color:#3d3d5c}.leave-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.leave-data-table thead th{color:#fff;background:#3d3d5c}.leave-data-table tbody tr{border-color:#3d3d5c}.leave-data-table tbody tr:hover{background-color:#3d3d5c}.leave-data-table tbody td{color:#d0d0e0}.leave-employee-name{color:#fff}.leave-type-badge{background:#1a2a5c;color:#89f}.status-approved{background:#1a4d3d;color:#34d399}.status-pending{background:#5c3d1a;color:#fbbf24}.status-rejected{background:#5c1a1a;color:#f87171}.status-draft{background:#3d3d5c;color:#88a}.approval-approved{background:#1a4d3d;color:#34d399}.approval-pending{background:#5c3d1a;color:#fbbf24}.approval-rejected{background:#5c1a1a;color:#f87171}.approval-review{background:#1a2a5c;color:#60a5fa}.leave-icon-btn{color:#88a}.leave-icon-btn:hover{background-color:#3d3d5c}.leave-icon-view{color:#60a5fa}.leave-icon-view:hover{background-color:#1a2a5c}.leave-icon-approve{color:#34d399}.leave-icon-approve:hover{background-color:#1a4d3d}.leave-icon-reject{color:#f87171}.leave-icon-reject:hover{background-color:#5c1a1a}.leave-expanded-row{background-color:#3d3d5c!important}.leave-expanded-item label{color:#88a}.leave-expanded-item span,.leave-empty-state h4{color:#fff}.leave-empty-state p{color:#88a}.leave-empty-icon{color:#3d3d5c}.leave-modal-container{background:#2d2d44}.leave-modal-header{border-color:#3d3d5c}.leave-modal-header h3{color:#fff}.leave-modal-close{color:#88a}.leave-modal-close:hover{background-color:#3d3d5c;color:#fff}.leave-modal-footer{border-color:#3d3d5c}.leave-review-info{background:#3d3d5c}.leave-review-info p strong{color:#88a}.leave-review-info p{color:#d0d0e0}.leave-form-group label{color:#fff}.leave-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.leave-form-group textarea:focus{border-color:#89f}.leave-side-container{background:#2d2d44}.leave-side-header{border-color:#3d3d5c}.leave-side-header h3{color:#fff}.leave-side-footer,.leave-view-section{border-color:#3d3d5c}.leave-view-section h4{color:#fff;border-color:#3d3d5c}.leave-view-label{color:#88a}.leave-view-value{color:#d0d0e0}.leave-error-content h2{color:#fff}.leave-error-content p{color:#88a}.leave-spinner{border-color:#3d3d5c;border-top-color:#89f}.leave-alert-danger{background:#5c1a1a;color:#fca5a5;border-color:#7c2a2a}}.sign-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.sign-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.sign-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.sign-page-header-left h2 i{color:#667eea}.sign-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.sign-user-badge{display:inline-flex;align-items:center;gap:8px;background:#f0f4ff;padding:6px 14px;border-radius:20px;font-size:13px;color:#1a1a2e;margin-top:6px;border:1px solid #e0e8f0}.sign-user-badge i{color:#667eea}.sign-employee-details{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.sign-detail-badge{background:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:12px;color:#1a1a2e;display:inline-flex;align-items:center;gap:6px;border:1px solid #e0e0e0}.sign-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sign-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.sign-btn-primary{background:#667eea;color:#fff}.sign-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.sign-btn-success{background:#10b981;color:#fff}.sign-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.sign-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.sign-btn-secondary:hover{background:#e8e8e8;border-color:silver}.sign-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.sign-btn-outline:hover{background:#f8f9fa}.sign-btn-apply{background:#667eea;color:#fff}.sign-btn-apply:hover{background:#5a67d8}.sign-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.sign-btn-clear:hover{background:#e8e8e8}.sign-btn-sm{padding:4px 12px;font-size:12px}.sign-btn:disabled{opacity:.6;cursor:not-allowed}.sign-btn-icon{background:transparent;border:none;cursor:pointer;font-size:18px;padding:5px;border-radius:4px;transition:background .3s;color:#666}.sign-btn-icon:hover{background:#f0f0f0}.notification-btn{position:relative}@media(max-width:480px){.sign-btn-label{display:none}.sign-btn{padding:6px 10px}}.sign-schedule-card,.sign-status-card,.sign-detection-card,.sign-signedin-card{background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:16px;border:1px solid #e0e0e0}.sign-schedule-header,.sign-status-header,.sign-detection-header,.sign-signedin-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.sign-schedule-header i,.sign-status-header i,.sign-detection-header i,.sign-signedin-header i{font-size:18px;color:#667eea}.sign-schedule-header h4,.sign-status-header h4,.sign-detection-header h4,.sign-signedin-header h4{margin:0;font-size:16px;font-weight:600;color:#1a1a2e}.sign-schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.sign-schedule-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:6px}.sign-schedule-label{font-weight:500;color:#666;font-size:13px}.sign-schedule-time{font-weight:500;color:#1a1a2e;font-size:14px}.sign-current-time{color:#10b981;font-weight:700}.sign-status-header{justify-content:space-between}.sign-today-status{padding:4px 14px;border-radius:20px;font-size:13px;font-weight:600;background:#e2e8f0;color:#475569}.sign-today-status.completed{background:#d1fae5;color:#059669}.sign-today-status.signed-in{background:#dbeafe;color:#2563eb}.sign-today-status.pending{background:#fef3c7;color:#d97706}.sign-today-status.remote{background:#d1ecf1;color:#0c5460}.sign-status-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.sign-status-item{display:flex;flex-direction:column;gap:2px}.sign-status-label{font-size:12px;color:#666;font-weight:500}.sign-status-value{font-size:14px;font-weight:500;color:#1a1a2e}.sign-status-value.recorded{color:#10b981}.sign-status-value.pending{color:#d97706}.sign-total-hours{color:#667eea;font-size:16px;font-weight:700}.sign-status-value.verified{color:#10b981}.sign-status-value.unverified{color:#ef4444}.sign-verified-icon{margin-left:4px;color:#10b981;font-size:14px}.sign-detection-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.sign-detection-card .sign-detection-header i,.sign-detection-card .sign-detection-header h4{color:#fff}.sign-detection-header{justify-content:space-between}.sign-detecting-spinner{display:flex;align-items:center;gap:8px;font-size:13px;background:#fff3;padding:4px 12px;border-radius:20px}.sign-detection-details{display:flex;flex-direction:column;gap:10px}.sign-detection-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff1a;border-radius:6px}.sign-detection-label{font-weight:500;color:#fffc;min-width:70px;font-size:13px}.sign-detection-value{color:#fff;font-size:14px;flex:1}.sign-detection-value.sign-verified{color:#90ee90;display:flex;align-items:center;gap:6px}.sign-detection-error{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#dc3545e6;border-radius:6px;flex-wrap:wrap}.sign-detection-error i{font-size:20px}.sign-detection-error p{margin:0;flex:1;font-size:13px}.sign-signedin-card{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent}.sign-signedin-card .sign-signedin-header i,.sign-signedin-card .sign-signedin-header h4{color:#fff}.sign-signedin-details{display:flex;flex-direction:column;gap:8px}.sign-location-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff1a;border-radius:6px}.sign-location-label{font-weight:500;color:#ffffffe6;min-width:100px}.sign-location-value{color:#fff;font-weight:500}.sign-location-value.verified{color:#90ee90}.sign-location-value.unverified{color:gold}.sign-location-value i{margin-right:4px}.sign-gps-warning{display:flex;align-items:center;gap:14px;background:#fee2e2;border-left:4px solid #dc2626;padding:12px 16px;margin-bottom:16px;border-radius:6px}.sign-gps-warning i{font-size:22px;color:#dc2626}.sign-gps-warning div{flex:1}.sign-gps-warning strong{display:block;color:#991b1b;margin-bottom:2px}.sign-gps-warning p{margin:0;color:#991b1b;font-size:13px}.sign-auto-refresh-status{display:flex;align-items:center;gap:14px;background:#fef3c7;border-left:4px solid #f59e0b;padding:12px 16px;margin-bottom:16px;border-radius:6px}.sign-auto-refresh-status i{font-size:22px;color:#d97706}.sign-auto-refresh-status div{flex:1}.sign-auto-refresh-status strong{display:block;color:#92400e;margin-bottom:2px}.sign-auto-refresh-status p{margin:0;color:#92400e;font-size:13px}.sign-unavailable-message{background:#d1fae5;border-left:4px solid #10b981;padding:20px 24px;border-radius:6px;margin-bottom:16px}.sign-message-content{display:flex;align-items:center;gap:16px}.sign-message-content i{font-size:32px;color:#059669}.sign-message-content h4{margin:0 0 4px;color:#065f46}.sign-message-content p{margin:0;color:#065f46}.sign-message-content small{color:#065f46;opacity:.8}.sign-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.sign-step-content{margin-bottom:16px}.sign-step-header{text-align:center;margin-bottom:24px}.sign-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.sign-step-header p{margin:0 0 12px;color:#666;font-size:14px}.sign-current-time-display{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 20px;border-radius:40px;display:inline-block;font-size:17px;font-weight:700}.sign-current-time-display i{margin-right:8px}.sign-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.sign-form-grid{grid-template-columns:1fr}}.sign-form-group{display:flex;flex-direction:column;gap:4px}.sign-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.sign-form-group input,.sign-form-group select,.sign-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.sign-form-group input:focus,.sign-form-group select:focus,.sign-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sign-form-group textarea{resize:vertical;min-height:60px}.sign-disabled-field{background-color:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}.sign-current-time-field{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;font-weight:700;font-size:16px!important;text-align:center;font-family:monospace}.sign-full-width{grid-column:1 / -1}.sign-action-card{background:#f8f9fa;border-radius:8px;padding:16px 20px;margin:16px 0 20px;border:2px solid #e0e0e0}.sign-action-card h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;font-weight:600}.sign-action-details{display:flex;gap:16px;align-items:flex-start}.sign-action-icon{font-size:40px;color:#667eea;flex-shrink:0}.sign-action-content{flex:1}.sign-action-content h5{margin:0 0 8px;font-size:16px;color:#1a1a2e}.sign-action-content p{margin:0;color:#666;font-size:14px;line-height:1.5}.sign-form-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:2px solid #f0f0f0}.sign-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.sign-form-actions,.sign-right-actions{flex-direction:column}.sign-right-actions button{width:100%;justify-content:center}}.sign-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.sign-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:signSpin .8s linear infinite;margin-bottom:16px}@keyframes signSpin{to{transform:rotate(360deg)}}.sign-notifications-panel{position:fixed;top:20px;right:20px;width:380px;max-height:500px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;z-index:1000;display:flex;flex-direction:column;overflow:hidden;animation:signSlideInRight .3s ease-out;border:1px solid #e0e0e0}@keyframes signSlideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.sign-notifications-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.sign-notifications-header h4{margin:0;display:flex;align-items:center;gap:8px}.sign-notification-actions{display:flex;gap:4px}.sign-notification-actions .sign-btn-icon{color:#fff}.sign-notifications-list{overflow-y:auto;max-height:420px;flex:1}.sign-notification-item{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .3s}.sign-notification-item:hover{background:#f8f9fa}.sign-notification-item.unread{background:#eff6ff}.sign-notification-item.read{opacity:.7}.sign-notification-icon{font-size:18px;flex-shrink:0;margin-top:2px}.sign-notification-item.ERROR .sign-notification-icon{color:#dc2626}.sign-notification-item.WARNING .sign-notification-icon{color:#f59e0b}.sign-notification-item.SUCCESS .sign-notification-icon{color:#10b981}.sign-notification-item.INFO .sign-notification-icon{color:#3b82f6}.sign-notification-content{flex:1}.sign-notification-title{font-weight:600;color:#1a1a2e;margin-bottom:2px;font-size:14px}.sign-notification-message{font-size:12px;color:#666;margin-bottom:2px}.sign-notification-time{font-size:10px;color:#999}.sign-unread-dot{width:8px;height:8px;background:#667eea;border-radius:50%;align-self:center;flex-shrink:0}.sign-no-notifications{text-align:center;padding:40px;color:#999}.sign-no-notifications i{font-size:40px;margin-bottom:8px}.sign-notification-badge{position:absolute;top:-6px;right:-6px;background:#dc2626;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.sign-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sign-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.sign-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.sign-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.sign-table-header h2 i{color:#667eea}.sign-table-actions{display:flex;gap:8px;flex-wrap:wrap}.sign-table-wrapper{overflow-x:auto;flex:1}.sign-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.sign-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.sign-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.sign-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.sign-data-table tbody tr:hover{background-color:#fafbff}.sign-data-table tbody tr:last-child{border-bottom:none}.sign-data-table tbody td{padding:10px 14px;vertical-align:middle}.sign-time-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:500;background:#e2e8f0;color:#475569}.sign-time-badge.late{background:#fee2e2;color:#dc2626}.sign-time-badge.early{background:#fef3c7;color:#d97706}.sign-hours-badge{display:inline-block;padding:3px 10px;border-radius:4px;background:#667eea;color:#fff;font-size:12px;font-weight:500}.sign-location-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:4px;background:#f8f9fa;color:#1a1a2e;font-size:12px;border:1px solid #e0e0e0}.sign-status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.sign-status-signed-in{background:#dbeafe;color:#2563eb}.sign-status-completed{background:#d1fae5;color:#059669}.sign-status-pending{background:#fef3c7;color:#d97706}.sign-status-late{background:#fee2e2;color:#dc2626}.sign-status-remote{background:#e2e8f0;color:#475569}.sign-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.sign-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.sign-icon-btn:hover{background-color:#f0f0f0}.sign-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.sign-icon-view{color:#1976d2}.sign-icon-view:hover{background-color:#e3f2fd}.sign-icon-delete{color:#ef4444}.sign-icon-delete:hover{background-color:#fee2e2}.sign-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.sign-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.sign-empty-state{text-align:center;padding:60px 20px;color:#666}.sign-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.sign-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.sign-empty-state p{margin:0;color:#666}.sign-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.sign-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:signSlideIn .3s ease}@keyframes signSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sign-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.sign-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.sign-side-header h3 i{color:#667eea}.sign-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.sign-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.sign-side-body{flex:1;overflow-y:auto;padding:20px 24px}.sign-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.sign-view-grid{display:flex;flex-direction:column;gap:16px}.sign-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.sign-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.sign-view-section h4 i{color:#667eea}.sign-view-row{display:flex;margin-bottom:8px}.sign-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.sign-view-value{flex:1;color:#1a1a2e;font-size:13px}.sign-view-full{flex-direction:column}.sign-view-full .sign-view-label{width:100%;margin-bottom:4px}.sign-verified{color:#10b981}.sign-unverified{color:#dc2626}@media(max-width:768px){.sign-page-header{flex-direction:column;align-items:flex-start;gap:12px}.sign-page-header-right{width:100%;justify-content:flex-start}.sign-schedule-grid,.sign-status-details{grid-template-columns:1fr}.sign-action-details{flex-direction:column;align-items:center;text-align:center}.sign-notifications-panel{width:calc(100% - 20px);right:10px;left:10px}.sign-side-container{width:100%;max-width:100%}.sign-data-table{font-size:12px;min-width:700px}.sign-data-table thead th,.sign-data-table tbody td{padding:8px 10px}.sign-detection-item{flex-direction:column;align-items:flex-start;gap:4px}.sign-detection-error,.sign-gps-warning,.sign-auto-refresh-status,.sign-message-content{flex-direction:column;text-align:center}.sign-form-grid{grid-template-columns:1fr}.sign-location-item{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:480px){.sign-page{padding:10px 12px}.sign-data-table{font-size:11px;min-width:550px}.sign-data-table thead th,.sign-data-table tbody td{padding:6px 8px}.sign-table-container{width:100%;max-height:95vh}.sign-view-row{flex-direction:column}.sign-view-label{width:100%;margin-bottom:2px}.sign-employee-details{flex-direction:column}}@media(prefers-color-scheme:dark){.sign-page{background:#1a1a2e}.sign-page-header{border-color:#2d2d44}.sign-page-header-left h2{color:#fff}.sign-page-subtitle{color:#88a}.sign-user-badge{background:#2d2d44;border-color:#3d3d5c;color:#d0d0e0}.sign-detail-badge{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0e0}.sign-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.sign-btn-secondary:hover{background:#4d4d6c}.sign-btn-outline{border-color:#4d4d6c;color:#fff}.sign-btn-outline:hover{background:#3d3d5c}.sign-btn-icon{color:#88a}.sign-btn-icon:hover{background:#3d3d5c}.sign-schedule-card,.sign-status-card,.sign-detection-card,.sign-signedin-card{background:#2d2d44;border-color:#3d3d5c}.sign-schedule-header,.sign-status-header,.sign-detection-header,.sign-signedin-header{border-color:#3d3d5c}.sign-schedule-header h4,.sign-status-header h4,.sign-detection-header h4,.sign-signedin-header h4{color:#fff}.sign-schedule-item{background:#3d3d5c}.sign-schedule-label{color:#88a}.sign-schedule-time{color:#d0d0e0}.sign-status-label{color:#88a}.sign-status-value{color:#d0d0e0}.sign-form{background:#2d2d44;border-color:#3d3d5c}.sign-step-header h3{color:#fff}.sign-step-header p{color:#88a}.sign-form-group label{color:#fff}.sign-form-group input,.sign-form-group select,.sign-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.sign-form-group input:focus,.sign-form-group select:focus,.sign-form-group textarea:focus{border-color:#89f}.sign-disabled-field{background-color:#3d3d5c!important;color:#88a!important}.sign-action-card{background:#3d3d5c;border-color:#4d4d6c}.sign-action-card h4,.sign-action-content h5{color:#fff}.sign-action-content p{color:#88a}.sign-form-actions{border-color:#3d3d5c}.sign-table-container{background:#2d2d44}.sign-table-header{border-color:#3d3d5c}.sign-table-header h2{color:#fff}.sign-table-header h2 i{color:#89f}.sign-data-table{background:#2d2d44}.sign-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.sign-data-table thead th{color:#fff;background:#3d3d5c}.sign-data-table tbody tr{border-color:#3d3d5c}.sign-data-table tbody tr:hover{background-color:#3d3d5c}.sign-data-table tbody td{color:#d0d0e0}.sign-time-badge{background:#3d3d5c;color:#88a}.sign-hours-badge{background:#667eea}.sign-location-badge{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0e0}.sign-notifications-panel{background:#2d2d44;border-color:#3d3d5c}.sign-notification-item{border-color:#3d3d5c}.sign-notification-item:hover{background:#3d3d5c}.sign-notification-item.unread{background:#1a2a5c}.sign-notification-title{color:#fff}.sign-notification-message{color:#88a}.sign-side-container{background:#2d2d44}.sign-side-header{border-color:#3d3d5c}.sign-side-header h3{color:#fff}.sign-modal-close{color:#88a}.sign-modal-close:hover{background-color:#3d3d5c;color:#fff}.sign-side-footer,.sign-view-section{border-color:#3d3d5c}.sign-view-section h4{color:#fff;border-color:#3d3d5c}.sign-view-label{color:#88a}.sign-view-value{color:#d0d0e0}.sign-table-footer{border-color:#3d3d5c;background:#2d2d44}.sign-total-badge{background:#1a2a5c;color:#89f}.sign-empty-state h4{color:#fff}.sign-empty-state p{color:#88a}.sign-empty-icon{color:#3d3d5c}.sign-gps-warning{background:#5c1a1a;border-color:#7c2a2a}.sign-gps-warning strong,.sign-gps-warning p{color:#fca5a5}.sign-auto-refresh-status{background:#5c3d1a;border-color:#7c5d2a}.sign-auto-refresh-status strong,.sign-auto-refresh-status p{color:#fbbf24}.sign-unavailable-message{background:#1a4d3d;border-color:#2d6d5d}.sign-unavailable-message h4,.sign-unavailable-message p,.sign-unavailable-message small{color:#6ee7b7}.sign-notification-badge{background:#dc2626}}.hr-form-container{max-width:1200px;margin:0 auto;padding:20px}.progress-steps{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;position:relative}.step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.step-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:2px solid #cbd5e1;color:#64748b;font-weight:700;margin-bottom:8px;transition:all .3s ease}.step.active .step-indicator{background:#35d461;border-color:#35d461;color:#fff}.step-title{font-size:14px;color:#64748b;font-weight:500}.step.active .step-title{color:#35d461;font-weight:600}.step-connector{position:absolute;top:20px;left:60%;right:-40%;height:2px;background:#e2e8f0;z-index:-1}.creation-form{background:#fff;border-radius:12px;padding:30px;box-shadow:0 1px 3px #0000001a}.step-content{min-height:400px}.step-header{margin-bottom:30px}.step-header h3{color:#1e293b;margin-bottom:8px}.step-header p{color:#64748b;margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.form-group label{font-weight:600;color:#374151;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:12px;margin-top:5px}.form-group small{color:#6b7280;font-size:12px;margin-top:5px}.currency-input{position:relative;display:flex;align-items:center}.currency-input .currency{position:absolute;left:12px;color:#6b7280;font-weight:500;z-index:1}.currency-input input{padding-left:50px;width:100%}.currency-input.readonly input{background:#f9fafb;color:#6b7280}.summary-card{background:#f8fafc;border-radius:8px;padding:20px;margin-top:20px}.summary-card h4{color:#1e293b;margin-bottom:15px}.summary-content{display:flex;flex-direction:column;gap:10px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.summary-item.total{border-top:2px solid #e2e8f0;font-weight:700;color:#1e293b}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.summary-section h5{color:#374151;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.net-pay{color:#10b981;font-size:1.1em}.form-actions{margin-top:40px;padding-top:20px;border-top:1px solid #e2e8f0}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-outline{background:transparent;border-color:#d1d5db}.btn-primary{background:#35d461;border-color:#35d461;color:#fff}.btn-primary:hover:not(:disabled){background:#2bc354;border-color:#2bc354}.btn-success{background:#10b981;border-color:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669;border-color:#059669}.data-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.data-table-container{background:#fff;border-radius:12px;padding:30px;max-width:1200px;width:100%;max-height:90vh;overflow:auto}.data-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.data-table-header h2{color:#1e293b;margin:0}.table-actions{display:flex;gap:10px}.table-responsive{overflow-x:auto}.payroll-data-table{width:100%;border-collapse:collapse;font-size:14px}.payroll-data-table th,.payroll-data-table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.payroll-data-table th{background:#f8fafc;font-weight:600;color:#374151;position:sticky;top:0}.payroll-data-table tr:hover{background:#f9fafb}.no-data{text-align:center;color:#6b7280;padding:40px}.action-buttons{display:flex;gap:5px}.btn-action{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:12px}.btn-action.view{background:#dbeafe;color:#1d4ed8}.btn-action.view:hover{background:#bfdbfe}.btn-action.edit{background:#fef3c7;color:#d97706}.btn-action.edit:hover{background:#fde68a}.btn-action.delete{background:#fee2e2;color:#dc2626}.btn-action.delete:hover{background:#fecaca}.table-footer{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.summary-stats{display:flex;gap:30px;justify-content:flex-end}.stat-item{display:flex;flex-direction:column;align-items:center;gap:5px}.stat-item span{font-size:12px;color:#6b7280}.stat-item strong{font-size:16px;color:#1e293b}@media(max-width:768px){.hr-form-container{padding:10px}.creation-header{flex-direction:column;gap:15px;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.progress-steps{flex-wrap:wrap;gap:15px}.step{flex:none}.step-connector{display:none}.form-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;gap:15px}.right-actions{width:100%;justify-content:space-between}.data-table-container{padding:15px}.summary-stats{flex-direction:column;gap:15px;align-items:flex-start}}@media print{.data-table-overlay{position:static;background:none}.data-table-container{max-height:none;box-shadow:none}.table-actions{display:none}}.rec-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.rec-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.rec-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.rec-page-header-left h2 i{color:#667eea}.rec-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.rec-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rec-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.rec-btn-primary{background:#667eea;color:#fff}.rec-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.rec-btn-success{background:#10b981;color:#fff}.rec-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.rec-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.rec-btn-secondary:hover{background:#e8e8e8;border-color:silver}.rec-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.rec-btn-outline:hover{background:#f8f9fa}.rec-btn-apply{background:#667eea;color:#fff}.rec-btn-apply:hover{background:#5a67d8}.rec-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.rec-btn-clear:hover{background:#e8e8e8}.rec-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.rec-btn-label{display:none}.rec-btn{padding:6px 10px}}.rec-mode-selection{margin-bottom:20px}.rec-mode-tabs{display:flex;gap:12px;border-bottom:2px solid #f0f0f0;padding-bottom:12px}.rec-mode-tab{padding:8px 20px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;font-size:14px}.rec-mode-tab:hover{background:#f1f5f9;border-color:#cbd5e1}.rec-mode-tab.active{background:#667eea;border-color:#667eea;color:#fff}.rec-mode-tab:disabled{opacity:.5;cursor:not-allowed}.rec-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.rec-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.rec-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.rec-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.rec-step.active .rec-step-indicator{background:#667eea;color:#fff;transform:scale(1.1)}.rec-step.completed .rec-step-indicator{background:#10b981;color:#fff}.rec-step-number{font-weight:600;color:#64748b}.rec-step.active .rec-step-number{color:#fff}.rec-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.rec-step.active .rec-step-title{color:#667eea;font-weight:600}.rec-step.completed .rec-step-title{color:#10b981}.rec-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.rec-step.completed .rec-step-connector{background:#10b981}.rec-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.rec-step-content{margin-bottom:20px}.rec-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.rec-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.rec-step-header p{margin:0;color:#666;font-size:14px}.rec-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.rec-form-grid{grid-template-columns:1fr}}.rec-form-group{display:flex;flex-direction:column;gap:4px}.rec-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.rec-form-group input,.rec-form-group select,.rec-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.rec-form-group input:focus,.rec-form-group select:focus,.rec-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rec-form-group textarea{resize:vertical;min-height:60px}.rec-full-width{grid-column:1 / -1}.rec-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.rec-error{border-color:#ef4444!important}.rec-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.rec-file-upload{position:relative;border:2px dashed #e0e0e0;border-radius:6px;padding:20px;text-align:center;transition:border-color .3s ease;cursor:pointer}.rec-file-upload:hover{border-color:#667eea}.rec-file-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.rec-upload-placeholder{color:#6b7280;pointer-events:none}.rec-upload-placeholder i{font-size:24px;margin-bottom:8px;color:#9ca3af;display:block}.rec-upload-placeholder p{margin:0 0 4px;font-weight:500}.rec-upload-placeholder span{font-size:12px;color:#9ca3af}.rec-file-info{margin-top:12px;padding:8px 12px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;gap:8px;color:#475569;font-size:13px}.rec-file-info i{color:#667eea}.rec-summary-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px}.rec-summary-card h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.rec-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rec-summary-section h5{font-size:14px;font-weight:600;color:#475569;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #e8e8e8}.rec-summary-item{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #f5f5f5;font-size:13px}.rec-summary-item:last-child{border-bottom:none}.rec-summary-item span{color:#666}.rec-summary-item strong{color:#1a1a2e}.rec-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.rec-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.rec-form-actions{flex-direction:column;align-items:stretch}.rec-right-actions{flex-direction:column}.rec-right-actions button{width:100%;justify-content:center}}.rec-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.rec-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.rec-search-input-wrapper:focus-within{border-color:#667eea}.rec-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.rec-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.rec-search-input::placeholder{color:#999}.rec-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.rec-clear-search:hover{color:#1a1a2e}.rec-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.rec-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.rec-filter-toggle:hover{background-color:#e8e8e8}.rec-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.rec-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.rec-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.rec-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.rec-filter-group{display:flex;flex-direction:column;gap:4px}.rec-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.rec-filter-group select,.rec-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.rec-filter-group select:focus,.rec-filter-group input:focus{outline:none;border-color:#667eea}.rec-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.rec-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.rec-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.rec-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.rec-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.rec-table-header h2 i{color:#667eea}.rec-table-actions{display:flex;gap:8px;flex-wrap:wrap}.rec-tabs{display:flex;gap:4px;padding:12px 20px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;background:#f8f9fa}.rec-tab{padding:6px 16px;background:transparent;border:none;border-radius:6px;color:#666;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:13px;display:inline-flex;align-items:center;gap:6px}.rec-tab:hover{background:#e8e8e8}.rec-tab.active{background:#667eea;color:#fff}.rec-table-wrapper{overflow-x:auto;flex:1}.rec-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.rec-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.rec-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.rec-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.rec-data-table tbody tr:hover{background-color:#fafbff}.rec-data-table tbody tr:last-child{border-bottom:none}.rec-data-table tbody td{padding:10px 14px;vertical-align:middle}.rec-no-data{text-align:center;color:#94a3b8;padding:40px!important}.rec-col-actions{min-width:140px!important;text-align:center!important}.rec-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.rec-status-applied{background:#dbeafe;color:#1e40af}.rec-status-screening{background:#fef3c7;color:#92400e}.rec-status-interview{background:#e0e7ff;color:#3730a3}.rec-status-hired{background:#d1fae5;color:#059669}.rec-status-rejected{background:#fee2e2;color:#dc2626}.rec-status-draft{background:#e2e8f0;color:#475569}.rec-status-published{background:#d1fae5;color:#059669}.rec-status-closed{background:#fee2e2;color:#dc2626}.rec-status-archived{background:#e2e8f0;color:#475569}.rec-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.rec-icon-btn:hover{background-color:#f0f0f0}.rec-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.rec-icon-view{color:#1976d2}.rec-icon-view:hover{background-color:#e3f2fd}.rec-icon-edit{color:#ed6c02}.rec-icon-edit:hover{background-color:#fff3e0}.rec-icon-delete{color:#ef4444}.rec-icon-delete:hover{background-color:#fee2e2}.rec-icon-expand{display:none;color:#666}.rec-icon-expand .rec-expanded{transform:rotate(180deg)}.rec-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.rec-expanded-row{background-color:#f8f9fa!important}.rec-expanded-row td{padding:12px 16px!important}.rec-expanded-content{padding:4px 0}.rec-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rec-expanded-item{display:flex;flex-direction:column;gap:2px}.rec-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.rec-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.rec-expanded-item .rec-status-badge{display:inline-block;width:fit-content}.rec-expanded-full{grid-column:1 / -1}@media(max-width:600px){.rec-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.rec-expanded-grid{grid-template-columns:1fr}}.rec-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.rec-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.rec-loading-spinner{text-align:center;padding:40px;color:#666}.rec-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:recSpin .8s linear infinite}@keyframes recSpin{to{transform:rotate(360deg)}}.rec-alert{padding:12px 16px;border-radius:8px;margin:12px 16px;display:flex;align-items:center;gap:8px}.rec-alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.rec-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.rec-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:recSlideIn .3s ease}@keyframes recSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.rec-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.rec-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.rec-side-header h3 i{color:#667eea}.rec-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.rec-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.rec-side-body{flex:1;overflow-y:auto;padding:20px 24px}.rec-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.rec-view-grid{display:flex;flex-direction:column;gap:16px}.rec-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.rec-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.rec-view-section h4 i{color:#667eea}.rec-view-row{display:flex;margin-bottom:8px}.rec-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.rec-view-value{flex:1;color:#1a1a2e;font-size:13px}@media(max-width:768px){.rec-page-header{flex-direction:column;align-items:flex-start;gap:12px}.rec-page-header-right{width:100%;justify-content:flex-start}.rec-progress-steps{flex-direction:column;gap:20px;padding:0}.rec-progress-steps:before,.rec-step-connector{display:none}.rec-step{flex-direction:row;gap:12px;width:100%}.rec-step-indicator{margin-bottom:0;width:32px;height:32px}.rec-table-header{flex-direction:column;align-items:flex-start}.rec-table-actions{width:100%;justify-content:flex-start}.rec-tabs{justify-content:center}.rec-side-container{width:100%;max-width:100%}.rec-filter-row{grid-template-columns:1fr 1fr}.rec-icon-expand{display:inline-flex}.rec-data-table{font-size:12px;min-width:700px}.rec-data-table thead th,.rec-data-table tbody td{padding:8px 10px}.rec-col-actions{min-width:120px!important}.rec-form-grid,.rec-summary-grid{grid-template-columns:1fr}}@media(max-width:480px){.rec-page{padding:10px 12px}.rec-data-table{font-size:11px;min-width:550px}.rec-data-table thead th,.rec-data-table tbody td{padding:6px 8px}.rec-col-actions{min-width:100px!important}.rec-filter-row{grid-template-columns:1fr}.rec-table-container{width:100%;max-height:95vh}.rec-form-actions{flex-direction:column;align-items:stretch}.rec-right-actions{flex-direction:column}.rec-right-actions button{width:100%;justify-content:center}.rec-expanded-grid{grid-template-columns:1fr}.rec-view-row{flex-direction:column}.rec-view-label{width:100%;margin-bottom:2px}}@media(prefers-color-scheme:dark){.rec-page{background:#1a1a2e}.rec-page-header{border-color:#2d2d44}.rec-page-header-left h2{color:#fff}.rec-page-subtitle{color:#88a}.rec-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rec-btn-secondary:hover{background:#4d4d6c}.rec-btn-outline{border-color:#4d4d6c;color:#fff}.rec-btn-outline:hover{background:#3d3d5c}.rec-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rec-btn-clear:hover{background:#4d4d6c}.rec-mode-tab{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0e0}.rec-mode-tab:hover{background:#4d4d6c}.rec-mode-tab.active{background:#667eea;border-color:#667eea;color:#fff}.rec-form{background:#2d2d44;border-color:#3d3d5c}.rec-step-header{border-color:#3d3d5c}.rec-step-header h3{color:#fff}.rec-step-header p{color:#88a}.rec-form-group label{color:#fff}.rec-form-group input,.rec-form-group select,.rec-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rec-form-group input:focus,.rec-form-group select:focus,.rec-form-group textarea:focus{border-color:#89f}.rec-file-upload{border-color:#4d4d6c}.rec-file-upload:hover{border-color:#89f}.rec-upload-placeholder{color:#88a}.rec-upload-placeholder i{color:#5d5d7c}.rec-file-info{background:#3d3d5c;color:#88a}.rec-summary-card{background:#3d3d5c;border-color:#4d4d6c}.rec-summary-card h4{color:#fff;border-color:#3d3d5c}.rec-summary-item span{color:#88a}.rec-summary-item strong{color:#d0d0e0}.rec-table-container{background:#2d2d44}.rec-table-header{border-color:#3d3d5c}.rec-table-header h2{color:#fff}.rec-table-header h2 i{color:#89f}.rec-tabs{background:#3d3d5c;border-color:#4d4d6c}.rec-tab{color:#88a}.rec-tab:hover{background:#4d4d6c}.rec-tab.active{background:#667eea;color:#fff}.rec-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.rec-search-input{color:#fff}.rec-search-input::placeholder{color:#88a}.rec-search-icon{color:#88a}.rec-stats-badge{background:#3d3d5c;color:#88a}.rec-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rec-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.rec-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.rec-filter-group label{color:#fff}.rec-filter-group select,.rec-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.rec-data-table{background:#2d2d44}.rec-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.rec-data-table thead th{color:#fff;background:#3d3d5c}.rec-data-table tbody tr{border-color:#3d3d5c}.rec-data-table tbody tr:hover{background-color:#3d3d5c}.rec-data-table tbody td{color:#d0d0e0}.rec-no-data{color:#5d5d7c}.rec-status-applied{background:#1a2a5c;color:#60a5fa}.rec-status-screening{background:#5c3d1a;color:#fbbf24}.rec-status-interview{background:#1a2a5c;color:#818cf8}.rec-status-hired{background:#1a4d3d;color:#34d399}.rec-status-rejected{background:#5c1a1a;color:#f87171}.rec-status-draft{background:#3d3d5c;color:#88a}.rec-status-published{background:#1a4d3d;color:#34d399}.rec-status-closed{background:#5c1a1a;color:#f87171}.rec-icon-btn{color:#88a}.rec-icon-btn:hover{background-color:#3d3d5c}.rec-icon-view{color:#60a5fa}.rec-icon-view:hover{background-color:#1a2a5c}.rec-icon-edit{color:#fbbf24}.rec-icon-edit:hover{background-color:#5c3d1a}.rec-icon-delete{color:#f87171}.rec-icon-delete:hover{background-color:#5c1a1a}.rec-expanded-row{background-color:#3d3d5c!important}.rec-expanded-item label{color:#88a}.rec-expanded-item span{color:#fff}.rec-total-badge{background:#1a2a5c;color:#89f}.rec-side-container{background:#2d2d44}.rec-side-header{border-color:#3d3d5c}.rec-side-header h3{color:#fff}.rec-modal-close{color:#88a}.rec-modal-close:hover{background-color:#3d3d5c;color:#fff}.rec-side-footer,.rec-view-section{border-color:#3d3d5c}.rec-view-section h4{color:#fff;border-color:#3d3d5c}.rec-view-label{color:#88a}.rec-view-value{color:#d0d0e0}.rec-progress-steps:before{background:#3d3d5c}.rec-step-indicator{background:#3d3d5c}.rec-step-title{color:#88a}.rec-step.active .rec-step-title{color:#89f}.rec-step.completed .rec-step-title{color:#34d399}.rec-spinner{border-color:#3d3d5c;border-top-color:#89f}.rec-alert-danger{background:#5c1a1a;color:#fca5a5;border-color:#7c2a2a}}.perf-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.perf-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.perf-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.perf-page-header-left h2 i{color:#667eea}.perf-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.perf-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.perf-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.perf-btn-primary{background:#667eea;color:#fff}.perf-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.perf-btn-success{background:#10b981;color:#fff}.perf-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.perf-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.perf-btn-secondary:hover{background:#e8e8e8;border-color:silver}.perf-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.perf-btn-outline:hover{background:#f8f9fa}.perf-btn-apply{background:#667eea;color:#fff}.perf-btn-apply:hover{background:#5a67d8}.perf-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.perf-btn-clear:hover{background:#e8e8e8}.perf-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.perf-btn-label{display:none}.perf-btn{padding:6px 10px}}.perf-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.perf-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.perf-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.perf-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.perf-step.active .perf-step-indicator{background:#667eea;color:#fff;transform:scale(1.1)}.perf-step.completed .perf-step-indicator{background:#10b981;color:#fff}.perf-step-number{font-weight:600;color:#64748b}.perf-step.active .perf-step-number{color:#fff}.perf-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.perf-step.active .perf-step-title{color:#667eea;font-weight:600}.perf-step.completed .perf-step-title{color:#10b981}.perf-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.perf-step.completed .perf-step-connector{background:#10b981}.perf-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.perf-step-content{margin-bottom:20px}.perf-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.perf-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.perf-step-header p{margin:0;color:#666;font-size:14px}.perf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.perf-form-grid{grid-template-columns:1fr}}.perf-form-group{display:flex;flex-direction:column;gap:4px}.perf-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.perf-form-group label small{display:block;font-weight:400;color:#666;font-size:11px;margin-top:2px}.perf-form-group input,.perf-form-group select,.perf-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.perf-form-group input:focus,.perf-form-group select:focus,.perf-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.perf-form-group textarea{resize:vertical;min-height:60px}.perf-full-width{grid-column:1 / -1}.perf-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.perf-error{border-color:#ef4444!important}.perf-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.perf-readonly{padding:8px 12px;background:#f3f4f6;border:1px solid #e0e0e0;border-radius:6px;color:#6b7280;font-size:clamp(13px,1.1vw,14px)}.perf-rating-description{color:#6b7280;font-style:italic;margin-top:4px;font-size:11px}.perf-summary-box{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:8px}.perf-summary-box h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e}.perf-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.perf-stat-item{display:flex;flex-direction:column}.perf-stat-item span{font-size:13px;color:#666}.perf-stat-item strong{font-size:16px;color:#1a1a2e;font-weight:700}.perf-summary-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px}.perf-summary-card h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.perf-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.perf-summary-section h5{font-size:14px;font-weight:600;color:#475569;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #e8e8e8}.perf-summary-item{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #f5f5f5;font-size:13px}.perf-summary-item:last-child{border-bottom:none}.perf-summary-item span{color:#666}.perf-summary-item strong{color:#1a1a2e}.perf-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.perf-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.perf-form-actions{flex-direction:column;align-items:stretch}.perf-right-actions{flex-direction:column}.perf-right-actions button{width:100%;justify-content:center}}.perf-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.perf-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.perf-search-input-wrapper:focus-within{border-color:#667eea}.perf-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.perf-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.perf-search-input::placeholder{color:#999}.perf-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.perf-clear-search:hover{color:#1a1a2e}.perf-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.perf-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.perf-filter-toggle:hover{background-color:#e8e8e8}.perf-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.perf-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.perf-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.perf-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.perf-filter-group{display:flex;flex-direction:column;gap:4px}.perf-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.perf-filter-group select,.perf-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.perf-filter-group select:focus,.perf-filter-group input:focus{outline:none;border-color:#667eea}.perf-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.perf-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.perf-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.perf-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.perf-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.perf-table-header h2 i{color:#667eea}.perf-table-actions{display:flex;gap:8px;flex-wrap:wrap}.perf-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.perf-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.perf-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.perf-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.perf-data-table tbody tr:hover{background-color:#fafbff}.perf-data-table tbody tr:last-child{border-bottom:none}.perf-data-table tbody td{padding:10px 14px;vertical-align:middle}.perf-row-rejected{opacity:.6}.perf-row-rejected:hover{opacity:.8}.perf-col-rating{text-align:center!important;min-width:70px}.perf-col-level{min-width:120px}.perf-col-actions{min-width:160px!important;text-align:center!important}.perf-rating-circle{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px}.perf-performance-level{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.level-outstanding{background:#d1fae5;color:#059669}.level-exceeds_expectations{background:#bbf7d0;color:#15803d}.level-meets_expectations{background:#fef3c7;color:#d97706}.level-needs_improvement{background:#fee2e2;color:#dc2626}.level-unsatisfactory{background:#fecaca;color:#dc2626}.perf-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-under-review{background:#fef3c7;color:#d97706}.status-reviewed{background:#dbeafe;color:#2563eb}.status-approved,.status-completed{background:#d1fae5;color:#059669}.perf-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.perf-icon-btn:hover{background-color:#f0f0f0}.perf-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.perf-icon-view{color:#1976d2}.perf-icon-view:hover{background-color:#e3f2fd}.perf-icon-edit{color:#ed6c02}.perf-icon-edit:hover{background-color:#fff3e0}.perf-icon-delete{color:#ef4444}.perf-icon-delete:hover{background-color:#fee2e2}.perf-icon-expand{display:none;color:#666}.perf-icon-expand .perf-expanded{transform:rotate(180deg)}.perf-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.perf-expanded-row{background-color:#f8f9fa!important}.perf-expanded-row td{padding:12px 16px!important}.perf-expanded-content{padding:4px 0}.perf-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.perf-expanded-item{display:flex;flex-direction:column;gap:2px}.perf-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.perf-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.perf-expanded-item .perf-rating-circle,.perf-expanded-item .perf-performance-level,.perf-expanded-item .perf-status-badge{display:inline-block;width:fit-content}.perf-expanded-full{grid-column:1 / -1}@media(max-width:600px){.perf-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.perf-expanded-grid{grid-template-columns:1fr}}.perf-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.perf-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.perf-empty-state{text-align:center;padding:60px 20px;color:#666}.perf-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.perf-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.perf-empty-state p{margin:0;color:#666}.perf-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.perf-loading-spinner{text-align:center;padding:40px;color:#666}.perf-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:perfSpin .8s linear infinite}@keyframes perfSpin{to{transform:rotate(360deg)}}.perf-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.perf-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:perfSlideIn .3s ease}@keyframes perfSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.perf-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.perf-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.perf-side-header h3 i{color:#667eea}.perf-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.perf-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.perf-side-body{flex:1;overflow-y:auto;padding:20px 24px}.perf-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.perf-view-grid{display:flex;flex-direction:column;gap:16px}.perf-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.perf-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.perf-view-section h4 i{color:#667eea}.perf-view-row{display:flex;margin-bottom:8px}.perf-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.perf-view-value{flex:1;color:#1a1a2e;font-size:13px}.perf-view-full{flex-direction:column}.perf-view-full .perf-view-label{width:100%;margin-bottom:4px}@media(max-width:768px){.perf-page-header{flex-direction:column;align-items:flex-start;gap:12px}.perf-page-header-right{width:100%;justify-content:flex-start}.perf-progress-steps{flex-direction:column;gap:20px;padding:0}.perf-progress-steps:before,.perf-step-connector{display:none}.perf-step{flex-direction:row;gap:12px;width:100%}.perf-step-indicator{margin-bottom:0;width:32px;height:32px}.perf-table-header{flex-direction:column;align-items:flex-start}.perf-table-actions{width:100%;justify-content:flex-start}.perf-side-container{width:100%;max-width:100%}.perf-filter-row{grid-template-columns:1fr 1fr}.perf-icon-expand{display:inline-flex}.perf-data-table{font-size:12px;min-width:800px}.perf-data-table thead th,.perf-data-table tbody td{padding:8px 10px}.perf-col-actions{min-width:130px!important}.perf-form-grid,.perf-summary-grid,.perf-summary-stats{grid-template-columns:1fr}}@media(max-width:480px){.perf-page{padding:10px 12px}.perf-data-table{font-size:11px;min-width:650px}.perf-data-table thead th,.perf-data-table tbody td{padding:6px 8px}.perf-col-actions{min-width:110px!important}.perf-filter-row{grid-template-columns:1fr}.perf-table-container{width:100%;max-height:95vh}.perf-form-actions{flex-direction:column;align-items:stretch}.perf-right-actions{flex-direction:column}.perf-right-actions button{width:100%;justify-content:center}.perf-expanded-grid{grid-template-columns:1fr}.perf-view-row{flex-direction:column}.perf-view-label{width:100%;margin-bottom:2px}.perf-rating-circle{width:25px;height:25px;font-size:10px}}@media(prefers-color-scheme:dark){.perf-page{background:#1a1a2e}.perf-page-header{border-color:#2d2d44}.perf-page-header-left h2{color:#fff}.perf-page-subtitle{color:#88a}.perf-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.perf-btn-secondary:hover{background:#4d4d6c}.perf-btn-outline{border-color:#4d4d6c;color:#fff}.perf-btn-outline:hover{background:#3d3d5c}.perf-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.perf-btn-clear:hover{background:#4d4d6c}.perf-form{background:#2d2d44;border-color:#3d3d5c}.perf-step-header{border-color:#3d3d5c}.perf-step-header h3{color:#fff}.perf-step-header p{color:#88a}.perf-form-group label{color:#fff}.perf-form-group label small{color:#88a}.perf-form-group input,.perf-form-group select,.perf-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.perf-form-group input:focus,.perf-form-group select:focus,.perf-form-group textarea:focus{border-color:#89f}.perf-readonly{background:#3d3d5c;color:#88a}.perf-summary-box{background:#3d3d5c;border-color:#4d4d6c}.perf-summary-box h4{color:#fff}.perf-stat-item span{color:#88a}.perf-stat-item strong{color:#d0d0e0}.perf-summary-card{background:#3d3d5c;border-color:#4d4d6c}.perf-summary-card h4{color:#fff;border-color:#3d3d5c}.perf-summary-item span{color:#88a}.perf-summary-item strong{color:#d0d0e0}.perf-table-container{background:#2d2d44}.perf-table-header{border-color:#3d3d5c}.perf-table-header h2{color:#fff}.perf-table-header h2 i{color:#89f}.perf-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.perf-search-input{color:#fff}.perf-search-input::placeholder{color:#88a}.perf-search-icon{color:#88a}.perf-stats-badge{background:#3d3d5c;color:#88a}.perf-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.perf-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.perf-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.perf-filter-group label{color:#fff}.perf-filter-group select,.perf-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.perf-data-table{background:#2d2d44}.perf-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.perf-data-table thead th{color:#fff;background:#3d3d5c}.perf-data-table tbody tr{border-color:#3d3d5c}.perf-data-table tbody tr:hover{background-color:#3d3d5c}.perf-data-table tbody td{color:#d0d0e0}.level-outstanding,.level-exceeds_expectations{background:#1a4d3d;color:#34d399}.level-meets_expectations{background:#5c3d1a;color:#fbbf24}.level-needs_improvement,.level-unsatisfactory{background:#5c1a1a;color:#f87171}.status-draft{background:#3d3d5c;color:#88a}.perf-icon-btn{color:#88a}.perf-icon-btn:hover{background-color:#3d3d5c}.perf-icon-view{color:#60a5fa}.perf-icon-view:hover{background-color:#1a2a5c}.perf-icon-edit{color:#fbbf24}.perf-icon-edit:hover{background-color:#5c3d1a}.perf-icon-delete{color:#f87171}.perf-icon-delete:hover{background-color:#5c1a1a}.perf-expanded-row{background-color:#3d3d5c!important}.perf-expanded-item label{color:#88a}.perf-expanded-item span{color:#fff}.perf-total-badge{background:#1a2a5c;color:#89f}.perf-side-container{background:#2d2d44}.perf-side-header{border-color:#3d3d5c}.perf-side-header h3{color:#fff}.perf-modal-close{color:#88a}.perf-modal-close:hover{background-color:#3d3d5c;color:#fff}.perf-side-footer,.perf-view-section{border-color:#3d3d5c}.perf-view-section h4{color:#fff;border-color:#3d3d5c}.perf-view-label{color:#88a}.perf-view-value{color:#d0d0e0}.perf-progress-steps:before{background:#3d3d5c}.perf-step-indicator{background:#3d3d5c}.perf-step-title{color:#88a}.perf-step.active .perf-step-title{color:#89f}.perf-step.completed .perf-step-title{color:#34d399}.perf-empty-state h4{color:#fff}.perf-empty-state p{color:#88a}.perf-empty-icon{color:#3d3d5c}.perf-spinner{border-color:#3d3d5c;border-top-color:#89f}}.train-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.train-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.train-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.train-page-header-left h2 i{color:#667eea}.train-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.train-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.train-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.train-btn-primary{background:#667eea;color:#fff}.train-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.train-btn-success{background:#10b981;color:#fff}.train-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.train-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.train-btn-secondary:hover{background:#e8e8e8;border-color:silver}.train-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.train-btn-outline:hover{background:#f8f9fa}.train-btn-apply{background:#667eea;color:#fff}.train-btn-apply:hover{background:#5a67d8}.train-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.train-btn-clear:hover{background:#e8e8e8}.train-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.train-btn-label{display:none}.train-btn{padding:6px 10px}}.train-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.train-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.train-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.train-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.train-step.active .train-step-indicator{background:#667eea;color:#fff;transform:scale(1.1)}.train-step.completed .train-step-indicator{background:#10b981;color:#fff}.train-step-number{font-weight:600;color:#64748b}.train-step.active .train-step-number{color:#fff}.train-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.train-step.active .train-step-title{color:#667eea;font-weight:600}.train-step.completed .train-step-title{color:#10b981}.train-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.train-step.completed .train-step-connector{background:#10b981}.train-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.train-step-content{margin-bottom:20px}.train-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.train-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.train-step-header p{margin:0;color:#666;font-size:14px}.train-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.train-form-grid{grid-template-columns:1fr}}.train-form-group{display:flex;flex-direction:column;gap:4px}.train-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.train-form-group input,.train-form-group select,.train-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.train-form-group input:focus,.train-form-group select:focus,.train-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.train-form-group textarea{resize:vertical;min-height:60px}.train-full-width{grid-column:1 / -1}.train-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.train-error{border-color:#ef4444!important}.train-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.train-readonly{padding:8px 12px;background:#f3f4f6;border:1px solid #e0e0e0;border-radius:6px;color:#6b7280;font-size:clamp(13px,1.1vw,14px)}.train-total{font-weight:600;color:#667eea}.train-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.train-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.train-program-details{margin-top:8px;padding:12px 16px;background:#f8fafc;border:1px solid #e0e0e0;border-radius:6px;font-size:13px}.train-program-details p{margin:4px 0}.train-program-details strong{color:#1a1a2e}.train-summary-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:16px}.train-summary-card h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.train-summary-content{display:flex;flex-direction:column;gap:4px}.train-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:13px}.train-summary-item:last-child{border-bottom:none}.train-summary-item span{color:#666}.train-summary-item strong{color:#1a1a2e}.train-summary-item.train-total{font-weight:700;padding-top:10px;border-top:2px solid #667eea;font-size:15px}.train-summary-item.train-total strong{color:#667eea}.train-summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.train-summary-section h5{font-size:14px;font-weight:600;color:#475569;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #e8e8e8}@media(max-width:900px){.train-summary-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.train-summary-grid{grid-template-columns:1fr}}.train-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.train-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.train-form-actions{flex-direction:column;align-items:stretch}.train-right-actions{flex-direction:column}.train-right-actions button{width:100%;justify-content:center}}.train-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.train-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.train-search-input-wrapper:focus-within{border-color:#667eea}.train-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.train-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.train-search-input::placeholder{color:#999}.train-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.train-clear-search:hover{color:#1a1a2e}.train-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.train-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.train-filter-toggle:hover{background-color:#e8e8e8}.train-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.train-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.train-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.train-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.train-filter-group{display:flex;flex-direction:column;gap:4px}.train-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.train-filter-group select,.train-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.train-filter-group select:focus,.train-filter-group input:focus{outline:none;border-color:#667eea}.train-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.train-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.train-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.train-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.train-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.train-table-header h2 i{color:#667eea}.train-table-actions{display:flex;gap:8px;flex-wrap:wrap}.train-table-wrapper{overflow-x:auto;flex:1}.train-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.train-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.train-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.train-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.train-data-table tbody tr:hover{background-color:#fafbff}.train-data-table tbody tr:last-child{border-bottom:none}.train-data-table tbody td{padding:10px 14px;vertical-align:middle}.train-row-rejected{opacity:.6}.train-row-rejected:hover{opacity:.8}.train-col-cost{text-align:right!important;min-width:120px}.train-col-actions{min-width:200px!important;text-align:center!important}.train-amount{font-weight:600;color:#059669}.train-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.train-status-pending_approval{background:#fef3c7;color:#d97706}.train-status-approved{background:#dbeafe;color:#2563eb}.train-status-rejected{background:#fee2e2;color:#dc2626}.train-status-registered{background:#e0e7ff;color:#3730a3}.train-status-in_progress{background:#fce7f3;color:#be185d}.train-status-completed{background:#d1fae5;color:#059669}.train-status-withdrawn{background:#f3e8ff;color:#7c3aed}.train-status-failed{background:#fee2e2;color:#dc2626}.train-status-incomplete{background:#fef3c7;color:#d97706}.train-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.train-icon-btn:hover{background-color:#f0f0f0}.train-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.train-icon-view{color:#1976d2}.train-icon-view:hover{background-color:#e3f2fd}.train-icon-edit{color:#ed6c02}.train-icon-edit:hover{background-color:#fff3e0}.train-icon-delete{color:#ef4444}.train-icon-delete:hover{background-color:#fee2e2}.train-icon-approve{color:#10b981}.train-icon-approve:hover{background-color:#d1fae5}.train-icon-complete{color:#667eea}.train-icon-complete:hover{background-color:#e8eeff}.train-icon-expand{display:none;color:#666}.train-icon-expand .train-expanded{transform:rotate(180deg)}.train-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.train-expanded-row{background-color:#f8f9fa!important}.train-expanded-row td{padding:12px 16px!important}.train-expanded-content{padding:4px 0}.train-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.train-expanded-item{display:flex;flex-direction:column;gap:2px}.train-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.train-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.train-expanded-item .train-status-badge,.train-expanded-item .train-amount{display:inline-block;width:fit-content}.train-expanded-full{grid-column:1 / -1}@media(max-width:600px){.train-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.train-expanded-grid{grid-template-columns:1fr}}.train-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.train-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.train-empty-state{text-align:center;padding:60px 20px;color:#666}.train-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.train-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.train-empty-state p{margin:0;color:#666}.train-loading-spinner{text-align:center;padding:40px;color:#666}.train-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:trainSpin .8s linear infinite}@keyframes trainSpin{to{transform:rotate(360deg)}}.train-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.train-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:trainSlideIn .3s ease}@keyframes trainSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.train-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.train-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.train-side-header h3 i{color:#667eea}.train-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.train-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.train-side-body{flex:1;overflow-y:auto;padding:20px 24px}.train-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.train-view-grid{display:flex;flex-direction:column;gap:16px}.train-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.train-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.train-view-section h4 i{color:#667eea}.train-view-row{display:flex;margin-bottom:8px}.train-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.train-view-value{flex:1;color:#1a1a2e;font-size:13px}.train-view-full{flex-direction:column}.train-view-full .train-view-label{width:100%;margin-bottom:4px}@media(max-width:768px){.train-page-header{flex-direction:column;align-items:flex-start;gap:12px}.train-page-header-right{width:100%;justify-content:flex-start}.train-progress-steps{flex-direction:column;gap:20px;padding:0}.train-progress-steps:before,.train-step-connector{display:none}.train-step{flex-direction:row;gap:12px;width:100%}.train-step-indicator{margin-bottom:0;width:32px;height:32px}.train-table-header{flex-direction:column;align-items:flex-start}.train-table-actions{width:100%;justify-content:flex-start}.train-side-container{width:100%;max-width:100%}.train-filter-row{grid-template-columns:1fr 1fr}.train-icon-expand{display:inline-flex}.train-data-table{font-size:12px;min-width:800px}.train-data-table thead th,.train-data-table tbody td{padding:8px 10px}.train-col-actions{min-width:160px!important}.train-form-grid,.train-summary-grid{grid-template-columns:1fr}}@media(max-width:480px){.train-page{padding:10px 12px}.train-data-table{font-size:11px;min-width:650px}.train-data-table thead th,.train-data-table tbody td{padding:6px 8px}.train-col-actions{min-width:130px!important}.train-filter-row{grid-template-columns:1fr}.train-table-container{width:100%;max-height:95vh}.train-form-actions{flex-direction:column;align-items:stretch}.train-right-actions{flex-direction:column}.train-right-actions button{width:100%;justify-content:center}.train-expanded-grid{grid-template-columns:1fr}.train-view-row{flex-direction:column}.train-view-label{width:100%;margin-bottom:2px}}@media(prefers-color-scheme:dark){.train-page{background:#1a1a2e}.train-page-header{border-color:#2d2d44}.train-page-header-left h2{color:#fff}.train-page-subtitle{color:#88a}.train-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.train-btn-secondary:hover{background:#4d4d6c}.train-btn-outline{border-color:#4d4d6c;color:#fff}.train-btn-outline:hover{background:#3d3d5c}.train-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.train-btn-clear:hover{background:#4d4d6c}.train-form{background:#2d2d44;border-color:#3d3d5c}.train-step-header{border-color:#3d3d5c}.train-step-header h3{color:#fff}.train-step-header p{color:#88a}.train-form-group label{color:#fff}.train-form-group input,.train-form-group select,.train-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.train-form-group input:focus,.train-form-group select:focus,.train-form-group textarea:focus{border-color:#89f}.train-readonly{background:#3d3d5c;color:#88a}.train-total{color:#89f}.train-program-details{background:#3d3d5c;border-color:#4d4d6c}.train-program-details strong{color:#d0d0e0}.train-summary-card{background:#3d3d5c;border-color:#4d4d6c}.train-summary-card h4{color:#fff;border-color:#3d3d5c}.train-summary-item span{color:#88a}.train-summary-item strong{color:#d0d0e0}.train-summary-item.train-total{border-color:#89f}.train-summary-item.train-total strong{color:#89f}.train-table-container{background:#2d2d44}.train-table-header{border-color:#3d3d5c}.train-table-header h2{color:#fff}.train-table-header h2 i{color:#89f}.train-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.train-search-input{color:#fff}.train-search-input::placeholder{color:#88a}.train-search-icon{color:#88a}.train-stats-badge{background:#3d3d5c;color:#88a}.train-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.train-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.train-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.train-filter-group label{color:#fff}.train-filter-group select,.train-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.train-data-table{background:#2d2d44}.train-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.train-data-table thead th{color:#fff;background:#3d3d5c}.train-data-table tbody tr{border-color:#3d3d5c}.train-data-table tbody tr:hover{background-color:#3d3d5c}.train-data-table tbody td{color:#d0d0e0}.train-amount{color:#34d399}.train-status-pending_approval{background:#5c3d1a;color:#fbbf24}.train-status-approved{background:#1a2a5c;color:#60a5fa}.train-status-rejected{background:#5c1a1a;color:#f87171}.train-status-registered{background:#1a2a5c;color:#818cf8}.train-status-in_progress{background:#5c1a3d;color:#f472b6}.train-status-completed{background:#1a4d3d;color:#34d399}.train-status-withdrawn{background:#3d1a5c;color:#a78bfa}.train-icon-btn{color:#88a}.train-icon-btn:hover{background-color:#3d3d5c}.train-icon-view{color:#60a5fa}.train-icon-view:hover{background-color:#1a2a5c}.train-icon-edit{color:#fbbf24}.train-icon-edit:hover{background-color:#5c3d1a}.train-icon-delete{color:#f87171}.train-icon-delete:hover{background-color:#5c1a1a}.train-icon-approve{color:#34d399}.train-icon-approve:hover{background-color:#1a4d3d}.train-icon-complete{color:#89f}.train-icon-complete:hover{background-color:#1a2a5c}.train-expanded-row{background-color:#3d3d5c!important}.train-expanded-item label{color:#88a}.train-expanded-item span{color:#fff}.train-total-badge{background:#1a2a5c;color:#89f}.train-side-container{background:#2d2d44}.train-side-header{border-color:#3d3d5c}.train-side-header h3{color:#fff}.train-modal-close{color:#88a}.train-modal-close:hover{background-color:#3d3d5c;color:#fff}.train-side-footer,.train-view-section{border-color:#3d3d5c}.train-view-section h4{color:#fff;border-color:#3d3d5c}.train-view-label{color:#88a}.train-view-value{color:#d0d0e0}.train-progress-steps:before{background:#3d3d5c}.train-step-indicator{background:#3d3d5c}.train-step-title{color:#88a}.train-step.active .train-step-title{color:#89f}.train-step.completed .train-step-title{color:#34d399}.train-empty-state h4{color:#fff}.train-empty-state p{color:#88a}.train-empty-icon{color:#3d3d5c}.train-spinner{border-color:#3d3d5c;border-top-color:#89f}}.exit-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.exit-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.exit-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.exit-page-header-left h2 i{color:#667eea}.exit-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.exit-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.exit-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.exit-btn-primary{background:#667eea;color:#fff}.exit-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.exit-btn-success{background:#10b981;color:#fff}.exit-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.exit-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.exit-btn-secondary:hover{background:#e8e8e8;border-color:silver}.exit-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.exit-btn-outline:hover{background:#f8f9fa}.exit-btn-apply{background:#667eea;color:#fff}.exit-btn-apply:hover{background:#5a67d8}.exit-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.exit-btn-clear:hover{background:#e8e8e8}.exit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.exit-btn-label{display:none}.exit-btn{padding:6px 10px}}.exit-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.exit-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.exit-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.exit-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.exit-step.active .exit-step-indicator{background:#667eea;color:#fff;transform:scale(1.1)}.exit-step.completed .exit-step-indicator{background:#10b981;color:#fff}.exit-step-number{font-weight:600;color:#64748b}.exit-step.active .exit-step-number{color:#fff}.exit-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.exit-step.active .exit-step-title{color:#667eea;font-weight:600}.exit-step.completed .exit-step-title{color:#10b981}.exit-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.exit-step.completed .exit-step-connector{background:#10b981}.exit-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.exit-step-content{margin-bottom:20px}.exit-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.exit-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.exit-step-header p{margin:0;color:#666;font-size:14px}.exit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.exit-form-grid{grid-template-columns:1fr}}.exit-form-group{display:flex;flex-direction:column;gap:4px}.exit-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.exit-form-group input,.exit-form-group select,.exit-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.exit-form-group input:focus,.exit-form-group select:focus,.exit-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.exit-form-group textarea{resize:vertical;min-height:60px}.exit-full-width{grid-column:1 / -1}.exit-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.exit-error{border-color:#ef4444!important}.exit-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.exit-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.exit-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.exit-employee-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:4px}.exit-employee-card h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#1a1a2e}.exit-employee-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.exit-employee-item{display:flex;gap:8px;font-size:13px}.exit-employee-item span{color:#666}.exit-employee-item strong{color:#1a1a2e}.exit-clearance-sections{display:flex;flex-direction:column;gap:16px}.exit-clearance-section{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;border-left:4px solid #667eea}.exit-clearance-section h4{color:#1a1a2e;margin:0 0 12px;font-size:14px;font-weight:600;padding-bottom:6px;border-bottom:1px solid #e0e0e0}.exit-summary-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px}.exit-summary-card h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.exit-summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.exit-summary-section h5{font-size:14px;font-weight:600;color:#475569;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #e8e8e8}.exit-summary-item{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #f5f5f5;font-size:13px}.exit-summary-item:last-child{border-bottom:none}.exit-summary-item span{color:#666}.exit-summary-item strong{color:#1a1a2e}.exit-summary-item.exit-total{font-weight:700;padding-top:10px;border-top:2px solid #667eea;font-size:15px}.exit-summary-item.exit-total strong{color:#667eea}@media(max-width:900px){.exit-summary-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.exit-summary-grid{grid-template-columns:1fr}}.exit-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.exit-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.exit-form-actions{flex-direction:column;align-items:stretch}.exit-right-actions{flex-direction:column}.exit-right-actions button{width:100%;justify-content:center}}.exit-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.exit-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.exit-search-input-wrapper:focus-within{border-color:#667eea}.exit-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.exit-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.exit-search-input::placeholder{color:#999}.exit-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.exit-clear-search:hover{color:#1a1a2e}.exit-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.exit-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.exit-filter-toggle:hover{background-color:#e8e8e8}.exit-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.exit-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.exit-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.exit-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.exit-filter-group{display:flex;flex-direction:column;gap:4px}.exit-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.exit-filter-group select,.exit-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.exit-filter-group select:focus,.exit-filter-group input:focus{outline:none;border-color:#667eea}.exit-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.exit-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.exit-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.exit-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.exit-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.exit-table-header h2 i{color:#667eea}.exit-table-actions{display:flex;gap:8px;flex-wrap:wrap}.exit-table-wrapper{overflow-x:auto;flex:1}.exit-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1100px}.exit-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.exit-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.exit-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.exit-data-table tbody tr:hover{background-color:#fafbff}.exit-data-table tbody tr:last-child{border-bottom:none}.exit-data-table tbody td{padding:10px 14px;vertical-align:middle}.exit-row-cancelled{opacity:.6}.exit-row-cancelled:hover{opacity:.8}.exit-col-amount{text-align:right!important;min-width:120px}.exit-col-actions{min-width:200px!important;text-align:center!important}.exit-employee-info{display:flex;flex-direction:column;gap:2px}.exit-employee-name{font-weight:500;color:#1a1a2e}.exit-employee-id{font-size:11px;color:#666}.exit-amount{font-weight:600;color:#059669}.exit-type-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.exit-type-voluntary{background:#dbeafe;color:#1e40af}.exit-type-involuntary{background:#fee2e2;color:#dc2626}.exit-type-mutual_agreement{background:#fef3c7;color:#d97706}.exit-type-retirement{background:#f3e8ff;color:#7c3aed}.exit-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.exit-status-pending{background:#fef3c7;color:#d97706}.exit-status-in_progress{background:#dbeafe;color:#2563eb}.exit-status-clearance_pending{background:#e0e7ff;color:#3730a3}.exit-status-settlement_pending{background:#fce7f3;color:#be185d}.exit-status-completed{background:#d1fae5;color:#059669}.exit-status-cancelled{background:#fee2e2;color:#dc2626}.exit-clearance-progress{display:inline-block;padding:4px 10px;background:#e8eeff;border-radius:12px;font-size:12px;color:#667eea;font-weight:600}.exit-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.exit-icon-btn:hover{background-color:#f0f0f0}.exit-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.exit-icon-view{color:#1976d2}.exit-icon-view:hover{background-color:#e3f2fd}.exit-icon-edit{color:#ed6c02}.exit-icon-edit:hover{background-color:#fff3e0}.exit-icon-delete{color:#ef4444}.exit-icon-delete:hover{background-color:#fee2e2}.exit-icon-complete{color:#10b981}.exit-icon-complete:hover{background-color:#d1fae5}.exit-icon-cancel{color:#f59e0b}.exit-icon-cancel:hover{background-color:#fef3c7}.exit-icon-expand{display:none;color:#666}.exit-icon-expand .exit-expanded{transform:rotate(180deg)}.exit-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.exit-expanded-row{background-color:#f8f9fa!important}.exit-expanded-row td{padding:12px 16px!important}.exit-expanded-content{padding:4px 0}.exit-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exit-expanded-item{display:flex;flex-direction:column;gap:2px}.exit-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.exit-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.exit-expanded-item .exit-type-badge,.exit-expanded-item .exit-status-badge,.exit-expanded-item .exit-amount{display:inline-block;width:fit-content}.exit-expanded-full{grid-column:1 / -1}@media(max-width:600px){.exit-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.exit-expanded-grid{grid-template-columns:1fr}}.exit-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.exit-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.exit-empty-state{text-align:center;padding:60px 20px;color:#666}.exit-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.exit-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.exit-empty-state p{margin:0;color:#666}.exit-loading-spinner{text-align:center;padding:40px;color:#666}.exit-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:exitSpin .8s linear infinite}@keyframes exitSpin{to{transform:rotate(360deg)}}.exit-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.exit-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:exitSlideIn .3s ease}@keyframes exitSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.exit-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.exit-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.exit-side-header h3 i{color:#667eea}.exit-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.exit-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.exit-side-body{flex:1;overflow-y:auto;padding:20px 24px}.exit-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.exit-view-grid{display:flex;flex-direction:column;gap:16px}.exit-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.exit-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.exit-view-section h4 i{color:#667eea}.exit-view-row{display:flex;margin-bottom:8px}.exit-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.exit-view-value{flex:1;color:#1a1a2e;font-size:13px}@media(max-width:768px){.exit-page-header{flex-direction:column;align-items:flex-start;gap:12px}.exit-page-header-right{width:100%;justify-content:flex-start}.exit-progress-steps{flex-direction:column;gap:20px;padding:0}.exit-progress-steps:before,.exit-step-connector{display:none}.exit-step{flex-direction:row;gap:12px;width:100%}.exit-step-indicator{margin-bottom:0;width:32px;height:32px}.exit-table-header{flex-direction:column;align-items:flex-start}.exit-table-actions{width:100%;justify-content:flex-start}.exit-side-container{width:100%;max-width:100%}.exit-filter-row{grid-template-columns:1fr 1fr}.exit-icon-expand{display:inline-flex}.exit-data-table{font-size:12px;min-width:800px}.exit-data-table thead th,.exit-data-table tbody td{padding:8px 10px}.exit-col-actions{min-width:160px!important}.exit-form-grid,.exit-summary-grid,.exit-employee-grid{grid-template-columns:1fr}}@media(max-width:480px){.exit-page{padding:10px 12px}.exit-data-table{font-size:11px;min-width:650px}.exit-data-table thead th,.exit-data-table tbody td{padding:6px 8px}.exit-col-actions{min-width:130px!important}.exit-filter-row{grid-template-columns:1fr}.exit-table-container{width:100%;max-height:95vh}.exit-form-actions{flex-direction:column;align-items:stretch}.exit-right-actions{flex-direction:column}.exit-right-actions button{width:100%;justify-content:center}.exit-expanded-grid{grid-template-columns:1fr}.exit-view-row{flex-direction:column}.exit-view-label{width:100%;margin-bottom:2px}}@media(prefers-color-scheme:dark){.exit-page{background:#1a1a2e}.exit-page-header{border-color:#2d2d44}.exit-page-header-left h2{color:#fff}.exit-page-subtitle{color:#88a}.exit-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.exit-btn-secondary:hover{background:#4d4d6c}.exit-btn-outline{border-color:#4d4d6c;color:#fff}.exit-btn-outline:hover{background:#3d3d5c}.exit-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.exit-btn-clear:hover{background:#4d4d6c}.exit-form{background:#2d2d44;border-color:#3d3d5c}.exit-step-header{border-color:#3d3d5c}.exit-step-header h3{color:#fff}.exit-step-header p{color:#88a}.exit-form-group label{color:#fff}.exit-form-group input,.exit-form-group select,.exit-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.exit-form-group input:focus,.exit-form-group select:focus,.exit-form-group textarea:focus{border-color:#89f}.exit-employee-card{background:#3d3d5c;border-color:#4d4d6c}.exit-employee-card h4{color:#fff}.exit-employee-item span{color:#88a}.exit-employee-item strong{color:#d0d0e0}.exit-clearance-section{background:#3d3d5c;border-color:#4d4d6c}.exit-clearance-section h4{color:#fff}.exit-summary-card{background:#3d3d5c;border-color:#4d4d6c}.exit-summary-card h4{color:#fff;border-color:#3d3d5c}.exit-summary-item span{color:#88a}.exit-summary-item strong{color:#d0d0e0}.exit-summary-item.exit-total{border-color:#89f}.exit-summary-item.exit-total strong{color:#89f}.exit-table-container{background:#2d2d44}.exit-table-header{border-color:#3d3d5c}.exit-table-header h2{color:#fff}.exit-table-header h2 i{color:#89f}.exit-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.exit-search-input{color:#fff}.exit-search-input::placeholder{color:#88a}.exit-search-icon{color:#88a}.exit-stats-badge{background:#3d3d5c;color:#88a}.exit-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.exit-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.exit-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.exit-filter-group label{color:#fff}.exit-filter-group select,.exit-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.exit-data-table{background:#2d2d44}.exit-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.exit-data-table thead th{color:#fff;background:#3d3d5c}.exit-data-table tbody tr{border-color:#3d3d5c}.exit-data-table tbody tr:hover{background-color:#3d3d5c}.exit-data-table tbody td{color:#d0d0e0}.exit-employee-name{color:#fff}.exit-employee-id{color:#88a}.exit-amount{color:#34d399}.exit-type-voluntary{background:#1a2a5c;color:#60a5fa}.exit-type-involuntary{background:#5c1a1a;color:#f87171}.exit-type-mutual_agreement{background:#5c3d1a;color:#fbbf24}.exit-type-retirement{background:#3d1a5c;color:#a78bfa}.exit-status-pending{background:#5c3d1a;color:#fbbf24}.exit-status-in_progress{background:#1a2a5c;color:#60a5fa}.exit-status-completed{background:#1a4d3d;color:#34d399}.exit-status-cancelled{background:#5c1a1a;color:#f87171}.exit-clearance-progress{background:#1a2a5c;color:#89f}.exit-icon-btn{color:#88a}.exit-icon-btn:hover{background-color:#3d3d5c}.exit-icon-view{color:#60a5fa}.exit-icon-view:hover{background-color:#1a2a5c}.exit-icon-edit{color:#fbbf24}.exit-icon-edit:hover{background-color:#5c3d1a}.exit-icon-delete{color:#f87171}.exit-icon-delete:hover{background-color:#5c1a1a}.exit-icon-complete{color:#34d399}.exit-icon-complete:hover{background-color:#1a4d3d}.exit-icon-cancel{color:#fbbf24}.exit-icon-cancel:hover{background-color:#5c3d1a}.exit-expanded-row{background-color:#3d3d5c!important}.exit-expanded-item label{color:#88a}.exit-expanded-item span{color:#fff}.exit-total-badge{background:#1a2a5c;color:#89f}.exit-side-container{background:#2d2d44}.exit-side-header{border-color:#3d3d5c}.exit-side-header h3{color:#fff}.exit-modal-close{color:#88a}.exit-modal-close:hover{background-color:#3d3d5c;color:#fff}.exit-side-footer,.exit-view-section{border-color:#3d3d5c}.exit-view-section h4{color:#fff;border-color:#3d3d5c}.exit-view-label{color:#88a}.exit-view-value{color:#d0d0e0}.exit-progress-steps:before{background:#3d3d5c}.exit-step-indicator{background:#3d3d5c}.exit-step-title{color:#88a}.exit-step.active .exit-step-title{color:#89f}.exit-step.completed .exit-step-title{color:#34d399}.exit-empty-state h4{color:#fff}.exit-empty-state p{color:#88a}.exit-empty-icon{color:#3d3d5c}.exit-spinner{border-color:#3d3d5c;border-top-color:#89f}}.dm-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.dm-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.dm-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.dm-page-header-left h2 i{color:#667eea}.dm-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.dm-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.dm-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.dm-btn-primary{background:#667eea;color:#fff}.dm-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.dm-btn-success{background:#10b981;color:#fff}.dm-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.dm-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.dm-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.dm-btn-danger{background:#ef4444;color:#fff}.dm-btn-danger:hover:not(:disabled){background:#dc2626}.dm-btn:disabled{opacity:.6;cursor:not-allowed}.dm-btn-label{display:inline}@media(max-width:480px){.dm-btn-label{display:none}.dm-btn{padding:6px 10px}}.dm-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.dm-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.dm-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.dm-step.dm-active .dm-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.dm-step.dm-completed .dm-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.dm-step-number{font-weight:600;color:#64748b;font-size:14px}.dm-step.dm-active .dm-step-number,.dm-step.dm-completed .dm-step-number{color:#fff}.dm-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.dm-step.dm-active .dm-step-title{color:#667eea;font-weight:600}.dm-step.dm-completed .dm-step-title{color:#10b981}.dm-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.dm-step.dm-completed .dm-step-connector{background:#10b981}@media(max-width:600px){.dm-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.dm-step{flex:0 1 auto;min-width:60px}.dm-step-connector{display:none}.dm-step-title{font-size:10px}.dm-step-indicator{width:32px;height:32px;font-size:12px}}.dm-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.dm-step-content{margin-bottom:32px}.dm-step-header{margin-bottom:24px}.dm-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.dm-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.dm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.dm-form-grid{grid-template-columns:1fr}}.dm-form-group{display:flex;flex-direction:column;gap:4px}.dm-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.dm-form-group input,.dm-form-group select,.dm-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.dm-form-group input:focus,.dm-form-group select:focus,.dm-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dm-required{color:#ef4444}.dm-full-width{grid-column:1 / -1}.dm-error-message{color:#ef4444;font-size:12px;margin-top:4px}.dm-error{border-color:#ef4444!important}.dm-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.dm-file-upload-area{border:2px dashed #d0d5dd;border-radius:8px;padding:20px;text-align:center;position:relative;transition:border-color .3s;background:#fafafa}.dm-file-upload-area:hover{border-color:#667eea;background:#f0f4ff}.dm-file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.dm-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.dm-upload-icon{font-size:48px;color:#667eea}.dm-upload-placeholder p{font-size:clamp(14px,1.2vw,16px);color:#1a1a2e;margin:0}.dm-upload-placeholder small{color:#6b7280;font-size:12px;display:block}.dm-selected-file{margin-top:12px;padding:8px 16px;background:#e8eeff;border-radius:6px;color:#667eea;font-weight:500;display:inline-flex;align-items:center;gap:8px;pointer-events:none}.dm-selected-file.dm-existing-file{background:#f0fdf4;color:#059669;flex-direction:column;gap:4px}.dm-selected-file.dm-existing-file small{color:#6b7280;font-size:11px}.dm-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:clamp(13px,1.1vw,14px)}.dm-alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.dm-alert-success{background:#d1fae5;color:#059669;border:1px solid #a7f3d0}.dm-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.dm-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.dm-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.dm-summary-content{grid-template-columns:1fr}}.dm-summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f1f5f9;font-size:clamp(13px,1.1vw,14px)}.dm-summary-row span{color:#6b7280}.dm-summary-row strong{color:#1a1a2e;font-weight:600}.dm-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.dm-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.dm-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.dm-action-buttons-bottom{flex-direction:column;align-items:stretch}.dm-right-actions{flex-direction:column;width:100%}.dm-right-actions .dm-btn{width:100%;justify-content:center}}.dm-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:dmSpin .8s linear infinite}@keyframes dmSpin{to{transform:rotate(360deg)}}.dm-loading-spinner{text-align:center;padding:40px;color:#666}.dm-loading-spinner .dm-spinner{width:40px;height:40px;border-width:4px}.dm-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dm-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.dm-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.dm-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.dm-table-header h2 i{color:#667eea}.dm-table-actions{display:flex;gap:8px;flex-wrap:wrap}.dm-table-wrapper{overflow-x:auto;flex:1;padding:0 4px}.dm-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.dm-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.dm-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.dm-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.dm-data-table tbody tr:hover{background-color:#fafbff}.dm-data-table tbody td{padding:10px 14px;vertical-align:middle}.dm-col-actions{min-width:160px!important;text-align:center!important}.dm-document-info{display:flex;align-items:center;gap:10px}.dm-document-info .dm-file-icon{font-size:24px;color:#667eea}.dm-document-info div{display:flex;flex-direction:column}.dm-title-name{font-weight:500;color:#1a1a2e}.dm-description{color:#6b7280;font-size:11px;margin-top:2px}.dm-category-badge{display:inline-block;padding:4px 10px;background:#edf2f7;border-radius:20px;font-size:11px;color:#4a5568;font-weight:500}.dm-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.dm-status-uploaded{background:#dcfce7;color:#166534}.dm-status-pending{background:#fef3c7;color:#92400e}.dm-status-archived{background:#dbeafe;color:#1e40af}.dm-status-deleted{background:#fee2e2;color:#991b1b}.dm-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.dm-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.dm-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.dm-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.dm-icon-btn:disabled{opacity:.4;cursor:not-allowed}.dm-icon-view{color:#1976d2}.dm-icon-view:hover:not(:disabled){background-color:#e3f2fd}.dm-icon-edit{color:#d97706}.dm-icon-edit:hover:not(:disabled){background-color:#fef3c7}.dm-icon-download{color:#059669}.dm-icon-download:hover:not(:disabled){background-color:#d1fae5}.dm-icon-delete{color:#ef4444}.dm-icon-delete:hover:not(:disabled){background-color:#fee2e2}.dm-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.dm-total-records{font-size:clamp(13px,1.1vw,14px);color:#6b7280}.dm-empty-state{text-align:center;padding:60px 20px;color:#666}.dm-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.dm-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.dm-empty-state p{margin:0;color:#666}.dm-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.dm-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:dmSlideIn .3s ease}@keyframes dmSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.dm-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.dm-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.dm-side-header h3 i{color:#667eea}.dm-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.dm-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.dm-side-body{flex:1;overflow-y:auto;padding:20px 24px}.dm-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.dm-view-grid{display:flex;flex-direction:column;gap:16px}.dm-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.dm-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.dm-view-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:clamp(13px,1.1vw,14px)}.dm-view-row:last-child{border-bottom:none}.dm-view-label{width:140px;font-weight:600;color:#4a5568;flex-shrink:0}.dm-view-value{flex:1;color:#1a1a2e}.dm-view-full{flex-direction:column}.dm-view-full .dm-view-label{width:100%;margin-bottom:4px}@media(prefers-color-scheme:dark){.dm-page{background:#1a1a2e}.dm-page-header{border-color:#2d2d44}.dm-page-header-left h2{color:#fff}.dm-page-subtitle{color:#88a}.dm-form{background:#2d2d44;border-color:#3d3d5c}.dm-step-header h3{color:#fff}.dm-step-header p{color:#88a}.dm-form-group label{color:#fff}.dm-form-group input,.dm-form-group select,.dm-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.dm-form-group input:focus,.dm-form-group select:focus,.dm-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.dm-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.dm-btn-secondary:hover:not(:disabled){background:#4d4d6c}.dm-file-upload-area{background:#3d3d5c;border-color:#4d4d6c}.dm-file-upload-area:hover{border-color:#89f;background:#1a2a5c}.dm-upload-placeholder p{color:#fff}.dm-upload-placeholder small{color:#88a}.dm-selected-file{background:#1a2a5c;color:#89f}.dm-selected-file.dm-existing-file{background:#1a3d2d;color:#6ee7b7}.dm-summary-card{background:#3d3d5c;border-color:#4d4d6c}.dm-summary-card h4{color:#fff}.dm-summary-row span{color:#88a}.dm-summary-row strong{color:#fff}.dm-table-container{background:#2d2d44}.dm-table-header{border-color:#3d3d5c}.dm-table-header h2{color:#fff}.dm-table-header h2 i{color:#89f}.dm-data-table{background:#2d2d44}.dm-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.dm-data-table thead th{color:#fff;background:#3d3d5c}.dm-data-table tbody tr{border-color:#3d3d5c}.dm-data-table tbody tr:hover{background-color:#3d3d5c}.dm-data-table tbody td{color:#d0d0e0}.dm-title-name{color:#fff}.dm-category-badge{background:#3d3d5c;color:#88a}.dm-status-uploaded{background:#1a3d2d;color:#6ee7b7}.dm-status-pending{background:#5c3d1a;color:#fbbf24}.dm-status-archived{background:#1a2a5c;color:#93bbff}.dm-status-deleted{background:#5c1a1a;color:#f87171}.dm-table-footer{background:#3d3d5c;border-color:#4d4d6c}.dm-total-records{color:#88a}.dm-side-container{background:#2d2d44}.dm-side-header{border-color:#3d3d5c}.dm-side-header h3{color:#fff}.dm-side-footer,.dm-view-section{border-color:#3d3d5c}.dm-view-section h4{color:#fff;border-color:#3d3d5c}.dm-view-row{border-color:#3d3d5c}.dm-view-label{color:#88a}.dm-view-value{color:#d0d0e0}.dm-alert-danger{background:#5c1a1a;color:#f87171;border-color:#7c2a2a}.dm-alert-success{background:#1a3d2d;color:#6ee7b7;border-color:#1a5d3d}.dm-editing-badge{background:#5c3d1a;color:#fbbf24}.dm-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.dm-step-number,.dm-step-title{color:#88a}.dm-step.dm-active .dm-step-title{color:#89f}.dm-step.dm-completed .dm-step-title{color:#6ee7b7}.dm-step-connector{background:#3d3d5c}.dm-step.dm-completed .dm-step-connector{background:#6ee7b7}.dm-icon-btn{color:#88a}.dm-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.dm-icon-view{color:#60a5fa}.dm-icon-view:hover:not(:disabled){background-color:#1a2a5c}.dm-icon-edit{color:#fbbf24}.dm-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.dm-icon-download{color:#34d399}.dm-icon-download:hover:not(:disabled){background-color:#1a3d2d}.dm-icon-delete{color:#f87171}.dm-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.dm-loading-spinner{color:#88a}.dm-spinner{border-color:#3d3d5c;border-top-color:#89f}.dm-empty-state h4{color:#fff}.dm-empty-state p{color:#88a}.dm-empty-icon{color:#3d3d5c}}.fr-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.fr-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.fr-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.fr-page-header-left h2 i{color:#667eea}.fr-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.fr-user-info{display:inline-block;margin-top:4px;color:#6b7280;background:#f8fafc;padding:2px 12px;border-radius:12px;font-size:13px}.fr-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fr-year-select-container{display:flex;align-items:center;gap:8px}.fr-year-select-container label{font-size:13px;font-weight:500;color:#374151}.fr-year-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.fr-year-select:focus{border-color:#667eea;outline:none}.fr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.fr-btn-primary{background:#667eea;color:#fff}.fr-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.fr-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.fr-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.fr-btn:disabled{opacity:.6;cursor:not-allowed}.fr-btn-label{display:inline}@media(max-width:480px){.fr-btn-label{display:none}.fr-btn{padding:6px 10px}}.fr-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.fr-spinner{display:inline-block;width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:frSpin 1s linear infinite}@keyframes frSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fr-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.fr-summary-card{background:#fff;border-radius:8px;padding:16px 20px;border:1px solid #e0e0e0;display:flex;align-items:center;gap:14px;transition:all .2s}.fr-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.fr-summary-revenue{border-left:4px solid #3b82f6}.fr-summary-expenditure{border-left:4px solid #ef4444}.fr-summary-surplus{border-left:4px solid #10b981}.fr-summary-deficit{border-left:4px solid #f59e0b}.fr-card-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#f8fafc;flex-shrink:0}.fr-summary-revenue .fr-card-icon{background:#dbeafe;color:#3b82f6}.fr-summary-expenditure .fr-card-icon{background:#fee2e2;color:#ef4444}.fr-summary-surplus .fr-card-icon{background:#dcfce7;color:#10b981}.fr-summary-deficit .fr-card-icon{background:#fef3c7;color:#f59e0b}.fr-card-content{flex:1}.fr-card-content h3{margin:0 0 4px;font-size:13px;color:#6b7280;font-weight:500}.fr-amount{font-size:20px;font-weight:700;color:#1a1a2e;margin:0}.fr-card-content small{font-size:12px;color:#94a3b8}.fr-positive{color:#10b981}.fr-negative{color:#ef4444}.fr-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden}.fr-table-responsive{overflow-x:auto}.fr-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.fr-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.fr-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.fr-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.fr-data-table tbody tr:hover{background-color:#fafbff}.fr-data-table tbody td{padding:10px 14px;vertical-align:middle}.fr-col-actions{min-width:120px!important;text-align:center!important}.fr-year-badge{display:inline-block;padding:4px 12px;background:#667eea;color:#fff;border-radius:12px;font-size:12px;font-weight:600}.fr-amount-cell{font-weight:600;font-family:Courier New,monospace}.fr-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.fr-status-calculated{background:#dcfce7;color:#166534}.fr-status-pending{background:#fef3c7;color:#92400e}.fr-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.fr-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.fr-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.fr-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.fr-icon-btn:disabled{opacity:.4;cursor:not-allowed}.fr-icon-view{color:#1976d2}.fr-icon-view:hover:not(:disabled){background-color:#e3f2fd}.fr-icon-pdf{color:#dc2626}.fr-icon-pdf:hover:not(:disabled){background-color:#fee2e2}.fr-icon-excel{color:#059669}.fr-icon-excel:hover:not(:disabled){background-color:#d1fae5}.fr-table-footer{padding:12px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:10px;background:#f8fafc;border-radius:0 0 8px 8px}.fr-total-records{font-size:13px;color:#6b7280}.fr-note{font-size:12px;color:#94a3b8;font-style:italic}.fr-empty-state{text-align:center;padding:60px 20px;color:#6b7280}.fr-empty-state i{font-size:48px;color:#e0e0e0;display:block;margin-bottom:12px}.fr-empty-state h3{margin:0 0 8px;color:#374151}.fr-empty-state p{margin:0}.fr-empty-subtext{color:#94a3b8;font-size:14px;margin-top:4px!important}.fr-empty-actions{display:flex;gap:10px;justify-content:center;margin-top:20px;flex-wrap:wrap}@media(prefers-color-scheme:dark){.fr-page{background:#1a1a2e}.fr-page-header{border-color:#2d2d44}.fr-page-header-left h2{color:#fff}.fr-page-subtitle{color:#88a}.fr-user-info{background:#3d3d5c;color:#88a}.fr-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fr-btn-secondary:hover:not(:disabled){background:#4d4d6c}.fr-year-select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fr-year-select:focus{border-color:#89f}.fr-year-select-container label{color:#fff}.fr-summary-card{background:#2d2d44;border-color:#3d3d5c}.fr-card-content h3{color:#88a}.fr-amount{color:#fff}.fr-card-content small{color:#88a}.fr-summary-revenue .fr-card-icon{background:#1a2a5c;color:#93bbff}.fr-summary-expenditure .fr-card-icon{background:#5c1a1a;color:#f87171}.fr-summary-surplus .fr-card-icon{background:#1a3d2d;color:#6ee7b7}.fr-summary-deficit .fr-card-icon{background:#5c3d1a;color:#fbbf24}.fr-positive{color:#6ee7b7}.fr-negative{color:#f87171}.fr-table-container{background:#2d2d44;border-color:#3d3d5c}.fr-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.fr-data-table thead th{color:#fff;background:#3d3d5c}.fr-data-table tbody tr{border-color:#3d3d5c}.fr-data-table tbody tr:hover{background-color:#3d3d5c}.fr-data-table tbody td{color:#d0d0e0}.fr-year-badge{background:#89f;color:#1a1a2e}.fr-status-calculated{background:#1a3d2d;color:#6ee7b7}.fr-status-pending{background:#5c3d1a;color:#fbbf24}.fr-icon-btn{color:#88a}.fr-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.fr-icon-view{color:#60a5fa}.fr-icon-view:hover:not(:disabled){background-color:#1a2a5c}.fr-icon-pdf{color:#f87171}.fr-icon-pdf:hover:not(:disabled){background-color:#5c1a1a}.fr-icon-excel{color:#6ee7b7}.fr-icon-excel:hover:not(:disabled){background-color:#1a3d2d}.fr-table-footer{background:#3d3d5c;border-color:#4d4d6c}.fr-total-records,.fr-note{color:#88a}.fr-empty-state h3{color:#fff}.fr-empty-state p{color:#88a}.fr-empty-state i{color:#3d3d5c}.fr-empty-subtext,.fr-loading-container{color:#88a}.fr-spinner{border-color:#3d3d5c;border-top-color:#89f}}@media(max-width:768px){.fr-page{padding:12px 16px}.fr-page-header{flex-direction:column;align-items:flex-start}.fr-page-header-right{width:100%;justify-content:flex-start;flex-wrap:wrap}.fr-summary-cards{grid-template-columns:1fr}.fr-data-table{font-size:12px;min-width:700px}.fr-data-table thead th,.fr-data-table tbody td{padding:6px 8px}.fr-col-actions{min-width:90px!important}.fr-btn-label{display:none}.fr-btn{padding:6px 10px}.fr-empty-actions{flex-direction:column}.fr-empty-actions .fr-btn{width:100%;justify-content:center}.fr-year-select-container{flex-wrap:wrap}}@media(max-width:480px){.fr-page-header-left h2{font-size:20px}.fr-summary-card{padding:12px 16px}.fr-amount{font-size:18px}.fr-data-table{font-size:11px;min-width:600px}.fr-data-table thead th,.fr-data-table tbody td{padding:4px 6px}.fr-col-actions{min-width:70px!important}.fr-table-footer{flex-direction:column;text-align:center}}.ab-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.ab-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ab-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.ab-page-header-left h2 i{color:#667eea}.ab-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.ab-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.ab-btn-primary{background:#667eea;color:#fff}.ab-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.ab-btn-success{background:#10b981;color:#fff}.ab-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ab-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.ab-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.ab-btn-sm{padding:4px 12px;font-size:12px}.ab-btn:disabled{opacity:.6;cursor:not-allowed}.ab-btn-label{display:inline}@media(max-width:480px){.ab-btn-label{display:none}.ab-btn{padding:6px 10px}}.ab-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.ab-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.ab-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.ab-step.ab-active .ab-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.ab-step.ab-completed .ab-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.ab-step-number{font-weight:600;color:#64748b;font-size:14px}.ab-step.ab-active .ab-step-number,.ab-step.ab-completed .ab-step-number{color:#fff}.ab-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.ab-step.ab-active .ab-step-title{color:#667eea;font-weight:600}.ab-step.ab-completed .ab-step-title{color:#10b981}.ab-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.ab-step.ab-completed .ab-step-connector{background:#10b981}@media(max-width:600px){.ab-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.ab-step{flex:0 1 auto;min-width:60px}.ab-step-connector{display:none}.ab-step-title{font-size:10px}.ab-step-indicator{width:32px;height:32px;font-size:12px}}.ab-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.ab-step-content{margin-bottom:32px}.ab-step-header{margin-bottom:24px}.ab-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.ab-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.ab-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.ab-form-grid{grid-template-columns:1fr}}.ab-form-group{display:flex;flex-direction:column;gap:4px}.ab-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.ab-form-group input,.ab-form-group select,.ab-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.ab-form-group input:focus,.ab-form-group select:focus,.ab-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ab-required{color:#ef4444}.ab-full-width{grid-column:1 / -1}.ab-error-message{color:#ef4444;font-size:12px;margin-top:4px}.ab-error{border-color:#ef4444!important}.ab-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.ab-form-hint{display:block;margin-top:4px;color:#64748b;font-size:12px}.ab-budget-id-container{position:relative}.ab-budget-id-input{padding-right:120px!important}.ab-budget-id-info{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:#64748b;background:#f1f5f9;padding:2px 10px;border-radius:4px}.ab-budget-summary{margin-top:8px}.ab-quarter-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.ab-summary-item{display:flex;justify-content:space-between;padding:8px 12px;background:#f8fafc;border-radius:6px;border:1px solid #e0e0e0}.ab-summary-item strong{color:#1a1a2e}.ab-text-success{color:#10b981}.ab-text-danger{color:#ef4444}.ab-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.ab-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.ab-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media(max-width:600px){.ab-summary-content{grid-template-columns:1fr}}.ab-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.ab-summary-item span{color:#6b7280}.ab-summary-item strong{color:#1a1a2e;text-align:right}.ab-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.ab-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.ab-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.ab-action-buttons-bottom{flex-direction:column;align-items:stretch}.ab-right-actions{flex-direction:column;width:100%}.ab-right-actions .ab-btn{width:100%;justify-content:center}}.ab-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:abSpin .8s linear infinite}@keyframes abSpin{to{transform:rotate(360deg)}}.ab-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ab-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.ab-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.ab-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.ab-table-header h2 i{color:#667eea}.ab-table-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ab-export-buttons{display:flex;gap:4px}.ab-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e0e0e0}.ab-stat-item{display:flex;justify-content:space-between;align-items:center;padding:4px 8px}.ab-stat-label{font-size:12px;color:#6b7280}.ab-stat-value{font-size:14px;font-weight:600;color:#1a1a2e}.ab-table-wrapper{overflow-x:auto;flex:1;padding:0 4px}.ab-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.ab-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ab-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.ab-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ab-data-table tbody tr:hover{background-color:#fafbff}.ab-data-table tbody td{padding:10px 14px;vertical-align:middle}.ab-col-actions{min-width:200px!important;text-align:center!important}.ab-budget-id{font-weight:600;color:#667eea;font-family:monospace}.ab-budget-cell{font-weight:600;color:#059669}.ab-remarks-cell{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-text-center{text-align:center}.ab-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.ab-status-draft{background:#e2e8f0;color:#475569}.ab-status-submitted{background:#dbeafe;color:#2563eb}.ab-status-under-review{background:#fef3c7;color:#92400e}.ab-status-approved{background:#dcfce7;color:#166534}.ab-status-rejected{background:#fee2e2;color:#991b1b}.ab-status-implemented{background:#d1fae5;color:#065f46}.ab-status-closed{background:#f3f4f6;color:#374151}.ab-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:wrap}.ab-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ab-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.ab-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.ab-icon-btn:disabled{opacity:.4;cursor:not-allowed}.ab-icon-view{color:#1976d2}.ab-icon-view:hover:not(:disabled){background-color:#e3f2fd}.ab-icon-edit{color:#d97706}.ab-icon-edit:hover:not(:disabled){background-color:#fef3c7}.ab-icon-submit{color:#059669}.ab-icon-submit:hover:not(:disabled){background-color:#d1fae5}.ab-icon-approve{color:#10b981}.ab-icon-approve:hover:not(:disabled){background-color:#d1fae5}.ab-icon-reject{color:#ef4444}.ab-icon-reject:hover:not(:disabled){background-color:#fee2e2}.ab-icon-delete{color:#ef4444}.ab-icon-delete:hover:not(:disabled){background-color:#fee2e2}.ab-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.ab-total-records{font-size:clamp(13px,1.1vw,14px);color:#6b7280}.ab-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.ab-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:abSlideIn .3s ease}@keyframes abSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.ab-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.ab-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.ab-side-header h3 i{color:#667eea}.ab-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.ab-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.ab-side-body{flex:1;overflow-y:auto;padding:20px 24px}.ab-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.ab-view-grid{display:flex;flex-direction:column;gap:16px}.ab-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.ab-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.ab-view-section h4 i{color:#667eea}.ab-view-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.ab-view-row:last-child{border-bottom:none}.ab-view-label{width:140px;font-weight:600;color:#4a5568;flex-shrink:0}.ab-view-value{flex:1;color:#1a1a2e}.ab-view-full{flex-direction:column}.ab-view-full .ab-view-label{width:100%;margin-bottom:4px}.ab-quarter-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.ab-quarter-item{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #f1f5f9}.ab-quarter-item:last-child{border-bottom:none}.ab-quarter-label{color:#6b7280}.ab-quarter-value{font-weight:500;color:#1a1a2e}.ab-quarter-percent{font-size:12px;color:#94a3b8}@media(prefers-color-scheme:dark){.ab-page{background:#1a1a2e}.ab-page-header{border-color:#2d2d44}.ab-page-header-left h2{color:#fff}.ab-page-subtitle{color:#88a}.ab-form{background:#2d2d44;border-color:#3d3d5c}.ab-step-header h3{color:#fff}.ab-step-header p{color:#88a}.ab-form-group label{color:#fff}.ab-form-group input,.ab-form-group select,.ab-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ab-form-group input:focus,.ab-form-group select:focus,.ab-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.ab-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ab-btn-secondary:hover:not(:disabled){background:#4d4d6c}.ab-summary-card{background:#3d3d5c;border-color:#4d4d6c}.ab-summary-card h4{color:#fff}.ab-summary-item{border-color:#4d4d6c}.ab-summary-item span{color:#88a}.ab-summary-item strong{color:#fff}.ab-table-container{background:#2d2d44}.ab-table-header{border-color:#3d3d5c}.ab-table-header h2{color:#fff}.ab-table-header h2 i{color:#89f}.ab-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.ab-data-table thead th{color:#fff;background:#3d3d5c}.ab-data-table tbody tr{border-color:#3d3d5c}.ab-data-table tbody tr:hover{background-color:#3d3d5c}.ab-data-table tbody td{color:#d0d0e0}.ab-budget-id{color:#89f}.ab-budget-cell{color:#6ee7b7}.ab-status-draft{background:#3d3d5c;color:#88a}.ab-status-submitted{background:#1a2a5c;color:#93bbff}.ab-status-under-review{background:#5c3d1a;color:#fbbf24}.ab-status-approved{background:#1a3d2d;color:#6ee7b7}.ab-status-rejected{background:#5c1a1a;color:#f87171}.ab-status-implemented{background:#1a3d2d;color:#6ee7b7}.ab-status-closed{background:#3d3d5c;color:#88a}.ab-icon-btn{color:#88a}.ab-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.ab-icon-view{color:#60a5fa}.ab-icon-view:hover:not(:disabled){background-color:#1a2a5c}.ab-icon-edit{color:#fbbf24}.ab-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.ab-icon-submit{color:#6ee7b7}.ab-icon-submit:hover:not(:disabled){background-color:#1a3d2d}.ab-icon-approve{color:#6ee7b7}.ab-icon-approve:hover:not(:disabled){background-color:#1a3d2d}.ab-icon-reject{color:#f87171}.ab-icon-reject:hover:not(:disabled){background-color:#5c1a1a}.ab-icon-delete{color:#f87171}.ab-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.ab-summary-stats{background:#3d3d5c;border-color:#4d4d6c}.ab-stat-label{color:#88a}.ab-stat-value{color:#fff}.ab-table-footer{background:#3d3d5c;border-color:#4d4d6c}.ab-total-records{color:#88a}.ab-side-container{background:#2d2d44}.ab-side-header{border-color:#3d3d5c}.ab-side-header h3{color:#fff}.ab-modal-close{color:#88a}.ab-modal-close:hover{background-color:#3d3d5c;color:#fff}.ab-side-footer,.ab-view-section{border-color:#3d3d5c}.ab-view-section h4{color:#fff;border-color:#3d3d5c}.ab-view-section h4 i{color:#89f}.ab-view-row{border-color:#3d3d5c}.ab-view-label{color:#88a}.ab-view-value{color:#d0d0e0}.ab-quarter-item{border-color:#4d4d6c}.ab-quarter-label{color:#88a}.ab-quarter-value{color:#fff}.ab-quarter-percent{color:#88a}.ab-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.ab-step-number,.ab-step-title{color:#88a}.ab-step.ab-active .ab-step-title{color:#89f}.ab-step.ab-completed .ab-step-title{color:#6ee7b7}.ab-step-connector{background:#3d3d5c}.ab-step.ab-completed .ab-step-connector{background:#6ee7b7}.ab-text-success{color:#6ee7b7}.ab-text-danger{color:#f87171}}@media(max-width:768px){.ab-page{padding:12px 16px}.ab-page-header{flex-direction:column;align-items:flex-start}.ab-page-header-right{width:100%;justify-content:flex-start}.ab-progress-steps{flex-wrap:wrap}.ab-form-grid,.ab-quarter-summary-grid,.ab-summary-content{grid-template-columns:1fr}.ab-data-table{font-size:12px;min-width:700px}.ab-data-table thead th,.ab-data-table tbody td{padding:6px 8px}.ab-col-actions{min-width:160px!important}.ab-action-buttons{flex-direction:column;gap:2px}.ab-table-header{flex-direction:column;align-items:flex-start}.ab-table-actions{width:100%;justify-content:flex-start}.ab-summary-stats{grid-template-columns:repeat(2,1fr)}.ab-side-container{width:100%}.ab-quarter-breakdown-grid{grid-template-columns:1fr}}@media(max-width:480px){.ab-page-header-left h2{font-size:20px}.ab-summary-stats{grid-template-columns:1fr}.ab-export-buttons{flex-wrap:wrap}.ab-export-buttons .ab-btn{font-size:11px;padding:4px 8px}.ab-budget-id-info{font-size:9px;padding:1px 6px}.ab-budget-id-input{padding-right:80px!important}}.afr-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.afr-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.afr-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.afr-page-header-left h2 i{color:#667eea}.afr-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.afr-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.afr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.afr-btn-primary{background:#667eea;color:#fff}.afr-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.afr-btn-success{background:#10b981;color:#fff}.afr-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.afr-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.afr-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.afr-btn:disabled{opacity:.6;cursor:not-allowed}.afr-btn-label{display:inline}@media(max-width:480px){.afr-btn-label{display:none}.afr-btn{padding:6px 10px}}.afr-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.afr-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.afr-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.afr-step.afr-active .afr-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.afr-step.afr-completed .afr-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.afr-step-number{font-weight:600;color:#64748b;font-size:14px}.afr-step.afr-active .afr-step-number,.afr-step.afr-completed .afr-step-number{color:#fff}.afr-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.afr-step.afr-active .afr-step-title{color:#667eea;font-weight:600}.afr-step.afr-completed .afr-step-title{color:#10b981}.afr-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.afr-step.afr-completed .afr-step-connector{background:#10b981}@media(max-width:600px){.afr-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.afr-step{flex:0 1 auto;min-width:60px}.afr-step-connector{display:none}.afr-step-title{font-size:10px}.afr-step-indicator{width:32px;height:32px;font-size:12px}}.afr-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.afr-step-content{margin-bottom:32px}.afr-step-header{margin-bottom:24px}.afr-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.afr-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.afr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.afr-form-grid{grid-template-columns:1fr}}.afr-form-group{display:flex;flex-direction:column;gap:4px}.afr-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.afr-form-group input,.afr-form-group select,.afr-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.afr-form-group input:focus,.afr-form-group select:focus,.afr-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.afr-required{color:#ef4444}.afr-full-width{grid-column:1 / -1}.afr-error-message{color:#ef4444;font-size:12px;margin-top:4px}.afr-error{border-color:#ef4444!important}.afr-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.afr-report-id-container{position:relative}.afr-report-id-input{padding-right:120px!important}.afr-report-id-info{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:#64748b;background:#f1f5f9;padding:2px 10px;border-radius:4px}.afr-report-id{font-weight:600;color:#667eea;font-family:monospace}.afr-financial-summary{margin-top:8px}.afr-amount{font-size:24px;font-weight:700;padding:8px 16px;border-radius:6px;background:#f8fafc;border:1px solid #e0e0e0}.afr-amount.afr-positive{color:#10b981}.afr-amount.afr-negative{color:#ef4444}.afr-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.afr-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.afr-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media(max-width:600px){.afr-summary-content{grid-template-columns:1fr}}.afr-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.afr-summary-item span{color:#6b7280}.afr-summary-item strong{color:#1a1a2e;text-align:right}.afr-summary-item strong.afr-positive{color:#10b981}.afr-summary-item strong.afr-negative{color:#ef4444}.afr-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.afr-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.afr-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.afr-action-buttons-bottom{flex-direction:column;align-items:stretch}.afr-right-actions{flex-direction:column;width:100%}.afr-right-actions .afr-btn{width:100%;justify-content:center}}.afr-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:afrSpin .8s linear infinite}@keyframes afrSpin{to{transform:rotate(360deg)}}.afr-loading-indicator{text-align:center;padding:40px;color:#666}.afr-loading-indicator .afr-spinner{width:40px;height:40px;border-width:4px}.afr-no-data{text-align:center;padding:60px 20px;color:#6b7280}.afr-no-data i{font-size:48px;color:#e0e0e0;display:block;margin-bottom:12px}.afr-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.afr-status-draft{background:#fef3c7;color:#92400e}.afr-status-approved{background:#dcfce7;color:#166534}.afr-status-pending{background:#dbeafe;color:#1e40af}.afr-status-rejected{background:#fee2e2;color:#991b1b}.afr-period-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500}.afr-period-monthly{background:#dbeafe;color:#1e40af}.afr-period-quarterly{background:#dcfce7;color:#166534}.afr-period-annual{background:#fef3c7;color:#92400e}.afr-type-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500}.afr-type-operational{background:#dbeafe;color:#1e40af}.afr-type-financial{background:#dcfce7;color:#166534}.afr-type-performance{background:#fef3c7;color:#92400e}.afr-type-donor{background:#f5f3ff;color:#7c3aed}.afr-financial-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500}.afr-financial-surplus{background:#dcfce7;color:#166534}.afr-financial-deficit{background:#fee2e2;color:#991b1b}.afr-department-badge{display:inline-block;padding:2px 10px;background:#f1f5f9;color:#475569;border-radius:12px;font-size:11px;font-weight:500}.afr-month-badge{display:inline-block;padding:2px 10px;background:#f0f9ff;color:#0369a1;border-radius:12px;font-size:11px;font-weight:500}.afr-amount-cell{font-weight:600;font-family:Courier New,monospace}.afr-amount-cell.afr-positive{color:#10b981}.afr-amount-cell.afr-negative{color:#ef4444}.afr-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.afr-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.afr-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.afr-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.afr-table-header h2 i{color:#667eea}.afr-table-actions{display:flex;gap:8px;flex-wrap:wrap}.afr-table-responsive{overflow-x:auto;flex:1;padding:0 4px}.afr-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.afr-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.afr-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.afr-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.afr-data-table tbody tr:hover{background-color:#fafbff}.afr-data-table tbody td{padding:10px 14px;vertical-align:middle}.afr-col-actions{min-width:130px!important;text-align:center!important}.afr-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.afr-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.afr-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.afr-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.afr-icon-btn:disabled{opacity:.4;cursor:not-allowed}.afr-icon-view{color:#1976d2}.afr-icon-view:hover:not(:disabled){background-color:#e3f2fd}.afr-icon-edit{color:#d97706}.afr-icon-edit:hover:not(:disabled){background-color:#fef3c7}.afr-icon-delete{color:#ef4444}.afr-icon-delete:hover:not(:disabled){background-color:#fee2e2}.afr-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.afr-total-records{font-size:clamp(13px,1.1vw,14px);color:#6b7280}.afr-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.afr-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:afrSlideIn .3s ease}@keyframes afrSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.afr-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.afr-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.afr-side-header h3 i{color:#667eea}.afr-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.afr-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.afr-side-body{flex:1;overflow-y:auto;padding:20px 24px}.afr-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.afr-view-grid{display:flex;flex-direction:column;gap:16px}.afr-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.afr-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.afr-view-section h4 i{color:#667eea}.afr-view-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.afr-view-row:last-child{border-bottom:none}.afr-view-label{width:140px;font-weight:600;color:#4a5568;flex-shrink:0}.afr-view-value{flex:1;color:#1a1a2e}.afr-view-full{flex-direction:column}.afr-view-full .afr-view-label{width:100%;margin-bottom:4px}@media(prefers-color-scheme:dark){.afr-page{background:#1a1a2e}.afr-page-header{border-color:#2d2d44}.afr-page-header-left h2{color:#fff}.afr-page-subtitle{color:#88a}.afr-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.afr-btn-secondary:hover:not(:disabled){background:#4d4d6c}.afr-form{background:#2d2d44;border-color:#3d3d5c}.afr-step-header h3{color:#fff}.afr-step-header p{color:#88a}.afr-form-group label{color:#fff}.afr-form-group input,.afr-form-group select,.afr-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.afr-form-group input:focus,.afr-form-group select:focus,.afr-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.afr-report-id-info{background:#4d4d6c;color:#88a}.afr-amount{background:#3d3d5c;border-color:#4d4d6c}.afr-amount.afr-positive{color:#6ee7b7}.afr-amount.afr-negative{color:#f87171}.afr-summary-card{background:#3d3d5c;border-color:#4d4d6c}.afr-summary-card h4{color:#fff}.afr-summary-item{border-color:#4d4d6c}.afr-summary-item span{color:#88a}.afr-summary-item strong{color:#fff}.afr-summary-item strong.afr-positive{color:#6ee7b7}.afr-summary-item strong.afr-negative{color:#f87171}.afr-table-container{background:#2d2d44}.afr-table-header{border-color:#3d3d5c}.afr-table-header h2{color:#fff}.afr-table-header h2 i{color:#89f}.afr-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.afr-data-table thead th{color:#fff;background:#3d3d5c}.afr-data-table tbody tr{border-color:#3d3d5c}.afr-data-table tbody tr:hover{background-color:#3d3d5c}.afr-data-table tbody td{color:#d0d0e0}.afr-report-id{color:#89f}.afr-status-draft{background:#5c3d1a;color:#fbbf24}.afr-status-approved{background:#1a3d2d;color:#6ee7b7}.afr-status-pending{background:#1a2a5c;color:#93bbff}.afr-status-rejected{background:#5c1a1a;color:#f87171}.afr-period-monthly{background:#1a2a5c;color:#93bbff}.afr-period-quarterly{background:#1a3d2d;color:#6ee7b7}.afr-period-annual{background:#5c3d1a;color:#fbbf24}.afr-type-operational{background:#1a2a5c;color:#93bbff}.afr-type-financial{background:#1a3d2d;color:#6ee7b7}.afr-type-performance{background:#5c3d1a;color:#fbbf24}.afr-type-donor{background:#2d1a5c;color:#b794f4}.afr-financial-surplus{background:#1a3d2d;color:#6ee7b7}.afr-financial-deficit{background:#5c1a1a;color:#f87171}.afr-department-badge{background:#3d3d5c;color:#88a}.afr-month-badge{background:#1a2a5c;color:#93bbff}.afr-amount-cell.afr-positive{color:#6ee7b7}.afr-amount-cell.afr-negative{color:#f87171}.afr-icon-btn{color:#88a}.afr-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.afr-icon-view{color:#60a5fa}.afr-icon-view:hover:not(:disabled){background-color:#1a2a5c}.afr-icon-edit{color:#fbbf24}.afr-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.afr-icon-delete{color:#f87171}.afr-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.afr-table-footer{background:#3d3d5c;border-color:#4d4d6c}.afr-total-records{color:#88a}.afr-side-container{background:#2d2d44}.afr-side-header{border-color:#3d3d5c}.afr-side-header h3{color:#fff}.afr-modal-close{color:#88a}.afr-modal-close:hover{background-color:#3d3d5c;color:#fff}.afr-side-footer,.afr-view-section{border-color:#3d3d5c}.afr-view-section h4{color:#fff;border-color:#3d3d5c}.afr-view-section h4 i{color:#89f}.afr-view-row{border-color:#3d3d5c}.afr-view-label{color:#88a}.afr-view-value{color:#d0d0e0}.afr-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.afr-step-number,.afr-step-title{color:#88a}.afr-step.afr-active .afr-step-title{color:#89f}.afr-step.afr-completed .afr-step-title{color:#6ee7b7}.afr-step-connector{background:#3d3d5c}.afr-step.afr-completed .afr-step-connector{background:#6ee7b7}.afr-loading-indicator{color:#88a}.afr-spinner{border-color:#3d3d5c;border-top-color:#89f}.afr-no-data{color:#88a}.afr-no-data i{color:#3d3d5c}}@media(max-width:768px){.afr-page{padding:12px 16px}.afr-page-header{flex-direction:column;align-items:flex-start}.afr-page-header-right{width:100%;justify-content:flex-start}.afr-form-grid,.afr-summary-content{grid-template-columns:1fr}.afr-data-table{font-size:12px;min-width:700px}.afr-data-table thead th,.afr-data-table tbody td{padding:6px 8px}.afr-col-actions{min-width:100px!important}.afr-action-buttons{flex-direction:column;gap:2px}.afr-table-header{flex-direction:column;align-items:flex-start}.afr-table-actions{width:100%;justify-content:flex-start}.afr-side-container{width:100%}.afr-view-row{flex-direction:column}.afr-view-label{width:100%}.afr-btn-label{display:none}.afr-btn{padding:6px 10px}}@media(max-width:480px){.afr-page-header-left h2{font-size:20px}.afr-data-table{font-size:11px;min-width:600px}.afr-data-table thead th,.afr-data-table tbody td{padding:4px 6px}.afr-col-actions{min-width:80px!important}.afr-report-id-input{padding-right:80px!important}.afr-report-id-info{font-size:9px;padding:1px 6px}}.ap-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.ap-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ap-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.ap-page-header-left h2 i{color:#667eea}.ap-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.ap-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ap-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.ap-btn-primary{background:#667eea;color:#fff}.ap-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.ap-btn-success{background:#10b981;color:#fff}.ap-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ap-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.ap-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.ap-btn:disabled{opacity:.6;cursor:not-allowed}.ap-btn-label{display:inline}@media(max-width:480px){.ap-btn-label{display:none}.ap-btn{padding:6px 10px}}.ap-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.ap-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.ap-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.ap-step.ap-active .ap-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.ap-step.ap-completed .ap-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.ap-step-number{font-weight:600;color:#64748b;font-size:14px}.ap-step.ap-active .ap-step-number,.ap-step.ap-completed .ap-step-number{color:#fff}.ap-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.ap-step.ap-active .ap-step-title{color:#667eea;font-weight:600}.ap-step.ap-completed .ap-step-title{color:#10b981}.ap-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.ap-step.ap-completed .ap-step-connector{background:#10b981}@media(max-width:600px){.ap-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.ap-step{flex:0 1 auto;min-width:60px}.ap-step-connector{display:none}.ap-step-title{font-size:10px}.ap-step-indicator{width:32px;height:32px;font-size:12px}}.ap-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.ap-step-content{margin-bottom:32px}.ap-step-header{margin-bottom:24px}.ap-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.ap-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.ap-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.ap-form-grid{grid-template-columns:1fr}}.ap-form-group{display:flex;flex-direction:column;gap:4px}.ap-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.ap-form-group input,.ap-form-group select,.ap-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.ap-form-group input:focus,.ap-form-group select:focus,.ap-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ap-required{color:#ef4444}.ap-full-width{grid-column:1 / -1}.ap-error-message{color:#ef4444;font-size:12px;margin-top:4px}.ap-error{border-color:#ef4444!important}.ap-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.ap-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:clamp(13px,1.1vw,14px)}.ap-alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.ap-alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.ap-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.ap-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.ap-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media(max-width:600px){.ap-summary-content{grid-template-columns:1fr}}.ap-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.ap-summary-item span{color:#6b7280}.ap-summary-item strong{color:#1a1a2e;text-align:right}.ap-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.ap-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.ap-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.ap-action-buttons-bottom{flex-direction:column;align-items:stretch}.ap-right-actions{flex-direction:column;width:100%}.ap-right-actions .ap-btn{width:100%;justify-content:center}}.ap-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:apSpin .8s linear infinite}@keyframes apSpin{to{transform:rotate(360deg)}}.ap-loading-spinner{text-align:center;padding:40px;color:#666}.ap-loading-spinner .ap-spinner{width:40px;height:40px;border-width:4px}.ap-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ap-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.ap-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.ap-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.ap-table-header h2 i{color:#667eea}.ap-table-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ap-export-dropdown{position:relative;display:inline-block}.ap-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:150px;box-shadow:0 4px 12px #0000001a;z-index:10;display:none}.ap-export-dropdown:hover .ap-dropdown-menu{display:block}.ap-dropdown-menu button{display:block;width:100%;padding:8px 14px;border:none;background:none;text-align:left;font-size:13px;cursor:pointer;transition:background .2s}.ap-dropdown-menu button:hover{background:#f0f4ff}.ap-table-wrapper{overflow-x:auto;flex:1;padding:0 4px}.ap-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.ap-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ap-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.ap-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ap-data-table tbody tr:hover{background-color:#fafbff}.ap-data-table tbody td{padding:10px 14px;vertical-align:middle}.ap-col-actions{min-width:180px!important;text-align:center!important}.ap-plan-id{font-weight:600;color:#667eea;font-family:monospace}.ap-budget-cell{font-weight:600;color:#059669}.ap-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.ap-status-active{background:#dcfce7;color:#166534}.ap-status-draft{background:#fef3c7;color:#92400e}.ap-status-completed{background:#dbeafe;color:#1e40af}.ap-status-cancelled{background:#f3f4f6;color:#374151}.ap-category-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;display:inline-block}.ap-category-health{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.ap-category-education{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.ap-category-social{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.ap-category-livelihood{background:#fefce8;color:#ca8a04;border:1px solid #fde047}.ap-category-empowerment{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.ap-category-institutional{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.ap-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:wrap}.ap-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ap-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.ap-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.ap-icon-btn:disabled{opacity:.4;cursor:not-allowed}.ap-icon-view{color:#1976d2}.ap-icon-view:hover:not(:disabled){background-color:#e3f2fd}.ap-icon-edit{color:#d97706}.ap-icon-edit:hover:not(:disabled){background-color:#fef3c7}.ap-icon-delete{color:#ef4444}.ap-icon-delete:hover:not(:disabled){background-color:#fee2e2}.ap-status-select{padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:12px;background:#fff;cursor:pointer}.ap-status-select:focus{border-color:#667eea;outline:none}.ap-table-stats{padding:16px 20px;background:#f8fafc;border-top:1px solid #e0e0e0}.ap-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.ap-stat-item{text-align:center}.ap-stat-value{display:block;font-size:clamp(18px,2vw,22px);font-weight:700;color:#667eea}.ap-stat-label{display:block;font-size:clamp(11px,1vw,12px);color:#6b7280;font-weight:500;margin-top:2px}.ap-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.ap-total-records{font-size:clamp(13px,1.1vw,14px);color:#6b7280}.ap-empty-state{text-align:center;padding:60px 20px;color:#666}.ap-empty-state i{font-size:48px;color:#e0e0e0;margin-bottom:16px}.ap-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.ap-empty-state p{margin:0;color:#666}.ap-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.ap-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:apSlideIn .3s ease}@keyframes apSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.ap-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.ap-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.ap-side-header h3 i{color:#667eea}.ap-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.ap-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.ap-side-body{flex:1;overflow-y:auto;padding:20px 24px}.ap-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.ap-view-grid{display:flex;flex-direction:column;gap:16px}.ap-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.ap-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.ap-view-section h4 i{color:#667eea}.ap-view-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.ap-view-row:last-child{border-bottom:none}.ap-view-label{width:140px;font-weight:600;color:#4a5568;flex-shrink:0}.ap-view-value{flex:1;color:#1a1a2e}.ap-view-full{flex-direction:column}.ap-view-full .ap-view-label{width:100%;margin-bottom:4px}@media(prefers-color-scheme:dark){.ap-page{background:#1a1a2e}.ap-page-header{border-color:#2d2d44}.ap-page-header-left h2{color:#fff}.ap-page-subtitle{color:#88a}.ap-form{background:#2d2d44;border-color:#3d3d5c}.ap-step-header h3{color:#fff}.ap-step-header p{color:#88a}.ap-form-group label{color:#fff}.ap-form-group input,.ap-form-group select,.ap-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ap-form-group input:focus,.ap-form-group select:focus,.ap-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.ap-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ap-btn-secondary:hover:not(:disabled){background:#4d4d6c}.ap-summary-card{background:#3d3d5c;border-color:#4d4d6c}.ap-summary-card h4{color:#fff}.ap-summary-item{border-color:#4d4d6c}.ap-summary-item span{color:#88a}.ap-summary-item strong{color:#fff}.ap-table-container{background:#2d2d44}.ap-table-header{border-color:#3d3d5c}.ap-table-header h2{color:#fff}.ap-table-header h2 i{color:#89f}.ap-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.ap-data-table thead th{color:#fff;background:#3d3d5c}.ap-data-table tbody tr{border-color:#3d3d5c}.ap-data-table tbody tr:hover{background-color:#3d3d5c}.ap-data-table tbody td{color:#d0d0e0}.ap-plan-id{color:#89f}.ap-budget-cell{color:#6ee7b7}.ap-status-active{background:#1a3d2d;color:#6ee7b7}.ap-status-draft{background:#5c3d1a;color:#fbbf24}.ap-status-completed{background:#1a2a5c;color:#93bbff}.ap-status-cancelled{background:#3d3d5c;color:#88a}.ap-category-health{background:#5c1a1a;color:#f87171;border-color:#7c2a2a}.ap-category-education{background:#1a2a5c;color:#93bbff;border-color:#1a3a7c}.ap-category-social{background:#2d1a5c;color:#b794f4;border-color:#4d2a7c}.ap-category-livelihood{background:#5c3d1a;color:#fbbf24;border-color:#7c4d2a}.ap-category-empowerment{background:#1a3d2d;color:#6ee7b7;border-color:#1a5d3d}.ap-category-institutional{background:#3d3d5c;color:#88a;border-color:#4d4d6c}.ap-icon-btn{color:#88a}.ap-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.ap-icon-view{color:#60a5fa}.ap-icon-view:hover:not(:disabled){background-color:#1a2a5c}.ap-icon-edit{color:#fbbf24}.ap-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.ap-icon-delete{color:#f87171}.ap-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.ap-status-select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ap-status-select:focus{border-color:#89f}.ap-table-stats{background:#3d3d5c;border-color:#4d4d6c}.ap-stat-value{color:#89f}.ap-stat-label{color:#88a}.ap-table-footer{background:#3d3d5c;border-color:#4d4d6c}.ap-total-records{color:#88a}.ap-side-container{background:#2d2d44}.ap-side-header{border-color:#3d3d5c}.ap-side-header h3{color:#fff}.ap-modal-close{color:#88a}.ap-modal-close:hover{background-color:#3d3d5c;color:#fff}.ap-side-footer,.ap-view-section{border-color:#3d3d5c}.ap-view-section h4{color:#fff;border-color:#3d3d5c}.ap-view-section h4 i{color:#89f}.ap-view-row{border-color:#3d3d5c}.ap-view-label{color:#88a}.ap-view-value{color:#d0d0e0}.ap-alert-danger{background:#5c1a1a;color:#f87171;border-color:#7c2a2a}.ap-alert-warning{background:#5c3d1a;color:#fbbf24;border-color:#7c4d2a}.ap-empty-state h4{color:#fff}.ap-empty-state p{color:#88a}.ap-empty-state i{color:#3d3d5c}.ap-spinner{border-color:#3d3d5c;border-top-color:#89f}.ap-loading-spinner{color:#88a}.ap-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.ap-step-number,.ap-step-title{color:#88a}.ap-step.ap-active .ap-step-title{color:#89f}.ap-step.ap-completed .ap-step-title{color:#6ee7b7}.ap-step-connector{background:#3d3d5c}.ap-step.ap-completed .ap-step-connector{background:#6ee7b7}.ap-dropdown-menu{background:#3d3d5c;border-color:#4d4d6c}.ap-dropdown-menu button{color:#d0d0e0}.ap-dropdown-menu button:hover{background:#1a2a5c}}.as-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.as-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.as-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.as-page-header-left h2 i{color:#667eea}.as-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.as-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.as-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.as-btn-primary{background:#667eea;color:#fff}.as-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.as-btn-success{background:#10b981;color:#fff}.as-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.as-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.as-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.as-btn:disabled{opacity:.6;cursor:not-allowed}.as-btn-label{display:inline}@media(max-width:480px){.as-btn-label{display:none}.as-btn{padding:6px 10px}}.as-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.as-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.as-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.as-step.as-active .as-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.as-step.as-completed .as-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.as-step-number{font-weight:600;color:#64748b;font-size:14px}.as-step.as-active .as-step-number,.as-step.as-completed .as-step-number{color:#fff}.as-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.as-step.as-active .as-step-title{color:#667eea;font-weight:600}.as-step.as-completed .as-step-title{color:#10b981}.as-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.as-step.as-completed .as-step-connector{background:#10b981}@media(max-width:600px){.as-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.as-step{flex:0 1 auto;min-width:60px}.as-step-connector{display:none}.as-step-title{font-size:10px}.as-step-indicator{width:32px;height:32px;font-size:12px}}.as-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.as-step-content{margin-bottom:32px}.as-step-header{margin-bottom:24px}.as-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.as-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.as-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.as-form-grid{grid-template-columns:1fr}}.as-form-group{display:flex;flex-direction:column;gap:4px}.as-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.as-form-group input,.as-form-group select,.as-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.as-form-group input:focus,.as-form-group select:focus,.as-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.as-required{color:#ef4444}.as-full-width{grid-column:1 / -1}.as-error-message{color:#ef4444;font-size:12px;margin-top:4px}.as-error{border-color:#ef4444!important}.as-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.as-readonly-field{padding:8px 12px;background:#f8fafc;border:1px solid #e0e0e0;border-radius:6px;color:#1a1a2e;font-weight:500}.as-form-hint{display:block;margin-top:4px;color:#64748b;font-size:12px}.as-file-upload{position:relative;border:2px dashed #d0d5dd;border-radius:8px;padding:30px 20px;text-align:center;transition:all .3s;background:#fafafa;cursor:pointer}.as-file-upload:hover{border-color:#667eea;background:#f0f4ff}.as-file-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.as-upload-placeholder i{font-size:36px;color:#94a3b8;margin-bottom:8px}.as-upload-placeholder p{font-weight:500;color:#475569;margin:0}.as-upload-placeholder span{font-size:12px;color:#94a3b8}.as-file-preview{margin-top:12px;padding:8px 12px;background:#f1f5f9;border-radius:4px;display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a2e}.as-btn-remove-file{background:none;border:none;cursor:pointer;color:#ef4444;padding:2px 4px;border-radius:4px}.as-btn-remove-file:hover{background:#fee2e2}.as-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.as-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.as-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media(max-width:600px){.as-summary-content{grid-template-columns:1fr}}.as-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.as-summary-item span{color:#6b7280}.as-summary-item strong{color:#1a1a2e;text-align:right}.as-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.as-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.as-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.as-action-buttons-bottom{flex-direction:column;align-items:stretch}.as-right-actions{flex-direction:column;width:100%}.as-right-actions .as-btn{width:100%;justify-content:center}}.as-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:asSpin .8s linear infinite}@keyframes asSpin{to{transform:rotate(360deg)}}.as-loading-spinner{text-align:center;padding:40px;color:#666}.as-loading-spinner .as-spinner{width:40px;height:40px;border-width:4px}.as-type-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500}.as-type-fixed-asset{background:#dbeafe;color:#1e40af}.as-type-inventory{background:#dcfce7;color:#166534}.as-condition-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500}.as-condition-new{background:#dcfce7;color:#166534}.as-condition-good{background:#dbeafe;color:#1e40af}.as-condition-needs-repair{background:#fef3c7;color:#92400e}.as-condition-scrap{background:#fee2e2;color:#991b1b}.as-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500}.as-status-in-use{background:#dcfce7;color:#166534}.as-status-transferred{background:#dbeafe;color:#1e40af}.as-status-disposed{background:#fee2e2;color:#991b1b}.as-amount-cell{font-weight:600;font-family:Courier New,monospace;color:#059669}.as-asset-id{font-weight:600;color:#667eea;font-family:monospace}.as-asset-name{font-weight:500;color:#1a1a2e}.as-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.as-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.as-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.as-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.as-table-header h2 i{color:#667eea}.as-table-actions{display:flex;gap:8px;flex-wrap:wrap}.as-statistics-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e0e0e0}.as-stat-item{text-align:center}.as-stat-label{display:block;font-size:12px;color:#6b7280;font-weight:500}.as-stat-value{display:block;font-size:20px;font-weight:700;color:#667eea}.as-table-responsive{overflow-x:auto;flex:1;padding:0 4px}.as-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.as-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.as-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.as-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.as-data-table tbody tr:hover{background-color:#fafbff}.as-data-table tbody td{padding:10px 14px;vertical-align:middle}.as-col-actions{min-width:180px!important;text-align:center!important}.as-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.as-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.as-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.as-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.as-icon-btn:disabled{opacity:.4;cursor:not-allowed}.as-icon-view{color:#1976d2}.as-icon-view:hover:not(:disabled){background-color:#e3f2fd}.as-icon-edit{color:#d97706}.as-icon-edit:hover:not(:disabled){background-color:#fef3c7}.as-icon-transfer{color:#059669}.as-icon-transfer:hover:not(:disabled){background-color:#d1fae5}.as-icon-dispose{color:#7c3aed}.as-icon-dispose:hover:not(:disabled){background-color:#ede9fe}.as-icon-delete{color:#ef4444}.as-icon-delete:hover:not(:disabled){background-color:#fee2e2}.as-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.as-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.as-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:asSlideIn .3s ease}@keyframes asSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.as-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.as-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.as-side-header h3 i{color:#667eea}.as-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.as-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.as-side-body{flex:1;overflow-y:auto;padding:20px 24px}.as-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.as-view-grid{display:flex;flex-direction:column;gap:16px}.as-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.as-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.as-view-section h4 i{color:#667eea}.as-view-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.as-view-row:last-child{border-bottom:none}.as-view-label{width:140px;font-weight:600;color:#4a5568;flex-shrink:0}.as-view-value{flex:1;color:#1a1a2e}.as-view-full{flex-direction:column}.as-view-full .as-view-label{width:100%;margin-bottom:4px}.as-auth-error{display:flex;justify-content:center;align-items:center;min-height:400px;padding:20px}.as-auth-error-content{background:#fff;padding:40px;border-radius:12px;text-align:center;max-width:400px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014}.as-auth-error-content i{font-size:48px;color:#ef4444;margin-bottom:16px}.as-auth-error-content h2{margin:0 0 8px;color:#1a1a2e}.as-auth-error-content p{color:#6b7280;margin-bottom:20px}@media(prefers-color-scheme:dark){.as-page{background:#1a1a2e}.as-page-header{border-color:#2d2d44}.as-page-header-left h2{color:#fff}.as-page-subtitle{color:#88a}.as-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.as-btn-secondary:hover:not(:disabled){background:#4d4d6c}.as-form{background:#2d2d44;border-color:#3d3d5c}.as-step-header h3{color:#fff}.as-step-header p{color:#88a}.as-form-group label{color:#fff}.as-form-group input,.as-form-group select,.as-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.as-form-group input:focus,.as-form-group select:focus,.as-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.as-readonly-field{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.as-file-upload{background:#3d3d5c;border-color:#4d4d6c}.as-file-upload:hover{border-color:#89f;background:#1a2a5c}.as-upload-placeholder p{color:#fff}.as-upload-placeholder span{color:#88a}.as-file-preview{background:#4d4d6c;color:#fff}.as-summary-card{background:#3d3d5c;border-color:#4d4d6c}.as-summary-card h4{color:#fff}.as-summary-item{border-color:#4d4d6c}.as-summary-item span{color:#88a}.as-summary-item strong{color:#fff}.as-table-container{background:#2d2d44}.as-table-header{border-color:#3d3d5c}.as-table-header h2{color:#fff}.as-table-header h2 i{color:#89f}.as-statistics-summary{background:#3d3d5c;border-color:#4d4d6c}.as-stat-label{color:#88a}.as-stat-value{color:#89f}.as-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.as-data-table thead th{color:#fff;background:#3d3d5c}.as-data-table tbody tr{border-color:#3d3d5c}.as-data-table tbody tr:hover{background-color:#3d3d5c}.as-data-table tbody td{color:#d0d0e0}.as-asset-id{color:#89f}.as-asset-name{color:#fff}.as-amount-cell{color:#6ee7b7}.as-type-fixed-asset{background:#1a2a5c;color:#93bbff}.as-type-inventory,.as-condition-new{background:#1a3d2d;color:#6ee7b7}.as-condition-good{background:#1a2a5c;color:#93bbff}.as-condition-needs-repair{background:#5c3d1a;color:#fbbf24}.as-condition-scrap{background:#5c1a1a;color:#f87171}.as-status-in-use{background:#1a3d2d;color:#6ee7b7}.as-status-transferred{background:#1a2a5c;color:#93bbff}.as-status-disposed{background:#5c1a1a;color:#f87171}.as-icon-btn{color:#88a}.as-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.as-icon-view{color:#60a5fa}.as-icon-view:hover:not(:disabled){background-color:#1a2a5c}.as-icon-edit{color:#fbbf24}.as-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.as-icon-transfer{color:#6ee7b7}.as-icon-transfer:hover:not(:disabled){background-color:#1a3d2d}.as-icon-dispose{color:#a78bfa}.as-icon-dispose:hover:not(:disabled){background-color:#2d1a5c}.as-icon-delete{color:#f87171}.as-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.as-table-footer{background:#3d3d5c;border-color:#4d4d6c}.as-side-container{background:#2d2d44}.as-side-header{border-color:#3d3d5c}.as-side-header h3{color:#fff}.as-modal-close{color:#88a}.as-modal-close:hover{background-color:#3d3d5c;color:#fff}.as-side-footer,.as-view-section{border-color:#3d3d5c}.as-view-section h4{color:#fff;border-color:#3d3d5c}.as-view-section h4 i{color:#89f}.as-view-row{border-color:#3d3d5c}.as-view-label{color:#88a}.as-view-value{color:#d0d0e0}.as-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.as-step-number,.as-step-title{color:#88a}.as-step.as-active .as-step-title{color:#89f}.as-step.as-completed .as-step-title{color:#6ee7b7}.as-step-connector{background:#3d3d5c}.as-step.as-completed .as-step-connector{background:#6ee7b7}.as-loading-spinner{color:#88a}.as-spinner{border-color:#3d3d5c;border-top-color:#89f}.as-auth-error-content{background:#2d2d44;border-color:#3d3d5c}.as-auth-error-content h2{color:#fff}.as-auth-error-content p{color:#88a}}@media(max-width:768px){.as-page{padding:12px 16px}.as-page-header{flex-direction:column;align-items:flex-start}.as-page-header-right{width:100%;justify-content:flex-start}.as-statistics-summary{grid-template-columns:repeat(2,1fr)}.as-form-grid,.as-summary-content{grid-template-columns:1fr}.as-data-table{font-size:12px;min-width:700px}.as-data-table thead th,.as-data-table tbody td{padding:6px 8px}.as-col-actions{min-width:120px!important}.as-action-buttons{flex-direction:column;gap:2px}.as-table-header{flex-direction:column;align-items:flex-start}.as-table-actions{width:100%;justify-content:flex-start}.as-side-container{width:100%}.as-view-row{flex-direction:column}.as-view-label{width:100%}}@media(max-width:480px){.as-page-header-left h2{font-size:20px}.as-statistics-summary{grid-template-columns:1fr}.as-data-table{font-size:11px;min-width:600px}.as-data-table thead th,.as-data-table tbody td{padding:4px 6px}.as-col-actions{min-width:90px!important}.as-btn-label{display:none}.as-btn{padding:6px 10px}}.bpm-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.bpm-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.bpm-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.bpm-page-header-left h2 i{color:#667eea}.bpm-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.bpm-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bpm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.bpm-btn-primary{background:#667eea;color:#fff}.bpm-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.bpm-btn-success{background:#10b981;color:#fff}.bpm-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.bpm-btn-danger{background:#ef4444;color:#fff}.bpm-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.bpm-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.bpm-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.bpm-btn:disabled{opacity:.6;cursor:not-allowed}.bpm-btn-label{display:inline}@media(max-width:480px){.bpm-btn-label{display:none}.bpm-btn{padding:6px 10px}}.bpm-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.bpm-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.bpm-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.bpm-step.bpm-active .bpm-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.bpm-step.bpm-completed .bpm-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.bpm-step-number{font-weight:600;color:#64748b;font-size:14px}.bpm-step.bpm-active .bpm-step-number,.bpm-step.bpm-completed .bpm-step-number{color:#fff}.bpm-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.bpm-step.bpm-active .bpm-step-title{color:#667eea;font-weight:600}.bpm-step.bpm-completed .bpm-step-title{color:#10b981}.bpm-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.bpm-step.bpm-completed .bpm-step-connector{background:#10b981}@media(max-width:600px){.bpm-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.bpm-step{flex:0 1 auto;min-width:60px}.bpm-step-connector{display:none}.bpm-step-title{font-size:10px}.bpm-step-indicator{width:32px;height:32px;font-size:12px}}.bpm-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.bpm-step-content{margin-bottom:32px}.bpm-step-header{margin-bottom:24px}.bpm-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.bpm-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.bpm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.bpm-form-grid{grid-template-columns:1fr}}.bpm-form-group{display:flex;flex-direction:column;gap:4px}.bpm-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.bpm-form-group input,.bpm-form-group select,.bpm-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.bpm-form-group input:focus,.bpm-form-group select:focus,.bpm-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.bpm-required{color:#ef4444}.bpm-full-width{grid-column:1 / -1}.bpm-error-message{color:#ef4444;font-size:12px;margin-top:4px}.bpm-error{border-color:#ef4444!important}.bpm-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.bpm-form-hint{display:block;margin-top:4px;color:#64748b;font-size:12px}.bpm-performance-metrics{margin-top:8px}.bpm-metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:12px 0}.bpm-metric{background:#f8fafc;border-radius:6px;padding:12px 16px;text-align:center;border:1px solid #e0e0e0}.bpm-metric label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:4px}.bpm-value{font-size:18px;font-weight:600;color:#1a1a2e}.bpm-value.bpm-positive{color:#10b981}.bpm-value.bpm-negative,.bpm-value.bpm-utilization-low{color:#ef4444}.bpm-value.bpm-utilization-medium{color:#f59e0b}.bpm-value.bpm-utilization-good{color:#10b981}.bpm-value.bpm-utilization-over{color:#3b82f6}.bpm-value.bpm-rating-excellent{color:#10b981}.bpm-value.bpm-rating-good{color:#3b82f6}.bpm-value.bpm-rating-fair{color:#f59e0b}.bpm-value.bpm-rating-needs-improvement{color:#ef4444}.bpm-performance-feedback{padding:10px 14px;border-radius:6px;font-size:13px;margin-top:8px}.bpm-performance-feedback.bpm-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.bpm-performance-feedback.bpm-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.bpm-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.bpm-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.bpm-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media(max-width:600px){.bpm-summary-content{grid-template-columns:1fr}}.bpm-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.bpm-summary-item span{color:#6b7280}.bpm-summary-item strong{color:#1a1a2e;text-align:right}.bpm-summary-item strong.bpm-positive{color:#10b981}.bpm-summary-item strong.bpm-negative{color:#ef4444}.bpm-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.bpm-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.bpm-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.bpm-action-buttons-bottom{flex-direction:column;align-items:stretch}.bpm-right-actions{flex-direction:column;width:100%}.bpm-right-actions .bpm-btn{width:100%;justify-content:center}}.bpm-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:bpmSpin .8s linear infinite}@keyframes bpmSpin{to{transform:rotate(360deg)}}.bpm-loading-spinner{text-align:center;padding:40px;color:#666}.bpm-loading-spinner .bpm-spinner{width:40px;height:40px;border-width:4px}.bpm-quarter-badge{display:inline-block;padding:2px 10px;background:#f1f5f9;color:#475569;border-radius:12px;font-size:11px;font-weight:500}.bpm-department-badge{display:inline-block;padding:2px 10px;background:#e0f2fe;color:#0369a1;border-radius:12px;font-size:11px;font-weight:500}.bpm-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.bpm-status-draft{background:#f1f5f9;color:#475569}.bpm-status-under_review{background:#dbeafe;color:#1e40af}.bpm-status-reviewed,.bpm-status-approved{background:#dcfce7;color:#166534}.bpm-status-rejected{background:#fee2e2;color:#991b1b}.bpm-utilization-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.bpm-utilization-low{background:#fee2e2;color:#991b1b}.bpm-utilization-medium{background:#fef3c7;color:#92400e}.bpm-utilization-good{background:#dcfce7;color:#166534}.bpm-utilization-over{background:#dbeafe;color:#1e40af}.bpm-rating-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.bpm-rating-excellent{background:#dcfce7;color:#166534}.bpm-rating-good{background:#dbeafe;color:#1e40af}.bpm-rating-fair{background:#fef3c7;color:#92400e}.bpm-rating-poor{background:#fee2e2;color:#991b1b}.bpm-amount-cell{font-weight:600;font-family:Courier New,monospace}.bpm-amount-cell.bpm-positive{color:#10b981}.bpm-amount-cell.bpm-negative{color:#ef4444}.bpm-monitoring-id{font-weight:600;color:#667eea;font-family:monospace}.bpm-text-center{text-align:center}.bpm-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.bpm-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.bpm-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.bpm-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.bpm-table-header h2 i{color:#667eea}.bpm-table-actions{display:flex;gap:8px;flex-wrap:wrap}.bpm-table-responsive{overflow-x:auto;flex:1;padding:0 4px}.bpm-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.bpm-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.bpm-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.bpm-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.bpm-data-table tbody tr:hover{background-color:#fafbff}.bpm-data-table tbody td{padding:10px 14px;vertical-align:middle}.bpm-col-actions{min-width:160px!important;text-align:center!important}.bpm-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.bpm-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.bpm-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.bpm-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.bpm-icon-btn:disabled{opacity:.4;cursor:not-allowed}.bpm-icon-view{color:#1976d2}.bpm-icon-view:hover:not(:disabled){background-color:#e3f2fd}.bpm-icon-edit{color:#d97706}.bpm-icon-edit:hover:not(:disabled){background-color:#fef3c7}.bpm-icon-submit{color:#059669}.bpm-icon-submit:hover:not(:disabled){background-color:#d1fae5}.bpm-icon-delete{color:#ef4444}.bpm-icon-delete:hover:not(:disabled){background-color:#fee2e2}.bpm-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.bpm-total-records{font-size:clamp(13px,1.1vw,14px);color:#6b7280}.bpm-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.bpm-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:bpmSlideIn .3s ease}@keyframes bpmSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.bpm-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.bpm-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.bpm-side-header h3 i{color:#667eea}.bpm-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.bpm-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.bpm-side-body{flex:1;overflow-y:auto;padding:20px 24px}.bpm-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.bpm-view-grid{display:flex;flex-direction:column;gap:16px}.bpm-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.bpm-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.bpm-view-section h4 i{color:#667eea}.bpm-view-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.bpm-view-row:last-child{border-bottom:none}.bpm-view-label{width:140px;font-weight:600;color:#4a5568;flex-shrink:0}.bpm-view-value{flex:1;color:#1a1a2e}.bpm-view-full{flex-direction:column}.bpm-view-full .bpm-view-label{width:100%;margin-bottom:4px}.bpm-review-actions{margin-top:16px;padding:16px;background:#fefce8;border:1px solid #fde68a;border-radius:8px}.bpm-review-actions h4{margin:0 0 12px;color:#92400e;font-size:15px}.bpm-review-actions .bpm-action-buttons{justify-content:flex-start;gap:10px}@media(prefers-color-scheme:dark){.bpm-page{background:#1a1a2e}.bpm-page-header{border-color:#2d2d44}.bpm-page-header-left h2{color:#fff}.bpm-page-subtitle{color:#88a}.bpm-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.bpm-btn-secondary:hover:not(:disabled){background:#4d4d6c}.bpm-form{background:#2d2d44;border-color:#3d3d5c}.bpm-step-header h3{color:#fff}.bpm-step-header p{color:#88a}.bpm-form-group label{color:#fff}.bpm-form-group input,.bpm-form-group select,.bpm-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.bpm-form-group input:focus,.bpm-form-group select:focus,.bpm-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.bpm-metric{background:#3d3d5c;border-color:#4d4d6c}.bpm-metric label{color:#88a}.bpm-value{color:#fff}.bpm-value.bpm-positive{color:#6ee7b7}.bpm-value.bpm-negative,.bpm-value.bpm-utilization-low{color:#f87171}.bpm-value.bpm-utilization-medium{color:#fbbf24}.bpm-value.bpm-utilization-good{color:#6ee7b7}.bpm-value.bpm-utilization-over{color:#93bbff}.bpm-performance-feedback.bpm-success{background:#1a3d2d;color:#6ee7b7;border-color:#1a5d3d}.bpm-performance-feedback.bpm-warning{background:#5c3d1a;color:#fbbf24;border-color:#7c4d2a}.bpm-summary-card{background:#3d3d5c;border-color:#4d4d6c}.bpm-summary-card h4{color:#fff}.bpm-summary-item{border-color:#4d4d6c}.bpm-summary-item span{color:#88a}.bpm-summary-item strong{color:#fff}.bpm-summary-item strong.bpm-positive{color:#6ee7b7}.bpm-summary-item strong.bpm-negative{color:#f87171}.bpm-table-container{background:#2d2d44}.bpm-table-header{border-color:#3d3d5c}.bpm-table-header h2{color:#fff}.bpm-table-header h2 i{color:#89f}.bpm-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.bpm-data-table thead th{color:#fff;background:#3d3d5c}.bpm-data-table tbody tr{border-color:#3d3d5c}.bpm-data-table tbody tr:hover{background-color:#3d3d5c}.bpm-data-table tbody td{color:#d0d0e0}.bpm-monitoring-id{color:#89f}.bpm-quarter-badge{background:#3d3d5c;color:#88a}.bpm-department-badge{background:#1a2a5c;color:#93bbff}.bpm-status-draft{background:#3d3d5c;color:#88a}.bpm-status-under_review{background:#1a2a5c;color:#93bbff}.bpm-status-reviewed,.bpm-status-approved{background:#1a3d2d;color:#6ee7b7}.bpm-status-rejected,.bpm-utilization-low{background:#5c1a1a;color:#f87171}.bpm-utilization-medium{background:#5c3d1a;color:#fbbf24}.bpm-utilization-good{background:#1a3d2d;color:#6ee7b7}.bpm-utilization-over{background:#1a2a5c;color:#93bbff}.bpm-rating-excellent{background:#1a3d2d;color:#6ee7b7}.bpm-rating-good{background:#1a2a5c;color:#93bbff}.bpm-rating-fair{background:#5c3d1a;color:#fbbf24}.bpm-rating-poor{background:#5c1a1a;color:#f87171}.bpm-amount-cell.bpm-positive{color:#6ee7b7}.bpm-amount-cell.bpm-negative{color:#f87171}.bpm-icon-btn{color:#88a}.bpm-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.bpm-icon-view{color:#60a5fa}.bpm-icon-view:hover:not(:disabled){background-color:#1a2a5c}.bpm-icon-edit{color:#fbbf24}.bpm-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.bpm-icon-submit{color:#6ee7b7}.bpm-icon-submit:hover:not(:disabled){background-color:#1a3d2d}.bpm-icon-delete{color:#f87171}.bpm-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.bpm-table-footer{background:#3d3d5c;border-color:#4d4d6c}.bpm-total-records{color:#88a}.bpm-side-container{background:#2d2d44}.bpm-side-header{border-color:#3d3d5c}.bpm-side-header h3{color:#fff}.bpm-modal-close{color:#88a}.bpm-modal-close:hover{background-color:#3d3d5c;color:#fff}.bpm-side-footer,.bpm-view-section{border-color:#3d3d5c}.bpm-view-section h4{color:#fff;border-color:#3d3d5c}.bpm-view-section h4 i{color:#89f}.bpm-view-row{border-color:#3d3d5c}.bpm-view-label{color:#88a}.bpm-view-value{color:#d0d0e0}.bpm-review-actions{background:#5c3d1a;border-color:#7c4d2a}.bpm-review-actions h4{color:#fbbf24}.bpm-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.bpm-step-number,.bpm-step-title{color:#88a}.bpm-step.bpm-active .bpm-step-title{color:#89f}.bpm-step.bpm-completed .bpm-step-title{color:#6ee7b7}.bpm-step-connector{background:#3d3d5c}.bpm-step.bpm-completed .bpm-step-connector{background:#6ee7b7}.bpm-loading-spinner{color:#88a}.bpm-spinner{border-color:#3d3d5c;border-top-color:#89f}}@media(max-width:768px){.bpm-page{padding:12px 16px}.bpm-page-header{flex-direction:column;align-items:flex-start}.bpm-page-header-right{width:100%;justify-content:flex-start}.bpm-form-grid,.bpm-metric-grid,.bpm-summary-content{grid-template-columns:1fr}.bpm-data-table{font-size:12px;min-width:800px}.bpm-data-table thead th,.bpm-data-table tbody td{padding:6px 8px}.bpm-col-actions{min-width:120px!important}.bpm-action-buttons{flex-direction:column;gap:2px}.bpm-table-header{flex-direction:column;align-items:flex-start}.bpm-table-actions{width:100%;justify-content:flex-start}.bpm-side-container{width:100%}.bpm-view-row{flex-direction:column}.bpm-view-label{width:100%}}@media(max-width:480px){.bpm-page-header-left h2{font-size:20px}.bpm-metric-grid{grid-template-columns:1fr}.bpm-btn-label{display:none}.bpm-btn{padding:6px 10px}.bpm-data-table{font-size:11px;min-width:700px}.bpm-data-table thead th,.bpm-data-table tbody td{padding:4px 6px}.bpm-col-actions{min-width:90px!important}.bpm-review-actions .bpm-action-buttons{flex-direction:column}.bpm-review-actions .bpm-action-buttons .bpm-btn{width:100%;justify-content:center}}.med-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.med-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.med-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.med-page-header-left h2 i{color:#35d461}.med-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.med-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.med-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.med-btn-primary{background:#35d461;color:#fff}.med-btn-primary:hover:not(:disabled){background:#2ec055;transform:translateY(-1px);box-shadow:0 4px 12px #35d4614d}.med-btn-success{background:#10b981;color:#fff}.med-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.med-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.med-btn-secondary:hover{background:#e8e8e8;border-color:silver}.med-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.med-btn-outline:hover{background:#f8f9fa}.med-btn-danger{background:#ef4444;color:#fff}.med-btn-danger:hover:not(:disabled){background:#dc2626}.med-btn-sm{padding:6px 12px;font-size:12px}.med-btn-add{width:100%;padding:12px;border:2px dashed #cbd5e1;background:transparent;color:#64748b;font-weight:600;transition:all .3s ease;border-radius:6px;cursor:pointer;justify-content:center}.med-btn-add:hover{border-color:#35d461;color:#35d461;background:#f0fdf4}.med-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.med-btn-label{display:none}.med-btn{padding:6px 10px}}.med-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.med-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.med-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.med-step.med-active .med-step-indicator{background:#35d461;color:#fff;border-color:#35d461;box-shadow:0 4px 12px #35d4614d}.med-step.med-completed .med-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.med-step-number{font-weight:600;color:#64748b}.med-step.med-active .med-step-number{color:#fff}.med-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.med-step.med-active .med-step-title{color:#35d461;font-weight:600}.med-step.med-completed .med-step-title{color:#10b981}.med-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.med-step.med-completed .med-step-connector{background:#10b981}@media(max-width:768px){.med-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.med-step{flex:0 0 auto}.med-step-connector{display:none}}.med-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.med-step-content{margin-bottom:24px}.med-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.med-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.med-step-header h3 i{color:#35d461}.med-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.med-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.med-form-grid{grid-template-columns:1fr}}.med-form-group{display:flex;flex-direction:column;gap:4px}.med-form-group.med-full-width{grid-column:1 / -1}.med-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.med-form-group input,.med-form-group select,.med-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.med-form-group input:focus,.med-form-group select:focus,.med-form-group textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.med-required{color:#ef4444}.med-error{border-color:#ef4444!important}.med-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.med-error-message{color:#ef4444;font-size:12px;margin-top:4px}.med-child-details{margin-top:8px;padding:8px 12px;background:#f0fdf4;border:1px solid #d1fae5;border-radius:6px;font-size:13px;color:#1a1a2e}.med-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.med-action-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:12px}.med-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.med-form-actions{flex-direction:column}.med-form-actions button{width:100%;justify-content:center}.med-action-buttons{flex-direction:column}.med-right-actions{flex-direction:column;width:100%}.med-right-actions button{width:100%}}.med-medication-section{display:flex;flex-direction:column;gap:20px}.med-medication-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.med-medication-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #35D461}.med-medication-header h4{margin:0;color:#1a1a2e;font-size:16px}.med-time-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.med-time-select{padding:6px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;color:#1a1a2e}.med-days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.med-day-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#374151;padding:6px 10px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;transition:all .2s ease;-webkit-user-select:none;user-select:none;justify-content:center}.med-day-label:hover{border-color:#35d461;background:#f0fdf4}.med-day-label input[type=checkbox]{width:16px;height:16px;accent-color:#35D461;cursor:pointer}.med-day-label input[type=checkbox]:checked+span{color:#35d461;font-weight:600}.med-review-summary{display:flex;flex-direction:column;gap:16px}.med-review-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.med-review-section h4{margin-top:0;margin-bottom:12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.med-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:600px){.med-review-grid{grid-template-columns:1fr}}.med-review-item{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0;border-bottom:1px solid #f1f5f9;gap:12px}.med-review-item:last-child{border-bottom:none}.med-review-item.med-full-width{grid-column:1 / -1;flex-direction:column;gap:4px}.med-review-item span{color:#64748b;font-size:13px;min-width:120px}.med-review-item strong{color:#1a1a2e;font-size:13px;text-align:right;flex:1;word-break:break-word}.med-review-item.med-full-width strong{text-align:left}.med-review-medication{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px;margin-bottom:8px}.med-review-medication .med-review-grid{gap:4px}.med-review-medication .med-review-item{border-bottom:none;padding:4px 0}.med-review-divider{border:none;border-top:1px solid #e2e8f0;margin:12px 0}.med-review-empty{text-align:center;color:#94a3b8;padding:20px;font-style:italic}.med-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.med-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.med-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.med-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.med-table-header h2 i{color:#35d461}.med-table-actions{display:flex;gap:8px;flex-wrap:wrap}.med-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.med-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.med-search-input-wrapper:focus-within{border-color:#35d461}.med-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.med-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.med-search-input::placeholder{color:#999}.med-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.med-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.med-table-wrapper{overflow-x:auto;flex:1}.med-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.med-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.med-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.med-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.med-data-table tbody tr:hover{background-color:#fafbff}.med-data-table tbody td{padding:10px 14px;vertical-align:middle}.med-col-sn{width:40px!important;text-align:center!important}.med-col-status{min-width:80px}.med-col-actions{min-width:120px!important;text-align:center!important}.med-table-title{display:flex;flex-direction:column;gap:4px}.med-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.med-title-meta{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.9vw,11px);color:#666}.med-meta-icon{font-size:14px;color:#999}.med-diagnosis-preview{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.med-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.med-status-active{background:#dcfce7;color:#166534}.med-status-inactive{background:#f1f5f9;color:#475569}.med-status-completed{background:#dbeafe;color:#1e40af}.med-status-cancelled{background:#fee2e2;color:#dc2626}.med-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.med-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.med-icon-btn:hover{background-color:#f0f0f0}.med-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.med-icon-view{color:#1976d2}.med-icon-view:hover{background-color:#e3f2fd}.med-icon-print{color:#059669}.med-icon-print:hover{background-color:#d1fae5}.med-icon-expand{display:none;color:#666}.med-icon-expand .med-expanded{transform:rotate(180deg)}.med-expanded-row{background-color:#f8f9fa!important}.med-expanded-row td{padding:12px 16px!important}.med-expanded-content{padding:4px 0}.med-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.med-expanded-item{display:flex;flex-direction:column;gap:2px}.med-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.med-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.med-expanded-item .med-status-badge{display:inline-block;width:fit-content}.med-expanded-full{grid-column:1 / -1}.med-medication-tag{display:inline-block;background:#f1f5f9;padding:2px 8px;border-radius:4px;font-size:12px;color:#475569;margin:2px 4px 2px 0}@media(max-width:600px){.med-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.med-expanded-grid{grid-template-columns:1fr}}.med-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.med-stats-summary{display:flex;gap:20px;flex-wrap:wrap}.med-stat-item{display:flex;flex-direction:column;align-items:center}.med-stat-value{font-size:20px;font-weight:700;color:#35d461}.med-stat-label{font-size:11px;color:#666;font-weight:500;margin-top:2px}.med-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.med-spinner{display:inline-block;width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#35d461;border-radius:50%;animation:medSpin .8s linear infinite}@keyframes medSpin{to{transform:rotate(360deg)}}.med-empty-state{text-align:center;padding:60px 20px;color:#666}.med-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.med-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.med-empty-state p{margin:0 0 16px;color:#666}.med-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:medFadeIn .3s ease}@keyframes medFadeIn{0%{opacity:0}to{opacity:1}}.med-modal-container{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:medSlideUp .3s ease}@keyframes medSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.med-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.med-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.med-modal-header h3 i{color:#35d461}.med-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px;width:36px;height:36px}.med-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.med-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.med-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e0e0;flex-shrink:0;flex-wrap:wrap}@media(max-width:480px){.med-modal-footer{flex-direction:column}.med-modal-footer button{width:100%;justify-content:center}}.med-view-grid{display:flex;flex-direction:column;gap:16px}.med-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f8fafc}.med-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.med-view-section h4 i{color:#35d461}.med-view-row{display:flex;margin-bottom:8px}.med-view-row:last-child{margin-bottom:0}.med-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.med-view-value{flex:1;color:#1a1a2e;font-size:13px;text-align:right;word-break:break-word}.med-view-medication{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px;margin-bottom:8px}.med-view-medication .med-view-row{border-bottom:none;padding:4px 0}.med-view-divider{border:none;border-top:1px solid #e2e8f0;margin:8px 0}.med-view-empty{text-align:center;color:#94a3b8;padding:20px;font-style:italic}@media(max-width:768px){.med-page-header{flex-direction:column;align-items:flex-start;gap:12px}.med-page-header-right{width:100%;justify-content:flex-start}.med-table-header{flex-direction:column;align-items:flex-start}.med-table-actions{width:100%;justify-content:flex-start}.med-icon-expand{display:inline-flex}.med-data-table{font-size:12px;min-width:700px}.med-data-table thead th,.med-data-table tbody td{padding:8px 10px}.med-col-actions{min-width:150px!important}.med-review-grid{grid-template-columns:1fr}.med-stats-summary{flex-direction:column;gap:8px}.med-modal-container{width:95%;max-height:95vh}.med-view-row{flex-direction:column;align-items:flex-start}.med-view-label{width:100%;margin-bottom:4px}.med-view-value{text-align:left;width:100%}.med-time-inputs{grid-template-columns:1fr 1fr}.med-days-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.med-page{padding:10px 12px}.med-data-table{font-size:11px;min-width:550px}.med-data-table thead th,.med-data-table tbody td{padding:6px 8px}.med-col-actions{min-width:120px!important}.med-table-container{width:100%;max-height:95vh}.med-form-actions{flex-direction:column}.med-form-actions button{width:100%;justify-content:center}.med-action-buttons{flex-direction:column}.med-right-actions{flex-direction:column;width:100%}.med-right-actions button{width:100%}.med-table-footer{flex-direction:column;align-items:stretch}.med-table-footer .med-btn{justify-content:center}.med-review-item{flex-direction:column;align-items:flex-start;gap:4px}.med-review-item strong{text-align:left}.med-stats-summary{flex-direction:column;gap:8px}.med-modal-container{padding:0;border-radius:8px}.med-modal-header,.med-modal-body,.med-modal-footer{padding:12px 16px}.med-view-section{padding:12px}.med-time-inputs{grid-template-columns:1fr}.med-days-grid{grid-template-columns:repeat(3,1fr)}.med-medication-header{flex-direction:column;gap:8px;align-items:stretch}.med-medication-header .med-btn{width:100%;justify-content:center}}@media(prefers-color-scheme:dark){.med-page{background:#1a1a2e}.med-page-header{border-color:#2d2d44}.med-page-header-left h2{color:#fff}.med-page-subtitle{color:#88a}.med-form{background:#2d2d44;border-color:#3d3d5c}.med-step-header{border-color:#3d3d5c}.med-step-header h3{color:#fff}.med-step-header h3 i{color:#35d461}.med-step-header p{color:#88a}.med-form-group label{color:#fff}.med-form-group input,.med-form-group select,.med-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.med-form-group input:focus,.med-form-group select:focus,.med-form-group textarea:focus{border-color:#35d461}.med-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.med-btn-secondary:hover{background:#4d4d6c}.med-btn-outline{border-color:#4d4d6c;color:#fff}.med-btn-outline:hover{background:#3d3d5c}.med-btn-add{border-color:#4d4d6c;color:#88a}.med-btn-add:hover{border-color:#35d461;color:#35d461;background:#1a3d2d}.med-medication-card{background:#3d3d5c;border-color:#4d4d6c}.med-medication-header{border-color:#35d461}.med-medication-header h4{color:#fff}.med-day-label{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0d0}.med-day-label:hover{border-color:#35d461;background:#2d3d3d}.med-day-label input[type=checkbox]:checked+span{color:#35d461}.med-review-section{background:#3d3d5c;border-color:#4d4d6c}.med-review-section h4{color:#fff;border-color:#3d3d5c}.med-review-item{border-color:#4d4d6c}.med-review-item span{color:#88a}.med-review-item strong{color:#fff}.med-review-medication{background:#3d3d5c;border-color:#4d4d6c}.med-review-divider{border-color:#4d4d6c}.med-review-empty{color:#666}.med-table-container{background:#2d2d44}.med-table-header{border-color:#3d3d5c}.med-table-header h2{color:#fff}.med-table-header h2 i{color:#35d461}.med-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.med-search-input{color:#fff}.med-search-input::placeholder{color:#88a}.med-search-icon{color:#88a}.med-stats-badge{background:#3d3d5c;color:#88a}.med-data-table{background:#2d2d44}.med-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.med-data-table thead th{color:#fff;background:#3d3d5c}.med-data-table tbody tr{border-color:#3d3d5c}.med-data-table tbody tr:hover{background-color:#3d3d5c}.med-data-table tbody td{color:#d0d0e0}.med-title-name{color:#fff}.med-title-meta{color:#88a}.med-meta-icon{color:#666}.med-status-active{background:#1a3d2d;color:#6ee7b7}.med-status-inactive{background:#3d3d5c;color:#88a}.med-status-completed{background:#1a2d4d;color:#93c5fd}.med-status-cancelled{background:#3d1f1f;color:#fca5a5}.med-table-footer{border-color:#4d4d6c;background:#2d2d44}.med-stat-value{color:#35d461}.med-stat-label{color:#88a}.med-icon-view:hover{background-color:#1a2d4d}.med-icon-print:hover{background-color:#1a3d2d}.med-expanded-row{background-color:#3d3d5c!important}.med-expanded-item label{color:#88a}.med-expanded-item span{color:#fff}.med-medication-tag{background:#4d4d6c;color:#d0d0d0}.med-empty-state h4{color:#fff}.med-empty-state p{color:#88a}.med-empty-icon{color:#3d3d5c}.med-modal-container{background:#2d2d44}.med-modal-header{border-color:#3d3d5c}.med-modal-header h3{color:#fff}.med-modal-close{color:#88a}.med-modal-close:hover{background-color:#3d3d5c;color:#fff}.med-modal-footer{border-color:#3d3d5c}.med-view-section{border-color:#3d3d5c;background:#3d3d5c}.med-view-section h4{color:#fff;border-color:#3d3d5c}.med-view-label{color:#88a}.med-view-value{color:#d0d0d0}.med-view-medication{background:#3d3d5c;border-color:#4d4d6c}.med-view-divider{border-color:#4d4d6c}.med-view-empty{color:#666}.med-child-details{background:#1a3d2d;border-color:#1a5d3d;color:#d0d0d0}.med-time-select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}}.afya-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.afya-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.afya-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.afya-page-header-left h2 i{color:#dc2626}.afya-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.afya-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.afya-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.afya-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.afya-btn-primary{background:#dc2626;color:#fff}.afya-btn-primary:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.afya-btn-success{background:#10b981;color:#fff}.afya-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.afya-btn-warning{background:#f59e0b;color:#fff}.afya-btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.afya-btn-info{background:#3b82f6;color:#fff}.afya-btn-info:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.afya-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.afya-btn-secondary:hover{background:#e8e8e8;border-color:silver}.afya-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.afya-btn-outline:hover{background:#f8f9fa}.afya-btn-danger{background:#ef4444;color:#fff}.afya-btn-danger:hover:not(:disabled){background:#dc2626}.afya-btn-sm{padding:6px 12px;font-size:12px}.afya-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.afya-btn-label{display:none}.afya-btn{padding:6px 10px}}.afya-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:24px}.afya-nav-item{display:flex;flex-direction:column;align-items:center;padding:14px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:center}.afya-nav-item:hover{border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.afya-nav-item.afya-active{border-color:#dc2626;background:#fef2f2;box-shadow:0 4px 12px #dc26261a}.afya-nav-icon{font-size:24px;margin-bottom:6px}.afya-nav-label{font-weight:600;color:#374151;font-size:13px}.afya-nav-item.afya-active .afya-nav-label{color:#dc2626}.afya-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.afya-section-content{margin-bottom:24px}.afya-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #dc2626;flex-wrap:wrap;gap:12px}.afya-section-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0;display:flex;align-items:center;gap:8px}.afya-section-header h3 i{color:#dc2626}.afya-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.afya-form-grid{grid-template-columns:1fr}}.afya-form-group{display:flex;flex-direction:column;gap:4px}.afya-form-group.afya-full-width{grid-column:1 / -1}.afya-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.afya-form-group input,.afya-form-group select,.afya-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.afya-form-group input:focus,.afya-form-group select:focus,.afya-form-group textarea:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.afya-required{color:#ef4444}.afya-error{border-color:#ef4444!important}.afya-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.afya-error-message{color:#ef4444;font-size:12px;margin-top:4px}.afya-textarea{resize:vertical;min-height:80px;line-height:1.5}.afya-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.afya-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.afya-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.afya-select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.afya-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.afya-action-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:12px}.afya-left-actions,.afya-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.afya-form-actions{flex-direction:column}.afya-form-actions button{width:100%;justify-content:center}.afya-action-buttons{flex-direction:column}.afya-left-actions,.afya-right-actions{flex-direction:column;width:100%}.afya-left-actions button,.afya-right-actions button{width:100%}}.afya-table-container{overflow-x:auto;margin-bottom:16px}.afya-clients-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.afya-clients-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.afya-clients-table thead th{padding:10px 12px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.afya-clients-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.afya-clients-table tbody tr:hover{background-color:#fafbff}.afya-clients-table tbody td{padding:8px 10px;vertical-align:middle}.afya-clients-table .afya-col-sn{width:40px!important;text-align:center!important;font-weight:600;color:#64748b}.afya-clients-table .afya-col-actions{width:60px!important;text-align:center!important}.afya-clients-table input,.afya-clients-table select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:clamp(12px,1vw,13px);transition:border-color .3s;background:#fff;color:#1a1a2e;font-family:inherit}.afya-clients-table input:focus,.afya-clients-table select:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.afya-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.afya-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.afya-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.afya-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.afya-table-header h2 i{color:#dc2626}.afya-table-actions{display:flex;gap:8px;flex-wrap:wrap}.afya-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.afya-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.afya-search-input-wrapper:focus-within{border-color:#dc2626}.afya-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.afya-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.afya-search-input::placeholder{color:#999}.afya-search-btn{padding:6px 14px;border-radius:6px;font-size:14px;flex-shrink:0}.afya-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.afya-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.afya-table-wrapper{overflow-x:auto;flex:1}.afya-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.afya-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.afya-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.afya-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.afya-data-table tbody tr:hover{background-color:#fafbff}.afya-data-table tbody td{padding:10px 14px;vertical-align:middle}.afya-col-sn{width:40px!important;text-align:center!important}.afya-col-unit{min-width:120px}.afya-col-clients{min-width:70px;text-align:center!important}.afya-col-officer{min-width:120px}.afya-col-status{min-width:100px}.afya-col-verified{min-width:80px;text-align:center!important}.afya-col-actions{min-width:180px!important;text-align:center!important}.afya-table-title{display:flex;flex-direction:column;gap:4px}.afya-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.afya-title-meta{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.9vw,11px);color:#666}.afya-meta-icon{font-size:14px;color:#999}.afya-unit-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#dbeafe;color:#1e40af;border-radius:20px;font-size:11px;font-weight:500}.afya-clients-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;background:#d1fae5;color:#065f46;border-radius:12px;font-size:13px;font-weight:600;min-width:30px}.afya-officer-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fef3c7;color:#92400e;border-radius:20px;font-size:11px;font-weight:500}.afya-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.afya-status-draft{background:#e2e8f0;color:#475569}.afya-status-submitted{background:#dbeafe;color:#2563eb}.afya-status-reviewed{background:#fed7aa;color:#c2410c}.afya-status-approved{background:#d1fae5;color:#059669}.afya-status-archived{background:#fef3c7;color:#d97706}.afya-verified-yes{color:#059669;font-weight:500}.afya-verified-yes i{font-size:14px}.afya-verified-no{color:#dc2626;font-weight:500}.afya-verified-no i{font-size:14px}.afya-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.afya-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.afya-icon-btn:hover{background-color:#f0f0f0}.afya-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.afya-icon-view{color:#1976d2}.afya-icon-view:hover{background-color:#e3f2fd}.afya-icon-edit{color:#d97706}.afya-icon-edit:hover{background-color:#fef3c7}.afya-icon-print{color:#059669}.afya-icon-print:hover{background-color:#d1fae5}.afya-icon-export{color:#7c3aed}.afya-icon-export:hover{background-color:#ede9fe}.afya-icon-delete{color:#ef4444}.afya-icon-delete:hover{background-color:#fee2e2}.afya-icon-expand{display:none;color:#666}.afya-icon-expand .afya-expanded{transform:rotate(180deg)}.afya-expanded-row{background-color:#f8f9fa!important}.afya-expanded-row td{padding:12px 16px!important}.afya-expanded-content{padding:4px 0}.afya-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.afya-expanded-item{display:flex;flex-direction:column;gap:2px}.afya-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.afya-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.afya-expanded-item .afya-status-badge,.afya-expanded-item .afya-unit-badge,.afya-expanded-item .afya-clients-badge,.afya-expanded-item .afya-officer-badge{display:inline-block;width:fit-content}.afya-expanded-item .afya-verified-yes,.afya-expanded-item .afya-verified-no{display:inline-block}.afya-expanded-full{grid-column:1 / -1}@media(max-width:600px){.afya-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.afya-expanded-grid{grid-template-columns:1fr}}.afya-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.afya-stats-summary{display:flex;gap:20px;flex-wrap:wrap}.afya-stat-item{display:flex;flex-direction:column;align-items:center}.afya-stat-value{font-size:20px;font-weight:700;color:#dc2626}.afya-stat-label{font-size:11px;color:#666;font-weight:500;margin-top:2px}.afya-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.afya-spinner{display:inline-block;width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#dc2626;border-radius:50%;animation:afyaSpin .8s linear infinite}@keyframes afyaSpin{to{transform:rotate(360deg)}}.afya-empty-state{text-align:center;padding:60px 20px;color:#666}.afya-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.afya-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.afya-empty-state p{margin:0 0 16px;color:#666}.afya-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:afyaFadeIn .3s ease}@keyframes afyaFadeIn{0%{opacity:0}to{opacity:1}}.afya-modal-container{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:afyaSlideUp .3s ease}@keyframes afyaSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.afya-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #dc2626;flex-shrink:0}.afya-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.afya-modal-header h3 i{color:#dc2626}.afya-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px;width:36px;height:36px}.afya-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.afya-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.afya-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e0e0;flex-shrink:0;flex-wrap:wrap}@media(max-width:480px){.afya-modal-footer{flex-direction:column}.afya-modal-footer button{width:100%;justify-content:center}}.afya-view-grid{display:flex;flex-direction:column;gap:16px}.afya-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f8fafc}.afya-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #dc2626;padding-bottom:8px;display:flex;align-items:center;gap:8px}.afya-view-section h4 i{color:#dc2626}.afya-view-row{display:flex;margin-bottom:8px}.afya-view-row:last-child{margin-bottom:0}.afya-view-label{width:160px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.afya-view-value{flex:1;color:#1a1a2e;font-size:13px;text-align:right;word-break:break-word}@media(max-width:768px){.afya-page-header{flex-direction:column;align-items:flex-start;gap:12px}.afya-page-header-right{width:100%;justify-content:flex-start}.afya-table-header{flex-direction:column;align-items:flex-start}.afya-table-actions{width:100%;justify-content:flex-start}.afya-icon-expand{display:inline-flex}.afya-data-table{font-size:12px;min-width:700px}.afya-data-table thead th,.afya-data-table tbody td{padding:8px 10px}.afya-col-actions{min-width:150px!important}.afya-stats-summary{flex-direction:column;gap:8px}.afya-modal-container{width:95%;max-height:95vh}.afya-view-row{flex-direction:column;align-items:flex-start}.afya-view-label{width:100%;margin-bottom:4px}.afya-view-value{text-align:left;width:100%}.afya-navigation{grid-template-columns:1fr}}@media(max-width:480px){.afya-page{padding:10px 12px}.afya-data-table{font-size:11px;min-width:550px}.afya-data-table thead th,.afya-data-table tbody td{padding:6px 8px}.afya-col-actions{min-width:120px!important}.afya-table-container{width:100%;max-height:95vh}.afya-table-footer{flex-direction:column;align-items:stretch}.afya-table-footer .afya-btn{justify-content:center}.afya-modal-container{padding:0;border-radius:8px}.afya-modal-header,.afya-modal-body,.afya-modal-footer{padding:12px 16px}.afya-view-section{padding:12px}.afya-clients-table{font-size:11px;min-width:700px}.afya-clients-table th,.afya-clients-table td{padding:6px 8px}.afya-clients-table input,.afya-clients-table select{font-size:11px;padding:4px 6px}}@media(prefers-color-scheme:dark){.afya-page{background:#1a1a2e}.afya-page-header{border-color:#2d2d44}.afya-page-header-left h2{color:#fff}.afya-page-subtitle{color:#88a}.afya-form{background:#2d2d44;border-color:#3d3d5c}.afya-section-header{border-color:#dc2626}.afya-section-header h3{color:#fff}.afya-section-header h3 i{color:#f87171}.afya-form-group label{color:#fff}.afya-form-group input,.afya-form-group select,.afya-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.afya-form-group input:focus,.afya-form-group select:focus,.afya-form-group textarea:focus{border-color:#dc2626}.afya-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.afya-btn-secondary:hover{background:#4d4d6c}.afya-btn-outline{border-color:#4d4d6c;color:#fff}.afya-btn-outline:hover{background:#3d3d5c}.afya-nav-item{background:#2d2d44;border-color:#3d3d5c}.afya-nav-item:hover{border-color:#dc2626}.afya-nav-item.afya-active{background:#3d1f1f;border-color:#dc2626}.afya-nav-label{color:#88a}.afya-nav-item.afya-active .afya-nav-label{color:#f87171}.afya-clients-table thead{background:#3d3d5c;border-color:#4d4d6c}.afya-clients-table thead th{color:#fff;background:#3d3d5c}.afya-clients-table tbody tr{border-color:#3d3d5c}.afya-clients-table tbody tr:hover{background-color:#3d3d5c}.afya-clients-table tbody td{color:#d0d0d0}.afya-clients-table input,.afya-clients-table select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.afya-clients-table input:focus,.afya-clients-table select:focus{border-color:#dc2626}.afya-table-container{background:#2d2d44}.afya-table-header{border-color:#3d3d5c}.afya-table-header h2{color:#fff}.afya-table-header h2 i{color:#f87171}.afya-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.afya-search-input{color:#fff}.afya-search-input::placeholder{color:#88a}.afya-search-icon{color:#88a}.afya-stats-badge{background:#3d3d5c;color:#88a}.afya-data-table{background:#2d2d44}.afya-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.afya-data-table thead th{color:#fff;background:#3d3d5c}.afya-data-table tbody tr{border-color:#3d3d5c}.afya-data-table tbody tr:hover{background-color:#3d3d5c}.afya-data-table tbody td{color:#d0d0d0}.afya-title-name{color:#fff}.afya-title-meta{color:#88a}.afya-meta-icon{color:#666}.afya-unit-badge{background:#1a2d4d;color:#93c5fd}.afya-clients-badge{background:#1a3d2d;color:#6ee7b7}.afya-officer-badge{background:#3d3d1a;color:#fbbf24}.afya-status-draft{background:#3d3d5c;color:#88a}.afya-status-submitted{background:#1a2d4d;color:#93c5fd}.afya-status-reviewed{background:#3d3d1a;color:#fbbf24}.afya-status-approved{background:#1a3d2d;color:#6ee7b7}.afya-status-archived{background:#3d3d1a;color:#fbbf24}.afya-verified-yes{color:#6ee7b7}.afya-verified-no{color:#f87171}.afya-table-footer{border-color:#4d4d6c;background:#2d2d44}.afya-stat-value{color:#f87171}.afya-stat-label{color:#88a}.afya-icon-view:hover{background-color:#1a2d4d}.afya-icon-edit:hover{background-color:#3d3d1a}.afya-icon-print:hover{background-color:#1a3d2d}.afya-icon-export:hover{background-color:#2d1a4d}.afya-icon-delete:hover{background-color:#3d1f1f}.afya-expanded-row{background-color:#3d3d5c!important}.afya-expanded-item label{color:#88a}.afya-expanded-item span,.afya-empty-state h4{color:#fff}.afya-empty-state p{color:#88a}.afya-empty-icon{color:#3d3d5c}.afya-modal-container{background:#2d2d44}.afya-modal-header{border-color:#dc2626}.afya-modal-header h3{color:#fff}.afya-modal-header h3 i{color:#f87171}.afya-modal-close{color:#88a}.afya-modal-close:hover{background-color:#3d3d5c;color:#fff}.afya-modal-footer{border-color:#3d3d5c}.afya-view-section{border-color:#3d3d5c;background:#3d3d5c}.afya-view-section h4{color:#fff;border-color:#dc2626}.afya-view-section h4 i{color:#f87171}.afya-view-label{color:#88a}.afya-view-value{color:#d0d0d0}.afya-editing-badge{background:#5c3d1a;color:#fbbf24}}.dc-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.dc-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.dc-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.dc-page-header-left h2 i{color:#667eea}.dc-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.dc-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dc-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.dc-btn-primary{background:#667eea;color:#fff}.dc-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.dc-btn-success{background:#10b981;color:#fff}.dc-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.dc-btn-warning{background:#f59e0b;color:#fff}.dc-btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.dc-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.dc-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.dc-btn:disabled{opacity:.6;cursor:not-allowed}.dc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#64748b}.dc-spinner{display:inline-block;width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:dcSpin .8s linear infinite;margin-bottom:16px}@keyframes dcSpin{to{transform:rotate(360deg)}}.dc-alert{padding:16px 20px;border-radius:8px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px;font-size:clamp(13px,1.1vw,14px)}.dc-alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.dc-alert-actions{display:flex;gap:10px}.dc-login-prompt{display:flex;justify-content:center;align-items:center;min-height:400px;text-align:center}.dc-prompt-content{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 12px #0000001a;max-width:400px;width:100%;border:1px solid #e2e8f0}.dc-prompt-content i{font-size:3em;color:#ef4444;margin-bottom:20px}.dc-prompt-content h3{margin:0 0 8px;color:#1a1a2e}.dc-prompt-content p{color:#6b7280;margin-bottom:20px}.dc-prompt-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.dc-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.dc-modal-container{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.dc-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.dc-modal-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(18px,2vw,20px);color:#1a1a2e}.dc-modal-header h3 i{color:#667eea}.dc-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.dc-modal-close:hover:not(:disabled){background-color:#f0f0f0;color:#1a1a2e}.dc-modal-body{padding:24px}.dc-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e0e0}.dc-structure-preview{margin:20px 0}.dc-structure-preview h4{margin:0 0 16px;color:#1a1a2e}.dc-preview-section{margin-bottom:20px}.dc-preview-section h5{margin:0 0 10px;color:#4b5563;font-size:14px}.dc-department-preview-list{background:#f8fafc;border-radius:6px;padding:12px 16px;max-height:200px;overflow-y:auto;border:1px solid #e2e8f0}.dc-preview-item{padding:4px 0;color:#4b5563;font-size:14px}.dc-reporting-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dc-preview-column{background:#f8fafc;border-radius:6px;padding:12px 16px;border:1px solid #e2e8f0}.dc-preview-column strong{display:block;margin-bottom:8px;color:#374151}@media(max-width:600px){.dc-reporting-preview{grid-template-columns:1fr}}.dc-content{margin-top:20px}.dc-analytics-dashboard{background:#fff;border-radius:10px;padding:24px;margin-bottom:24px;border:1px solid #e0e0e0}.dc-analytics-dashboard h3{margin:0 0 20px;color:#1a1a2e;display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px)}.dc-analytics-dashboard h3 i{color:#667eea}.dc-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.dc-analytics-card{background:#f8fafc;border-radius:8px;padding:16px;text-align:center;border:1px solid #e2e8f0;transition:all .2s}.dc-analytics-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.dc-analytics-value{font-size:28px;font-weight:700;color:#667eea;margin:8px 0}.dc-analytics-label{font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.dc-analytics-trend{margin-top:8px;font-size:12px;color:#6b7280;display:flex;align-items:center;justify-content:center;gap:4px}.dc-analytics-trend.positive{color:#10b981}.dc-progress-bar{height:6px;background:#e5e7eb;border-radius:3px;margin-top:8px;overflow:hidden}.dc-progress-fill{height:100%;background:#667eea;border-radius:3px;transition:width .3s ease}.dc-detailed-analytics{background:#f8fafc;border-radius:8px;padding:16px 20px}.dc-analytics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.dc-analytics-col h4{margin:0 0 12px;color:#374151;font-size:15px}.dc-status-breakdown,.dc-frequency-breakdown{display:flex;flex-direction:column;gap:8px}.dc-status-item,.dc-frequency-item{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;color:#4b5563}.dc-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dc-status-dot.dc-active{background:#10b981}.dc-status-dot.dc-inactive{background:#ef4444}.dc-status-dot.dc-showing{background:#667eea}.dc-hierarchy-section{background:#fff;border-radius:10px;padding:24px;margin-bottom:24px;border:1px solid #e0e0e0}.dc-hierarchy-section h3{margin:0 0 16px;color:#1a1a2e;display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px)}.dc-hierarchy-section h3 i{color:#667eea}.dc-hierarchy-tree{margin-top:8px}.dc-hierarchy-node{margin:6px 0}.dc-node-content{padding:10px 14px;border-left:4px solid #667eea;background:#f8fafc;border-radius:6px;transition:all .2s;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.dc-node-content:hover{background:#f0f4ff;transform:translate(4px)}.dc-node-code{color:#6b7280;font-size:13px}.dc-node-head{font-size:13px;color:#667eea;font-style:italic}.dc-node-children{border-left:2px dashed #d0d5dd;margin-left:20px;padding-left:12px}.dc-note-card{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:16px 20px;margin-bottom:24px}.dc-note-card h3{margin:0;color:#92400e;display:flex;align-items:center;gap:10px;font-size:clamp(16px,1.5vw,18px)}.dc-report-types-section{background:#fff;border-radius:10px;padding:24px;margin-bottom:24px;border:1px solid #e0e0e0}.dc-report-types-section h3{margin:0 0 20px;color:#1a1a2e;font-size:clamp(18px,2vw,20px)}.dc-report-types-table{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dc-report-column{background:#f8fafc;border-radius:8px;padding:16px;border:1px solid #e2e8f0}.dc-report-column h4{margin:0 0 12px;color:#374151;font-size:15px;text-align:center;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.dc-department-list{display:flex;flex-direction:column;gap:6px}.dc-department-item{padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s;font-size:14px;display:flex;align-items:center;justify-content:space-between}.dc-department-item:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.dc-dept-name{font-weight:500;color:#1a1a2e}.dc-dept-code{color:#6b7280;font-size:12px}.dc-no-departments{text-align:center;color:#9ca3af;font-style:italic;padding:20px 0}@media(max-width:768px){.dc-report-types-table{grid-template-columns:1fr}}.dc-all-departments-section{background:#fff;border-radius:10px;padding:24px;margin-bottom:24px;border:1px solid #e0e0e0}.dc-all-departments-section h3{margin:0 0 20px;color:#1a1a2e;font-size:clamp(18px,2vw,20px);padding-bottom:12px;border-bottom:2px solid #667eea}.dc-departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.dc-department-card{background:#f8fafc;border-radius:8px;padding:16px;border:1px solid #e2e8f0;transition:all .3s ease}.dc-department-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#667eea}.dc-department-card h4{margin:0 0 10px;color:#1a1a2e;font-size:16px}.dc-department-meta{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.dc-dept-short-name{background:#f3e5f5;color:#7b1fa2;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.dc-department-info{display:flex;flex-direction:column;gap:8px}.dc-info-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.dc-info-item:last-child{border-bottom:none}.dc-info-item label{font-weight:500;color:#64748b}.dc-info-item span{color:#1a1a2e}.dc-reporting-frequency{padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.dc-reporting-frequency.monthly{background:#dcfce7;color:#166534}.dc-reporting-frequency.quarterly{background:#fef3c7;color:#92400e}.dc-reporting-frequency.annual{background:#dbeafe;color:#1e40af}.dc-reporting-frequency.none{background:#f3f4f6;color:#6b7280}.dc-status{padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.dc-status.active{background:#dcfce7;color:#166534}.dc-status.inactive{background:#fee2e2;color:#991b1b}.dc-status.planned{background:#fef3c7;color:#92400e}.dc-status.archived{background:#f1f5f9;color:#475569}.dc-head-name{font-weight:500;color:#667eea}.dc-description{color:#6b7280;font-size:13px}.dc-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:8px}.dc-stat-card{background:#fff;border-radius:8px;padding:16px;text-align:center;border:1px solid #e0e0e0;transition:all .2s}.dc-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000d;border-color:#667eea}.dc-stat-card h4{margin:0 0 8px;color:#64748b;font-size:13px;font-weight:500}.dc-stat-number{font-size:24px;font-weight:700;color:#667eea}@media(max-width:768px){.dc-page{padding:12px 16px}.dc-page-header{flex-direction:column;align-items:flex-start;gap:12px}.dc-page-header-right{width:100%;justify-content:flex-start}.dc-analytics-grid{grid-template-columns:repeat(2,1fr)}.dc-analytics-row,.dc-departments-grid{grid-template-columns:1fr}.dc-summary-stats{grid-template-columns:repeat(2,1fr)}.dc-modal-container{width:95%;margin:10px}}@media(max-width:480px){.dc-analytics-grid,.dc-summary-stats,.dc-reporting-preview{grid-template-columns:1fr}.dc-prompt-content{padding:24px}}@media(prefers-color-scheme:dark){.dc-page{background:#1a1a2e}.dc-page-header{border-color:#2d2d44}.dc-page-header-left h2{color:#fff}.dc-page-subtitle{color:#88a}.dc-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.dc-btn-secondary:hover:not(:disabled){background:#4d4d6c}.dc-analytics-dashboard{background:#2d2d44;border-color:#3d3d5c}.dc-analytics-dashboard h3{color:#fff}.dc-analytics-card{background:#3d3d5c;border-color:#4d4d6c}.dc-analytics-value{color:#89f}.dc-analytics-label{color:#88a}.dc-detailed-analytics{background:#3d3d5c}.dc-analytics-col h4{color:#fff}.dc-status-item,.dc-frequency-item{color:#d0d0e0}.dc-hierarchy-section{background:#2d2d44;border-color:#3d3d5c}.dc-hierarchy-section h3{color:#fff}.dc-node-content{background:#3d3d5c}.dc-node-content:hover{background:#4d4d6c}.dc-node-code{color:#88a}.dc-node-head{color:#89f}.dc-note-card{background:#5c3d1a;border-color:#7c4d2a}.dc-note-card h3{color:#fbbf24}.dc-report-types-section{background:#2d2d44;border-color:#3d3d5c}.dc-report-types-section h3{color:#fff}.dc-report-column{background:#3d3d5c;border-color:#4d4d6c}.dc-report-column h4{color:#fff;border-color:#4d4d6c}.dc-department-item{background:#4d4d6c;border-color:#5d5d7c;color:#d0d0e0}.dc-department-item:hover{border-color:#89f}.dc-dept-name{color:#fff}.dc-dept-code,.dc-no-departments{color:#88a}.dc-all-departments-section{background:#2d2d44;border-color:#3d3d5c}.dc-all-departments-section h3{color:#fff;border-color:#89f}.dc-department-card{background:#3d3d5c;border-color:#4d4d6c}.dc-department-card:hover{border-color:#89f}.dc-department-card h4{color:#fff}.dc-department-meta .dc-dept-code{background:#1a2a5c;color:#89f}.dc-department-meta .dc-dept-short-name{background:#2d1a5c;color:#b794f4}.dc-info-item{border-color:#4d4d6c}.dc-info-item label{color:#88a}.dc-info-item span{color:#d0d0e0}.dc-reporting-frequency.monthly{background:#1a3d2d;color:#6ee7b7}.dc-reporting-frequency.quarterly{background:#5c3d1a;color:#fbbf24}.dc-reporting-frequency.annual{background:#1a2a5c;color:#93bbff}.dc-reporting-frequency.none{background:#3d3d5c;color:#88a}.dc-status.active{background:#1a3d2d;color:#6ee7b7}.dc-status.inactive{background:#5c1a1a;color:#f87171}.dc-status.planned{background:#5c3d1a;color:#fbbf24}.dc-status.archived{background:#3d3d5c;color:#88a}.dc-head-name{color:#89f}.dc-description{color:#88a}.dc-stat-card{background:#2d2d44;border-color:#3d3d5c}.dc-stat-card h4{color:#88a}.dc-stat-number{color:#89f}.dc-modal-container{background:#2d2d44}.dc-modal-header{border-color:#3d3d5c}.dc-modal-header h3{color:#fff}.dc-modal-close{color:#88a}.dc-modal-close:hover:not(:disabled){background-color:#3d3d5c;color:#fff}.dc-modal-footer{border-color:#3d3d5c}.dc-structure-preview h4{color:#fff}.dc-preview-section h5{color:#88a}.dc-department-preview-list{background:#3d3d5c;border-color:#4d4d6c}.dc-preview-item{color:#d0d0e0}.dc-preview-column{background:#3d3d5c;border-color:#4d4d6c}.dc-preview-column strong{color:#fff}.dc-prompt-content{background:#2d2d44;border-color:#3d3d5c}.dc-prompt-content h3{color:#fff}.dc-prompt-content p,.dc-loading{color:#88a}.dc-spinner{border-color:#3d3d5c;border-top-color:#89f}.dc-alert-danger{background:#5c1a1a;color:#f87171;border-color:#7c2a2a}.dc-progress-bar{background:#3d3d5c}.dc-progress-fill{background:#89f}}.cbr-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.cbr-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.cbr-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.cbr-page-header-left h2 i{color:#667eea}.cbr-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.cbr-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.cbr-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.btn-label{display:inline}@media(max-width:480px){.btn-label{display:none}.btn{padding:6px 10px}}.cbr-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.cbr-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.cbr-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.cbr-step.cbr-active .cbr-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.cbr-step.cbr-completed .cbr-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.cbr-step-number{font-weight:600;color:#64748b;font-size:14px}.cbr-step.cbr-active .cbr-step-number,.cbr-step.cbr-completed .cbr-step-number{color:#fff}.cbr-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.cbr-step.cbr-active .cbr-step-title{color:#667eea;font-weight:600}.cbr-step.cbr-completed .cbr-step-title{color:#10b981}.cbr-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.cbr-step.cbr-completed .cbr-step-connector{background:#10b981}@media(max-width:600px){.cbr-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.cbr-step{flex:0 1 auto;min-width:60px}.cbr-step-connector{display:none}.cbr-step-title{font-size:10px}.cbr-step-indicator{width:32px;height:32px;font-size:12px}}.cbr-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.cbr-step-content{margin-bottom:32px}.cbr-step-header{margin-bottom:24px}.cbr-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.cbr-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.cbr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.cbr-form-grid{grid-template-columns:1fr}}.cbr-form-group{display:flex;flex-direction:column;gap:4px}.cbr-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.cbr-form-group input,.cbr-form-group select,.cbr-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.cbr-form-group input:focus,.cbr-form-group select:focus,.cbr-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.cbr-form-group input.cbr-readonly{background:#f3f4f6;cursor:not-allowed;color:#6b7280}.cbr-form-group small{margin-top:4px;color:#6b7280;font-size:12px}.cbr-required{color:#ef4444}.cbr-full-width{grid-column:1 / -1}.cbr-error-message{color:#ef4444;font-size:12px;margin-top:4px}.cbr-error-message.cbr-full-width{display:block;margin-bottom:12px}.cbr-error{border-color:#ef4444!important}.cbr-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.cbr-matrix-container{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.cbr-matrix-section{border:1px solid #e5e7eb;border-radius:8px;padding:16px 20px;background:#fafafa;transition:border-color .2s}.cbr-matrix-section:hover{border-color:#d0d5dd}.cbr-matrix-header{margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid;font-size:clamp(16px,1.6vw,18px);font-weight:600}.cbr-matrix-header.cbr-matrix-health{border-color:#3b82f6;color:#3b82f6}.cbr-matrix-header.cbr-matrix-education{border-color:#10b981;color:#10b981}.cbr-matrix-header.cbr-matrix-livelihood{border-color:#f59e0b;color:#f59e0b}.cbr-matrix-header.cbr-matrix-social{border-color:#8b5cf6;color:#8b5cf6}.cbr-matrix-header.cbr-matrix-empowerment{border-color:#ef4444;color:#ef4444}.cbr-matrix-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.cbr-checkbox-label.cbr-matrix{display:flex;align-items:center;padding:8px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s;font-size:clamp(12px,1vw,13px);position:relative;-webkit-user-select:none;user-select:none}.cbr-checkbox-label.cbr-matrix:hover{border-color:#667eea;background:#f0f4ff}.cbr-checkbox-label.cbr-matrix input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.cbr-checkmark{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid #d1d5db;border-radius:4px;margin-right:10px;transition:all .2s;flex-shrink:0}.cbr-checkbox-label.cbr-matrix input:checked+.cbr-checkmark{background:#667eea;border-color:#667eea}.cbr-checkbox-label.cbr-matrix input:checked+.cbr-checkmark:after{content:"✓";color:#fff;font-size:12px;font-weight:700}@media(max-width:480px){.cbr-matrix-checkboxes{grid-template-columns:1fr 1fr}}.cbr-capacity-section{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.cbr-capacity-section h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.cbr-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.cbr-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.cbr-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.cbr-summary-section h5{margin:0 0 12px;font-size:clamp(13px,1.1vw,14px);color:#4b5563;font-weight:600}.cbr-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:clamp(12px,1vw,13px)}.cbr-summary-item:last-child{border-bottom:none}.cbr-summary-item span{color:#6b7280}.cbr-summary-item strong{color:#1a1a2e;font-weight:600}.cbr-services-summary{display:flex;flex-wrap:wrap;gap:8px;padding:4px 0}.cbr-service-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.cbr-service-badge.cbr-service-health{background:#dbeafe;color:#1e40af}.cbr-service-badge.cbr-service-education{background:#d1fae5;color:#065f46}.cbr-service-badge.cbr-service-livelihood{background:#fef3c7;color:#92400e}.cbr-service-badge.cbr-service-social{background:#ede9fe;color:#5b21b6}.cbr-service-badge.cbr-service-empowerment{background:#fee2e2;color:#991b1b}.cbr-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.cbr-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.cbr-right-actions{display:flex;gap:10px;flex-wrap:wrap}.cbr-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:clamp(13px,1.1vw,14px)}.cbr-alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.cbr-alert-success{background:#d1fae5;color:#059669;border:1px solid #a7f3d0}.cbr-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:cbrSpin .8s linear infinite}@keyframes cbrSpin{to{transform:rotate(360deg)}}.cbr-loading-spinner{text-align:center;padding:40px;color:#666}.cbr-loading-spinner .cbr-spinner{width:40px;height:40px;border-width:4px}.cbr-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cbr-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.cbr-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.cbr-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.cbr-table-header h2 i{color:#667eea}.cbr-table-actions{display:flex;gap:8px;flex-wrap:wrap}.cbr-table-wrapper{overflow-x:auto;flex:1;padding:0 4px}.cbr-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.cbr-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.cbr-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.cbr-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.cbr-data-table tbody tr:hover{background-color:#fafbff}.cbr-data-table tbody td{padding:10px 14px;vertical-align:middle}.cbr-col-actions{min-width:160px!important;text-align:center!important}.cbr-no-data{text-align:center;color:#9ca3af;padding:40px!important}.cbr-title-name{font-weight:500;color:#1a1a2e}.cbr-type-badge{display:inline-block;padding:4px 10px;background:#edf2f7;border-radius:20px;font-size:11px;color:#4a5568;font-weight:500}.cbr-services-tags{display:flex;flex-wrap:wrap;gap:4px}.cbr-service-tag{background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500}.cbr-service-tag.cbr-more{background:#f1f5f9;color:#64748b}.cbr-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.cbr-status-registered{background:#dcfce7;color:#166534}.cbr-status-pending{background:#fef3c7;color:#92400e}.cbr-status-deregistered{background:#fee2e2;color:#991b1b}.cbr-status-suspended{background:#f3f4f6;color:#374151}.cbr-verification-badge{display:inline-block;margin-left:4px}.cbr-verification-badge.cbr-verified{color:#10b981}.cbr-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.cbr-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.cbr-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.cbr-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.cbr-icon-btn:disabled{opacity:.4;cursor:not-allowed}.cbr-icon-view{color:#1976d2}.cbr-icon-view:hover:not(:disabled){background-color:#e3f2fd}.cbr-icon-edit{color:#d97706}.cbr-icon-edit:hover:not(:disabled){background-color:#fef3c7}.cbr-icon-verify{color:#059669}.cbr-icon-verify:hover:not(:disabled){background-color:#d1fae5}.cbr-icon-delete{color:#ef4444}.cbr-icon-delete:hover:not(:disabled){background-color:#fee2e2}.cbr-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;background:#f8fafc;flex-shrink:0;border-radius:0 0 12px 12px}.cbr-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px}.cbr-stat-item{text-align:center}.cbr-stat-value{display:block;font-size:clamp(18px,2vw,22px);font-weight:700;color:#667eea}.cbr-stat-label{display:block;font-size:clamp(10px,.9vw,11px);color:#6b7280;font-weight:500;margin-top:2px;text-transform:uppercase;letter-spacing:.3px}@media(max-width:768px){.cbr-page-header{flex-direction:column;align-items:flex-start;gap:12px}.cbr-page-header-right{width:100%;justify-content:flex-start}.cbr-table-header{flex-direction:column;align-items:flex-start}.cbr-table-actions{width:100%;justify-content:flex-start}.cbr-data-table{font-size:12px;min-width:700px}.cbr-data-table thead th,.cbr-data-table tbody td{padding:8px 10px}.cbr-col-actions{min-width:140px!important}.cbr-action-buttons-bottom{flex-direction:column;align-items:stretch}.cbr-right-actions{justify-content:flex-end}}@media(max-width:480px){.cbr-page{padding:10px 12px}.cbr-data-table{font-size:11px;min-width:600px}.cbr-data-table thead th,.cbr-data-table tbody td{padding:6px 8px}.cbr-col-actions{min-width:120px!important}.cbr-table-container{width:100%;max-height:95vh}.cbr-right-actions{flex-direction:column;width:100%}.cbr-right-actions .btn{width:100%;justify-content:center}.cbr-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(prefers-color-scheme:dark){.cbr-page{background:#1a1a2e}.cbr-page-header{border-color:#2d2d44}.cbr-page-header-left h2{color:#fff}.cbr-page-subtitle{color:#88a}.cbr-form{background:#2d2d44;border-color:#3d3d5c}.cbr-step-header h3{color:#fff}.cbr-step-header p{color:#88a}.cbr-form-group label{color:#fff}.cbr-form-group input,.cbr-form-group select,.cbr-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cbr-form-group input:focus,.cbr-form-group select:focus,.cbr-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.cbr-form-group input.cbr-readonly{background:#3d3d5c;color:#88a}.cbr-form-group small{color:#88a}.btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.btn-secondary:hover:not(:disabled){background:#4d4d6c}.cbr-table-container{background:#2d2d44}.cbr-table-header{border-color:#3d3d5c}.cbr-table-header h2{color:#fff}.cbr-table-header h2 i{color:#89f}.cbr-data-table{background:#2d2d44}.cbr-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.cbr-data-table thead th{color:#fff;background:#3d3d5c}.cbr-data-table tbody tr{border-color:#3d3d5c}.cbr-data-table tbody tr:hover{background-color:#3d3d5c}.cbr-data-table tbody td{color:#d0d0e0}.cbr-title-name{color:#fff}.cbr-type-badge{background:#3d3d5c;color:#88a}.cbr-service-tag{background:#1a2a5c;color:#89f}.cbr-service-tag.cbr-more{background:#3d3d5c;color:#88a}.cbr-status-registered{background:#1a3d2d;color:#6ee7b7}.cbr-status-pending{background:#5c3d1a;color:#fbbf24}.cbr-status-deregistered{background:#5c1a1a;color:#f87171}.cbr-status-suspended{background:#3d3d5c;color:#88a}.cbr-table-footer{background:#3d3d5c;border-color:#4d4d6c}.cbr-stat-value{color:#89f}.cbr-stat-label{color:#88a}.cbr-matrix-section{background:#3d3d5c;border-color:#4d4d6c}.cbr-matrix-section:hover{border-color:#5d5d7c}.cbr-checkbox-label.cbr-matrix{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0e0}.cbr-checkbox-label.cbr-matrix:hover{border-color:#89f;background:#1a2a5c}.cbr-checkmark{border-color:#5d5d7c}.cbr-summary-card{background:#3d3d5c;border-color:#4d4d6c}.cbr-summary-card h4{color:#fff}.cbr-summary-section h5{color:#88a}.cbr-summary-item{border-color:#4d4d6c}.cbr-summary-item span{color:#88a}.cbr-summary-item strong{color:#fff}.cbr-service-badge.cbr-service-health{background:#1a2a5c;color:#93bbff}.cbr-service-badge.cbr-service-education{background:#1a3d2d;color:#6ee7b7}.cbr-service-badge.cbr-service-livelihood{background:#5c3d1a;color:#fbbf24}.cbr-service-badge.cbr-service-social{background:#2d1a5c;color:#b794f4}.cbr-service-badge.cbr-service-empowerment{background:#5c1a1a;color:#f87171}.cbr-capacity-section{border-color:#4d4d6c}.cbr-capacity-section h4{color:#fff}.cbr-alert-danger{background:#5c1a1a;color:#f87171;border-color:#7c2a2a}.cbr-alert-success{background:#1a3d2d;color:#6ee7b7;border-color:#1a5d3d}.cbr-editing-badge{background:#5c3d1a;color:#fbbf24}.cbr-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.cbr-step-number,.cbr-step-title{color:#88a}.cbr-step.cbr-active .cbr-step-title{color:#89f}.cbr-step.cbr-completed .cbr-step-title{color:#6ee7b7}.cbr-step-connector{background:#3d3d5c}.cbr-step.cbr-completed .cbr-step-connector{background:#6ee7b7}.cbr-icon-btn{color:#88a}.cbr-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.cbr-icon-view{color:#60a5fa}.cbr-icon-view:hover:not(:disabled){background-color:#1a2a5c}.cbr-icon-edit{color:#fbbf24}.cbr-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.cbr-icon-verify{color:#34d399}.cbr-icon-verify:hover:not(:disabled){background-color:#1a3d2d}.cbr-icon-delete{color:#f87171}.cbr-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.cbr-loading-spinner{color:#88a}.cbr-spinner{border-color:#3d3d5c;border-top-color:#89f}.cbr-no-data{color:#88a}}.finance-dashboard{padding:20px;background:#f5f7fb;min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#1a365d,#2c5282);border-radius:16px;padding:24px 32px;margin-bottom:24px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-content h1{margin:0 0 8px;font-size:28px}.header-content h1 i{margin-right:12px}.header-content p{margin:0;opacity:.9}.header-stats .stats-row{display:flex;gap:20px}.stat-card{text-align:center;background:#ffffff26;padding:12px 20px;border-radius:12px;min-width:80px}.stat-card .stat-value{display:block;font-size:28px;font-weight:700}.stat-card .stat-label{font-size:12px;opacity:.8}.notification-bar{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;padding:12px 20px;margin-bottom:24px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.notification-bar i{font-size:20px;color:#856404}.notification-bar .warning{color:#dc3545}.dashboard-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e2e8f0;padding-bottom:0}.tab-btn{padding:12px 24px;background:none;border:none;font-size:16px;font-weight:500;color:#718096;cursor:pointer;transition:all .3s;position:relative}.tab-btn i{margin-right:8px}.tab-btn:hover,.tab-btn.active{color:#2c5282}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#2c5282}.filters-bar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.filter-group select,.filter-group input{padding:10px 12px;border:1px solid #cbd5e0;border-radius:8px;font-size:14px;background:#fff;min-width:150px}.filter-group.search-group{position:relative;flex:1;max-width:300px}.filter-group.search-group input{width:100%;padding-right:35px}.filter-group.search-group i{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#a0aec0}.btn-bulk{padding:10px 16px;background:#805ad5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px}.btn-bulk:hover{background:#6b46c1}.plans-table-container{background:#fff;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.plans-table{width:100%;border-collapse:collapse}.plans-table th,.plans-table td{padding:14px 12px;border-bottom:1px solid #e2e8f0;text-align:left}.plans-table th{background:#f7fafc;font-weight:600;color:#2d3748;position:sticky;top:0}.plans-table tr:hover{background:#f7fafc}.plans-table tr.selected{background:#ebf8ff}.plan-title-cell{display:flex;flex-direction:column}.plan-title-cell small{font-size:11px;color:#718096;margin-top:4px}.budget-cell{font-weight:600;color:#2c5282}.action-buttons{display:flex;gap:6px;flex-wrap:wrap}.btn-action{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:5px;transition:all .2s}.btn-action i{font-size:12px}.btn-view,.btn-primary{background:#4299e1;color:#fff}.btn-info{background:#4299e1;color:#fff}.btn-warning{background:#ed8936;color:#fff}.btn-action:hover{transform:translateY(-1px);opacity:.9}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:24px;padding:16px;background:#fff;border-radius:12px}.pagination button{padding:8px 16px;background:#edf2f7;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{color:#718096}.performance-tab{display:flex;flex-direction:column;gap:24px}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.performance-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.performance-card h3{margin:0 0 20px;font-size:18px;color:#2c5282}.performance-card h3 i{margin-right:10px}.performance-stats{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap}.performance-stats .stat{text-align:center;flex:1}.performance-stats .stat.large{flex:2}.performance-stats .stat-value{display:block;font-size:32px;font-weight:700;color:#2c5282}.performance-stats .stat-label{font-size:12px;color:#718096}.department-breakdown,.monthly-trend,.team-performance{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000001a}.department-breakdown h3,.monthly-trend h3,.team-performance h3{margin:0 0 20px;font-size:18px;color:#2c5282}.department-list{display:flex;flex-direction:column;gap:12px}.department-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f7fafc;border-radius:8px}.dept-info{display:flex;gap:20px;align-items:baseline}.dept-name{font-weight:600;color:#2d3748}.dept-count{font-size:12px;color:#718096}.dept-budget{font-weight:600;color:#2c5282}.trend-chart{display:flex;justify-content:space-around;align-items:flex-end;height:200px;gap:20px;padding:20px 0}.trend-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.trend-bar{width:100%;background:linear-gradient(180deg,#4299e1,#2c5282);border-radius:8px 8px 4px 4px;min-height:30px;display:flex;align-items:center;justify-content:center;transition:height .3s ease}.trend-value{color:#fff;font-weight:700;font-size:12px}.trend-label{font-size:11px;color:#718096;text-align:center}.team-table{width:100%;border-collapse:collapse}.team-table th,.team-table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.team-table th{background:#f7fafc;font-weight:600}.reports-tab{background:#fff;border-radius:16px;padding:24px}.report-controls{display:flex;gap:16px;align-items:flex-end;margin-bottom:24px}.report-controls .form-group{display:flex;flex-direction:column;gap:5px}.report-controls select{padding:10px 12px;border:1px solid #cbd5e0;border-radius:8px;min-width:120px}.report-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.report-summary{margin-bottom:24px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.summary-card{background:#f7fafc;padding:16px;border-radius:12px;text-align:center}.summary-value{display:block;font-size:28px;font-weight:700;color:#2c5282}.summary-label{font-size:12px;color:#718096}.report-table{margin-top:24px}.report-table h4{margin:0 0 16px;color:#2c5282}.report-table table{width:100%;border-collapse:collapse}.report-table th,.report-table td{padding:12px;text-align:left;border-bottom:1px solid #e2e8f0}.report-table th{background:#f7fafc;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-container.large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;color:#2c5282}.modal-header h3 i{margin-right:10px}.btn-close{background:none;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#f7fafc}.modal-content{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0}.plan-details{display:flex;flex-direction:column;gap:20px}.detail-section{border:1px solid #e2e8f0;border-radius:12px;padding:16px}.detail-section h4{margin:0 0 12px;color:#2c5282;font-size:16px}.detail-row{margin-bottom:10px}.detail-row strong{display:inline-block;width:140px;color:#4a5568}.activities-list{display:flex;flex-direction:column;gap:12px}.activity-item{padding:12px;background:#f7fafc;border-radius:8px}.activity-meta{display:flex;gap:20px;margin-top:8px;font-size:12px;color:#718096}.more-activities{text-align:center;padding:8px;color:#4299e1;font-style:italic}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;gap:16px;padding:8px 12px;background:#f7fafc;border-radius:6px;font-size:13px}.history-action{font-weight:600;color:#2c5282;min-width:100px}.history-user{color:#4a5568}.history-date{color:#718096;font-size:12px;margin-left:auto}.review-plan-info{background:#f7fafc;padding:16px;border-radius:12px;margin-bottom:20px}.review-plan-info p{margin:5px 0}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-weight:600;color:#4a5568}.form-group textarea,.form-group select{padding:10px 12px;border:1px solid #cbd5e0;border-radius:8px;font-size:14px;font-family:inherit}.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.btn-primary{background:#4299e1;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background:#3182ce}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169}.btn-danger{background:#f56565;color:#fff}.btn-danger:hover{background:#e53e3e}.btn-outline{background:transparent;border:1px solid #cbd5e0;color:#4a5568;padding:10px 20px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn-outline:hover{background:#f7fafc}.btn-secondary{background:#718096;color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer}.btn-secondary:hover{background:#4a5568}.loading-container,.loading-spinner{display:flex;justify-content:center;align-items:center;padding:60px;gap:12px}.empty-state{text-align:center;padding:60px;color:#718096}.empty-state i{font-size:48px;margin-bottom:20px}.empty-state h4{margin:0 0 10px;color:#4a5568}.status-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.status-draft{background:#e2e8f0;color:#4a5568}.status-submitted{background:#bee3f8;color:#2c5282}.status-under-review{background:#e9d8fd;color:#553c9a}.status-reviewed{background:#feebc8;color:#744210}.status-approved{background:#c6f6d5;color:#276749}.status-rejected{background:#fed7d7;color:#c53030}.priority-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.priority-low{background:#e2e8f0;color:#4a5568}.priority-medium{background:#faf089;color:#744210}.priority-high{background:#feb2b2;color:#9b2c2c}.priority-critical{background:#fed7d7;color:#c53030}@media(max-width:768px){.dashboard-header{flex-direction:column;text-align:center}.header-stats .stats-row{justify-content:center}.filters-bar{flex-direction:column}.filter-group.search-group{max-width:100%}.performance-grid{grid-template-columns:1fr}.trend-chart{height:150px}.modal-container{width:95%;margin:20px}.detail-row strong{width:100%;display:block;margin-bottom:5px}}.fm-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.fm-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.fm-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.fm-page-header-left h2 i{color:#667eea}.fm-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.fm-user-info{display:inline-block;margin-top:4px;color:#6b7280;background:#f8fafc;padding:2px 12px;border-radius:12px}.fm-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.fm-btn-primary{background:#667eea;color:#fff}.fm-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.fm-btn-success{background:#10b981;color:#fff}.fm-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.fm-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.fm-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.fm-btn-sm{padding:4px 12px;font-size:12px}.fm-btn:disabled{opacity:.6;cursor:not-allowed}.fm-btn-label{display:inline}@media(max-width:480px){.fm-btn-label{display:none}.fm-btn{padding:6px 10px}}.fm-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.fm-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.fm-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.fm-step.fm-active .fm-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.fm-step.fm-completed .fm-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.fm-step-number{font-weight:600;color:#64748b;font-size:14px}.fm-step.fm-active .fm-step-number,.fm-step.fm-completed .fm-step-number{color:#fff}.fm-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.fm-step.fm-active .fm-step-title{color:#667eea;font-weight:600}.fm-step.fm-completed .fm-step-title{color:#10b981}.fm-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.fm-step.fm-completed .fm-step-connector{background:#10b981}@media(max-width:600px){.fm-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.fm-step{flex:0 1 auto;min-width:60px}.fm-step-connector{display:none}.fm-step-title{font-size:10px}.fm-step-indicator{width:32px;height:32px;font-size:12px}}.fm-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.fm-step-content{margin-bottom:32px}.fm-step-header{margin-bottom:24px}.fm-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.fm-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.fm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.fm-form-grid{grid-template-columns:1fr}}.fm-form-group{display:flex;flex-direction:column;gap:4px}.fm-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.fm-form-group input,.fm-form-group select,.fm-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.fm-form-group input:focus,.fm-form-group select:focus,.fm-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.fm-required{color:#ef4444}.fm-full-width{grid-column:1 / -1}.fm-error-message{color:#ef4444;font-size:12px;margin-top:4px}.fm-error{border-color:#ef4444!important}.fm-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.fm-record-type-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px}.fm-record-type-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:20px 16px;text-align:center;cursor:pointer;transition:all .3s ease}.fm-record-type-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.fm-record-type-card.fm-selected{border-color:#667eea;background:#f0f4ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.fm-record-type-icon{font-size:32px;margin-bottom:8px}.fm-record-type-label{font-weight:600;color:#374151;font-size:14px}.fm-input-with-action{display:flex;gap:8px}.fm-input-with-action input{flex:1}.fm-input-with-action .fm-btn{flex-shrink:0}.fm-amount-input{position:relative}.fm-currency{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-weight:600;z-index:1}.fm-amount-input input{padding-left:50px}.fm-quarter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:4px}@media(max-width:600px){.fm-quarter-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.fm-quarter-grid{grid-template-columns:1fr}}.fm-quarter-grid .fm-form-group{margin-bottom:0}.fm-quarter-grid label{font-size:12px;font-weight:500}.fm-budget-summary{margin-top:8px}.fm-budget-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0}.fm-summary-item{display:flex;justify-content:space-between;padding:6px 12px;background:#f8fafc;border-radius:4px;border:1px solid #e0e0e0}.fm-summary-item strong{color:#1a1a2e}.fm-text-success{color:#10b981}.fm-text-warning{color:#f59e0b}.fm-budget-warning{padding:8px 12px;border-radius:4px;font-size:13px;margin-top:4px}.fm-budget-warning.fm-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.fm-budget-warning.fm-danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.fm-file-upload{position:relative;border:2px dashed #d0d5dd;border-radius:8px;padding:30px 20px;text-align:center;transition:all .3s;background:#fafafa;cursor:pointer}.fm-file-upload:hover{border-color:#667eea;background:#f0f4ff}.fm-file-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.fm-upload-placeholder i{font-size:36px;color:#94a3b8;margin-bottom:8px}.fm-upload-placeholder p{font-weight:500;color:#475569;margin:0}.fm-upload-placeholder span{font-size:12px;color:#94a3b8}.fm-file-preview{margin-top:12px;padding:8px 12px;background:#f1f5f9;border-radius:4px;display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a2e}.fm-btn-remove-file{background:none;border:none;cursor:pointer;color:#ef4444;padding:2px 4px;border-radius:4px}.fm-btn-remove-file:hover{background:#fee2e2}.fm-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-top:16px}.fm-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.fm-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media(max-width:600px){.fm-summary-content{grid-template-columns:1fr}}.fm-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.fm-summary-item span{color:#6b7280}.fm-summary-item strong{color:#1a1a2e;text-align:right}.fm-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.fm-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.fm-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.fm-action-buttons-bottom{flex-direction:column;align-items:stretch}.fm-right-actions{flex-direction:column;width:100%}.fm-right-actions .fm-btn{width:100%;justify-content:center}}.fm-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:fmSpin .8s linear infinite}@keyframes fmSpin{to{transform:rotate(360deg)}}.fm-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.fm-loading-container .fm-spinner{width:40px;height:40px;border-width:4px}@media(prefers-color-scheme:dark){.fm-page{background:#1a1a2e}.fm-page-header{border-color:#2d2d44}.fm-page-header-left h2{color:#fff}.fm-page-subtitle{color:#88a}.fm-user-info{background:#3d3d5c;color:#88a}.fm-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fm-btn-secondary:hover:not(:disabled){background:#4d4d6c}.fm-form{background:#2d2d44;border-color:#3d3d5c}.fm-step-header h3{color:#fff}.fm-step-header p{color:#88a}.fm-form-group label{color:#fff}.fm-form-group input,.fm-form-group select,.fm-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fm-form-group input:focus,.fm-form-group select:focus,.fm-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.fm-record-type-card{background:#3d3d5c;border-color:#4d4d6c}.fm-record-type-card:hover{border-color:#89f}.fm-record-type-card.fm-selected{border-color:#89f;background:#1a2a5c}.fm-record-type-label{color:#d0d0e0}.fm-summary-item{border-color:#4d4d6c}.fm-summary-item span{color:#88a}.fm-summary-item strong{color:#fff}.fm-text-success{color:#6ee7b7}.fm-text-warning{color:#fbbf24}.fm-budget-warning.fm-info{background:#1a2a5c;color:#93bbff;border-color:#1a3a7c}.fm-budget-warning.fm-danger{background:#5c1a1a;color:#f87171;border-color:#7c2a2a}.fm-file-upload{background:#3d3d5c;border-color:#4d4d6c}.fm-file-upload:hover{border-color:#89f;background:#1a2a5c}.fm-upload-placeholder p{color:#fff}.fm-upload-placeholder span{color:#88a}.fm-file-preview{background:#4d4d6c;color:#fff}.fm-summary-card{background:#3d3d5c;border-color:#4d4d6c}.fm-summary-card h4{color:#fff}.fm-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.fm-step-number,.fm-step-title{color:#88a}.fm-step.fm-active .fm-step-title{color:#89f}.fm-step.fm-completed .fm-step-title{color:#6ee7b7}.fm-step-connector{background:#3d3d5c}.fm-step.fm-completed .fm-step-connector{background:#6ee7b7}.fm-loading-container{color:#88a}.fm-spinner{border-color:#3d3d5c;border-top-color:#89f}}@media(max-width:768px){.fm-page{padding:12px 16px}.fm-page-header{flex-direction:column;align-items:flex-start}.fm-page-header-right{width:100%;justify-content:flex-start}.fm-record-type-selection{grid-template-columns:1fr 1fr}}@media(max-width:480px){.fm-record-type-selection{grid-template-columns:1fr}.fm-page-header-left h2{font-size:20px}.fm-btn-label{display:none}.fm-btn{padding:6px 10px}.fm-quarter-grid{grid-template-columns:1fr 1fr}.fm-budget-summary-grid{grid-template-columns:1fr}}.bl-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.bl-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.bl-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.bl-page-header-left h2 i{color:#667eea}.bl-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.bl-stats-badge{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;padding:4px 12px;border-radius:12px;font-size:13px;color:#6b7280;margin-top:4px}.bl-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bl-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.bl-btn-primary{background:#667eea;color:#fff}.bl-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.bl-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.bl-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.bl-btn:disabled{opacity:.6;cursor:not-allowed}.bl-btn-label{display:inline}@media(max-width:480px){.bl-btn-label{display:none}.bl-btn{padding:6px 10px}}.bl-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.bl-spinner{display:inline-block;width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:blSpin 1s linear infinite}@keyframes blSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bl-error-state{text-align:center;padding:60px 20px;color:#6b7280}.bl-error-state i{font-size:48px;color:#ef4444;display:block;margin-bottom:16px}.bl-error-state h3{color:#374151;margin-bottom:8px}.bl-error-state p{margin-bottom:20px}.bl-filters-section{background:#f8fafc;border-radius:8px;padding:16px 20px;margin-bottom:20px;border:1px solid #e0e0e0}.bl-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:12px}.bl-form-group{display:flex;flex-direction:column;gap:4px}.bl-form-group label{font-size:12px;font-weight:500;color:#374151;text-transform:uppercase;letter-spacing:.3px}.bl-form-group input,.bl-form-group select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s;background:#fff}.bl-form-group input:focus,.bl-form-group select:focus{border-color:#667eea;outline:none}.bl-filter-actions{display:flex;justify-content:flex-end;gap:8px}.bl-summary-section{margin-bottom:20px}.bl-summary-card{background:#fff;border-radius:8px;padding:20px 24px;border:1px solid #e0e0e0;text-align:center}.bl-summary-card h3{margin:0 0 8px;font-size:16px;color:#6b7280;font-weight:500}.bl-amount{font-size:32px;font-weight:700;color:#667eea;margin:8px 0 20px}.bl-quarter-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bl-quarter{background:#f8fafc;padding:12px 16px;border-radius:6px;border:1px solid #e0e0e0;transition:all .2s}.bl-quarter:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.bl-quarter span{display:block;font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.bl-quarter strong{font-size:16px;color:#1a1a2e}.bl-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden}.bl-table-header{padding:16px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.bl-table-header h3{margin:0;color:#1a1a2e;font-size:18px;font-weight:600}.bl-table-responsive{overflow-x:auto}.bl-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.bl-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.bl-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.bl-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.bl-data-table tbody tr:hover{background-color:#fafbff}.bl-data-table tbody td{padding:10px 14px;vertical-align:middle}.bl-col-actions{min-width:80px!important;text-align:center!important}.bl-description-cell{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bl-category-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.bl-cat-personnel{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.bl-cat-operations{background:#eff6ff;color:#1e40af;border:1px solid #dbeafe}.bl-cat-training{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.bl-cat-equipment{background:#fffbeb;color:#92400e;border:1px solid #fed7aa}.bl-cat-capital{background:#faf5ff;color:#7c3aed;border:1px solid #e9d5ff}.bl-cat-advocacy{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.bl-cat-building{background:#fffbeb;color:#92400e;border:1px solid #fed7aa}.bl-cat-communication{background:#eff6ff;color:#1e40af;border:1px solid #dbeafe}.bl-source-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.bl-amount-cell{font-weight:600;color:#059669;text-align:right;font-family:Courier New,monospace}.bl-amount-cell.bl-total{color:#667eea}.bl-quarter-details{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;font-size:12px;color:#6b7280}.bl-quarter-details span{font-family:Courier New,monospace}.bl-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.bl-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.bl-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.bl-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.bl-icon-btn:disabled{opacity:.4;cursor:not-allowed}.bl-icon-edit{color:#d97706}.bl-icon-edit:hover:not(:disabled){background-color:#fef3c7}.bl-icon-delete{color:#ef4444}.bl-icon-delete:hover:not(:disabled){background-color:#fee2e2}.bl-empty-state{text-align:center;padding:60px 20px;color:#6b7280}.bl-empty-state i{font-size:48px;color:#e0e0e0;display:block;margin-bottom:12px}.bl-empty-state h3{margin:0 0 8px;color:#374151}.bl-empty-state p{margin:0 0 20px}@media(prefers-color-scheme:dark){.bl-page{background:#1a1a2e}.bl-page-header{border-color:#2d2d44}.bl-page-header-left h2{color:#fff}.bl-page-subtitle{color:#88a}.bl-stats-badge{background:#3d3d5c;color:#88a}.bl-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.bl-btn-secondary:hover:not(:disabled){background:#4d4d6c}.bl-filters-section{background:#3d3d5c;border-color:#4d4d6c}.bl-form-group label{color:#fff}.bl-form-group input,.bl-form-group select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.bl-form-group input:focus,.bl-form-group select:focus{border-color:#89f}.bl-summary-card{background:#2d2d44;border-color:#3d3d5c}.bl-summary-card h3{color:#88a}.bl-amount{color:#89f}.bl-quarter{background:#3d3d5c;border-color:#4d4d6c}.bl-quarter strong{color:#fff}.bl-quarter span{color:#88a}.bl-table-container{background:#2d2d44;border-color:#3d3d5c}.bl-table-header{border-color:#4d4d6c}.bl-table-header h3{color:#fff}.bl-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.bl-data-table thead th{color:#fff;background:#3d3d5c}.bl-data-table tbody tr{border-color:#3d3d5c}.bl-data-table tbody tr:hover{background-color:#3d3d5c}.bl-data-table tbody td{color:#d0d0e0}.bl-cat-personnel{background:#5c1a1a;color:#f87171;border-color:#7c2a2a}.bl-cat-operations{background:#1a2a5c;color:#93bbff;border-color:#1a3a7c}.bl-cat-training{background:#1a3d2d;color:#6ee7b7;border-color:#1a5d3d}.bl-cat-equipment{background:#5c3d1a;color:#fbbf24;border-color:#7c4d2a}.bl-cat-capital{background:#2d1a5c;color:#b794f4;border-color:#4d2a7c}.bl-cat-advocacy{background:#1a3d2d;color:#6ee7b7;border-color:#1a5d3d}.bl-cat-building{background:#5c3d1a;color:#fbbf24;border-color:#7c4d2a}.bl-cat-communication{background:#1a2a5c;color:#93bbff;border-color:#1a3a7c}.bl-source-badge{background:#3d3d5c;color:#88a;border-color:#4d4d6c}.bl-amount-cell{color:#6ee7b7}.bl-amount-cell.bl-total{color:#89f}.bl-quarter-details,.bl-icon-btn{color:#88a}.bl-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.bl-icon-edit{color:#fbbf24}.bl-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.bl-icon-delete{color:#f87171}.bl-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.bl-empty-state h3{color:#fff}.bl-empty-state p{color:#88a}.bl-empty-state i{color:#3d3d5c}.bl-loading-container{color:#88a}.bl-spinner{border-color:#3d3d5c;border-top-color:#89f}.bl-error-state h3{color:#fff}.bl-error-state p{color:#88a}}@media(max-width:768px){.bl-page{padding:12px 16px}.bl-page-header{flex-direction:column;align-items:flex-start}.bl-page-header-right{width:100%;justify-content:flex-start}.bl-filters-grid{grid-template-columns:1fr}.bl-quarter-breakdown{grid-template-columns:repeat(2,1fr)}.bl-quarter-details{grid-template-columns:1fr}.bl-data-table{font-size:12px;min-width:700px}.bl-data-table thead th,.bl-data-table tbody td{padding:6px 8px}.bl-col-actions{min-width:60px!important}.bl-btn-label{display:none}.bl-btn{padding:6px 10px}.bl-amount{font-size:24px}.bl-filter-actions{justify-content:flex-start}}@media(max-width:480px){.bl-quarter-breakdown{grid-template-columns:1fr}.bl-page-header-left h2{font-size:20px}.bl-summary-card{padding:16px}.bl-amount{font-size:20px}.bl-quarter{padding:8px 12px}.bl-quarter strong{font-size:14px}}.el-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.el-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.el-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.el-page-header-left h2 i{color:#dc2626}.el-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.el-stats-badge{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;padding:4px 12px;border-radius:12px;font-size:13px;color:#6b7280;margin-top:4px}.el-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.el-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.el-btn-primary{background:#dc2626;color:#fff}.el-btn-primary:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.el-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.el-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.el-btn:disabled{opacity:.6;cursor:not-allowed}.el-btn-label{display:inline}@media(max-width:480px){.el-btn-label{display:none}.el-btn{padding:6px 10px}}.el-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.el-spinner{display:inline-block;width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#dc2626;border-radius:50%;animation:elSpin 1s linear infinite}@keyframes elSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-error-state{text-align:center;padding:60px 20px;color:#6b7280}.el-error-state i{font-size:48px;color:#dc2626;display:block;margin-bottom:16px}.el-error-state h3{color:#374151;margin-bottom:8px}.el-error-state p{margin-bottom:20px}.el-filters-section{background:#f8fafc;border-radius:8px;padding:16px 20px;margin-bottom:20px;border:1px solid #e0e0e0}.el-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:12px}.el-form-group{display:flex;flex-direction:column;gap:4px}.el-form-group label{font-size:12px;font-weight:500;color:#374151;text-transform:uppercase;letter-spacing:.3px}.el-form-group input,.el-form-group select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s;background:#fff}.el-form-group input:focus,.el-form-group select:focus{border-color:#dc2626;outline:none}.el-filter-actions{display:flex;justify-content:flex-end;gap:8px}.el-summary-section{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.el-summary-card{background:#fff;border-radius:8px;padding:16px 20px;border:1px solid #e0e0e0;text-align:center;transition:all .2s}.el-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.el-summary-card h3{margin:0 0 8px;font-size:13px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.el-amount{font-size:24px;font-weight:700;color:#dc2626;margin:0}.el-count{font-size:24px;font-weight:700;color:#667eea;margin:0}.el-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden}.el-table-header{padding:16px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.el-table-header h3{margin:0;color:#1a1a2e;font-size:18px;font-weight:600}.el-table-responsive{overflow-x:auto}.el-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.el-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.el-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.el-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.el-data-table tbody tr:hover{background-color:#fafbff}.el-data-table tbody td{padding:10px 14px;vertical-align:middle}.el-col-actions{min-width:120px!important;text-align:center!important}.el-description-cell{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el-voucher-badge{display:inline-block;padding:2px 8px;background:#eff6ff;color:#1e40af;border-radius:4px;font-size:12px;font-weight:600;font-family:Courier New,monospace}.el-department-badge{display:inline-block;padding:2px 8px;background:#f1f5f9;color:#475569;border-radius:4px;font-size:11px;font-weight:500}.el-method-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.el-method-cash{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.el-method-bank{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.el-method-mobile{background:#f3e8ff;color:#7c3aed;border:1px solid #e9d5ff}.el-amount-cell{font-weight:600;color:#dc2626;text-align:right;font-family:Courier New,monospace}.el-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.el-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.el-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.el-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.el-icon-btn:disabled{opacity:.4;cursor:not-allowed}.el-icon-edit{color:#d97706}.el-icon-edit:hover:not(:disabled){background-color:#fef3c7}.el-icon-view{color:#1976d2}.el-icon-view:hover:not(:disabled){background-color:#e3f2fd}.el-icon-delete{color:#dc2626}.el-icon-delete:hover:not(:disabled){background-color:#fee2e2}.el-empty-state{text-align:center;padding:60px 20px;color:#6b7280}.el-empty-state i{font-size:48px;color:#e0e0e0;display:block;margin-bottom:12px}.el-empty-state h3{margin:0 0 8px;color:#374151}.el-empty-state p{margin:0 0 20px}@media(prefers-color-scheme:dark){.el-page{background:#1a1a2e}.el-page-header{border-color:#2d2d44}.el-page-header-left h2{color:#fff}.el-page-subtitle{color:#88a}.el-stats-badge{background:#3d3d5c;color:#88a}.el-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.el-btn-secondary:hover:not(:disabled){background:#4d4d6c}.el-filters-section{background:#3d3d5c;border-color:#4d4d6c}.el-form-group label{color:#fff}.el-form-group input,.el-form-group select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.el-form-group input:focus,.el-form-group select:focus{border-color:#f87171}.el-summary-card{background:#2d2d44;border-color:#3d3d5c}.el-summary-card h3{color:#88a}.el-amount{color:#f87171}.el-count{color:#89f}.el-table-container{background:#2d2d44;border-color:#3d3d5c}.el-table-header{border-color:#4d4d6c}.el-table-header h3{color:#fff}.el-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.el-data-table thead th{color:#fff;background:#3d3d5c}.el-data-table tbody tr{border-color:#3d3d5c}.el-data-table tbody tr:hover{background-color:#3d3d5c}.el-data-table tbody td{color:#d0d0e0}.el-voucher-badge{background:#1a2a5c;color:#93bbff}.el-department-badge{background:#3d3d5c;color:#88a}.el-method-cash{background:#1a3d2d;color:#6ee7b7;border-color:#1a5d3d}.el-method-bank{background:#1a2a5c;color:#93bbff;border-color:#1a3a7c}.el-method-mobile{background:#2d1a5c;color:#b794f4;border-color:#4d2a7c}.el-amount-cell{color:#f87171}.el-icon-btn{color:#88a}.el-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.el-icon-edit{color:#fbbf24}.el-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.el-icon-view{color:#60a5fa}.el-icon-view:hover:not(:disabled){background-color:#1a2a5c}.el-icon-delete{color:#f87171}.el-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.el-empty-state h3{color:#fff}.el-empty-state p{color:#88a}.el-empty-state i{color:#3d3d5c}.el-loading-container{color:#88a}.el-spinner{border-color:#3d3d5c;border-top-color:#f87171}.el-error-state h3{color:#fff}.el-error-state p{color:#88a}}@media(max-width:768px){.el-page{padding:12px 16px}.el-page-header{flex-direction:column;align-items:flex-start}.el-page-header-right{width:100%;justify-content:flex-start}.el-filters-grid,.el-summary-section{grid-template-columns:1fr}.el-data-table{font-size:12px;min-width:700px}.el-data-table thead th,.el-data-table tbody td{padding:6px 8px}.el-col-actions{min-width:90px!important}.el-btn-label{display:none}.el-btn{padding:6px 10px}.el-amount{font-size:20px}.el-filter-actions{justify-content:flex-start}}@media(max-width:480px){.el-page-header-left h2{font-size:20px}.el-summary-card{padding:12px 16px}.el-amount,.el-count{font-size:18px}.el-data-table{font-size:11px;min-width:600px}.el-data-table thead th,.el-data-table tbody td{padding:4px 6px}.el-col-actions{min-width:70px!important}}.rl-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.rl-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.rl-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.rl-page-header-left h2 i{color:#10b981}.rl-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.rl-stats-badge{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;padding:4px 12px;border-radius:12px;font-size:13px;color:#6b7280;margin-top:4px}.rl-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rl-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.rl-btn-primary{background:#10b981;color:#fff}.rl-btn-primary:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.rl-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.rl-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.rl-btn-sm{padding:4px 12px;font-size:12px}.rl-btn:disabled{opacity:.6;cursor:not-allowed}.rl-btn-label{display:inline}@media(max-width:480px){.rl-btn-label{display:none}.rl-btn{padding:6px 10px}}.rl-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.rl-spinner{display:inline-block;width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#10b981;border-radius:50%;animation:rlSpin 1s linear infinite}@keyframes rlSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rl-error-state{text-align:center;padding:60px 20px;color:#6b7280}.rl-error-state i{font-size:48px;color:#ef4444;display:block;margin-bottom:16px}.rl-error-state h3{color:#374151;margin-bottom:8px}.rl-error-state p{margin-bottom:20px}.rl-filters-section{background:#f8fafc;border-radius:8px;padding:16px 20px;margin-bottom:20px;border:1px solid #e0e0e0}.rl-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:12px}.rl-form-group{display:flex;flex-direction:column;gap:4px}.rl-form-group label{font-size:12px;font-weight:500;color:#374151;text-transform:uppercase;letter-spacing:.3px}.rl-form-group input,.rl-form-group select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s;background:#fff}.rl-form-group input:focus,.rl-form-group select:focus{border-color:#10b981;outline:none}.rl-filter-actions{display:flex;justify-content:flex-end;gap:8px}.rl-summary-section{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.rl-summary-card{background:#fff;border-radius:8px;padding:16px 20px;border:1px solid #e0e0e0;text-align:center;transition:all .2s}.rl-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.rl-summary-card h3{margin:0 0 8px;font-size:13px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.rl-amount{font-size:24px;font-weight:700;color:#10b981;margin:0}.rl-count{font-size:24px;font-weight:700;color:#667eea;margin:0}.rl-text-success{color:#10b981;font-size:13px}.rl-text-info{color:#3b82f6;font-size:13px}.rl-text-muted{color:#6b7280;font-size:13px}.rl-distribution-section{background:#f8fafc;border-radius:8px;padding:16px 20px;margin-bottom:20px;border:1px solid #e0e0e0}.rl-distribution-section h3{margin:0 0 16px;font-size:16px;color:#1a1a2e;font-weight:600}.rl-distribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.rl-distribution-item{background:#fff;border-radius:6px;padding:12px 16px;border:1px solid #e0e0e0}.rl-distribution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rl-percentage{font-weight:600;color:#1a1a2e}.rl-distribution-bar{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:8px}.rl-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;transition:width .5s ease}.rl-distribution-footer{display:flex;justify-content:space-between;font-size:12px;color:#6b7280}.rl-distribution-footer .rl-amount{font-size:13px;color:#10b981;font-weight:600}.rl-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden}.rl-table-header{padding:16px 20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.rl-table-header h3{margin:0;color:#1a1a2e;font-size:18px;font-weight:600}.rl-table-actions{display:flex;gap:8px;flex-wrap:wrap}.rl-table-responsive{overflow-x:auto}.rl-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.rl-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.rl-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.rl-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.rl-data-table tbody tr:hover{background-color:#fafbff}.rl-data-table tbody td{padding:10px 14px;vertical-align:middle}.rl-col-actions{min-width:120px!important;text-align:center!important}.rl-description-cell{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rl-reference-badge{display:inline-block;padding:2px 8px;background:#eff6ff;color:#1e40af;border-radius:4px;font-size:12px;font-weight:600;font-family:Courier New,monospace}.rl-source-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.rl-source-donor{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.rl-source-government{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.rl-source-partner{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.rl-source-community{background:#f3e8ff;color:#7c3aed;border:1px solid #e9d5ff}.rl-source-internal{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.rl-amount-cell{font-weight:600;color:#10b981;text-align:right;font-family:Courier New,monospace}.rl-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.rl-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.rl-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.rl-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.rl-icon-btn:disabled{opacity:.4;cursor:not-allowed}.rl-icon-edit{color:#d97706}.rl-icon-edit:hover:not(:disabled){background-color:#fef3c7}.rl-icon-view{color:#1976d2}.rl-icon-view:hover:not(:disabled){background-color:#e3f2fd}.rl-icon-delete{color:#dc2626}.rl-icon-delete:hover:not(:disabled){background-color:#fee2e2}.rl-empty-state{text-align:center;padding:60px 20px;color:#6b7280}.rl-empty-state i{font-size:48px;color:#e0e0e0;display:block;margin-bottom:12px}.rl-empty-state h3{margin:0 0 8px;color:#374151}.rl-empty-state p{margin:0 0 20px}@media(prefers-color-scheme:dark){.rl-page{background:#1a1a2e}.rl-page-header{border-color:#2d2d44}.rl-page-header-left h2{color:#fff}.rl-page-subtitle{color:#88a}.rl-stats-badge{background:#3d3d5c;color:#88a}.rl-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rl-btn-secondary:hover:not(:disabled){background:#4d4d6c}.rl-filters-section{background:#3d3d5c;border-color:#4d4d6c}.rl-form-group label{color:#fff}.rl-form-group input,.rl-form-group select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rl-form-group input:focus,.rl-form-group select:focus{border-color:#6ee7b7}.rl-summary-card{background:#2d2d44;border-color:#3d3d5c}.rl-summary-card h3{color:#88a}.rl-amount{color:#6ee7b7}.rl-count{color:#89f}.rl-text-success{color:#6ee7b7}.rl-text-info{color:#93bbff}.rl-text-muted{color:#88a}.rl-distribution-section{background:#3d3d5c;border-color:#4d4d6c}.rl-distribution-section h3{color:#fff}.rl-distribution-item{background:#2d2d44;border-color:#4d4d6c}.rl-percentage{color:#fff}.rl-distribution-bar{background:#4d4d6c}.rl-bar-fill{background:linear-gradient(90deg,#6ee7b7,#34d399)}.rl-distribution-footer{color:#88a}.rl-distribution-footer .rl-amount{color:#6ee7b7}.rl-table-container{background:#2d2d44;border-color:#3d3d5c}.rl-table-header{border-color:#4d4d6c}.rl-table-header h3{color:#fff}.rl-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.rl-data-table thead th{color:#fff;background:#3d3d5c}.rl-data-table tbody tr{border-color:#3d3d5c}.rl-data-table tbody tr:hover{background-color:#3d3d5c}.rl-data-table tbody td{color:#d0d0e0}.rl-reference-badge{background:#1a2a5c;color:#93bbff}.rl-source-donor{background:#1a3d2d;color:#6ee7b7;border-color:#1a5d3d}.rl-source-government{background:#1a2a5c;color:#93bbff;border-color:#1a3a7c}.rl-source-partner{background:#5c3d1a;color:#fbbf24;border-color:#7c4d2a}.rl-source-community{background:#2d1a5c;color:#b794f4;border-color:#4d2a7c}.rl-source-internal{background:#3d3d5c;color:#88a;border-color:#4d4d6c}.rl-amount-cell{color:#6ee7b7}.rl-icon-btn{color:#88a}.rl-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.rl-icon-edit{color:#fbbf24}.rl-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.rl-icon-view{color:#60a5fa}.rl-icon-view:hover:not(:disabled){background-color:#1a2a5c}.rl-icon-delete{color:#f87171}.rl-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.rl-empty-state h3{color:#fff}.rl-empty-state p{color:#88a}.rl-empty-state i{color:#3d3d5c}.rl-loading-container{color:#88a}.rl-spinner{border-color:#3d3d5c;border-top-color:#6ee7b7}.rl-error-state h3{color:#fff}.rl-error-state p{color:#88a}}@media(max-width:768px){.rl-page{padding:12px 16px}.rl-page-header{flex-direction:column;align-items:flex-start}.rl-page-header-right{width:100%;justify-content:flex-start}.rl-filters-grid,.rl-summary-section,.rl-distribution-grid{grid-template-columns:1fr}.rl-data-table{font-size:12px;min-width:700px}.rl-data-table thead th,.rl-data-table tbody td{padding:6px 8px}.rl-col-actions{min-width:90px!important}.rl-btn-label{display:none}.rl-btn{padding:6px 10px}.rl-amount{font-size:20px}.rl-filter-actions{justify-content:flex-start}}@media(max-width:480px){.rl-page-header-left h2{font-size:20px}.rl-summary-card{padding:12px 16px}.rl-amount,.rl-count{font-size:18px}.rl-data-table{font-size:11px;min-width:600px}.rl-data-table thead th,.rl-data-table tbody td{padding:4px 6px}.rl-col-actions{min-width:70px!important}.rl-table-actions{flex-direction:column}.rl-table-actions .rl-btn{width:100%;justify-content:center}}.finance-management{padding:0;max-width:1200px;margin:0 auto;background:#f8fafc;min-height:100vh;font-family:Lato,sans-serif}.record-type-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.record-type-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .3s ease}.record-type-card:hover{border-color:#35d461;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.record-type-card.selected{border-color:#35d461;background:#f0fdf4;transform:translateY(-2px);box-shadow:0 4px 12px #35d46133}.record-type-icon{font-size:2.5rem;margin-bottom:12px}.record-type-label{font-weight:600;color:#374151;font-size:1rem}.amount-input{position:relative}.amount-input .currency{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;font-weight:600;z-index:1}.amount-input input{padding-left:50px}.quarter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:8px}.quarter-grid .form-group{margin-bottom:0}.quarter-grid label{font-size:.875rem;font-weight:500}.create-button-container{position:relative;display:inline-block}.create-main-btn{display:flex;align-items:center;gap:8px;position:relative}.create-main-btn .bi-chevron-down{transition:transform .3s ease;font-size:.75rem}.create-main-btn .bi-chevron-down.rotate{transform:rotate(180deg)}.create-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:200px;z-index:1000;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:12px 16px;border:none;background:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;color:#374151;font-size:.875rem;transition:background-color .2s ease}.dropdown-item:hover{background:#f3f4f6}.dropdown-item i{width:16px;text-align:center}.dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.btn-sm{padding:6px 12px;font-size:.75rem}.module-actions{display:flex;gap:4px}.btn-icon.primary{color:#35d461}.btn-icon.primary:hover{background:#f0fdf4}.input-with-action{position:relative;display:flex}.input-with-action input{flex:1;padding-right:80px}.btn-generate{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:.75rem;color:#374151;cursor:pointer;transition:all .2s ease}.btn-generate:hover{background:#e5e7eb}.list-actions{display:flex;gap:12px;margin-bottom:24px}.quick-create-buttons{display:flex;gap:12px;flex-wrap:wrap}.quick-create-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-weight:500;cursor:pointer;transition:all .3s ease}.quick-create-btn:hover{border-color:#35d461;color:#35d461;transform:translateY(-1px)}.quick-create-btn.revenue:hover{border-color:#10b981;color:#10b981}.quick-create-btn.expenditure:hover{border-color:#ef4444;color:#ef4444}.quick-create-btn.budget:hover{border-color:#3b82f6;color:#3b82f6}.creation-header .header-content h1{display:flex;align-items:center;gap:12px}.record-type-badge{background:#f0fdf4;color:#166534;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600}@media(max-width:768px){.create-dropdown{right:-50%;transform:translate(50%)}.quick-create-buttons{flex-direction:column}.quick-create-btn{justify-content:center}.list-actions{flex-direction:column}}.aud-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.aud-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.aud-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.aud-page-header-left h2 i{color:#007bff}.aud-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.aud-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.aud-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.aud-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.aud-btn-primary{background:#007bff;color:#fff}.aud-btn-primary:hover:not(:disabled){background:#0069d9;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.aud-btn-success{background:#28a745;color:#fff}.aud-btn-success:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.aud-btn-danger{background:#dc3545;color:#fff}.aud-btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.aud-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.aud-btn-secondary:hover{background:#e8e8e8;border-color:silver}.aud-btn:disabled{opacity:.6;cursor:not-allowed}.aud-btn-sm{padding:4px 12px;font-size:12px}.aud-spinner{animation:audSpin 1s linear infinite}@keyframes audSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.aud-btn-label{display:none}.aud-btn{padding:6px 10px}}.aud-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.aud-loading-container .aud-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#007bff;border-radius:50%;animation:audSpin .8s linear infinite}.aud-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.aud-section-container{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.aud-section-container:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.aud-section-header{margin-bottom:20px}.aud-section-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.aud-section-subtitle{color:#64748b;font-size:clamp(13px,1.1vw,14px);margin:0}.aud-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.aud-form-grid{grid-template-columns:1fr}}.aud-form-group{display:flex;flex-direction:column;gap:4px}.aud-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.aud-form-group input,.aud-form-group select,.aud-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.aud-form-group input:focus,.aud-form-group select:focus,.aud-form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.aud-form-group input:read-only{background:#f8fafc;color:#64748b;cursor:not-allowed}.aud-form-group textarea{resize:vertical;min-height:60px}.aud-form-group input.aud-error,.aud-form-group select.aud-error,.aud-form-group textarea.aud-error{border-color:#dc3545}.aud-error-message{color:#dc3545;font-size:12px;margin-top:4px}.aud-form-group small{color:#6b7280;font-size:12px;margin-top:4px}.aud-full-width{grid-column:1 / -1}.aud-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400!important}.aud-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#007bff}.aud-otoscopy-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.aud-ear-section{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e0e0e0}.aud-ear-section h4{text-align:center;color:#1a1a2e;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e0e0e0;font-size:15px}.aud-clinical-grid,.aud-audiometry-grid,.aud-tympanometry-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;margin-bottom:16px}.aud-picture-section,.aud-findings-section{padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e0e0e0}@media(max-width:768px){.aud-otoscopy-grid,.aud-clinical-grid,.aud-audiometry-grid,.aud-tympanometry-grid{grid-template-columns:1fr}}.aud-file-upload-group{display:flex;flex-direction:column;gap:4px}.aud-file-upload-area{border:2px dashed #d1d5db;border-radius:6px;padding:20px 16px;text-align:center;background:#fafafa;transition:all .3s ease;cursor:pointer}.aud-file-upload-area:hover{border-color:#007bff;background:#f0f7ff}.aud-file-upload-label{display:flex;flex-direction:column;align-items:center;gap:6px;color:#4b5563;font-weight:500;cursor:pointer}.aud-file-upload-label i{font-size:28px;color:#007bff}.aud-file-upload-hint{color:#9ca3af;font-size:11px;margin-top:4px}.aud-file-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.aud-file-check{color:#28a745;font-weight:600;font-size:14px}.aud-form-actions{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.aud-action-buttons{display:flex;justify-content:space-between;align-items:center}.aud-right-actions{display:flex;gap:10px;align-items:center}@media(max-width:600px){.aud-action-buttons{flex-direction:column;gap:12px}.aud-right-actions{width:100%;justify-content:space-between}.aud-right-actions .aud-btn{flex:1;justify-content:center}}.aud-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.aud-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.aud-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.aud-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.aud-table-header h2 i{color:#007bff}.aud-table-actions{display:flex;gap:8px;flex-wrap:wrap}.aud-table-wrapper{overflow:auto;flex:1;padding:0 4px}.aud-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:700px}.aud-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.aud-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.aud-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.aud-data-table tbody tr:hover{background-color:#fafbff}.aud-data-table tbody td{padding:10px 14px;vertical-align:middle}.aud-no-data{text-align:center;color:#9ca3af;padding:40px!important}.aud-table-footer{display:flex;justify-content:flex-end;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0}.aud-table-count{font-size:14px;color:#64748b;font-weight:500}.aud-action-buttons{display:flex;gap:4px}.aud-icon-btn{background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.aud-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.aud-icon-view{color:#1976d2;background:#e3f2fd}.aud-icon-view:hover{background:#bbdefb}.aud-icon-edit{color:#d97706;background:#fef3c7}.aud-icon-edit:hover{background:#fde68a}.aud-icon-delete{color:#dc3545;background:#fee2e2}.aud-icon-delete:hover{background:#fecaca}@media(max-width:768px){.aud-page-header{flex-direction:column;align-items:flex-start;gap:12px}.aud-page-header-right{width:100%;justify-content:flex-start}.aud-table-header{flex-direction:column;align-items:flex-start}.aud-table-actions{width:100%;justify-content:flex-start}}@media(max-width:480px){.aud-page{padding:10px 12px}.aud-data-table{font-size:11px;min-width:550px}.aud-table-container{width:100%;max-height:95vh}.aud-ear-section h4{font-size:13px}}@media(prefers-color-scheme:dark){.aud-page{background:#1a1a2e}.aud-page-header{border-color:#2d2d44}.aud-page-header-left h2{color:#fff}.aud-page-subtitle{color:#88a}.aud-form{background:#2d2d44;border-color:#3d3d5c}.aud-section-container{border-color:#3d3d5c}.aud-section-header h3{color:#fff}.aud-section-subtitle{color:#88a}.aud-form-group label{color:#fff}.aud-form-group input,.aud-form-group select,.aud-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.aud-form-group input:focus,.aud-form-group select:focus,.aud-form-group textarea:focus{border-color:#007bff}.aud-form-group input:read-only{background:#3d3d5c;color:#88a}.aud-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.aud-btn-secondary:hover{background:#4d4d6c}.aud-ear-section{background:#3d3d5c;border-color:#4d4d6c}.aud-ear-section h4{color:#fff;border-color:#4d4d6c}.aud-picture-section,.aud-findings-section,.aud-file-upload-area{background:#3d3d5c;border-color:#4d4d6c}.aud-file-upload-area:hover{border-color:#007bff;background:#1a2a4d}.aud-file-upload-label{color:#88a}.aud-file-upload-hint{color:#666}.aud-table-container{background:#2d2d44}.aud-table-header{border-color:#3d3d5c}.aud-table-header h2{color:#fff}.aud-table-header h2 i{color:#007bff}.aud-data-table{background:#2d2d44}.aud-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.aud-data-table thead th{color:#fff;background:#3d3d5c}.aud-data-table tbody tr{border-color:#3d3d5c}.aud-data-table tbody tr:hover{background-color:#3d3d5c}.aud-data-table tbody td{color:#d0d0e0}.aud-no-data{color:#666}.aud-table-footer{border-color:#4d4d6c;background:#2d2d44}.aud-table-count{color:#88a}.aud-editing-badge{background:#5c3d1a;color:#fbbf24}.aud-form-actions{border-color:#3d3d5c}.aud-icon-view{background:#1a2a5c;color:#64b5f6}.aud-icon-edit{background:#5c3d1a;color:#fbbf24}.aud-icon-delete{background:#5c1a1a;color:#ef5350}}.monthly-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.monthly-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.monthly-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.monthly-page-header-left h2 i{color:#35d461}.monthly-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.monthly-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.monthly-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.monthly-btn-primary{background:#35d461;color:#fff}.monthly-btn-primary:hover:not(:disabled){background:#2ec055;transform:translateY(-1px);box-shadow:0 4px 12px #35d4614d}.monthly-btn-success{background:#10b981;color:#fff}.monthly-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.monthly-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.monthly-btn-secondary:hover{background:#e8e8e8;border-color:silver}.monthly-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.monthly-btn-outline:hover{background:#f8f9fa}.monthly-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.monthly-btn-label{display:none}.monthly-btn{padding:6px 10px}}.monthly-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.monthly-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.monthly-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.monthly-step.monthly-active .monthly-step-indicator{background:#35d461;color:#fff;border-color:#35d461;box-shadow:0 4px 12px #35d4614d}.monthly-step.monthly-completed .monthly-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.monthly-step-number{font-weight:600;color:#64748b}.monthly-step.monthly-active .monthly-step-number{color:#fff}.monthly-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.monthly-step.monthly-active .monthly-step-title{color:#35d461;font-weight:600}.monthly-step.monthly-completed .monthly-step-title{color:#10b981}.monthly-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.monthly-step.monthly-completed .monthly-step-connector{background:#10b981}@media(max-width:768px){.monthly-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.monthly-step{flex:0 0 auto}.monthly-step-connector{display:none}}.monthly-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.monthly-step-content{margin-bottom:24px}.monthly-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.monthly-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.monthly-step-header h3 i{color:#35d461}.monthly-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.monthly-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.monthly-form-grid{grid-template-columns:1fr}}.monthly-form-group{display:flex;flex-direction:column;gap:4px}.monthly-form-group.monthly-full-width{grid-column:1 / -1}.monthly-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.monthly-form-group input,.monthly-form-group select,.monthly-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.monthly-form-group input:focus,.monthly-form-group select:focus,.monthly-form-group textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.monthly-required{color:#ef4444}.monthly-error{border-color:#ef4444!important}.monthly-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.monthly-error-message{color:#ef4444;font-size:12px;margin-top:4px}.monthly-textarea{resize:vertical;min-height:80px;line-height:1.5}.monthly-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.monthly-action-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:12px}.monthly-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.monthly-form-actions{flex-direction:column}.monthly-form-actions button{width:100%;justify-content:center}.monthly-action-buttons{flex-direction:column}.monthly-right-actions{flex-direction:column;width:100%}.monthly-right-actions button{width:100%}}.monthly-review-summary{display:flex;flex-direction:column;gap:16px}.monthly-review-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.monthly-review-section h4{margin-top:0;margin-bottom:12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.monthly-review-section.monthly-summary-total{background:#f0fdf4;border-color:#bbf7d0}.monthly-review-section.monthly-summary-total h4{color:#166534;border-color:#bbf7d0}.monthly-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:600px){.monthly-review-grid{grid-template-columns:1fr}}.monthly-review-item{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0;border-bottom:1px solid #f1f5f9;gap:12px}.monthly-review-item:last-child{border-bottom:none}.monthly-review-item.monthly-full-width{grid-column:1 / -1;flex-direction:column;gap:4px}.monthly-review-item.monthly-total-item{background:#fff;padding:12px 16px;border-radius:6px;border:1px solid #bbf7d0}.monthly-review-item span{color:#64748b;font-size:13px;min-width:120px}.monthly-review-item strong{color:#1a1a2e;font-size:13px;text-align:right;flex:1;word-break:break-word}.monthly-review-item.monthly-full-width strong{text-align:left}.monthly-total-value{font-size:18px!important;color:#059669!important}.monthly-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.monthly-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.monthly-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.monthly-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.monthly-table-header h2 i{color:#35d461}.monthly-table-actions{display:flex;gap:8px;flex-wrap:wrap}.monthly-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.monthly-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.monthly-search-input-wrapper:focus-within{border-color:#35d461}.monthly-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.monthly-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.monthly-search-input::placeholder{color:#999}.monthly-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.monthly-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.monthly-table-wrapper{overflow-x:auto;flex:1}.monthly-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.monthly-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.monthly-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.monthly-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.monthly-data-table tbody tr:hover{background-color:#fafbff}.monthly-data-table tbody td{padding:10px 14px;vertical-align:middle}.monthly-col-sn{width:40px!important;text-align:center!important}.monthly-col-health,.monthly-col-physio,.monthly-col-audio,.monthly-col-total{min-width:80px;text-align:center!important}.monthly-col-gender{min-width:60px;text-align:center!important}.monthly-col-dept{min-width:120px}.monthly-col-actions{min-width:160px!important;text-align:center!important}.monthly-table-title{display:flex;flex-direction:column;gap:4px}.monthly-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.monthly-title-meta{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.9vw,11px);color:#666}.monthly-meta-icon{font-size:14px;color:#999}.monthly-unit-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;min-width:40px;text-align:center}.monthly-health{background:#fee2e2;color:#991b1b}.monthly-physio{background:#dbeafe;color:#1e40af}.monthly-audio{background:#f3e8ff;color:#7c3aed}.monthly-total-badge{display:inline-block;padding:4px 10px;background:#dcfce7;color:#166534;border-radius:12px;font-size:12px;font-weight:600;min-width:40px;text-align:center}.monthly-gender-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;min-width:40px;text-align:center}.monthly-male{background:#dbeafe;color:#1e40af}.monthly-female{background:#fce7f3;color:#be185d}.monthly-dept-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:20px;font-size:11px;font-weight:500}.monthly-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.monthly-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.monthly-icon-btn:hover{background-color:#f0f0f0}.monthly-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.monthly-icon-view{color:#1976d2}.monthly-icon-view:hover{background-color:#e3f2fd}.monthly-icon-edit{color:#d97706}.monthly-icon-edit:hover{background-color:#fef3c7}.monthly-icon-delete{color:#ef4444}.monthly-icon-delete:hover{background-color:#fee2e2}.monthly-icon-expand{display:none;color:#666}.monthly-icon-expand .monthly-expanded{transform:rotate(180deg)}.monthly-expanded-row{background-color:#f8f9fa!important}.monthly-expanded-row td{padding:12px 16px!important}.monthly-expanded-content{padding:4px 0}.monthly-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.monthly-expanded-item{display:flex;flex-direction:column;gap:2px}.monthly-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.monthly-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.monthly-expanded-item .monthly-unit-badge,.monthly-expanded-item .monthly-total-badge,.monthly-expanded-item .monthly-gender-badge{display:inline-block;width:fit-content}.monthly-expanded-full{grid-column:1 / -1}@media(max-width:600px){.monthly-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.monthly-expanded-grid{grid-template-columns:1fr}}.monthly-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.monthly-stats-summary{display:flex;gap:20px;flex-wrap:wrap}.monthly-stat-item{display:flex;flex-direction:column;align-items:center}.monthly-stat-value{font-size:20px;font-weight:700;color:#35d461}.monthly-stat-label{font-size:11px;color:#666;font-weight:500;margin-top:2px}.monthly-spinner{display:inline-block;width:16px;height:16px;border:2px solid #e0e0e0;border-top-color:#35d461;border-radius:50%;animation:monthlySpin .8s linear infinite}@keyframes monthlySpin{to{transform:rotate(360deg)}}.monthly-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:monthlyFadeIn .3s ease}@keyframes monthlyFadeIn{0%{opacity:0}to{opacity:1}}.monthly-modal-container{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:monthlySlideUp .3s ease}.monthly-modal-large{max-width:900px}@keyframes monthlySlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.monthly-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.monthly-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.monthly-modal-header h3 i{color:#35d461}.monthly-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px;width:36px;height:36px}.monthly-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.monthly-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.monthly-view-grid{display:flex;flex-direction:column;gap:16px}.monthly-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f8fafc}.monthly-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.monthly-view-section h4 i{color:#35d461}.monthly-view-section.monthly-view-total{background:#f0fdf4;border-color:#bbf7d0}.monthly-view-section.monthly-view-total h4{color:#166534;border-color:#bbf7d0}.monthly-view-row{display:flex;margin-bottom:8px}.monthly-view-row:last-child{margin-bottom:0}.monthly-view-row.monthly-view-full{flex-direction:column;align-items:flex-start}.monthly-view-row.monthly-view-full .monthly-view-value{width:100%;margin-top:4px;text-align:left}.monthly-view-label{width:160px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.monthly-view-value{flex:1;color:#1a1a2e;font-size:13px;text-align:right}.monthly-view-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;min-width:40px;text-align:center}.monthly-view-badge.monthly-health{background:#fee2e2;color:#991b1b}.monthly-view-badge.monthly-physio{background:#dbeafe;color:#1e40af}.monthly-view-badge.monthly-audio{background:#f3e8ff;color:#7c3aed}.monthly-view-total-value{font-size:18px!important;font-weight:700!important;color:#059669!important}.monthly-edit-grid{display:flex;flex-direction:column;gap:16px}.monthly-edit-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f8fafc}.monthly-edit-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.monthly-edit-section h4 i{color:#35d461}.monthly-edit-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}@media(max-width:600px){.monthly-edit-row{grid-template-columns:1fr}}.monthly-edit-section .monthly-form-group{margin-bottom:12px}.monthly-edit-section .monthly-form-group:last-child{margin-bottom:0}.monthly-edit-section .monthly-form-group label{font-size:12px;font-weight:500;color:#4a5568}.monthly-edit-section .monthly-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;width:100%;background:#fff;color:#1a1a2e;transition:border-color .3s}.monthly-edit-section .monthly-input:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.monthly-edit-section .monthly-textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;width:100%;resize:vertical;min-height:60px;font-family:inherit;background:#fff;color:#1a1a2e;transition:border-color .3s}.monthly-edit-section .monthly-textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.monthly-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e0e0;flex-shrink:0;flex-wrap:wrap}@media(max-width:480px){.monthly-modal-footer{flex-direction:column}.monthly-modal-footer button{width:100%;justify-content:center}}@media(max-width:768px){.monthly-modal-container{width:95%;max-height:95vh}.monthly-modal-large{max-width:95%}.monthly-view-row{flex-direction:column;align-items:flex-start}.monthly-view-label{width:100%;margin-bottom:4px}.monthly-view-value{text-align:left;width:100%}.monthly-edit-row{grid-template-columns:1fr 1fr}}@media(max-width:480px){.monthly-modal-container{padding:0;border-radius:8px}.monthly-modal-header,.monthly-modal-body,.monthly-modal-footer{padding:12px 16px}.monthly-edit-row{grid-template-columns:1fr}.monthly-view-section,.monthly-edit-section{padding:12px}}@media(prefers-color-scheme:dark){.monthly-modal-container{background:#2d2d44}.monthly-modal-header{border-color:#3d3d5c}.monthly-modal-header h3{color:#fff}.monthly-modal-close{color:#88a}.monthly-modal-close:hover{background-color:#3d3d5c;color:#fff}.monthly-modal-footer{border-color:#3d3d5c}.monthly-view-section{border-color:#3d3d5c;background:#3d3d5c}.monthly-view-section h4{color:#fff;border-color:#3d3d5c}.monthly-view-section.monthly-view-total{background:#1a3d2d;border-color:#1a5d3d}.monthly-view-section.monthly-view-total h4{color:#6ee7b7;border-color:#1a5d3d}.monthly-view-label{color:#88a}.monthly-view-value{color:#d0d0d0}.monthly-view-badge.monthly-health{background:#3d1f1f;color:#fca5a5}.monthly-view-badge.monthly-physio{background:#1a2d4d;color:#93c5fd}.monthly-view-badge.monthly-audio{background:#2d1a4d;color:#d8b4fe}.monthly-view-total-value{color:#6ee7b7!important}.monthly-edit-section{border-color:#3d3d5c;background:#3d3d5c}.monthly-edit-section h4{color:#fff;border-color:#3d3d5c}.monthly-edit-section .monthly-input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.monthly-edit-section .monthly-input:focus{border-color:#35d461}.monthly-edit-section .monthly-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.monthly-edit-section .monthly-textarea:focus{border-color:#35d461}.monthly-edit-section .monthly-form-group label{color:#88a}}@media(max-width:768px){.monthly-page-header{flex-direction:column;align-items:flex-start;gap:12px}.monthly-page-header-right{width:100%;justify-content:flex-start}.monthly-table-header{flex-direction:column;align-items:flex-start}.monthly-table-actions{width:100%;justify-content:flex-start}.monthly-icon-expand{display:inline-flex}.monthly-data-table{font-size:12px;min-width:700px}.monthly-data-table thead th,.monthly-data-table tbody td{padding:8px 10px}.monthly-col-actions{min-width:150px!important}.monthly-review-grid{grid-template-columns:1fr}.monthly-stats-summary{flex-direction:column;gap:8px}}@media(max-width:480px){.monthly-page{padding:10px 12px}.monthly-data-table{font-size:11px;min-width:550px}.monthly-data-table thead th,.monthly-data-table tbody td{padding:6px 8px}.monthly-col-actions{min-width:120px!important}.monthly-table-container{width:100%;max-height:95vh}.monthly-form-actions{flex-direction:column}.monthly-form-actions button{width:100%;justify-content:center}.monthly-action-buttons{flex-direction:column}.monthly-right-actions{flex-direction:column;width:100%}.monthly-right-actions button{width:100%}.monthly-table-footer{flex-direction:column;align-items:stretch}.monthly-table-footer .monthly-btn{justify-content:center}.monthly-review-item{flex-direction:column;align-items:flex-start;gap:4px}.monthly-review-item strong{text-align:left}.monthly-stats-summary{flex-direction:column;gap:8px}}@media(prefers-color-scheme:dark){.monthly-page{background:#1a1a2e}.monthly-page-header{border-color:#2d2d44}.monthly-page-header-left h2{color:#fff}.monthly-page-subtitle{color:#88a}.monthly-form{background:#2d2d44;border-color:#3d3d5c}.monthly-step-header{border-color:#3d3d5c}.monthly-step-header h3{color:#fff}.monthly-step-header h3 i{color:#35d461}.monthly-step-header p{color:#88a}.monthly-form-group label{color:#fff}.monthly-form-group input,.monthly-form-group select,.monthly-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.monthly-form-group input:focus,.monthly-form-group select:focus,.monthly-form-group textarea:focus{border-color:#35d461}.monthly-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.monthly-btn-secondary:hover{background:#4d4d6c}.monthly-btn-outline{border-color:#4d4d6c;color:#fff}.monthly-btn-outline:hover{background:#3d3d5c}.monthly-review-section{background:#3d3d5c;border-color:#4d4d6c}.monthly-review-section h4{color:#fff;border-color:#3d3d5c}.monthly-review-section.monthly-summary-total{background:#1a3d2d;border-color:#1a5d3d}.monthly-review-section.monthly-summary-total h4{color:#6ee7b7;border-color:#1a5d3d}.monthly-review-item{border-color:#4d4d6c}.monthly-review-item span{color:#88a}.monthly-review-item strong{color:#fff}.monthly-review-item.monthly-total-item{background:#2d2d44;border-color:#1a5d3d}.monthly-total-value{color:#6ee7b7!important}.monthly-table-container{background:#2d2d44}.monthly-table-header{border-color:#3d3d5c}.monthly-table-header h2{color:#fff}.monthly-table-header h2 i{color:#35d461}.monthly-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.monthly-search-input{color:#fff}.monthly-search-input::placeholder{color:#88a}.monthly-search-icon{color:#88a}.monthly-stats-badge{background:#3d3d5c;color:#88a}.monthly-data-table{background:#2d2d44}.monthly-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.monthly-data-table thead th{color:#fff;background:#3d3d5c}.monthly-data-table tbody tr{border-color:#3d3d5c}.monthly-data-table tbody tr:hover{background-color:#3d3d5c}.monthly-data-table tbody td{color:#d0d0e0}.monthly-title-name{color:#fff}.monthly-title-meta{color:#88a}.monthly-meta-icon{color:#666}.monthly-health{background:#3d1f1f;color:#fca5a5}.monthly-physio{background:#1a2d4d;color:#93c5fd}.monthly-audio{background:#2d1a4d;color:#d8b4fe}.monthly-total-badge{background:#1a3d2d;color:#6ee7b7}.monthly-male{background:#1a2d4d;color:#93c5fd}.monthly-female{background:#3d1a2d;color:#f9a8d4}.monthly-dept-badge{background:#3d3d5c;color:#88a}.monthly-table-footer{border-color:#4d4d6c;background:#2d2d44}.monthly-stat-value{color:#35d461}.monthly-stat-label{color:#88a}.monthly-icon-view:hover{background-color:#1a2d4d}.monthly-icon-edit:hover{background-color:#3d3d1a}.monthly-icon-delete:hover{background-color:#3d1f1f}.monthly-expanded-row{background-color:#3d3d5c!important}.monthly-expanded-item label{color:#88a}.monthly-expanded-item span{color:#fff}}.pr-current-id{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;padding:4px 12px;border-radius:12px;font-size:13px;color:#6b7280;margin-top:4px}.pr-current-id strong{color:#667eea}.pr-btn-danger{background:#ef4444;color:#fff}.pr-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.pr-readonly{background:#f8fafc!important;cursor:not-allowed}.pr-form-hint{display:block;margin-top:4px;color:#64748b;font-size:12px}.pr-input-with-action{display:flex;gap:8px}.pr-input-with-action input{flex:1}.pr-input-with-action .pr-btn{flex-shrink:0}.pr-file-upload{position:relative;border:2px dashed #d0d5dd;border-radius:8px;padding:30px 20px;text-align:center;transition:all .3s;background:#fafafa;cursor:pointer}.pr-file-upload:hover{border-color:#667eea;background:#f0f4ff}.pr-file-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.pr-upload-placeholder i{font-size:36px;color:#94a3b8;margin-bottom:8px}.pr-upload-placeholder p{font-weight:500;color:#475569;margin:0}.pr-upload-placeholder span{font-size:12px;color:#94a3b8}.pr-file-preview{margin-top:12px;padding:8px 12px;background:#f1f5f9;border-radius:4px;display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a2e}.pr-btn-remove-file{background:none;border:none;cursor:pointer;color:#ef4444;padding:2px 4px;border-radius:4px}.pr-btn-remove-file:hover{background:#fee2e2}.pr-status-pending{background:#fef3c7;color:#92400e}.pr-status-completed{background:#dbeafe;color:#1e40af}.pr-status-cancelled{background:#fee2e2;color:#991b1b}.pr-status-rejected{background:#f3f4f6;color:#6b7280}.pr-amount-cell{font-weight:600;font-family:Courier New,monospace;color:#059669}.pr-procurement-id{font-weight:600;color:#667eea;font-family:monospace}.pr-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.pr-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e0e0e0}.pr-summary-card{text-align:center;padding:12px 16px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.pr-summary-card h4{margin:0 0 4px;font-size:12px;color:#6b7280;font-weight:500}.pr-summary-value{font-size:20px;font-weight:700;color:#667eea;margin:0}.pr-table-responsive{overflow-x:auto;flex:1;padding:0 4px}.pr-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.pr-col-actions{min-width:160px!important;text-align:center!important}.pr-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.pr-icon-view{color:#1976d2}.pr-icon-view:hover:not(:disabled){background-color:#e3f2fd}.pr-icon-edit{color:#d97706}.pr-icon-edit:hover:not(:disabled){background-color:#fef3c7}.pr-icon-approve{color:#059669}.pr-icon-approve:hover:not(:disabled){background-color:#d1fae5}.pr-preview-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1002;padding:20px}.pr-preview-container{background:#fff;border-radius:12px;width:95%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.pr-preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.pr-preview-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.pr-preview-header h2 i{color:#667eea}.pr-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.pr-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.pr-preview-body{flex:1;overflow-y:auto;padding:20px 24px}.pr-preview-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;gap:10px;flex-shrink:0;flex-wrap:wrap}.pr-preview-details{display:flex;flex-direction:column;gap:16px}.pr-preview-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.pr-preview-section h3{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.pr-preview-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.pr-preview-row:last-child{border-bottom:none}.pr-preview-label{width:140px;font-weight:600;color:#4a5568;flex-shrink:0}.pr-preview-value{flex:1;color:#1a1a2e}.pr-preview-full{flex-direction:column}.pr-preview-full .pr-preview-label{width:100%;margin-bottom:4px}.pr-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.pr-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:prSlideIn .3s ease}@keyframes prSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.pr-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.pr-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.pr-side-header h3 i{color:#667eea}.pr-side-body{flex:1;overflow-y:auto;padding:20px 24px}.pr-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.pr-view-grid{display:flex;flex-direction:column;gap:16px}.pr-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.pr-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.pr-view-section h4 i{color:#667eea}.pr-view-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.pr-view-row:last-child{border-bottom:none}.pr-view-label{width:140px;font-weight:600;color:#4a5568;flex-shrink:0}.pr-view-value{flex:1;color:#1a1a2e}.pr-view-full{flex-direction:column}.pr-view-full .pr-view-label{width:100%;margin-bottom:4px}.pr-auth-error{display:flex;justify-content:center;align-items:center;min-height:400px;padding:20px}.pr-auth-error-content{background:#fff;padding:40px;border-radius:12px;text-align:center;max-width:400px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014}.pr-auth-error-content i{font-size:48px;color:#ef4444;margin-bottom:16px}.pr-auth-error-content h2{margin:0 0 8px;color:#1a1a2e}.pr-auth-error-content p{color:#6b7280;margin-bottom:20px}.pr-empty-state{text-align:center;padding:60px 20px;color:#6b7280}.pr-empty-state i{font-size:48px;color:#e0e0e0;display:block;margin-bottom:12px}.pr-empty-state p{margin:0}@media(prefers-color-scheme:dark){.pr-page{background:#1a1a2e}.pr-page-header{border-color:#2d2d44}.pr-page-header-left h2{color:#fff}.pr-page-subtitle{color:#88a}.pr-current-id{background:#3d3d5c;color:#88a}.pr-current-id strong{color:#89f}.pr-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pr-btn-secondary:hover:not(:disabled){background:#4d4d6c}.pr-form{background:#2d2d44;border-color:#3d3d5c}.pr-step-header h3{color:#fff}.pr-step-header p{color:#88a}.pr-form-group label{color:#fff}.pr-form-group input,.pr-form-group select,.pr-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pr-form-group input:focus,.pr-form-group select:focus,.pr-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.pr-readonly{background:#3d3d5c!important;color:#88a!important}.pr-file-upload{background:#3d3d5c;border-color:#4d4d6c}.pr-file-upload:hover{border-color:#89f;background:#1a2a5c}.pr-upload-placeholder p{color:#fff}.pr-upload-placeholder span{color:#88a}.pr-file-preview{background:#4d4d6c;color:#fff}.pr-summary-card{background:#3d3d5c;border-color:#4d4d6c}.pr-summary-card h4{color:#fff}.pr-summary-item{border-color:#4d4d6c}.pr-summary-item span{color:#88a}.pr-summary-item strong{color:#fff}.pr-table-container{background:#2d2d44}.pr-table-header{border-color:#3d3d5c}.pr-table-header h2{color:#fff}.pr-table-header h2 i{color:#89f}.pr-summary-cards{background:#3d3d5c;border-color:#4d4d6c}.pr-summary-card{background:#2d2d44;border-color:#3d3d5c}.pr-summary-card h4{color:#88a}.pr-summary-value{color:#89f}.pr-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.pr-data-table thead th{color:#fff;background:#3d3d5c}.pr-data-table tbody tr{border-color:#3d3d5c}.pr-data-table tbody tr:hover{background-color:#3d3d5c}.pr-data-table tbody td{color:#d0d0e0}.pr-procurement-id{color:#89f}.pr-amount-cell{color:#6ee7b7}.pr-status-pending{background:#5c3d1a;color:#fbbf24}.pr-status-approved{background:#1a3d2d;color:#6ee7b7}.pr-status-completed{background:#1a2a5c;color:#93bbff}.pr-status-cancelled{background:#5c1a1a;color:#f87171}.pr-status-rejected{background:#3d3d5c;color:#88a}.pr-icon-btn{color:#88a}.pr-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.pr-icon-view{color:#60a5fa}.pr-icon-view:hover:not(:disabled){background-color:#1a2a5c}.pr-icon-edit{color:#fbbf24}.pr-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.pr-icon-approve{color:#6ee7b7}.pr-icon-approve:hover:not(:disabled){background-color:#1a3d2d}.pr-icon-delete{color:#f87171}.pr-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.pr-table-footer{background:#3d3d5c;border-color:#4d4d6c}.pr-total-records{color:#88a}.pr-preview-container{background:#2d2d44}.pr-preview-header{border-color:#3d3d5c}.pr-preview-header h2{color:#fff}.pr-modal-close{color:#88a}.pr-modal-close:hover{background-color:#3d3d5c;color:#fff}.pr-preview-footer,.pr-preview-section{border-color:#3d3d5c}.pr-preview-section h3{color:#fff;border-color:#3d3d5c}.pr-preview-row{border-color:#3d3d5c}.pr-preview-label{color:#88a}.pr-preview-value{color:#d0d0e0}.pr-side-container{background:#2d2d44}.pr-side-header{border-color:#3d3d5c}.pr-side-header h3{color:#fff}.pr-side-footer,.pr-view-section{border-color:#3d3d5c}.pr-view-section h4{color:#fff;border-color:#3d3d5c}.pr-view-section h4 i{color:#89f}.pr-view-row{border-color:#3d3d5c}.pr-view-label{color:#88a}.pr-view-value{color:#d0d0e0}.pr-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.pr-step-number,.pr-step-title{color:#88a}.pr-step.pr-active .pr-step-title{color:#89f}.pr-step.pr-completed .pr-step-title{color:#6ee7b7}.pr-step-connector{background:#3d3d5c}.pr-step.pr-completed .pr-step-connector{background:#6ee7b7}.pr-loading-spinner{color:#88a}.pr-spinner{border-color:#3d3d5c;border-top-color:#89f}.pr-empty-state{color:#88a}.pr-empty-state i{color:#3d3d5c}.pr-auth-error-content{background:#2d2d44;border-color:#3d3d5c}.pr-auth-error-content h2{color:#fff}.pr-auth-error-content p{color:#88a}}@media(max-width:768px){.pr-page{padding:12px 16px}.pr-page-header{flex-direction:column;align-items:flex-start}.pr-page-header-right{width:100%;justify-content:flex-start}.pr-summary-cards{grid-template-columns:repeat(2,1fr)}.pr-form-grid,.pr-summary-content{grid-template-columns:1fr}.pr-data-table{font-size:12px;min-width:700px}.pr-data-table thead th,.pr-data-table tbody td{padding:6px 8px}.pr-col-actions{min-width:120px!important}.pr-action-buttons{flex-direction:column;gap:2px}.pr-table-header{flex-direction:column;align-items:flex-start}.pr-table-actions{width:100%;justify-content:flex-start}.pr-side-container{width:100%}.pr-preview-footer{flex-direction:column}.pr-preview-footer .pr-btn{width:100%;justify-content:center}}@media(max-width:480px){.pr-page-header-left h2{font-size:20px}.pr-summary-cards{grid-template-columns:1fr}.pr-data-table{font-size:11px;min-width:600px}.pr-data-table thead th,.pr-data-table tbody td{padding:4px 6px}.pr-col-actions{min-width:90px!important}.pr-btn-label{display:none}.pr-btn{padding:6px 10px}.pr-preview-row{flex-direction:column}.pr-preview-label{width:100%}.pr-view-row{flex-direction:column}.pr-view-label{width:100%}}.pmr-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.pmr-page-header-left h2 i{color:#10b981}.pmr-btn-primary{background:#10b981;color:#fff}.pmr-btn-primary:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.pmr-btn-success{background:#059669;color:#fff}.pmr-btn-success:hover:not(:disabled){background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.pmr-spinner-small{display:inline-block;width:16px;height:16px;border:2px solid #e0e0e0;border-top-color:#10b981;border-radius:50%;animation:pmrSpin .6s linear infinite}.pmr-alert{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:6px;font-size:14px;margin-top:8px}.pmr-alert-error{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.pmr-alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#059669}.pmr-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.pmr-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.pmr-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease}.pmr-step.active .pmr-step-indicator{background:#10b981;color:#fff;border-color:#10b981;transform:scale(1.05)}.pmr-step.completed .pmr-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.pmr-step-number{font-weight:600;color:#64748b}.pmr-step.active .pmr-step-number{color:#fff}.pmr-step-title{font-size:clamp(11px,.9vw,13px);color:#94a3b8;font-weight:500;text-align:center}.pmr-step.active .pmr-step-title{color:#10b981;font-weight:600}.pmr-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1}.pmr-step.completed .pmr-step-connector{background:#10b981}@media(max-width:768px){.pmr-progress-steps{flex-wrap:wrap;gap:10px}.pmr-step-connector{display:none}}.pmr-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.pmr-section-content{animation:pmrFadeIn .3s ease}@keyframes pmrFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pmr-section-header{margin-bottom:24px;text-align:center}.pmr-section-header h3{font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.pmr-section-header p{color:#64748b;font-size:clamp(13px,1.1vw,14px);margin:0}.pmr-editing-notice{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#fef3c7;color:#d97706;border-radius:20px;font-size:13px;font-weight:500;margin-top:8px}.pmr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.pmr-form-grid{grid-template-columns:1fr}}.pmr-form-group{display:flex;flex-direction:column;gap:4px}.pmr-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.pmr-form-group input,.pmr-form-group select,.pmr-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.pmr-form-group input:focus,.pmr-form-group select:focus,.pmr-form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.pmr-form-group textarea{resize:vertical;min-height:60px}.pmr-form-group input.pmr-error,.pmr-form-group select.pmr-error,.pmr-form-group textarea.pmr-error{border-color:#ef4444}.pmr-error-message{color:#ef4444;font-size:12px;margin-top:4px}.pmr-full-width{grid-column:1 / -1}.pmr-signature-section{margin-top:24px;padding-top:20px;border-top:2px solid #f0f0f0}.pmr-signature-section h4{margin:0 0 12px;color:#1a1a2e;font-size:16px;font-weight:600}.pmr-framework-section{margin-bottom:30px}.pmr-framework-section h4{margin:0 0 16px;color:#1a1a2e;font-size:17px;font-weight:600;padding-bottom:8px;border-bottom:2px solid #10b981}.pmr-outcome-card,.pmr-output-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px;margin-bottom:16px}.pmr-outcome-header,.pmr-output-header{margin-bottom:12px}.pmr-outcome-title,.pmr-output-title{width:100%;padding:10px 14px;border:1px solid #e0e0e0;border-radius:6px;font-size:15px;font-weight:600;background:#fff}.pmr-outcome-title:focus,.pmr-output-title:focus{outline:none;border-color:#10b981}.pmr-indicators-table{overflow-x:auto}.pmr-indicators-table table{width:100%;border-collapse:collapse;font-size:clamp(11px,.9vw,12px)}.pmr-indicators-table th,.pmr-indicators-table td{border:1px solid #e0e0e0;padding:6px 8px;text-align:left}.pmr-indicators-table th{background:#f1f5f9;font-weight:600;color:#374151;white-space:nowrap}.pmr-indicators-table td{background:#fff}.pmr-indicators-table input{width:100%;border:1px solid #e0e0e0;padding:4px 6px;border-radius:4px;font-size:11px;background:transparent}.pmr-indicators-table input:focus{outline:none;border-color:#10b981;background:#fff}.pmr-challenges-section{margin-bottom:24px}.pmr-challenges-section h4{margin:0 0 16px;color:#1a1a2e;font-size:17px;font-weight:600}.pmr-challenge-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e0e0e0}.pmr-challenge-input,.pmr-action-input{display:flex;flex-direction:column;gap:4px}.pmr-challenge-input label,.pmr-action-input label{font-weight:500;color:#374151;font-size:13px}.pmr-challenge-input textarea,.pmr-action-input textarea{resize:vertical;min-height:60px}.pmr-visibility-section{margin-bottom:24px}.pmr-visibility-section h4{margin:0 0 16px;color:#1a1a2e;font-size:17px;font-weight:600}.pmr-workplan-section{margin-bottom:24px}.pmr-workplan-section h4{margin:0 0 16px;color:#1a1a2e;font-size:17px;font-weight:600}.pmr-workplan-row{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-bottom:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e0e0e0}.pmr-output-input,.pmr-activities-input{display:flex;flex-direction:column;gap:4px}.pmr-output-input label,.pmr-activities-input label{font-weight:500;color:#374151;font-size:13px}.pmr-activities-input textarea{resize:vertical;min-height:60px}@media(max-width:600px){.pmr-challenge-row,.pmr-workplan-row{grid-template-columns:1fr}}.pmr-documents-section{margin-bottom:24px}.pmr-documents-section h4{margin:0 0 16px;color:#1a1a2e;font-size:17px;font-weight:600}.pmr-file-upload-area{padding:20px;border:2px dashed #d1d5db;border-radius:8px;text-align:center;background:#f8fafc}.pmr-file-upload-area p{margin:0 0 12px;color:#64748b}.pmr-documents-list{list-style:none;padding:0;margin:0 0 12px;text-align:left}.pmr-documents-list li{padding:6px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:4px;display:flex;align-items:center;gap:8px;font-size:13px}.pmr-review-summary{margin-bottom:24px}.pmr-summary-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:16px}.pmr-summary-card h4{margin:0 0 16px;color:#1a1a2e;font-size:17px;font-weight:600}.pmr-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.pmr-summary-section{background:#fff;padding:14px 16px;border-radius:6px;border:1px solid #e0e0e0}.pmr-summary-section h5{margin:0 0 10px;color:#374151;font-size:14px;font-weight:600;border-bottom:1px solid #e0e0e0;padding-bottom:6px}.pmr-summary-item{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.pmr-summary-item:last-child{border-bottom:none}.pmr-summary-item span{color:#64748b}.pmr-summary-item strong{color:#1a1a2e}.pmr-completion-status{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px}.pmr-completion-status h5{margin:0 0 12px;color:#1a1a2e;font-size:15px;font-weight:600}.pmr-status-items{display:flex;flex-direction:column;gap:8px}.pmr-status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:6px;font-size:13px}.pmr-status-item span:first-child{color:#374151;font-weight:500}.pmr-status{padding:2px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.pmr-status.pmr-complete{background:#dcfce7;color:#166534}.pmr-status.pmr-incomplete{background:#fef3c7;color:#92400e}.pmr-status-selection{margin:16px 0}.pmr-status-selection label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.pmr-status-options{display:flex;gap:16px;flex-wrap:wrap}.pmr-status-option{display:flex;align-items:center;gap:8px;cursor:pointer}.pmr-status-option input[type=radio]{display:none}.pmr-status-draft,.pmr-status-submitted{padding:6px 16px;border-radius:6px;font-weight:600;transition:all .3s ease;font-size:13px}.pmr-status-draft{background:#f3f4f6;color:#374151;border:2px solid #d1d5db}.pmr-status-submitted{background:#dbeafe;color:#1e40af;border:2px solid #93c5fd}.pmr-status-option input[type=radio]:checked+.pmr-status-draft{background:#10b981;color:#fff;border-color:#10b981}.pmr-status-option input[type=radio]:checked+.pmr-status-submitted{background:#3b82f6;color:#fff;border-color:#3b82f6}.pmr-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.pmr-action-buttons{display:flex;justify-content:space-between;align-items:center}.pmr-right-actions{display:flex;gap:10px;align-items:center}@media(max-width:600px){.pmr-action-buttons{flex-direction:column;gap:12px}.pmr-right-actions{width:100%;justify-content:space-between}.pmr-right-actions .pmr-btn{flex:1;justify-content:center}}.pmr-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pmr-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.pmr-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.pmr-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.pmr-table-header h2 i{color:#10b981}.pmr-table-actions{display:flex;gap:8px;flex-wrap:wrap}.pmr-table-wrapper{overflow:auto;flex:1;padding:0 4px}.pmr-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:700px}.pmr-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.pmr-no-data{text-align:center;color:#9ca3af;padding:40px!important}.pmr-no-data i{font-size:28px;display:block;margin-bottom:8px}.pmr-status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;display:inline-block}.pmr-status-draft{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.pmr-status-submitted{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.pmr-status-approved{background:#dcfce7;color:#166534;border:1px solid #86efac}.pmr-status-rejected{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.pmr-action-buttons{display:flex;gap:4px}.pmr-icon-edit{color:#d97706;background:#fef3c7}.pmr-icon-edit:hover{background:#fde68a}.pmr-icon-delete{color:#dc2626;background:#fee2e2}.pmr-icon-delete:hover{background:#fecaca}.pmr-table-footer{padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0}.pmr-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.pmr-stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8fafc;border-radius:6px}.pmr-stat-item span{color:#64748b;font-size:13px}.pmr-stat-item strong{color:#1a1a2e;font-size:15px}.pmr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.pmr-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#10b981;border-radius:50%;animation:pmrSpin .8s linear infinite;margin-bottom:12px}@media(max-width:768px){.pmr-page-header{flex-direction:column;align-items:flex-start;gap:12px}.pmr-page-header-right{width:100%;justify-content:flex-start}.pmr-table-header{flex-direction:column;align-items:flex-start}.pmr-table-actions{width:100%;justify-content:flex-start}.pmr-summary-grid{grid-template-columns:1fr}}@media(max-width:480px){.pmr-page{padding:10px 12px}.pmr-data-table{font-size:11px;min-width:550px}.pmr-table-container{width:100%;max-height:95vh}.pmr-indicators-table table{font-size:10px}.pmr-indicators-table th,.pmr-indicators-table td{padding:4px}.pmr-stats{grid-template-columns:1fr 1fr}}@media(prefers-color-scheme:dark){.pmr-page{background:#1a1a2e}.pmr-page-header{border-color:#2d2d44}.pmr-page-header-left h2{color:#fff}.pmr-page-subtitle{color:#88a}.pmr-form{background:#2d2d44;border-color:#3d3d5c}.pmr-section-header h3{color:#fff}.pmr-section-header p{color:#88a}.pmr-form-group label{color:#fff}.pmr-form-group input,.pmr-form-group select,.pmr-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pmr-form-group input:focus,.pmr-form-group select:focus,.pmr-form-group textarea:focus{border-color:#10b981}.pmr-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pmr-btn-secondary:hover{background:#4d4d6c}.pmr-outcome-card,.pmr-output-card{background:#3d3d5c;border-color:#4d4d6c}.pmr-outcome-title,.pmr-output-title{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pmr-indicators-table th{background:#3d3d5c;color:#fff}.pmr-indicators-table td{background:#3d3d5c}.pmr-indicators-table input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pmr-indicators-table input:focus{border-color:#10b981;background:#4d4d6c}.pmr-challenge-row,.pmr-workplan-row{background:#3d3d5c;border-color:#4d4d6c}.pmr-challenge-input label,.pmr-action-input label,.pmr-output-input label,.pmr-activities-input label{color:#88a}.pmr-summary-card{background:#3d3d5c;border-color:#4d4d6c}.pmr-summary-card h4{color:#fff}.pmr-summary-section{background:#2d2d44;border-color:#4d4d6c}.pmr-summary-section h5{color:#fff;border-color:#4d4d6c}.pmr-summary-item{border-color:#4d4d6c}.pmr-summary-item span{color:#88a}.pmr-summary-item strong{color:#d0d0e0}.pmr-completion-status{background:#2d2d44;border-color:#4d4d6c}.pmr-completion-status h5{color:#fff}.pmr-status-item{background:#3d3d5c}.pmr-status-item span:first-child{color:#88a}.pmr-file-upload-area{background:#3d3d5c;border-color:#4d4d6c}.pmr-file-upload-area p{color:#88a}.pmr-documents-list li{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0d0}.pmr-signature-section{border-color:#3d3d5c}.pmr-signature-section h4{color:#fff}.pmr-table-container{background:#2d2d44}.pmr-table-header{border-color:#3d3d5c}.pmr-table-header h2{color:#fff}.pmr-table-header h2 i{color:#10b981}.pmr-data-table{background:#2d2d44}.pmr-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.pmr-data-table thead th{color:#fff;background:#3d3d5c}.pmr-data-table tbody tr{border-color:#3d3d5c}.pmr-data-table tbody tr:hover{background-color:#3d3d5c}.pmr-data-table tbody td{color:#d0d0e0}.pmr-no-data{color:#666}.pmr-table-footer{border-color:#4d4d6c;background:#2d2d44}.pmr-stat-item{background:#3d3d5c}.pmr-stat-item span{color:#88a}.pmr-stat-item strong{color:#d0d0e0}.pmr-status-selection label{color:#fff}.pmr-status-draft{background:#3d3d5c;color:#88a;border-color:#4d4d6c}.pmr-alert-error{background:#3d1f1f;border-color:#5c3d3d;color:#fca5a5}.pmr-alert-success{background:#1a3d2d;border-color:#1a5d3d;color:#6ee7b7}.pmr-editing-notice{background:#5c3d1a;color:#fbbf24}.pmr-form-actions{border-color:#3d3d5c}.pmr-framework-section h4{color:#fff;border-color:#10b981}.pmr-challenges-section h4,.pmr-visibility-section h4,.pmr-workplan-section h4,.pmr-documents-section h4{color:#fff}.pmr-progress-steps .pmr-step-title{color:#666}.pmr-progress-steps .pmr-step.active .pmr-step-title,.pmr-progress-steps .pmr-step.completed .pmr-step-title{color:#10b981}.pmr-loading{color:#88a}.pmr-spinner{border-color:#3d3d5c;border-top-color:#10b981}}.record-marks{padding:20px;max-width:1400px;margin:0 auto}.creation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.header-content h1{color:#1e293b;margin-bottom:5px;display:flex;align-items:center;gap:10px}.header-content p{color:#64748b;margin:0}.header-actions{display:flex;gap:10px}.marks-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.form-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.form-card h3{color:#1e293b;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #35D461}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.form-group label{font-weight:600;margin-bottom:5px;color:#374151}.form-group input,.form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.form-group input.error,.form-group select.error{border-color:#dc2626}.error-message{color:#dc2626;font-size:12px;margin-top:5px}.subjects-section{margin:25px 0}.subjects-section h4{color:#374151;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.subject-row{display:grid;grid-template-columns:1fr 1fr 80px 40px;gap:10px;align-items:end;margin-bottom:15px;padding:15px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.grade-display{background:#f1f5f9;font-weight:600;text-align:center}.btn-remove{padding:10px;height:40px}.btn-add{width:100%;padding:12px;margin-top:10px}.form-actions{margin-top:25px;padding-top:20px;border-top:1px solid #e2e8f0;text-align:right}.records-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #35D461}.records-header h3{color:#1e293b;margin:0}.filter-controls{display:flex;gap:10px}.filter-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.records-grid{display:grid;gap:15px;max-height:600px;overflow-y:auto}.record-card{padding:20px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;transition:all .2s}.record-card:hover{border-color:#35d461;box-shadow:0 2px 4px #0000001a}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.record-header h4{margin:0;color:#1e293b}.student-id{background:#35d461;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.record-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px;font-size:14px}.record-info div{color:#64748b}.record-performance{display:flex;justify-content:space-between;margin-bottom:15px;padding:12px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.performance-item{text-align:center}.performance-item span{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.performance-item strong{font-size:16px;color:#1e293b}.average-8,.average-9,.average-10{color:#166534}.average-7{color:#ca8a04}.average-6{color:#ea580c}.average-5{color:#dc2626}.average-0,.average-1,.average-2,.average-3,.average-4{color:#991b1b}.record-actions{display:flex;gap:8px;justify-content:flex-end}.btn-action{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-action.view{background:#3b82f6;color:#fff}.btn-action.view:hover{background:#2563eb}.btn-action.delete{background:#dc2626;color:#fff}.btn-action.delete:hover{background:#b91c1c}.no-records{text-align:center;padding:40px;color:#64748b}.no-records i{font-size:48px;margin-bottom:15px;opacity:.5}.btn{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-success{background:#35d461;color:#fff}.btn-success:hover:not(:disabled){background:#16a34a}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:8px 12px;font-size:13px}@media(max-width:1024px){.marks-container{grid-template-columns:1fr}}@media(max-width:768px){.creation-header{flex-direction:column;gap:15px;align-items:flex-start}.form-grid{grid-template-columns:1fr}.subject-row{grid-template-columns:1fr;gap:10px}.records-header{flex-direction:column;gap:15px;align-items:flex-start}.filter-controls{width:100%}.filter-select{flex:1}}.alert{padding:12px 16px;margin-bottom:20px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.alert-close{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;margin-left:10px}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.loading{text-align:center;padding:40px;color:#64748b}.loading .spinner{font-size:24px;margin-bottom:10px;animation:spin 1s linear infinite}.badge-finalized{background-color:#fef3c7;color:#92400e;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.badge-approved{background-color:#d1fae5;color:#065f46;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;margin-left:8px}.grade-A{color:#166534;font-weight:700}.grade-B{color:#ca8a04;font-weight:700}.grade-C{color:#ea580c;font-weight:700}.grade-D{color:#dc2626;font-weight:700}.grade-E{color:#991b1b;font-weight:700}.btn-refresh{background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b;padding:6px 12px}.btn-refresh:hover{background-color:#f1f5f9}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.record-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.record-header h4{margin:0;flex-grow:1}.student-id{color:#64748b;font-size:14px;margin-left:10px}.record-performance{margin:15px 0}.performance-item{display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 0;border-bottom:1px solid #f1f5f9}.performance-item:last-child{border-bottom:none}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.subject-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:15px;align-items:end;margin-bottom:15px;padding:15px;background-color:#f8fafc;border-radius:8px}@media(max-width:1200px){.subject-row{grid-template-columns:1fr 1fr}}@media(max-width:768px){.subject-row{grid-template-columns:1fr}}.error{border-color:#dc2626!important}.error-message{color:#dc2626;font-size:12px;margin-top:5px;display:block}button:disabled{opacity:.6;cursor:not-allowed}.record-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:15px;padding-top:15px;border-top:1px solid #f1f5f9}.btn-action{width:36px;height:36px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-action.view{background-color:#dbeafe;color:#1d4ed8}.btn-action.view:hover{background-color:#bfdbfe}.btn-action.finalize{background-color:#fef3c7;color:#92400e}.btn-action.finalize:hover{background-color:#fde68a}.btn-action.delete{background-color:#fee2e2;color:#dc2626}.btn-action.delete:hover{background-color:#fecaca}.btn-action.delete:disabled{background-color:#f1f5f9;color:#94a3b8}.filter-controls{display:flex;gap:10px;align-items:center}.filter-select{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;min-width:120px}.average-9,.average-8{color:#166534}.average-7,.average-6{color:#ca8a04}.average-5,.average-4{color:#ea580c}.average-3,.average-2,.average-1,.average-0{color:#dc2626}.acad-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.acad-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.acad-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.acad-page-header-left h2 i{color:#35d461}.acad-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.acad-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.acad-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acad-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.acad-btn-primary{background:#35d461;color:#fff}.acad-btn-primary:hover:not(:disabled){background:#2ec055;transform:translateY(-1px);box-shadow:0 4px 12px #35d4614d}.acad-btn-success{background:#10b981;color:#fff}.acad-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.acad-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.acad-btn-secondary:hover{background:#e8e8e8;border-color:silver}.acad-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.acad-btn-outline:hover{background:#f8f9fa}.acad-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.acad-btn-label{display:none}.acad-btn{padding:6px 10px}}.acad-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.acad-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.acad-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.acad-step.acad-active .acad-step-indicator{background:#35d461;color:#fff;border-color:#35d461;box-shadow:0 4px 12px #35d4614d}.acad-step.acad-completed .acad-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.acad-step-number{font-weight:600;color:#64748b}.acad-step.acad-active .acad-step-number{color:#fff}.acad-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.acad-step.acad-active .acad-step-title{color:#35d461;font-weight:600}.acad-step.acad-completed .acad-step-title{color:#10b981}.acad-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.acad-step.acad-completed .acad-step-connector{background:#10b981}@media(max-width:768px){.acad-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.acad-step{flex:0 0 auto}.acad-step-connector{display:none}}.acad-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.acad-step-content{margin-bottom:24px}.acad-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.acad-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:8px}.acad-step-header h3 i{color:#35d461}.acad-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.acad-warning-banner{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:10px 16px;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:#92400e;font-size:14px}.acad-warning-banner i{font-size:18px}.acad-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.acad-form-grid{grid-template-columns:1fr}}.acad-form-group{display:flex;flex-direction:column;gap:4px}.acad-form-group.acad-full-width{grid-column:1 / -1}.acad-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.acad-form-group input,.acad-form-group select,.acad-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.acad-form-group input:focus,.acad-form-group select:focus,.acad-form-group textarea:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.acad-required{color:#ef4444}.acad-error{border-color:#ef4444!important}.acad-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.acad-error-message{color:#ef4444;font-size:12px;margin-top:4px}.acad-textarea{resize:vertical;min-height:80px;line-height:1.5}.acad-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%}.acad-input:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.acad-readonly{background:#f8fafc!important;color:#6b7280!important;cursor:not-allowed}.acad-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%}.acad-select:focus{outline:none;border-color:#35d461;box-shadow:0 0 0 3px #35d4611a}.acad-hint{font-size:11px;color:#6b7280;margin-top:4px}.acad-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.acad-action-buttons{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:12px}.acad-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.acad-form-actions{flex-direction:column}.acad-form-actions button{width:100%;justify-content:center}.acad-action-buttons{flex-direction:column}.acad-right-actions{flex-direction:column;width:100%}.acad-right-actions button{width:100%}}.acad-unit-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:12px 16px;margin-bottom:16px}.acad-unit-summary-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#1a1a2e}.acad-unit-summary-item strong{margin:0 4px}.acad-total-highlight{color:#059669;font-weight:700;font-size:16px}.acad-sub-section-title{font-size:16px;font-weight:600;color:#1a1a2e;margin:20px 0 12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.acad-summary-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;margin:16px 0}.acad-summary-title{color:#166534;margin:0 0 12px;font-size:16px;display:flex;align-items:center;gap:8px}.acad-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.acad-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #d1fae5}.acad-summary-item span{color:#374151;font-size:13px}.acad-summary-item strong{color:#065f46;font-size:15px}.acad-validation-warning{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:8px 12px;margin-top:12px;display:flex;align-items:center;gap:8px;color:#92400e;font-size:13px}.acad-file-upload{position:relative;border:2px dashed #d1d5db;border-radius:8px;padding:24px;text-align:center;transition:all .3s;background:#f9fafb;cursor:pointer}.acad-file-upload:hover{border-color:#35d461;background:#f0fdf4}.acad-file-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.acad-upload-placeholder{color:#6b7280}.acad-upload-placeholder i{font-size:28px;margin-bottom:6px;color:#9ca3af}.acad-upload-placeholder p{margin:4px 0;font-weight:500;font-size:14px}.acad-upload-placeholder span{font-size:12px;color:#9ca3af}.acad-file-info{margin-top:12px;padding:8px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;align-items:center;gap:8px}.acad-file-info i{color:#3b82f6}.acad-file-info span{flex:1;font-size:13px;color:#1a1a2e}.acad-file-remove{background:none;border:none;cursor:pointer;color:#ef4444;padding:4px}.acad-file-remove:hover{color:#dc2626}.acad-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.acad-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.acad-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.acad-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.acad-table-header h2 i{color:#35d461}.acad-table-actions{display:flex;gap:8px;flex-wrap:wrap}.acad-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.acad-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.acad-search-input-wrapper:focus-within{border-color:#35d461}.acad-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.acad-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.acad-search-input::placeholder{color:#999}.acad-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.acad-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.acad-table-wrapper{overflow-x:auto;flex:1}.acad-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.acad-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.acad-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.acad-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.acad-data-table tbody tr:hover{background-color:#fafbff}.acad-data-table tbody td{padding:10px 14px;vertical-align:middle}.acad-col-sn{width:40px!important;text-align:center!important}.acad-col-formal,.acad-col-vocational,.acad-col-special,.acad-col-total{min-width:80px;text-align:center!important}.acad-col-gender{min-width:60px;text-align:center!important}.acad-col-performance{min-width:90px;text-align:center!important}.acad-col-head{min-width:120px}.acad-col-actions{min-width:180px!important;text-align:center!important}.acad-table-title{display:flex;flex-direction:column;gap:4px}.acad-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.acad-title-meta{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.9vw,11px);color:#666}.acad-meta-icon{font-size:14px;color:#999}.acad-unit-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;min-width:40px;text-align:center}.acad-formal{background:#dbeafe;color:#1e40af}.acad-vocational{background:#fef3c7;color:#92400e}.acad-special{background:#fce7f3;color:#be185d}.acad-total-badge{display:inline-block;padding:4px 10px;background:#dcfce7;color:#166534;border-radius:12px;font-size:12px;font-weight:600;min-width:40px;text-align:center}.acad-gender-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;min-width:40px;text-align:center}.acad-male{background:#dbeafe;color:#1e40af}.acad-female{background:#fce7f3;color:#be185d}.acad-performance-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;min-width:40px;text-align:center}.acad-performance-excellent{background:#dcfce7;color:#166534}.acad-performance-good{background:#fef3c7;color:#92400e}.acad-performance-average{background:#fed7aa;color:#9a3412}.acad-performance-poor{background:#fee2e2;color:#991b1b}.acad-head-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f1f5f9;color:#475569;border-radius:20px;font-size:11px;font-weight:500}.acad-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.acad-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.acad-icon-btn:hover{background-color:#f0f0f0}.acad-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.acad-icon-view{color:#1976d2}.acad-icon-view:hover{background-color:#e3f2fd}.acad-icon-edit{color:#d97706}.acad-icon-edit:hover{background-color:#fef3c7}.acad-icon-print{color:#059669}.acad-icon-print:hover{background-color:#d1fae5}.acad-icon-delete{color:#ef4444}.acad-icon-delete:hover{background-color:#fee2e2}.acad-icon-expand{display:none;color:#666}.acad-icon-expand .acad-expanded{transform:rotate(180deg)}.acad-expanded-row{background-color:#f8f9fa!important}.acad-expanded-row td{padding:12px 16px!important}.acad-expanded-content{padding:4px 0}.acad-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.acad-expanded-item{display:flex;flex-direction:column;gap:2px}.acad-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.acad-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.acad-expanded-item .acad-unit-badge,.acad-expanded-item .acad-total-badge,.acad-expanded-item .acad-gender-badge,.acad-expanded-item .acad-performance-badge{display:inline-block;width:fit-content}.acad-expanded-full{grid-column:1 / -1}@media(max-width:600px){.acad-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.acad-expanded-grid{grid-template-columns:1fr}}.acad-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.acad-stats-summary{display:flex;gap:20px;flex-wrap:wrap}.acad-stat-item{display:flex;flex-direction:column;align-items:center}.acad-stat-value{font-size:20px;font-weight:700;color:#35d461}.acad-stat-label{font-size:11px;color:#666;font-weight:500;margin-top:2px}.acad-loading-spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.acad-spinner{display:inline-block;width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#35d461;border-radius:50%;animation:acadSpin .8s linear infinite}@keyframes acadSpin{to{transform:rotate(360deg)}}.acad-empty-state{text-align:center;padding:60px 20px;color:#666}.acad-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.acad-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.acad-empty-state p{margin:0 0 16px;color:#666}.acad-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:acadFadeIn .3s ease}@keyframes acadFadeIn{0%{opacity:0}to{opacity:1}}.acad-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:acadSlideUp .3s ease}@keyframes acadSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.acad-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #35D461;flex-shrink:0}.acad-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.acad-modal-header h3 i{color:#35d461}.acad-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px;width:36px;height:36px}.acad-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.acad-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.acad-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid #e0e0e0;flex-shrink:0;flex-wrap:wrap}@media(max-width:480px){.acad-modal-footer{flex-direction:column}.acad-modal-footer button{width:100%;justify-content:center}}.acad-view-grid{display:flex;flex-direction:column;gap:16px}.acad-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f8fafc}.acad-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #35D461;padding-bottom:8px;display:flex;align-items:center;gap:8px}.acad-view-section h4 i{color:#35d461}.acad-view-row{display:flex;margin-bottom:8px}.acad-view-row:last-child{margin-bottom:0}.acad-view-label{width:160px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.acad-view-value{flex:1;color:#1a1a2e;font-size:13px;text-align:right;word-break:break-word}.acad-view-full{flex-direction:column}.acad-view-full .acad-view-value{text-align:left;width:100%;margin-top:4px}@media(max-width:768px){.acad-page-header{flex-direction:column;align-items:flex-start;gap:12px}.acad-page-header-right{width:100%;justify-content:flex-start}.acad-table-header{flex-direction:column;align-items:flex-start}.acad-table-actions{width:100%;justify-content:flex-start}.acad-icon-expand{display:inline-flex}.acad-data-table{font-size:12px;min-width:700px}.acad-data-table thead th,.acad-data-table tbody td{padding:8px 10px}.acad-col-actions{min-width:150px!important}.acad-stats-summary{flex-direction:column;gap:8px}.acad-modal-container{width:95%;max-height:95vh}.acad-view-row{flex-direction:column;align-items:flex-start}.acad-view-label{width:100%;margin-bottom:4px}.acad-view-value{text-align:left;width:100%}.acad-summary-grid{grid-template-columns:1fr}}@media(max-width:480px){.acad-page{padding:10px 12px}.acad-data-table{font-size:11px;min-width:550px}.acad-data-table thead th,.acad-data-table tbody td{padding:6px 8px}.acad-col-actions{min-width:120px!important}.acad-table-container{width:100%;max-height:95vh}.acad-form-actions{flex-direction:column}.acad-form-actions button{width:100%;justify-content:center}.acad-action-buttons{flex-direction:column}.acad-right-actions{flex-direction:column;width:100%}.acad-right-actions button{width:100%}.acad-table-footer{flex-direction:column;align-items:stretch}.acad-table-footer .acad-btn{justify-content:center}.acad-stats-summary{flex-direction:column;gap:8px}.acad-modal-container{padding:0;border-radius:8px}.acad-modal-header,.acad-modal-body,.acad-modal-footer{padding:12px 16px}.acad-view-section{padding:12px}.acad-expanded-grid{grid-template-columns:1fr}}@media(prefers-color-scheme:dark){.acad-page{background:#1a1a2e}.acad-page-header{border-color:#2d2d44}.acad-page-header-left h2{color:#fff}.acad-page-subtitle{color:#88a}.acad-form{background:#2d2d44;border-color:#3d3d5c}.acad-step-header{border-color:#3d3d5c}.acad-step-header h3{color:#fff}.acad-step-header h3 i{color:#35d461}.acad-step-header p{color:#88a}.acad-form-group label{color:#fff}.acad-form-group input,.acad-form-group select,.acad-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.acad-form-group input:focus,.acad-form-group select:focus,.acad-form-group textarea:focus{border-color:#35d461}.acad-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.acad-btn-secondary:hover{background:#4d4d6c}.acad-btn-outline{border-color:#4d4d6c;color:#fff}.acad-btn-outline:hover{background:#3d3d5c}.acad-unit-summary{background:#1a3d2d;border-color:#1a5d3d}.acad-unit-summary-item{color:#d0d0d0}.acad-total-highlight{color:#6ee7b7}.acad-summary-card{background:#1a3d2d;border-color:#1a5d3d}.acad-summary-title{color:#6ee7b7}.acad-summary-item{background:#2d2d44;border-color:#1a5d3d}.acad-summary-item span{color:#88a}.acad-summary-item strong{color:#6ee7b7}.acad-validation-warning,.acad-warning-banner{background:#3d3d1a;border-color:#5c5c1a;color:#fbbf24}.acad-file-upload{background:#3d3d5c;border-color:#4d4d6c}.acad-file-upload:hover{border-color:#35d461;background:#1a3d2d}.acad-upload-placeholder{color:#88a}.acad-upload-placeholder i{color:#666}.acad-file-info{background:#3d3d5c;border-color:#4d4d6c}.acad-file-info span{color:#d0d0d0}.acad-table-container{background:#2d2d44}.acad-table-header{border-color:#3d3d5c}.acad-table-header h2{color:#fff}.acad-table-header h2 i{color:#35d461}.acad-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.acad-search-input{color:#fff}.acad-search-input::placeholder{color:#88a}.acad-search-icon{color:#88a}.acad-stats-badge{background:#3d3d5c;color:#88a}.acad-data-table{background:#2d2d44}.acad-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.acad-data-table thead th{color:#fff;background:#3d3d5c}.acad-data-table tbody tr{border-color:#3d3d5c}.acad-data-table tbody tr:hover{background-color:#3d3d5c}.acad-data-table tbody td{color:#d0d0e0}.acad-title-name{color:#fff}.acad-title-meta{color:#88a}.acad-meta-icon{color:#666}.acad-formal{background:#1a2d4d;color:#93c5fd}.acad-vocational{background:#3d3d1a;color:#fbbf24}.acad-special{background:#3d1a2d;color:#f9a8d4}.acad-total-badge{background:#1a3d2d;color:#6ee7b7}.acad-male{background:#1a2d4d;color:#93c5fd}.acad-female{background:#3d1a2d;color:#f9a8d4}.acad-performance-excellent{background:#1a3d2d;color:#6ee7b7}.acad-performance-good{background:#3d3d1a;color:#fbbf24}.acad-performance-average{background:#3d1a1a;color:#fdba74}.acad-performance-poor{background:#3d1f1f;color:#fca5a5}.acad-head-badge{background:#3d3d5c;color:#88a}.acad-table-footer{border-color:#4d4d6c;background:#2d2d44}.acad-stat-value{color:#35d461}.acad-stat-label{color:#88a}.acad-icon-view:hover{background-color:#1a2d4d}.acad-icon-edit:hover{background-color:#3d3d1a}.acad-icon-print:hover{background-color:#1a3d2d}.acad-icon-delete:hover{background-color:#3d1f1f}.acad-expanded-row{background-color:#3d3d5c!important}.acad-expanded-item label{color:#88a}.acad-expanded-item span,.acad-empty-state h4{color:#fff}.acad-empty-state p{color:#88a}.acad-empty-icon{color:#3d3d5c}.acad-editing-badge{background:#5c3d1a;color:#fbbf24}.acad-modal-container{background:#2d2d44}.acad-modal-header{border-color:#35d461}.acad-modal-header h3{color:#fff}.acad-modal-header h3 i{color:#35d461}.acad-modal-close{color:#88a}.acad-modal-close:hover{background-color:#3d3d5c;color:#fff}.acad-modal-footer{border-color:#3d3d5c}.acad-view-section{border-color:#3d3d5c;background:#3d3d5c}.acad-view-section h4{color:#fff;border-color:#35d461}.acad-view-section h4 i{color:#35d461}.acad-view-label{color:#88a}.acad-view-value{color:#d0d0d0}}*{margin:0;padding:0;box-sizing:border-box}.agriculture-report-form{padding:0;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh;font-family:Lato,sans-serif}.creation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding:32px 32px 0;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 1px 3px #0000001a}.header-content h1{font-size:2.25rem;font-weight:700;color:#1e293b;margin:0 0 8px;display:flex;align-items:center;gap:12px}.header-content h1 i{color:#10b981}.header-content p{color:#64748b;font-size:1.1rem;margin:0}.progress-steps{display:flex;justify-content:center;align-items:center;padding:32px;background:#fff;margin-bottom:0}.step{display:flex;align-items:center;position:relative;flex:1;max-width:200px}.step-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .3s ease;z-index:2;background:#f1f5f9;color:#64748b;border:2px solid #e2e8f0}.step.active .step-indicator{background:#10b981;border-color:#10b981;color:#fff;transform:scale(1.1)}.step.completed .step-indicator{background:#10b981;border-color:#10b981;color:#fff}.step-title{margin-left:12px;font-weight:600;color:#64748b;font-size:.9rem;white-space:nowrap}.step.active .step-title{color:#10b981}.step.completed .step-title{color:#1e293b}.step-connector{flex:1;height:2px;background:#e2e8f0;margin:0 16px;transition:all .3s ease}.step.completed .step-connector{background:#10b981}.creation-form{background:#fff;border-radius:0 0 16px 16px;padding:32px;box-shadow:0 1px 3px #0000001a}.step-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:32px;text-align:center}.step-header h3{font-size:1.75rem;font-weight:600;color:#1e293b;margin:0 0 8px}.step-header p{color:#64748b;font-size:1rem;margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#374151;margin-bottom:8px;font-size:.95rem}.form-group small{color:#64748b;font-size:.875rem;margin-top:4px}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#fff;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group textarea{resize:vertical;min-height:80px;line-height:1.5}.error-message{color:#ef4444;font-size:.875rem;margin-top:6px;display:flex;align-items:center;gap:4px}.section-container{margin-bottom:32px}.section-container h4{color:#10b981;margin-bottom:16px;font-size:1.25rem;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.table-container{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.data-table{width:100%;border-collapse:collapse;margin-bottom:16px;background:#fff;border-radius:8px;overflow:hidden}.data-table th{background:#f1f5f9;padding:12px 16px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.data-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#64748b}.data-table input,.data-table select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem}.data-table input:focus,.data-table select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.data-table tfoot{background:#f1f5f9;font-weight:600}.production-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px;position:relative}.production-row .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:12px}.production-row .btn-action{position:absolute;top:16px;right:16px}.form-actions{margin-top:40px;padding-top:24px;border-top:2px solid #f1f5f9}.right-actions{display:flex;gap:12px;align-items:center}.btn{padding:12px 24px;border:2px solid;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:#10b981;border-color:#10b981;color:#fff}.btn-primary:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-success{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-success:hover:not(:disabled){background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-outline{background:transparent;border-color:#cbd5e0;color:#64748b}.btn-outline:hover:not(:disabled){border-color:#10b981;color:#10b981;background:#f0f9ff;transform:translateY(-2px)}.btn-info{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.btn-info:hover:not(:disabled){background:#0284c7;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 4px 12px #0ea5e94d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-action{padding:6px 8px;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-action.btn-view{background:#dbeafe;color:#1e40af}.btn-action.btn-edit{background:#fef3c7;color:#92400e}.btn-action.btn-delete{background:#fee2e2;color:#dc2626}.btn-action:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-action.btn-view:hover{background:#bfdbfe}.btn-action.btn-edit:hover{background:#fde68a}.btn-action.btn-delete:hover{background:#fecaca}.spinner{animation:spin 1s linear infinite}.data-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.data-table-container{background:#fff;border-radius:16px;width:90%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.data-table-header{padding:24px;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.data-table-header h2{margin:0;color:#1e293b;display:flex;align-items:center;gap:12px}.data-table-actions{display:flex;gap:12px}.table-responsive{flex:1;overflow:auto;padding:0 24px}.data-table-footer{padding:24px;border-top:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.status-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.status-badge.status-draft{background:#fef3c7;color:#92400e}.status-badge.status-submitted{background:#dbeafe;color:#1e40af}.status-badge.status-reviewed{background:#dcfce7;color:#166534}.status-badge.status-approved{background:#10b981;color:#fff}.status-badge.status-archived{background:#d1d5db;color:#374151}.status-badge.status-active{background:#dcfce7;color:#166534}.status-badge.status-inactive{background:#f1f5f9;color:#64748b}.text-success{color:#166534}.text-danger{color:#dc2626}.text-info{color:#1e40af}.text-warning{color:#92400e}.summary-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:24px}.summary-card h4{margin:0 0 24px;color:#1e293b;font-size:1.5rem;text-align:center;border-bottom:2px solid #e2e8f0;padding-bottom:16px}.summary-section{margin-bottom:24px}.summary-section:last-child{margin-bottom:0}.summary-section h5{color:#10b981;margin:0 0 16px;font-size:1.1rem;font-weight:600;border-bottom:1px solid #e2e8f0;padding-bottom:8px}.summary-content{display:flex;flex-direction:column;gap:16px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.summary-item:last-child{border-bottom:none}.summary-item span{color:#64748b;font-weight:500;flex:1}.summary-item strong{color:#1e293b;text-align:right;flex:1}.side-view-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1000}.side-view-container{background:#fff;width:800px;max-width:90vw;height:100vh;display:flex;flex-direction:column;box-shadow:-4px 0 6px -1px #0000001a}.side-view-header{padding:24px;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.side-view-header h3{margin:0;color:#1e293b;display:flex;align-items:center;gap:12px}.btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:8px;border-radius:6px}.btn-close:hover{background:#f1f5f9;color:#1e293b}.side-view-content{flex:1;overflow:auto;padding:24px}.side-view-footer{padding:24px;border-top:2px solid #e2e8f0;display:flex;justify-content:flex-end}.view-details-grid{display:flex;flex-direction:column;gap:24px}.detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.detail-section h4{color:#10b981;margin:0 0 16px;font-size:1.1rem;font-weight:600}.detail-row{display:flex;align-items:flex-start;margin-bottom:12px;gap:16px}.detail-row:last-child{margin-bottom:0}.detail-row.full-width{flex-direction:column;align-items:stretch}.detail-label{font-weight:600;color:#475569;min-width:180px;flex-shrink:0}.detail-value{color:#1e293b;flex:1;word-break:break-word}@media(max-width:768px){.agriculture-report-form{padding:0}.creation-header{flex-direction:column;gap:20px;align-items:stretch;padding:24px 20px 0}.header-content h1{font-size:1.75rem}.progress-steps{padding:24px 20px;overflow-x:auto}.step{flex-shrink:0;min-width:120px}.step-title{font-size:.8rem}.creation-form{padding:24px 20px}.form-grid{grid-template-columns:1fr;gap:20px}.action-buttons{flex-direction:column;gap:16px}.right-actions{width:100%;justify-content:space-between}.btn{flex:1;justify-content:center}.summary-item{flex-direction:column;align-items:flex-start;gap:4px}.summary-item strong{text-align:left}.production-row .form-row{grid-template-columns:1fr;gap:12px}.data-table-container{width:95%;max-height:95vh}.side-view-container{width:100%;max-width:100vw}.detail-row{flex-direction:column;gap:4px}.detail-label{min-width:auto}}@media(max-width:480px){.creation-header{margin-bottom:24px}.header-content h1,.step-header h3{font-size:1.5rem}.form-group input,.form-group select,.form-group textarea{padding:12px 14px}.data-table-header{flex-direction:column;gap:16px;align-items:stretch}.data-table-actions{width:100%;justify-content:space-between}}.form-group textarea::-webkit-scrollbar,.side-view-content::-webkit-scrollbar,.table-responsive::-webkit-scrollbar{width:6px}.form-group textarea::-webkit-scrollbar-track,.side-view-content::-webkit-scrollbar-track,.table-responsive::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.form-group textarea::-webkit-scrollbar-thumb,.side-view-content::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.form-group textarea::-webkit-scrollbar-thumb:hover,.side-view-content::-webkit-scrollbar-thumb:hover,.table-responsive::-webkit-scrollbar-thumb:hover{background:#94a3b8}.readonly{background:#f1f5f9;color:#64748b;cursor:not-allowed}.readonly:focus{border-color:#e2e8f0;box-shadow:none;transform:none}.disability-form-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9}.disability-form-container h1{text-align:center;color:#2c3e50;margin-bottom:10px}.disability-form-container h2{text-align:center;color:#34495e;margin-bottom:30px;border-bottom:2px solid #3498db;padding-bottom:10px}.disability-form-container h3{color:#2c3e50;background-color:#ecf0f1;padding:10px;border-radius:5px;margin-top:30px;margin-bottom:20px}.disability-form-container h4{color:#34495e;margin-top:20px;margin-bottom:15px;padding-left:10px;border-left:4px solid #3498db}.disability-form-container h5{color:#7f8c8d;margin-top:15px;margin-bottom:10px}.form-section{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.form-group{margin-bottom:15px}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-row .form-group{flex:1;margin-bottom:0}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#2c3e50}.form-group input[type=text],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #bdc3c7;border-radius:4px;font-size:14px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.radio-group{display:flex;gap:20px;flex-wrap:wrap}.radio-group label{display:flex;align-items:center;gap:5px;font-weight:400;cursor:pointer}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer}.checkbox-label input[type=checkbox]{margin:0}.specify-input{flex:1;margin-left:10px;padding:4px 8px;border:1px solid #bdc3c7;border-radius:4px}.challenge-input{display:block;width:100%;margin-bottom:8px;padding:6px 10px;border:1px solid #bdc3c7;border-radius:4px}.needs-assessment-table{overflow-x:auto;margin-bottom:30px}.needs-assessment-table table{width:100%;border-collapse:collapse;background-color:#fff}.needs-assessment-table th{background-color:#3498db;color:#fff;padding:10px;text-align:left;font-weight:600}.needs-assessment-table td{padding:10px;border:1px solid #ecf0f1}.needs-assessment-table textarea{width:100%;min-height:80px;resize:vertical;border:1px solid #bdc3c7;border-radius:4px;padding:8px}.form-actions{display:flex;justify-content:center;gap:20px;margin-top:30px;padding-top:20px;border-top:1px solid #ecf0f1}.submit-btn,.save-btn,.clear-btn{padding:12px 30px;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.submit-btn{background-color:#2ecc71;color:#fff}.submit-btn:hover{background-color:#27ae60}.save-btn{background-color:#3498db;color:#fff}.save-btn:hover{background-color:#2980b9}.clear-btn{background-color:#e74c3c;color:#fff}.clear-btn:hover{background-color:#c0392b}@media(max-width:768px){.form-row,.radio-group{flex-direction:column;gap:10px}.needs-assessment-table{font-size:12px}.form-actions{flex-direction:column}.submit-btn,.save-btn,.clear-btn{width:100%}}.photo-upload-section{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #dee2e6}.instruction-text{color:#6c757d;margin-bottom:20px;font-size:14px}.photo-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.photo-upload-item{text-align:center}.photo-preview{position:relative;width:100%;height:200px;margin:0 auto 15px;border:2px dashed #dee2e6;border-radius:8px;overflow:hidden;background:#fff;transition:border-color .3s ease}.photo-preview:hover{border-color:#6c757d}.photo-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#6c757d;font-size:14px;padding:10px}.photo-placeholder i{font-size:48px;margin-bottom:10px;color:#adb5bd}.btn-remove-photo{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;z-index:10}.btn-remove-photo i{font-size:16px}.photo-upload-controls{display:flex;flex-direction:column;align-items:center;gap:8px}.photo-upload-controls .btn-outline{padding:8px 16px;font-size:13px}.photo-description{font-size:12px;color:#6c757d;margin-top:5px;text-align:center;line-height:1.4}.photo-instructions{background:#e7f5ff;border-left:4px solid #339af0;padding:15px;margin-top:20px;border-radius:4px}.photo-instructions h5{margin-top:0;color:#1c7ed6;font-size:14px;margin-bottom:10px}.photo-instructions ul{margin:10px 0 0 20px;padding:0}.photo-instructions li{margin-bottom:5px;color:#495057;font-size:13px}.recommendation-preview{margin-top:20px}.preview-box{border:2px solid #dee2e6;border-radius:8px;padding:20px;background:#f8f9fa;transition:all .3s ease}.preview-yes{border-color:#40c057;background:#ebfbee}.preview-no{border-color:#fa5252;background:#fff5f5}.preview-conditional{border-color:#fab005;background:#fff9db}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1)}.preview-header h5{margin:0;color:#212529;font-size:16px}.preview-details{color:#495057}.preview-details p{margin:10px 0;color:#495057;font-size:14px;line-height:1.5}.preview-details strong{color:#212529;margin-right:5px}.preview-placeholder{color:#adb5bd;font-style:italic;text-align:center;padding:20px;font-size:14px}.priority-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.priority-low{background:#d3f9d8;color:#2b8a3e}.priority-medium{background:#fff3bf;color:#e67700}.priority-high{background:#ffc9c9;color:#c92a2a}.priority-urgent{background:#ffa8a8;color:#a61e4d}.review-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:15px 0}.review-photo-item{background:#f8f9fa;padding:15px;border-radius:8px;text-align:center;border:1px solid #dee2e6}.photo-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.status-success{color:#2b8a3e;font-weight:500}.status-warning{color:#e67700;font-weight:500}.photo-status i{font-size:16px}.review-recommendation{border-radius:8px;padding:20px;margin:15px 0;border:2px solid #dee2e6}.recommendation-yes{background:#ebfbee;border-color:#40c057}.recommendation-no{background:#fff5f5;border-color:#fa5252}.recommendation-conditional{background:#fff9db;border-color:#fab005}.recommendation-pending{background:#e9ecef;border-color:#adb5bd}.recommendation-header{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1)}.recommendation-header h5{margin:0;color:#212529;font-size:16px}.recommendation-details{color:#495057}.recommendation-details .detail-row{display:flex;justify-content:space-between;margin:8px 0;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.recommendation-details .detail-row:last-child{border-bottom:none}.recommendation-details .detail-row span:first-child{font-weight:600;color:#495057}.recommendation-details .detail-row span:last-child{text-align:right;color:#868e96;max-width:60%;word-break:break-word}.assessment-summary{background:#f8f9fa;border-radius:8px;padding:20px;margin:15px 0;border:1px solid #dee2e6}.assessment-summary h4{margin-top:0;color:#495057;border-bottom:2px solid #dee2e6;padding-bottom:10px;margin-bottom:15px;font-size:16px}.summary-content{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fff;border-radius:6px;border:1px solid #e9ecef}.summary-item span{color:#6c757d;font-weight:500;font-size:14px}.summary-item strong{color:#495057;font-size:14px}.photo-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:10px}.modal-container .photo-preview{width:100%;height:120px;margin:0}.modal-container .photo-placeholder{font-size:12px;padding:5px}.modal-container .photo-label{font-size:12px;color:#6c757d;text-align:center;margin-top:5px}.recommendation-details .detail-row{display:flex;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f1f3f5}.recommendation-details .detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.recommendation-details .detail-label{min-width:150px;font-weight:600;color:#495057;font-size:14px}.recommendation-details .detail-value{flex:1;color:#868e96;font-size:14px;word-break:break-word}.recommendation-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.recommendation-yes{background:#d3f9d8;color:#2b8a3e}.recommendation-no{background:#ffc9c9;color:#c92a2a}.recommendation-conditional{background:#fff3bf;color:#e67700}.recommendation-pending{background:#e9ecef;color:#495057}@media(max-width:992px){.photo-upload-grid,.review-photos,.photo-preview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.photo-upload-grid,.review-photos,.photo-preview-grid,.summary-content{grid-template-columns:1fr}.recommendation-details .detail-row{flex-direction:column;align-items:flex-start}.recommendation-details .detail-label{min-width:auto;margin-bottom:4px}.recommendation-details .detail-value{width:100%}}.photo-upload-error,.recommendation-error{border-color:#fa5252!important}@keyframes photoUploadSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.photo-upload-success{animation:photoUploadSuccess .5s ease}input[type=file]{cursor:pointer}.photo-upload-controls .btn-outline:hover{background:#f8f9fa;border-color:#6c757d}@media print{.photo-preview,.photo-placeholder,.btn-remove-photo,.photo-upload-controls{display:none!important}.photo-upload-section{border:none;background:none;padding:0}}.progress-steps .step:nth-child(8) .step-indicator{background-color:#4dabf7}.progress-steps .step:nth-child(9) .step-indicator{background-color:#20c997}.progress-steps .step:nth-child(10) .step-indicator{background-color:#339af0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.form-group.full-width{grid-column:1 / -1}.final-review{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #dee2e6;margin-top:20px}.final-review h5{margin-top:0;color:#495057;margin-bottom:15px}.checklist{display:flex;flex-direction:column;gap:10px}.checklist .checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#495057}.checklist .checkbox-label input[type=checkbox]{width:18px;height:18px}.photo-loading{position:absolute;inset:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:5}.photo-loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.detail-value.recommendation-yes{color:#2b8a3e;font-weight:600}.detail-value.recommendation-no{color:#c92a2a;font-weight:600}.detail-value.recommendation-conditional{color:#e67700;font-weight:600}.detail-value.recommendation-pending{color:#495057;font-weight:600}.photo-preview-img{transition:transform .3s ease}.photo-preview:hover .photo-preview-img{transform:scale(1.05)}.file-size-indicator{font-size:11px;color:#6c757d;margin-top:3px}.required-field:after{content:" *";color:#fa5252}.photo-tooltip{position:relative;display:inline-block;margin-left:5px;color:#339af0;cursor:help}.photo-tooltip .tooltip-text{visibility:hidden;width:200px;background-color:#333;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s;font-size:12px}.photo-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.step-header h3{color:#2c3e50;margin-bottom:10px;font-size:24px}.step-header p{color:#7f8c8d;font-size:14px;margin-bottom:20px}.btn-outline{background:transparent;border:2px solid #3498db;color:#3498db;padding:10px 20px;border-radius:5px;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-outline:hover{background:#3498db;color:#fff}.error-message.full-width{grid-column:1 / -1;background:#ffe3e6;border:1px solid #ff6b6b;color:#c92a2a;padding:10px 15px;border-radius:5px;margin-top:10px;font-size:14px}.form-actions{margin-top:30px;padding-top:20px;border-top:1px solid #dee2e6}.action-buttons{display:flex;justify-content:space-between;align-items:center}.right-actions{display:flex;gap:10px}@media(max-width:576px){.action-buttons{flex-direction:column;gap:10px}.right-actions{width:100%;justify-content:space-between}.photo-upload-item{margin-bottom:20px}.preview-header{flex-direction:column;align-items:flex-start;gap:10px}.preview-header h5{font-size:14px}}.tag-selector{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:15px;margin-top:10px}.tag-search{position:relative;margin-bottom:15px}.tag-search-input{width:100%;padding:10px 15px 10px 40px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;transition:border-color .3s}.tag-search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.tag-search .bi-search{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#9ca3af}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;min-height:40px;padding:8px;background:#f9fafb;border-radius:6px}.selected-tag{display:flex;align-items:center;gap:6px;background:#4f46e5;color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500}.tag-remove{background:none;border:none;color:#fff;cursor:pointer;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.tag-remove:hover{background:#fff3}.tag-items-container{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px}.tag-item{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.tag-item:last-child{border-bottom:none}.tag-item:hover{background-color:#f9fafb}.tag-item.selected{background-color:#f0f9ff;color:#0369a1}.tag-item-label{font-size:14px;color:#374151}.tag-item.selected .tag-item-label{color:#0369a1;font-weight:500}.tag-item .bi-check{color:#059669;font-size:16px}.tag-checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:10px}.tag-item-wrapper{margin-bottom:10px}.tag-selectable{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.tag-selectable:hover{border-color:#d1d5db;background:#f3f4f6}.tag-selectable.selected{background:#f0f9ff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.tag-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.tag-checkbox .bi-check-square-fill{color:#4f46e5;font-size:20px}.tag-checkbox .bi-square{color:#9ca3af;font-size:20px}.tag-checkbox .bi-dot-circle-fill{color:#4f46e5;font-size:20px}.tag-checkbox .bi-circle{color:#9ca3af;font-size:20px}.tag-label{font-size:14px;color:#374151;font-weight:500}.tag-selectable.selected .tag-label{color:#1e40af}.specify-input{margin-top:8px;width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px}.specify-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:350px}.toast{display:flex;align-items:center;padding:15px 20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;border-left:4px solid}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-warning{border-left-color:#f59e0b}.toast-info{border-left-color:#3b82f6}.toast-icon{margin-right:12px;font-size:20px}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-content{flex:1;font-size:14px;color:#374151}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;margin-left:10px;border-radius:4px;display:flex;align-items:center;justify-content:center}.toast-close:hover{background:#f3f4f6;color:#6b7280}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-top:10px}.checkbox-item{display:flex;flex-direction:column;gap:5px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s}.checkbox-label:hover{background-color:#f9fafb}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-text{font-size:14px;color:#374151}@media(max-width:768px){.tag-checkbox-group,.checkbox-grid{grid-template-columns:1fr}.toast-container{max-width:90%;left:5%;right:5%}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6b7280}.loading-state .spinner{animation:spin 1s linear infinite;font-size:24px;color:#4f46e5;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.photo-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.photo-upload-item{display:flex;flex-direction:column;align-items:center;gap:15px}.photo-preview{position:relative;width:100%;max-width:300px;height:200px;border:2px dashed #d1d5db;border-radius:8px;overflow:hidden;background:#f9fafb;display:flex;align-items:center;justify-content:center}.photo-preview-img{width:100%;height:100%;object-fit:cover}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#6b7280;text-align:center;padding:20px}.photo-placeholder i{font-size:40px;color:#9ca3af}.btn-remove-photo{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.btn-remove-photo:hover{background:#000000e6}.photo-upload-controls{text-align:center}.photo-description{margin-top:5px;font-size:12px;color:#6b7280}.photo-instructions{margin-top:20px;padding:15px;background:#f0f9ff;border-radius:8px;border-left:4px solid #3b82f6}.photo-instructions h5{margin:0 0 10px;color:#1e40af}.photo-instructions ul{margin:0;padding-left:20px;color:#4b5563}.photo-instructions li{margin-bottom:5px;font-size:14px}.validation-summary{background:#f9fafb;border-radius:8px;padding:20px;margin-top:20px}.validation-list{display:flex;flex-direction:column;gap:8px}.validation-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;background:#fff}.validation-item.valid{border-left:4px solid #10b981}.validation-item.invalid{border-left:4px solid #ef4444}.validation-item i{font-size:16px}.validation-item.valid i{color:#10b981}.validation-item.invalid i{color:#ef4444}.validation-item span{font-size:14px;color:#374151}.assess-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.assess-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.assess-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.assess-page-header-left h2 i{color:#3b82f6}.assess-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.assess-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.assess-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.assess-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.assess-btn-primary{background:#3b82f6;color:#fff}.assess-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.assess-btn-success{background:#10b981;color:#fff}.assess-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.assess-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.assess-btn-secondary:hover{background:#e8e8e8;border-color:silver}.assess-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.assess-btn-outline:hover{background:#f8f9fa}.assess-btn:disabled{opacity:.6;cursor:not-allowed}.assess-spinner{animation:assessSpin 1s linear infinite}@keyframes assessSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.assess-btn-label{display:none}.assess-btn{padding:6px 10px}}.assess-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.assess-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.assess-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease}.assess-step.active .assess-step-indicator{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:scale(1.05)}.assess-step.completed .assess-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.assess-step-number{font-weight:600;color:#64748b}.assess-step.active .assess-step-number{color:#fff}.assess-step-title{font-size:clamp(11px,.9vw,13px);color:#94a3b8;font-weight:500;text-align:center}.assess-step.active .assess-step-title{color:#3b82f6;font-weight:600}.assess-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1}.assess-step.completed .assess-step-connector{background:#10b981}@media(max-width:768px){.assess-progress-steps{flex-wrap:wrap;gap:10px;padding:0 10px}.assess-step-connector{display:none}}.assess-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.assess-step-content{animation:assessFadeIn .3s ease}@keyframes assessFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.assess-step-header{margin-bottom:24px;text-align:center}.assess-step-header h3{font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.assess-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.assess-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:10px}.assess-form-group{display:flex;flex-direction:column;gap:4px}.assess-form-group.assess-full-width{grid-column:1 / -1}.assess-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.assess-form-group input,.assess-form-group select,.assess-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.assess-form-group input:focus,.assess-form-group select:focus,.assess-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.assess-form-group textarea{resize:vertical;min-height:60px}.assess-form-group input.assess-error,.assess-form-group select.assess-error,.assess-form-group textarea.assess-error{border-color:#ef4444}.assess-error-message{color:#ef4444;font-size:12px;margin-top:4px}.assess-form-group small{color:#6b7280;font-size:12px;margin-top:4px}.assess-section-header{grid-column:1 / -1;margin:16px 0 8px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.assess-section-header h4{margin:0;color:#1a1a2e;font-size:clamp(15px,1.5vw,17px);font-weight:600}.assess-student-info-card{grid-column:1 / -1;background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:8px}.assess-student-info-card h4{margin:0 0 12px;color:#1a1a2e;font-size:16px;font-weight:600}.assess-student-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 16px}.assess-detail-row{display:flex;flex-direction:column;gap:2px}.assess-detail-row .assess-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.assess-detail-row .assess-value{font-size:14px;color:#1a1a2e;font-weight:500}.assess-summary-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:20px 24px}.assess-summary-card h4{margin:0 0 16px;color:#1a1a2e;font-size:18px;font-weight:600;text-align:center;padding-bottom:12px;border-bottom:2px solid #e0e0e0}.assess-summary-content{display:flex;flex-direction:column;gap:16px}.assess-summary-section h5{margin:0 0 8px;color:#3b82f6;font-size:14px;font-weight:600;border-bottom:1px solid #e0e0e0;padding-bottom:6px}.assess-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9}.assess-summary-item:last-child{border-bottom:none}.assess-summary-item span{color:#64748b;font-weight:500}.assess-summary-item strong{color:#1a1a2e}.assess-form-actions{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.assess-action-buttons{display:flex;justify-content:space-between;align-items:center}.assess-right-actions{display:flex;gap:10px;align-items:center}@media(max-width:600px){.assess-action-buttons{flex-direction:column;gap:12px}.assess-right-actions{width:100%;justify-content:space-between}.assess-right-actions .assess-btn{flex:1;justify-content:center}}.assess-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.assess-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.assess-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.assess-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.assess-table-header h2 i{color:#3b82f6}.assess-table-actions{display:flex;gap:8px;flex-wrap:wrap}.assess-table-wrapper{overflow:auto;flex:1;padding:0 4px}.assess-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:700px}.assess-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.assess-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.assess-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.assess-data-table tbody tr:hover{background-color:#fafbff}.assess-data-table tbody td{padding:10px 14px;vertical-align:middle}.assess-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:capitalize}.assess-status-bora_sana,.assess-status-bora-sana{background:#dcfce7;color:#166534}.assess-status-bora{background:#dbeafe;color:#1e40af}.assess-status-wastani{background:#fef3c7;color:#92400e}.assess-status-dhaifu{background:#fee2e2;color:#dc2626}.assess-action-buttons{display:flex;gap:4px}.assess-icon-btn{background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.assess-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.assess-icon-view{color:#1976d2;background:#e3f2fd}.assess-icon-view:hover{background:#bbdefb}.assess-icon-edit{color:#d97706;background:#fef3c7}.assess-icon-edit:hover{background:#fde68a}.assess-icon-delete{color:#dc2626;background:#fee2e2}.assess-icon-delete:hover{background:#fecaca}.assess-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.assess-table-count{font-size:14px;color:#64748b;font-weight:500}.assess-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.assess-side-container{width:550px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:assessSlideIn .3s ease}@keyframes assessSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.assess-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.assess-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.assess-side-header h3 i{color:#3b82f6}.assess-modal-close{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s;color:#666;font-size:20px}.assess-modal-close:hover{background:#f0f0f0;color:#1a1a2e}.assess-side-body{flex:1;overflow-y:auto;padding:20px 24px}.assess-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.assess-view-grid{display:flex;flex-direction:column;gap:16px}.assess-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:14px 16px}.assess-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.assess-view-section h4 i{color:#3b82f6}.assess-view-row{display:flex;margin-bottom:6px;align-items:flex-start}.assess-view-row:last-child{margin-bottom:0}.assess-view-row.assess-view-full{flex-direction:column;gap:4px}.assess-view-label{width:130px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.assess-view-value{flex:1;color:#1a1a2e;font-size:13px}.assess-view-full .assess-view-label{width:100%}@media(max-width:768px){.assess-page-header{flex-direction:column;align-items:flex-start;gap:12px}.assess-page-header-right{width:100%;justify-content:flex-start}.assess-table-header{flex-direction:column;align-items:flex-start}.assess-table-actions{width:100%;justify-content:flex-start}.assess-side-container{width:100%;max-width:100%}.assess-form-grid{grid-template-columns:1fr}.assess-student-details{grid-template-columns:1fr 1fr}.assess-view-row{flex-direction:column;gap:2px}.assess-view-label{width:100%}}@media(max-width:480px){.assess-page{padding:10px 12px}.assess-student-details{grid-template-columns:1fr}.assess-data-table{font-size:11px;min-width:550px}.assess-table-container{width:100%;max-height:95vh}.assess-summary-item{flex-direction:column;gap:2px}.assess-summary-item strong{font-weight:600}}@media(prefers-color-scheme:dark){.assess-page{background:#1a1a2e}.assess-page-header{border-color:#2d2d44}.assess-page-header-left h2{color:#fff}.assess-page-subtitle{color:#88a}.assess-form{background:#2d2d44;border-color:#3d3d5c}.assess-step-header h3{color:#fff}.assess-step-header p{color:#88a}.assess-form-group label{color:#fff}.assess-form-group input,.assess-form-group select,.assess-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.assess-form-group input:focus,.assess-form-group select:focus,.assess-form-group textarea:focus{border-color:#3b82f6}.assess-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.assess-btn-secondary:hover{background:#4d4d6c}.assess-student-info-card{background:#3d3d5c;border-color:#4d4d6c}.assess-student-info-card h4{color:#fff}.assess-detail-row .assess-value{color:#d0d0e0}.assess-summary-card{background:#3d3d5c;border-color:#4d4d6c}.assess-summary-card h4{color:#fff;border-color:#4d4d6c}.assess-summary-section h5{color:#3b82f6;border-color:#4d4d6c}.assess-summary-item{border-color:#4d4d6c}.assess-summary-item span{color:#88a}.assess-summary-item strong{color:#d0d0e0}.assess-table-container{background:#2d2d44}.assess-table-header{border-color:#3d3d5c}.assess-table-header h2{color:#fff}.assess-table-header h2 i{color:#3b82f6}.assess-data-table{background:#2d2d44}.assess-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.assess-data-table thead th{color:#fff;background:#3d3d5c}.assess-data-table tbody tr{border-color:#3d3d5c}.assess-data-table tbody tr:hover{background-color:#3d3d5c}.assess-data-table tbody td{color:#d0d0e0}.assess-table-footer{border-color:#4d4d6c;background:#2d2d44}.assess-table-count{color:#88a}.assess-side-container{background:#2d2d44}.assess-side-header{border-color:#3d3d5c}.assess-side-header h3{color:#fff}.assess-side-footer,.assess-view-section{border-color:#3d3d5c}.assess-view-section h4{color:#fff;border-color:#3d3d5c}.assess-view-label{color:#88a}.assess-view-value{color:#d0d0e0}.assess-editing-badge{background:#5c3d1a;color:#fbbf24}.assess-section-header{border-color:#3d3d5c}.assess-section-header h4{color:#fff}.assess-form-actions{border-color:#3d3d5c}.assess-progress-steps .assess-step-title{color:#666}.assess-progress-steps .assess-step.active .assess-step-title{color:#3b82f6}.assess-progress-steps .assess-step.completed .assess-step-title{color:#10b981}}.plan-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.plan-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.plan-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.plan-page-header-left h2 i{color:#667eea}.plan-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.plan-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.plan-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.plan-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.plan-btn-primary{background:#667eea;color:#fff}.plan-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.plan-btn-success{background:#10b981;color:#fff}.plan-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.plan-btn-danger{background:#ef4444;color:#fff}.plan-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.plan-btn-warning{background:#f59e0b;color:#fff}.plan-btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.plan-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.plan-btn-secondary:hover{background:#e8e8e8;border-color:silver}.plan-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.plan-btn-outline:hover{background:#f8f9fa}.plan-btn-apply{background:#667eea;color:#fff}.plan-btn-apply:hover{background:#5a67d8}.plan-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.plan-btn-clear:hover{background:#e8e8e8}.plan-btn-sm{padding:4px 12px;font-size:12px}.plan-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.plan-btn-label{display:none}.plan-btn{padding:6px 10px}}.plan-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.plan-form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.plan-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.plan-form-section h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 16px}.plan-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.plan-form-grid{grid-template-columns:1fr}}.plan-form-group{display:flex;flex-direction:column;gap:4px}.plan-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.plan-form-group input,.plan-form-group select,.plan-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.plan-form-group input:focus,.plan-form-group select:focus,.plan-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.plan-form-control-disabled{background-color:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}.plan-required{color:#ef4444}.plan-form-full{grid-column:1 / -1}.plan-checkbox-group{flex-direction:row;align-items:center}.plan-checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.plan-checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.plan-form-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0;flex-wrap:wrap}@media(max-width:480px){.plan-form-actions{flex-direction:column}.plan-form-actions button{width:100%;justify-content:center}}.plan-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.plan-section-header h3{margin:0}.plan-section-actions{display:flex;gap:8px;flex-wrap:wrap}.plan-column-info .plan-column-badge{background:#edf2f7;padding:6px 12px;border-radius:20px;font-size:13px;color:#4a5568;display:inline-flex;align-items:center;gap:4px}.plan-custom-columns{margin-bottom:16px;padding:12px 16px;background:#f7fafc;border-radius:8px}.plan-custom-columns h4{margin:0 0 8px;font-size:14px;color:#4a5568}.plan-column-tags{display:flex;flex-wrap:wrap;gap:8px}.plan-column-tag{background:#e2e8f0;padding:4px 10px;border-radius:20px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.plan-tag-edit,.plan-tag-delete{background:none;border:none;cursor:pointer;padding:2px;font-size:12px;border-radius:4px;display:inline-flex;align-items:center}.plan-tag-edit:hover{background:#cbd5e0}.plan-tag-delete:hover{background:#fed7d7;color:#ef4444}.plan-table-wrapper{overflow-x:auto;margin-top:12px}.plan-activity-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.plan-activity-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.plan-activity-table thead th{padding:10px 12px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.plan-activity-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.plan-activity-table tbody tr:hover{background-color:#fafbff}.plan-activity-table tbody td{padding:8px 10px;vertical-align:top}.plan-activity-table textarea,.plan-activity-table input,.plan-activity-table select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:clamp(11px,1vw,12px);font-family:inherit;background:#fff;transition:border-color .3s}.plan-activity-table textarea:focus,.plan-activity-table input:focus,.plan-activity-table select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.plan-activity-table textarea{resize:vertical;min-height:36px}.plan-col-sn{width:40px!important;text-align:center!important;font-weight:600;color:#666}.plan-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.plan-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.plan-search-input-wrapper:focus-within{border-color:#667eea}.plan-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.plan-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.plan-search-input::placeholder{color:#999}.plan-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.plan-clear-search:hover{color:#1a1a2e}.plan-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.plan-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.plan-filter-toggle:hover{background-color:#e8e8e8}.plan-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.plan-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.plan-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.plan-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.plan-filter-group{display:flex;flex-direction:column;gap:4px}.plan-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.plan-filter-group select,.plan-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.plan-filter-group select:focus,.plan-filter-group input:focus{outline:none;border-color:#667eea}.plan-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.plan-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.plan-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.plan-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.plan-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.plan-table-header h2 i{color:#667eea}.plan-table-actions{display:flex;gap:8px;flex-wrap:wrap}.plan-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.plan-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.plan-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.plan-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.plan-data-table tbody tr:hover{background-color:#fafbff}.plan-data-table tbody tr:last-child{border-bottom:none}.plan-data-table tbody td{padding:10px 14px;vertical-align:middle}.plan-row-rejected{opacity:.6}.plan-row-rejected:hover{opacity:.8}.plan-col-sn{width:40px!important;text-align:center!important}.plan-col-dept{min-width:120px}.plan-col-year{min-width:80px;text-align:center!important}.plan-col-status{min-width:100px}.plan-col-priority{min-width:90px}.plan-col-budget{min-width:130px;text-align:right!important}.plan-col-actions{min-width:200px!important;text-align:center!important}.plan-table-title{display:flex;flex-direction:column;gap:4px}.plan-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.plan-title-meta{display:flex;align-items:center;gap:8px;font-size:clamp(10px,.9vw,11px);color:#666}.plan-meta-icon{font-size:14px;color:#999}.plan-dept-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#edf2f7;border-radius:20px;font-size:11px;color:#4a5568;font-weight:500}.plan-year-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#e8eeff;border-radius:20px;font-size:11px;color:#667eea;font-weight:600}.plan-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.plan-status-draft{background:#e2e8f0;color:#475569}.plan-status-submitted{background:#dbeafe;color:#2563eb}.plan-status-reviewed{background:#fed7aa;color:#c2410c}.plan-status-approved{background:#d1fae5;color:#059669}.plan-status-rejected{background:#fee2e2;color:#dc2626}.plan-status-archived{background:#fef3c7;color:#d97706}.plan-priority-badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase}.plan-priority-low{background:#e2e8f0;color:#475569}.plan-priority-medium{background:#fef3c7;color:#d97706}.plan-priority-high{background:#fee2e2;color:#dc2626}.plan-priority-critical{background:#dc2626;color:#fff}.plan-budget-amount{font-weight:600;color:#059669}.plan-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.plan-action-btn{padding:4px 10px;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.plan-action-btn i{font-size:14px}.plan-action-btn:hover{transform:translateY(-1px)}.plan-action-edit{background:#fef3c7;color:#d97706}.plan-action-edit:hover{background:#fde68a}.plan-action-submit{background:#dbeafe;color:#2563eb}.plan-action-submit:hover{background:#bfdbfe}.plan-action-review{background:#dbeafe;color:#2563eb}.plan-action-review:hover{background:#bfdbfe}.plan-action-approve{background:#d1fae5;color:#059669}.plan-action-approve:hover{background:#a7f3d0}.plan-action-reject{background:#fee2e2;color:#dc2626}.plan-action-reject:hover{background:#fecaca}.plan-action-resubmit{background:#fef3c7;color:#d97706}.plan-action-resubmit:hover{background:#fde68a}.plan-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.plan-icon-btn:hover{background-color:#f0f0f0}.plan-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.plan-icon-view{color:#1976d2}.plan-icon-view:hover{background-color:#e3f2fd}.plan-icon-delete{color:#ef4444}.plan-icon-delete:hover{background-color:#fee2e2}.plan-icon-expand{display:none;color:#666}.plan-icon-expand .plan-expanded{transform:rotate(180deg)}.plan-expanded-row{background-color:#f8f9fa!important}.plan-expanded-row td{padding:12px 16px!important}.plan-expanded-content{padding:4px 0}.plan-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.plan-expanded-item{display:flex;flex-direction:column;gap:2px}.plan-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.plan-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.plan-expanded-item .plan-status-badge,.plan-expanded-item .plan-priority-badge{display:inline-block;width:fit-content}.plan-expanded-full{grid-column:1 / -1}@media(max-width:600px){.plan-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.plan-expanded-grid{grid-template-columns:1fr}}.plan-table-stats{padding:16px 20px;background:#f8fafc;border-top:1px solid #e0e0e0}.plan-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.plan-stat-item{text-align:center}.plan-stat-value{display:block;font-size:clamp(20px,2.5vw,24px);font-weight:700;color:#667eea}.plan-stat-label{display:block;font-size:clamp(11px,1vw,12px);color:#666;font-weight:500;margin-top:2px}.plan-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.plan-selected-badge{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.plan-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #e0e0e0;flex-wrap:wrap}.plan-pagination-btn{padding:6px 14px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);color:#1a1a2e;transition:all .2s}.plan-pagination-btn:hover:not(:disabled){background:#e8e8e8}.plan-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.plan-page-numbers{display:flex;gap:4px}.plan-page-btn{padding:6px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);transition:all .2s}.plan-page-btn.active{background:#667eea;color:#fff;border-color:#667eea}.plan-page-btn:hover:not(.active){background:#f0f0f0}.plan-page-info{font-size:clamp(12px,1vw,14px);color:#666}.plan-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.plan-modal-container{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column}.plan-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.plan-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.plan-modal-header h3 i{color:#667eea}.plan-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.plan-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.plan-modal-body{padding:20px;overflow-y:auto;flex:1}.plan-modal-footer{padding:16px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.plan-review-info{background:#f8fafc;padding:12px 16px;border-radius:8px;margin-bottom:16px}.plan-review-info p{margin:6px 0;font-size:14px}.plan-review-info strong{color:#475569;width:120px;display:inline-block}.plan-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1200}.plan-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:planSlideIn .3s ease}@keyframes planSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.plan-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.plan-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.plan-side-header h3 i{color:#667eea}.plan-side-body{flex:1;overflow-y:auto;padding:20px 24px}.plan-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.plan-view-grid{display:flex;flex-direction:column;gap:16px}.plan-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.plan-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.plan-view-section h4 i{color:#667eea}.plan-view-section-danger{border-color:#fecaca;background:#fef2f2}.plan-view-section-budget{border-color:#a7f3d0;background:#f0fdf4}.plan-view-row{display:flex;margin-bottom:8px}.plan-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.plan-view-value{flex:1;color:#1a1a2e;font-size:13px}.plan-view-full{flex-direction:column}.plan-view-full .plan-view-label{width:100%;margin-bottom:4px}.plan-review-notes{background:#edf2f7;padding:10px 14px;border-radius:6px;font-style:italic;color:#4a5568}.plan-alert{padding:12px 16px;border-radius:8px;margin:12px 16px;display:flex;align-items:center;gap:8px}.plan-alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.plan-alert-success{background:#d1fae5;color:#059669;border:1px solid #a7f3d0}.plan-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.plan-loading-spinner{text-align:center;padding:40px;color:#666}.plan-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:planSpin .8s linear infinite}@keyframes planSpin{to{transform:rotate(360deg)}}.plan-empty-state{text-align:center;padding:60px 20px;color:#666}.plan-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.plan-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.plan-empty-state p{margin:0 0 16px;color:#666}@media(max-width:768px){.plan-page-header{flex-direction:column;align-items:flex-start;gap:12px}.plan-page-header-right{width:100%;justify-content:flex-start}.plan-table-header{flex-direction:column;align-items:flex-start}.plan-table-actions{width:100%;justify-content:flex-start}.plan-side-container{width:100%;max-width:100%}.plan-filter-row{grid-template-columns:1fr 1fr}.plan-icon-expand{display:inline-flex}.plan-data-table{font-size:12px;min-width:700px}.plan-data-table thead th,.plan-data-table tbody td{padding:8px 10px}.plan-col-actions{min-width:150px!important}.plan-action-btn span{display:none}.plan-action-btn{padding:4px 8px}}@media(max-width:480px){.plan-page{padding:10px 12px}.plan-data-table{font-size:11px;min-width:550px}.plan-data-table thead th,.plan-data-table tbody td{padding:6px 8px}.plan-col-actions{min-width:120px!important}.plan-filter-row{grid-template-columns:1fr}.plan-table-container{width:100%;max-height:95vh}.plan-modal-container{width:95%;margin:10px}.plan-view-row{flex-direction:column}.plan-view-label{width:100%;margin-bottom:2px}.plan-pagination{flex-direction:column;gap:8px}.plan-page-numbers{order:2}.plan-pagination-btn{order:1}.plan-page-info{order:3}.plan-table-footer{flex-direction:column;align-items:stretch}.plan-selected-badge,.plan-table-footer .plan-btn{justify-content:center}}@media(prefers-color-scheme:dark){.plan-page{background:#1a1a2e}.plan-page-header{border-color:#2d2d44}.plan-page-header-left h2{color:#fff}.plan-page-subtitle{color:#88a}.plan-form{background:#2d2d44;border-color:#3d3d5c}.plan-form-section{border-color:#3d3d5c}.plan-form-section h3,.plan-form-group label{color:#fff}.plan-form-group input,.plan-form-group select,.plan-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.plan-form-group input:focus,.plan-form-group select:focus,.plan-form-group textarea:focus{border-color:#89f}.plan-form-control-disabled{background-color:#3d3d5c!important;color:#88a!important}.plan-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.plan-btn-secondary:hover{background:#4d4d6c}.plan-btn-outline{border-color:#4d4d6c;color:#fff}.plan-btn-outline:hover{background:#3d3d5c}.plan-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.plan-btn-clear:hover{background:#4d4d6c}.plan-table-container{background:#2d2d44}.plan-table-header{border-color:#3d3d5c}.plan-table-header h2{color:#fff}.plan-table-header h2 i{color:#89f}.plan-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.plan-search-input{color:#fff}.plan-search-input::placeholder{color:#88a}.plan-search-icon{color:#88a}.plan-stats-badge{background:#3d3d5c;color:#88a}.plan-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.plan-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.plan-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.plan-filter-group label{color:#fff}.plan-filter-group select,.plan-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.plan-data-table{background:#2d2d44}.plan-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.plan-data-table thead th{color:#fff;background:#3d3d5c}.plan-data-table tbody tr{border-color:#3d3d5c}.plan-data-table tbody tr:hover{background-color:#3d3d5c}.plan-data-table tbody td{color:#d0d0e0}.plan-title-name{color:#fff}.plan-title-meta{color:#88a}.plan-meta-icon{color:#666}.plan-dept-badge{background:#3d3d5c;color:#88a}.plan-year-badge{background:#1a2a5c;color:#89f}.plan-status-draft{background:#3d3d5c;color:#88a}.plan-budget-amount{color:#34d399}.plan-table-stats{background:#3d3d5c;border-color:#4d4d6c}.plan-stat-value{color:#89f}.plan-stat-label{color:#88a}.plan-table-footer{border-color:#4d4d6c;background:#2d2d44}.plan-selected-badge{background:#1a2a5c;color:#89f}.plan-pagination{border-color:#4d4d6c}.plan-pagination-btn{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.plan-pagination-btn:hover:not(:disabled){background:#4d4d6c}.plan-page-btn{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.plan-page-btn.active{background:#667eea;border-color:#667eea}.plan-page-btn:hover:not(.active){background:#4d4d6c}.plan-page-info{color:#88a}.plan-modal-container{background:#2d2d44}.plan-modal-header{border-color:#3d3d5c}.plan-modal-header h3{color:#fff}.plan-modal-close{color:#88a}.plan-modal-close:hover{background-color:#3d3d5c;color:#fff}.plan-modal-footer{border-color:#3d3d5c}.plan-review-info{background:#3d3d5c}.plan-review-info strong{color:#88a}.plan-side-container{background:#2d2d44}.plan-side-header{border-color:#3d3d5c}.plan-side-header h3{color:#fff}.plan-side-footer,.plan-view-section{border-color:#3d3d5c}.plan-view-section h4{color:#fff;border-color:#3d3d5c}.plan-view-section-danger{border-color:#5c3d3d;background:#3d1f1f}.plan-view-section-budget{border-color:#1a4d3d;background:#1a2d3d}.plan-view-label{color:#88a}.plan-view-value{color:#d0d0e0}.plan-review-notes{background:#3d3d5c;color:#88a}.plan-alert-danger{background:#3d1f1f;color:#fca5a5;border-color:#5c3d3d}.plan-alert-success{background:#1a3d2d;color:#6ee7b7;border-color:#1a5d3d}.plan-column-info .plan-column-badge{background:#3d3d5c;color:#88a}.plan-custom-columns{background:#3d3d5c}.plan-custom-columns h4{color:#88a}.plan-column-tag{background:#4d4d6c;color:#d0d0d0}.plan-tag-edit:hover{background:#5d5d7c}.plan-tag-delete:hover{background:#5c3d3d;color:#f87171}.plan-activity-table{background:#2d2d44}.plan-activity-table thead{background:#3d3d5c;border-color:#4d4d6c}.plan-activity-table thead th{color:#fff;background:#3d3d5c}.plan-activity-table tbody tr{border-color:#3d3d5c}.plan-activity-table tbody tr:hover{background-color:#3d3d5c}.plan-activity-table tbody td{color:#d0d0e0}.plan-activity-table textarea,.plan-activity-table input,.plan-activity-table select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.plan-activity-table textarea:focus,.plan-activity-table input:focus,.plan-activity-table select:focus{border-color:#89f}.plan-expanded-row{background-color:#3d3d5c!important}.plan-expanded-item label{color:#88a}.plan-expanded-item span,.plan-empty-state h4{color:#fff}.plan-empty-state p{color:#88a}.plan-empty-icon{color:#3d3d5c}.plan-editing-badge{background:#5c3d1a;color:#fbbf24}.plan-loading-container,.plan-loading-spinner{color:#88a}.plan-spinner{border-color:#3d3d5c;border-top-color:#89f}.plan-activity-table .plan-col-sn{color:#88a}}.auth-required{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.auth-message{text-align:center;max-width:400px}.auth-message i{font-size:4rem;color:#6c757d;margin-bottom:1rem}.auth-message h3{color:#343a40;margin-bottom:.5rem}.auth-message p{color:#6c757d;margin-bottom:2rem}.auth-error-banner{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:1rem;margin-bottom:1.5rem}.auth-error-content{display:flex;align-items:center;gap:.75rem}.auth-error-content i{color:#ffc107;font-size:1.25rem}.auth-error-content span{flex:1;color:#856404}.user-info{display:flex;align-items:center;gap:1.5rem}.user-name{display:flex;align-items:center;gap:.5rem;background-color:#e9ecef;padding:.5rem 1rem;border-radius:4px;color:#495057}.user-details{display:flex;gap:1rem;margin-top:.5rem}.user-role,.user-department{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6c757d}.health-input:disabled,.health-textarea:disabled,.health-select:disabled{background-color:#f8f9fa;cursor:not-allowed}.btn-action:disabled{opacity:.5;cursor:not-allowed}.editing-badge{background-color:#17a2b8;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;margin-left:1rem;vertical-align:middle}.isp-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.isp-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.isp-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.isp-page-header-left h2 i{color:#667eea}.isp-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.isp-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.isp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.isp-btn-primary{background:#667eea;color:#fff}.isp-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.isp-btn-success{background:#10b981;color:#fff}.isp-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.isp-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.isp-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.isp-btn-sm{padding:4px 12px;font-size:12px}.isp-btn:disabled{opacity:.6;cursor:not-allowed}.isp-btn-label{display:inline}@media(max-width:480px){.isp-btn-label{display:none}.isp-btn{padding:6px 10px}}.isp-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.isp-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.isp-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2;font-size:16px}.isp-step.isp-active .isp-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.isp-step.isp-completed .isp-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.isp-step-icon{font-size:16px}.isp-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.isp-step.isp-active .isp-step-title{color:#667eea;font-weight:600}.isp-step.isp-completed .isp-step-title{color:#10b981}.isp-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.isp-step.isp-completed .isp-step-connector{background:#10b981}@media(max-width:600px){.isp-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.isp-step{flex:0 1 auto;min-width:60px}.isp-step-connector{display:none}.isp-step-title{font-size:10px}.isp-step-indicator{width:32px;height:32px;font-size:12px}}.isp-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.isp-step-content{margin-bottom:32px}.isp-step-header{margin-bottom:24px}.isp-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.isp-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.isp-user-indicator{display:inline-block;margin-top:8px;color:#6b7280;font-size:13px;background:#f8fafc;padding:4px 12px;border-radius:12px}.isp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.isp-form-grid{grid-template-columns:1fr}}.isp-form-group{display:flex;flex-direction:column;gap:4px}.isp-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.isp-form-group input,.isp-form-group select,.isp-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.isp-form-group input:focus,.isp-form-group select:focus,.isp-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.isp-required{color:#ef4444}.isp-full-width{grid-column:1 / -1}.isp-error-message{color:#ef4444;font-size:12px;margin-top:4px}.isp-error{border-color:#ef4444!important}.isp-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.isp-category-title{font-size:clamp(15px,1.3vw,17px);font-weight:600;color:#1e40af;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.isp-section-subtitle{color:#4b5563;font-size:14px;margin:0 0 12px;font-style:italic}.isp-checkbox-group{display:flex;flex-wrap:wrap;gap:16px;margin:8px 0}.isp-checkbox-group.isp-inline{flex-direction:row}.isp-checkbox-group.isp-vertical{flex-direction:column;gap:10px}.isp-checkbox-item{display:flex;align-items:center;gap:8px}.isp-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.isp-checkbox-item label{font-size:14px;color:#374151;cursor:pointer}.isp-radio-group{display:flex;gap:20px;margin:8px 0;flex-wrap:wrap}.isp-radio-group.isp-inline{flex-direction:row}.isp-radio-item{display:flex;align-items:center;gap:8px}.isp-radio-item input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.isp-radio-item label{font-size:14px;color:#374151;cursor:pointer}.isp-support-description{margin:4px 0 12px}.isp-support-guidance{color:#6b7280;font-size:13px;margin:0 0 8px;display:flex;align-items:flex-start;gap:6px}.isp-support-guidance i{color:#667eea;margin-top:2px}.isp-support-textarea{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;resize:vertical;min-height:80px;font-family:inherit}.isp-support-textarea:focus{border-color:#667eea;outline:none}.isp-frequency-input{display:flex;align-items:center;gap:12px;margin-top:8px}.isp-frequency-input label{font-weight:500;color:#374151;white-space:nowrap}.isp-frequency-input input{flex:1;max-width:200px;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.isp-frequency-input input:focus{border-color:#667eea;outline:none}.isp-follow-up-table{overflow-x:auto;margin:8px 0;border:1px solid #e0e0e0;border-radius:8px}.isp-follow-up-table table{width:100%;border-collapse:collapse;font-size:14px}.isp-follow-up-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.isp-follow-up-table td{padding:8px 12px;border-bottom:1px solid #f0f0f0}.isp-follow-up-table tr:last-child td{border-bottom:none}.isp-follow-up-table td input{width:100%;padding:6px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.isp-follow-up-table td input:focus{border-color:#667eea;outline:none}.isp-beneficiary-selection{display:flex;flex-direction:column;gap:20px}.isp-selected-beneficiary-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:20px}.isp-beneficiary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.isp-beneficiary-header h4{margin:0;color:#1a1a2e}.isp-beneficiary-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.isp-detail-row{display:flex;flex-direction:column;gap:2px}.isp-detail-row .isp-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.isp-detail-row .isp-value{font-size:15px;color:#1a1a2e;font-weight:500}.isp-beneficiary-search{display:flex;flex-direction:column;gap:16px;align-items:center;padding:40px;background:#fff;border:2px dashed #e2e8f0;border-radius:10px;text-align:center}.isp-search-box{position:relative;width:100%;max-width:500px}.isp-search-box input{width:100%;padding:12px 16px 12px 44px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px}.isp-search-box input:focus{border-color:#667eea;outline:none}.isp-search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px}.isp-signatures-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:8px 0}.isp-signature-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e0e0e0}.isp-signature-item label{font-weight:500;color:#1a1a2e;font-size:13px}.isp-signature-item input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.isp-signature-item input:focus{border-color:#667eea;outline:none}.isp-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.isp-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.isp-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media(max-width:600px){.isp-summary-content{grid-template-columns:1fr}}.isp-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.isp-summary-item span{color:#6b7280}.isp-summary-item strong{color:#1a1a2e;text-align:right}.isp-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.isp-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.isp-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.isp-action-buttons-bottom{flex-direction:column;align-items:stretch}.isp-right-actions{flex-direction:column;width:100%}.isp-right-actions .isp-btn{width:100%;justify-content:center}}.isp-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:flex-start;gap:10px;font-size:14px}.isp-alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.isp-alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.isp-mt-2{margin-top:8px}.isp-mt-3{margin-top:16px}.isp-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:ispSpin .8s linear infinite}@keyframes ispSpin{to{transform:rotate(360deg)}}.isp-loading-state{text-align:center;padding:40px;color:#666}.isp-loading-state .isp-spinner{width:40px;height:40px;border-width:4px}.isp-empty-state{text-align:center;padding:40px 20px;color:#666}.isp-empty-state i{font-size:48px;color:#e0e0e0;margin-bottom:16px}.isp-empty-state h4{margin:0 0 8px;color:#1a1a2e}.isp-empty-state p{margin:0}.isp-auth-error-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:20px}.isp-auth-error-card{background:#fff;padding:40px;border-radius:12px;text-align:center;max-width:400px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014}.isp-auth-error-card i{font-size:48px;color:#ef4444;margin-bottom:16px}.isp-auth-error-card h3{margin:0 0 8px;color:#1a1a2e}.isp-auth-error-card p{color:#6b7280;margin-bottom:20px}.isp-auth-error-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.isp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.isp-modal-container{background:#fff;border-radius:12px;width:95%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.isp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.isp-modal-header h3{margin:0;font-size:clamp(18px,2vw,20px);color:#1a1a2e}.isp-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.isp-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.isp-modal-content{flex:1;overflow-y:auto;padding:20px 24px}.isp-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:10px}.isp-footer-info{color:#6b7280;font-size:13px}.isp-search-box-modal{position:relative;margin-bottom:16px}.isp-search-box-modal input{width:100%;padding:12px 16px 12px 44px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px}.isp-search-box-modal input:focus{border-color:#667eea;outline:none}.isp-search-box-modal i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px}.isp-beneficiary-list{display:flex;flex-direction:column;gap:12px}.isp-beneficiary-card{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.isp-beneficiary-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea1a}.isp-beneficiary-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.isp-beneficiary-card-header h4{margin:0;color:#1a1a2e}.isp-registration-number{background:#e0e2e8;color:#4a5568;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.isp-beneficiary-card-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:12px}.isp-beneficiary-card-details .isp-detail{display:flex;flex-direction:column;gap:2px}.isp-beneficiary-card-details .isp-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.isp-beneficiary-card-details .isp-value{font-size:13px;color:#1a1a2e;font-weight:500}.isp-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.isp-table-container{background:#fff;border-radius:12px;width:95%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.isp-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.isp-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.isp-table-header h2 i{color:#667eea}.isp-table-actions{display:flex;gap:8px;flex-wrap:wrap}.isp-table-wrapper{overflow-x:auto;flex:1;padding:0 4px}.isp-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.isp-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.isp-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.isp-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.isp-data-table tbody tr:hover{background-color:#fafbff}.isp-data-table tbody td{padding:10px 14px;vertical-align:middle}.isp-col-actions{min-width:80px!important;text-align:center!important}.isp-title-name{font-weight:500;color:#1a1a2e}.isp-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.isp-status-draft{background:#fef3c7;color:#92400e}.isp-status-active{background:#dbeafe;color:#1e40af}.isp-status-completed{background:#dcfce7;color:#166534}.isp-status-archived{background:#f3f4f6;color:#374151}.isp-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.isp-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.isp-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.isp-icon-btn:disabled{opacity:.4;cursor:not-allowed}.isp-icon-print{color:#7c3aed}.isp-icon-print:hover:not(:disabled){background-color:#ede9fe}.isp-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.isp-total-records{font-size:clamp(13px,1.1vw,14px);color:#6b7280}@media(prefers-color-scheme:dark){.isp-page{background:#1a1a2e}.isp-page-header{border-color:#2d2d44}.isp-page-header-left h2{color:#fff}.isp-page-subtitle{color:#88a}.isp-form{background:#2d2d44;border-color:#3d3d5c}.isp-step-header h3{color:#fff}.isp-step-header p{color:#88a}.isp-form-group label{color:#fff}.isp-form-group input,.isp-form-group select,.isp-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.isp-form-group input:focus,.isp-form-group select:focus,.isp-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.isp-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.isp-btn-secondary:hover:not(:disabled){background:#4d4d6c}.isp-category-title{color:#89f;border-color:#4d4d6c}.isp-section-subtitle,.isp-support-guidance{color:#88a}.isp-support-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.isp-support-textarea:focus{border-color:#89f}.isp-frequency-input input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.isp-frequency-input input:focus{border-color:#89f}.isp-follow-up-table{border-color:#3d3d5c}.isp-follow-up-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.isp-follow-up-table td{border-color:#3d3d5c}.isp-follow-up-table td input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.isp-follow-up-table td input:focus{border-color:#89f}.isp-selected-beneficiary-card{background:#3d3d5c;border-color:#4d4d6c}.isp-beneficiary-header h4{color:#fff}.isp-detail-row .isp-value{color:#d0d0e0}.isp-beneficiary-search{background:#3d3d5c;border-color:#4d4d6c}.isp-search-box input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.isp-search-box input:focus{border-color:#89f}.isp-signature-item{background:#3d3d5c;border-color:#4d4d6c}.isp-signature-item label{color:#fff}.isp-signature-item input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.isp-signature-item input:focus{border-color:#89f}.isp-summary-card{background:#3d3d5c;border-color:#4d4d6c}.isp-summary-card h4{color:#fff}.isp-summary-item{border-color:#4d4d6c}.isp-summary-item span{color:#88a}.isp-summary-item strong{color:#fff}.isp-table-container{background:#2d2d44}.isp-table-header{border-color:#3d3d5c}.isp-table-header h2{color:#fff}.isp-table-header h2 i{color:#89f}.isp-data-table{background:#2d2d44}.isp-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.isp-data-table thead th{color:#fff;background:#3d3d5c}.isp-data-table tbody tr{border-color:#3d3d5c}.isp-data-table tbody tr:hover{background-color:#3d3d5c}.isp-data-table tbody td{color:#d0d0e0}.isp-title-name{color:#fff}.isp-status-draft{background:#5c3d1a;color:#fbbf24}.isp-status-active{background:#1a2a5c;color:#93bbff}.isp-status-completed{background:#1a3d2d;color:#6ee7b7}.isp-status-archived{background:#3d3d5c;color:#88a}.isp-table-footer{background:#3d3d5c;border-color:#4d4d6c}.isp-total-records,.isp-icon-btn{color:#88a}.isp-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.isp-icon-print{color:#a78bfa}.isp-icon-print:hover:not(:disabled){background-color:#2d1a5c}.isp-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.isp-step-title{color:#88a}.isp-step.isp-active .isp-step-title{color:#89f}.isp-step.isp-completed .isp-step-title{color:#6ee7b7}.isp-step-connector{background:#3d3d5c}.isp-step.isp-completed .isp-step-connector{background:#6ee7b7}.isp-checkbox-item label{color:#d0d0e0}.isp-checkbox-item input[type=checkbox]{accent-color:#8899ff}.isp-radio-item label{color:#d0d0e0}.isp-radio-item input[type=radio]{accent-color:#8899ff}.isp-empty-state h4{color:#fff}.isp-empty-state p{color:#88a}.isp-empty-state i{color:#3d3d5c}.isp-spinner{border-color:#3d3d5c;border-top-color:#89f}.isp-alert-warning{background:#5c3d1a;color:#fbbf24;border-color:#7c4d2a}.isp-alert-danger{background:#5c1a1a;color:#f87171;border-color:#7c2a2a}.isp-user-indicator{background:#3d3d5c;color:#88a}.isp-modal-container{background:#2d2d44}.isp-modal-header{border-color:#3d3d5c}.isp-modal-header h3{color:#fff}.isp-modal-close{color:#88a}.isp-modal-close:hover{background-color:#3d3d5c;color:#fff}.isp-modal-footer{border-color:#3d3d5c}.isp-footer-info{color:#88a}.isp-search-box-modal input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.isp-search-box-modal input:focus{border-color:#89f}.isp-beneficiary-card{background:#3d3d5c;border-color:#4d4d6c}.isp-beneficiary-card:hover{border-color:#89f}.isp-beneficiary-card-header h4{color:#fff}.isp-registration-number{background:#4d4d6c;color:#88a}.isp-beneficiary-card-details .isp-value{color:#d0d0e0}.isp-auth-error-card{background:#2d2d44;border-color:#3d3d5c}.isp-auth-error-card h3{color:#fff}.isp-auth-error-card p{color:#88a}}.cg-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.cg-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.cg-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.cg-page-header-left h2 i{color:#667eea}.cg-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.cg-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cg-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.cg-btn-primary{background:#667eea;color:#fff}.cg-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.cg-btn-success{background:#10b981;color:#fff}.cg-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.cg-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.cg-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.cg-btn-sm{padding:4px 12px;font-size:12px}.cg-btn:disabled{opacity:.6;cursor:not-allowed}.cg-btn-label{display:inline}@media(max-width:480px){.cg-btn-label{display:none}.cg-btn{padding:6px 10px}}.cg-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.cg-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.cg-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.cg-step.cg-active .cg-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.cg-step.cg-completed .cg-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.cg-step-number{font-weight:600;color:#64748b;font-size:14px}.cg-step.cg-active .cg-step-number,.cg-step.cg-completed .cg-step-number{color:#fff}.cg-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.cg-step.cg-active .cg-step-title{color:#667eea;font-weight:600}.cg-step.cg-completed .cg-step-title{color:#10b981}.cg-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.cg-step.cg-completed .cg-step-connector{background:#10b981}@media(max-width:600px){.cg-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.cg-step{flex:0 1 auto;min-width:60px}.cg-step-connector{display:none}.cg-step-title{font-size:10px}.cg-step-indicator{width:32px;height:32px;font-size:12px}}.cg-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.cg-step-content{margin-bottom:32px}.cg-step-header{margin-bottom:24px}.cg-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.cg-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.cg-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.cg-form-grid{grid-template-columns:1fr}}.cg-form-group{display:flex;flex-direction:column;gap:4px}.cg-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.cg-form-group input,.cg-form-group select,.cg-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.cg-form-group input:focus,.cg-form-group select:focus,.cg-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.cg-form-group input.cg-readonly{background:#f3f4f6;cursor:not-allowed;color:#6b7280}.cg-required{color:#ef4444}.cg-full-width{grid-column:1 / -1}.cg-error-message{color:#ef4444;font-size:12px;margin-top:4px}.cg-error{border-color:#ef4444!important}.cg-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.cg-section-title{font-size:clamp(16px,1.5vw,18px);font-weight:700;color:#1e40af;margin:0 0 16px;padding:12px 16px;border-bottom:2px solid #667eea;background:#f8fafc;border-radius:6px}.cg-child-selection-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:8px}.cg-child-selection-header label{font-weight:600;color:#1a1a2e}.cg-selection-info{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:4px}.cg-child-selection-container{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cg-select-wrapper{flex:1;min-width:200px;position:relative}.cg-select-wrapper select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;transition:border-color .3s}.cg-select-wrapper select:focus{border-color:#667eea;outline:none}.cg-select-wrapper select.cg-loading-select{opacity:.6}.cg-autofill-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;font-size:13px;color:#667eea}.cg-autofill-indicator .cg-spinner{width:16px;height:16px;border-width:2px}.cg-selected-irp-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;margin-top:8px}.cg-selected-irp-header{display:flex;align-items:center;gap:10px;font-size:15px;color:#166534;margin-bottom:12px}.cg-text-success{color:#10b981}.cg-selected-irp-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.cg-detail-row{display:flex;flex-direction:column;gap:2px}.cg-detail-label{font-size:11px;color:#6b7280;text-transform:uppercase;font-weight:600;letter-spacing:.3px}.cg-detail-value{font-size:14px;color:#1a1a2e}.cg-radio-group{display:flex;gap:16px;flex-wrap:wrap}.cg-radio-group.cg-inline{flex-direction:row;align-items:center}.cg-radio-group.cg-compact{gap:10px}.cg-radio-item{display:flex;align-items:center;gap:6px}.cg-radio-item input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.cg-radio-item label{font-size:13px;color:#374151;cursor:pointer}.cg-checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.cg-checkbox-group.cg-vertical{flex-direction:column;gap:8px}.cg-checkbox-item{display:flex;align-items:center;gap:8px}.cg-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.cg-checkbox-item label{font-size:14px;color:#374151;cursor:pointer}.cg-yes-no-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.cg-identification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.cg-functional-table{overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px}.cg-functional-table table{width:100%;border-collapse:collapse;font-size:14px}.cg-functional-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.cg-functional-table td{padding:10px 14px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.cg-functional-table tr:last-child td{border-bottom:none}.cg-matrix-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.cg-risk-table{overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px}.cg-risk-table table{width:100%;border-collapse:collapse;font-size:14px}.cg-risk-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.cg-risk-table td{padding:8px 10px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.cg-risk-table tr:last-child td{border-bottom:none}.cg-risk-table td input,.cg-risk-table td select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.cg-risk-table td input:focus,.cg-risk-table td select:focus{border-color:#667eea;outline:none}.cg-table-actions{padding:12px 16px;background:#f8fafc;border-top:1px solid #e0e0e0}.cg-follow-up-table{overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px}.cg-follow-up-table table{width:100%;border-collapse:collapse;font-size:14px}.cg-follow-up-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.cg-follow-up-table td{padding:10px 14px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.cg-follow-up-table tr:last-child td{border-bottom:none}.cg-follow-up-table td input,.cg-follow-up-table td select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.cg-follow-up-table td input:focus,.cg-follow-up-table td select:focus{border-color:#667eea;outline:none}.cg-signatures-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.cg-signature-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e0e0e0}.cg-signature-item label{font-weight:600;color:#1a1a2e;font-size:13px}.cg-signature-item input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.cg-signature-item input:focus{border-color:#667eea;outline:none}.cg-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.cg-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.cg-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media(max-width:600px){.cg-summary-content{grid-template-columns:1fr}}.cg-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.cg-summary-item span{color:#6b7280}.cg-summary-item strong{color:#1a1a2e;text-align:right}.cg-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.cg-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.cg-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.cg-action-buttons-bottom{flex-direction:column;align-items:stretch}.cg-right-actions{flex-direction:column;width:100%}.cg-right-actions .cg-btn{width:100%;justify-content:center}}.cg-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:cgSpin .8s linear infinite}@keyframes cgSpin{to{transform:rotate(360deg)}}.cg-loading{text-align:center;padding:40px;color:#666}.cg-spinner-container{display:flex;flex-direction:column;align-items:center;gap:16px}.cg-spinner-container .cg-spinner{width:40px;height:40px;border-width:4px}.cg-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cg-table-container{background:#fff;border-radius:12px;width:95%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.cg-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.cg-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.cg-table-header h2 i{color:#667eea}.cg-table-actions{display:flex;gap:8px;flex-wrap:wrap}.cg-table-wrapper{overflow-x:auto;flex:1;padding:0 4px}.cg-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.cg-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.cg-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.cg-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.cg-data-table tbody tr:hover{background-color:#fafbff}.cg-data-table tbody td{padding:10px 14px;vertical-align:middle}.cg-col-actions{min-width:100px!important;text-align:center!important}.cg-title-name{font-weight:500;color:#1a1a2e}.cg-no-data{text-align:center;color:#9ca3af;padding:40px!important}.cg-no-data i{font-size:36px;display:block;margin-bottom:12px}.cg-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.cg-status-draft{background:#fef3c7;color:#92400e}.cg-status-final{background:#dcfce7;color:#166534}.cg-status-pending{background:#dbeafe;color:#1e40af}.cg-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.cg-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.cg-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.cg-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.cg-icon-btn:disabled{opacity:.4;cursor:not-allowed}.cg-icon-edit{color:#d97706}.cg-icon-edit:hover:not(:disabled){background-color:#fef3c7}.cg-icon-delete{color:#ef4444}.cg-icon-delete:hover:not(:disabled){background-color:#fee2e2}.cg-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.cg-total-records{font-size:clamp(13px,1.1vw,14px);color:#6b7280}@media(prefers-color-scheme:dark){.cg-page{background:#1a1a2e}.cg-page-header{border-color:#2d2d44}.cg-page-header-left h2{color:#fff}.cg-page-subtitle{color:#88a}.cg-form{background:#2d2d44;border-color:#3d3d5c}.cg-step-header h3{color:#fff}.cg-step-header p{color:#88a}.cg-form-group label{color:#fff}.cg-form-group input,.cg-form-group select,.cg-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cg-form-group input:focus,.cg-form-group select:focus,.cg-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.cg-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cg-btn-secondary:hover:not(:disabled){background:#4d4d6c}.cg-section-title{background:#3d3d5c;border-color:#89f;color:#89f}.cg-selected-irp-card{background:#1a3d2d;border-color:#1a5d3d}.cg-selected-irp-header{color:#6ee7b7}.cg-detail-value{color:#d0d0e0}.cg-summary-card{background:#3d3d5c;border-color:#4d4d6c}.cg-summary-card h4{color:#fff}.cg-summary-item{border-color:#4d4d6c}.cg-summary-item span{color:#88a}.cg-summary-item strong{color:#fff}.cg-functional-table{border-color:#3d3d5c}.cg-functional-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.cg-functional-table td{border-color:#3d3d5c;color:#d0d0e0}.cg-risk-table{border-color:#3d3d5c}.cg-risk-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.cg-risk-table td{border-color:#3d3d5c}.cg-risk-table td input,.cg-risk-table td select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cg-risk-table td input:focus,.cg-risk-table td select:focus{border-color:#89f}.cg-table-actions{background:#3d3d5c;border-color:#4d4d6c}.cg-follow-up-table{border-color:#3d3d5c}.cg-follow-up-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.cg-follow-up-table td{border-color:#3d3d5c;color:#d0d0e0}.cg-follow-up-table td input,.cg-follow-up-table td select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cg-signature-item{background:#3d3d5c;border-color:#4d4d6c}.cg-signature-item label{color:#fff}.cg-signature-item input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.cg-signature-item input:focus{border-color:#89f}.cg-table-container{background:#2d2d44}.cg-table-header{border-color:#3d3d5c}.cg-table-header h2{color:#fff}.cg-table-header h2 i{color:#89f}.cg-data-table{background:#2d2d44}.cg-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.cg-data-table thead th{color:#fff;background:#3d3d5c}.cg-data-table tbody tr{border-color:#3d3d5c}.cg-data-table tbody tr:hover{background-color:#3d3d5c}.cg-data-table tbody td{color:#d0d0e0}.cg-title-name{color:#fff}.cg-status-draft{background:#5c3d1a;color:#fbbf24}.cg-status-final{background:#1a3d2d;color:#6ee7b7}.cg-status-pending{background:#1a2a5c;color:#93bbff}.cg-table-footer{background:#3d3d5c;border-color:#4d4d6c}.cg-total-records,.cg-icon-btn{color:#88a}.cg-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.cg-icon-edit{color:#fbbf24}.cg-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.cg-icon-delete{color:#f87171}.cg-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.cg-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.cg-step-number,.cg-step-title{color:#88a}.cg-step.cg-active .cg-step-title{color:#89f}.cg-step.cg-completed .cg-step-title{color:#6ee7b7}.cg-step-connector{background:#3d3d5c}.cg-step.cg-completed .cg-step-connector{background:#6ee7b7}.cg-radio-item label{color:#d0d0e0}.cg-radio-item input[type=radio]{accent-color:#8899ff}.cg-checkbox-item label{color:#d0d0e0}.cg-checkbox-item input[type=checkbox]{accent-color:#8899ff}.cg-no-data{color:#88a}.cg-spinner{border-color:#3d3d5c;border-top-color:#89f}.cg-selection-info{color:#88a}.cg-select-wrapper select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.cg-select-wrapper select:focus{border-color:#89f}}.pr-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.pr-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.pr-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.pr-page-header-left h2 i{color:#667eea}.pr-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.pr-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.pr-btn-primary{background:#667eea;color:#fff}.pr-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.pr-btn-success{background:#10b981;color:#fff}.pr-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.pr-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.pr-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.pr-btn-sm{padding:4px 12px;font-size:12px}.pr-btn:disabled{opacity:.6;cursor:not-allowed}.pr-btn-label{display:inline}@media(max-width:480px){.pr-btn-label{display:none}.pr-btn{padding:6px 10px}}.pr-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.pr-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.pr-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.pr-step.pr-active .pr-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.pr-step.pr-completed .pr-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.pr-step-number{font-weight:600;color:#64748b;font-size:14px}.pr-step.pr-active .pr-step-number,.pr-step.pr-completed .pr-step-number{color:#fff}.pr-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.pr-step.pr-active .pr-step-title{color:#667eea;font-weight:600}.pr-step.pr-completed .pr-step-title{color:#10b981}.pr-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.pr-step.pr-completed .pr-step-connector{background:#10b981}@media(max-width:600px){.pr-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.pr-step{flex:0 1 auto;min-width:60px}.pr-step-connector{display:none}.pr-step-title{font-size:10px}.pr-step-indicator{width:32px;height:32px;font-size:12px}}.pr-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.pr-step-content{margin-bottom:32px}.pr-step-header{margin-bottom:24px}.pr-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.pr-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.pr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.pr-form-grid{grid-template-columns:1fr}}.pr-form-group{display:flex;flex-direction:column;gap:4px}.pr-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.pr-form-group input,.pr-form-group select,.pr-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.pr-form-group input:focus,.pr-form-group select:focus,.pr-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pr-required{color:#ef4444}.pr-full-width{grid-column:1 / -1}.pr-error-message{color:#ef4444;font-size:12px;margin-top:4px}.pr-error{border-color:#ef4444!important}.pr-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.pr-section-title{font-size:clamp(16px,1.5vw,18px);font-weight:700;color:#1e40af;margin:0 0 16px;padding:12px 16px;border-bottom:2px solid #667eea;background:#f8fafc;border-radius:6px}.pr-section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.pr-radio-group{display:flex;gap:16px;flex-wrap:wrap}.pr-radio-group.pr-inline{flex-direction:row;align-items:center}.pr-radio-group.pr-compact{gap:10px}.pr-radio-item{display:flex;align-items:center;gap:6px}.pr-radio-item input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.pr-radio-item label{font-size:13px;color:#374151;cursor:pointer}.pr-radio-cell{text-align:center}.pr-checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.pr-checkbox-group.pr-vertical{flex-direction:column;gap:8px}.pr-checkbox-item{display:flex;align-items:center;gap:8px}.pr-checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.pr-checkbox-item label{font-size:14px;color:#374151;cursor:pointer}.pr-identification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.pr-baseline-table,.pr-progress-table,.pr-goals-table,.pr-actions-table,.pr-financial-table{overflow-x:auto;border:1px solid #e0e0e0;border-radius:8px;margin:8px 0}.pr-baseline-table table,.pr-progress-table table,.pr-goals-table table,.pr-actions-table table,.pr-financial-table table{width:100%;border-collapse:collapse;font-size:14px}.pr-baseline-table th,.pr-progress-table th,.pr-goals-table th,.pr-actions-table th,.pr-financial-table th{background:#f8fafc;padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.pr-baseline-table td,.pr-progress-table td,.pr-goals-table td,.pr-actions-table td,.pr-financial-table td{padding:8px 10px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.pr-baseline-table tr:last-child td,.pr-progress-table tr:last-child td,.pr-goals-table tr:last-child td,.pr-actions-table tr:last-child td,.pr-financial-table tr:last-child td{border-bottom:none}.pr-baseline-table td input,.pr-progress-table td input,.pr-goals-table td input,.pr-actions-table td input,.pr-financial-table td input,.pr-baseline-table td select,.pr-progress-table td select,.pr-goals-table td select,.pr-actions-table td select,.pr-financial-table td select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.pr-baseline-table td input:focus,.pr-progress-table td input:focus,.pr-goals-table td input:focus,.pr-actions-table td input:focus,.pr-financial-table td input:focus,.pr-baseline-table td select:focus,.pr-progress-table td select:focus,.pr-goals-table td select:focus,.pr-actions-table td select:focus,.pr-financial-table td select:focus{border-color:#667eea;outline:none}.pr-progress-cell select,.pr-status-cell select{min-width:120px}.pr-challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:8px 0}.pr-challenge-item{background:#f8fafc;border:1px solid #e0e0e0;border-radius:6px;padding:12px}.pr-challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pr-challenge-header label{font-weight:600;color:#1a1a2e}.pr-challenge-item textarea{width:100%;padding:8px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;resize:vertical;min-height:60px}.pr-recommendations-grid{display:flex;flex-direction:column;gap:16px;margin:8px 0}.pr-safeguarding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:8px 0}.pr-rating-group{display:flex;gap:24px;margin:8px 0;flex-wrap:wrap}.pr-financial-table{font-size:13px}.pr-financial-table th{font-size:11px}.pr-financial-table td input{font-size:13px;padding:4px 6px}.pr-service-input{min-width:120px}.pr-description-input{min-width:150px;resize:vertical}.pr-variance-cell{font-weight:500;text-align:right;padding-right:12px!important}.pr-variance-cell.pr-negative{color:#dc2626}.pr-variance-cell.pr-positive{color:#16a34a}.pr-total-row{background:#f0fdf4;border-top:2px solid #667eea}.pr-total-row td{padding:10px 12px;font-weight:600;color:#1a1a2e}.pr-variance-total.pr-negative{color:#dc2626}.pr-variance-total.pr-positive{color:#16a34a}.pr-financial-summary{display:flex;gap:24px;margin-top:12px;padding:12px 16px;background:#f8fafc;border-radius:6px;border:1px solid #e0e0e0}.pr-financial-summary .pr-summary-item{display:flex;gap:10px;align-items:center}.pr-financial-summary .pr-summary-item span{color:#64748b;font-size:14px}.pr-financial-summary .pr-summary-item strong{color:#1a1a2e;font-size:15px}.pr-financial-summary .pr-summary-item strong.pr-negative{color:#dc2626}.pr-financial-summary .pr-summary-item strong.pr-positive{color:#16a34a}.pr-actions-cell{width:50px;text-align:center}.pr-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.pr-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.pr-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.pr-icon-btn:disabled{opacity:.4;cursor:not-allowed}.pr-icon-delete{color:#ef4444}.pr-icon-delete:hover:not(:disabled){background-color:#fee2e2}.pr-signatures-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:8px 0}.pr-signature-item{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e0e0e0}.pr-signature-item label{font-weight:600;color:#1a1a2e;font-size:13px}.pr-signature-item input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.pr-signature-item input:focus{border-color:#667eea;outline:none}.pr-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.pr-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.pr-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media(max-width:600px){.pr-summary-content{grid-template-columns:1fr}}.pr-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.pr-summary-item span{color:#6b7280}.pr-summary-item strong{color:#1a1a2e;text-align:right}.pr-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.pr-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.pr-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.pr-action-buttons-bottom{flex-direction:column;align-items:stretch}.pr-right-actions{flex-direction:column;width:100%}.pr-right-actions .pr-btn{width:100%;justify-content:center}}.pr-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:clamp(13px,1.1vw,14px)}.pr-alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.pr-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:prSpin .8s linear infinite}@keyframes prSpin{to{transform:rotate(360deg)}}.pr-loading-spinner{text-align:center;padding:40px;color:#666}.pr-loading-spinner .pr-spinner{width:40px;height:40px;border-width:4px}.pr-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pr-table-container{background:#fff;border-radius:12px;width:95%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.pr-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.pr-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.pr-table-header h2 i{color:#667eea}.pr-table-actions{display:flex;gap:8px;flex-wrap:wrap}.pr-table-wrapper{overflow-x:auto;flex:1;padding:0 4px}.pr-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.pr-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.pr-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.pr-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.pr-data-table tbody tr:hover{background-color:#fafbff}.pr-data-table tbody td{padding:10px 14px;vertical-align:middle}.pr-title-name{font-weight:500;color:#1a1a2e}.pr-no-data{text-align:center;color:#9ca3af;padding:40px!important}.pr-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.pr-status-draft{background:#fef3c7;color:#92400e}.pr-status-submitted{background:#dbeafe;color:#1e40af}.pr-status-reviewed{background:#fef3c7;color:#92400e}.pr-status-approved{background:#dcfce7;color:#166534}.pr-status-archived{background:#f3f4f6;color:#374151}.pr-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.pr-total-records{font-size:clamp(13px,1.1vw,14px);color:#6b7280}@media(prefers-color-scheme:dark){.pr-page{background:#1a1a2e}.pr-page-header{border-color:#2d2d44}.pr-page-header-left h2{color:#fff}.pr-page-subtitle{color:#88a}.pr-form{background:#2d2d44;border-color:#3d3d5c}.pr-step-header h3{color:#fff}.pr-step-header p{color:#88a}.pr-form-group label{color:#fff}.pr-form-group input,.pr-form-group select,.pr-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pr-form-group input:focus,.pr-form-group select:focus,.pr-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.pr-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pr-btn-secondary:hover:not(:disabled){background:#4d4d6c}.pr-section-title{background:#3d3d5c;border-color:#89f;color:#89f}.pr-baseline-table th,.pr-progress-table th,.pr-goals-table th,.pr-actions-table th,.pr-financial-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.pr-baseline-table td,.pr-progress-table td,.pr-goals-table td,.pr-actions-table td,.pr-financial-table td{border-color:#3d3d5c;color:#d0d0e0}.pr-baseline-table td input,.pr-progress-table td input,.pr-goals-table td input,.pr-actions-table td input,.pr-financial-table td input,.pr-baseline-table td select,.pr-progress-table td select,.pr-goals-table td select,.pr-actions-table td select,.pr-financial-table td select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pr-baseline-table td input:focus,.pr-progress-table td input:focus,.pr-goals-table td input:focus,.pr-actions-table td input:focus,.pr-financial-table td input:focus,.pr-baseline-table td select:focus,.pr-progress-table td select:focus,.pr-goals-table td select:focus,.pr-actions-table td select:focus,.pr-financial-table td select:focus{border-color:#89f}.pr-challenge-item{background:#3d3d5c;border-color:#4d4d6c}.pr-challenge-header label{color:#fff}.pr-challenge-item textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pr-total-row{background:#1a3d2d}.pr-financial-summary{background:#3d3d5c;border-color:#4d4d6c}.pr-financial-summary .pr-summary-item span{color:#88a}.pr-financial-summary .pr-summary-item strong{color:#fff}.pr-signature-item{background:#3d3d5c;border-color:#4d4d6c}.pr-signature-item label{color:#fff}.pr-signature-item input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.pr-signature-item input:focus{border-color:#89f}.pr-summary-card{background:#3d3d5c;border-color:#4d4d6c}.pr-summary-card h4{color:#fff}.pr-summary-item{border-color:#4d4d6c}.pr-summary-item span{color:#88a}.pr-summary-item strong{color:#fff}.pr-table-container{background:#2d2d44}.pr-table-header{border-color:#3d3d5c}.pr-table-header h2{color:#fff}.pr-table-header h2 i{color:#89f}.pr-data-table{background:#2d2d44}.pr-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.pr-data-table thead th{color:#fff;background:#3d3d5c}.pr-data-table tbody tr{border-color:#3d3d5c}.pr-data-table tbody tr:hover{background-color:#3d3d5c}.pr-data-table tbody td{color:#d0d0e0}.pr-title-name{color:#fff}.pr-status-draft{background:#5c3d1a;color:#fbbf24}.pr-status-submitted{background:#1a2a5c;color:#93bbff}.pr-status-approved{background:#1a3d2d;color:#6ee7b7}.pr-status-archived{background:#3d3d5c;color:#88a}.pr-table-footer{background:#3d3d5c;border-color:#4d4d6c}.pr-total-records,.pr-icon-btn{color:#88a}.pr-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.pr-icon-delete{color:#f87171}.pr-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.pr-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.pr-step-number,.pr-step-title{color:#88a}.pr-step.pr-active .pr-step-title{color:#89f}.pr-step.pr-completed .pr-step-title{color:#6ee7b7}.pr-step-connector{background:#3d3d5c}.pr-step.pr-completed .pr-step-connector{background:#6ee7b7}.pr-radio-item label{color:#d0d0e0}.pr-radio-item input[type=radio]{accent-color:#8899ff}.pr-checkbox-item label{color:#d0d0e0}.pr-checkbox-item input[type=checkbox]{accent-color:#8899ff}.pr-no-data{color:#88a}.pr-spinner{border-color:#3d3d5c;border-top-color:#89f}.pr-alert-danger{background:#5c1a1a;color:#f87171;border-color:#7c2a2a}.pr-variance-cell.pr-negative{color:#f87171}.pr-variance-cell.pr-positive{color:#6ee7b7}.pr-variance-total.pr-negative{color:#f87171}.pr-variance-total.pr-positive{color:#6ee7b7}.pr-financial-summary .pr-summary-item strong.pr-negative{color:#f87171}.pr-financial-summary .pr-summary-item strong.pr-positive{color:#6ee7b7}}.irp-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.irp-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.irp-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.irp-page-header-left h2 i{color:#667eea}.irp-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.irp-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.irp-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.irp-badge-warning{background:#fef3c7;color:#92400e}.irp-ms-2{margin-left:8px}.irp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.irp-btn-primary{background:#667eea;color:#fff}.irp-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.irp-btn-success{background:#10b981;color:#fff}.irp-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.irp-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.irp-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.irp-btn-warning{background:#f59e0b;color:#fff}.irp-btn-warning:hover:not(:disabled){background:#d97706}.irp-btn-sm{padding:4px 12px;font-size:12px}.irp-btn-link{background:none;border:none;color:#667eea;text-decoration:underline}.irp-btn:disabled{opacity:.6;cursor:not-allowed}.irp-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.irp-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.irp-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2;font-size:16px}.irp-step.irp-active .irp-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.irp-step.irp-completed .irp-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.irp-step-icon{font-size:16px}.irp-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.irp-step.irp-active .irp-step-title{color:#667eea;font-weight:600}.irp-step.irp-completed .irp-step-title{color:#10b981}.irp-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.irp-step.irp-completed .irp-step-connector{background:#10b981}@media(max-width:600px){.irp-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.irp-step{flex:0 1 auto;min-width:60px}.irp-step-connector{display:none}.irp-step-title{font-size:10px}.irp-step-indicator{width:32px;height:32px;font-size:12px}}.irp-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.irp-step-content{margin-bottom:32px}.irp-step-header{margin-bottom:24px}.irp-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.irp-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.irp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.irp-form-grid{grid-template-columns:1fr}}.irp-form-group{display:flex;flex-direction:column;gap:4px}.irp-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.irp-form-group input,.irp-form-group select,.irp-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.irp-form-group input:focus,.irp-form-group select:focus,.irp-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.irp-required{color:#ef4444}.irp-full-width{grid-column:1 / -1}.irp-error-message{color:#ef4444;font-size:12px;margin-top:4px}.irp-error{border-color:#ef4444!important}.irp-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.irp-text-muted{color:#6b7280;font-size:13px}.irp-mt-2{margin-top:8px}.irp-alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.irp-alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.irp-alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.irp-beneficiary-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;margin-bottom:24px}.irp-beneficiary-selector h4{margin:0 0 16px;color:#1a1a2e}.irp-search-box{position:relative;margin-bottom:16px}.irp-search-input{width:100%;padding:10px 14px 10px 40px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px}.irp-search-input:focus{border-color:#667eea;outline:none}.irp-search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:18px}.irp-beneficiary-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;margin-bottom:16px}.irp-beneficiary-card{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:14px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center}.irp-beneficiary-card:hover,.irp-beneficiary-card.irp-selected{border-color:#667eea;background:#f0f4ff}.irp-beneficiary-info h5{margin:0 0 8px;color:#1a1a2e}.irp-beneficiary-details{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#6b7280}.irp-beneficiary-details span{display:flex;align-items:center;gap:4px}.irp-beneficiary-id{margin-top:4px}.irp-beneficiary-id small{color:#94a3b8;font-size:11px}.irp-select-indicator{color:#667eea;font-size:20px}.irp-no-results{text-align:center;padding:30px 20px;color:#6b7280}.irp-no-results i{font-size:36px;color:#e0e0e0;display:block;margin-bottom:12px}.irp-selected-beneficiary-summary{background:#667eea;color:#fff;padding:16px;border-radius:8px;margin-top:12px}.irp-summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.irp-summary-header h5{margin:0;display:flex;align-items:center;gap:8px}.irp-summary-header .irp-btn-secondary{background:#fff3;border-color:#ffffff4d;color:#fff}.irp-summary-header .irp-btn-secondary:hover{background:#ffffff4d}.irp-summary-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.irp-detail-item{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.2)}.irp-detail-item:last-child{border-bottom:none}.irp-detail-item span{opacity:.8}.irp-detail-item strong{color:#fff}.irp-assessment-table-container{overflow-x:auto;margin:16px 0}.irp-assessment-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.irp-assessment-table th{background:#f8fafc;padding:10px 14px;text-align:center;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.irp-assessment-table td{padding:10px 14px;border-bottom:1px solid #f0f0f0;text-align:center}.irp-assessment-table tr:last-child td{border-bottom:none}.irp-radio-cell{text-align:center}.irp-radio-label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.irp-radio-label input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.irp-radio-text{font-size:13px;color:#374151}.irp-intervention-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #e0e0e0;flex-wrap:wrap}.irp-tab-btn{padding:10px 20px;border:none;background:none;font-weight:500;color:#6b7280;cursor:pointer;border-radius:6px 6px 0 0;transition:all .2s;font-size:14px;display:flex;align-items:center;gap:6px}.irp-tab-btn:hover{color:#667eea;background:#f0f4ff}.irp-tab-btn.irp-active{color:#667eea;background:#f0f4ff;border-bottom:3px solid #667eea}.irp-intervention-section{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.irp-intervention-section h4{margin:0 0 16px;color:#1a1a2e;display:flex;align-items:center;gap:8px}.irp-intervention-table-container{overflow-x:auto;margin:12px 0}.irp-intervention-table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;font-size:14px}.irp-intervention-table th{background:#f1f5f9;padding:8px 12px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.irp-intervention-table td{padding:8px 10px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.irp-intervention-table tr:last-child td{border-bottom:none}.irp-intervention-input{width:100%;padding:6px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px}.irp-intervention-input:focus{border-color:#667eea;outline:none}.irp-btn-remove{background:none;border:none;color:#ef4444;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.irp-btn-remove:hover{background:#fee2e2}.irp-intervention-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;flex-wrap:wrap;gap:10px}.irp-intervention-count{font-size:13px;color:#6b7280}.irp-sub-areas{margin-top:20px;padding-top:16px;border-top:1px solid #e0e0e0}.irp-sub-areas h5{margin:0 0 12px;color:#374151;display:flex;align-items:center;gap:6px}.irp-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.irp-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#374151}.irp-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#667eea;cursor:pointer}.irp-checkbox-custom{display:none}.irp-budget-section{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:24px}.irp-budget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.irp-input-group{display:flex;align-items:center}.irp-input-group-text{background:#f1f5f9;border:1px solid #e0e0e0;border-right:none;padding:8px 12px;border-radius:6px 0 0 6px;color:#6b7280;font-weight:500}.irp-input-group input{border-radius:0 6px 6px 0;border-left:none}.irp-total-budget{background:#fff;padding:16px;border-radius:8px;border:2px solid #667eea}.irp-budget-total-display{font-size:24px;font-weight:700;color:#667eea;margin:8px 0}.irp-budget-note{color:#6b7280;font-size:12px;display:block}.irp-section-divider{grid-column:1 / -1;font-size:16px;font-weight:600;color:#1a1a2e;margin:20px 0 16px;padding-bottom:8px;border-bottom:2px solid #e0e0e0}.irp-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.irp-section-header h4{margin:0;display:flex;align-items:center;gap:8px;color:#374151}.irp-activity-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;padding:16px;background:#fff;border:1px solid #e0e0e0;border-radius:6px}.irp-activity-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:768px){.irp-activity-grid{grid-template-columns:1fr}}.irp-outcome-input{display:flex;align-items:center;gap:10px;margin-bottom:10px}.irp-outcome-number{font-weight:600;color:#374151;min-width:24px}.irp-outcome-input input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.irp-outcome-input input:focus{border-color:#667eea;outline:none}.irp-signature-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:8px 0}.irp-signature-group{display:flex;flex-direction:column;gap:8px}.irp-signature-group label{font-weight:500;color:#1a1a2e}.irp-signature-group input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.irp-signature-group input:focus{border-color:#667eea;outline:none}.irp-signature-date{display:flex;gap:12px;align-items:center}.irp-signature-date label{font-weight:500;color:#374151;font-size:13px;white-space:nowrap}.irp-signature-date input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.irp-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.irp-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e;display:flex;align-items:center;gap:8px}.irp-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media(max-width:600px){.irp-summary-content{grid-template-columns:1fr}}.irp-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.irp-summary-item span{color:#6b7280;display:flex;align-items:center;gap:6px}.irp-summary-item strong{color:#1a1a2e;text-align:right}.irp-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.irp-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.irp-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.irp-action-buttons-bottom{flex-direction:column;align-items:stretch}.irp-right-actions{flex-direction:column;width:100%}.irp-right-actions .irp-btn{width:100%;justify-content:center}}.irp-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:irpSpin .8s linear infinite}@keyframes irpSpin{to{transform:rotate(360deg)}}.irp-loading-spinner{text-align:center;padding:40px;color:#666}.irp-loading-spinner .irp-spinner{width:40px;height:40px;border-width:4px}.irp-empty-state{text-align:center;padding:30px 20px;color:#6b7280}.irp-empty-state i{font-size:36px;color:#e0e0e0;display:block;margin-bottom:12px}.irp-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.irp-table-container{background:#fff;border-radius:12px;width:95%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.irp-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.irp-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.irp-table-header h2 i{color:#667eea}.irp-table-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.irp-table-wrapper{overflow-x:auto;flex:1;padding:0 4px}.irp-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.irp-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.irp-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.irp-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.irp-data-table tbody tr:hover{background-color:#fafbff}.irp-data-table tbody td{padding:10px 14px;vertical-align:middle}.irp-col-actions{min-width:160px!important;text-align:center!important}.irp-number{font-weight:600;color:#667eea}.irp-beneficiary-name{font-weight:500;color:#1a1a2e}.irp-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.irp-status-draft{background:#fef3c7;color:#92400e}.irp-status-submitted,.irp-status-pending_review{background:#dbeafe;color:#1e40af}.irp-status-active{background:#dcfce7;color:#166534}.irp-status-completed{background:#d1fae5;color:#065f46}.irp-budget-amount{font-weight:600;color:#059669}.irp-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:wrap}.irp-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.irp-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.irp-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.irp-icon-btn:disabled{opacity:.4;cursor:not-allowed}.irp-icon-view{color:#1976d2}.irp-icon-view:hover:not(:disabled){background-color:#e3f2fd}.irp-icon-edit{color:#d97706}.irp-icon-edit:hover:not(:disabled){background-color:#fef3c7}.irp-icon-submit{color:#059669}.irp-icon-submit:hover:not(:disabled){background-color:#d1fae5}.irp-icon-delete{color:#ef4444}.irp-icon-delete:hover:not(:disabled){background-color:#fee2e2}.irp-icon-print{color:#7c3aed}.irp-icon-print:hover:not(:disabled){background-color:#ede9fe}.irp-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.irp-footer-stats{font-size:14px;color:#6b7280}.irp-ms-3{margin-left:12px}.irp-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.irp-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:irpSlideIn .3s ease}@keyframes irpSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.irp-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.irp-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.irp-side-header h3 i{color:#667eea}.irp-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.irp-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.irp-side-body{flex:1;overflow-y:auto;padding:20px 24px}.irp-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.irp-view-grid{display:flex;flex-direction:column;gap:16px}.irp-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.irp-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.irp-view-section h4 i{color:#667eea}.irp-view-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.irp-view-row:last-child{border-bottom:none}.irp-view-label{width:140px;font-weight:600;color:#4a5568;flex-shrink:0}.irp-view-value{flex:1;color:#1a1a2e}@media(prefers-color-scheme:dark){.irp-page{background:#1a1a2e}.irp-page-header{border-color:#2d2d44}.irp-page-header-left h2{color:#fff}.irp-page-subtitle{color:#88a}.irp-form{background:#2d2d44;border-color:#3d3d5c}.irp-step-header h3{color:#fff}.irp-step-header p{color:#88a}.irp-form-group label{color:#fff}.irp-form-group input,.irp-form-group select,.irp-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.irp-form-group input:focus,.irp-form-group select:focus,.irp-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.irp-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.irp-btn-secondary:hover:not(:disabled){background:#4d4d6c}.irp-btn-link{color:#89f}.irp-badge-warning{background:#5c3d1a;color:#fbbf24}.irp-beneficiary-selector{background:#3d3d5c;border-color:#4d4d6c}.irp-beneficiary-selector h4{color:#fff}.irp-search-input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.irp-search-input:focus{border-color:#89f}.irp-beneficiary-card{background:#3d3d5c;border-color:#4d4d6c}.irp-beneficiary-card:hover,.irp-beneficiary-card.irp-selected{border-color:#89f;background:#1a2a5c}.irp-beneficiary-info h5{color:#fff}.irp-beneficiary-details{color:#88a}.irp-beneficiary-id small{color:#666}.irp-select-indicator{color:#89f}.irp-no-results{color:#88a}.irp-no-results i{color:#3d3d5c}.irp-selected-beneficiary-summary{background:#667eea}.irp-assessment-table{background:#3d3d5c;border-color:#4d4d6c}.irp-assessment-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.irp-assessment-table td{border-color:#3d3d5c;color:#d0d0e0}.irp-radio-text{color:#d0d0e0}.irp-radio-label input[type=radio]{accent-color:#8899ff}.irp-intervention-tabs{border-color:#4d4d6c}.irp-tab-btn{color:#88a}.irp-tab-btn:hover{color:#89f;background:#1a2a5c}.irp-tab-btn.irp-active{color:#89f;background:#1a2a5c;border-bottom-color:#89f}.irp-intervention-section{background:#3d3d5c;border-color:#4d4d6c}.irp-intervention-section h4{color:#fff}.irp-intervention-table{background:#3d3d5c}.irp-intervention-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.irp-intervention-table td{border-color:#3d3d5c}.irp-intervention-input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.irp-intervention-input:focus{border-color:#89f}.irp-intervention-count{color:#88a}.irp-sub-areas{border-color:#4d4d6c}.irp-sub-areas h5{color:#fff}.irp-checkbox-label{color:#d0d0e0}.irp-checkbox-label input[type=checkbox]{accent-color:#8899ff}.irp-budget-section{background:#3d3d5c;border-color:#4d4d6c}.irp-input-group-text{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.irp-input-group input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.irp-total-budget{background:#3d3d5c;border-color:#89f}.irp-budget-total-display{color:#89f}.irp-budget-note{color:#88a}.irp-section-divider{color:#fff;border-color:#4d4d6c}.irp-section-header h4{color:#fff}.irp-activity-row{background:#3d3d5c;border-color:#4d4d6c}.irp-outcome-number{color:#fff}.irp-outcome-input input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.irp-outcome-input input:focus{border-color:#89f}.irp-signature-group label{color:#fff}.irp-signature-group input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.irp-signature-group input:focus{border-color:#89f}.irp-signature-date label{color:#fff}.irp-signature-date input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.irp-summary-card{background:#3d3d5c;border-color:#4d4d6c}.irp-summary-card h4{color:#fff}.irp-summary-item{border-color:#4d4d6c}.irp-summary-item span{color:#88a}.irp-summary-item strong{color:#fff}.irp-table-container{background:#2d2d44}.irp-table-header{border-color:#3d3d5c}.irp-table-header h2{color:#fff}.irp-table-header h2 i{color:#89f}.irp-data-table{background:#2d2d44}.irp-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.irp-data-table thead th{color:#fff;background:#3d3d5c}.irp-data-table tbody tr{border-color:#3d3d5c}.irp-data-table tbody tr:hover{background-color:#3d3d5c}.irp-data-table tbody td{color:#d0d0e0}.irp-beneficiary-name{color:#fff}.irp-number{color:#89f}.irp-status-draft{background:#5c3d1a;color:#fbbf24}.irp-status-submitted{background:#1a2a5c;color:#93bbff}.irp-status-active,.irp-status-completed{background:#1a3d2d;color:#6ee7b7}.irp-budget-amount{color:#6ee7b7}.irp-icon-btn{color:#88a}.irp-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.irp-icon-view{color:#60a5fa}.irp-icon-view:hover:not(:disabled){background-color:#1a2a5c}.irp-icon-edit{color:#fbbf24}.irp-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.irp-icon-submit{color:#34d399}.irp-icon-submit:hover:not(:disabled){background-color:#1a3d2d}.irp-icon-delete{color:#f87171}.irp-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.irp-icon-print{color:#a78bfa}.irp-icon-print:hover:not(:disabled){background-color:#2d1a5c}.irp-table-footer{background:#3d3d5c;border-color:#4d4d6c}.irp-footer-stats{color:#88a}.irp-side-container{background:#2d2d44}.irp-side-header{border-color:#3d3d5c}.irp-side-header h3{color:#fff}.irp-modal-close{color:#88a}.irp-modal-close:hover{background-color:#3d3d5c;color:#fff}.irp-side-footer,.irp-view-section{border-color:#3d3d5c}.irp-view-section h4{color:#fff;border-color:#3d3d5c}.irp-view-section h4 i{color:#89f}.irp-view-row{border-color:#3d3d5c}.irp-view-label{color:#88a}.irp-view-value{color:#d0d0e0}.irp-alert-danger{background:#5c1a1a;color:#f87171;border-color:#7c2a2a}.irp-alert-warning{background:#5c3d1a;color:#fbbf24;border-color:#7c4d2a}.irp-empty-state{color:#88a}.irp-empty-state i{color:#3d3d5c}.irp-loading-spinner{color:#88a}.irp-spinner{border-color:#3d3d5c;border-top-color:#89f}.irp-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.irp-step-title{color:#88a}.irp-step.irp-active .irp-step-title{color:#89f}.irp-step.irp-completed .irp-step-title{color:#6ee7b7}.irp-step-connector{background:#3d3d5c}.irp-step.irp-completed .irp-step-connector{background:#6ee7b7}.irp-text-muted{color:#88a}.irp-btn-remove{color:#f87171}.irp-btn-remove:hover{background:#5c1a1a}}.ret-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.ret-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ret-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.ret-page-header-left h2 i{color:#667eea}.ret-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.ret-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.ret-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ret-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.ret-btn-primary{background:#667eea;color:#fff}.ret-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.ret-btn-success{background:#10b981;color:#fff}.ret-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ret-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.ret-btn-secondary:hover{background:#e8e8e8;border-color:silver}.ret-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.ret-btn-outline:hover{background:#f8f9fa}.ret-btn-apply{background:#667eea;color:#fff}.ret-btn-apply:hover{background:#5a67d8}.ret-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.ret-btn-clear:hover{background:#e8e8e8}.ret-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.ret-btn-label{display:none}.ret-btn{padding:6px 10px}}.ret-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.ret-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.ret-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.ret-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.ret-step.active .ret-step-indicator{background:#667eea;color:#fff;transform:scale(1.1)}.ret-step.completed .ret-step-indicator{background:#10b981;color:#fff}.ret-step-number{font-weight:600;color:#64748b}.ret-step.active .ret-step-number{color:#fff}.ret-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.ret-step.active .ret-step-title{color:#1e40af;font-weight:600}.ret-step.completed .ret-step-title{color:#10b981}.ret-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.ret-step.completed .ret-step-connector{background:#10b981}.ret-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.ret-step-content{margin-bottom:20px}.ret-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ret-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.ret-step-header p{margin:0;color:#666;font-size:14px}.ret-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.ret-form-grid{grid-template-columns:1fr}}.ret-form-group{display:flex;flex-direction:column;gap:4px}.ret-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.ret-form-group input,.ret-form-group select,.ret-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.ret-form-group input:focus,.ret-form-group select:focus,.ret-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ret-form-group textarea{resize:vertical;min-height:60px}.ret-auto-filled{background-color:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}.ret-full-width{grid-column:1 / -1}.ret-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.ret-summary-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:20px}.ret-summary-card h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e}.ret-summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.ret-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.ret-summary-item.ret-positive{border-color:#10b981;background:#f0fdf4}.ret-summary-item.ret-negative{border-color:#ef4444;background:#fef2f2}.ret-summary-item span{font-size:13px;color:#64748b}.ret-summary-item strong{font-size:13px;color:#1a1a2e}.ret-summary-item.ret-positive strong{color:#10b981}.ret-summary-item.ret-negative strong{color:#ef4444}.ret-balance-warning,.ret-balance-info{font-size:11px;margin-left:6px;padding:2px 6px;border-radius:4px;font-weight:500}.ret-balance-warning{background:#fef2f2;color:#dc2626}.ret-balance-info{background:#eff6ff;color:#2563eb}.ret-table-wrapper{overflow-x:auto;margin-bottom:16px}.ret-expenses-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:700px}.ret-expenses-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ret-expenses-table thead th{padding:10px 12px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa}.ret-expenses-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ret-expenses-table tbody tr:hover{background-color:#fafbff}.ret-expenses-table tbody td{padding:8px 10px;vertical-align:middle}.ret-expenses-table tfoot{background:#f8fafc}.ret-total-row{font-weight:600;background:#f1f5f9!important}.ret-col-sn{width:40px!important;text-align:center!important;font-weight:600;color:#666}.ret-col-actions{width:50px!important;text-align:center!important}.ret-table-input{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:clamp(11px,1vw,12px);background:#fff;transition:border-color .3s}.ret-table-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ret-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ret-icon-btn:hover{background-color:#f0f0f0}.ret-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.ret-icon-delete{color:#ef4444}.ret-icon-delete:hover{background-color:#fee2e2}.ret-icon-view{color:#1976d2}.ret-icon-view:hover{background-color:#e3f2fd}.ret-icon-edit{color:#ed6c02}.ret-icon-edit:hover{background-color:#fff3e0}.ret-icon-submit{color:#10b981}.ret-icon-submit:hover{background-color:#d1fae5}.ret-icon-expand{display:none;color:#666}.ret-icon-expand .ret-expanded{transform:rotate(180deg)}.ret-review-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:20px}.ret-review-section h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.ret-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.ret-review-item{display:flex;gap:8px;padding:4px 0}.ret-review-item label{font-weight:600;color:#4a5568;min-width:120px;font-size:13px}.ret-review-item span{color:#1a1a2e;font-size:13px}.ret-review-item.ret-full-width{grid-column:1 / -1}.ret-review-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px)}.ret-review-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ret-review-table thead th{padding:8px 12px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px}.ret-review-table tbody tr{border-bottom:1px solid #f0f0f0}.ret-review-table tbody td{padding:6px 12px}.ret-review-table tfoot{background:#f8fafc;font-weight:600}.ret-warning-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;margin-top:16px}.ret-warning-box i{font-size:20px;color:#d97706;margin-top:2px}.ret-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.ret-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.ret-form-actions{flex-direction:column;align-items:stretch}.ret-right-actions{flex-direction:column}.ret-right-actions button{width:100%;justify-content:center}}.ret-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.ret-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.ret-search-input-wrapper:focus-within{border-color:#667eea}.ret-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.ret-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.ret-search-input::placeholder{color:#999}.ret-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ret-clear-search:hover{color:#1a1a2e}.ret-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.ret-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.ret-filter-toggle:hover{background-color:#e8e8e8}.ret-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.ret-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.ret-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.ret-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.ret-filter-group{display:flex;flex-direction:column;gap:4px}.ret-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.ret-filter-group select,.ret-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.ret-filter-group select:focus,.ret-filter-group input:focus{outline:none;border-color:#667eea}.ret-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.ret-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ret-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.ret-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.ret-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.ret-table-header h2 i{color:#667eea}.ret-table-actions{display:flex;gap:8px;flex-wrap:wrap}.ret-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.ret-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ret-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.ret-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ret-data-table tbody tr:hover{background-color:#fafbff}.ret-data-table tbody tr:last-child{border-bottom:none}.ret-data-table tbody td{padding:10px 14px;vertical-align:middle}.ret-row-rejected{opacity:.6}.ret-row-rejected:hover{opacity:.8}.ret-col-amount{text-align:right!important;min-width:120px}.ret-col-status{min-width:100px}.ret-col-submitted{min-width:110px}.ret-col-actions{min-width:140px!important;text-align:center!important}.ret-amount{font-weight:600;color:#059669}.ret-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ret-status-draft{background:#e2e8f0;color:#475569}.ret-status-submitted{background:#dbeafe;color:#2563eb}.ret-status-hod-approved{background:#fed7aa;color:#c2410c}.ret-status-finance-approved{background:#fef3c7;color:#d97706}.ret-status-approved{background:#d1fae5;color:#059669}.ret-status-rejected{background:#fee2e2;color:#dc2626}.ret-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.ret-expanded-row{background-color:#f8f9fa!important}.ret-expanded-row td{padding:12px 16px!important}.ret-expanded-content{padding:4px 0}.ret-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ret-expanded-item{display:flex;flex-direction:column;gap:2px}.ret-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.ret-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.ret-expanded-item .ret-status-badge,.ret-expanded-item .ret-amount{display:inline-block;width:fit-content}.ret-expanded-full{grid-column:1 / -1}.ret-text-danger{color:#dc2626}@media(max-width:600px){.ret-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.ret-expanded-grid{grid-template-columns:1fr}}.ret-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.ret-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.ret-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.ret-loading-spinner{text-align:center;padding:40px;color:#666}.ret-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:retSpin .8s linear infinite}@keyframes retSpin{to{transform:rotate(360deg)}}.ret-empty-state{text-align:center;padding:60px 20px;color:#666}.ret-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.ret-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.ret-empty-state p{margin:0;color:#666}.ret-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.ret-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:retSlideIn .3s ease}@keyframes retSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.ret-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.ret-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.ret-side-header h3 i{color:#667eea}.ret-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.ret-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.ret-side-body{flex:1;overflow-y:auto;padding:20px 24px}.ret-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.ret-view-grid{display:flex;flex-direction:column;gap:16px}.ret-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.ret-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.ret-view-section h4 i{color:#667eea}.ret-view-row{display:flex;margin-bottom:8px}.ret-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.ret-view-value{flex:1;color:#1a1a2e;font-size:13px}.ret-view-full{flex-direction:column}.ret-view-full .ret-view-label{width:100%;margin-bottom:4px}@media(max-width:768px){.ret-page-header{flex-direction:column;align-items:flex-start;gap:12px}.ret-page-header-right{width:100%;justify-content:flex-start}.ret-progress-steps{flex-direction:column;gap:20px;padding:0}.ret-progress-steps:before,.ret-step-connector{display:none}.ret-step{flex-direction:row;gap:12px;width:100%}.ret-step-indicator{margin-bottom:0;width:32px;height:32px}.ret-table-header{flex-direction:column;align-items:flex-start}.ret-table-actions{width:100%;justify-content:flex-start}.ret-side-container{width:100%;max-width:100%}.ret-filter-row{grid-template-columns:1fr 1fr}.ret-icon-expand{display:inline-flex}.ret-data-table{font-size:12px;min-width:600px}.ret-data-table thead th,.ret-data-table tbody td{padding:8px 10px}.ret-col-actions{min-width:120px!important}.ret-review-grid{grid-template-columns:1fr}}@media(max-width:480px){.ret-page{padding:10px 12px}.ret-data-table{font-size:11px;min-width:480px}.ret-data-table thead th,.ret-data-table tbody td{padding:6px 8px}.ret-col-actions{min-width:100px!important}.ret-filter-row{grid-template-columns:1fr}.ret-table-container{width:100%;max-height:95vh}.ret-form-actions{flex-direction:column;align-items:stretch}.ret-right-actions{flex-direction:column}.ret-right-actions button{width:100%;justify-content:center}.ret-summary-content,.ret-expanded-grid{grid-template-columns:1fr}.ret-view-row{flex-direction:column}.ret-view-label{width:100%;margin-bottom:2px}}@media(prefers-color-scheme:dark){.ret-page{background:#1a1a2e}.ret-page-header{border-color:#2d2d44}.ret-page-header-left h2{color:#fff}.ret-page-subtitle{color:#88a}.ret-form{background:#2d2d44;border-color:#3d3d5c}.ret-step-header{border-color:#3d3d5c}.ret-step-header h3{color:#fff}.ret-step-header p{color:#88a}.ret-form-group label{color:#fff}.ret-form-group input,.ret-form-group select,.ret-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ret-form-group input:focus,.ret-form-group select:focus,.ret-form-group textarea:focus{border-color:#89f}.ret-auto-filled{background-color:#3d3d5c!important;color:#88a!important}.ret-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ret-btn-secondary:hover{background:#4d4d6c}.ret-btn-outline{border-color:#4d4d6c;color:#fff}.ret-btn-outline:hover{background:#3d3d5c}.ret-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ret-btn-clear:hover{background:#4d4d6c}.ret-table-container{background:#2d2d44}.ret-table-header{border-color:#3d3d5c}.ret-table-header h2{color:#fff}.ret-table-header h2 i{color:#89f}.ret-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.ret-search-input{color:#fff}.ret-search-input::placeholder{color:#88a}.ret-search-icon{color:#88a}.ret-stats-badge{background:#3d3d5c;color:#88a}.ret-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ret-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.ret-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.ret-filter-group label{color:#fff}.ret-filter-group select,.ret-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.ret-data-table{background:#2d2d44}.ret-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.ret-data-table thead th{color:#fff;background:#3d3d5c}.ret-data-table tbody tr{border-color:#3d3d5c}.ret-data-table tbody tr:hover{background-color:#3d3d5c}.ret-data-table tbody td{color:#d0d0e0}.ret-amount{color:#34d399}.ret-status-draft{background:#3d3d5c;color:#88a}.ret-summary-card{background:#3d3d5c;border-color:#4d4d6c}.ret-summary-card h4{color:#fff}.ret-summary-item{background:#2d2d44;border-color:#4d4d6c}.ret-summary-item span{color:#88a}.ret-summary-item strong{color:#fff}.ret-expenses-table thead{background:#3d3d5c;border-color:#4d4d6c}.ret-expenses-table thead th{color:#fff;background:#3d3d5c}.ret-expenses-table tbody tr{border-color:#3d3d5c}.ret-expenses-table tbody tr:hover{background-color:#3d3d5c}.ret-expenses-table tbody td{color:#d0d0e0}.ret-table-input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ret-table-input:focus{border-color:#89f}.ret-total-row{background:#3d3d5c!important}.ret-review-section{border-color:#3d3d5c}.ret-review-section h4{color:#fff;border-color:#3d3d5c}.ret-review-item label{color:#88a}.ret-review-item span{color:#d0d0e0}.ret-review-table thead{background:#3d3d5c;border-color:#4d4d6c}.ret-review-table thead th{color:#fff}.ret-warning-box{background:#5c3d1a;border-color:#7c5d3a;color:#fbbf24}.ret-warning-box i{color:#f59e0b}.ret-form-actions{border-color:#3d3d5c}.ret-expanded-row{background-color:#3d3d5c!important}.ret-expanded-item label{color:#88a}.ret-expanded-item span,.ret-empty-state h4{color:#fff}.ret-empty-state p{color:#88a}.ret-empty-icon{color:#3d3d5c}.ret-editing-badge{background:#5c3d1a;color:#fbbf24}.ret-loading-container,.ret-loading-spinner{color:#88a}.ret-spinner{border-color:#3d3d5c;border-top-color:#89f}.ret-side-container{background:#2d2d44}.ret-side-header{border-color:#3d3d5c}.ret-side-header h3{color:#fff}.ret-modal-close{color:#88a}.ret-modal-close:hover{background-color:#3d3d5c;color:#fff}.ret-side-footer,.ret-view-section{border-color:#3d3d5c}.ret-view-section h4{color:#fff;border-color:#3d3d5c}.ret-view-label{color:#88a}.ret-view-value{color:#d0d0e0}.ret-text-danger{color:#f87171}.ret-table-footer{border-color:#3d3d5c;background:#2d2d44}.ret-total-badge{background:#1a2a5c;color:#89f}.ret-icon-btn{color:#88a}.ret-icon-btn:hover{background-color:#3d3d5c}.ret-icon-delete{color:#f87171}.ret-icon-delete:hover{background-color:#5c1a1a}.ret-icon-view{color:#60a5fa}.ret-icon-view:hover{background-color:#1a2a5c}.ret-icon-edit{color:#fbbf24}.ret-icon-edit:hover{background-color:#5c3d1a}.ret-icon-submit{color:#34d399}.ret-icon-submit:hover{background-color:#1a4d3d}.ret-progress-steps:before{background:#3d3d5c}.ret-step-indicator{background:#3d3d5c}.ret-step-title{color:#88a}.ret-step.active .ret-step-title{color:#89f}.ret-step.completed .ret-step-title{color:#34d399}}.travel-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.travel-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.travel-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.travel-page-header-left h2 i{color:#667eea}.travel-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.travel-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.travel-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.travel-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.travel-btn-primary{background:#667eea;color:#fff}.travel-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.travel-btn-success{background:#10b981;color:#fff}.travel-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.travel-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.travel-btn-secondary:hover{background:#e8e8e8;border-color:silver}.travel-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.travel-btn-outline:hover{background:#f8f9fa}.travel-btn-apply{background:#667eea;color:#fff}.travel-btn-apply:hover{background:#5a67d8}.travel-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.travel-btn-clear:hover{background:#e8e8e8}.travel-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.travel-btn-label{display:none}.travel-btn{padding:6px 10px}}.travel-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.travel-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.travel-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.travel-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.travel-step.active .travel-step-indicator{background:#667eea;color:#fff;transform:scale(1.1)}.travel-step.completed .travel-step-indicator{background:#10b981;color:#fff}.travel-step-number{font-weight:600;color:#64748b}.travel-step.active .travel-step-number{color:#fff}.travel-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.travel-step.active .travel-step-title{color:#1e40af;font-weight:600}.travel-step.completed .travel-step-title{color:#10b981}.travel-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.travel-step.completed .travel-step-connector{background:#10b981}.travel-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.travel-step-content{margin-bottom:20px}.travel-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.travel-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.travel-step-header p{margin:0;color:#666;font-size:14px}.travel-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.travel-form-grid{grid-template-columns:1fr}}.travel-form-group{display:flex;flex-direction:column;gap:4px}.travel-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.travel-form-group input,.travel-form-group select,.travel-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.travel-form-group input:focus,.travel-form-group select:focus,.travel-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.travel-form-group textarea{resize:vertical;min-height:60px}.travel-auto-filled{background-color:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}.travel-full-width{grid-column:1 / -1}.travel-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.travel-summary-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:20px}.travel-summary-card h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e}.travel-summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.travel-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.travel-summary-item span{font-size:13px;color:#64748b}.travel-summary-item strong{font-size:13px;color:#1a1a2e}.travel-table-wrapper{overflow-x:auto;margin-bottom:16px}.travel-entries-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.travel-entries-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.travel-entries-table thead th{padding:10px 12px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa}.travel-entries-table thead th[colspan="2"]{text-align:center}.travel-entries-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.travel-entries-table tbody tr:hover{background-color:#fafbff}.travel-entries-table tbody td{padding:8px 10px;vertical-align:middle}.travel-entries-table tfoot{background:#f8fafc}.travel-total-row{font-weight:600;background:#f1f5f9!important}.travel-total-cell{text-align:right!important;padding-right:16px!important}.travel-amount-cell{text-align:right!important;font-weight:500;color:#059669}.travel-col-actions{width:50px!important;text-align:center!important}.travel-table-input{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:clamp(11px,1vw,12px);background:#fff;transition:border-color .3s}.travel-table-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.travel-table-error{font-size:10px;color:#ef4444;margin-top:2px}.travel-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.travel-icon-btn:hover{background-color:#f0f0f0}.travel-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.travel-icon-delete{color:#ef4444}.travel-icon-delete:hover{background-color:#fee2e2}.travel-icon-view{color:#1976d2}.travel-icon-view:hover{background-color:#e3f2fd}.travel-icon-edit{color:#ed6c02}.travel-icon-edit:hover{background-color:#fff3e0}.travel-icon-expand{display:none;color:#666}.travel-icon-expand .travel-expanded{transform:rotate(180deg)}.travel-review-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:20px}.travel-review-section h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.travel-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.travel-review-item{display:flex;gap:8px;padding:4px 0}.travel-review-item label{font-weight:600;color:#4a5568;min-width:120px;font-size:13px}.travel-review-item span{color:#1a1a2e;font-size:13px}.travel-review-item.travel-full-width{grid-column:1 / -1}.travel-review-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px)}.travel-review-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.travel-review-table thead th{padding:8px 12px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px}.travel-review-table tbody tr{border-bottom:1px solid #f0f0f0}.travel-review-table tbody td{padding:6px 12px}.travel-review-table tfoot{background:#f8fafc;font-weight:600}.travel-warning-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;margin-top:16px}.travel-warning-box i{font-size:20px;color:#d97706;margin-top:2px}.travel-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.travel-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.travel-form-actions{flex-direction:column;align-items:stretch}.travel-right-actions{flex-direction:column}.travel-right-actions button{width:100%;justify-content:center}}.travel-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.travel-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.travel-search-input-wrapper:focus-within{border-color:#667eea}.travel-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.travel-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.travel-search-input::placeholder{color:#999}.travel-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.travel-clear-search:hover{color:#1a1a2e}.travel-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.travel-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.travel-filter-toggle:hover{background-color:#e8e8e8}.travel-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.travel-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.travel-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.travel-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.travel-filter-group{display:flex;flex-direction:column;gap:4px}.travel-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.travel-filter-group select,.travel-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.travel-filter-group select:focus,.travel-filter-group input:focus{outline:none;border-color:#667eea}.travel-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.travel-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.travel-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.travel-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.travel-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.travel-table-header h2 i{color:#667eea}.travel-table-actions{display:flex;gap:8px;flex-wrap:wrap}.travel-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.travel-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.travel-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.travel-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.travel-data-table tbody tr:hover{background-color:#fafbff}.travel-data-table tbody tr:last-child{border-bottom:none}.travel-data-table tbody td{padding:10px 14px;vertical-align:middle}.travel-row-rejected{opacity:.6}.travel-row-rejected:hover{opacity:.8}.travel-col-days{text-align:center!important;min-width:80px}.travel-col-amount{text-align:right!important;min-width:120px}.travel-col-status{min-width:100px}.travel-col-submitted{min-width:110px}.travel-col-actions{min-width:140px!important;text-align:center!important}.travel-amount{font-weight:600;color:#059669}.travel-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.travel-status-draft{background:#e2e8f0;color:#475569}.travel-status-submitted{background:#dbeafe;color:#2563eb}.travel-status-hod-approved{background:#fed7aa;color:#c2410c}.travel-status-finance-approved{background:#fef3c7;color:#d97706}.travel-status-ed-approved{background:#e8f5e9;color:#2e7d32}.travel-status-approved{background:#d1fae5;color:#059669}.travel-status-rejected{background:#fee2e2;color:#dc2626}.travel-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.travel-expanded-row{background-color:#f8f9fa!important}.travel-expanded-row td{padding:12px 16px!important}.travel-expanded-content{padding:4px 0}.travel-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.travel-expanded-item{display:flex;flex-direction:column;gap:2px}.travel-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.travel-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.travel-expanded-item .travel-status-badge,.travel-expanded-item .travel-amount{display:inline-block;width:fit-content}.travel-expanded-full{grid-column:1 / -1}.travel-text-danger{color:#dc2626}@media(max-width:600px){.travel-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.travel-expanded-grid{grid-template-columns:1fr}}.travel-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.travel-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.travel-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.travel-loading-spinner{text-align:center;padding:40px;color:#666}.travel-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:travelSpin .8s linear infinite}@keyframes travelSpin{to{transform:rotate(360deg)}}.travel-empty-state{text-align:center;padding:60px 20px;color:#666}.travel-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.travel-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.travel-empty-state p{margin:0;color:#666}.travel-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.travel-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:travelSlideIn .3s ease}@keyframes travelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.travel-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.travel-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.travel-side-header h3 i{color:#667eea}.travel-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.travel-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.travel-side-body{flex:1;overflow-y:auto;padding:20px 24px}.travel-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.travel-view-grid{display:flex;flex-direction:column;gap:16px}.travel-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.travel-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.travel-view-section h4 i{color:#667eea}.travel-view-row{display:flex;margin-bottom:8px}.travel-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.travel-view-value{flex:1;color:#1a1a2e;font-size:13px}.travel-view-full{flex-direction:column}.travel-view-full .travel-view-label{width:100%;margin-bottom:4px}@media(max-width:768px){.travel-page-header{flex-direction:column;align-items:flex-start;gap:12px}.travel-page-header-right{width:100%;justify-content:flex-start}.travel-progress-steps{flex-direction:column;gap:20px;padding:0}.travel-progress-steps:before,.travel-step-connector{display:none}.travel-step{flex-direction:row;gap:12px;width:100%}.travel-step-indicator{margin-bottom:0;width:32px;height:32px}.travel-table-header{flex-direction:column;align-items:flex-start}.travel-table-actions{width:100%;justify-content:flex-start}.travel-side-container{width:100%;max-width:100%}.travel-filter-row{grid-template-columns:1fr 1fr}.travel-icon-expand{display:inline-flex}.travel-data-table{font-size:12px;min-width:700px}.travel-data-table thead th,.travel-data-table tbody td{padding:8px 10px}.travel-col-actions{min-width:120px!important}.travel-review-grid{grid-template-columns:1fr}}@media(max-width:480px){.travel-page{padding:10px 12px}.travel-data-table{font-size:11px;min-width:550px}.travel-data-table thead th,.travel-data-table tbody td{padding:6px 8px}.travel-col-actions{min-width:100px!important}.travel-filter-row{grid-template-columns:1fr}.travel-table-container{width:100%;max-height:95vh}.travel-form-actions{flex-direction:column;align-items:stretch}.travel-right-actions{flex-direction:column}.travel-right-actions button{width:100%;justify-content:center}.travel-summary-content,.travel-expanded-grid{grid-template-columns:1fr}.travel-view-row{flex-direction:column}.travel-view-label{width:100%;margin-bottom:2px}.travel-entries-table{min-width:600px}}@media(prefers-color-scheme:dark){.travel-page{background:#1a1a2e}.travel-page-header{border-color:#2d2d44}.travel-page-header-left h2{color:#fff}.travel-page-subtitle{color:#88a}.travel-form{background:#2d2d44;border-color:#3d3d5c}.travel-step-header{border-color:#3d3d5c}.travel-step-header h3{color:#fff}.travel-step-header p{color:#88a}.travel-form-group label{color:#fff}.travel-form-group input,.travel-form-group select,.travel-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.travel-form-group input:focus,.travel-form-group select:focus,.travel-form-group textarea:focus{border-color:#89f}.travel-auto-filled{background-color:#3d3d5c!important;color:#88a!important}.travel-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.travel-btn-secondary:hover{background:#4d4d6c}.travel-btn-outline{border-color:#4d4d6c;color:#fff}.travel-btn-outline:hover{background:#3d3d5c}.travel-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.travel-btn-clear:hover{background:#4d4d6c}.travel-table-container{background:#2d2d44}.travel-table-header{border-color:#3d3d5c}.travel-table-header h2{color:#fff}.travel-table-header h2 i{color:#89f}.travel-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.travel-search-input{color:#fff}.travel-search-input::placeholder{color:#88a}.travel-search-icon{color:#88a}.travel-stats-badge{background:#3d3d5c;color:#88a}.travel-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.travel-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.travel-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.travel-filter-group label{color:#fff}.travel-filter-group select,.travel-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.travel-data-table{background:#2d2d44}.travel-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.travel-data-table thead th{color:#fff;background:#3d3d5c}.travel-data-table tbody tr{border-color:#3d3d5c}.travel-data-table tbody tr:hover{background-color:#3d3d5c}.travel-data-table tbody td{color:#d0d0e0}.travel-amount{color:#34d399}.travel-status-draft{background:#3d3d5c;color:#88a}.travel-summary-card{background:#3d3d5c;border-color:#4d4d6c}.travel-summary-card h4{color:#fff}.travel-summary-item{background:#2d2d44;border-color:#4d4d6c}.travel-summary-item span{color:#88a}.travel-summary-item strong{color:#fff}.travel-entries-table thead{background:#3d3d5c;border-color:#4d4d6c}.travel-entries-table thead th{color:#fff;background:#3d3d5c}.travel-entries-table tbody tr{border-color:#3d3d5c}.travel-entries-table tbody tr:hover{background-color:#3d3d5c}.travel-entries-table tbody td{color:#d0d0e0}.travel-table-input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.travel-table-input:focus{border-color:#89f}.travel-total-row{background:#3d3d5c!important}.travel-review-section{border-color:#3d3d5c}.travel-review-section h4{color:#fff;border-color:#3d3d5c}.travel-review-item label{color:#88a}.travel-review-item span{color:#d0d0e0}.travel-review-table thead{background:#3d3d5c;border-color:#4d4d6c}.travel-review-table thead th{color:#fff}.travel-warning-box{background:#5c3d1a;border-color:#7c5d3a;color:#fbbf24}.travel-warning-box i{color:#f59e0b}.travel-form-actions{border-color:#3d3d5c}.travel-expanded-row{background-color:#3d3d5c!important}.travel-expanded-item label{color:#88a}.travel-expanded-item span,.travel-empty-state h4{color:#fff}.travel-empty-state p{color:#88a}.travel-empty-icon{color:#3d3d5c}.travel-editing-badge{background:#5c3d1a;color:#fbbf24}.travel-loading-container,.travel-loading-spinner{color:#88a}.travel-spinner{border-color:#3d3d5c;border-top-color:#89f}.travel-side-container{background:#2d2d44}.travel-side-header{border-color:#3d3d5c}.travel-side-header h3{color:#fff}.travel-modal-close{color:#88a}.travel-modal-close:hover{background-color:#3d3d5c;color:#fff}.travel-side-footer,.travel-view-section{border-color:#3d3d5c}.travel-view-section h4{color:#fff;border-color:#3d3d5c}.travel-view-label{color:#88a}.travel-view-value{color:#d0d0e0}.travel-text-danger{color:#f87171}.travel-table-footer{border-color:#3d3d5c;background:#2d2d44}.travel-total-badge{background:#1a2a5c;color:#89f}.travel-icon-btn{color:#88a}.travel-icon-btn:hover{background-color:#3d3d5c}.travel-icon-delete{color:#f87171}.travel-icon-delete:hover{background-color:#5c1a1a}.travel-icon-view{color:#60a5fa}.travel-icon-view:hover{background-color:#1a2a5c}.travel-icon-edit{color:#fbbf24}.travel-icon-edit:hover{background-color:#5c3d1a}.travel-progress-steps:before{background:#3d3d5c}.travel-step-indicator{background:#3d3d5c}.travel-step-title{color:#88a}.travel-step.active .travel-step-title{color:#89f}.travel-step.completed .travel-step-title{color:#34d399}}.req-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.req-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.req-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.req-page-header-left h2 i{color:#667eea}.req-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.req-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.req-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.req-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.req-btn-primary{background:#667eea;color:#fff}.req-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.req-btn-success{background:#10b981;color:#fff}.req-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.req-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.req-btn-secondary:hover{background:#e8e8e8;border-color:silver}.req-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.req-btn-outline:hover{background:#f8f9fa}.req-btn-apply{background:#667eea;color:#fff}.req-btn-apply:hover{background:#5a67d8}.req-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.req-btn-clear:hover{background:#e8e8e8}.req-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.req-btn-label{display:none}.req-btn{padding:6px 10px}}.req-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.req-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.req-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.req-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.req-step.active .req-step-indicator{background:#667eea;color:#fff;transform:scale(1.1)}.req-step.completed .req-step-indicator{background:#10b981;color:#fff}.req-step-number{font-weight:600;color:#64748b}.req-step.active .req-step-number{color:#fff}.req-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.req-step.active .req-step-title{color:#1e40af;font-weight:600}.req-step.completed .req-step-title{color:#10b981}.req-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.req-step.completed .req-step-connector{background:#10b981}.req-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.req-step-content{margin-bottom:20px}.req-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.req-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.req-step-header p{margin:0;color:#666;font-size:14px}.req-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.req-form-grid{grid-template-columns:1fr}}.req-form-group{display:flex;flex-direction:column;gap:4px}.req-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.req-form-group input,.req-form-group select,.req-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.req-form-group input:focus,.req-form-group select:focus,.req-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.req-form-group textarea{resize:vertical;min-height:60px}.req-auto-filled{background-color:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}.req-full-width{grid-column:1 / -1}.req-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.req-amount-words-display{padding:10px 12px;background:#f8fafc;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;min-height:44px;word-wrap:break-word;font-style:italic}.req-summary-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:20px}.req-summary-card h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e}.req-summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.req-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.req-summary-item span{font-size:13px;color:#64748b}.req-summary-item strong{font-size:13px;color:#1a1a2e}.req-review-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:20px}.req-review-section h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.req-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.req-review-item{display:flex;gap:8px;padding:4px 0}.req-review-item label{font-weight:600;color:#4a5568;min-width:120px;font-size:13px}.req-review-item span{color:#1a1a2e;font-size:13px}.req-review-item.req-full-width{grid-column:1 / -1}.req-warning-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;margin-top:16px}.req-warning-box i{font-size:20px;color:#d97706;margin-top:2px}.req-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.req-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.req-form-actions{flex-direction:column;align-items:stretch}.req-right-actions{flex-direction:column}.req-right-actions button{width:100%;justify-content:center}}.req-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.req-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.req-search-input-wrapper:focus-within{border-color:#667eea}.req-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.req-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.req-search-input::placeholder{color:#999}.req-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.req-clear-search:hover{color:#1a1a2e}.req-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.req-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.req-filter-toggle:hover{background-color:#e8e8e8}.req-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.req-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.req-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.req-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.req-filter-group{display:flex;flex-direction:column;gap:4px}.req-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.req-filter-group select,.req-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.req-filter-group select:focus,.req-filter-group input:focus{outline:none;border-color:#667eea}.req-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.req-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.req-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.req-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.req-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.req-table-header h2 i{color:#667eea}.req-table-actions{display:flex;gap:8px;flex-wrap:wrap}.req-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.req-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.req-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.req-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.req-data-table tbody tr:hover{background-color:#fafbff}.req-data-table tbody tr:last-child{border-bottom:none}.req-data-table tbody td{padding:10px 14px;vertical-align:middle}.req-row-rejected{opacity:.6}.req-row-rejected:hover{opacity:.8}.req-col-days{text-align:center!important;min-width:80px}.req-col-amount{text-align:right!important;min-width:120px}.req-col-status{min-width:100px}.req-col-actions{min-width:120px!important;text-align:center!important}.req-amount{font-weight:600;color:#059669}.req-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.req-status-draft{background:#e2e8f0;color:#475569}.req-status-pending{background:#dbeafe;color:#2563eb}.req-status-approved{background:#d1fae5;color:#059669}.req-status-rejected{background:#fee2e2;color:#dc2626}.req-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.req-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.req-icon-btn:hover{background-color:#f0f0f0}.req-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.req-icon-view{color:#1976d2}.req-icon-view:hover{background-color:#e3f2fd}.req-icon-edit{color:#ed6c02}.req-icon-edit:hover{background-color:#fff3e0}.req-icon-expand{display:none;color:#666}.req-icon-expand .req-expanded{transform:rotate(180deg)}.req-expanded-row{background-color:#f8f9fa!important}.req-expanded-row td{padding:12px 16px!important}.req-expanded-content{padding:4px 0}.req-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.req-expanded-item{display:flex;flex-direction:column;gap:2px}.req-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.req-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.req-expanded-item .req-status-badge,.req-expanded-item .req-amount{display:inline-block;width:fit-content}.req-expanded-full{grid-column:1 / -1}.req-text-danger{color:#dc2626}@media(max-width:600px){.req-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.req-expanded-grid{grid-template-columns:1fr}}.req-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.req-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.req-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.req-loading-spinner{text-align:center;padding:40px;color:#666}.req-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:reqSpin .8s linear infinite}@keyframes reqSpin{to{transform:rotate(360deg)}}.req-empty-state{text-align:center;padding:60px 20px;color:#666}.req-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.req-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.req-empty-state p{margin:0;color:#666}.req-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.req-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:reqSlideIn .3s ease}@keyframes reqSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.req-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.req-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.req-side-header h3 i{color:#667eea}.req-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.req-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.req-side-body{flex:1;overflow-y:auto;padding:20px 24px}.req-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.req-view-grid{display:flex;flex-direction:column;gap:16px}.req-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.req-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.req-view-section h4 i{color:#667eea}.req-view-row{display:flex;margin-bottom:8px}.req-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.req-view-value{flex:1;color:#1a1a2e;font-size:13px}.req-view-full{flex-direction:column}.req-view-full .req-view-label{width:100%;margin-bottom:4px}@media(max-width:768px){.req-page-header{flex-direction:column;align-items:flex-start;gap:12px}.req-page-header-right{width:100%;justify-content:flex-start}.req-progress-steps{flex-direction:column;gap:20px;padding:0}.req-progress-steps:before,.req-step-connector{display:none}.req-step{flex-direction:row;gap:12px;width:100%}.req-step-indicator{margin-bottom:0;width:32px;height:32px}.req-table-header{flex-direction:column;align-items:flex-start}.req-table-actions{width:100%;justify-content:flex-start}.req-side-container{width:100%;max-width:100%}.req-filter-row{grid-template-columns:1fr 1fr}.req-icon-expand{display:inline-flex}.req-data-table{font-size:12px;min-width:650px}.req-data-table thead th,.req-data-table tbody td{padding:8px 10px}.req-col-actions{min-width:100px!important}.req-review-grid{grid-template-columns:1fr}}@media(max-width:480px){.req-page{padding:10px 12px}.req-data-table{font-size:11px;min-width:500px}.req-data-table thead th,.req-data-table tbody td{padding:6px 8px}.req-col-actions{min-width:90px!important}.req-filter-row{grid-template-columns:1fr}.req-table-container{width:100%;max-height:95vh}.req-form-actions{flex-direction:column;align-items:stretch}.req-right-actions{flex-direction:column}.req-right-actions button{width:100%;justify-content:center}.req-summary-content,.req-expanded-grid{grid-template-columns:1fr}.req-view-row{flex-direction:column}.req-view-label{width:100%;margin-bottom:2px}}@media(prefers-color-scheme:dark){.req-page{background:#1a1a2e}.req-page-header{border-color:#2d2d44}.req-page-header-left h2{color:#fff}.req-page-subtitle{color:#88a}.req-form{background:#2d2d44;border-color:#3d3d5c}.req-step-header{border-color:#3d3d5c}.req-step-header h3{color:#fff}.req-step-header p{color:#88a}.req-form-group label{color:#fff}.req-form-group input,.req-form-group select,.req-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.req-form-group input:focus,.req-form-group select:focus,.req-form-group textarea:focus{border-color:#89f}.req-auto-filled{background-color:#3d3d5c!important;color:#88a!important}.req-amount-words-display{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0e0}.req-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.req-btn-secondary:hover{background:#4d4d6c}.req-btn-outline{border-color:#4d4d6c;color:#fff}.req-btn-outline:hover{background:#3d3d5c}.req-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.req-btn-clear:hover{background:#4d4d6c}.req-table-container{background:#2d2d44}.req-table-header{border-color:#3d3d5c}.req-table-header h2{color:#fff}.req-table-header h2 i{color:#89f}.req-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.req-search-input{color:#fff}.req-search-input::placeholder{color:#88a}.req-search-icon{color:#88a}.req-stats-badge{background:#3d3d5c;color:#88a}.req-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.req-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.req-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.req-filter-group label{color:#fff}.req-filter-group select,.req-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.req-data-table{background:#2d2d44}.req-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.req-data-table thead th{color:#fff;background:#3d3d5c}.req-data-table tbody tr{border-color:#3d3d5c}.req-data-table tbody tr:hover{background-color:#3d3d5c}.req-data-table tbody td{color:#d0d0e0}.req-amount{color:#34d399}.req-status-draft{background:#3d3d5c;color:#88a}.req-summary-card{background:#3d3d5c;border-color:#4d4d6c}.req-summary-card h4{color:#fff}.req-summary-item{background:#2d2d44;border-color:#4d4d6c}.req-summary-item span{color:#88a}.req-summary-item strong{color:#fff}.req-review-section{border-color:#3d3d5c}.req-review-section h4{color:#fff;border-color:#3d3d5c}.req-review-item label{color:#88a}.req-review-item span{color:#d0d0e0}.req-warning-box{background:#5c3d1a;border-color:#7c5d3a;color:#fbbf24}.req-warning-box i{color:#f59e0b}.req-form-actions{border-color:#3d3d5c}.req-expanded-row{background-color:#3d3d5c!important}.req-expanded-item label{color:#88a}.req-expanded-item span,.req-empty-state h4{color:#fff}.req-empty-state p{color:#88a}.req-empty-icon{color:#3d3d5c}.req-editing-badge{background:#5c3d1a;color:#fbbf24}.req-loading-container,.req-loading-spinner{color:#88a}.req-spinner{border-color:#3d3d5c;border-top-color:#89f}.req-side-container{background:#2d2d44}.req-side-header{border-color:#3d3d5c}.req-side-header h3{color:#fff}.req-modal-close{color:#88a}.req-modal-close:hover{background-color:#3d3d5c;color:#fff}.req-side-footer,.req-view-section{border-color:#3d3d5c}.req-view-section h4{color:#fff;border-color:#3d3d5c}.req-view-label{color:#88a}.req-view-value{color:#d0d0e0}.req-text-danger{color:#f87171}.req-table-footer{border-color:#3d3d5c;background:#2d2d44}.req-total-badge{background:#1a2a5c;color:#89f}.req-icon-btn{color:#88a}.req-icon-btn:hover{background-color:#3d3d5c}.req-icon-view{color:#60a5fa}.req-icon-view:hover{background-color:#1a2a5c}.req-icon-edit{color:#fbbf24}.req-icon-edit:hover{background-color:#5c3d1a}.req-progress-steps:before{background:#3d3d5c}.req-step-indicator{background:#3d3d5c}.req-step-title{color:#88a}.req-step.active .req-step-title{color:#89f}.req-step.completed .req-step-title{color:#34d399}}.pay-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.pay-step.active .pay-step-title{color:#1e40af;font-weight:600}.pay-auto-filled{background-color:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}.pay-amount-words-display{padding:10px 12px;background:#f8fafc;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;min-height:44px;word-wrap:break-word;font-style:italic}.pay-summary-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:20px}.pay-summary-card h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e}.pay-summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.pay-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.pay-summary-item span{font-size:13px;color:#64748b}.pay-summary-item strong{font-size:13px;color:#1a1a2e}.pay-summary-item.pay-success{border-color:#10b981;background:#f0fdf4}.pay-summary-item.pay-success strong{color:#10b981}.pay-summary-item.pay-warning{border-color:#f59e0b;background:#fffbeb}.pay-summary-item.pay-warning strong{color:#d97706}.pay-table-wrapper{overflow-x:auto;margin-bottom:16px}.pay-description-table,.pay-narration-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:600px}.pay-description-table thead,.pay-narration-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.pay-description-table thead th,.pay-narration-table thead th{padding:10px 12px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa}.pay-description-table tbody tr,.pay-narration-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.pay-description-table tbody tr:hover,.pay-narration-table tbody tr:hover{background-color:#fafbff}.pay-description-table tbody td,.pay-narration-table tbody td{padding:8px 10px;vertical-align:middle}.pay-description-table tfoot,.pay-narration-table tfoot{background:#f8fafc}.pay-total-row{font-weight:600;background:#f1f5f9!important}.pay-total-cell{text-align:right!important;padding-right:16px!important}.pay-amount-cell{text-align:right!important;font-weight:600}.pay-col-actions{width:50px!important;text-align:center!important}.pay-table-input{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:clamp(11px,1vw,12px);background:#fff;transition:border-color .3s}.pay-table-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pay-table-error{font-size:10px;color:#ef4444;margin-top:2px}.pay-icon-delete{color:#ef4444}.pay-icon-delete:hover{background-color:#fee2e2}.pay-icon-edit{color:#ed6c02}.pay-icon-edit:hover{background-color:#fff3e0}.pay-review-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:20px}.pay-review-section h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.pay-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.pay-review-item{display:flex;gap:8px;padding:4px 0}.pay-review-item label{font-weight:600;color:#4a5568;min-width:120px;font-size:13px}.pay-review-item span{color:#1a1a2e;font-size:13px}.pay-review-item.pay-full-width{grid-column:1 / -1}.pay-warning-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;margin-top:16px}.pay-warning-box i{font-size:20px;color:#d97706;margin-top:2px}@media(max-width:480px){.pay-form-actions{flex-direction:column;align-items:stretch}.pay-right-actions{flex-direction:column}.pay-right-actions button{width:100%;justify-content:center}}.pay-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.pay-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.pay-clear-search:hover{color:#1a1a2e}.pay-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pay-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.pay-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.pay-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.pay-table-header h2 i{color:#667eea}.pay-table-actions{display:flex;gap:8px;flex-wrap:wrap}.pay-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.pay-row-rejected{opacity:.6}.pay-row-rejected:hover{opacity:.8}.pay-col-amount{text-align:right!important;min-width:120px}.pay-col-status{min-width:100px}.pay-col-submitted{min-width:110px}.pay-col-actions{min-width:120px!important;text-align:center!important}.pay-status-draft{background:#e2e8f0;color:#475569}.pay-status-submitted{background:#dbeafe;color:#2563eb}.pay-status-hod-approved{background:#fed7aa;color:#c2410c}.pay-status-finance-approved{background:#fef3c7;color:#d97706}.pay-status-approved{background:#d1fae5;color:#059669}.pay-status-paid{background:#a7f3d0;color:#065f46}.pay-status-rejected{background:#fee2e2;color:#dc2626}.pay-expanded-content{padding:4px 0}.pay-expanded-item .pay-status-badge,.pay-expanded-item .pay-amount{display:inline-block;width:fit-content}.pay-text-danger{color:#dc2626}.pay-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.pay-loading-spinner{text-align:center;padding:40px;color:#666}.pay-empty-state{text-align:center;padding:60px 20px;color:#666}.pay-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.pay-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.pay-empty-state p{margin:0;color:#666}.pay-view-full{flex-direction:column}.pay-view-full .pay-view-label{width:100%;margin-bottom:4px}@media(max-width:768px){.pay-page-header{flex-direction:column;align-items:flex-start;gap:12px}.pay-page-header-right{width:100%;justify-content:flex-start}.pay-progress-steps{flex-direction:column;gap:20px;padding:0}.pay-progress-steps:before,.pay-step-connector{display:none}.pay-step{flex-direction:row;gap:12px;width:100%}.pay-step-indicator{margin-bottom:0;width:32px;height:32px}.pay-table-header{flex-direction:column;align-items:flex-start}.pay-table-actions{width:100%;justify-content:flex-start}.pay-side-container{width:100%;max-width:100%}.pay-filter-row{grid-template-columns:1fr 1fr}.pay-icon-expand{display:inline-flex}.pay-data-table{font-size:12px;min-width:650px}.pay-data-table thead th,.pay-data-table tbody td{padding:8px 10px}.pay-col-actions{min-width:100px!important}.pay-review-grid{grid-template-columns:1fr}}@media(max-width:480px){.pay-page{padding:10px 12px}.pay-data-table{font-size:11px;min-width:500px}.pay-data-table thead th,.pay-data-table tbody td{padding:6px 8px}.pay-col-actions{min-width:90px!important}.pay-filter-row{grid-template-columns:1fr}.pay-table-container{width:100%;max-height:95vh}.pay-form-actions{flex-direction:column;align-items:stretch}.pay-right-actions{flex-direction:column}.pay-right-actions button{width:100%;justify-content:center}.pay-summary-content,.pay-expanded-grid{grid-template-columns:1fr}.pay-view-row{flex-direction:column}.pay-view-label{width:100%;margin-bottom:2px}.pay-description-table,.pay-narration-table{min-width:500px}}@media(prefers-color-scheme:dark){.pay-page{background:#1a1a2e}.pay-page-header{border-color:#2d2d44}.pay-page-header-left h2{color:#fff}.pay-page-subtitle{color:#88a}.pay-form{background:#2d2d44;border-color:#3d3d5c}.pay-step-header{border-color:#3d3d5c}.pay-step-header h3{color:#fff}.pay-step-header p{color:#88a}.pay-form-group label{color:#fff}.pay-form-group input,.pay-form-group select,.pay-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pay-form-group input:focus,.pay-form-group select:focus,.pay-form-group textarea:focus{border-color:#89f}.pay-auto-filled{background-color:#3d3d5c!important;color:#88a!important}.pay-amount-words-display{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0e0}.pay-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pay-btn-secondary:hover{background:#4d4d6c}.pay-btn-outline{border-color:#4d4d6c;color:#fff}.pay-btn-outline:hover{background:#3d3d5c}.pay-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pay-btn-clear:hover{background:#4d4d6c}.pay-table-container{background:#2d2d44}.pay-table-header{border-color:#3d3d5c}.pay-table-header h2{color:#fff}.pay-table-header h2 i{color:#89f}.pay-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.pay-search-input{color:#fff}.pay-search-input::placeholder{color:#88a}.pay-search-icon{color:#88a}.pay-stats-badge{background:#3d3d5c;color:#88a}.pay-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pay-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.pay-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.pay-filter-group label{color:#fff}.pay-filter-group select,.pay-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.pay-data-table{background:#2d2d44}.pay-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.pay-data-table thead th{color:#fff;background:#3d3d5c}.pay-data-table tbody tr{border-color:#3d3d5c}.pay-data-table tbody tr:hover{background-color:#3d3d5c}.pay-data-table tbody td{color:#d0d0e0}.pay-amount{color:#34d399}.pay-status-draft{background:#3d3d5c;color:#88a}.pay-summary-card{background:#3d3d5c;border-color:#4d4d6c}.pay-summary-card h4{color:#fff}.pay-summary-item{background:#2d2d44;border-color:#4d4d6c}.pay-summary-item span{color:#88a}.pay-summary-item strong{color:#fff}.pay-summary-item.pay-success{border-color:#1a4d3d;background:#1a2d3d}.pay-summary-item.pay-success strong{color:#34d399}.pay-summary-item.pay-warning{border-color:#5c3d1a;background:#3d2d1a}.pay-summary-item.pay-warning strong{color:#fbbf24}.pay-description-table thead,.pay-narration-table thead{background:#3d3d5c;border-color:#4d4d6c}.pay-description-table thead th,.pay-narration-table thead th{color:#fff;background:#3d3d5c}.pay-description-table tbody tr,.pay-narration-table tbody tr{border-color:#3d3d5c}.pay-description-table tbody tr:hover,.pay-narration-table tbody tr:hover{background-color:#3d3d5c}.pay-description-table tbody td,.pay-narration-table tbody td{color:#d0d0e0}.pay-table-input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pay-table-input:focus{border-color:#89f}.pay-total-row{background:#3d3d5c!important}.pay-review-section{border-color:#3d3d5c}.pay-review-section h4{color:#fff;border-color:#3d3d5c}.pay-review-item label{color:#88a}.pay-review-item span{color:#d0d0e0}.pay-warning-box{background:#5c3d1a;border-color:#7c5d3a;color:#fbbf24}.pay-warning-box i{color:#f59e0b}.pay-form-actions{border-color:#3d3d5c}.pay-expanded-row{background-color:#3d3d5c!important}.pay-expanded-item label{color:#88a}.pay-expanded-item span,.pay-empty-state h4{color:#fff}.pay-empty-state p{color:#88a}.pay-empty-icon{color:#3d3d5c}.pay-editing-badge{background:#5c3d1a;color:#fbbf24}.pay-loading-container,.pay-loading-spinner{color:#88a}.pay-spinner{border-color:#3d3d5c;border-top-color:#89f}.pay-side-container{background:#2d2d44}.pay-side-header{border-color:#3d3d5c}.pay-side-header h3{color:#fff}.pay-modal-close{color:#88a}.pay-modal-close:hover{background-color:#3d3d5c;color:#fff}.pay-side-footer,.pay-view-section{border-color:#3d3d5c}.pay-view-section h4{color:#fff;border-color:#3d3d5c}.pay-view-label{color:#88a}.pay-view-value{color:#d0d0e0}.pay-text-danger{color:#f87171}.pay-table-footer{border-color:#3d3d5c;background:#2d2d44}.pay-total-badge{background:#1a2a5c;color:#89f}.pay-icon-btn{color:#88a}.pay-icon-btn:hover{background-color:#3d3d5c}.pay-icon-delete{color:#f87171}.pay-icon-delete:hover{background-color:#5c1a1a}.pay-icon-view{color:#60a5fa}.pay-icon-view:hover{background-color:#1a2a5c}.pay-icon-edit{color:#fbbf24}.pay-icon-edit:hover{background-color:#5c3d1a}.pay-progress-steps:before{background:#3d3d5c}.pay-step-indicator{background:#3d3d5c}.pay-step-title{color:#88a}.pay-step.active .pay-step-title{color:#89f}.pay-step.completed .pay-step-title{color:#34d399}}.act-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.act-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.act-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.act-page-header-left h2 i{color:#667eea}.act-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.act-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.act-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.act-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.act-btn-primary{background:#667eea;color:#fff}.act-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.act-btn-success{background:#10b981;color:#fff}.act-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.act-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.act-btn-secondary:hover{background:#e8e8e8;border-color:silver}.act-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.act-btn-outline:hover{background:#f8f9fa}.act-btn-apply{background:#667eea;color:#fff}.act-btn-apply:hover{background:#5a67d8}.act-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.act-btn-clear:hover{background:#e8e8e8}.act-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.act-btn-label{display:none}.act-btn{padding:6px 10px}}.act-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.act-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.act-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.act-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.act-step.active .act-step-indicator{background:#667eea;color:#fff;transform:scale(1.1)}.act-step.completed .act-step-indicator{background:#10b981;color:#fff}.act-step-number{font-weight:600;color:#64748b}.act-step.active .act-step-number{color:#fff}.act-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.act-step.active .act-step-title{color:#1e40af;font-weight:600}.act-step.completed .act-step-title{color:#10b981}.act-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.act-step.completed .act-step-connector{background:#10b981}.act-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.act-step-content{margin-bottom:20px}.act-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.act-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.act-step-header p{margin:0;color:#666;font-size:14px}.act-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.act-form-grid{grid-template-columns:1fr}}.act-form-group{display:flex;flex-direction:column;gap:4px}.act-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.act-form-group input,.act-form-group select,.act-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.act-form-group input:focus,.act-form-group select:focus,.act-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.act-form-group textarea{resize:vertical;min-height:60px}.act-auto-filled{background-color:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}.act-full-width{grid-column:1 / -1}.act-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.act-form-small{flex:0 0 150px}.act-form-flex{flex:1}.act-form-action{flex:0 0 60px;display:flex;align-items:center;justify-content:center}.act-form-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}.act-readonly-field{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#f3f4f6;color:#6b7280;width:100%;font-size:clamp(13px,1.1vw,14px)}.act-form-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:20px}.act-form-section h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.act-beneficiary-row,.act-objective-row,.act-output-row{margin-bottom:8px}.act-budget-summary-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:992px){.act-budget-summary-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.act-budget-summary-grid{grid-template-columns:1fr}}.act-summary-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:20px}.act-summary-card h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e}.act-summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.act-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.act-summary-item span{font-size:13px;color:#64748b}.act-summary-item strong{font-size:13px;color:#1a1a2e}.act-summary-item.act-success{border-color:#10b981;background:#f0fdf4}.act-summary-item.act-success strong{color:#10b981}.act-summary-item.act-warning{border-color:#f59e0b;background:#fffbeb}.act-summary-item.act-warning strong{color:#d97706}.act-table-wrapper{overflow-x:auto;margin-bottom:16px}.act-budget-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:600px}.act-budget-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.act-budget-table thead th{padding:10px 12px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa}.act-budget-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.act-budget-table tbody tr:hover{background-color:#fafbff}.act-budget-table tbody td{padding:8px 10px;vertical-align:middle}.act-budget-table tfoot{background:#f8fafc}.act-total-row{font-weight:600;background:#f1f5f9!important}.act-total-cell{text-align:right!important;padding-right:16px!important}.act-amount-cell{text-align:right!important;font-weight:600}.act-col-sn{width:40px!important;text-align:center!important}.act-col-actions{width:50px!important;text-align:center!important}.act-table-input{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:clamp(11px,1vw,12px);background:#fff;transition:border-color .3s}.act-table-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.act-table-error{font-size:10px;color:#ef4444;margin-top:2px}.act-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.act-icon-btn:hover{background-color:#f0f0f0}.act-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.act-icon-delete{color:#ef4444}.act-icon-delete:hover{background-color:#fee2e2}.act-icon-view{color:#1976d2}.act-icon-view:hover{background-color:#e3f2fd}.act-icon-edit{color:#ed6c02}.act-icon-edit:hover{background-color:#fff3e0}.act-icon-submit{color:#10b981}.act-icon-submit:hover{background-color:#d1fae5}.act-icon-expand{display:none;color:#666}.act-icon-expand .act-expanded{transform:rotate(180deg)}.act-review-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:20px}.act-review-section h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.act-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.act-review-item{display:flex;gap:8px;padding:4px 0}.act-review-item label{font-weight:600;color:#4a5568;min-width:120px;font-size:13px}.act-review-item span{color:#1a1a2e;font-size:13px}.act-review-item.act-full-width{grid-column:1 / -1}.act-warning-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;margin-top:16px}.act-warning-box i{font-size:20px;color:#d97706;margin-top:2px}.act-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.act-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.act-form-actions{flex-direction:column;align-items:stretch}.act-right-actions{flex-direction:column}.act-right-actions button{width:100%;justify-content:center}}.act-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.act-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.act-search-input-wrapper:focus-within{border-color:#667eea}.act-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.act-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.act-search-input::placeholder{color:#999}.act-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.act-clear-search:hover{color:#1a1a2e}.act-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.act-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.act-filter-toggle:hover{background-color:#e8e8e8}.act-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.act-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.act-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.act-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.act-filter-group{display:flex;flex-direction:column;gap:4px}.act-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.act-filter-group select,.act-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.act-filter-group select:focus,.act-filter-group input:focus{outline:none;border-color:#667eea}.act-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.act-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.act-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.act-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.act-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.act-table-header h2 i{color:#667eea}.act-table-actions{display:flex;gap:8px;flex-wrap:wrap}.act-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.act-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.act-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.act-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.act-data-table tbody tr:hover{background-color:#fafbff}.act-data-table tbody tr:last-child{border-bottom:none}.act-data-table tbody td{padding:10px 14px;vertical-align:middle}.act-row-rejected{opacity:.6}.act-row-rejected:hover{opacity:.8}.act-col-budget{text-align:right!important;min-width:120px}.act-col-status{min-width:100px}.act-col-timeframe{min-width:180px}.act-col-actions{min-width:140px!important;text-align:center!important}.act-amount{font-weight:600;color:#059669}.act-table-title{display:flex;flex-direction:column}.act-title-name{font-weight:500;color:#1a1a2e;font-size:clamp(13px,1.1vw,14px)}.act-title-truncated{font-size:11px;color:#94a3b8}.act-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.act-status-draft{background:#e2e8f0;color:#475569}.act-status-submitted{background:#dbeafe;color:#2563eb}.act-status-hod-approved{background:#fed7aa;color:#c2410c}.act-status-finance-approved{background:#fef3c7;color:#d97706}.act-status-approved{background:#d1fae5;color:#059669}.act-status-rejected{background:#fee2e2;color:#dc2626}.act-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.act-expanded-row{background-color:#f8f9fa!important}.act-expanded-row td{padding:12px 16px!important}.act-expanded-content{padding:4px 0}.act-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.act-expanded-item{display:flex;flex-direction:column;gap:2px}.act-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.act-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.act-expanded-item .act-status-badge,.act-expanded-item .act-amount{display:inline-block;width:fit-content}.act-expanded-full{grid-column:1 / -1}@media(max-width:600px){.act-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.act-expanded-grid{grid-template-columns:1fr}}.act-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.act-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.act-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.act-loading-spinner{text-align:center;padding:40px;color:#666}.act-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:actSpin .8s linear infinite}@keyframes actSpin{to{transform:rotate(360deg)}}.act-empty-state{text-align:center;padding:60px 20px;color:#666}.act-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.act-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.act-empty-state p{margin:0;color:#666}.act-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.act-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:actSlideIn .3s ease}@keyframes actSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.act-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.act-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.act-side-header h3 i{color:#667eea}.act-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.act-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.act-side-body{flex:1;overflow-y:auto;padding:20px 24px}.act-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.act-view-grid{display:flex;flex-direction:column;gap:16px}.act-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.act-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.act-view-section h4 i{color:#667eea}.act-view-row{display:flex;margin-bottom:8px}.act-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.act-view-value{flex:1;color:#1a1a2e;font-size:13px}.act-view-full{flex-direction:column}.act-view-full .act-view-label{width:100%;margin-bottom:4px}@media(max-width:768px){.act-page-header{flex-direction:column;align-items:flex-start;gap:12px}.act-page-header-right{width:100%;justify-content:flex-start}.act-progress-steps{flex-direction:column;gap:20px;padding:0}.act-progress-steps:before,.act-step-connector{display:none}.act-step{flex-direction:row;gap:12px;width:100%}.act-step-indicator{margin-bottom:0;width:32px;height:32px}.act-table-header{flex-direction:column;align-items:flex-start}.act-table-actions{width:100%;justify-content:flex-start}.act-side-container{width:100%;max-width:100%}.act-filter-row{grid-template-columns:1fr 1fr}.act-icon-expand{display:inline-flex}.act-data-table{font-size:12px;min-width:650px}.act-data-table thead th,.act-data-table tbody td{padding:8px 10px}.act-col-actions{min-width:120px!important}.act-review-grid{grid-template-columns:1fr}.act-form-row{flex-wrap:wrap}.act-form-small{flex:1 1 100%}.act-form-action{flex:0 0 100%;justify-content:flex-start}}@media(max-width:480px){.act-page{padding:10px 12px}.act-data-table{font-size:11px;min-width:500px}.act-data-table thead th,.act-data-table tbody td{padding:6px 8px}.act-col-actions{min-width:100px!important}.act-filter-row{grid-template-columns:1fr}.act-table-container{width:100%;max-height:95vh}.act-form-actions{flex-direction:column;align-items:stretch}.act-right-actions{flex-direction:column}.act-right-actions button{width:100%;justify-content:center}.act-summary-content,.act-expanded-grid{grid-template-columns:1fr}.act-view-row{flex-direction:column}.act-view-label{width:100%;margin-bottom:2px}.act-budget-table{min-width:500px}}@media(prefers-color-scheme:dark){.act-page{background:#1a1a2e}.act-page-header{border-color:#2d2d44}.act-page-header-left h2{color:#fff}.act-page-subtitle{color:#88a}.act-form{background:#2d2d44;border-color:#3d3d5c}.act-step-header{border-color:#3d3d5c}.act-step-header h3{color:#fff}.act-step-header p{color:#88a}.act-form-group label{color:#fff}.act-form-group input,.act-form-group select,.act-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.act-form-group input:focus,.act-form-group select:focus,.act-form-group textarea:focus{border-color:#89f}.act-auto-filled{background-color:#3d3d5c!important;color:#88a!important}.act-readonly-field{background:#3d3d5c;color:#88a}.act-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.act-btn-secondary:hover{background:#4d4d6c}.act-btn-outline{border-color:#4d4d6c;color:#fff}.act-btn-outline:hover{background:#3d3d5c}.act-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.act-btn-clear:hover{background:#4d4d6c}.act-table-container{background:#2d2d44}.act-table-header{border-color:#3d3d5c}.act-table-header h2{color:#fff}.act-table-header h2 i{color:#89f}.act-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.act-search-input{color:#fff}.act-search-input::placeholder{color:#88a}.act-search-icon{color:#88a}.act-stats-badge{background:#3d3d5c;color:#88a}.act-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.act-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.act-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.act-filter-group label{color:#fff}.act-filter-group select,.act-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.act-data-table{background:#2d2d44}.act-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.act-data-table thead th{color:#fff;background:#3d3d5c}.act-data-table tbody tr{border-color:#3d3d5c}.act-data-table tbody tr:hover{background-color:#3d3d5c}.act-data-table tbody td{color:#d0d0e0}.act-amount{color:#34d399}.act-status-draft{background:#3d3d5c;color:#88a}.act-summary-card{background:#3d3d5c;border-color:#4d4d6c}.act-summary-card h4{color:#fff}.act-summary-item{background:#2d2d44;border-color:#4d4d6c}.act-summary-item span{color:#88a}.act-summary-item strong{color:#fff}.act-summary-item.act-success{border-color:#1a4d3d;background:#1a2d3d}.act-summary-item.act-success strong{color:#34d399}.act-summary-item.act-warning{border-color:#5c3d1a;background:#3d2d1a}.act-summary-item.act-warning strong{color:#fbbf24}.act-budget-table thead{background:#3d3d5c;border-color:#4d4d6c}.act-budget-table thead th{color:#fff;background:#3d3d5c}.act-budget-table tbody tr{border-color:#3d3d5c}.act-budget-table tbody tr:hover{background-color:#3d3d5c}.act-budget-table tbody td{color:#d0d0e0}.act-table-input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.act-table-input:focus{border-color:#89f}.act-total-row{background:#3d3d5c!important}.act-form-section{border-color:#3d3d5c}.act-form-section h4{color:#fff;border-color:#3d3d5c}.act-review-section{border-color:#3d3d5c}.act-review-section h4{color:#fff;border-color:#3d3d5c}.act-review-item label{color:#88a}.act-review-item span{color:#d0d0e0}.act-warning-box{background:#5c3d1a;border-color:#7c5d3a;color:#fbbf24}.act-warning-box i{color:#f59e0b}.act-form-actions{border-color:#3d3d5c}.act-expanded-row{background-color:#3d3d5c!important}.act-expanded-item label{color:#88a}.act-expanded-item span,.act-empty-state h4{color:#fff}.act-empty-state p{color:#88a}.act-empty-icon{color:#3d3d5c}.act-editing-badge{background:#5c3d1a;color:#fbbf24}.act-loading-container,.act-loading-spinner{color:#88a}.act-spinner{border-color:#3d3d5c;border-top-color:#89f}.act-side-container{background:#2d2d44}.act-side-header{border-color:#3d3d5c}.act-side-header h3{color:#fff}.act-modal-close{color:#88a}.act-modal-close:hover{background-color:#3d3d5c;color:#fff}.act-side-footer,.act-view-section{border-color:#3d3d5c}.act-view-section h4{color:#fff;border-color:#3d3d5c}.act-view-label{color:#88a}.act-view-value{color:#d0d0e0}.act-table-footer{border-color:#3d3d5c;background:#2d2d44}.act-total-badge{background:#1a2a5c;color:#89f}.act-icon-btn{color:#88a}.act-icon-btn:hover{background-color:#3d3d5c}.act-icon-delete{color:#f87171}.act-icon-delete:hover{background-color:#5c1a1a}.act-icon-view{color:#60a5fa}.act-icon-view:hover{background-color:#1a2a5c}.act-icon-edit{color:#fbbf24}.act-icon-edit:hover{background-color:#5c3d1a}.act-icon-submit{color:#34d399}.act-icon-submit:hover{background-color:#1a4d3d}.act-progress-steps:before{background:#3d3d5c}.act-step-indicator{background:#3d3d5c}.act-step-title{color:#88a}.act-step.active .act-step-title{color:#89f}.act-step.completed .act-step-title{color:#34d399}}.leave-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.leave-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.leave-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.leave-page-header-left h2 i{color:#667eea}.leave-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.leave-user-badge{display:inline-flex;align-items:center;gap:8px;background:#f0f4ff;padding:6px 14px;border-radius:20px;font-size:13px;color:#1a1a2e;margin-top:6px;border:1px solid #e0e8f0}.leave-user-badge i{color:#667eea}.leave-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.leave-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.leave-btn-primary{background:#667eea;color:#fff}.leave-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.leave-btn-success{background:#10b981;color:#fff}.leave-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.leave-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.leave-btn-secondary:hover{background:#e8e8e8;border-color:silver}.leave-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.leave-btn-outline:hover{background:#f8f9fa}.leave-btn-apply{background:#667eea;color:#fff}.leave-btn-apply:hover{background:#5a67d8}.leave-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.leave-btn-clear:hover{background:#e8e8e8}.leave-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.leave-btn-label{display:none}.leave-btn{padding:6px 10px}}.leave-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.leave-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.leave-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.leave-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.leave-step.active .leave-step-indicator{background:#667eea;color:#fff;transform:scale(1.1)}.leave-step.completed .leave-step-indicator{background:#10b981;color:#fff}.leave-step-number{font-weight:600;color:#64748b}.leave-step.active .leave-step-number{color:#fff}.leave-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.leave-step.active .leave-step-title{color:#1e40af;font-weight:600}.leave-step.completed .leave-step-title{color:#10b981}.leave-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.leave-step.completed .leave-step-connector{background:#10b981}.leave-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.leave-step-content{margin-bottom:20px}.leave-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.leave-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.leave-step-header p{margin:0;color:#666;font-size:14px}.leave-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.leave-form-grid{grid-template-columns:1fr}}.leave-form-group{display:flex;flex-direction:column;gap:4px}.leave-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.leave-form-group input,.leave-form-group select,.leave-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.leave-form-group input:focus,.leave-form-group select:focus,.leave-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.leave-form-group textarea{resize:vertical;min-height:60px}.leave-auto-filled{background-color:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed}.leave-full-width{grid-column:1 / -1}.leave-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.leave-error{border-color:#ef4444!important}.leave-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.leave-checkbox-group{flex-direction:row;align-items:center}.leave-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.leave-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.leave-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;margin-top:16px}.leave-info-box i{font-size:18px;color:#3b82f6;margin-top:1px}.leave-file-upload{position:relative;border:2px dashed #e0e0e0;border-radius:8px;padding:20px;text-align:center;transition:border-color .3s;cursor:pointer}.leave-file-upload:hover{border-color:#667eea}.leave-file-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.leave-upload-placeholder{pointer-events:none}.leave-upload-placeholder i{font-size:32px;color:#94a3b8;display:block;margin-bottom:8px}.leave-upload-placeholder p{margin:0;font-weight:500;color:#1a1a2e}.leave-upload-placeholder span{font-size:12px;color:#94a3b8}.leave-review-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:20px}.leave-review-section h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.leave-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.leave-review-item{display:flex;gap:8px;padding:4px 0}.leave-review-item label{font-weight:600;color:#4a5568;min-width:140px;font-size:13px}.leave-review-item span{color:#1a1a2e;font-size:13px}.leave-review-item.leave-full-width{grid-column:1 / -1}.leave-warning-box{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;color:#92400e;margin-top:16px}.leave-warning-box i{font-size:20px;color:#d97706;margin-top:2px}.leave-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.leave-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.leave-form-actions{flex-direction:column;align-items:stretch}.leave-right-actions{flex-direction:column}.leave-right-actions button{width:100%;justify-content:center}}.leave-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.leave-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.leave-search-input-wrapper:focus-within{border-color:#667eea}.leave-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.leave-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.leave-search-input::placeholder{color:#999}.leave-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.leave-clear-search:hover{color:#1a1a2e}.leave-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.leave-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.leave-filter-toggle:hover{background-color:#e8e8e8}.leave-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.leave-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.leave-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.leave-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.leave-filter-group{display:flex;flex-direction:column;gap:4px}.leave-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.leave-filter-group select,.leave-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.leave-filter-group select:focus,.leave-filter-group input:focus{outline:none;border-color:#667eea}.leave-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.leave-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.leave-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.leave-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.leave-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.leave-table-header h2 i{color:#667eea}.leave-table-actions{display:flex;gap:8px;flex-wrap:wrap}.leave-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.leave-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.leave-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.leave-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.leave-data-table tbody tr:hover{background-color:#fafbff}.leave-data-table tbody tr:last-child{border-bottom:none}.leave-data-table tbody td{padding:10px 14px;vertical-align:middle}.leave-row-rejected{opacity:.6}.leave-row-rejected:hover{opacity:.8}.leave-col-days{text-align:center!important;min-width:60px}.leave-col-status,.leave-col-hr-status{min-width:100px}.leave-col-actions{min-width:160px!important;text-align:center!important}.leave-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-draft{background:#e2e8f0;color:#475569}.status-pending{background:#dbeafe;color:#2563eb}.status-approved{background:#d1fae5;color:#059669}.status-rejected{background:#fee2e2;color:#dc2626}.status-cancelled{background:#fef3c7;color:#d97706}.leave-approval-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.approval-pending{background:#fef3c7;color:#d97706}.approval-reviewed{background:#dbeafe;color:#2563eb}.approval-approved{background:#d1fae5;color:#059669}.approval-rejected{background:#fee2e2;color:#dc2626}.leave-type-badge{display:inline-block;padding:4px 10px;background:#e8eeff;border-radius:12px;font-size:11px;color:#667eea;font-weight:500}.leave-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.leave-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.leave-icon-btn:hover{background-color:#f0f0f0}.leave-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.leave-icon-view{color:#1976d2}.leave-icon-view:hover{background-color:#e3f2fd}.leave-icon-edit{color:#ed6c02}.leave-icon-edit:hover{background-color:#fff3e0}.leave-icon-delete{color:#ef4444}.leave-icon-delete:hover{background-color:#fee2e2}.leave-icon-submit{color:#10b981}.leave-icon-submit:hover{background-color:#d1fae5}.leave-icon-expand{display:none;color:#666}.leave-icon-expand .leave-expanded{transform:rotate(180deg)}.leave-expanded-row{background-color:#f8f9fa!important}.leave-expanded-row td{padding:12px 16px!important}.leave-expanded-content{padding:4px 0}.leave-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.leave-expanded-item{display:flex;flex-direction:column;gap:2px}.leave-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.leave-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.leave-expanded-item .leave-status-badge,.leave-expanded-item .leave-approval-badge{display:inline-block;width:fit-content}.leave-expanded-full{grid-column:1 / -1}@media(max-width:600px){.leave-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.leave-expanded-grid{grid-template-columns:1fr}}.leave-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.leave-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.leave-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.leave-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:leaveSpin .8s linear infinite;margin-bottom:16px}@keyframes leaveSpin{to{transform:rotate(360deg)}}.leave-empty-state{text-align:center;padding:60px 20px;color:#666}.leave-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.leave-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.leave-empty-state p{margin:0;color:#666}.leave-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.leave-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:leaveSlideIn .3s ease}@keyframes leaveSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.leave-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.leave-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.leave-side-header h3 i{color:#667eea}.leave-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.leave-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.leave-side-body{flex:1;overflow-y:auto;padding:20px 24px}.leave-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.leave-view-grid{display:flex;flex-direction:column;gap:16px}.leave-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.leave-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.leave-view-section h4 i{color:#667eea}.leave-view-row{display:flex;margin-bottom:8px}.leave-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.leave-view-value{flex:1;color:#1a1a2e;font-size:13px}.leave-view-full{flex-direction:column}.leave-view-full .leave-view-label{width:100%;margin-bottom:4px}.leave-error-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px}.leave-error-content{text-align:center;max-width:500px}.leave-error-content i{font-size:48px;color:#ef4444;margin-bottom:16px}.leave-error-content h2{margin:0 0 8px;color:#1a1a2e}.leave-error-content p{color:#666;margin-bottom:20px}@media(max-width:768px){.leave-page-header{flex-direction:column;align-items:flex-start;gap:12px}.leave-page-header-right{width:100%;justify-content:flex-start}.leave-progress-steps{flex-direction:column;gap:20px;padding:0}.leave-progress-steps:before,.leave-step-connector{display:none}.leave-step{flex-direction:row;gap:12px;width:100%}.leave-step-indicator{margin-bottom:0;width:32px;height:32px}.leave-table-header{flex-direction:column;align-items:flex-start}.leave-table-actions{width:100%;justify-content:flex-start}.leave-side-container{width:100%;max-width:100%}.leave-filter-row{grid-template-columns:1fr 1fr}.leave-icon-expand{display:inline-flex}.leave-data-table{font-size:12px;min-width:700px}.leave-data-table thead th,.leave-data-table tbody td{padding:8px 10px}.leave-col-actions{min-width:130px!important}.leave-review-grid{grid-template-columns:1fr}}@media(max-width:480px){.leave-page{padding:10px 12px}.leave-data-table{font-size:11px;min-width:550px}.leave-data-table thead th,.leave-data-table tbody td{padding:6px 8px}.leave-col-actions{min-width:110px!important}.leave-filter-row{grid-template-columns:1fr}.leave-table-container{width:100%;max-height:95vh}.leave-form-actions{flex-direction:column;align-items:stretch}.leave-right-actions{flex-direction:column}.leave-right-actions button{width:100%;justify-content:center}.leave-expanded-grid{grid-template-columns:1fr}.leave-view-row{flex-direction:column}.leave-view-label{width:100%;margin-bottom:2px}.leave-user-badge{font-size:12px;padding:4px 10px}}@media(prefers-color-scheme:dark){.leave-page{background:#1a1a2e}.leave-page-header{border-color:#2d2d44}.leave-page-header-left h2{color:#fff}.leave-page-subtitle{color:#88a}.leave-user-badge{background:#2d2d44;border-color:#3d3d5c;color:#d0d0e0}.leave-form{background:#2d2d44;border-color:#3d3d5c}.leave-step-header{border-color:#3d3d5c}.leave-step-header h3{color:#fff}.leave-step-header p{color:#88a}.leave-form-group label{color:#fff}.leave-form-group input,.leave-form-group select,.leave-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.leave-form-group input:focus,.leave-form-group select:focus,.leave-form-group textarea:focus{border-color:#89f}.leave-auto-filled{background-color:#3d3d5c!important;color:#88a!important}.leave-info-box{background:#1a2a5c;border-color:#3d4a7c;color:#93bbfc}.leave-info-box i{color:#60a5fa}.leave-file-upload{border-color:#4d4d6c}.leave-file-upload:hover{border-color:#89f}.leave-upload-placeholder i{color:#5d5d7c}.leave-upload-placeholder p{color:#d0d0e0}.leave-upload-placeholder span{color:#88a}.leave-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.leave-btn-secondary:hover{background:#4d4d6c}.leave-btn-outline{border-color:#4d4d6c;color:#fff}.leave-btn-outline:hover{background:#3d3d5c}.leave-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.leave-btn-clear:hover{background:#4d4d6c}.leave-table-container{background:#2d2d44}.leave-table-header{border-color:#3d3d5c}.leave-table-header h2{color:#fff}.leave-table-header h2 i{color:#89f}.leave-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.leave-search-input{color:#fff}.leave-search-input::placeholder{color:#88a}.leave-search-icon{color:#88a}.leave-stats-badge{background:#3d3d5c;color:#88a}.leave-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.leave-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.leave-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.leave-filter-group label{color:#fff}.leave-filter-group select,.leave-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.leave-data-table{background:#2d2d44}.leave-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.leave-data-table thead th{color:#fff;background:#3d3d5c}.leave-data-table tbody tr{border-color:#3d3d5c}.leave-data-table tbody tr:hover{background-color:#3d3d5c}.leave-data-table tbody td{color:#d0d0e0}.status-draft{background:#3d3d5c;color:#88a}.leave-type-badge{background:#1a2a5c;color:#89f}.leave-review-section{border-color:#3d3d5c}.leave-review-section h4{color:#fff;border-color:#3d3d5c}.leave-review-item label{color:#88a}.leave-review-item span{color:#d0d0e0}.leave-warning-box{background:#5c3d1a;border-color:#7c5d3a;color:#fbbf24}.leave-warning-box i{color:#f59e0b}.leave-form-actions{border-color:#3d3d5c}.leave-expanded-row{background-color:#3d3d5c!important}.leave-expanded-item label{color:#88a}.leave-expanded-item span,.leave-empty-state h4{color:#fff}.leave-empty-state p{color:#88a}.leave-empty-icon{color:#3d3d5c}.leave-loading-container{color:#88a}.leave-spinner{border-color:#3d3d5c;border-top-color:#89f}.leave-side-container{background:#2d2d44}.leave-side-header{border-color:#3d3d5c}.leave-side-header h3{color:#fff}.leave-modal-close{color:#88a}.leave-modal-close:hover{background-color:#3d3d5c;color:#fff}.leave-side-footer,.leave-view-section{border-color:#3d3d5c}.leave-view-section h4{color:#fff;border-color:#3d3d5c}.leave-view-label{color:#88a}.leave-view-value{color:#d0d0e0}.leave-table-footer{border-color:#3d3d5c;background:#2d2d44}.leave-total-badge{background:#1a2a5c;color:#89f}.leave-icon-btn{color:#88a}.leave-icon-btn:hover{background-color:#3d3d5c}.leave-icon-view{color:#60a5fa}.leave-icon-view:hover{background-color:#1a2a5c}.leave-icon-edit{color:#fbbf24}.leave-icon-edit:hover{background-color:#5c3d1a}.leave-icon-delete{color:#f87171}.leave-icon-delete:hover{background-color:#5c1a1a}.leave-icon-submit{color:#34d399}.leave-icon-submit:hover{background-color:#1a4d3d}.leave-progress-steps:before{background:#3d3d5c}.leave-step-indicator{background:#3d3d5c}.leave-step-title{color:#88a}.leave-step.active .leave-step-title{color:#89f}.leave-step.completed .leave-step-title{color:#34d399}.leave-error-content h2{color:#fff}.leave-error-content p{color:#88a}}.att-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.att-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.att-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.att-page-header-left h2 i{color:#667eea}.att-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.att-user-badge{display:inline-flex;align-items:center;gap:8px;background:#f0f4ff;padding:6px 14px;border-radius:20px;font-size:13px;color:#1a1a2e;margin-top:6px;border:1px solid #e0e8f0}.att-user-badge i{color:#667eea}.att-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.att-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.att-btn-primary{background:#667eea;color:#fff}.att-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.att-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.att-btn-secondary:hover{background:#e8e8e8;border-color:silver}.att-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.att-btn-outline:hover{background:#f8f9fa}.att-btn-apply{background:#667eea;color:#fff}.att-btn-apply:hover{background:#5a67d8}.att-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.att-btn-clear:hover{background:#e8e8e8}.att-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.att-btn-label{display:none}.att-btn{padding:6px 10px}}.att-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.att-stats-grid-secondary{margin-bottom:20px}.att-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.att-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.att-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.att-stat-total{background:linear-gradient(135deg,#667eea,#764ba2)}.att-stat-completed{background:linear-gradient(135deg,#10b981,#059669)}.att-stat-signed{background:linear-gradient(135deg,#3b82f6,#2563eb)}.att-stat-pending{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.att-stat-late{background:linear-gradient(135deg,#f97316,#ea580c)}.att-stat-early{background:linear-gradient(135deg,#84cc16,#65a30d)}.att-stat-verified{background:linear-gradient(135deg,#06b6d4,#0891b2)}.att-stat-hours{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.att-stat-content{display:flex;flex-direction:column}.att-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.att-stat-label{font-size:13px;color:#666}.att-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.att-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.att-search-input-wrapper:focus-within{border-color:#667eea}.att-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.att-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.att-search-input::placeholder{color:#999}.att-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.att-clear-search:hover{color:#1a1a2e}.att-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.att-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.att-filter-toggle:hover{background-color:#e8e8e8}.att-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.att-stats-badge{background-color:#fff;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap;border:1px solid #e0e0e0}.att-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:16px;width:100%}.att-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.att-filter-group{display:flex;flex-direction:column;gap:4px}.att-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.att-filter-group select,.att-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.att-filter-group select:focus,.att-filter-group input:focus{outline:none;border-color:#667eea}.att-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.att-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.att-table-wrapper{overflow-x:auto;width:100%}.att-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1100px}.att-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.att-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.att-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.att-data-table tbody tr:hover{background-color:#fafbff}.att-data-table tbody tr:last-child{border-bottom:none}.att-data-table tbody td{padding:10px 14px;vertical-align:middle}.att-row-rejected{opacity:.6}.att-row-rejected:hover{opacity:.8}.att-col-actions{min-width:80px!important;text-align:center!important}.att-employee-info{display:flex;flex-direction:column;gap:2px}.att-employee-name{font-weight:500;color:#1a1a2e}.att-employee-id{font-size:11px;color:#666}.att-date{font-weight:500;color:#1a1a2e}.att-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.att-status-completed{background:#d1fae5;color:#059669}.att-status-signed-in{background:#dbeafe;color:#2563eb}.att-status-pending{background:#fef3c7;color:#d97706}.att-status-late{background:#fee2e2;color:#dc2626}.att-status-early{background:#fef3c7;color:#d97706}.att-status-remote{background:#e2e8f0;color:#475569}.att-hours-value{font-weight:600;color:#667eea}.att-verified{color:#10b981}.att-unverified{color:#dc2626}.att-late{color:#dc2626;font-weight:600}.att-early{color:#ea580c;font-weight:600}.att-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.att-icon-btn:hover{background-color:#f0f0f0}.att-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.att-icon-view{color:#1976d2}.att-icon-view:hover{background-color:#e3f2fd}.att-icon-expand{display:none;color:#666}.att-icon-expand .att-expanded{transform:rotate(180deg)}.att-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.att-expanded-row{background-color:#f8f9fa!important}.att-expanded-row td{padding:12px 16px!important}.att-expanded-content{padding:4px 0}.att-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.att-expanded-item{display:flex;flex-direction:column;gap:2px}.att-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.att-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.att-expanded-item .att-status-badge{display:inline-block;width:fit-content}.att-expanded-full{grid-column:1 / -1}@media(max-width:600px){.att-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.att-expanded-grid{grid-template-columns:1fr}}.att-empty-state{text-align:center;padding:60px 20px;color:#666}.att-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.att-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.att-empty-state p{margin:0;color:#666}.att-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.att-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:attSpin .8s linear infinite;margin-bottom:16px}@keyframes attSpin{to{transform:rotate(360deg)}}.att-error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px;text-align:center}.att-error-container i{font-size:48px;color:#ef4444;margin-bottom:16px}.att-error-container h2,.att-error-container h3{margin:0 0 8px;color:#1a1a2e}.att-error-container p{color:#666;margin-bottom:20px}.att-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.att-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:attSlideIn .3s ease}@keyframes attSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.att-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.att-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.att-side-header h3 i{color:#667eea}.att-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.att-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.att-side-body{flex:1;overflow-y:auto;padding:20px 24px}.att-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.att-view-grid{display:flex;flex-direction:column;gap:16px}.att-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.att-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.att-view-section h4 i{color:#667eea}.att-view-row{display:flex;margin-bottom:8px}.att-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.att-view-value{flex:1;color:#1a1a2e;font-size:13px}.att-view-full{flex-direction:column}.att-view-full .att-view-label{width:100%;margin-bottom:4px}@media(max-width:768px){.att-page-header{flex-direction:column;align-items:flex-start;gap:12px}.att-page-header-right{width:100%;justify-content:flex-start}.att-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.att-filter-row{grid-template-columns:1fr 1fr}.att-icon-expand{display:inline-flex}.att-data-table{font-size:12px;min-width:900px}.att-data-table thead th,.att-data-table tbody td{padding:8px 10px}.att-col-actions{min-width:70px!important}.att-side-container{width:100%;max-width:100%}}@media(max-width:480px){.att-page{padding:10px 12px}.att-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.att-stat-card{padding:12px 14px}.att-stat-number{font-size:18px}.att-stat-icon{width:36px;height:36px;font-size:16px}.att-data-table{font-size:11px;min-width:750px}.att-data-table thead th,.att-data-table tbody td{padding:6px 8px}.att-col-actions{min-width:60px!important}.att-filter-row,.att-expanded-grid{grid-template-columns:1fr}.att-view-row{flex-direction:column}.att-view-label{width:100%;margin-bottom:2px}}@media(prefers-color-scheme:dark){.att-page{background:#1a1a2e}.att-page-header{border-color:#2d2d44}.att-page-header-left h2{color:#fff}.att-page-subtitle{color:#88a}.att-user-badge{background:#2d2d44;border-color:#3d3d5c;color:#d0d0e0}.att-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.att-btn-secondary:hover{background:#4d4d6c}.att-btn-outline{border-color:#4d4d6c;color:#fff}.att-btn-outline:hover{background:#3d3d5c}.att-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.att-btn-clear:hover{background:#4d4d6c}.att-stat-card{background:#2d2d44;border-color:#3d3d5c}.att-stat-number{color:#fff}.att-stat-label{color:#88a}.att-search-bar{background:#2d2d44;border-color:#3d3d5c}.att-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.att-search-input{color:#fff}.att-search-input::placeholder{color:#88a}.att-search-icon{color:#88a}.att-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.att-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.att-stats-badge{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.att-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.att-filter-group label{color:#fff}.att-filter-group select,.att-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.att-table-container{background:#2d2d44;border-color:#3d3d5c}.att-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.att-data-table thead th{color:#fff;background:#3d3d5c}.att-data-table tbody tr{border-color:#3d3d5c}.att-data-table tbody tr:hover{background-color:#3d3d5c}.att-data-table tbody td{color:#d0d0e0}.att-employee-name{color:#fff}.att-employee-id{color:#88a}.att-date{color:#d0d0e0}.att-status-completed{background:#1a4d3d;color:#34d399}.att-status-signed-in{background:#1a2a5c;color:#60a5fa}.att-status-pending{background:#5c3d1a;color:#fbbf24}.att-status-late{background:#5c1a1a;color:#f87171}.att-status-remote{background:#3d3d5c;color:#88a}.att-hours-value{color:#89f}.att-icon-btn{color:#88a}.att-icon-btn:hover{background-color:#3d3d5c}.att-icon-view{color:#60a5fa}.att-icon-view:hover{background-color:#1a2a5c}.att-expanded-row{background-color:#3d3d5c!important}.att-expanded-item label{color:#88a}.att-expanded-item span,.att-empty-state h4{color:#fff}.att-empty-state p{color:#88a}.att-empty-icon{color:#3d3d5c}.att-side-container{background:#2d2d44}.att-side-header{border-color:#3d3d5c}.att-side-header h3{color:#fff}.att-modal-close{color:#88a}.att-modal-close:hover{background-color:#3d3d5c;color:#fff}.att-side-footer,.att-view-section{border-color:#3d3d5c}.att-view-section h4{color:#fff;border-color:#3d3d5c}.att-view-label{color:#88a}.att-view-value{color:#d0d0e0}.att-error-container h2,.att-error-container h3{color:#fff}.att-error-container p{color:#88a}.att-spinner{border-color:#3d3d5c;border-top-color:#89f}.att-verified{color:#34d399}.att-unverified{color:#f87171}}.hs-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.hs-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.hs-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.hs-page-header-left h2 i{color:#e11d48}.hs-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.hs-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hs-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.hs-btn-primary{background:#e11d48;color:#fff}.hs-btn-primary:hover:not(:disabled){background:#be123c;transform:translateY(-1px);box-shadow:0 4px 12px #e11d484d}.hs-btn-success{background:#10b981;color:#fff}.hs-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.hs-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.hs-btn-secondary:hover{background:#e8e8e8;border-color:silver}.hs-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.hs-btn-outline:hover{background:#f8f9fa}.hs-btn-apply{background:#e11d48;color:#fff}.hs-btn-apply:hover{background:#be123c}.hs-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.hs-btn-clear:hover{background:#e8e8e8}.hs-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.hs-btn-label{display:none}.hs-btn{padding:6px 10px}}.hs-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.hs-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.hs-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.hs-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.hs-step.active .hs-step-indicator{background:#e11d48;color:#fff;transform:scale(1.1)}.hs-step.completed .hs-step-indicator{background:#10b981;color:#fff}.hs-step-number{font-weight:600;color:#64748b}.hs-step.active .hs-step-number{color:#fff}.hs-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.hs-step.active .hs-step-title{color:#be123c;font-weight:600}.hs-step.completed .hs-step-title{color:#10b981}.hs-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.hs-step.completed .hs-step-connector{background:#10b981}.hs-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.hs-step-content{margin-bottom:20px}.hs-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.hs-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.hs-step-header p{margin:0;color:#666;font-size:14px}.hs-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.hs-form-grid{grid-template-columns:1fr}}.hs-form-group{display:flex;flex-direction:column;gap:4px}.hs-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.hs-form-group input,.hs-form-group select,.hs-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.hs-form-group input:focus,.hs-form-group select:focus,.hs-form-group textarea:focus{outline:none;border-color:#e11d48;box-shadow:0 0 0 3px #e11d481a}.hs-form-group textarea{resize:vertical;min-height:60px}.hs-full-width{grid-column:1 / -1}.hs-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.hs-error{border-color:#ef4444!important}.hs-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.hs-employee-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:12px}.hs-employee-card h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#1a1a2e}.hs-employee-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hs-employee-item{display:flex;gap:8px;font-size:13px}.hs-employee-item span{color:#666}.hs-employee-item strong{color:#1a1a2e}.hs-body-parts-selector{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.hs-body-part-chip{padding:6px 14px;border:2px solid #e0e0e0;border-radius:20px;background:#fff;cursor:pointer;font-size:13px;transition:all .3s ease;color:#1a1a2e}.hs-body-part-chip:hover{border-color:#e11d48;background:#fef2f2}.hs-body-part-chip.selected{background:#e11d48;color:#fff;border-color:#e11d48}.hs-body-part-chip.selected:hover{background:#be123c}.hs-summary-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:12px}.hs-summary-card h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.hs-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hs-summary-item{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.hs-summary-item span{color:#666}.hs-summary-item strong{color:#1a1a2e}.hs-summary-item strong.hs-severity-minor{color:#16a34a}.hs-summary-item strong.hs-severity-moderate{color:#ea580c}.hs-summary-item strong.hs-severity-major,.hs-summary-item strong.hs-severity-critical{color:#dc2626}.hs-summary-item strong.hs-status-new{color:#475569}.hs-summary-item strong.hs-status-under_investigation{color:#2563eb}.hs-summary-item strong.hs-status-action_plan_created,.hs-summary-item strong.hs-status-in_progress{color:#d97706}.hs-summary-item strong.hs-status-completed{color:#059669}.hs-summary-item strong.hs-status-closed{color:#475569}.hs-checkbox-group{flex-direction:row;align-items:center}.hs-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.hs-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#e11d48}.hs-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.hs-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.hs-form-actions{flex-direction:column;align-items:stretch}.hs-right-actions{flex-direction:column}.hs-right-actions button{width:100%;justify-content:center}}.hs-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.hs-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.hs-search-input-wrapper:focus-within{border-color:#e11d48}.hs-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.hs-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.hs-search-input::placeholder{color:#999}.hs-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.hs-clear-search:hover{color:#1a1a2e}.hs-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.hs-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.hs-filter-toggle:hover{background-color:#e8e8e8}.hs-filter-toggle.active{background-color:#fef2f2;border-color:#e11d48;color:#e11d48}.hs-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.hs-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.hs-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.hs-filter-group{display:flex;flex-direction:column;gap:4px}.hs-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.hs-filter-group select,.hs-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.hs-filter-group select:focus,.hs-filter-group input:focus{outline:none;border-color:#e11d48}.hs-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.hs-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.hs-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.hs-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.hs-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.hs-table-header h2 i{color:#e11d48}.hs-table-actions{display:flex;gap:8px;flex-wrap:wrap}.hs-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.hs-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.hs-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.hs-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.hs-data-table tbody tr:hover{background-color:#fafbff}.hs-data-table tbody tr:last-child{border-bottom:none}.hs-data-table tbody td{padding:10px 14px;vertical-align:middle}.hs-row-closed{opacity:.6}.hs-row-closed:hover{opacity:.8}.hs-col-actions{min-width:160px!important;text-align:center!important}.hs-employee-info{display:flex;flex-direction:column;gap:2px}.hs-employee-name{font-weight:500;color:#1a1a2e}.hs-employee-id{font-size:11px;color:#666}.hs-body-parts-small{font-size:10px;color:#94a3b8;margin-top:2px}.hs-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hs-status-new{background:#e2e8f0;color:#475569}.hs-status-under_investigation{background:#dbeafe;color:#2563eb}.hs-status-action_plan_created,.hs-status-in_progress{background:#fef3c7;color:#d97706}.hs-status-completed{background:#d1fae5;color:#059669}.hs-status-closed{background:#e2e8f0;color:#475569}.hs-severity-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hs-severity-minor{background:#dcfce7;color:#166534}.hs-severity-moderate{background:#fef3c7;color:#92400e}.hs-severity-major{background:#fed7aa;color:#ea580c}.hs-severity-critical{background:#fecaca;color:#dc2626}.hs-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.hs-icon-btn:hover{background-color:#f0f0f0}.hs-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.hs-icon-view{color:#1976d2}.hs-icon-view:hover{background-color:#e3f2fd}.hs-icon-edit{color:#ed6c02}.hs-icon-edit:hover{background-color:#fff3e0}.hs-icon-delete{color:#ef4444}.hs-icon-delete:hover{background-color:#fee2e2}.hs-icon-expand{display:none;color:#666}.hs-icon-expand .hs-expanded{transform:rotate(180deg)}.hs-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.hs-expanded-row{background-color:#f8f9fa!important}.hs-expanded-row td{padding:12px 16px!important}.hs-expanded-content{padding:4px 0}.hs-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hs-expanded-item{display:flex;flex-direction:column;gap:2px}.hs-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.hs-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.hs-expanded-item .hs-status-badge,.hs-expanded-item .hs-severity-badge{display:inline-block;width:fit-content}.hs-expanded-full{grid-column:1 / -1}@media(max-width:600px){.hs-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.hs-expanded-grid{grid-template-columns:1fr}}.hs-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.hs-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#fef2f2;border-radius:20px;font-size:13px;color:#e11d48;font-weight:500}.hs-empty-state{text-align:center;padding:60px 20px;color:#666}.hs-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.hs-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.hs-empty-state p{margin:0;color:#666}.hs-loading-spinner{text-align:center;padding:40px;color:#666}.hs-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#e11d48;border-radius:50%;animation:hsSpin .8s linear infinite}@keyframes hsSpin{to{transform:rotate(360deg)}}.hs-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.hs-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:hsSlideIn .3s ease}@keyframes hsSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.hs-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.hs-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.hs-side-header h3 i{color:#e11d48}.hs-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.hs-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.hs-side-body{flex:1;overflow-y:auto;padding:20px 24px}.hs-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.hs-view-grid{display:flex;flex-direction:column;gap:16px}.hs-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.hs-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.hs-view-section h4 i{color:#e11d48}.hs-view-row{display:flex;margin-bottom:8px}.hs-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.hs-view-value{flex:1;color:#1a1a2e;font-size:13px}.hs-view-full{flex-direction:column}.hs-view-full .hs-view-label{width:100%;margin-bottom:4px}@media(max-width:768px){.hs-page-header{flex-direction:column;align-items:flex-start;gap:12px}.hs-page-header-right{width:100%;justify-content:flex-start}.hs-progress-steps{flex-direction:column;gap:20px;padding:0}.hs-progress-steps:before,.hs-step-connector{display:none}.hs-step{flex-direction:row;gap:12px;width:100%}.hs-step-indicator{margin-bottom:0;width:32px;height:32px}.hs-table-header{flex-direction:column;align-items:flex-start}.hs-table-actions{width:100%;justify-content:flex-start}.hs-side-container{width:100%;max-width:100%}.hs-filter-row{grid-template-columns:1fr 1fr}.hs-icon-expand{display:inline-flex}.hs-data-table{font-size:12px;min-width:700px}.hs-data-table thead th,.hs-data-table tbody td{padding:8px 10px}.hs-col-actions{min-width:130px!important}.hs-form-grid,.hs-summary-content,.hs-employee-grid{grid-template-columns:1fr}}@media(max-width:480px){.hs-page{padding:10px 12px}.hs-data-table{font-size:11px;min-width:550px}.hs-data-table thead th,.hs-data-table tbody td{padding:6px 8px}.hs-col-actions{min-width:110px!important}.hs-filter-row{grid-template-columns:1fr}.hs-table-container{width:100%;max-height:95vh}.hs-form-actions{flex-direction:column;align-items:stretch}.hs-right-actions{flex-direction:column}.hs-right-actions button{width:100%;justify-content:center}.hs-expanded-grid{grid-template-columns:1fr}.hs-view-row{flex-direction:column}.hs-view-label{width:100%;margin-bottom:2px}.hs-body-parts-selector{gap:4px}.hs-body-part-chip{padding:4px 10px;font-size:11px}}@media(prefers-color-scheme:dark){.hs-page{background:#1a1a2e}.hs-page-header{border-color:#2d2d44}.hs-page-header-left h2{color:#fff}.hs-page-subtitle{color:#88a}.hs-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.hs-btn-secondary:hover{background:#4d4d6c}.hs-btn-outline{border-color:#4d4d6c;color:#fff}.hs-btn-outline:hover{background:#3d3d5c}.hs-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.hs-btn-clear:hover{background:#4d4d6c}.hs-form{background:#2d2d44;border-color:#3d3d5c}.hs-step-header{border-color:#3d3d5c}.hs-step-header h3{color:#fff}.hs-step-header p{color:#88a}.hs-form-group label{color:#fff}.hs-form-group input,.hs-form-group select,.hs-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.hs-form-group input:focus,.hs-form-group select:focus,.hs-form-group textarea:focus{border-color:#f87171}.hs-employee-card{background:#3d3d5c;border-color:#4d4d6c}.hs-employee-card h4{color:#fff}.hs-employee-item span{color:#88a}.hs-employee-item strong{color:#d0d0e0}.hs-body-part-chip{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0e0}.hs-body-part-chip:hover{border-color:#f87171;background:#5c1a2a}.hs-body-part-chip.selected{background:#e11d48;color:#fff;border-color:#e11d48}.hs-summary-card{background:#3d3d5c;border-color:#4d4d6c}.hs-summary-card h4{color:#fff;border-color:#3d3d5c}.hs-summary-item span{color:#88a}.hs-summary-item strong{color:#d0d0e0}.hs-status-new{background:#3d3d5c;color:#88a}.hs-severity-minor{background:#1a4d3d;color:#34d399}.hs-severity-moderate{background:#5c3d1a;color:#fbbf24}.hs-severity-major,.hs-severity-critical{background:#5c1a1a;color:#f87171}.hs-table-container{background:#2d2d44}.hs-table-header{border-color:#3d3d5c}.hs-table-header h2{color:#fff}.hs-table-header h2 i{color:#f87171}.hs-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.hs-search-input{color:#fff}.hs-search-input::placeholder{color:#88a}.hs-search-icon{color:#88a}.hs-stats-badge{background:#3d3d5c;color:#88a}.hs-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.hs-filter-toggle.active{background:#5c1a2a;border-color:#f87171;color:#f87171}.hs-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.hs-filter-group label{color:#fff}.hs-filter-group select,.hs-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.hs-data-table{background:#2d2d44}.hs-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.hs-data-table thead th{color:#fff;background:#3d3d5c}.hs-data-table tbody tr{border-color:#3d3d5c}.hs-data-table tbody tr:hover{background-color:#3d3d5c}.hs-data-table tbody td{color:#d0d0e0}.hs-employee-name{color:#fff}.hs-employee-id,.hs-icon-btn{color:#88a}.hs-icon-btn:hover{background-color:#3d3d5c}.hs-icon-view{color:#60a5fa}.hs-icon-view:hover{background-color:#1a2a5c}.hs-icon-edit{color:#fbbf24}.hs-icon-edit:hover{background-color:#5c3d1a}.hs-icon-delete{color:#f87171}.hs-icon-delete:hover{background-color:#5c1a1a}.hs-expanded-row{background-color:#3d3d5c!important}.hs-expanded-item label{color:#88a}.hs-expanded-item span,.hs-empty-state h4{color:#fff}.hs-empty-state p{color:#88a}.hs-empty-icon{color:#3d3d5c}.hs-side-container{background:#2d2d44}.hs-side-header{border-color:#3d3d5c}.hs-side-header h3{color:#fff}.hs-modal-close{color:#88a}.hs-modal-close:hover{background-color:#3d3d5c;color:#fff}.hs-side-footer,.hs-view-section{border-color:#3d3d5c}.hs-view-section h4{color:#fff;border-color:#3d3d5c}.hs-view-label{color:#88a}.hs-view-value{color:#d0d0e0}.hs-table-footer{border-color:#3d3d5c;background:#2d2d44}.hs-total-badge{background:#5c1a2a;color:#f87171}.hs-progress-steps:before{background:#3d3d5c}.hs-step-indicator{background:#3d3d5c}.hs-step-title{color:#88a}.hs-step.active .hs-step-title{color:#f87171}.hs-step.completed .hs-step-title{color:#34d399}.hs-spinner{border-color:#3d3d5c;border-top-color:#f87171}}.sr-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.sr-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.sr-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.sr-page-header-left h2 i{color:#f59e0b}.sr-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.sr-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.sr-btn-primary{background:#667eea;color:#fff}.sr-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.sr-btn-success{background:#10b981;color:#fff}.sr-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.sr-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.sr-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.sr-btn:disabled{opacity:.6;cursor:not-allowed}.sr-btn-label{display:inline}@media(max-width:480px){.sr-btn-label{display:none}.sr-btn{padding:6px 10px}}.sr-progress-steps{display:flex;justify-content:space-between;margin-bottom:32px;position:relative;padding:0 10px}.sr-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.sr-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid #e2e8f0;transition:all .3s ease;position:relative;z-index:2}.sr-step.sr-active .sr-step-indicator{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33}.sr-step.sr-completed .sr-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.sr-step-number{font-weight:600;color:#64748b;font-size:14px}.sr-step.sr-active .sr-step-number,.sr-step.sr-completed .sr-step-number{color:#fff}.sr-step-title{font-size:clamp(12px,1.1vw,14px);color:#94a3b8;font-weight:500;text-align:center}.sr-step.sr-active .sr-step-title{color:#667eea;font-weight:600}.sr-step.sr-completed .sr-step-title{color:#10b981}.sr-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:1}.sr-step.sr-completed .sr-step-connector{background:#10b981}@media(max-width:600px){.sr-progress-steps{flex-wrap:wrap;gap:12px;justify-content:center}.sr-step{flex:0 1 auto;min-width:60px}.sr-step-connector{display:none}.sr-step-title{font-size:10px}.sr-step-indicator{width:32px;height:32px;font-size:12px}}.sr-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.sr-step-content{margin-bottom:32px}.sr-step-header{margin-bottom:24px}.sr-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.sr-step-header p{color:#64748b;margin:0;font-size:clamp(13px,1.1vw,14px)}.sr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.sr-form-grid{grid-template-columns:1fr}}.sr-form-group{display:flex;flex-direction:column;gap:4px}.sr-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.sr-form-group input,.sr-form-group select,.sr-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.sr-form-group input:focus,.sr-form-group select:focus,.sr-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sr-required{color:#ef4444}.sr-full-width{grid-column:1 / -1}.sr-error-message{color:#ef4444;font-size:12px;margin-top:4px}.sr-error{border-color:#ef4444!important}.sr-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.sr-form-hint{display:block;margin-top:4px;color:#64748b;font-size:12px}.sr-item-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:6px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000001a;margin-top:4px}.sr-item-option{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s}.sr-item-option:hover{background:#f0f4ff}.sr-item-option-name{font-weight:500;color:#1a1a2e}.sr-item-option-details{font-size:12px;color:#6b7280;display:flex;gap:12px;margin-top:2px}.sr-form-group{position:relative}.sr-discrepancy-display{transition:background-color .3s}.sr-file-upload{position:relative;border:2px dashed #d0d5dd;border-radius:8px;padding:30px 20px;text-align:center;transition:all .3s;background:#fafafa;cursor:pointer}.sr-file-upload:hover{border-color:#667eea;background:#f0f4ff}.sr-file-upload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.sr-upload-placeholder i{font-size:36px;color:#94a3b8;margin-bottom:8px}.sr-upload-placeholder p{font-weight:500;color:#475569;margin:0}.sr-upload-placeholder span{font-size:12px;color:#94a3b8}.sr-file-preview{margin-top:12px;padding:8px 12px;background:#f1f5f9;border-radius:4px;display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a2e}.sr-btn-remove-file{background:none;border:none;cursor:pointer;color:#ef4444;padding:2px 4px;border-radius:4px}.sr-btn-remove-file:hover{background:#fee2e2}.sr-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.sr-summary-card h4{margin:0 0 16px;font-size:clamp(16px,1.5vw,18px);color:#1a1a2e}.sr-summary-content{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}@media(max-width:600px){.sr-summary-content{grid-template-columns:1fr}}.sr-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.sr-summary-item span{color:#6b7280}.sr-summary-item strong{color:#1a1a2e;text-align:right}.sr-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.sr-action-buttons-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.sr-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.sr-action-buttons-bottom{flex-direction:column;align-items:stretch}.sr-right-actions{flex-direction:column;width:100%}.sr-right-actions .sr-btn{width:100%;justify-content:center}}.sr-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:srSpin .8s linear infinite}@keyframes srSpin{to{transform:rotate(360deg)}}.sr-loading-spinner{text-align:center;padding:40px;color:#666}.sr-loading-spinner .sr-spinner{width:40px;height:40px;border-width:4px}.sr-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.sr-status-pending{background:#fef3c7;color:#92400e}.sr-status-in-progress{background:#dbeafe;color:#1e40af}.sr-status-verified{background:#dcfce7;color:#166534}.sr-status-adjusted{background:#e0e7ff;color:#3730a3}.sr-status-approved{background:#dcfce7;color:#166534}.sr-status-completed{background:#d1fae5;color:#065f46}.sr-status-disputed{background:#fee2e2;color:#991b1b}.sr-discrepancy-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:500}.sr-discrepancy-surplus{background:#dbeafe;color:#1e40af}.sr-discrepancy-deficit{background:#fee2e2;color:#991b1b}.sr-discrepancy-exact{background:#dcfce7;color:#166534}.sr-category-badge{display:inline-block;padding:2px 10px;background:#f1f5f9;color:#475569;border-radius:12px;font-size:11px;font-weight:500}.sr-recon-id{font-weight:600;color:#667eea;font-family:monospace}.sr-item-name{font-weight:500;color:#1a1a2e}.sr-numeric-cell{font-weight:600;font-family:Courier New,monospace;text-align:right}.sr-reason-cell{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sr-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.sr-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.sr-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.sr-table-header h2 i{color:#f59e0b}.sr-table-actions{display:flex;gap:8px;flex-wrap:wrap}.sr-dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e0e0e0}.sr-stat-card{text-align:center;padding:12px 16px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.sr-stat-card h4{margin:0 0 4px;font-size:12px;color:#6b7280;font-weight:500}.sr-stat-value{font-size:24px;font-weight:700;color:#667eea}.sr-search-form{padding:16px 20px;background:#f8fafc;border-bottom:1px solid #e0e0e0}.sr-search-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:end}.sr-search-grid .sr-form-group{margin-bottom:0}.sr-search-grid .sr-form-group input,.sr-search-grid .sr-form-group select{padding:6px 10px;font-size:13px}.sr-search-grid .sr-form-group:last-child{display:flex;gap:6px;align-items:center}.sr-search-grid .sr-form-group:last-child .sr-btn{flex:1}.sr-table-responsive{overflow-x:auto;flex:1;padding:0 4px}.sr-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.sr-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.sr-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.sr-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.sr-data-table tbody tr:hover{background-color:#fafbff}.sr-data-table tbody td{padding:10px 14px;vertical-align:middle}.sr-col-actions{min-width:120px!important;text-align:center!important}.sr-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.sr-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.sr-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.sr-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.sr-icon-btn:disabled{opacity:.4;cursor:not-allowed}.sr-icon-view{color:#1976d2}.sr-icon-view:hover:not(:disabled){background-color:#e3f2fd}.sr-icon-edit{color:#d97706}.sr-icon-edit:hover:not(:disabled){background-color:#fef3c7}.sr-icon-delete{color:#ef4444}.sr-icon-delete:hover:not(:disabled){background-color:#fee2e2}.sr-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #e0e0e0}.sr-page-info{font-size:13px;color:#6b7280}.sr-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background:#f8fafc;border-radius:0 0 12px 12px}.sr-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.sr-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:srSlideIn .3s ease}@keyframes srSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sr-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.sr-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.sr-side-header h3 i{color:#f59e0b}.sr-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.sr-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.sr-side-body{flex:1;overflow-y:auto;padding:20px 24px}.sr-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.sr-view-grid{display:flex;flex-direction:column;gap:16px}.sr-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.sr-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.sr-view-section h4 i{color:#f59e0b}.sr-view-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.sr-view-row:last-child{border-bottom:none}.sr-view-label{width:140px;font-weight:600;color:#4a5568;flex-shrink:0}.sr-view-value{flex:1;color:#1a1a2e}.sr-view-full{flex-direction:column}.sr-view-full .sr-view-label{width:100%;margin-bottom:4px}.sr-auth-error{display:flex;justify-content:center;align-items:center;min-height:400px;padding:20px}.sr-auth-error-content{background:#fff;padding:40px;border-radius:12px;text-align:center;max-width:400px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #00000014}.sr-auth-error-content i{font-size:48px;color:#ef4444;margin-bottom:16px}.sr-auth-error-content h2{margin:0 0 8px;color:#1a1a2e}.sr-auth-error-content p{color:#6b7280;margin-bottom:20px}@media(prefers-color-scheme:dark){.sr-page{background:#1a1a2e}.sr-page-header{border-color:#2d2d44}.sr-page-header-left h2{color:#fff}.sr-page-subtitle{color:#88a}.sr-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.sr-btn-secondary:hover:not(:disabled){background:#4d4d6c}.sr-form{background:#2d2d44;border-color:#3d3d5c}.sr-step-header h3{color:#fff}.sr-step-header p{color:#88a}.sr-form-group label{color:#fff}.sr-form-group input,.sr-form-group select,.sr-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.sr-form-group input:focus,.sr-form-group select:focus,.sr-form-group textarea:focus{border-color:#89f;box-shadow:0 0 0 3px #667eea33}.sr-item-dropdown{background:#3d3d5c;border-color:#4d4d6c}.sr-item-option{border-color:#4d4d6c}.sr-item-option:hover{background:#1a2a5c}.sr-item-option-name{color:#fff}.sr-item-option-details{color:#88a}.sr-file-upload{background:#3d3d5c;border-color:#4d4d6c}.sr-file-upload:hover{border-color:#89f;background:#1a2a5c}.sr-upload-placeholder p{color:#fff}.sr-upload-placeholder span{color:#88a}.sr-file-preview{background:#4d4d6c;color:#fff}.sr-summary-card{background:#3d3d5c;border-color:#4d4d6c}.sr-summary-card h4{color:#fff}.sr-summary-item{border-color:#4d4d6c}.sr-summary-item span{color:#88a}.sr-summary-item strong{color:#fff}.sr-table-container{background:#2d2d44}.sr-table-header{border-color:#3d3d5c}.sr-table-header h2{color:#fff}.sr-table-header h2 i{color:#fbbf24}.sr-dashboard-stats{background:#3d3d5c;border-color:#4d4d6c}.sr-stat-card{background:#2d2d44;border-color:#3d3d5c}.sr-stat-card h4{color:#88a}.sr-stat-value{color:#89f}.sr-search-form,.sr-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.sr-data-table thead th{color:#fff;background:#3d3d5c}.sr-data-table tbody tr{border-color:#3d3d5c}.sr-data-table tbody tr:hover{background-color:#3d3d5c}.sr-data-table tbody td{color:#d0d0e0}.sr-recon-id{color:#89f}.sr-item-name{color:#fff}.sr-status-pending{background:#5c3d1a;color:#fbbf24}.sr-status-in-progress{background:#1a2a5c;color:#93bbff}.sr-status-verified{background:#1a3d2d;color:#6ee7b7}.sr-status-adjusted{background:#2d1a5c;color:#b794f4}.sr-status-approved,.sr-status-completed{background:#1a3d2d;color:#6ee7b7}.sr-status-disputed{background:#5c1a1a;color:#f87171}.sr-discrepancy-surplus{background:#1a2a5c;color:#93bbff}.sr-discrepancy-deficit{background:#5c1a1a;color:#f87171}.sr-discrepancy-exact{background:#1a3d2d;color:#6ee7b7}.sr-category-badge{background:#3d3d5c;color:#88a}.sr-icon-btn{color:#88a}.sr-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.sr-icon-view{color:#60a5fa}.sr-icon-view:hover:not(:disabled){background-color:#1a2a5c}.sr-icon-edit{color:#fbbf24}.sr-icon-edit:hover:not(:disabled){background-color:#5c3d1a}.sr-icon-delete{color:#f87171}.sr-icon-delete:hover:not(:disabled){background-color:#5c1a1a}.sr-table-footer{background:#3d3d5c;border-color:#4d4d6c}.sr-side-container{background:#2d2d44}.sr-side-header{border-color:#3d3d5c}.sr-side-header h3{color:#fff}.sr-modal-close{color:#88a}.sr-modal-close:hover{background-color:#3d3d5c;color:#fff}.sr-side-footer,.sr-view-section{border-color:#3d3d5c}.sr-view-section h4{color:#fff;border-color:#3d3d5c}.sr-view-section h4 i{color:#fbbf24}.sr-view-row{border-color:#3d3d5c}.sr-view-label{color:#88a}.sr-view-value{color:#d0d0e0}.sr-step-indicator{background:#3d3d5c;border-color:#3d3d5c}.sr-step-number,.sr-step-title{color:#88a}.sr-step.sr-active .sr-step-title{color:#89f}.sr-step.sr-completed .sr-step-title{color:#6ee7b7}.sr-step-connector{background:#3d3d5c}.sr-step.sr-completed .sr-step-connector{background:#6ee7b7}.sr-loading-spinner{color:#88a}.sr-spinner{border-color:#3d3d5c;border-top-color:#89f}.sr-auth-error-content{background:#2d2d44;border-color:#3d3d5c}.sr-auth-error-content h2{color:#fff}.sr-auth-error-content p{color:#88a}.sr-pagination .sr-btn-secondary{color:#fff}}@media(max-width:768px){.sr-page{padding:12px 16px}.sr-page-header{flex-direction:column;align-items:flex-start}.sr-page-header-right{width:100%;justify-content:flex-start}.sr-dashboard-stats,.sr-search-grid{grid-template-columns:1fr 1fr}.sr-form-grid,.sr-summary-content{grid-template-columns:1fr}.sr-data-table{font-size:12px;min-width:700px}.sr-data-table thead th,.sr-data-table tbody td{padding:6px 8px}.sr-col-actions{min-width:90px!important}.sr-action-buttons{flex-direction:column;gap:2px}.sr-table-header{flex-direction:column;align-items:flex-start}.sr-table-actions{width:100%;justify-content:flex-start}.sr-side-container{width:100%}.sr-view-row{flex-direction:column}.sr-view-label{width:100%}.sr-btn-label{display:none}.sr-btn{padding:6px 10px}.sr-search-grid .sr-form-group:last-child{grid-column:span 2}}@media(max-width:480px){.sr-page-header-left h2{font-size:20px}.sr-dashboard-stats,.sr-search-grid{grid-template-columns:1fr}.sr-search-grid .sr-form-group:last-child{grid-column:span 1}.sr-data-table{font-size:11px;min-width:600px}.sr-data-table thead th,.sr-data-table tbody td{padding:4px 6px}.sr-col-actions{min-width:70px!important}.sr-pagination{flex-direction:column;gap:8px}}.sup-container{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.sup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.sup-header-left h1{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.sup-header-left h1 i{color:#f59e0b}.sup-header-left p{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.sup-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sup-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.sup-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.sup-btn-primary{background:#f59e0b;color:#fff}.sup-btn-primary:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.sup-btn-success{background:#10b981;color:#fff}.sup-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.sup-btn-danger{background:#ef4444;color:#fff}.sup-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.sup-btn-outline{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.sup-btn-outline:hover:not(:disabled){background:#e8e8e8;border-color:silver}.sup-btn-print{background:#8b5cf6;color:#fff}.sup-btn-print:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.sup-btn-info{background:#3b82f6;color:#fff}.sup-btn-info:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.sup-btn:disabled{opacity:.6;cursor:not-allowed}.sup-btn i.spinner{animation:sup-spin 1s linear infinite}@keyframes sup-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.sup-btn{padding:6px 10px;font-size:12px}}.sup-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.sup-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.sup-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease;font-size:16px;font-weight:600;color:#94a3b8}.sup-step.active .sup-step-indicator{background:#f59e0b;color:#fff;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d}.sup-step.completed .sup-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.sup-step-number{font-weight:600;color:#64748b}.sup-step.active .sup-step-number{color:#fff}.sup-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.sup-step.active .sup-step-title{color:#f59e0b;font-weight:600}.sup-step.completed .sup-step-title{color:#10b981}.sup-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.sup-step.completed .sup-step-connector{background:#10b981}@media(max-width:768px){.sup-progress-steps{flex-wrap:wrap;gap:10px;justify-content:center}.sup-step{flex:0 0 auto}.sup-step-connector{display:none}}.sup-form{background:#fff;border-radius:12px;padding:clamp(20px,2.5vw,30px);border:1px solid #e0e0e0;box-shadow:0 4px 12px #0000000d}.sup-step-content{margin-bottom:24px}.sup-step-header{margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.sup-step-header h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.sup-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.sup-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.sup-form-grid{grid-template-columns:1fr}}.sup-form-group{display:flex;flex-direction:column;gap:4px}.sup-form-group.full-width{grid-column:1 / -1}.sup-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.sup-form-group input,.sup-form-group select,.sup-form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.sup-form-group input:focus,.sup-form-group select:focus,.sup-form-group textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.sup-form-group input.readonly{background:#f9fafb;cursor:not-allowed;color:#6b7280}.sup-form-group small{margin-top:4px;color:#6b7280;font-size:12px}.sup-error-message{color:#ef4444;font-size:12px;margin-top:5px}.sup-error{border-color:#ef4444!important}.sup-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.sup-field-info{color:#64748b;font-size:12px;margin-top:4px}.sup-categories-selector{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;max-height:200px;overflow-y:auto}.sup-category-chip{padding:6px 12px;background:#e2e8f0;border:none;border-radius:20px;font-size:12px;color:#475569;cursor:pointer;transition:all .2s}.sup-category-chip:hover{background:#d1d5db}.sup-category-chip.selected{background:#f59e0b;color:#fff}.sup-chip-close{margin-left:6px;font-weight:700}.sup-rating-selector{display:flex;flex-direction:column;gap:8px}.sup-rating-option{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;cursor:pointer;transition:background .2s}.sup-rating-option:hover{background:#f8fafc}.sup-rating-option input[type=radio]{margin:0;width:16px;height:16px;accent-color:#f59e0b;cursor:pointer}.sup-rating-stars{font-size:18px}.sup-rating-label{font-size:14px;color:#374151}.sup-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.sup-summary-card h4{margin-top:0;margin-bottom:16px;color:#1e293b;font-size:16px}.sup-summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.sup-summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.sup-summary-item:last-child{border-bottom:none}.sup-summary-item span:first-child{color:#64748b;font-size:13px}.sup-summary-item strong{color:#1e293b;font-size:13px}.sup-form-actions{margin-top:40px;padding-top:20px;border-top:1px solid #e5e7eb}.sup-action-buttons{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.sup-right-actions{display:flex;gap:10px;flex-wrap:wrap}.sup-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sup-table-container{background:#fff;border-radius:12px;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.sup-table-header{padding:20px 24px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;flex-shrink:0}.sup-table-header h2{margin:0;color:#1a1a2e;font-size:clamp(18px,2vw,22px);display:flex;align-items:center;gap:10px}.sup-table-header h2 i{color:#f59e0b}.sup-table-actions{display:flex;gap:8px;flex-wrap:wrap}.sup-dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:16px 24px;background:#f8fafc;border-bottom:1px solid #e0e0e0}.sup-stat-card{text-align:center;padding:12px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d}.sup-stat-value{display:block;font-size:24px;font-weight:700;color:#f59e0b}.sup-stat-label{display:block;font-size:12px;color:#64748b;margin-top:4px}.sup-filters{display:flex;gap:8px;flex-wrap:wrap}.sup-filter-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;color:#1a1a2e;cursor:pointer}.sup-filter-select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.sup-table-responsive{overflow-y:auto;flex:1}.sup-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.sup-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.sup-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.sup-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.sup-data-table tbody tr:hover{background:#fafbff}.sup-data-table tbody td{padding:10px 14px;vertical-align:middle}.sup-text-center{text-align:center!important}.sup-small-text{font-size:11px;color:#64748b;margin-top:2px}.sup-status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.sup-status-active{background:#dcfce7;color:#166534}.sup-status-inactive{background:#f1f5f9;color:#475569}.sup-status-suspended{background:#fef3c7;color:#92400e}.sup-status-blacklisted{background:#fee2e2;color:#dc2626}.sup-status-on-hold{background:#fef3c7;color:#92400e}.sup-status-pending-approval{background:#dbeafe;color:#1e40af}.sup-category-badge{padding:2px 8px;border-radius:4px;background:#e0e7ff;color:#3730a3;font-size:10px;font-weight:500;display:inline-block}.sup-business-type-badge{padding:4px 8px;border-radius:6px;background:#f1f5f9;color:#475569;font-size:10px;font-weight:500}.sup-category-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.sup-category-tag{padding:2px 6px;background:#e0e7ff;color:#3730a3;border-radius:4px;font-size:9px;font-weight:500}.sup-rating-display{font-size:14px;color:#f59e0b}.sup-action-buttons{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.sup-btn-action{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px}.sup-btn-action.view{background:#dbeafe;color:#1d4ed8}.sup-btn-action.view:hover{background:#bfdbfe}.sup-btn-action.edit{background:#fef3c7;color:#92400e}.sup-btn-action.edit:hover{background:#fde68a}.sup-btn-action.delete{background:#fee2e2;color:#dc2626}.sup-btn-action.delete:hover{background:#fecaca}.sup-table-footer{padding:16px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.sup-pagination-info{color:#64748b;font-size:14px}.sup-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.sup-spinner{display:inline-block;width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#f59e0b;border-radius:50%;animation:sup-spin .8s linear infinite}.sup-loading-container p{margin-top:16px;font-size:14px}.sup-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.sup-side-container{width:700px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:supSlideIn .3s ease}@keyframes supSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sup-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.sup-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.sup-side-header h3 i{color:#f59e0b}.sup-btn-close{width:32px;height:32px;border:none;background:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s;font-size:18px}.sup-btn-close:hover{background:#f1f5f9;color:#374151}.sup-side-content{flex:1;overflow-y:auto;padding:20px 24px}.sup-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.sup-view-grid{display:flex;flex-direction:column;gap:16px}.sup-detail-section{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#f8fafc}.sup-detail-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.sup-detail-section h4 i{color:#f59e0b}.sup-detail-row{display:flex;margin-bottom:8px}.sup-detail-label{width:160px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.sup-detail-value{flex:1;color:#1a1a2e;font-size:13px}.sup-remarks-text{background:#fff;padding:12px;border-radius:6px;border:1px solid #e2e8f0;margin-top:4px;white-space:pre-wrap;word-break:break-word}@media(max-width:768px){.sup-header{flex-direction:column;align-items:flex-start;gap:12px}.sup-header-right{width:100%;justify-content:flex-start}.sup-table-header{flex-direction:column;align-items:flex-start}.sup-table-actions{width:100%;justify-content:flex-start}.sup-data-table{font-size:12px;min-width:700px}.sup-data-table thead th,.sup-data-table tbody td{padding:8px 10px}.sup-side-container{width:100%;max-width:100%}.sup-detail-row{flex-direction:column;align-items:flex-start}.sup-detail-label{width:100%;margin-bottom:4px}.sup-filters{flex-wrap:wrap}.sup-dashboard-stats{grid-template-columns:1fr 1fr}}@media(max-width:480px){.sup-container{padding:10px 12px}.sup-data-table{font-size:11px;min-width:550px}.sup-data-table thead th,.sup-data-table tbody td{padding:6px 8px}.sup-table-container{max-height:95vh}.sup-form-grid,.sup-summary-content{grid-template-columns:1fr}.sup-action-buttons{flex-direction:column;align-items:stretch}.sup-right-actions{flex-direction:column}.sup-right-actions .sup-btn{width:100%;justify-content:center}.sup-dashboard-stats{grid-template-columns:1fr}.sup-table-footer{flex-direction:column;align-items:stretch;text-align:center}}@media(prefers-color-scheme:dark){.sup-container{background:#1a1a2e}.sup-header{border-color:#2d2d44}.sup-header-left h1{color:#fff}.sup-header-left p{color:#88a}.sup-form{background:#2d2d44;border-color:#3d3d5c}.sup-step-header{border-color:#3d3d5c}.sup-step-header h3{color:#fff}.sup-step-header p{color:#88a}.sup-form-group label{color:#fff}.sup-form-group input,.sup-form-group select,.sup-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.sup-form-group input:focus,.sup-form-group select:focus,.sup-form-group textarea:focus{border-color:#f59e0b}.sup-btn-outline{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.sup-btn-outline:hover:not(:disabled){background:#4d4d6c}.sup-table-container{background:#2d2d44}.sup-table-header{border-color:#3d3d5c}.sup-table-header h2{color:#fff}.sup-table-header h2 i{color:#f59e0b}.sup-dashboard-stats{background:#3d3d5c;border-color:#4d4d6c}.sup-stat-card{background:#2d2d44}.sup-stat-value{color:#f59e0b}.sup-stat-label{color:#88a}.sup-filter-select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.sup-filter-select:focus{border-color:#f59e0b}.sup-data-table{background:#2d2d44}.sup-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.sup-data-table thead th{color:#fff;background:#3d3d5c}.sup-data-table tbody tr{border-color:#3d3d5c}.sup-data-table tbody tr:hover{background-color:#3d3d5c}.sup-data-table tbody td{color:#d0d0e0}.sup-table-footer{border-color:#4d4d6c;background:#2d2d44}.sup-pagination-info{color:#88a}.sup-categories-selector{background:#3d3d5c;border-color:#4d4d6c}.sup-category-chip{background:#4d4d6c;color:#d0d0d0}.sup-category-chip:hover{background:#5d5d7c}.sup-category-chip.selected{background:#f59e0b;color:#fff}.sup-summary-card{background:#3d3d5c;border-color:#4d4d6c}.sup-summary-card h4{color:#fff}.sup-summary-item{border-color:#4d4d6c}.sup-summary-item span:first-child{color:#88a}.sup-summary-item strong{color:#fff}.sup-rating-option:hover{background:#3d3d5c}.sup-rating-label{color:#d0d0d0}.sup-side-container{background:#2d2d44}.sup-side-header{border-color:#3d3d5c}.sup-side-header h3{color:#fff}.sup-side-header h3 i{color:#f59e0b}.sup-btn-close{color:#88a}.sup-btn-close:hover{background:#3d3d5c;color:#fff}.sup-side-footer{border-color:#3d3d5c}.sup-detail-section{border-color:#3d3d5c;background:#3d3d5c}.sup-detail-section h4{color:#fff;border-color:#4d4d6c}.sup-detail-section h4 i{color:#f59e0b}.sup-detail-label{color:#88a}.sup-detail-value{color:#d0d0d0}.sup-remarks-text{background:#3d3d5c;border-color:#4d4d6c;color:#d0d0d0}.sup-small-text{color:#88a}.sup-status-active{background:#1a3d2d;color:#6ee7b7}.sup-status-inactive{background:#3d3d5c;color:#88a}.sup-status-suspended{background:#3d3d1a;color:#fbbf24}.sup-status-blacklisted{background:#3d1f1f;color:#fca5a5}.sup-status-on-hold{background:#3d3d1a;color:#fbbf24}.sup-status-pending-approval{background:#1a2d4d;color:#93c5fd}.sup-category-badge{background:#1a2d5c;color:#93b3fd}.sup-business-type-badge{background:#3d3d5c;color:#88a}.sup-category-tag{background:#1a2d5c;color:#93b3fd}.sup-rating-display{color:#f59e0b}.sup-btn-action.view{background:#1a2d4d;color:#93c5fd}.sup-btn-action.view:hover{background:#1a3d6c}.sup-btn-action.edit{background:#3d3d1a;color:#fbbf24}.sup-btn-action.edit:hover{background:#5c5c1a}.sup-btn-action.delete{background:#3d1f1f;color:#fca5a5}.sup-btn-action.delete:hover{background:#5c2d2d}}.rep-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.rep-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.rep-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.rep-page-header-left h2 i{color:#1e3c72}.rep-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.rep-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rep-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.rep-btn-primary{background:#1e3c72;color:#fff}.rep-btn-primary:hover:not(:disabled){background:#16325c;transform:translateY(-1px);box-shadow:0 4px 12px #1e3c724d}.rep-btn-success{background:#10b981;color:#fff}.rep-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.rep-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.rep-btn-secondary:hover{background:#e8e8e8;border-color:silver}.rep-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.rep-btn-outline:hover{background:#f8f9fa}.rep-btn-apply{background:#1e3c72;color:#fff}.rep-btn-apply:hover{background:#16325c}.rep-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.rep-btn-clear:hover{background:#e8e8e8}.rep-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.rep-btn-label{display:none}.rep-btn{padding:6px 10px}}.rep-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.rep-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.rep-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.rep-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.rep-step.active .rep-step-indicator{background:#1e3c72;color:#fff;transform:scale(1.1)}.rep-step.completed .rep-step-indicator{background:#10b981;color:#fff}.rep-step-number{font-weight:600;color:#64748b}.rep-step.active .rep-step-number{color:#fff}.rep-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.rep-step.active .rep-step-title{color:#1e3c72;font-weight:600}.rep-step.completed .rep-step-title{color:#10b981}.rep-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.rep-step.completed .rep-step-connector{background:#10b981}.rep-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.rep-step-content{margin-bottom:20px}.rep-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.rep-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.rep-step-header p{margin:0;color:#666;font-size:14px}.rep-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.rep-form-grid{grid-template-columns:1fr}}.rep-form-group{display:flex;flex-direction:column;gap:4px}.rep-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.rep-form-group input,.rep-form-group select,.rep-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.rep-form-group input:focus,.rep-form-group select:focus,.rep-form-group textarea:focus{outline:none;border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a}.rep-form-group textarea{resize:vertical;min-height:60px}.rep-full-width{grid-column:1 / -1}.rep-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.rep-error{border-color:#ef4444!important}.rep-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.rep-warning{border-color:#f59e0b!important}.rep-selected-department{margin-top:4px;font-size:12px;color:#059669}.rep-selected-department i{margin-right:4px}.rep-alert{padding:12px 16px;border-radius:8px;margin:12px 0;display:flex;align-items:center;gap:8px}.rep-alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.rep-alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.rep-alert i{font-size:18px}.rep-table-wrapper{overflow-x:auto;margin-bottom:16px}.rep-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:700px}.rep-data-table thead th{padding:10px 12px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa}.rep-data-table tbody td{padding:8px 10px;vertical-align:middle}.rep-data-table tfoot{background:#f8fafc}.rep-total-row{font-weight:600;background:#f1f5f9!important}.rep-col-sn{width:40px!important;text-align:center!important;font-weight:600;color:#666}.rep-col-actions{width:160px!important;text-align:center!important}.rep-readonly-cell{background:#f3f4f6;font-weight:600;color:#1a1a2e;text-align:center}.rep-data-table input{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:clamp(11px,1vw,12px);background:#fff;transition:border-color .3s}.rep-data-table input:focus{outline:none;border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a}.rep-data-table input.rep-warning{border-color:#f59e0b}.rep-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.rep-icon-btn:hover{background-color:#f0f0f0}.rep-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.rep-icon-delete{color:#ef4444}.rep-icon-delete:hover{background-color:#fee2e2}.rep-icon-view{color:#1976d2}.rep-icon-view:hover{background-color:#e3f2fd}.rep-icon-edit{color:#ed6c02}.rep-icon-edit:hover{background-color:#fff3e0}.rep-icon-submit{color:#10b981}.rep-icon-submit:hover{background-color:#d1fae5}.rep-icon-expand{display:none;color:#666}.rep-icon-expand .rep-expanded{transform:rotate(180deg)}.rep-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.rep-status-draft{background:#e2e8f0;color:#475569}.rep-status-submitted{background:#dbeafe;color:#2563eb}.rep-status-approved{background:#d1fae5;color:#059669}.rep-status-rejected{background:#fee2e2;color:#dc2626}.rep-type-badge{display:inline-block;padding:4px 10px;background:#e8eeff;border-radius:12px;font-size:11px;color:#1e3c72;font-weight:500}.rep-summary-table{width:100%;max-width:400px;border-collapse:collapse;margin-top:12px}.rep-summary-table td{padding:8px 12px;border:1px solid #e0e0e0}.rep-summary-table .rep-total-row{background:#f1f5f9;font-weight:700}.rep-search-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.rep-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.rep-search-input-wrapper:focus-within{border-color:#1e3c72}.rep-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.rep-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.rep-search-input::placeholder{color:#999}.rep-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.rep-clear-search:hover{color:#1a1a2e}.rep-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.rep-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.rep-filter-toggle:hover{background-color:#e8e8e8}.rep-filter-toggle.active{background-color:#e8eeff;border-color:#1e3c72;color:#1e3c72}.rep-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.rep-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.rep-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.rep-filter-group{display:flex;flex-direction:column;gap:4px}.rep-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.rep-filter-group select,.rep-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.rep-filter-group select:focus,.rep-filter-group input:focus{outline:none;border-color:#1e3c72}.rep-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.rep-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.rep-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.rep-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.rep-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.rep-table-header h2 i{color:#1e3c72}.rep-table-actions{display:flex;gap:8px;flex-wrap:wrap}.rep-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.rep-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.rep-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.rep-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.rep-data-table tbody tr:hover{background-color:#fafbff}.rep-data-table tbody tr:last-child{border-bottom:none}.rep-data-table tbody td{padding:10px 14px;vertical-align:middle}.rep-row-rejected{opacity:.6}.rep-row-rejected:hover{opacity:.8}.rep-col-actions{min-width:160px!important;text-align:center!important}.rep-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.rep-expanded-row{background-color:#f8f9fa!important}.rep-expanded-row td{padding:12px 16px!important}.rep-expanded-content{padding:4px 0}.rep-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rep-expanded-item{display:flex;flex-direction:column;gap:2px}.rep-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.rep-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.rep-expanded-item .rep-status-badge,.rep-expanded-item .rep-type-badge{display:inline-block;width:fit-content}.rep-expanded-full{grid-column:1 / -1}@media(max-width:600px){.rep-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.rep-expanded-grid{grid-template-columns:1fr}}.rep-table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;flex-wrap:wrap;gap:10px}.rep-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#1e3c72;font-weight:500}.rep-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.rep-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.rep-form-actions{flex-direction:column;align-items:stretch}.rep-right-actions{flex-direction:column}.rep-right-actions button{width:100%;justify-content:center}}.rep-loading-spinner{text-align:center;padding:40px;color:#666}.rep-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#1e3c72;border-radius:50%;animation:repSpin .8s linear infinite}@keyframes repSpin{to{transform:rotate(360deg)}}.rep-empty-state{text-align:center;padding:60px 20px;color:#666}.rep-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.rep-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.rep-empty-state p{margin:0;color:#666}.rep-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.rep-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:repSlideIn .3s ease}@keyframes repSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.rep-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.rep-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.rep-side-header h3 i{color:#1e3c72}.rep-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.rep-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.rep-side-body{flex:1;overflow-y:auto;padding:20px 24px}.rep-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.rep-view-grid{display:flex;flex-direction:column;gap:16px}.rep-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.rep-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.rep-view-section h4 i{color:#1e3c72}.rep-view-row{display:flex;margin-bottom:8px}.rep-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.rep-view-value{flex:1;color:#1a1a2e;font-size:13px}.rep-view-full{flex-direction:column}.rep-view-full .rep-view-label{width:100%;margin-bottom:4px}@media(max-width:768px){.rep-page-header{flex-direction:column;align-items:flex-start;gap:12px}.rep-page-header-right{width:100%;justify-content:flex-start}.rep-progress-steps{flex-direction:column;gap:20px;padding:0}.rep-progress-steps:before,.rep-step-connector{display:none}.rep-step{flex-direction:row;gap:12px;width:100%}.rep-step-indicator{margin-bottom:0;width:32px;height:32px}.rep-table-header{flex-direction:column;align-items:flex-start}.rep-table-actions{width:100%;justify-content:flex-start}.rep-side-container{width:100%;max-width:100%}.rep-filter-row{grid-template-columns:1fr 1fr}.rep-icon-expand{display:inline-flex}.rep-data-table{font-size:12px;min-width:700px}.rep-data-table thead th,.rep-data-table tbody td{padding:8px 10px}.rep-col-actions{min-width:130px!important}.rep-form-grid{grid-template-columns:1fr}}@media(max-width:480px){.rep-page{padding:10px 12px}.rep-data-table{font-size:11px;min-width:550px}.rep-data-table thead th,.rep-data-table tbody td{padding:6px 8px}.rep-col-actions{min-width:110px!important}.rep-filter-row{grid-template-columns:1fr}.rep-table-container{width:100%;max-height:95vh}.rep-form-actions{flex-direction:column;align-items:stretch}.rep-right-actions{flex-direction:column}.rep-right-actions button{width:100%;justify-content:center}.rep-expanded-grid{grid-template-columns:1fr}.rep-view-row{flex-direction:column}.rep-view-label{width:100%;margin-bottom:2px}.rep-objective-input,.rep-achievement-input,.rep-challenge-input,.rep-solution-input,.rep-recommendation-input{flex-direction:column;align-items:stretch}.rep-objective-input label,.rep-achievement-input label,.rep-challenge-input label,.rep-solution-input label,.rep-recommendation-input label{min-width:auto}}@media(prefers-color-scheme:dark){.rep-page{background:#1a1a2e}.rep-page-header{border-color:#2d2d44}.rep-page-header-left h2{color:#fff}.rep-page-subtitle{color:#88a}.rep-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rep-btn-secondary:hover{background:#4d4d6c}.rep-btn-outline{border-color:#4d4d6c;color:#fff}.rep-btn-outline:hover{background:#3d3d5c}.rep-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rep-btn-clear:hover{background:#4d4d6c}.rep-form{background:#2d2d44;border-color:#3d3d5c}.rep-step-header{border-color:#3d3d5c}.rep-step-header h3{color:#fff}.rep-step-header p{color:#88a}.rep-form-group label{color:#fff}.rep-form-group input,.rep-form-group select,.rep-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rep-form-group input:focus,.rep-form-group select:focus,.rep-form-group textarea:focus{border-color:#89f}.rep-selected-department{color:#34d399}.rep-data-table{background:#2d2d44}.rep-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.rep-data-table thead th{color:#fff;background:#3d3d5c}.rep-data-table tbody tr{border-color:#3d3d5c}.rep-data-table tbody tr:hover{background-color:#3d3d5c}.rep-data-table tbody td{color:#d0d0e0}.rep-data-table input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rep-data-table input:focus{border-color:#89f}.rep-readonly-cell{background:#3d3d5c;color:#d0d0e0}.rep-status-draft{background:#3d3d5c;color:#88a}.rep-type-badge{background:#1a2a5c;color:#89f}.rep-table-container{background:#2d2d44}.rep-table-header{border-color:#3d3d5c}.rep-table-header h2{color:#fff}.rep-table-header h2 i{color:#89f}.rep-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.rep-search-input{color:#fff}.rep-search-input::placeholder{color:#88a}.rep-search-icon{color:#88a}.rep-stats-badge{background:#3d3d5c;color:#88a}.rep-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.rep-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.rep-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.rep-filter-group label{color:#fff}.rep-filter-group select,.rep-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.rep-alert-warning{background:#5c3d1a;color:#fbbf24;border-color:#7c5d3a}.rep-alert-danger{background:#5c1a1a;color:#fca5a5;border-color:#7c2a2a}.rep-expanded-row{background-color:#3d3d5c!important}.rep-expanded-item label{color:#88a}.rep-expanded-item span,.rep-empty-state h4{color:#fff}.rep-empty-state p{color:#88a}.rep-empty-icon{color:#3d3d5c}.rep-side-container{background:#2d2d44}.rep-side-header{border-color:#3d3d5c}.rep-side-header h3{color:#fff}.rep-modal-close{color:#88a}.rep-modal-close:hover{background-color:#3d3d5c;color:#fff}.rep-side-footer,.rep-view-section{border-color:#3d3d5c}.rep-view-section h4{color:#fff;border-color:#3d3d5c}.rep-view-label{color:#88a}.rep-view-value{color:#d0d0e0}.rep-table-footer{border-color:#3d3d5c;background:#2d2d44}.rep-total-badge{background:#1a2a5c;color:#89f}.rep-icon-btn{color:#88a}.rep-icon-btn:hover{background-color:#3d3d5c}.rep-icon-delete{color:#f87171}.rep-icon-delete:hover{background-color:#5c1a1a}.rep-icon-view{color:#60a5fa}.rep-icon-view:hover{background-color:#1a2a5c}.rep-icon-edit{color:#fbbf24}.rep-icon-edit:hover{background-color:#5c3d1a}.rep-icon-submit{color:#34d399}.rep-icon-submit:hover{background-color:#1a4d3d}.rep-progress-steps:before{background:#3d3d5c}.rep-step-indicator{background:#3d3d5c}.rep-step-title{color:#88a}.rep-step.active .rep-step-title{color:#89f}.rep-step.completed .rep-step-title{color:#34d399}.rep-summary-table td{border-color:#4d4d6c}.rep-summary-table .rep-total-row{background:#3d3d5c}}.agri-report-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.agri-report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.agri-report-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.agri-report-header-left h2 i{color:#2e8b57}.agri-report-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.agri-report-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.agri-report-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agri-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.agri-btn-primary{background:#2e8b57;color:#fff}.agri-btn-primary:hover:not(:disabled){background:#256f45;transform:translateY(-1px);box-shadow:0 4px 12px #2e8b574d}.agri-btn-success{background:#10b981;color:#fff}.agri-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.agri-btn-danger{background:#ef4444;color:#fff}.agri-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.agri-btn-warning{background:#f59e0b;color:#fff}.agri-btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.agri-btn-info{background:#3b82f6;color:#fff}.agri-btn-info:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.agri-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.agri-btn-secondary:hover{background:#e8e8e8;border-color:silver}.agri-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.agri-btn-outline:hover{background:#f8f9fa}.agri-btn-print{background:#1a1a2e;color:#fff}.agri-btn-print:hover:not(:disabled){background:#2d2d44;transform:translateY(-1px)}.agri-btn-sm{padding:4px 12px;font-size:12px}.agri-btn:disabled{opacity:.6;cursor:not-allowed}.agri-btn .agri-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:agriSpin .8s linear infinite}@keyframes agriSpin{to{transform:rotate(360deg)}}@media(max-width:480px){.agri-btn-label{display:none}.agri-btn{padding:6px 10px}}.agri-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.agri-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.agri-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid transparent;transition:all .3s ease;font-size:14px;font-weight:600;color:#64748b}.agri-step.active .agri-step-indicator{background:#2e8b57;color:#fff;border-color:#2e8b57;box-shadow:0 4px 12px #2e8b574d}.agri-step.completed .agri-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.agri-step-title{font-size:clamp(11px,1vw,13px);color:#94a3b8;font-weight:500;text-align:center}.agri-step.active .agri-step-title{color:#2e8b57;font-weight:600}.agri-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1;transition:background .3s ease}.agri-step.completed .agri-step-connector{background:#10b981}@media(max-width:600px){.agri-progress-steps{flex-wrap:wrap;gap:15px}.agri-step-connector{display:none}}.agri-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.agri-form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.agri-form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.agri-form-section h3{font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0 0 16px}.agri-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.agri-form-grid{grid-template-columns:1fr}}.agri-form-group{display:flex;flex-direction:column;gap:4px}.agri-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.agri-form-group input,.agri-form-group select,.agri-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.agri-form-group input:focus,.agri-form-group select:focus,.agri-form-group textarea:focus{outline:none;border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b571a}.agri-form-group input.error,.agri-form-group select.error,.agri-form-group textarea.error{border-color:#ef4444}.agri-form-group input.error:focus,.agri-form-group select.error:focus,.agri-form-group textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.agri-error-message{color:#ef4444;font-size:12px;margin-top:4px;display:block}.agri-readonly-field{padding:8px 12px;background:#f3f4f6;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;font-weight:500}.agri-field-info{color:#6b7280;font-size:12px;margin-top:2px}.agri-field-description{font-size:clamp(12px,1vw,13px);color:#666;margin-bottom:8px;font-style:italic}.agri-form-full{grid-column:1 / -1}.agri-required{color:#ef4444}.agri-form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e0e0e0;flex-wrap:wrap;gap:12px}.agri-action-buttons,.agri-right-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:480px){.agri-form-actions{flex-direction:column}.agri-action-buttons,.agri-right-actions{width:100%;flex-direction:column}.agri-right-actions button{width:100%;justify-content:center}}.agri-step-content{padding:4px 0}.agri-step-header{margin-bottom:24px}.agri-step-header h3{font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.agri-step-header p{color:#666;margin:0;font-size:clamp(13px,1.1vw,14px)}.agri-table-container{margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.agri-table-container:last-child{margin-bottom:0}.agri-table-container h4{font-size:clamp(14px,1.2vw,16px);font-weight:600;color:#1a1a2e;margin:0 0 12px}.agri-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.agri-section-header h4{margin:0}.agri-table-wrapper{overflow-x:auto}.agri-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:600px}.agri-data-table thead{background:#f0f4f8;border-bottom:2px solid #e0e0e0}.agri-data-table thead th{padding:10px 12px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f0f4f8;position:sticky;top:0;z-index:10}.agri-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.agri-data-table tbody tr:hover{background-color:#f8fafc}.agri-data-table tbody td{padding:8px 10px;vertical-align:middle}.agri-data-table tbody tr.total-row{background-color:#f0fff4;font-weight:600}.agri-data-table tbody tr.total-row:hover{background-color:#e6ffe6}.agri-data-table input,.agri-data-table select,.agri-data-table textarea{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:clamp(11px,1vw,12px);font-family:inherit;background:#fff;transition:border-color .3s;min-width:60px}.agri-data-table input:focus,.agri-data-table select:focus,.agri-data-table textarea:focus{outline:none;border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b571a}.agri-data-table input.error,.agri-data-table select.error,.agri-data-table textarea.error{border-color:#ef4444}.agri-data-table input.error:focus,.agri-data-table select.error:focus,.agri-data-table textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.agri-data-table .agri-readonly-cell{background:#f8fafc;padding:6px 10px;border-radius:4px;font-weight:500;color:#1a1a2e;text-align:center}.agri-no-data{text-align:center;padding:24px!important;color:#9ca3af;font-style:italic}.agri-btn-add{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#2e8b57;color:#fff;border:none;border-radius:6px;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease}.agri-btn-add:hover{background:#256f45;transform:translateY(-1px);box-shadow:0 4px 12px #2e8b574d}.agri-btn-add-small{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;background:#e8f5e9;color:#2e8b57;border:1px solid #a5d6a7;border-radius:4px;font-size:clamp(11px,.9vw,12px);font-weight:500;cursor:pointer;transition:all .3s ease}.agri-btn-add-small:hover{background:#c8e6c9;transform:translateY(-1px)}.agri-btn-remove{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;background:#fee2e2;color:#dc2626;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease}.agri-btn-remove:hover{background:#fecaca;transform:scale(1.05)}.agri-btn-remove-small{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:transparent;color:#dc2626;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease}.agri-btn-remove-small:hover{background:#fee2e2;transform:scale(1.05)}.agri-objective-input,.agri-challenge-input,.agri-solution-input,.agri-recommendation-input{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px;padding:8px 12px;background:#f8fafc;border-radius:6px;border:1px solid #e0e0e0}.agri-objective-input label,.agri-challenge-input label,.agri-solution-input label,.agri-recommendation-input label{font-weight:600;color:#2e8b57;padding-top:6px;min-width:20px}.agri-objective-input input,.agri-challenge-input textarea,.agri-solution-input textarea,.agri-recommendation-input input{flex:1;border:1px solid #e0e0e0;border-radius:4px;padding:6px 10px;font-size:clamp(13px,1.1vw,14px);font-family:inherit;transition:border-color .3s;background:#fff}.agri-objective-input input:focus,.agri-challenge-input textarea:focus,.agri-solution-input textarea:focus,.agri-recommendation-input input:focus{outline:none;border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b571a}.agri-objective-input input.error,.agri-challenge-input textarea.error,.agri-solution-input textarea.error,.agri-recommendation-input input.error{border-color:#ef4444}.agri-objective-input input.error:focus,.agri-challenge-input textarea.error:focus,.agri-solution-input textarea.error:focus,.agri-recommendation-input input.error:focus{box-shadow:0 0 0 3px #ef44441a}.agri-objective-input textarea,.agri-challenge-input textarea,.agri-solution-input textarea{flex:1;border:1px solid #e0e0e0;border-radius:4px;padding:6px 10px;font-size:clamp(13px,1.1vw,14px);font-family:inherit;transition:border-color .3s;background:#fff;resize:vertical;min-height:50px}.agri-objective-input textarea:focus,.agri-challenge-input textarea:focus,.agri-solution-input textarea:focus{outline:none;border-color:#2e8b57;box-shadow:0 0 0 3px #2e8b571a}.agri-summary-box{margin-top:24px;padding:16px 20px;background:#f0fff4;border:2px solid #2E8B57;border-radius:8px}.agri-summary-box h4{margin:0 0 12px;color:#1a1a2e;font-size:clamp(15px,1.2vw,17px)}.agri-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.agri-summary-item{display:flex;flex-direction:column;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #c6f6d5}.agri-summary-label{font-size:clamp(10px,.9vw,11px);color:#666;text-transform:uppercase;letter-spacing:.5px}.agri-summary-value{font-size:clamp(18px,1.8vw,22px);font-weight:700;color:#2e8b57}.agri-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.agri-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.agri-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.agri-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.agri-table-header h2 i{color:#2e8b57}.agri-table-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.agri-table-actions .agri-summary-stats{display:flex;gap:16px;padding:4px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e0e0e0}.agri-table-actions .agri-stat-item{display:flex;align-items:center;gap:6px;padding:4px 8px}.agri-table-actions .agri-stat-value{font-weight:600;color:#2e8b57;font-size:clamp(14px,1.2vw,16px)}.agri-table-actions .agri-stat-label{font-size:clamp(10px,.9vw,11px);color:#666}.agri-table-responsive{overflow-y:auto;flex:1;padding:0 4px}.agri-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.agri-status-badge.status-draft{background:#e2e8f0;color:#475569}.agri-status-badge.status-submitted{background:#dbeafe;color:#2563eb}.agri-status-badge.status-approved{background:#d1fae5;color:#059669}.agri-status-badge.status-rejected{background:#fee2e2;color:#dc2626}.agri-status-badge.report-type{background:#e8f5e9;color:#2e8b57}.agri-action-buttons{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.agri-btn-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.agri-btn-action:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.agri-btn-action.agri-view{background:#dbeafe;color:#1d4ed8}.agri-btn-action.agri-edit{background:#fef3c7;color:#d97706}.agri-btn-action.agri-delete{background:#fee2e2;color:#dc2626}.agri-btn-action.agri-submit{background:#dbeafe;color:#2563eb}.agri-btn-action.agri-approve{background:#d1fae5;color:#059669}.agri-btn-action.agri-reject{background:#fee2e2;color:#dc2626}.agri-btn-action.agri-print-action{background:#f3f4f6;color:#1a1a2e}.agri-table-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;flex-shrink:0}.agri-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.agri-loading-spinner{text-align:center;padding:40px;color:#666}.agri-loading-spinner .agri-spinner{display:inline-block;width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#2e8b57;border-radius:50%;animation:agriSpin .8s linear infinite}.agri-loading-spinner.full-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.agri-loading-spinner p{margin-top:16px;font-size:16px;color:#666}@media print{.agri-report-page{padding:0!important;background:#fff!important}.agri-report-header{border-bottom:2px solid #2E8B57!important}.agri-form-actions,.agri-table-overlay,.agri-progress-steps{display:none!important}.agri-form{border:none!important;padding:0!important}.agri-table-container{break-inside:avoid;border:1px solid #ddd!important}.agri-data-table thead{background:#f0f4f8!important}.agri-data-table tbody tr{break-inside:avoid}}@media(prefers-color-scheme:dark){.agri-report-page{background:#1a1a2e}.agri-report-header{border-color:#2d2d44}.agri-report-header-left h2{color:#fff}.agri-report-subtitle{color:#88a}.agri-form{background:#2d2d44;border-color:#3d3d5c}.agri-form-section{border-color:#3d3d5c}.agri-form-section h3,.agri-form-group label{color:#fff}.agri-form-group input,.agri-form-group select,.agri-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.agri-form-group input:focus,.agri-form-group select:focus,.agri-form-group textarea:focus{border-color:#3b8b5e;box-shadow:0 0 0 3px #2e8b5733}.agri-form-group input.error,.agri-form-group select.error,.agri-form-group textarea.error{border-color:#ef4444}.agri-readonly-field{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.agri-field-info,.agri-field-description{color:#88a}.agri-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.agri-btn-secondary:hover{background:#4d4d6c}.agri-btn-outline{border-color:#4d4d6c;color:#fff}.agri-btn-outline:hover{background:#3d3d5c}.agri-error-message{color:#f87171}.agri-step-title{color:#666}.agri-step.active .agri-step-title{color:#3b8b5e}.agri-step-indicator{background:#3d3d5c;color:#88a}.agri-step.active .agri-step-indicator{background:#2e8b57;color:#fff}.agri-step.completed .agri-step-indicator{background:#10b981;color:#fff}.agri-step-connector{background:#3d3d5c}.agri-step.completed .agri-step-connector{background:#10b981}.agri-table-container{background:#3d3d5c;border-color:#4d4d6c}.agri-table-container h4,.agri-section-header h4{color:#fff}.agri-data-table{background:#2d2d44}.agri-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.agri-data-table thead th{color:#fff;background:#3d3d5c}.agri-data-table tbody tr{border-color:#3d3d5c}.agri-data-table tbody tr:hover{background-color:#3d3d5c}.agri-data-table tbody td{color:#d0d0e0}.agri-data-table input,.agri-data-table select,.agri-data-table textarea{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.agri-data-table input:focus,.agri-data-table select:focus,.agri-data-table textarea:focus{border-color:#3b8b5e}.agri-data-table .agri-readonly-cell{background:#3d3d5c;color:#d0d0e0}.agri-data-table tbody tr.total-row{background-color:#1a3d2d}.agri-data-table tbody tr.total-row:hover{background-color:#1a4d3d}.agri-no-data{color:#666}.agri-objective-input,.agri-challenge-input,.agri-solution-input,.agri-recommendation-input{background:#3d3d5c;border-color:#4d4d6c}.agri-objective-input input,.agri-challenge-input textarea,.agri-solution-input textarea,.agri-recommendation-input input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.agri-objective-input input:focus,.agri-challenge-input textarea:focus,.agri-solution-input textarea:focus,.agri-recommendation-input input:focus{border-color:#3b8b5e}.agri-btn-add-small{background:#1a3d2d;color:#3b8b5e;border-color:#2d5d4d}.agri-btn-add-small:hover{background:#1a4d3d}.agri-table-overlay{background:#000000b3}.agri-table-container{background:#2d2d44}.agri-table-header{border-color:#3d3d5c}.agri-table-header h2{color:#fff}.agri-table-header h2 i{color:#3b8b5e}.agri-table-actions .agri-summary-stats{background:#3d3d5c;border-color:#4d4d6c}.agri-table-actions .agri-stat-value{color:#3b8b5e}.agri-table-actions .agri-stat-label{color:#88a}.agri-status-badge.status-draft{background:#3d3d5c;color:#88a}.agri-status-badge.status-submitted{background:#1a2a5c;color:#6b8bff}.agri-status-badge.status-approved{background:#1a3d2d;color:#34d399}.agri-status-badge.status-rejected{background:#3d1f1f;color:#f87171}.agri-status-badge.report-type{background:#1a3d2d;color:#3b8b5e}.agri-btn-action.agri-view{background:#1a2a5c;color:#6b8bff}.agri-btn-action.agri-edit{background:#3d2d1a;color:#fbbf24}.agri-btn-action.agri-delete{background:#3d1f1f;color:#f87171}.agri-btn-action.agri-submit{background:#1a2a5c;color:#6b8bff}.agri-btn-action.agri-approve{background:#1a3d2d;color:#34d399}.agri-btn-action.agri-reject{background:#3d1f1f;color:#f87171}.agri-btn-action.agri-print-action{background:#3d3d5c;color:#88a}.agri-table-footer{border-color:#3d3d5c}.agri-loading-spinner .agri-spinner{border-color:#3d3d5c;border-top-color:#3b8b5e}.agri-loading-spinner p{color:#88a}.agri-step-header h3{color:#fff}.agri-step-header p{color:#88a}.agri-summary-box{background:#1a3d2d;border-color:#3b8b5e}.agri-summary-box h4{color:#fff}.agri-summary-item{background:#2d4d3d;border-color:#3b5d4d}.agri-summary-label{color:#88a}.agri-summary-value{color:#34d399}}@media(max-width:768px){.agri-report-header{flex-direction:column;align-items:flex-start;gap:12px}.agri-report-header-right{width:100%;justify-content:flex-start}.agri-table-header{flex-direction:column;align-items:flex-start}.agri-table-actions{width:100%;justify-content:flex-start}.agri-table-actions .agri-summary-stats{flex-wrap:wrap}.agri-data-table{font-size:12px;min-width:700px}.agri-data-table thead th,.agri-data-table tbody td{padding:8px 10px}.agri-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.agri-report-page{padding:10px 12px}.agri-data-table{font-size:11px;min-width:550px}.agri-data-table thead th,.agri-data-table tbody td{padding:6px 8px}.agri-table-container{padding:12px}.agri-table-container{width:100%;max-height:95vh}.agri-objective-input,.agri-challenge-input,.agri-solution-input,.agri-recommendation-input{flex-wrap:wrap}.agri-objective-input label,.agri-challenge-input label,.agri-solution-input label,.agri-recommendation-input label{min-width:100%}.agri-summary-grid{grid-template-columns:1fr 1fr}.agri-summary-item{padding:6px 10px}.agri-summary-value{font-size:16px}}.agri-mt-20{margin-top:20px}.agri-mb-20{margin-bottom:20px}.agri-text-center{text-align:center}.agri-text-right{text-align:right}.agri-font-bold{font-weight:700}.agri-font-medium{font-weight:500}.agri-text-success{color:#2e8b57}.agri-text-danger{color:#ef4444}.agri-text-muted{color:#666}.me-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.me-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.me-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.me-page-header-left h2 i{color:#3b82f6}.me-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.me-editing-badge{display:inline-flex;align-items:center;gap:6px;background:#fef3c7;color:#d97706;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.me-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.me-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.me-btn-primary{background:#3b82f6;color:#fff}.me-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.me-btn-success{background:#10b981;color:#fff}.me-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.me-btn-info{background:#0ea5e9;color:#fff}.me-btn-info:hover:not(:disabled){background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.me-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.me-btn-secondary:hover{background:#e8e8e8;border-color:silver}.me-btn:disabled{opacity:.6;cursor:not-allowed}.me-spinner-small{display:inline-block;width:16px;height:16px;border:2px solid #e0e0e0;border-top-color:#10b981;border-radius:50%;animation:meSpin .6s linear infinite}@keyframes meSpin{to{transform:rotate(360deg)}}@media(max-width:480px){.me-btn-label{display:none}.me-btn{padding:6px 10px}}.me-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 10px}.me-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.me-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border:2px solid transparent;transition:all .3s ease}.me-step.active .me-step-indicator{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:scale(1.05)}.me-step.completed .me-step-indicator{background:#10b981;color:#fff;border-color:#10b981}.me-step-number{font-weight:600;color:#64748b}.me-step.active .me-step-number{color:#fff}.me-step-title{font-size:clamp(11px,.9vw,13px);color:#94a3b8;font-weight:500;text-align:center}.me-step.active .me-step-title{color:#3b82f6;font-weight:600}.me-step-connector{position:absolute;top:20px;left:70%;right:-30%;height:2px;background:#e2e8f0;z-index:-1}.me-step.completed .me-step-connector{background:#10b981}@media(max-width:768px){.me-progress-steps{flex-wrap:wrap;gap:10px}.me-step-connector{display:none}}.me-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.me-step-content{animation:meFadeIn .3s ease}@keyframes meFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.me-step-header{margin-bottom:24px;text-align:center}.me-step-header h3{font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0 0 4px}.me-step-header p{color:#64748b;font-size:clamp(13px,1.1vw,14px);margin:0}.me-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.me-form-grid{grid-template-columns:1fr}}.me-form-group{display:flex;flex-direction:column;gap:4px}.me-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.me-form-group input,.me-form-group select,.me-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.me-form-group input:focus,.me-form-group select:focus,.me-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.me-form-group textarea{resize:vertical;min-height:60px}.me-form-group input.me-error,.me-form-group select.me-error,.me-form-group textarea.me-error{border-color:#ef4444}.me-error-message{color:#ef4444;font-size:12px;margin-top:4px}.me-full-width{grid-column:1 / -1}.me-readonly-field{padding:8px 12px;background:#f8fafc;border:1px solid #e0e0e0;border-radius:6px;color:#64748b;font-size:clamp(13px,1.1vw,14px)}.me-loading-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.me-loading-screen{text-align:center;color:#64748b}.me-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:meSpin .8s linear infinite;margin:0 auto 12px}.me-spinner-container{text-align:center;padding:40px 20px}.me-objective-input,.me-challenge-input,.me-improvement-input,.me-lesson-input{display:flex;align-items:center;gap:10px;margin-bottom:8px}.me-objective-input label,.me-challenge-input label,.me-improvement-input label,.me-lesson-input label{font-weight:600;color:#374151;min-width:24px}.me-objective-input input,.me-challenge-input input,.me-improvement-input input,.me-lesson-input input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px)}.me-objective-input input:focus,.me-challenge-input input:focus,.me-improvement-input input:focus,.me-lesson-input input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.me-table-container{margin:16px 0}.me-table-container h4{margin:0 0 12px;color:#1a1a2e;font-size:16px;font-weight:600}.me-table-wrapper{overflow-x:auto;border:1px solid #e0e0e0;border-radius:6px}.me-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px)}.me-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.me-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.me-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.me-data-table tbody tr:hover{background-color:#fafbff}.me-data-table tbody td{padding:8px 12px;vertical-align:middle}.me-data-table input,.me-data-table select{width:100%;padding:6px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:clamp(11px,.9vw,12px);background:#fff}.me-data-table input:focus,.me-data-table select:focus{outline:none;border-color:#3b82f6}.me-readonly-cell{font-weight:500;color:#1a1a2e}.me-total-row{background:#f8fafc;font-weight:600}.me-total-row td{padding:10px 12px}.me-quality-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px)}.me-quality-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.me-quality-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px}.me-quality-table tbody tr{border-bottom:1px solid #f0f0f0}.me-quality-table tbody td{padding:8px 12px;vertical-align:middle}.me-text-center{text-align:center}.me-quality-table input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.me-radio-group{margin-bottom:16px}.me-radio-group p{margin:0 0 8px;font-weight:500;color:#374151}.me-radio-options{display:flex;gap:16px;flex-wrap:wrap}.me-radio-option{display:flex;align-items:center;gap:6px;cursor:pointer}.me-radio-option input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.me-radio-label{font-size:14px;color:#374151}.me-performance-options{gap:20px}.me-beneficiary-target{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.me-target-item{display:flex;flex-direction:column;gap:4px}.me-target-item label{font-weight:500;color:#374151;font-size:13px}.me-target-item input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.me-target-item input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.me-target-item input[readonly]{background:#f8fafc;cursor:not-allowed}@media(max-width:600px){.me-beneficiary-target{grid-template-columns:1fr}}.me-btn-add{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:2px dashed #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;font-weight:500;font-size:13px;transition:all .3s ease;margin-top:8px}.me-btn-add:hover{border-color:#3b82f6;color:#3b82f6;background:#f0f7ff}.me-btn-remove{padding:4px 8px;background:#fee2e2;border:none;border-radius:4px;color:#dc2626;cursor:pointer;transition:all .2s ease}.me-btn-remove:hover{background:#fecaca;transform:scale(1.05)}.me-signature-container{margin-top:8px}.me-signature-container h4{margin:0 0 20px;color:#1a1a2e;font-size:18px;font-weight:600;text-align:center;padding-bottom:12px;border-bottom:2px solid #3b82f6}.me-signature-section{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:16px}.me-signature-section h5{margin:0 0 12px;color:#1a1a2e;font-size:15px;font-weight:600;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.me-signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.me-signature-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;width:100%}.me-signature-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.me-signature-placeholder{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;width:100%;background:#f8fafc;color:#64748b}.me-form-note{background:#fef3c7;border:1px solid #fde68a;border-radius:6px;padding:12px 16px;margin-top:16px}.me-form-note p{margin:0;color:#92400e;font-size:13px}@media(max-width:600px){.me-signature-grid{grid-template-columns:1fr}}.me-form-actions{margin-top:24px;padding-top:20px;border-top:1px solid #e0e0e0}.me-action-buttons{display:flex;justify-content:space-between;align-items:center}.me-right-actions{display:flex;gap:10px;align-items:center}@media(max-width:600px){.me-action-buttons{flex-direction:column;gap:12px}.me-right-actions{width:100%;justify-content:space-between}.me-right-actions .me-btn{flex:1;justify-content:center}}.me-table-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.me-table-container{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.me-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:12px;flex-shrink:0}.me-table-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,22px);font-weight:600;color:#1a1a2e;margin:0}.me-table-header h2 i{color:#3b82f6}.me-table-actions{display:flex;gap:8px;flex-wrap:wrap}.me-table-wrapper{overflow:auto;flex:1;padding:0 4px}.me-no-data{text-align:center;color:#9ca3af;padding:40px!important}.me-no-data i{font-size:32px;display:block;margin-bottom:8px;color:#d1d5db}.me-no-data p{margin:0;font-size:14px}.me-table-footer{padding:12px 20px;border-top:1px solid #e0e0e0;background:#fff;flex-shrink:0;display:flex;justify-content:flex-end}.me-status-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;display:inline-block}.me-period-badge{background:#dbeafe;color:#1e40af}.me-status-draft{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.me-status-submitted{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.me-status-approved{background:#dcfce7;color:#166534;border:1px solid #86efac}.me-status-rejected{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.me-action-buttons{display:flex;gap:4px}.me-icon-btn{background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.me-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.me-icon-view{color:#1976d2;background:#e3f2fd}.me-icon-view:hover{background:#bbdefb}.me-icon-edit{color:#d97706;background:#fef3c7}.me-icon-edit:hover{background:#fde68a}.me-icon-submit{color:#059669;background:#d1fae5}.me-icon-submit:hover{background:#a7f3d0}.me-icon-delete{color:#dc2626;background:#fee2e2}.me-icon-delete:hover{background:#fecaca}@media(max-width:768px){.me-page-header{flex-direction:column;align-items:flex-start;gap:12px}.me-page-header-right{width:100%;justify-content:flex-start}.me-table-header{flex-direction:column;align-items:flex-start}.me-table-actions{width:100%;justify-content:flex-start}.me-data-table{font-size:12px;min-width:600px}.me-quality-table{font-size:12px;min-width:400px}}@media(max-width:480px){.me-page{padding:10px 12px}.me-data-table{font-size:11px;min-width:500px}.me-quality-table{font-size:11px;min-width:350px}.me-table-container{width:100%;max-height:95vh}.me-radio-options{gap:10px}.me-performance-options{flex-direction:column;gap:6px}}@media(prefers-color-scheme:dark){.me-page{background:#1a1a2e}.me-page-header{border-color:#2d2d44}.me-page-header-left h2{color:#fff}.me-page-subtitle{color:#88a}.me-form{background:#2d2d44;border-color:#3d3d5c}.me-step-header h3{color:#fff}.me-step-header p{color:#88a}.me-form-group label{color:#fff}.me-form-group input,.me-form-group select,.me-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.me-form-group input:focus,.me-form-group select:focus,.me-form-group textarea:focus{border-color:#3b82f6}.me-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.me-btn-secondary:hover{background:#4d4d6c}.me-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.me-data-table thead th{color:#fff}.me-data-table tbody tr{border-color:#3d3d5c}.me-data-table tbody tr:hover{background-color:#3d3d5c}.me-data-table tbody td{color:#d0d0e0}.me-data-table input,.me-data-table select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.me-data-table input:focus,.me-data-table select:focus{border-color:#3b82f6}.me-total-row{background:#3d3d5c}.me-readonly-cell{color:#d0d0e0}.me-readonly-field{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.me-quality-table thead{background:#3d3d5c;border-color:#4d4d6c}.me-quality-table thead th{color:#fff}.me-quality-table tbody tr{border-color:#3d3d5c}.me-quality-table tbody td{color:#d0d0e0}.me-quality-table input[type=radio]{accent-color:#3b82f6}.me-radio-group p,.me-radio-label{color:#d0d0e0}.me-signature-section{background:#3d3d5c;border-color:#4d4d6c}.me-signature-section h5{color:#fff;border-color:#4d4d6c}.me-signature-input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.me-signature-input:focus{border-color:#3b82f6}.me-signature-placeholder{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.me-form-note{background:#5c3d1a;border-color:#7c5d2a}.me-form-note p{color:#fbbf24}.me-btn-add{border-color:#4d4d6c;color:#88a}.me-btn-add:hover{border-color:#3b82f6;color:#3b82f6;background:#1a2a4d}.me-table-container h4{color:#fff}.me-signature-container h4{color:#fff;border-color:#3b82f6}.me-objective-input label,.me-challenge-input label,.me-improvement-input label,.me-lesson-input label{color:#d0d0e0}.me-objective-input input,.me-challenge-input input,.me-improvement-input input,.me-lesson-input input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.me-objective-input input:focus,.me-challenge-input input:focus,.me-improvement-input input:focus,.me-lesson-input input:focus{border-color:#3b82f6}.me-target-item label{color:#d0d0e0}.me-target-item input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.me-target-item input:focus{border-color:#3b82f6}.me-target-item input[readonly]{background:#3d3d5c;color:#88a}.me-table-container{background:#2d2d44}.me-table-header{border-color:#3d3d5c}.me-table-header h2{color:#fff}.me-table-header h2 i{color:#3b82f6}.me-table-wrapper{background:#2d2d44}.me-table-footer{border-color:#4d4d6c;background:#2d2d44}.me-editing-badge{background:#5c3d1a;color:#fbbf24}.me-form-actions{border-color:#3d3d5c}.me-progress-steps .me-step-title{color:#666}.me-progress-steps .me-step.active .me-step-title{color:#3b82f6}.me-progress-steps .me-step.completed .me-step-title{color:#10b981}.me-loading-screen{color:#88a}.me-spinner{border-color:#3d3d5c;border-top-color:#3b82f6}}.pay-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.pay-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.pay-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.pay-page-header-left h2 i{color:#667eea}.pay-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.pay-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pay-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.pay-btn-primary{background:#667eea;color:#fff}.pay-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.pay-btn-success{background:#10b981;color:#fff}.pay-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.pay-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.pay-btn-secondary:hover{background:#e8e8e8;border-color:silver}.pay-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.pay-btn-outline:hover{background:#f8f9fa}.pay-btn-apply{background:#667eea;color:#fff}.pay-btn-apply:hover{background:#5a67d8}.pay-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.pay-btn-clear:hover{background:#e8e8e8}.pay-btn-sm{padding:4px 12px;font-size:12px}.pay-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.pay-btn-label{display:none}.pay-btn{padding:6px 10px}}.pay-progress-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative;padding:0 20px}.pay-progress-steps:before{content:"";position:absolute;top:20px;left:60px;right:60px;height:2px;background:#e2e8f0;z-index:1}.pay-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.pay-step-indicator{width:40px;height:40px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:3px solid white;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.pay-step.active .pay-step-indicator{background:#667eea;color:#fff;transform:scale(1.1)}.pay-step.completed .pay-step-indicator{background:#10b981;color:#fff}.pay-step-number{font-weight:600;color:#64748b}.pay-step.active .pay-step-number{color:#fff}.pay-step-title{font-size:14px;font-weight:500;color:#64748b;text-align:center}.pay-step.active .pay-step-title{color:#667eea;font-weight:600}.pay-step.completed .pay-step-title{color:#10b981}.pay-step-connector{position:absolute;top:20px;left:70px;right:-70px;height:2px;background:#e2e8f0;z-index:1}.pay-step.completed .pay-step-connector{background:#10b981}.pay-form{background:#fff;border-radius:8px;padding:clamp(16px,2vw,24px);border:1px solid #e0e0e0}.pay-step-content{margin-bottom:20px}.pay-step-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.pay-step-header h3{margin:0 0 8px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e}.pay-step-header p{margin:0;color:#666;font-size:14px}.pay-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media(max-width:600px){.pay-form-grid{grid-template-columns:1fr}}.pay-form-group{display:flex;flex-direction:column;gap:4px}.pay-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.pay-form-group input,.pay-form-group select,.pay-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.pay-form-group input:focus,.pay-form-group select:focus,.pay-form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pay-form-group textarea{resize:vertical;min-height:60px}.pay-full-width{grid-column:1 / -1}.pay-error-message{display:block;margin-top:4px;color:#ef4444;font-size:12px}.pay-error{border-color:#ef4444!important}.pay-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.pay-readonly{padding:8px 12px;background:#f3f4f6;border:1px solid #e0e0e0;border-radius:6px;color:#6b7280;font-size:clamp(13px,1.1vw,14px)}.pay-section-title{font-size:15px;font-weight:600;color:#1a1a2e;margin:12px 0 8px}.pay-employee-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:4px}.pay-employee-card h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#1a1a2e}.pay-employee-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pay-employee-item{display:flex;gap:8px;font-size:13px}.pay-employee-item span{color:#666}.pay-employee-item strong{color:#1a1a2e}.pay-summary-box{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-top:8px}.pay-summary-box h4{margin:0 0 12px;font-size:15px;font-weight:600;color:#1a1a2e}.pay-summary-highlight{background:linear-gradient(135deg,#f8fafc,#e8eaf6);border-left:4px solid #10b981}.pay-summary-final{background:linear-gradient(135deg,#f8fafc,#e0f2fe);border-left:4px solid #667eea}.pay-summary-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:13px}.pay-summary-item:last-child{border-bottom:none}.pay-summary-item strong{color:#1a1a2e}.pay-summary-item.pay-total{font-size:16px;font-weight:700;color:#10b981;padding-top:10px;border-top:2px solid #10b981}.pay-summary-item.pay-total strong{color:#10b981}.pay-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0;flex-wrap:wrap;gap:12px}.pay-left-actions{display:flex;gap:10px}.pay-right-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.pay-form-actions{flex-direction:column;align-items:stretch}.pay-left-actions,.pay-right-actions{flex-direction:column}.pay-left-actions button,.pay-right-actions button{width:100%;justify-content:center}}.pay-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.pay-modal-actions{display:flex;gap:8px}.pay-stats-row{display:flex;gap:30px;padding:12px 16px;background:#f8fafc;border-radius:8px;margin-bottom:16px}.pay-stat-item{display:flex;flex-direction:column}.pay-stat-item span{font-size:12px;color:#666}.pay-stat-item strong{font-size:18px;color:#1a1a2e}.pay-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.pay-icon-btn:hover{background-color:#f0f0f0}.pay-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.pay-icon-view{color:#1976d2}.pay-icon-view:hover{background-color:#e3f2fd}.pay-icon-expand{display:none;color:#666}.pay-icon-expand .pay-expanded{transform:rotate(180deg)}.pay-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.pay-expanded-row{background-color:#f8f9fa!important}.pay-expanded-row td{padding:12px 16px!important}.pay-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-expanded-item{display:flex;flex-direction:column;gap:2px}.pay-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.pay-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.pay-expanded-item .pay-status-badge{display:inline-block;width:fit-content}.pay-expanded-full{grid-column:1 / -1}@media(max-width:600px){.pay-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.pay-expanded-grid{grid-template-columns:1fr}}.pay-total-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;background:#e8eeff;border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.pay-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.pay-spinner{display:inline-block;width:20px;height:20px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:paySpin .8s linear infinite}@keyframes paySpin{to{transform:rotate(360deg)}}.pay-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1100}.pay-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:paySlideIn .3s ease}@keyframes paySlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.pay-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.pay-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.pay-side-header h3 i{color:#667eea}.pay-side-body{flex:1;overflow-y:auto;padding:20px 24px}.pay-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.pay-view-grid{display:flex;flex-direction:column;gap:16px}.pay-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.pay-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.pay-view-section h4 i{color:#667eea}.pay-view-row{display:flex;margin-bottom:8px}.pay-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.pay-view-value{flex:1;color:#1a1a2e;font-size:13px}@media(max-width:768px){.pay-page-header{flex-direction:column;align-items:flex-start;gap:12px}.pay-page-header-right{width:100%;justify-content:flex-start}.pay-progress-steps{flex-direction:column;gap:20px;padding:0}.pay-progress-steps:before,.pay-step-connector{display:none}.pay-step{flex-direction:row;gap:12px;width:100%}.pay-step-indicator{margin-bottom:0;width:32px;height:32px}.pay-modal-header{flex-direction:column;gap:12px;align-items:flex-start}.pay-modal-actions{width:100%;justify-content:flex-start}.pay-side-container{width:100%;max-width:100%}.pay-filter-row{grid-template-columns:1fr 1fr}.pay-icon-expand{display:inline-flex}.pay-data-table{font-size:12px;min-width:650px}.pay-data-table thead th,.pay-data-table tbody td{padding:8px 10px}.pay-form-grid,.pay-employee-grid{grid-template-columns:1fr}.pay-stats-row{flex-direction:column;gap:12px}.pay-modal-container{width:100%;max-height:95vh}}@media(max-width:480px){.pay-page{padding:10px 12px}.pay-data-table{font-size:11px;min-width:550px}.pay-data-table thead th,.pay-data-table tbody td{padding:6px 8px}.pay-filter-row,.pay-expanded-grid{grid-template-columns:1fr}.pay-view-row{flex-direction:column}.pay-view-label{width:100%;margin-bottom:2px}}@media(prefers-color-scheme:dark){.pay-page{background:#1a1a2e}.pay-page-header{border-color:#2d2d44}.pay-page-header-left h2{color:#fff}.pay-page-subtitle{color:#88a}.pay-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pay-btn-secondary:hover{background:#4d4d6c}.pay-btn-outline{border-color:#4d4d6c;color:#fff}.pay-btn-outline:hover{background:#3d3d5c}.pay-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pay-btn-clear:hover{background:#4d4d6c}.pay-form{background:#2d2d44;border-color:#3d3d5c}.pay-step-header{border-color:#3d3d5c}.pay-step-header h3{color:#fff}.pay-step-header p{color:#88a}.pay-form-group label{color:#fff}.pay-form-group input,.pay-form-group select,.pay-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pay-form-group input:focus,.pay-form-group select:focus,.pay-form-group textarea:focus{border-color:#89f}.pay-readonly{background:#3d3d5c;color:#88a}.pay-section-title{color:#fff}.pay-employee-card{background:#3d3d5c;border-color:#4d4d6c}.pay-employee-card h4{color:#fff}.pay-employee-item span{color:#88a}.pay-employee-item strong{color:#d0d0e0}.pay-summary-box{background:#3d3d5c;border-color:#4d4d6c}.pay-summary-box h4{color:#fff}.pay-summary-highlight{background:#1a3d3d;border-color:#34d399}.pay-summary-final{background:#1a2a5c;border-color:#89f}.pay-summary-item{border-color:#3d3d5c}.pay-summary-item strong{color:#d0d0e0}.pay-summary-item.pay-total{border-color:#34d399}.pay-summary-item.pay-total strong{color:#34d399}.pay-modal-container{background:#2d2d44}.pay-modal-header{border-color:#3d3d5c}.pay-modal-header h3{color:#fff}.pay-modal-close{color:#88a}.pay-modal-close:hover{background-color:#3d3d5c;color:#fff}.pay-modal-footer{border-color:#3d3d5c}.pay-stats-row{background:#3d3d5c}.pay-stat-item span{color:#88a}.pay-stat-item strong{color:#fff}.pay-data-table{background:#2d2d44}.pay-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.pay-data-table thead th{color:#fff;background:#3d3d5c}.pay-data-table tbody tr{border-color:#3d3d5c}.pay-data-table tbody tr:hover{background-color:#3d3d5c}.pay-data-table tbody td{color:#d0d0e0}.pay-amount{color:#34d399}.pay-status-pending{background:#5c3d1a;color:#fbbf24}.pay-status-calculated{background:#1a2a5c;color:#60a5fa}.pay-status-approved,.pay-status-paid{background:#1a4d3d;color:#34d399}.pay-status-failed{background:#5c1a1a;color:#f87171}.pay-status-cancelled{background:#3d3d5c;color:#88a}.pay-icon-btn{color:#88a}.pay-icon-btn:hover{background-color:#3d3d5c}.pay-icon-view{color:#60a5fa}.pay-icon-view:hover{background-color:#1a2a5c}.pay-expanded-row{background-color:#3d3d5c!important}.pay-expanded-item label{color:#88a}.pay-expanded-item span{color:#fff}.pay-total-badge{background:#1a2a5c;color:#89f}.pay-side-container{background:#2d2d44}.pay-side-header{border-color:#3d3d5c}.pay-side-header h3{color:#fff}.pay-side-footer,.pay-view-section{border-color:#3d3d5c}.pay-view-section h4{color:#fff;border-color:#3d3d5c}.pay-view-label{color:#88a}.pay-view-value{color:#d0d0e0}.pay-progress-steps:before{background:#3d3d5c}.pay-step-indicator{background:#3d3d5c}.pay-step-title{color:#88a}.pay-step.active .pay-step-title{color:#89f}.pay-step.completed .pay-step-title{color:#34d399}.pay-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.pay-search-input{color:#fff}.pay-search-input::placeholder{color:#88a}.pay-search-icon{color:#88a}.pay-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pay-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.pay-stats-badge{background:#3d3d5c;color:#88a}.pay-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.pay-filter-group label{color:#fff}.pay-filter-group select,.pay-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.pay-spinner{border-color:#3d3d5c;border-top-color:#89f}}.pay-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pay-modal-container{background:#fff;border-radius:12px;width:95%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.pay-modal-large{max-width:900px}.pay-modal-xl{max-width:1200px}.pay-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0;flex-wrap:wrap;gap:12px}.pay-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.pay-modal-header h3 i{color:#667eea}.pay-modal-actions{display:flex;gap:8px;flex-wrap:wrap}.pay-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center}.pay-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.pay-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.pay-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:10px}.pay-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;padding:16px 20px;background:#f8fafc;border-radius:8px;margin-bottom:16px;border:1px solid #e0e0e0}.pay-stat-item{display:flex;flex-direction:column;text-align:center}.pay-stat-item span{font-size:12px;color:#666;font-weight:500}.pay-stat-item strong{font-size:20px;color:#1a1a2e;font-weight:700}.pay-table-wrapper{overflow-x:auto;width:100%}.pay-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:700px}.pay-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.pay-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.pay-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.pay-data-table tbody tr:hover{background-color:#fafbff}.pay-data-table tbody tr:last-child{border-bottom:none}.pay-data-table tbody td{padding:10px 14px;vertical-align:middle}.pay-data-table tfoot tr{background:#f0f4ff;font-weight:700}.pay-total-row td{padding:10px 14px;border-top:2px solid #667eea}.text-right{text-align:right!important}.pay-amount{font-weight:600;color:#059669}.pay-net{color:#667eea}.pay-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.pay-status-pending{background:#fef3c7;color:#d97706}.pay-status-calculated{background:#dbeafe;color:#2563eb}.pay-status-approved,.pay-status-paid{background:#d1fae5;color:#059669}.pay-status-failed{background:#fee2e2;color:#dc2626}.pay-status-cancelled{background:#e2e8f0;color:#475569}.pay-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap;width:100%;border-bottom:1px solid #f0f0f0}.pay-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.pay-search-input-wrapper:focus-within{border-color:#667eea}.pay-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.pay-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.pay-search-input::placeholder{color:#999}.pay-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.pay-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.pay-filter-toggle:hover{background-color:#e8e8e8}.pay-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.pay-stats-badge{background-color:#f8f9fa;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap}.pay-filter-panel{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:16px 20px;width:100%}.pay-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.pay-filter-group{display:flex;flex-direction:column;gap:4px}.pay-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.pay-filter-group select,.pay-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.pay-filter-group select:focus,.pay-filter-group input:focus{outline:none;border-color:#667eea}.pay-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}@media(max-width:768px){.pay-modal-header{flex-direction:column;align-items:flex-start}.pay-modal-actions{width:100%;justify-content:flex-start}.pay-stats-row{grid-template-columns:repeat(2,1fr)}.pay-data-table{font-size:12px;min-width:650px}.pay-modal-container{width:100%;max-height:95vh}}@media(max-width:480px){.pay-stats-row{grid-template-columns:1fr}.pay-data-table{font-size:11px;min-width:550px}.pay-filter-row{grid-template-columns:1fr}}.erp-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.erp-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:#6b7280}.erp-loading-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:erpSpin 1s linear infinite}@keyframes erpSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.erp-notification{position:fixed;top:20px;right:20px;padding:14px 24px;border-radius:8px;color:#fff;z-index:1000;animation:erpSlideIn .3s ease;max-width:400px;box-shadow:0 4px 12px #00000026;font-weight:500}@keyframes erpSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.erp-notification-success{background:linear-gradient(135deg,#10b981,#059669)}.erp-notification-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.erp-notification-error{background:linear-gradient(135deg,#ef4444,#dc2626)}.erp-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.erp-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.erp-page-header-left h2 i{color:#667eea}.erp-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.erp-data-error{margin-top:8px;padding:8px 14px;background:#fee2e2;border-radius:6px;color:#dc2626;display:flex;align-items:center;gap:8px;font-size:13px}.erp-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.erp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.erp-btn-primary{background:#667eea;color:#fff}.erp-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.erp-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.erp-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.erp-btn-sm{padding:4px 12px;font-size:12px}.erp-btn:disabled{opacity:.6;cursor:not-allowed}.erp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.erp-stat-card{background:#fff;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;border:1px solid #e0e0e0;transition:all .2s}.erp-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.erp-stat-primary{border-left:4px solid #667eea}.erp-stat-success{border-left:4px solid #10b981}.erp-stat-warning{border-left:4px solid #f59e0b}.erp-stat-info{border-left:4px solid #8b5cf6}.erp-stat-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#667eea1a;color:#667eea}.erp-stat-success .erp-stat-icon{background:#10b9811a;color:#10b981}.erp-stat-warning .erp-stat-icon{background:#f59e0b1a;color:#f59e0b}.erp-stat-info .erp-stat-icon{background:#8b5cf61a;color:#8b5cf6}.erp-stat-content{flex:1}.erp-stat-value{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.erp-stat-label{font-size:13px;color:#6b7280}.erp-main-content{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden}.erp-tabs-container{display:flex;flex-direction:column}.erp-tabs{display:flex;gap:2px;border-bottom:2px solid #e0e0e0;padding:0 16px;flex-wrap:wrap;background:#f8fafc}.erp-tab{padding:10px 20px;border:none;background:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px 6px 0 0;transition:all .2s;display:flex;align-items:center;gap:6px;margin-bottom:-2px}.erp-tab:hover{color:#667eea;background:#667eea0d}.erp-tab.erp-active{color:#667eea;background:#fff;border-bottom:2px solid #667eea}.erp-filter-bar{display:flex;gap:12px;align-items:center;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e0e0e0;flex-wrap:wrap}.erp-search-box{flex:1;min-width:200px;position:relative}.erp-search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.erp-search-box input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.erp-search-box input:focus{border-color:#667eea;outline:none}.erp-filter-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;min-width:120px}.erp-filter-select:focus{border-color:#667eea;outline:none}.erp-table-container{padding:16px}.erp-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}.erp-table-header h3{margin:0;color:#1a1a2e;font-size:18px;font-weight:600}.erp-table-responsive{overflow-x:auto}.erp-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.erp-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.erp-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.erp-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.erp-data-table tbody tr:hover{background-color:#fafbff}.erp-data-table tbody td{padding:10px 14px;vertical-align:middle}.erp-col-actions{min-width:120px!important;text-align:center!important}.erp-employee-cell{display:flex;align-items:center;gap:10px}.erp-avatar-small{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.erp-employee-name{font-weight:600;color:#1a1a2e}.erp-employee-details-small{display:flex;gap:8px;font-size:12px;color:#6b7280}.erp-employee-id{background:#f1f5f9;padding:0 6px;border-radius:4px;font-family:monospace}.erp-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.erp-status-success{background:#dcfce7;color:#166534}.erp-status-warning{background:#fef3c7;color:#92400e}.erp-status-error{background:#fee2e2;color:#991b1b}.erp-status-default{background:#f3f4f6;color:#6b7280}.erp-active{background:#dcfce7;color:#166534}.erp-inactive{background:#f3f4f6;color:#6b7280}.erp-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.erp-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.erp-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.erp-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.erp-icon-btn:disabled{opacity:.4;cursor:not-allowed}.erp-promote-btn{color:#10b981}.erp-promote-btn:hover:not(:disabled){background-color:#d1fae5}.erp-view-btn{color:#667eea}.erp-view-btn:hover:not(:disabled){background-color:#e8eeff}.erp-success-btn{color:#10b981}.erp-success-btn:hover:not(:disabled){background-color:#d1fae5}.erp-error-btn{color:#ef4444}.erp-error-btn:hover:not(:disabled){background-color:#fee2e2}.erp-expanded-row{background:#f8fafc}.erp-expanded-details{padding:16px 20px;border-top:1px solid #e0e0e0}.erp-expanded-section{margin-bottom:16px}.erp-expanded-section h4{margin:0 0 12px;color:#374151;font-size:14px;font-weight:600}.erp-contact-info{display:flex;gap:20px;flex-wrap:wrap}.erp-contact-item{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px}.erp-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.erp-detail-item{display:flex;flex-direction:column;gap:2px}.erp-detail-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.erp-detail-value{font-size:14px;color:#1a1a2e;font-weight:500}.erp-expanded-actions{display:flex;gap:10px;padding-top:12px;border-top:1px solid #e0e0e0;flex-wrap:wrap}.erp-roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px}.erp-role-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .2s}.erp-role-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#667eea}.erp-role-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.erp-role-header h3{margin:0;color:#1a1a2e;font-size:17px;font-weight:600}.erp-role-tag{background:#f3f4f6;color:#6b7280;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.erp-role-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 12px}.erp-role-divider{height:1px;background:#e0e0e0;margin:12px 0}.erp-role-details{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.erp-detail-row{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:13px}.erp-permissions{margin-top:8px}.erp-permissions-label{display:block;font-size:11px;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.erp-permissions-grid{display:flex;flex-wrap:wrap;gap:6px}.erp-permission-badge{background:#667eea1a;color:#667eea;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500}.erp-permission-badge.erp-small{padding:1px 8px;font-size:10px}.erp-full-width{width:100%}.erp-departments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px}.erp-department-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:all .2s}.erp-department-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.erp-department-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.erp-department-header h3{margin:0;color:#1a1a2e;font-size:17px;font-weight:600}.erp-dept-code{background:#667eea;color:#fff;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600}.erp-department-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 12px}.erp-department-divider{height:1px;background:#e0e0e0;margin:12px 0}.erp-department-details{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.erp-department-actions{display:flex;gap:10px;flex-wrap:wrap}.erp-empty-state{text-align:center;padding:40px 20px;color:#6b7280}.erp-empty-icon{font-size:48px;color:#e0e0e0;display:block;margin-bottom:12px}.erp-empty-state h4{margin:0 0 6px;color:#374151;font-size:17px}.erp-empty-state p{margin:0;font-size:14px}.erp-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.erp-dialog{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.erp-dialog-header{padding:16px 24px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.erp-dialog-header h2{margin:0;color:#1a1a2e;font-size:19px;font-weight:600}.erp-dialog-subtitle{display:block;font-size:13px;color:#6b7280;margin-top:2px;font-weight:400}.erp-dialog-close{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.erp-dialog-close:hover{background:#f0f0f0;color:#1a1a2e}.erp-dialog-body{padding:20px 24px;overflow-y:auto}.erp-dialog-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.erp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.erp-form-group{display:flex;flex-direction:column;gap:4px}.erp-form-group label{font-size:13px;font-weight:500;color:#374151}.erp-form-group input,.erp-form-group select,.erp-form-group textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s}.erp-form-group input:focus,.erp-form-group select:focus,.erp-form-group textarea:focus{border-color:#667eea;outline:none}.erp-form-group textarea{resize:vertical;min-height:60px}.erp-full-width{grid-column:1 / -1}.erp-required{color:#ef4444}.erp-input-with-prefix{position:relative}.erp-input-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:13px}.erp-input-with-prefix input{padding-left:48px;width:100%}.erp-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer}.erp-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#667eea}.erp-permissions-checkboxes{display:flex;flex-direction:column;gap:8px}.erp-bold{font-weight:600}.erp-primary{color:#667eea}.erp-role-badge{display:inline-block;padding:2px 10px;background:#f3f4f6;border-radius:4px;font-size:12px;font-weight:500;color:#374151}.erp-role-badge.erp-primary{background:#e8eeff;color:#667eea}.erp-dept-badge{display:inline-block;padding:2px 10px;background:#f3f4f6;border-radius:4px;font-size:12px;font-weight:500;color:#374151}.erp-promotion-to{display:flex;align-items:center;gap:6px}.erp-salary-increase{display:flex;flex-direction:column}.erp-increase-amount{font-weight:600;color:#10b981}.erp-new-salary{font-size:11px;color:#6b7280}.erp-date-cell{display:flex;flex-direction:column;font-size:13px}.erp-date-sub{font-size:11px;color:#6b7280}.erp-experience{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280;margin-top:2px}.erp-manager-cell{display:flex;align-items:center;gap:10px}.erp-manager-name{font-weight:600;color:#1a1a2e}.erp-manager-email{font-size:12px;color:#6b7280}.erp-permissions-badges{display:flex;gap:4px;flex-wrap:wrap}.erp-team-size{font-weight:600;color:#667eea}@media(prefers-color-scheme:dark){.erp-page{background:#1a1a2e}.erp-page-header{border-color:#2d2d44}.erp-page-header-left h2{color:#fff}.erp-page-subtitle{color:#88a}.erp-data-error{background:#5c1a1a;color:#f87171}.erp-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.erp-btn-secondary:hover:not(:disabled){background:#4d4d6c}.erp-stat-card{background:#2d2d44;border-color:#3d3d5c}.erp-stat-value{color:#fff}.erp-stat-label{color:#88a}.erp-main-content{background:#2d2d44;border-color:#3d3d5c}.erp-tabs{background:#3d3d5c;border-color:#4d4d6c}.erp-tab{color:#88a}.erp-tab:hover{color:#89f;background:#667eea1a}.erp-tab.erp-active{color:#89f;background:#2d2d44;border-color:#89f}.erp-filter-bar{background:#3d3d5c;border-color:#4d4d6c}.erp-search-box input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.erp-search-box input:focus{border-color:#89f}.erp-filter-select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.erp-filter-select:focus{border-color:#89f}.erp-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.erp-data-table thead th{color:#fff;background:#3d3d5c}.erp-data-table tbody tr{border-color:#3d3d5c}.erp-data-table tbody tr:hover{background-color:#3d3d5c}.erp-data-table tbody td{color:#d0d0e0}.erp-employee-name{color:#fff}.erp-employee-details-small{color:#88a}.erp-employee-id{background:#4d4d6c;color:#88a}.erp-status-success{background:#1a3d2d;color:#6ee7b7}.erp-status-warning{background:#5c3d1a;color:#fbbf24}.erp-status-error{background:#5c1a1a;color:#f87171}.erp-status-default{background:#3d3d5c;color:#88a}.erp-active{background:#1a3d2d;color:#6ee7b7}.erp-inactive{background:#3d3d5c;color:#88a}.erp-icon-btn{color:#88a}.erp-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.erp-promote-btn{color:#6ee7b7}.erp-promote-btn:hover:not(:disabled){background-color:#1a3d2d}.erp-view-btn{color:#89f}.erp-view-btn:hover:not(:disabled){background-color:#1a2a5c}.erp-success-btn{color:#6ee7b7}.erp-success-btn:hover:not(:disabled){background-color:#1a3d2d}.erp-error-btn{color:#f87171}.erp-error-btn:hover:not(:disabled){background-color:#5c1a1a}.erp-expanded-row{background:#3d3d5c}.erp-expanded-section h4{color:#fff}.erp-detail-label{color:#88a}.erp-detail-value{color:#d0d0e0}.erp-role-card{background:#2d2d44;border-color:#3d3d5c}.erp-role-card:hover{border-color:#89f}.erp-role-header h3{color:#fff}.erp-role-tag{background:#3d3d5c;color:#88a}.erp-role-description{color:#88a}.erp-role-divider{background:#4d4d6c}.erp-detail-row,.erp-permissions-label{color:#88a}.erp-permission-badge{background:#667eea33;color:#89f}.erp-department-card{background:#2d2d44;border-color:#3d3d5c}.erp-department-header h3{color:#fff}.erp-department-description{color:#88a}.erp-department-divider{background:#4d4d6c}.erp-dialog{background:#2d2d44}.erp-dialog-header{border-color:#3d3d5c}.erp-dialog-header h2{color:#fff}.erp-dialog-close{color:#88a}.erp-dialog-close:hover{background-color:#3d3d5c;color:#fff}.erp-dialog-footer{border-color:#3d3d5c}.erp-form-group label{color:#fff}.erp-form-group input,.erp-form-group select,.erp-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.erp-form-group input:focus,.erp-form-group select:focus,.erp-form-group textarea:focus{border-color:#89f}.erp-required{color:#f87171}.erp-role-badge{background:#3d3d5c;color:#88a}.erp-role-badge.erp-primary{background:#1a2a5c;color:#89f}.erp-dept-badge{background:#3d3d5c;color:#88a}.erp-increase-amount{color:#6ee7b7}.erp-new-salary,.erp-date-sub,.erp-experience{color:#88a}.erp-manager-name{color:#fff}.erp-manager-email{color:#88a}.erp-team-size{color:#89f}.erp-empty-state h4{color:#fff}.erp-empty-state p{color:#88a}.erp-empty-icon{color:#3d3d5c}.erp-loading-container{color:#88a}.erp-loading-spinner{border-color:#3d3d5c;border-top-color:#89f}.erp-notification{box-shadow:0 4px 12px #0000004d}.erp-checkbox-label{color:#d0d0e0}.erp-checkbox-label input[type=checkbox]{accent-color:#8899ff}.erp-permission-badge.erp-small{background:#667eea33;color:#89f}}@media(max-width:768px){.erp-page{padding:12px 16px}.erp-page-header{flex-direction:column;align-items:flex-start}.erp-page-header-right{width:100%;justify-content:flex-start}.erp-stats-grid{grid-template-columns:repeat(2,1fr)}.erp-tabs{overflow-x:auto;flex-wrap:nowrap;padding:0 8px}.erp-tab{white-space:nowrap;padding:8px 14px;font-size:13px}.erp-filter-bar{flex-direction:column;align-items:stretch}.erp-search-box,.erp-filter-select{min-width:100%}.erp-form-grid{grid-template-columns:1fr}.erp-dialog{width:95%;margin:10px}.erp-roles-grid,.erp-departments-grid{grid-template-columns:1fr}.erp-expanded-actions{flex-direction:column}.erp-table-header{flex-direction:column;align-items:stretch}.erp-data-table{font-size:12px;min-width:700px}.erp-data-table thead th,.erp-data-table tbody td{padding:6px 8px}.erp-col-actions{min-width:100px!important}}@media(max-width:480px){.erp-stats-grid{grid-template-columns:1fr}.erp-page-header-left h2{font-size:20px}.erp-btn{padding:6px 12px;font-size:12px}.erp-dialog-body{padding:16px}.erp-dialog-footer{flex-direction:column}.erp-dialog-footer .erp-btn{width:100%;justify-content:center}.erp-expanded-details{padding:12px}.erp-details-grid{grid-template-columns:1fr}.erp-contact-info{flex-direction:column;gap:8px}}.frp-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.frp-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:#6b7280}.frp-loading-spinner{display:inline-block;width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:frpSpin 1s linear infinite}@keyframes frpSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.frp-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.frp-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.frp-page-header-left h2 i{color:#667eea}.frp-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.frp-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.frp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.frp-btn-primary{background:#667eea;color:#fff}.frp-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.frp-btn-success{background:#10b981;color:#fff}.frp-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.frp-btn-danger{background:#ef4444;color:#fff}.frp-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.frp-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.frp-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.frp-btn:disabled{opacity:.6;cursor:not-allowed}.frp-btn-label{display:inline}@media(max-width:480px){.frp-btn-label{display:none}.frp-btn{padding:6px 10px}}.frp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.frp-stat-card{background:#fff;border-radius:8px;padding:14px 18px;display:flex;align-items:center;gap:12px;border:1px solid #e0e0e0;transition:all .2s}.frp-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.frp-stat-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#667eea1a;color:#667eea;flex-shrink:0}.frp-stat-warning .frp-stat-icon{background:#f59e0b1a;color:#f59e0b}.frp-stat-info .frp-stat-icon{background:#3b82f61a;color:#3b82f6}.frp-stat-success .frp-stat-icon{background:#10b9811a;color:#10b981}.frp-stat-danger .frp-stat-icon{background:#ef44441a;color:#ef4444}.frp-stat-content{flex:1;display:flex;flex-direction:column}.frp-stat-value{font-size:20px;font-weight:700;color:#1a1a2e;line-height:1.2}.frp-stat-label{font-size:12px;color:#6b7280}.frp-filters-section{display:flex;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;margin-bottom:20px;border:1px solid #e0e0e0;flex-wrap:wrap;align-items:center}.frp-search-box{flex:1;min-width:200px;position:relative}.frp-search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.frp-search-box input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.frp-search-box input:focus{border-color:#667eea;outline:none}.frp-status-filter select{padding:8px 32px 8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;min-width:140px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.frp-status-filter select:focus{border-color:#667eea;outline:none}.frp-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden}.frp-table-responsive{overflow-x:auto}.frp-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.frp-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.frp-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.frp-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.frp-data-table tbody tr:hover{background-color:#fafbff}.frp-data-table tbody td{padding:10px 14px;vertical-align:middle}.frp-col-actions{min-width:180px!important;text-align:center!important}.frp-title-cell{max-width:250px}.frp-title-cell strong{display:block;color:#1a1a2e}.frp-title-cell small{font-size:11px;color:#94a3b8}.frp-budget-cell{font-weight:600;color:#059669}.frp-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.frp-status-draft{background:#e2e8f0;color:#475569}.frp-status-submitted{background:#dbeafe;color:#2563eb}.frp-status-reviewed{background:#fed7aa;color:#c2410c}.frp-status-approved{background:#dcfce7;color:#166534}.frp-status-rejected{background:#fee2e2;color:#991b1b}.frp-status-archived{background:#fef3c7;color:#92400e}.frp-priority-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.frp-priority-low{background:#e2e8f0;color:#475569}.frp-priority-medium{background:#fef3c7;color:#92400e}.frp-priority-high{background:#fee2e2;color:#991b1b}.frp-priority-critical{background:#dc2626;color:#fff}.frp-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center;flex-wrap:wrap}.frp-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.frp-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.frp-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.frp-icon-btn:disabled{opacity:.4;cursor:not-allowed}.frp-icon-view{color:#1976d2}.frp-icon-view:hover:not(:disabled){background-color:#e3f2fd}.frp-action-btn{padding:4px 10px;border:none;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.frp-action-btn i{font-size:13px}.frp-action-btn:hover{transform:translateY(-1px)}.frp-btn-review{background:#dbeafe;color:#2563eb}.frp-btn-review:hover{background:#bfdbfe}.frp-btn-approve{background:#dcfce7;color:#166534}.frp-btn-approve:hover{background:#bbf7d0}.frp-btn-reject{background:#fee2e2;color:#991b1b}.frp-btn-reject:hover{background:#fecaca}.frp-btn-resubmit{background:#fef3c7;color:#92400e}.frp-btn-resubmit:hover{background:#fde68a}.frp-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #e0e0e0;flex-wrap:wrap}.frp-pagination-btn{padding:6px 14px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;color:#1a1a2e}.frp-pagination-btn:hover:not(:disabled){background:#f8fafc}.frp-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.frp-page-numbers{display:flex;gap:4px}.frp-page-btn{padding:6px 12px;border:1px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s;min-width:34px}.frp-page-btn:hover:not(.frp-active){background:#f8fafc}.frp-page-btn.frp-active{background:#667eea;color:#fff;border-color:#667eea}.frp-page-info{font-size:13px;color:#6b7280}.frp-loading-spinner{text-align:center;padding:60px;color:#6b7280}.frp-loading-spinner .frp-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:frpSpin 1s linear infinite;display:inline-block}.frp-error-state,.frp-empty-state{text-align:center;padding:60px 20px;color:#6b7280}.frp-error-state i,.frp-empty-state i{font-size:48px;color:#e0e0e0;display:block;margin-bottom:16px}.frp-error-state h4,.frp-empty-state h4{color:#374151;margin-bottom:8px}.frp-text-muted{font-size:12px;color:#94a3b8}.frp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.frp-modal-container{background:#fff;border-radius:12px;width:95%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.frp-review-modal{max-width:600px}.frp-details-modal{max-width:800px}.frp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.frp-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.frp-modal-header h3 i{color:#667eea}.frp-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.frp-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.frp-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.frp-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.frp-plan-summary{background:#f8fafc;border-radius:8px;padding:14px 16px;margin-bottom:20px;border:1px solid #e0e0e0}.frp-summary-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.frp-summary-row:last-child{border-bottom:none}.frp-summary-label{font-weight:500;color:#4a5568}.frp-summary-value{color:#1a1a2e;font-weight:500}.frp-form-group{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.frp-form-group label{font-size:13px;font-weight:500;color:#374151}.frp-form-group textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;resize:vertical;font-family:inherit;min-height:80px}.frp-form-group textarea:focus{border-color:#667eea;outline:none}.frp-required{color:#ef4444}.frp-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.frp-details-grid{grid-template-columns:1fr}}.frp-detail-section{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.frp-detail-section.frp-full-width{grid-column:1 / -1}.frp-detail-section h4{margin:0 0 12px;color:#1a1a2e;font-size:14px;border-bottom:2px solid #667eea;padding-bottom:6px}.frp-detail-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:13px}.frp-detail-row:last-child{border-bottom:none}.frp-detail-row.frp-full-width{flex-direction:column}.frp-detail-label{width:120px;font-weight:600;color:#4a5568;flex-shrink:0}.frp-detail-value{flex:1;color:#1a1a2e}.frp-detail-row.frp-full-width .frp-detail-label{width:100%;margin-bottom:4px}.frp-review-notes-box,.frp-rejection-reason-box{background:#f1f5f9;padding:10px 12px;border-radius:6px;font-size:13px;line-height:1.5;color:#334155;white-space:pre-wrap}@media(prefers-color-scheme:dark){.frp-page{background:#1a1a2e}.frp-page-header{border-color:#2d2d44}.frp-page-header-left h2{color:#fff}.frp-page-subtitle{color:#88a}.frp-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.frp-btn-secondary:hover:not(:disabled){background:#4d4d6c}.frp-stat-card{background:#2d2d44;border-color:#3d3d5c}.frp-stat-value{color:#fff}.frp-stat-label{color:#88a}.frp-filters-section{background:#3d3d5c;border-color:#4d4d6c}.frp-search-box input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.frp-search-box input:focus{border-color:#89f}.frp-status-filter select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.frp-status-filter select:focus{border-color:#89f}.frp-table-container{background:#2d2d44;border-color:#3d3d5c}.frp-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.frp-data-table thead th{color:#fff;background:#3d3d5c}.frp-data-table tbody tr{border-color:#3d3d5c}.frp-data-table tbody tr:hover{background-color:#3d3d5c}.frp-data-table tbody td{color:#d0d0e0}.frp-title-cell strong{color:#fff}.frp-title-cell small{color:#88a}.frp-budget-cell{color:#6ee7b7}.frp-status-draft{background:#3d3d5c;color:#88a}.frp-status-submitted{background:#1a2a5c;color:#93bbff}.frp-status-reviewed{background:#5c3d1a;color:#fbbf24}.frp-status-approved{background:#1a3d2d;color:#6ee7b7}.frp-status-rejected{background:#5c1a1a;color:#f87171}.frp-status-archived{background:#5c3d1a;color:#fbbf24}.frp-priority-low{background:#3d3d5c;color:#88a}.frp-priority-medium{background:#5c3d1a;color:#fbbf24}.frp-priority-high{background:#5c1a1a;color:#f87171}.frp-priority-critical{background:#dc2626;color:#fff}.frp-icon-btn{color:#88a}.frp-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.frp-icon-view{color:#60a5fa}.frp-icon-view:hover:not(:disabled){background-color:#1a2a5c}.frp-btn-review{background:#1a2a5c;color:#93bbff}.frp-btn-review:hover{background:#1a3a7c}.frp-btn-approve{background:#1a3d2d;color:#6ee7b7}.frp-btn-approve:hover{background:#1a5d3d}.frp-btn-reject{background:#5c1a1a;color:#f87171}.frp-btn-reject:hover{background:#7c2a2a}.frp-btn-resubmit{background:#5c3d1a;color:#fbbf24}.frp-btn-resubmit:hover{background:#7c4d2a}.frp-pagination-btn{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.frp-pagination-btn:hover:not(:disabled){background:#4d4d6c}.frp-page-btn{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.frp-page-btn:hover:not(.frp-active){background:#4d4d6c}.frp-page-btn.frp-active{background:#89f;color:#1a1a2e}.frp-page-info{color:#88a}.frp-modal-container{background:#2d2d44}.frp-modal-header{border-color:#3d3d5c}.frp-modal-header h3{color:#fff}.frp-modal-close{color:#88a}.frp-modal-close:hover{background-color:#3d3d5c;color:#fff}.frp-modal-footer{border-color:#3d3d5c}.frp-plan-summary{background:#3d3d5c;border-color:#4d4d6c}.frp-summary-label{color:#88a}.frp-summary-value,.frp-form-group label{color:#fff}.frp-form-group textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.frp-form-group textarea:focus{border-color:#89f}.frp-detail-section{background:#3d3d5c;border-color:#4d4d6c}.frp-detail-section h4{color:#fff;border-color:#89f}.frp-detail-row{border-color:#4d4d6c}.frp-detail-label{color:#88a}.frp-detail-value{color:#d0d0e0}.frp-review-notes-box,.frp-rejection-reason-box{background:#4d4d6c;color:#d0d0e0}.frp-error-state h4,.frp-empty-state h4{color:#fff}.frp-error-state p,.frp-empty-state p{color:#88a}.frp-error-state i,.frp-empty-state i{color:#3d3d5c}.frp-loading-spinner{color:#88a}.frp-loading-spinner .frp-spinner{border-color:#3d3d5c;border-top-color:#89f}.frp-text-muted{color:#88a}}@media(max-width:768px){.frp-page{padding:12px 16px}.frp-page-header{flex-direction:column;align-items:flex-start}.frp-page-header-right{width:100%;justify-content:flex-start}.frp-stats-grid{grid-template-columns:repeat(2,1fr)}.frp-filters-section{flex-direction:column;align-items:stretch}.frp-search-box{min-width:100%}.frp-status-filter select{width:100%}.frp-data-table{font-size:12px;min-width:700px}.frp-data-table thead th,.frp-data-table tbody td{padding:6px 8px}.frp-col-actions{min-width:140px!important}.frp-action-buttons{flex-direction:column;align-items:center}.frp-pagination{flex-direction:column;gap:8px}.frp-page-numbers{order:2}.frp-pagination-btn{order:1}.frp-page-info{order:3}.frp-modal-container{width:95%;max-height:95vh}.frp-modal-footer{flex-direction:column}.frp-modal-footer .frp-btn{width:100%;justify-content:center}}@media(max-width:480px){.frp-stats-grid{grid-template-columns:1fr}.frp-page-header-left h2{font-size:20px}.frp-btn{padding:6px 12px;font-size:12px}.frp-detail-row{flex-direction:column}.frp-detail-label{width:100%}.frp-action-btn{font-size:10px;padding:3px 8px}.frp-action-btn i{font-size:11px}}.hod-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.hod-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.hod-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.hod-page-header-left h2 i{color:#667eea}.hod-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.hod-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.hod-super-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.hod-super-badge i{font-size:12px}.hod-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hod-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.hod-btn-primary{background:#667eea;color:#fff}.hod-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.hod-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.hod-btn-secondary:hover{background:#e8e8e8;border-color:silver}.hod-btn-approve{background:#10b981;color:#fff}.hod-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.hod-btn-reject{background:#ef4444;color:#fff}.hod-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.hod-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.hod-btn-label{display:none}.hod-btn{padding:6px 10px}}.hod-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.hod-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.hod-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.hod-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.hod-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.hod-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.hod-stat-total{background:linear-gradient(135deg,#667eea,#764ba2)}.hod-stat-content{display:flex;flex-direction:column}.hod-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.hod-stat-label{font-size:13px;color:#666}.hod-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.hod-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.hod-search-input-wrapper:focus-within{border-color:#667eea}.hod-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.hod-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.hod-search-input::placeholder{color:#999}.hod-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.hod-clear-search:hover{color:#1a1a2e}.hod-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.hod-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.hod-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.hod-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.hod-tab-btn.active{background:#667eea;color:#fff}.hod-tab-btn i{margin-right:4px}.hod-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.hod-table-wrapper{overflow-x:auto;width:100%}.hod-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.hod-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.hod-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.hod-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.hod-data-table tbody tr:hover{background-color:#fafbff}.hod-data-table tbody tr:last-child{border-bottom:none}.hod-data-table tbody td{padding:10px 14px;vertical-align:middle}.hod-col-actions{min-width:140px!important;text-align:center!important}.hod-ref-number{font-family:monospace;font-weight:500;color:#475569}.hod-amount{font-weight:600;color:#059669}.hod-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hod-status-draft{background:#e2e8f0;color:#475569}.hod-status-submitted{background:#fef3c7;color:#d97706}.hod-status-hod-approved{background:#dbeafe;color:#1e40af}.hod-status-finance-approved,.hod-status-approved{background:#d1fae5;color:#059669}.hod-status-rejected{background:#fee2e2;color:#dc2626}.hod-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.hod-icon-btn:hover{background-color:#f0f0f0}.hod-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.hod-icon-view{color:#1976d2}.hod-icon-view:hover{background-color:#e3f2fd}.hod-icon-approve{color:#10b981}.hod-icon-approve:hover{background-color:#d1fae5}.hod-icon-reject{color:#ef4444}.hod-icon-reject:hover{background-color:#fee2e2}.hod-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.hod-empty-state{text-align:center;padding:60px 20px;color:#666}.hod-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.hod-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.hod-empty-state p{margin:0;color:#666}.hod-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.hod-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.hod-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:hodSpin .8s linear infinite;margin-bottom:16px}@keyframes hodSpin{to{transform:rotate(360deg)}}.hod-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.hod-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.hod-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.hod-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.hod-modal-header h3 i{color:#667eea}.hod-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.hod-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.hod-modal-close i{font-size:20px;pointer-events:none}.hod-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.hod-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.hod-view-grid{display:flex;flex-direction:column;gap:16px}.hod-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.hod-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.hod-view-section h4 i{color:#667eea}.hod-view-row{display:flex;margin-bottom:8px;padding:4px 0}.hod-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.hod-view-full{flex-direction:column}.hod-view-full .hod-view-label{width:100%;margin-bottom:4px}.hod-form-group{display:flex;flex-direction:column;gap:6px}.hod-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.hod-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.hod-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.hod-expenses-table-wrapper{overflow-x:auto}.hod-expenses-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1vw,13px)}.hod-expenses-table th{background:#f8f9fa;padding:8px 12px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.hod-expenses-table td{padding:8px 12px;border-bottom:1px solid #f0f0f0}.hod-expenses-table tr:last-child td{border-bottom:none}@media(max-width:768px){.hod-page-header{flex-direction:column;align-items:flex-start;gap:12px}.hod-page-header-right{width:100%;justify-content:flex-start}.hod-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hod-data-table{font-size:12px;min-width:800px}.hod-data-table thead th,.hod-data-table tbody td{padding:8px 10px}.hod-col-actions{min-width:120px!important}.hod-modal-container{width:95%;margin:10px}.hod-modal-close{width:40px;height:40px;font-size:20px}.hod-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.hod-page{padding:10px 12px}.hod-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.hod-stat-card{padding:12px 14px}.hod-stat-number{font-size:18px}.hod-stat-icon{width:36px;height:36px;font-size:16px}.hod-data-table{font-size:11px;min-width:650px}.hod-data-table thead th,.hod-data-table tbody td{padding:6px 8px}.hod-col-actions{min-width:100px!important}.hod-view-row{flex-direction:column}.hod-view-label{width:100%;margin-bottom:2px}.hod-modal-close{width:36px;height:36px;font-size:18px}.hod-tabs-container{flex-direction:column;width:100%}.hod-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.hod-page{background:#1a1a2e}.hod-page-header{border-color:#2d2d44}.hod-page-header-left h2{color:#fff}.hod-page-subtitle{color:#88a}.hod-department-badge{background:linear-gradient(135deg,#10b981,#059669)}.hod-super-badge{background:linear-gradient(135deg,#667eea,#764ba2)}.hod-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.hod-btn-secondary:hover{background:#4d4d6c}.hod-stat-card{background:#2d2d44;border-color:#3d3d5c}.hod-stat-number{color:#fff}.hod-stat-label{color:#88a}.hod-search-bar{background:#2d2d44;border-color:#3d3d5c}.hod-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.hod-search-input{color:#fff}.hod-search-input::placeholder{color:#88a}.hod-search-icon{color:#88a}.hod-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.hod-tab-btn{color:#88a}.hod-tab-btn:hover{background:#4d4d6c;color:#fff}.hod-tab-btn.active{background:#667eea;color:#fff}.hod-table-container{background:#2d2d44;border-color:#3d3d5c}.hod-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.hod-data-table thead th{color:#fff;background:#3d3d5c}.hod-data-table tbody tr{border-color:#3d3d5c}.hod-data-table tbody tr:hover{background-color:#3d3d5c}.hod-data-table tbody td{color:#d0d0e0}.hod-ref-number{color:#88a}.hod-amount{color:#34d399}.hod-status-draft{background:#3d3d5c;color:#88a}.hod-status-submitted{background:#5c3d1a;color:#fbbf24}.hod-status-hod-approved{background:#1a2a5c;color:#60a5fa}.hod-status-finance-approved,.hod-status-approved{background:#1a4d3d;color:#34d399}.hod-status-rejected{background:#5c1a1a;color:#f87171}.hod-icon-btn{color:#88a}.hod-icon-btn:hover{background-color:#3d3d5c}.hod-icon-view{color:#60a5fa}.hod-icon-view:hover{background-color:#1a2a5c}.hod-icon-approve{color:#34d399}.hod-icon-approve:hover{background-color:#1a4d3d}.hod-icon-reject{color:#f87171}.hod-icon-reject:hover{background-color:#5c1a1a}.hod-empty-state h4{color:#fff}.hod-empty-state p{color:#88a}.hod-empty-icon{color:#3d3d5c}.hod-modal-container{background:#2d2d44}.hod-modal-header{border-color:#3d3d5c}.hod-modal-header h3{color:#fff}.hod-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.hod-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.hod-modal-footer{border-color:#3d3d5c}.hod-view-section{border-color:#3d3d5c;background:#22223a}.hod-view-section h4{color:#fff;border-color:#3d3d5c}.hod-view-label{color:#88a}.hod-form-group label{color:#fff}.hod-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.hod-textarea:focus{border-color:#667eea}.hod-expenses-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.hod-expenses-table td{border-color:#3d3d5c;color:#d0d0e0}.hod-spinner{border-color:#3d3d5c;border-top-color:#667eea}}.fin-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.fin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.fin-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.fin-page-header-left h2 i{color:#667eea}.fin-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.fin-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.fin-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fin-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.fin-btn-primary{background:#667eea;color:#fff}.fin-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.fin-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.fin-btn-secondary:hover{background:#e8e8e8;border-color:silver}.fin-btn-approve{background:#10b981;color:#fff}.fin-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.fin-btn-reject{background:#ef4444;color:#fff}.fin-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.fin-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.fin-btn-label{display:none}.fin-btn{padding:6px 10px}}.fin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.fin-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.fin-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.fin-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.fin-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.fin-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.fin-stat-total{background:linear-gradient(135deg,#667eea,#764ba2)}.fin-stat-content{display:flex;flex-direction:column}.fin-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.fin-stat-label{font-size:13px;color:#666}.fin-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.fin-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.fin-search-input-wrapper:focus-within{border-color:#667eea}.fin-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.fin-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.fin-search-input::placeholder{color:#999}.fin-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.fin-clear-search:hover{color:#1a1a2e}.fin-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.fin-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.fin-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.fin-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.fin-tab-btn.active{background:#667eea;color:#fff}.fin-tab-btn i{margin-right:4px}.fin-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.fin-table-wrapper{overflow-x:auto;width:100%}.fin-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.fin-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.fin-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.fin-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.fin-data-table tbody tr:hover{background-color:#fafbff}.fin-data-table tbody tr:last-child{border-bottom:none}.fin-data-table tbody td{padding:10px 14px;vertical-align:middle}.fin-col-actions{min-width:140px!important;text-align:center!important}.fin-ref-number{font-family:monospace;font-weight:500;color:#475569}.fin-amount{font-weight:600;color:#059669}.fin-amount-negative{font-weight:600;color:#dc2626}.fin-text-success{color:#059669}.fin-text-danger{color:#dc2626}.fin-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.fin-status-draft{background:#e2e8f0;color:#475569}.fin-status-submitted{background:#fef3c7;color:#d97706}.fin-status-hod-approved{background:#dbeafe;color:#1e40af}.fin-status-finance-approved,.fin-status-approved{background:#d1fae5;color:#059669}.fin-status-rejected{background:#fee2e2;color:#dc2626}.fin-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.fin-icon-btn:hover{background-color:#f0f0f0}.fin-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.fin-icon-view{color:#1976d2}.fin-icon-view:hover{background-color:#e3f2fd}.fin-icon-approve{color:#10b981}.fin-icon-approve:hover{background-color:#d1fae5}.fin-icon-reject{color:#ef4444}.fin-icon-reject:hover{background-color:#fee2e2}.fin-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.fin-empty-state{text-align:center;padding:60px 20px;color:#666}.fin-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.fin-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.fin-empty-state p{margin:0;color:#666}.fin-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.fin-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.fin-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:finSpin .8s linear infinite;margin-bottom:16px}@keyframes finSpin{to{transform:rotate(360deg)}}.fin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.fin-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.fin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.fin-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.fin-modal-header h3 i{color:#667eea}.fin-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.fin-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.fin-modal-close i{font-size:20px;pointer-events:none}.fin-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.fin-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.fin-view-grid{display:flex;flex-direction:column;gap:16px}.fin-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.fin-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.fin-view-section h4 i{color:#667eea}.fin-view-row{display:flex;margin-bottom:8px;padding:4px 0}.fin-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.fin-view-full{flex-direction:column}.fin-view-full .fin-view-label{width:100%;margin-bottom:4px}.fin-form-group{display:flex;flex-direction:column;gap:6px}.fin-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.fin-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.fin-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.fin-expenses-table-wrapper{overflow-x:auto}.fin-expenses-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1vw,13px)}.fin-expenses-table th{background:#f8f9fa;padding:8px 12px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.fin-expenses-table td{padding:8px 12px;border-bottom:1px solid #f0f0f0}.fin-expenses-table tr:last-child td{border-bottom:none}.fin-total-row{background:#f8f9fa;font-weight:600}.fin-total-row td{padding:10px 12px;border-top:2px solid #e0e0e0}@media(max-width:768px){.fin-page-header{flex-direction:column;align-items:flex-start;gap:12px}.fin-page-header-right{width:100%;justify-content:flex-start}.fin-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.fin-data-table{font-size:12px;min-width:800px}.fin-data-table thead th,.fin-data-table tbody td{padding:8px 10px}.fin-col-actions{min-width:120px!important}.fin-modal-container{width:95%;margin:10px}.fin-modal-close{width:40px;height:40px;font-size:20px}.fin-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.fin-page{padding:10px 12px}.fin-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.fin-stat-card{padding:12px 14px}.fin-stat-number{font-size:18px}.fin-stat-icon{width:36px;height:36px;font-size:16px}.fin-data-table{font-size:11px;min-width:650px}.fin-data-table thead th,.fin-data-table tbody td{padding:6px 8px}.fin-col-actions{min-width:100px!important}.fin-view-row{flex-direction:column}.fin-view-label{width:100%;margin-bottom:2px}.fin-modal-close{width:36px;height:36px;font-size:18px}.fin-tabs-container{flex-direction:column;width:100%}.fin-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.fin-page{background:#1a1a2e}.fin-page-header{border-color:#2d2d44}.fin-page-header-left h2{color:#fff}.fin-page-subtitle{color:#88a}.fin-department-badge{background:linear-gradient(135deg,#3b82f6,#2563eb)}.fin-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fin-btn-secondary:hover{background:#4d4d6c}.fin-stat-card{background:#2d2d44;border-color:#3d3d5c}.fin-stat-number{color:#fff}.fin-stat-label{color:#88a}.fin-search-bar{background:#2d2d44;border-color:#3d3d5c}.fin-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.fin-search-input{color:#fff}.fin-search-input::placeholder{color:#88a}.fin-search-icon{color:#88a}.fin-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.fin-tab-btn{color:#88a}.fin-tab-btn:hover{background:#4d4d6c;color:#fff}.fin-tab-btn.active{background:#667eea;color:#fff}.fin-table-container{background:#2d2d44;border-color:#3d3d5c}.fin-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.fin-data-table thead th{color:#fff;background:#3d3d5c}.fin-data-table tbody tr{border-color:#3d3d5c}.fin-data-table tbody tr:hover{background-color:#3d3d5c}.fin-data-table tbody td{color:#d0d0e0}.fin-ref-number{color:#88a}.fin-amount{color:#34d399}.fin-amount-negative{color:#f87171}.fin-text-success{color:#34d399}.fin-text-danger{color:#f87171}.fin-status-draft{background:#3d3d5c;color:#88a}.fin-status-submitted{background:#5c3d1a;color:#fbbf24}.fin-status-hod-approved{background:#1a2a5c;color:#60a5fa}.fin-status-finance-approved,.fin-status-approved{background:#1a4d3d;color:#34d399}.fin-status-rejected{background:#5c1a1a;color:#f87171}.fin-icon-btn{color:#88a}.fin-icon-btn:hover{background-color:#3d3d5c}.fin-icon-view{color:#60a5fa}.fin-icon-view:hover{background-color:#1a2a5c}.fin-icon-approve{color:#34d399}.fin-icon-approve:hover{background-color:#1a4d3d}.fin-icon-reject{color:#f87171}.fin-icon-reject:hover{background-color:#5c1a1a}.fin-empty-state h4{color:#fff}.fin-empty-state p{color:#88a}.fin-empty-icon{color:#3d3d5c}.fin-modal-container{background:#2d2d44}.fin-modal-header{border-color:#3d3d5c}.fin-modal-header h3{color:#fff}.fin-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.fin-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.fin-modal-footer{border-color:#3d3d5c}.fin-view-section{border-color:#3d3d5c;background:#22223a}.fin-view-section h4{color:#fff;border-color:#3d3d5c}.fin-view-label{color:#88a}.fin-form-group label{color:#fff}.fin-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fin-textarea:focus{border-color:#667eea}.fin-expenses-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.fin-expenses-table td{border-color:#3d3d5c;color:#d0d0e0}.fin-total-row{background:#3d3d5c}.fin-total-row td{border-color:#4d4d6c}.fin-spinner{border-color:#3d3d5c;border-top-color:#667eea}}.adm-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.adm-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.adm-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.adm-page-header-left h2 i{color:#667eea}.adm-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.adm-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.adm-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.adm-btn-primary{background:#667eea;color:#fff}.adm-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.adm-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.adm-btn-secondary:hover{background:#e8e8e8;border-color:silver}.adm-btn-approve{background:#10b981;color:#fff}.adm-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.adm-btn-reject{background:#ef4444;color:#fff}.adm-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.adm-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.adm-btn-label{display:none}.adm-btn{padding:6px 10px}}.adm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.adm-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.adm-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.adm-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.adm-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.adm-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.adm-stat-total{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.adm-stat-content{display:flex;flex-direction:column}.adm-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.adm-stat-label{font-size:13px;color:#666}.adm-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.adm-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.adm-search-input-wrapper:focus-within{border-color:#667eea}.adm-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.adm-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.adm-search-input::placeholder{color:#999}.adm-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.adm-clear-search:hover{color:#1a1a2e}.adm-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.adm-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.adm-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.adm-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.adm-tab-btn.active{background:#8b5cf6;color:#fff}.adm-tab-btn i{margin-right:4px}.adm-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.adm-table-wrapper{overflow-x:auto;width:100%}.adm-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.adm-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.adm-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.adm-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.adm-data-table tbody tr:hover{background-color:#fafbff}.adm-data-table tbody tr:last-child{border-bottom:none}.adm-data-table tbody td{padding:10px 14px;vertical-align:middle}.adm-col-actions{min-width:140px!important;text-align:center!important}.adm-ref-number{font-family:monospace;font-weight:500;color:#475569}.adm-amount{font-weight:600;color:#059669}.adm-amount-negative{font-weight:600;color:#dc2626}.adm-text-success{color:#059669}.adm-text-danger{color:#dc2626}.adm-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.adm-status-draft{background:#e2e8f0;color:#475569}.adm-status-finance-approved{background:#dbeafe;color:#1e40af}.adm-status-approved{background:#d1fae5;color:#059669}.adm-status-rejected{background:#fee2e2;color:#dc2626}.adm-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.adm-icon-btn:hover{background-color:#f0f0f0}.adm-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.adm-icon-view{color:#1976d2}.adm-icon-view:hover{background-color:#e3f2fd}.adm-icon-approve{color:#10b981}.adm-icon-approve:hover{background-color:#d1fae5}.adm-icon-reject{color:#ef4444}.adm-icon-reject:hover{background-color:#fee2e2}.adm-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.adm-empty-state{text-align:center;padding:60px 20px;color:#666}.adm-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.adm-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.adm-empty-state p{margin:0;color:#666}.adm-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.adm-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.adm-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#8b5cf6;border-radius:50%;animation:admSpin .8s linear infinite;margin-bottom:16px}@keyframes admSpin{to{transform:rotate(360deg)}}.adm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.adm-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.adm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.adm-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.adm-modal-header h3 i{color:#8b5cf6}.adm-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.adm-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.adm-modal-close i{font-size:20px;pointer-events:none}.adm-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.adm-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.adm-view-grid{display:flex;flex-direction:column;gap:16px}.adm-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.adm-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.adm-view-section h4 i{color:#8b5cf6}.adm-view-row{display:flex;margin-bottom:8px;padding:4px 0}.adm-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.adm-view-full{flex-direction:column}.adm-view-full .adm-view-label{width:100%;margin-bottom:4px}.adm-form-group{display:flex;flex-direction:column;gap:6px}.adm-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.adm-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.adm-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.adm-expenses-table-wrapper{overflow-x:auto}.adm-expenses-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1vw,13px)}.adm-expenses-table th{background:#f8f9fa;padding:8px 12px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.adm-expenses-table td{padding:8px 12px;border-bottom:1px solid #f0f0f0}.adm-expenses-table tr:last-child td{border-bottom:none}.adm-total-row{background:#f8f9fa;font-weight:600}.adm-total-row td{padding:10px 12px;border-top:2px solid #e0e0e0}@media(max-width:768px){.adm-page-header{flex-direction:column;align-items:flex-start;gap:12px}.adm-page-header-right{width:100%;justify-content:flex-start}.adm-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.adm-data-table{font-size:12px;min-width:800px}.adm-data-table thead th,.adm-data-table tbody td{padding:8px 10px}.adm-col-actions{min-width:120px!important}.adm-modal-container{width:95%;margin:10px}.adm-modal-close{width:40px;height:40px;font-size:20px}.adm-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.adm-page{padding:10px 12px}.adm-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.adm-stat-card{padding:12px 14px}.adm-stat-number{font-size:18px}.adm-stat-icon{width:36px;height:36px;font-size:16px}.adm-data-table{font-size:11px;min-width:650px}.adm-data-table thead th,.adm-data-table tbody td{padding:6px 8px}.adm-col-actions{min-width:100px!important}.adm-view-row{flex-direction:column}.adm-view-label{width:100%;margin-bottom:2px}.adm-modal-close{width:36px;height:36px;font-size:18px}.adm-tabs-container{flex-direction:column;width:100%}.adm-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.adm-page{background:#1a1a2e}.adm-page-header{border-color:#2d2d44}.adm-page-header-left h2{color:#fff}.adm-page-subtitle{color:#88a}.adm-department-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.adm-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.adm-btn-secondary:hover{background:#4d4d6c}.adm-stat-card{background:#2d2d44;border-color:#3d3d5c}.adm-stat-number{color:#fff}.adm-stat-label{color:#88a}.adm-search-bar{background:#2d2d44;border-color:#3d3d5c}.adm-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.adm-search-input{color:#fff}.adm-search-input::placeholder{color:#88a}.adm-search-icon{color:#88a}.adm-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.adm-tab-btn{color:#88a}.adm-tab-btn:hover{background:#4d4d6c;color:#fff}.adm-tab-btn.active{background:#8b5cf6;color:#fff}.adm-table-container{background:#2d2d44;border-color:#3d3d5c}.adm-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.adm-data-table thead th{color:#fff;background:#3d3d5c}.adm-data-table tbody tr{border-color:#3d3d5c}.adm-data-table tbody tr:hover{background-color:#3d3d5c}.adm-data-table tbody td{color:#d0d0e0}.adm-ref-number{color:#88a}.adm-amount{color:#34d399}.adm-amount-negative{color:#f87171}.adm-text-success{color:#34d399}.adm-text-danger{color:#f87171}.adm-status-draft{background:#3d3d5c;color:#88a}.adm-status-finance-approved{background:#1a2a5c;color:#60a5fa}.adm-status-approved{background:#1a4d3d;color:#34d399}.adm-status-rejected{background:#5c1a1a;color:#f87171}.adm-icon-btn{color:#88a}.adm-icon-btn:hover{background-color:#3d3d5c}.adm-icon-view{color:#60a5fa}.adm-icon-view:hover{background-color:#1a2a5c}.adm-icon-approve{color:#34d399}.adm-icon-approve:hover{background-color:#1a4d3d}.adm-icon-reject{color:#f87171}.adm-icon-reject:hover{background-color:#5c1a1a}.adm-empty-state h4{color:#fff}.adm-empty-state p{color:#88a}.adm-empty-icon{color:#3d3d5c}.adm-modal-container{background:#2d2d44}.adm-modal-header{border-color:#3d3d5c}.adm-modal-header h3{color:#fff}.adm-modal-header h3 i{color:#a78bfa}.adm-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.adm-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.adm-modal-footer{border-color:#3d3d5c}.adm-view-section{border-color:#3d3d5c;background:#22223a}.adm-view-section h4{color:#fff;border-color:#3d3d5c}.adm-view-section h4 i{color:#a78bfa}.adm-view-label{color:#88a}.adm-form-group label{color:#fff}.adm-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.adm-textarea:focus{border-color:#8b5cf6}.adm-expenses-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.adm-expenses-table td{border-color:#3d3d5c;color:#d0d0e0}.adm-total-row{background:#3d3d5c}.adm-total-row td{border-color:#4d4d6c}.adm-spinner{border-color:#3d3d5c;border-top-color:#8b5cf6}}.ed-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.ed-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ed-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.ed-page-header-left h2 i{color:#8b5cf6}.ed-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.ed-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.ed-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ed-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.ed-btn-primary{background:#8b5cf6;color:#fff}.ed-btn-primary:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.ed-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.ed-btn-secondary:hover{background:#e8e8e8;border-color:silver}.ed-btn-approve{background:#10b981;color:#fff}.ed-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ed-btn-reject{background:#ef4444;color:#fff}.ed-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.ed-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.ed-btn-label{display:none}.ed-btn{padding:6px 10px}}.ed-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.ed-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.ed-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.ed-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.ed-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.ed-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.ed-stat-total{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.ed-stat-content{display:flex;flex-direction:column}.ed-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.ed-stat-label{font-size:13px;color:#666}.ed-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.ed-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.ed-search-input-wrapper:focus-within{border-color:#8b5cf6}.ed-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.ed-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.ed-search-input::placeholder{color:#999}.ed-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ed-clear-search:hover{color:#1a1a2e}.ed-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.ed-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.ed-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ed-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.ed-tab-btn.active{background:#8b5cf6;color:#fff}.ed-tab-btn i{margin-right:4px}.ed-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.ed-table-wrapper{overflow-x:auto;width:100%}.ed-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.ed-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ed-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.ed-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ed-data-table tbody tr:hover{background-color:#fafbff}.ed-data-table tbody tr:last-child{border-bottom:none}.ed-data-table tbody td{padding:10px 14px;vertical-align:middle}.ed-col-actions{min-width:140px!important;text-align:center!important}.ed-id-number{font-family:monospace;font-weight:500;color:#475569}.ed-amount{font-weight:600;color:#059669}.ed-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ed-status-draft{background:#e2e8f0;color:#475569}.ed-status-finance-approved{background:#dbeafe;color:#1e40af}.ed-status-ed-approved{background:#ede9fe;color:#7c3aed}.ed-status-approved{background:#d1fae5;color:#059669}.ed-status-rejected{background:#fee2e2;color:#dc2626}.ed-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ed-icon-btn:hover{background-color:#f0f0f0}.ed-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.ed-icon-view{color:#1976d2}.ed-icon-view:hover{background-color:#e3f2fd}.ed-icon-approve{color:#10b981}.ed-icon-approve:hover{background-color:#d1fae5}.ed-icon-reject{color:#ef4444}.ed-icon-reject:hover{background-color:#fee2e2}.ed-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.ed-empty-state{text-align:center;padding:60px 20px;color:#666}.ed-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.ed-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.ed-empty-state p{margin:0;color:#666}.ed-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.ed-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.ed-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#8b5cf6;border-radius:50%;animation:edSpin .8s linear infinite;margin-bottom:16px}@keyframes edSpin{to{transform:rotate(360deg)}}.ed-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.ed-modal-container{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.ed-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.ed-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.ed-modal-header h3 i{color:#8b5cf6}.ed-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.ed-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.ed-modal-close i{font-size:20px;pointer-events:none}.ed-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.ed-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.ed-view-grid{display:flex;flex-direction:column;gap:16px}.ed-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.ed-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.ed-view-section h4 i{color:#8b5cf6}.ed-view-row{display:flex;margin-bottom:8px;padding:4px 0}.ed-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.ed-view-full{flex-direction:column}.ed-view-full .ed-view-label{width:100%;margin-bottom:4px}.ed-form-group{display:flex;flex-direction:column;gap:6px}.ed-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.ed-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.ed-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.ed-expenses-table-wrapper{overflow-x:auto}.ed-expenses-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1vw,13px)}.ed-expenses-table th{background:#f8f9fa;padding:8px 12px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.ed-expenses-table td{padding:8px 12px;border-bottom:1px solid #f0f0f0}.ed-expenses-table tr:last-child td{border-bottom:none}.ed-total-row{background:#f8f9fa;font-weight:600}.ed-total-row td{padding:10px 12px;border-top:2px solid #e0e0e0}@media(max-width:768px){.ed-page-header{flex-direction:column;align-items:flex-start;gap:12px}.ed-page-header-right{width:100%;justify-content:flex-start}.ed-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ed-data-table{font-size:12px;min-width:800px}.ed-data-table thead th,.ed-data-table tbody td{padding:8px 10px}.ed-col-actions{min-width:120px!important}.ed-modal-container{width:95%;margin:10px}.ed-modal-close{width:40px;height:40px;font-size:20px}.ed-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.ed-page{padding:10px 12px}.ed-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.ed-stat-card{padding:12px 14px}.ed-stat-number{font-size:18px}.ed-stat-icon{width:36px;height:36px;font-size:16px}.ed-data-table{font-size:11px;min-width:650px}.ed-data-table thead th,.ed-data-table tbody td{padding:6px 8px}.ed-col-actions{min-width:100px!important}.ed-view-row{flex-direction:column}.ed-view-label{width:100%;margin-bottom:2px}.ed-modal-close{width:36px;height:36px;font-size:18px}.ed-tabs-container{flex-direction:column;width:100%}.ed-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.ed-page{background:#1a1a2e}.ed-page-header{border-color:#2d2d44}.ed-page-header-left h2{color:#fff}.ed-page-subtitle{color:#88a}.ed-department-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.ed-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ed-btn-secondary:hover{background:#4d4d6c}.ed-stat-card{background:#2d2d44;border-color:#3d3d5c}.ed-stat-number{color:#fff}.ed-stat-label{color:#88a}.ed-search-bar{background:#2d2d44;border-color:#3d3d5c}.ed-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.ed-search-input{color:#fff}.ed-search-input::placeholder{color:#88a}.ed-search-icon{color:#88a}.ed-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.ed-tab-btn{color:#88a}.ed-tab-btn:hover{background:#4d4d6c;color:#fff}.ed-tab-btn.active{background:#8b5cf6;color:#fff}.ed-table-container{background:#2d2d44;border-color:#3d3d5c}.ed-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.ed-data-table thead th{color:#fff;background:#3d3d5c}.ed-data-table tbody tr{border-color:#3d3d5c}.ed-data-table tbody tr:hover{background-color:#3d3d5c}.ed-data-table tbody td{color:#d0d0e0}.ed-id-number{color:#88a}.ed-amount{color:#34d399}.ed-status-draft{background:#3d3d5c;color:#88a}.ed-status-finance-approved{background:#1a2a5c;color:#60a5fa}.ed-status-ed-approved{background:#2d1a5c;color:#a78bfa}.ed-status-approved{background:#1a4d3d;color:#34d399}.ed-status-rejected{background:#5c1a1a;color:#f87171}.ed-icon-btn{color:#88a}.ed-icon-btn:hover{background-color:#3d3d5c}.ed-icon-view{color:#60a5fa}.ed-icon-view:hover{background-color:#1a2a5c}.ed-icon-approve{color:#34d399}.ed-icon-approve:hover{background-color:#1a4d3d}.ed-icon-reject{color:#f87171}.ed-icon-reject:hover{background-color:#5c1a1a}.ed-empty-state h4{color:#fff}.ed-empty-state p{color:#88a}.ed-empty-icon{color:#3d3d5c}.ed-modal-container{background:#2d2d44}.ed-modal-header{border-color:#3d3d5c}.ed-modal-header h3{color:#fff}.ed-modal-header h3 i{color:#a78bfa}.ed-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.ed-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.ed-modal-footer{border-color:#3d3d5c}.ed-view-section{border-color:#3d3d5c;background:#22223a}.ed-view-section h4{color:#fff;border-color:#3d3d5c}.ed-view-section h4 i{color:#a78bfa}.ed-view-label{color:#88a}.ed-form-group label{color:#fff}.ed-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ed-textarea:focus{border-color:#8b5cf6}.ed-expenses-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.ed-expenses-table td{border-color:#3d3d5c;color:#d0d0e0}.ed-total-row{background:#3d3d5c}.ed-total-row td{border-color:#4d4d6c}.ed-spinner{border-color:#3d3d5c;border-top-color:#8b5cf6}}.ht-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.ht-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ht-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.ht-page-header-left h2 i{color:#0ea5e9}.ht-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.ht-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.ht-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ht-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.ht-btn-primary{background:#0ea5e9;color:#fff}.ht-btn-primary:hover:not(:disabled){background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.ht-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.ht-btn-secondary:hover{background:#e8e8e8;border-color:silver}.ht-btn-approve{background:#10b981;color:#fff}.ht-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ht-btn-reject{background:#ef4444;color:#fff}.ht-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.ht-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.ht-btn-label{display:none}.ht-btn{padding:6px 10px}}.ht-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.ht-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.ht-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.ht-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.ht-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.ht-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.ht-stat-total{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.ht-stat-content{display:flex;flex-direction:column}.ht-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.ht-stat-label{font-size:13px;color:#666}.ht-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.ht-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.ht-search-input-wrapper:focus-within{border-color:#0ea5e9}.ht-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.ht-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.ht-search-input::placeholder{color:#999}.ht-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ht-clear-search:hover{color:#1a1a2e}.ht-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.ht-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.ht-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ht-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.ht-tab-btn.active{background:#0ea5e9;color:#fff}.ht-tab-btn i{margin-right:4px}.ht-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.ht-table-wrapper{overflow-x:auto;width:100%}.ht-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.ht-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ht-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.ht-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ht-data-table tbody tr:hover{background-color:#fafbff}.ht-data-table tbody tr:last-child{border-bottom:none}.ht-data-table tbody td{padding:10px 14px;vertical-align:middle}.ht-col-actions{min-width:140px!important;text-align:center!important}.ht-id-number{font-family:monospace;font-weight:500;color:#475569}.ht-amount{font-weight:600;color:#059669}.ht-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ht-status-draft{background:#e2e8f0;color:#475569}.ht-status-submitted{background:#fef3c7;color:#d97706}.ht-status-hod-approved{background:#dbeafe;color:#1e40af}.ht-status-finance-approved{background:#d1fae5;color:#059669}.ht-status-ed-approved{background:#ede9fe;color:#7c3aed}.ht-status-approved{background:#d1fae5;color:#059669}.ht-status-rejected{background:#fee2e2;color:#dc2626}.ht-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ht-icon-btn:hover{background-color:#f0f0f0}.ht-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.ht-icon-view{color:#1976d2}.ht-icon-view:hover{background-color:#e3f2fd}.ht-icon-approve{color:#10b981}.ht-icon-approve:hover{background-color:#d1fae5}.ht-icon-reject{color:#ef4444}.ht-icon-reject:hover{background-color:#fee2e2}.ht-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.ht-empty-state{text-align:center;padding:60px 20px;color:#666}.ht-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.ht-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.ht-empty-state p{margin:0;color:#666}.ht-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.ht-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.ht-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#0ea5e9;border-radius:50%;animation:htSpin .8s linear infinite;margin-bottom:16px}@keyframes htSpin{to{transform:rotate(360deg)}}.ht-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.ht-modal-container{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.ht-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.ht-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.ht-modal-header h3 i{color:#0ea5e9}.ht-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.ht-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.ht-modal-close i{font-size:20px;pointer-events:none}.ht-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.ht-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.ht-view-grid{display:flex;flex-direction:column;gap:16px}.ht-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.ht-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.ht-view-section h4 i{color:#0ea5e9}.ht-view-row{display:flex;margin-bottom:8px;padding:4px 0}.ht-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.ht-view-full{flex-direction:column}.ht-view-full .ht-view-label{width:100%;margin-bottom:4px}.ht-form-group{display:flex;flex-direction:column;gap:6px}.ht-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.ht-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.ht-textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.ht-expenses-table-wrapper{overflow-x:auto}.ht-expenses-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1vw,13px)}.ht-expenses-table th{background:#f8f9fa;padding:8px 12px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.ht-expenses-table td{padding:8px 12px;border-bottom:1px solid #f0f0f0}.ht-expenses-table tr:last-child td{border-bottom:none}.ht-total-row{background:#f8f9fa;font-weight:600}.ht-total-row td{padding:10px 12px;border-top:2px solid #e0e0e0}@media(max-width:768px){.ht-page-header{flex-direction:column;align-items:flex-start;gap:12px}.ht-page-header-right{width:100%;justify-content:flex-start}.ht-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ht-data-table{font-size:12px;min-width:800px}.ht-data-table thead th,.ht-data-table tbody td{padding:8px 10px}.ht-col-actions{min-width:120px!important}.ht-modal-container{width:95%;margin:10px}.ht-modal-close{width:40px;height:40px;font-size:20px}.ht-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.ht-page{padding:10px 12px}.ht-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.ht-stat-card{padding:12px 14px}.ht-stat-number{font-size:18px}.ht-stat-icon{width:36px;height:36px;font-size:16px}.ht-data-table{font-size:11px;min-width:650px}.ht-data-table thead th,.ht-data-table tbody td{padding:6px 8px}.ht-col-actions{min-width:100px!important}.ht-view-row{flex-direction:column}.ht-view-label{width:100%;margin-bottom:2px}.ht-modal-close{width:36px;height:36px;font-size:18px}.ht-tabs-container{flex-direction:column;width:100%}.ht-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.ht-page{background:#1a1a2e}.ht-page-header{border-color:#2d2d44}.ht-page-header-left h2{color:#fff}.ht-page-subtitle{color:#88a}.ht-department-badge{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.ht-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ht-btn-secondary:hover{background:#4d4d6c}.ht-stat-card{background:#2d2d44;border-color:#3d3d5c}.ht-stat-number{color:#fff}.ht-stat-label{color:#88a}.ht-search-bar{background:#2d2d44;border-color:#3d3d5c}.ht-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.ht-search-input{color:#fff}.ht-search-input::placeholder{color:#88a}.ht-search-icon{color:#88a}.ht-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.ht-tab-btn{color:#88a}.ht-tab-btn:hover{background:#4d4d6c;color:#fff}.ht-tab-btn.active{background:#0ea5e9;color:#fff}.ht-table-container{background:#2d2d44;border-color:#3d3d5c}.ht-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.ht-data-table thead th{color:#fff;background:#3d3d5c}.ht-data-table tbody tr{border-color:#3d3d5c}.ht-data-table tbody tr:hover{background-color:#3d3d5c}.ht-data-table tbody td{color:#d0d0e0}.ht-id-number{color:#88a}.ht-amount{color:#34d399}.ht-status-draft{background:#3d3d5c;color:#88a}.ht-status-submitted{background:#5c3d1a;color:#fbbf24}.ht-status-hod-approved{background:#1a2a5c;color:#60a5fa}.ht-status-finance-approved{background:#1a4d3d;color:#34d399}.ht-status-ed-approved{background:#2d1a5c;color:#a78bfa}.ht-status-approved{background:#1a4d3d;color:#34d399}.ht-status-rejected{background:#5c1a1a;color:#f87171}.ht-icon-btn{color:#88a}.ht-icon-btn:hover{background-color:#3d3d5c}.ht-icon-view{color:#60a5fa}.ht-icon-view:hover{background-color:#1a2a5c}.ht-icon-approve{color:#34d399}.ht-icon-approve:hover{background-color:#1a4d3d}.ht-icon-reject{color:#f87171}.ht-icon-reject:hover{background-color:#5c1a1a}.ht-empty-state h4{color:#fff}.ht-empty-state p{color:#88a}.ht-empty-icon{color:#3d3d5c}.ht-modal-container{background:#2d2d44}.ht-modal-header{border-color:#3d3d5c}.ht-modal-header h3{color:#fff}.ht-modal-header h3 i{color:#38bdf8}.ht-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.ht-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.ht-modal-footer{border-color:#3d3d5c}.ht-view-section{border-color:#3d3d5c;background:#22223a}.ht-view-section h4{color:#fff;border-color:#3d3d5c}.ht-view-section h4 i{color:#38bdf8}.ht-view-label{color:#88a}.ht-form-group label{color:#fff}.ht-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ht-textarea:focus{border-color:#0ea5e9}.ht-expenses-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.ht-expenses-table td{border-color:#3d3d5c;color:#d0d0e0}.ht-total-row{background:#3d3d5c}.ht-total-row td{border-color:#4d4d6c}.ht-spinner{border-color:#3d3d5c;border-top-color:#0ea5e9}}.ft-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.ft-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ft-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.ft-page-header-left h2 i{color:#3b82f6}.ft-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.ft-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.ft-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ft-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.ft-btn-primary{background:#3b82f6;color:#fff}.ft-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.ft-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.ft-btn-secondary:hover{background:#e8e8e8;border-color:silver}.ft-btn-approve{background:#10b981;color:#fff}.ft-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ft-btn-reject{background:#ef4444;color:#fff}.ft-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.ft-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.ft-btn-label{display:none}.ft-btn{padding:6px 10px}}.ft-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.ft-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.ft-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.ft-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.ft-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.ft-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.ft-stat-total{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ft-stat-content{display:flex;flex-direction:column}.ft-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.ft-stat-label{font-size:13px;color:#666}.ft-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.ft-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.ft-search-input-wrapper:focus-within{border-color:#3b82f6}.ft-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.ft-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.ft-search-input::placeholder{color:#999}.ft-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ft-clear-search:hover{color:#1a1a2e}.ft-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.ft-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.ft-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ft-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.ft-tab-btn.active{background:#3b82f6;color:#fff}.ft-tab-btn i{margin-right:4px}.ft-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.ft-table-wrapper{overflow-x:auto;width:100%}.ft-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.ft-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ft-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.ft-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ft-data-table tbody tr:hover{background-color:#fafbff}.ft-data-table tbody tr:last-child{border-bottom:none}.ft-data-table tbody td{padding:10px 14px;vertical-align:middle}.ft-col-actions{min-width:140px!important;text-align:center!important}.ft-id-number{font-family:monospace;font-weight:500;color:#475569}.ft-amount{font-weight:600;color:#059669}.ft-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ft-status-draft{background:#e2e8f0;color:#475569}.ft-status-hod-approved{background:#dbeafe;color:#1e40af}.ft-status-finance-approved{background:#d1fae5;color:#059669}.ft-status-ed-approved{background:#ede9fe;color:#7c3aed}.ft-status-approved{background:#d1fae5;color:#059669}.ft-status-rejected{background:#fee2e2;color:#dc2626}.ft-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ft-icon-btn:hover{background-color:#f0f0f0}.ft-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.ft-icon-view{color:#1976d2}.ft-icon-view:hover{background-color:#e3f2fd}.ft-icon-approve{color:#10b981}.ft-icon-approve:hover{background-color:#d1fae5}.ft-icon-reject{color:#ef4444}.ft-icon-reject:hover{background-color:#fee2e2}.ft-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.ft-empty-state{text-align:center;padding:60px 20px;color:#666}.ft-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.ft-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.ft-empty-state p{margin:0;color:#666}.ft-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.ft-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.ft-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:ftSpin .8s linear infinite;margin-bottom:16px}@keyframes ftSpin{to{transform:rotate(360deg)}}.ft-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.ft-modal-container{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.ft-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.ft-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.ft-modal-header h3 i{color:#3b82f6}.ft-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.ft-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.ft-modal-close i{font-size:20px;pointer-events:none}.ft-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.ft-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.ft-view-grid{display:flex;flex-direction:column;gap:16px}.ft-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.ft-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.ft-view-section h4 i{color:#3b82f6}.ft-view-row{display:flex;margin-bottom:8px;padding:4px 0}.ft-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.ft-view-full{flex-direction:column}.ft-view-full .ft-view-label{width:100%;margin-bottom:4px}.ft-form-group{display:flex;flex-direction:column;gap:6px}.ft-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.ft-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.ft-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ft-expenses-table-wrapper{overflow-x:auto}.ft-expenses-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1vw,13px)}.ft-expenses-table th{background:#f8f9fa;padding:8px 12px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.ft-expenses-table td{padding:8px 12px;border-bottom:1px solid #f0f0f0}.ft-expenses-table tr:last-child td{border-bottom:none}.ft-total-row{background:#f8f9fa;font-weight:600}.ft-total-row td{padding:10px 12px;border-top:2px solid #e0e0e0}@media(max-width:768px){.ft-page-header{flex-direction:column;align-items:flex-start;gap:12px}.ft-page-header-right{width:100%;justify-content:flex-start}.ft-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ft-data-table{font-size:12px;min-width:800px}.ft-data-table thead th,.ft-data-table tbody td{padding:8px 10px}.ft-col-actions{min-width:120px!important}.ft-modal-container{width:95%;margin:10px}.ft-modal-close{width:40px;height:40px;font-size:20px}.ft-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.ft-page{padding:10px 12px}.ft-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.ft-stat-card{padding:12px 14px}.ft-stat-number{font-size:18px}.ft-stat-icon{width:36px;height:36px;font-size:16px}.ft-data-table{font-size:11px;min-width:650px}.ft-data-table thead th,.ft-data-table tbody td{padding:6px 8px}.ft-col-actions{min-width:100px!important}.ft-view-row{flex-direction:column}.ft-view-label{width:100%;margin-bottom:2px}.ft-modal-close{width:36px;height:36px;font-size:18px}.ft-tabs-container{flex-direction:column;width:100%}.ft-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.ft-page{background:#1a1a2e}.ft-page-header{border-color:#2d2d44}.ft-page-header-left h2{color:#fff}.ft-page-subtitle{color:#88a}.ft-department-badge{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ft-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ft-btn-secondary:hover{background:#4d4d6c}.ft-stat-card{background:#2d2d44;border-color:#3d3d5c}.ft-stat-number{color:#fff}.ft-stat-label{color:#88a}.ft-search-bar{background:#2d2d44;border-color:#3d3d5c}.ft-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.ft-search-input{color:#fff}.ft-search-input::placeholder{color:#88a}.ft-search-icon{color:#88a}.ft-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.ft-tab-btn{color:#88a}.ft-tab-btn:hover{background:#4d4d6c;color:#fff}.ft-tab-btn.active{background:#3b82f6;color:#fff}.ft-table-container{background:#2d2d44;border-color:#3d3d5c}.ft-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.ft-data-table thead th{color:#fff;background:#3d3d5c}.ft-data-table tbody tr{border-color:#3d3d5c}.ft-data-table tbody tr:hover{background-color:#3d3d5c}.ft-data-table tbody td{color:#d0d0e0}.ft-id-number{color:#88a}.ft-amount{color:#34d399}.ft-status-draft{background:#3d3d5c;color:#88a}.ft-status-hod-approved{background:#1a2a5c;color:#60a5fa}.ft-status-finance-approved{background:#1a4d3d;color:#34d399}.ft-status-ed-approved{background:#2d1a5c;color:#a78bfa}.ft-status-approved{background:#1a4d3d;color:#34d399}.ft-status-rejected{background:#5c1a1a;color:#f87171}.ft-icon-btn{color:#88a}.ft-icon-btn:hover{background-color:#3d3d5c}.ft-icon-view{color:#60a5fa}.ft-icon-view:hover{background-color:#1a2a5c}.ft-icon-approve{color:#34d399}.ft-icon-approve:hover{background-color:#1a4d3d}.ft-icon-reject{color:#f87171}.ft-icon-reject:hover{background-color:#5c1a1a}.ft-empty-state h4{color:#fff}.ft-empty-state p{color:#88a}.ft-empty-icon{color:#3d3d5c}.ft-modal-container{background:#2d2d44}.ft-modal-header{border-color:#3d3d5c}.ft-modal-header h3{color:#fff}.ft-modal-header h3 i{color:#60a5fa}.ft-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.ft-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.ft-modal-footer{border-color:#3d3d5c}.ft-view-section{border-color:#3d3d5c;background:#22223a}.ft-view-section h4{color:#fff;border-color:#3d3d5c}.ft-view-section h4 i{color:#60a5fa}.ft-view-label{color:#88a}.ft-form-group label{color:#fff}.ft-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ft-textarea:focus{border-color:#3b82f6}.ft-expenses-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.ft-expenses-table td{border-color:#3d3d5c;color:#d0d0e0}.ft-total-row{background:#3d3d5c}.ft-total-row td{border-color:#4d4d6c}.ft-spinner{border-color:#3d3d5c;border-top-color:#3b82f6}}.fi-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.fi-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.fi-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.fi-page-header-left h2 i{color:#3b82f6}.fi-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.fi-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.fi-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fi-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.fi-btn-primary{background:#3b82f6;color:#fff}.fi-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.fi-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.fi-btn-secondary:hover{background:#e8e8e8;border-color:silver}.fi-btn-approve{background:#10b981;color:#fff}.fi-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.fi-btn-reject{background:#ef4444;color:#fff}.fi-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.fi-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.fi-btn-label{display:none}.fi-btn{padding:6px 10px}}.fi-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.fi-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.fi-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.fi-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.fi-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.fi-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.fi-stat-total{background:linear-gradient(135deg,#3b82f6,#2563eb)}.fi-stat-content{display:flex;flex-direction:column}.fi-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.fi-stat-label{font-size:13px;color:#666}.fi-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.fi-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.fi-search-input-wrapper:focus-within{border-color:#3b82f6}.fi-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.fi-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.fi-search-input::placeholder{color:#999}.fi-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.fi-clear-search:hover{color:#1a1a2e}.fi-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.fi-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.fi-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.fi-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.fi-tab-btn.active{background:#3b82f6;color:#fff}.fi-tab-btn i{margin-right:4px}.fi-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.fi-table-wrapper{overflow-x:auto;width:100%}.fi-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.fi-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.fi-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.fi-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.fi-data-table tbody tr:hover{background-color:#fafbff}.fi-data-table tbody tr:last-child{border-bottom:none}.fi-data-table tbody td{padding:10px 14px;vertical-align:middle}.fi-col-actions{min-width:140px!important;text-align:center!important}.fi-ref-number{font-family:monospace;font-weight:500;color:#475569}.fi-amount{font-weight:600;color:#059669}.fi-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.fi-status-draft{background:#e2e8f0;color:#475569}.fi-status-pending{background:#fef3c7;color:#d97706}.fi-status-hod-approved{background:#dbeafe;color:#1e40af}.fi-status-finance-approved,.fi-status-approved{background:#d1fae5;color:#059669}.fi-status-rejected{background:#fee2e2;color:#dc2626}.fi-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.fi-icon-btn:hover{background-color:#f0f0f0}.fi-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.fi-icon-view{color:#1976d2}.fi-icon-view:hover{background-color:#e3f2fd}.fi-icon-approve{color:#10b981}.fi-icon-approve:hover{background-color:#d1fae5}.fi-icon-reject{color:#ef4444}.fi-icon-reject:hover{background-color:#fee2e2}.fi-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.fi-empty-state{text-align:center;padding:60px 20px;color:#666}.fi-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.fi-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.fi-empty-state p{margin:0;color:#666}.fi-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.fi-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.fi-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:fiSpin .8s linear infinite;margin-bottom:16px}@keyframes fiSpin{to{transform:rotate(360deg)}}.fi-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.fi-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.fi-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.fi-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.fi-modal-header h3 i{color:#3b82f6}.fi-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.fi-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.fi-modal-close i{font-size:20px;pointer-events:none}.fi-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.fi-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.fi-view-grid{display:flex;flex-direction:column;gap:16px}.fi-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.fi-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.fi-view-section h4 i{color:#3b82f6}.fi-view-row{display:flex;margin-bottom:8px;padding:4px 0}.fi-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.fi-view-full{flex-direction:column}.fi-view-full .fi-view-label{width:100%;margin-bottom:4px}.fi-form-group{display:flex;flex-direction:column;gap:6px}.fi-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.fi-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.fi-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.fi-help-text{font-size:12px;color:#666;font-style:italic}.fi-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.fi-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media(max-width:768px){.fi-page-header{flex-direction:column;align-items:flex-start;gap:12px}.fi-page-header-right{width:100%;justify-content:flex-start}.fi-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.fi-data-table{font-size:12px;min-width:800px}.fi-data-table thead th,.fi-data-table tbody td{padding:8px 10px}.fi-col-actions{min-width:120px!important}.fi-modal-container{width:95%;margin:10px}.fi-modal-close{width:40px;height:40px;font-size:20px}.fi-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.fi-page{padding:10px 12px}.fi-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.fi-stat-card{padding:12px 14px}.fi-stat-number{font-size:18px}.fi-stat-icon{width:36px;height:36px;font-size:16px}.fi-data-table{font-size:11px;min-width:650px}.fi-data-table thead th,.fi-data-table tbody td{padding:6px 8px}.fi-col-actions{min-width:100px!important}.fi-view-row{flex-direction:column}.fi-view-label{width:100%;margin-bottom:2px}.fi-modal-close{width:36px;height:36px;font-size:18px}.fi-tabs-container{flex-direction:column;width:100%}.fi-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.fi-page{background:#1a1a2e}.fi-page-header{border-color:#2d2d44}.fi-page-header-left h2{color:#fff}.fi-page-subtitle{color:#88a}.fi-department-badge{background:linear-gradient(135deg,#3b82f6,#2563eb)}.fi-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fi-btn-secondary:hover{background:#4d4d6c}.fi-stat-card{background:#2d2d44;border-color:#3d3d5c}.fi-stat-number{color:#fff}.fi-stat-label{color:#88a}.fi-search-bar{background:#2d2d44;border-color:#3d3d5c}.fi-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.fi-search-input{color:#fff}.fi-search-input::placeholder{color:#88a}.fi-search-icon{color:#88a}.fi-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.fi-tab-btn{color:#88a}.fi-tab-btn:hover{background:#4d4d6c;color:#fff}.fi-tab-btn.active{background:#3b82f6;color:#fff}.fi-table-container{background:#2d2d44;border-color:#3d3d5c}.fi-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.fi-data-table thead th{color:#fff;background:#3d3d5c}.fi-data-table tbody tr{border-color:#3d3d5c}.fi-data-table tbody tr:hover{background-color:#3d3d5c}.fi-data-table tbody td{color:#d0d0e0}.fi-ref-number{color:#88a}.fi-amount{color:#34d399}.fi-status-draft{background:#3d3d5c;color:#88a}.fi-status-pending{background:#5c3d1a;color:#fbbf24}.fi-status-hod-approved{background:#1a2a5c;color:#60a5fa}.fi-status-finance-approved,.fi-status-approved{background:#1a4d3d;color:#34d399}.fi-status-rejected{background:#5c1a1a;color:#f87171}.fi-icon-btn{color:#88a}.fi-icon-btn:hover{background-color:#3d3d5c}.fi-icon-view{color:#60a5fa}.fi-icon-view:hover{background-color:#1a2a5c}.fi-icon-approve{color:#34d399}.fi-icon-approve:hover{background-color:#1a4d3d}.fi-icon-reject{color:#f87171}.fi-icon-reject:hover{background-color:#5c1a1a}.fi-empty-state h4{color:#fff}.fi-empty-state p{color:#88a}.fi-empty-icon{color:#3d3d5c}.fi-modal-container{background:#2d2d44}.fi-modal-header{border-color:#3d3d5c}.fi-modal-header h3{color:#fff}.fi-modal-header h3 i{color:#60a5fa}.fi-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.fi-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.fi-modal-footer{border-color:#3d3d5c}.fi-view-section{border-color:#3d3d5c;background:#22223a}.fi-view-section h4{color:#fff;border-color:#3d3d5c}.fi-view-section h4 i{color:#60a5fa}.fi-view-label{color:#88a}.fi-form-group label{color:#fff}.fi-input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fi-input:focus{border-color:#3b82f6}.fi-help-text{color:#88a}.fi-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fi-textarea:focus{border-color:#3b82f6}.fi-spinner{border-color:#3d3d5c;border-top-color:#3b82f6}}.hi-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.hi-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.hi-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.hi-page-header-left h2 i{color:#0ea5e9}.hi-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.hi-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.hi-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hi-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.hi-btn-primary{background:#0ea5e9;color:#fff}.hi-btn-primary:hover:not(:disabled){background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.hi-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.hi-btn-secondary:hover{background:#e8e8e8;border-color:silver}.hi-btn-approve{background:#10b981;color:#fff}.hi-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.hi-btn-reject{background:#ef4444;color:#fff}.hi-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.hi-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.hi-btn-label{display:none}.hi-btn{padding:6px 10px}}.hi-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.hi-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.hi-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.hi-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.hi-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.hi-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.hi-stat-total{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.hi-stat-content{display:flex;flex-direction:column}.hi-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.hi-stat-label{font-size:13px;color:#666}.hi-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.hi-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.hi-search-input-wrapper:focus-within{border-color:#0ea5e9}.hi-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.hi-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.hi-search-input::placeholder{color:#999}.hi-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.hi-clear-search:hover{color:#1a1a2e}.hi-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.hi-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.hi-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.hi-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.hi-tab-btn.active{background:#0ea5e9;color:#fff}.hi-tab-btn i{margin-right:4px}.hi-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.hi-table-wrapper{overflow-x:auto;width:100%}.hi-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.hi-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.hi-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.hi-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.hi-data-table tbody tr:hover{background-color:#fafbff}.hi-data-table tbody tr:last-child{border-bottom:none}.hi-data-table tbody td{padding:10px 14px;vertical-align:middle}.hi-col-actions{min-width:140px!important;text-align:center!important}.hi-ref-number{font-family:monospace;font-weight:500;color:#475569}.hi-amount{font-weight:600;color:#059669}.hi-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hi-status-draft{background:#e2e8f0;color:#475569}.hi-status-pending{background:#fef3c7;color:#d97706}.hi-status-approved{background:#d1fae5;color:#059669}.hi-status-rejected{background:#fee2e2;color:#dc2626}.hi-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.hi-icon-btn:hover{background-color:#f0f0f0}.hi-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.hi-icon-view{color:#1976d2}.hi-icon-view:hover{background-color:#e3f2fd}.hi-icon-approve{color:#10b981}.hi-icon-approve:hover{background-color:#d1fae5}.hi-icon-reject{color:#ef4444}.hi-icon-reject:hover{background-color:#fee2e2}.hi-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.hi-empty-state{text-align:center;padding:60px 20px;color:#666}.hi-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.hi-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.hi-empty-state p{margin:0;color:#666}.hi-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.hi-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.hi-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#0ea5e9;border-radius:50%;animation:hiSpin .8s linear infinite;margin-bottom:16px}@keyframes hiSpin{to{transform:rotate(360deg)}}.hi-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.hi-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.hi-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.hi-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.hi-modal-header h3 i{color:#0ea5e9}.hi-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.hi-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.hi-modal-close i{font-size:20px;pointer-events:none}.hi-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.hi-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.hi-view-grid{display:flex;flex-direction:column;gap:16px}.hi-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.hi-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.hi-view-section h4 i{color:#0ea5e9}.hi-view-row{display:flex;margin-bottom:8px;padding:4px 0}.hi-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.hi-view-full{flex-direction:column}.hi-view-full .hi-view-label{width:100%;margin-bottom:4px}.hi-form-group{display:flex;flex-direction:column;gap:6px}.hi-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.hi-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.hi-textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}@media(max-width:768px){.hi-page-header{flex-direction:column;align-items:flex-start;gap:12px}.hi-page-header-right{width:100%;justify-content:flex-start}.hi-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hi-data-table{font-size:12px;min-width:800px}.hi-data-table thead th,.hi-data-table tbody td{padding:8px 10px}.hi-col-actions{min-width:120px!important}.hi-modal-container{width:95%;margin:10px}.hi-modal-close{width:40px;height:40px;font-size:20px}.hi-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.hi-page{padding:10px 12px}.hi-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.hi-stat-card{padding:12px 14px}.hi-stat-number{font-size:18px}.hi-stat-icon{width:36px;height:36px;font-size:16px}.hi-data-table{font-size:11px;min-width:650px}.hi-data-table thead th,.hi-data-table tbody td{padding:6px 8px}.hi-col-actions{min-width:100px!important}.hi-view-row{flex-direction:column}.hi-view-label{width:100%;margin-bottom:2px}.hi-modal-close{width:36px;height:36px;font-size:18px}.hi-tabs-container{flex-direction:column;width:100%}.hi-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.hi-page{background:#1a1a2e}.hi-page-header{border-color:#2d2d44}.hi-page-header-left h2{color:#fff}.hi-page-subtitle{color:#88a}.hi-department-badge{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.hi-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.hi-btn-secondary:hover{background:#4d4d6c}.hi-stat-card{background:#2d2d44;border-color:#3d3d5c}.hi-stat-number{color:#fff}.hi-stat-label{color:#88a}.hi-search-bar{background:#2d2d44;border-color:#3d3d5c}.hi-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.hi-search-input{color:#fff}.hi-search-input::placeholder{color:#88a}.hi-search-icon{color:#88a}.hi-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.hi-tab-btn{color:#88a}.hi-tab-btn:hover{background:#4d4d6c;color:#fff}.hi-tab-btn.active{background:#0ea5e9;color:#fff}.hi-table-container{background:#2d2d44;border-color:#3d3d5c}.hi-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.hi-data-table thead th{color:#fff;background:#3d3d5c}.hi-data-table tbody tr{border-color:#3d3d5c}.hi-data-table tbody tr:hover{background-color:#3d3d5c}.hi-data-table tbody td{color:#d0d0e0}.hi-ref-number{color:#88a}.hi-amount{color:#34d399}.hi-status-draft{background:#3d3d5c;color:#88a}.hi-status-pending{background:#5c3d1a;color:#fbbf24}.hi-status-approved{background:#1a4d3d;color:#34d399}.hi-status-rejected{background:#5c1a1a;color:#f87171}.hi-icon-btn{color:#88a}.hi-icon-btn:hover{background-color:#3d3d5c}.hi-icon-view{color:#60a5fa}.hi-icon-view:hover{background-color:#1a2a5c}.hi-icon-approve{color:#34d399}.hi-icon-approve:hover{background-color:#1a4d3d}.hi-icon-reject{color:#f87171}.hi-icon-reject:hover{background-color:#5c1a1a}.hi-empty-state h4{color:#fff}.hi-empty-state p{color:#88a}.hi-empty-icon{color:#3d3d5c}.hi-modal-container{background:#2d2d44}.hi-modal-header{border-color:#3d3d5c}.hi-modal-header h3{color:#fff}.hi-modal-header h3 i{color:#38bdf8}.hi-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.hi-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.hi-modal-footer{border-color:#3d3d5c}.hi-view-section{border-color:#3d3d5c;background:#22223a}.hi-view-section h4{color:#fff;border-color:#3d3d5c}.hi-view-section h4 i{color:#38bdf8}.hi-view-label{color:#88a}.hi-form-group label{color:#fff}.hi-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.hi-textarea:focus{border-color:#0ea5e9}.hi-spinner{border-color:#3d3d5c;border-top-color:#0ea5e9}}.ei-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.ei-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ei-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.ei-page-header-left h2 i{color:#8b5cf6}.ei-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.ei-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.ei-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ei-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.ei-btn-primary{background:#8b5cf6;color:#fff}.ei-btn-primary:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.ei-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.ei-btn-secondary:hover{background:#e8e8e8;border-color:silver}.ei-btn-approve{background:#10b981;color:#fff}.ei-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ei-btn-reject{background:#ef4444;color:#fff}.ei-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.ei-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.ei-btn-label{display:none}.ei-btn{padding:6px 10px}}.ei-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.ei-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.ei-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.ei-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.ei-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.ei-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.ei-stat-total{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.ei-stat-content{display:flex;flex-direction:column}.ei-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.ei-stat-label{font-size:13px;color:#666}.ei-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.ei-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.ei-search-input-wrapper:focus-within{border-color:#8b5cf6}.ei-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.ei-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.ei-search-input::placeholder{color:#999}.ei-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ei-clear-search:hover{color:#1a1a2e}.ei-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.ei-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.ei-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ei-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.ei-tab-btn.active{background:#8b5cf6;color:#fff}.ei-tab-btn i{margin-right:4px}.ei-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.ei-table-wrapper{overflow-x:auto;width:100%}.ei-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1100px}.ei-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ei-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.ei-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ei-data-table tbody tr:hover{background-color:#fafbff}.ei-data-table tbody tr:last-child{border-bottom:none}.ei-data-table tbody td{padding:10px 14px;vertical-align:middle}.ei-col-actions{min-width:140px!important;text-align:center!important}.ei-ref-number{font-family:monospace;font-weight:500;color:#475569}.ei-amount{font-weight:600;color:#059669}.ei-amount-warning{font-weight:600;color:#d97706}.ei-amount-diff{font-weight:600;color:#6b7280}.ei-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ei-status-draft{background:#e2e8f0;color:#475569}.ei-status-pending{background:#fef3c7;color:#d97706}.ei-status-hod-approved{background:#dbeafe;color:#1e40af}.ei-status-finance-approved,.ei-status-approved{background:#d1fae5;color:#059669}.ei-status-rejected{background:#fee2e2;color:#dc2626}.ei-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ei-icon-btn:hover{background-color:#f0f0f0}.ei-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.ei-icon-view{color:#1976d2}.ei-icon-view:hover{background-color:#e3f2fd}.ei-icon-approve{color:#10b981}.ei-icon-approve:hover{background-color:#d1fae5}.ei-icon-reject{color:#ef4444}.ei-icon-reject:hover{background-color:#fee2e2}.ei-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.ei-empty-state{text-align:center;padding:60px 20px;color:#666}.ei-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.ei-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.ei-empty-state p{margin:0;color:#666}.ei-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.ei-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.ei-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#8b5cf6;border-radius:50%;animation:eiSpin .8s linear infinite;margin-bottom:16px}@keyframes eiSpin{to{transform:rotate(360deg)}}.ei-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.ei-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.ei-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.ei-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.ei-modal-header h3 i{color:#8b5cf6}.ei-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.ei-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.ei-modal-close i{font-size:20px;pointer-events:none}.ei-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.ei-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.ei-view-grid{display:flex;flex-direction:column;gap:16px}.ei-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.ei-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.ei-view-section h4 i{color:#8b5cf6}.ei-view-row{display:flex;margin-bottom:8px;padding:4px 0}.ei-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.ei-view-full{flex-direction:column}.ei-view-full .ei-view-label{width:100%;margin-bottom:4px}.ei-form-group{display:flex;flex-direction:column;gap:6px}.ei-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.ei-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.ei-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}@media(max-width:768px){.ei-page-header{flex-direction:column;align-items:flex-start;gap:12px}.ei-page-header-right{width:100%;justify-content:flex-start}.ei-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ei-data-table{font-size:12px;min-width:800px}.ei-data-table thead th,.ei-data-table tbody td{padding:8px 10px}.ei-col-actions{min-width:120px!important}.ei-modal-container{width:95%;margin:10px}.ei-modal-close{width:40px;height:40px;font-size:20px}.ei-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.ei-page{padding:10px 12px}.ei-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.ei-stat-card{padding:12px 14px}.ei-stat-number{font-size:18px}.ei-stat-icon{width:36px;height:36px;font-size:16px}.ei-data-table{font-size:11px;min-width:650px}.ei-data-table thead th,.ei-data-table tbody td{padding:6px 8px}.ei-col-actions{min-width:100px!important}.ei-view-row{flex-direction:column}.ei-view-label{width:100%;margin-bottom:2px}.ei-modal-close{width:36px;height:36px;font-size:18px}.ei-tabs-container{flex-direction:column;width:100%}.ei-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.ei-page{background:#1a1a2e}.ei-page-header{border-color:#2d2d44}.ei-page-header-left h2{color:#fff}.ei-page-subtitle{color:#88a}.ei-department-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.ei-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ei-btn-secondary:hover{background:#4d4d6c}.ei-stat-card{background:#2d2d44;border-color:#3d3d5c}.ei-stat-number{color:#fff}.ei-stat-label{color:#88a}.ei-search-bar{background:#2d2d44;border-color:#3d3d5c}.ei-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.ei-search-input{color:#fff}.ei-search-input::placeholder{color:#88a}.ei-search-icon{color:#88a}.ei-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.ei-tab-btn{color:#88a}.ei-tab-btn:hover{background:#4d4d6c;color:#fff}.ei-tab-btn.active{background:#8b5cf6;color:#fff}.ei-table-container{background:#2d2d44;border-color:#3d3d5c}.ei-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.ei-data-table thead th{color:#fff;background:#3d3d5c}.ei-data-table tbody tr{border-color:#3d3d5c}.ei-data-table tbody tr:hover{background-color:#3d3d5c}.ei-data-table tbody td{color:#d0d0e0}.ei-ref-number{color:#88a}.ei-amount{color:#34d399}.ei-amount-warning{color:#fbbf24}.ei-amount-diff{color:#88a}.ei-status-draft{background:#3d3d5c;color:#88a}.ei-status-pending{background:#5c3d1a;color:#fbbf24}.ei-status-hod-approved{background:#1a2a5c;color:#60a5fa}.ei-status-finance-approved,.ei-status-approved{background:#1a4d3d;color:#34d399}.ei-status-rejected{background:#5c1a1a;color:#f87171}.ei-icon-btn{color:#88a}.ei-icon-btn:hover{background-color:#3d3d5c}.ei-icon-view{color:#60a5fa}.ei-icon-view:hover{background-color:#1a2a5c}.ei-icon-approve{color:#34d399}.ei-icon-approve:hover{background-color:#1a4d3d}.ei-icon-reject{color:#f87171}.ei-icon-reject:hover{background-color:#5c1a1a}.ei-empty-state h4{color:#fff}.ei-empty-state p{color:#88a}.ei-empty-icon{color:#3d3d5c}.ei-modal-container{background:#2d2d44}.ei-modal-header{border-color:#3d3d5c}.ei-modal-header h3{color:#fff}.ei-modal-header h3 i{color:#a78bfa}.ei-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.ei-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.ei-modal-footer{border-color:#3d3d5c}.ei-view-section{border-color:#3d3d5c;background:#22223a}.ei-view-section h4{color:#fff;border-color:#3d3d5c}.ei-view-section h4 i{color:#a78bfa}.ei-view-label{color:#88a}.ei-form-group label{color:#fff}.ei-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ei-textarea:focus{border-color:#8b5cf6}.ei-spinner{border-color:#3d3d5c;border-top-color:#8b5cf6}}.hp-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.hp-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.hp-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.hp-page-header-left h2 i{color:#0ea5e9}.hp-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.hp-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.hp-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.hp-btn-primary{background:#0ea5e9;color:#fff}.hp-btn-primary:hover:not(:disabled){background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e94d}.hp-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.hp-btn-secondary:hover{background:#e8e8e8;border-color:silver}.hp-btn-approve{background:#10b981;color:#fff}.hp-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.hp-btn-reject{background:#ef4444;color:#fff}.hp-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.hp-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.hp-btn-label{display:none}.hp-btn{padding:6px 10px}}.hp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.hp-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.hp-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.hp-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.hp-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.hp-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.hp-stat-total{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.hp-stat-content{display:flex;flex-direction:column}.hp-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.hp-stat-label{font-size:13px;color:#666}.hp-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.hp-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.hp-search-input-wrapper:focus-within{border-color:#0ea5e9}.hp-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.hp-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.hp-search-input::placeholder{color:#999}.hp-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.hp-clear-search:hover{color:#1a1a2e}.hp-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.hp-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.hp-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.hp-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.hp-tab-btn.active{background:#0ea5e9;color:#fff}.hp-tab-btn i{margin-right:4px}.hp-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.hp-table-wrapper{overflow-x:auto;width:100%}.hp-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.hp-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.hp-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.hp-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.hp-data-table tbody tr:hover{background-color:#fafbff}.hp-data-table tbody tr:last-child{border-bottom:none}.hp-data-table tbody td{padding:10px 14px;vertical-align:middle}.hp-col-actions{min-width:140px!important;text-align:center!important}.hp-ref-number{font-family:monospace;font-weight:500;color:#475569}.hp-amount{font-weight:600;color:#059669}.hp-balance-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hp-balance-good{background:#d1fae5;color:#059669}.hp-balance-bad{background:#fee2e2;color:#dc2626}.hp-text-success{color:#059669;font-weight:600}.hp-text-danger{color:#dc2626;font-weight:600}.hp-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hp-status-draft{background:#e2e8f0;color:#475569}.hp-status-submitted{background:#fef3c7;color:#d97706}.hp-status-hod-approved{background:#dbeafe;color:#1e40af}.hp-status-finance-approved,.hp-status-approved{background:#d1fae5;color:#059669}.hp-status-paid{background:#ede9fe;color:#7c3aed}.hp-status-rejected{background:#fee2e2;color:#dc2626}.hp-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.hp-icon-btn:hover{background-color:#f0f0f0}.hp-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.hp-icon-view{color:#1976d2}.hp-icon-view:hover{background-color:#e3f2fd}.hp-icon-approve{color:#10b981}.hp-icon-approve:hover{background-color:#d1fae5}.hp-icon-reject{color:#ef4444}.hp-icon-reject:hover{background-color:#fee2e2}.hp-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.hp-empty-state{text-align:center;padding:60px 20px;color:#666}.hp-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.hp-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.hp-empty-state p{margin:0;color:#666}.hp-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.hp-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.hp-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#0ea5e9;border-radius:50%;animation:hpSpin .8s linear infinite;margin-bottom:16px}@keyframes hpSpin{to{transform:rotate(360deg)}}.hp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.hp-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.hp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.hp-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.hp-modal-header h3 i{color:#0ea5e9}.hp-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.hp-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.hp-modal-close i{font-size:20px;pointer-events:none}.hp-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.hp-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.hp-view-grid{display:flex;flex-direction:column;gap:16px}.hp-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.hp-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.hp-view-section h4 i{color:#0ea5e9}.hp-view-row{display:flex;margin-bottom:8px;padding:4px 0}.hp-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.hp-view-full{flex-direction:column}.hp-view-full .hp-view-label{width:100%;margin-bottom:4px}.hp-form-group{display:flex;flex-direction:column;gap:6px}.hp-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.hp-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.hp-textarea:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}@media(max-width:768px){.hp-page-header{flex-direction:column;align-items:flex-start;gap:12px}.hp-page-header-right{width:100%;justify-content:flex-start}.hp-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hp-data-table{font-size:12px;min-width:800px}.hp-data-table thead th,.hp-data-table tbody td{padding:8px 10px}.hp-col-actions{min-width:120px!important}.hp-modal-container{width:95%;margin:10px}.hp-modal-close{width:40px;height:40px;font-size:20px}.hp-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.hp-page{padding:10px 12px}.hp-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.hp-stat-card{padding:12px 14px}.hp-stat-number{font-size:18px}.hp-stat-icon{width:36px;height:36px;font-size:16px}.hp-data-table{font-size:11px;min-width:650px}.hp-data-table thead th,.hp-data-table tbody td{padding:6px 8px}.hp-col-actions{min-width:100px!important}.hp-view-row{flex-direction:column}.hp-view-label{width:100%;margin-bottom:2px}.hp-modal-close{width:36px;height:36px;font-size:18px}.hp-tabs-container{flex-direction:column;width:100%}.hp-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.hp-page{background:#1a1a2e}.hp-page-header{border-color:#2d2d44}.hp-page-header-left h2{color:#fff}.hp-page-subtitle{color:#88a}.hp-department-badge{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.hp-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.hp-btn-secondary:hover{background:#4d4d6c}.hp-stat-card{background:#2d2d44;border-color:#3d3d5c}.hp-stat-number{color:#fff}.hp-stat-label{color:#88a}.hp-search-bar{background:#2d2d44;border-color:#3d3d5c}.hp-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.hp-search-input{color:#fff}.hp-search-input::placeholder{color:#88a}.hp-search-icon{color:#88a}.hp-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.hp-tab-btn{color:#88a}.hp-tab-btn:hover{background:#4d4d6c;color:#fff}.hp-tab-btn.active{background:#0ea5e9;color:#fff}.hp-table-container{background:#2d2d44;border-color:#3d3d5c}.hp-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.hp-data-table thead th{color:#fff;background:#3d3d5c}.hp-data-table tbody tr{border-color:#3d3d5c}.hp-data-table tbody tr:hover{background-color:#3d3d5c}.hp-data-table tbody td{color:#d0d0e0}.hp-ref-number{color:#88a}.hp-amount{color:#34d399}.hp-balance-good{background:#1a4d3d;color:#34d399}.hp-balance-bad{background:#5c1a1a;color:#f87171}.hp-text-success{color:#34d399}.hp-text-danger{color:#f87171}.hp-status-draft{background:#3d3d5c;color:#88a}.hp-status-submitted{background:#5c3d1a;color:#fbbf24}.hp-status-hod-approved{background:#1a2a5c;color:#60a5fa}.hp-status-finance-approved,.hp-status-approved{background:#1a4d3d;color:#34d399}.hp-status-paid{background:#2d1a5c;color:#a78bfa}.hp-status-rejected{background:#5c1a1a;color:#f87171}.hp-icon-btn{color:#88a}.hp-icon-btn:hover{background-color:#3d3d5c}.hp-icon-view{color:#60a5fa}.hp-icon-view:hover{background-color:#1a2a5c}.hp-icon-approve{color:#34d399}.hp-icon-approve:hover{background-color:#1a4d3d}.hp-icon-reject{color:#f87171}.hp-icon-reject:hover{background-color:#5c1a1a}.hp-empty-state h4{color:#fff}.hp-empty-state p{color:#88a}.hp-empty-icon{color:#3d3d5c}.hp-modal-container{background:#2d2d44}.hp-modal-header{border-color:#3d3d5c}.hp-modal-header h3{color:#fff}.hp-modal-header h3 i{color:#38bdf8}.hp-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.hp-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.hp-modal-footer{border-color:#3d3d5c}.hp-view-section{border-color:#3d3d5c;background:#22223a}.hp-view-section h4{color:#fff;border-color:#3d3d5c}.hp-view-section h4 i{color:#38bdf8}.hp-view-label{color:#88a}.hp-form-group label{color:#fff}.hp-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.hp-textarea:focus{border-color:#0ea5e9}.hp-spinner{border-color:#3d3d5c;border-top-color:#0ea5e9}}.fp-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.fp-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.fp-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.fp-page-header-left h2 i{color:#3b82f6}.fp-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.fp-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.fp-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fp-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.fp-btn-primary{background:#3b82f6;color:#fff}.fp-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.fp-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.fp-btn-secondary:hover{background:#e8e8e8;border-color:silver}.fp-btn-approve{background:#10b981;color:#fff}.fp-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.fp-btn-reject{background:#ef4444;color:#fff}.fp-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.fp-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.fp-btn-label{display:none}.fp-btn{padding:6px 10px}}.fp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.fp-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.fp-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.fp-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.fp-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.fp-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.fp-stat-total{background:linear-gradient(135deg,#3b82f6,#2563eb)}.fp-stat-content{display:flex;flex-direction:column}.fp-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.fp-stat-label{font-size:13px;color:#666}.fp-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.fp-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.fp-search-input-wrapper:focus-within{border-color:#3b82f6}.fp-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.fp-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.fp-search-input::placeholder{color:#999}.fp-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.fp-clear-search:hover{color:#1a1a2e}.fp-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.fp-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.fp-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.fp-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.fp-tab-btn.active{background:#3b82f6;color:#fff}.fp-tab-btn i{margin-right:4px}.fp-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.fp-table-wrapper{overflow-x:auto;width:100%}.fp-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.fp-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.fp-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.fp-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.fp-data-table tbody tr:hover{background-color:#fafbff}.fp-data-table tbody tr:last-child{border-bottom:none}.fp-data-table tbody td{padding:10px 14px;vertical-align:middle}.fp-col-actions{min-width:140px!important;text-align:center!important}.fp-ref-number{font-family:monospace;font-weight:500;color:#475569}.fp-amount{font-weight:600;color:#059669}.fp-balance-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.fp-balance-good{background:#d1fae5;color:#059669}.fp-balance-bad{background:#fee2e2;color:#dc2626}.fp-text-success{color:#059669;font-weight:600}.fp-text-danger{color:#dc2626;font-weight:600}.fp-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.fp-status-draft{background:#e2e8f0;color:#475569}.fp-status-hod-approved{background:#dbeafe;color:#1e40af}.fp-status-finance-approved,.fp-status-approved{background:#d1fae5;color:#059669}.fp-status-paid{background:#ede9fe;color:#7c3aed}.fp-status-rejected{background:#fee2e2;color:#dc2626}.fp-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.fp-icon-btn:hover{background-color:#f0f0f0}.fp-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.fp-icon-view{color:#1976d2}.fp-icon-view:hover{background-color:#e3f2fd}.fp-icon-approve{color:#10b981}.fp-icon-approve:hover{background-color:#d1fae5}.fp-icon-reject{color:#ef4444}.fp-icon-reject:hover{background-color:#fee2e2}.fp-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.fp-empty-state{text-align:center;padding:60px 20px;color:#666}.fp-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.fp-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.fp-empty-state p{margin:0;color:#666}.fp-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.fp-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.fp-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:fpSpin .8s linear infinite;margin-bottom:16px}@keyframes fpSpin{to{transform:rotate(360deg)}}.fp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.fp-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.fp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.fp-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.fp-modal-header h3 i{color:#3b82f6}.fp-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.fp-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.fp-modal-close i{font-size:20px;pointer-events:none}.fp-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.fp-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.fp-view-grid{display:flex;flex-direction:column;gap:16px}.fp-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.fp-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.fp-view-section h4 i{color:#3b82f6}.fp-view-row{display:flex;margin-bottom:8px;padding:4px 0}.fp-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.fp-view-full{flex-direction:column}.fp-view-full .fp-view-label{width:100%;margin-bottom:4px}.fp-form-group{display:flex;flex-direction:column;gap:6px}.fp-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.fp-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.fp-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media(max-width:768px){.fp-page-header{flex-direction:column;align-items:flex-start;gap:12px}.fp-page-header-right{width:100%;justify-content:flex-start}.fp-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.fp-data-table{font-size:12px;min-width:800px}.fp-data-table thead th,.fp-data-table tbody td{padding:8px 10px}.fp-col-actions{min-width:120px!important}.fp-modal-container{width:95%;margin:10px}.fp-modal-close{width:40px;height:40px;font-size:20px}.fp-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.fp-page{padding:10px 12px}.fp-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.fp-stat-card{padding:12px 14px}.fp-stat-number{font-size:18px}.fp-stat-icon{width:36px;height:36px;font-size:16px}.fp-data-table{font-size:11px;min-width:650px}.fp-data-table thead th,.fp-data-table tbody td{padding:6px 8px}.fp-col-actions{min-width:100px!important}.fp-view-row{flex-direction:column}.fp-view-label{width:100%;margin-bottom:2px}.fp-modal-close{width:36px;height:36px;font-size:18px}.fp-tabs-container{flex-direction:column;width:100%}.fp-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.fp-page{background:#1a1a2e}.fp-page-header{border-color:#2d2d44}.fp-page-header-left h2{color:#fff}.fp-page-subtitle{color:#88a}.fp-department-badge{background:linear-gradient(135deg,#3b82f6,#2563eb)}.fp-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fp-btn-secondary:hover{background:#4d4d6c}.fp-stat-card{background:#2d2d44;border-color:#3d3d5c}.fp-stat-number{color:#fff}.fp-stat-label{color:#88a}.fp-search-bar{background:#2d2d44;border-color:#3d3d5c}.fp-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.fp-search-input{color:#fff}.fp-search-input::placeholder{color:#88a}.fp-search-icon{color:#88a}.fp-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.fp-tab-btn{color:#88a}.fp-tab-btn:hover{background:#4d4d6c;color:#fff}.fp-tab-btn.active{background:#3b82f6;color:#fff}.fp-table-container{background:#2d2d44;border-color:#3d3d5c}.fp-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.fp-data-table thead th{color:#fff;background:#3d3d5c}.fp-data-table tbody tr{border-color:#3d3d5c}.fp-data-table tbody tr:hover{background-color:#3d3d5c}.fp-data-table tbody td{color:#d0d0e0}.fp-ref-number{color:#88a}.fp-amount{color:#34d399}.fp-balance-good{background:#1a4d3d;color:#34d399}.fp-balance-bad{background:#5c1a1a;color:#f87171}.fp-text-success{color:#34d399}.fp-text-danger{color:#f87171}.fp-status-draft{background:#3d3d5c;color:#88a}.fp-status-hod-approved{background:#1a2a5c;color:#60a5fa}.fp-status-finance-approved,.fp-status-approved{background:#1a4d3d;color:#34d399}.fp-status-paid{background:#2d1a5c;color:#a78bfa}.fp-status-rejected{background:#5c1a1a;color:#f87171}.fp-icon-btn{color:#88a}.fp-icon-btn:hover{background-color:#3d3d5c}.fp-icon-view{color:#60a5fa}.fp-icon-view:hover{background-color:#1a2a5c}.fp-icon-approve{color:#34d399}.fp-icon-approve:hover{background-color:#1a4d3d}.fp-icon-reject{color:#f87171}.fp-icon-reject:hover{background-color:#5c1a1a}.fp-empty-state h4{color:#fff}.fp-empty-state p{color:#88a}.fp-empty-icon{color:#3d3d5c}.fp-modal-container{background:#2d2d44}.fp-modal-header{border-color:#3d3d5c}.fp-modal-header h3{color:#fff}.fp-modal-header h3 i{color:#60a5fa}.fp-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.fp-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.fp-modal-footer{border-color:#3d3d5c}.fp-view-section{border-color:#3d3d5c;background:#22223a}.fp-view-section h4{color:#fff;border-color:#3d3d5c}.fp-view-section h4 i{color:#60a5fa}.fp-view-label{color:#88a}.fp-form-group label{color:#fff}.fp-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fp-textarea:focus{border-color:#3b82f6}.fp-spinner{border-color:#3d3d5c;border-top-color:#3b82f6}}.ep-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.ep-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ep-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.ep-page-header-left h2 i{color:#8b5cf6}.ep-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.ep-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.ep-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ep-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.ep-btn-primary{background:#8b5cf6;color:#fff}.ep-btn-primary:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.ep-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.ep-btn-secondary:hover{background:#e8e8e8;border-color:silver}.ep-btn-approve{background:#10b981;color:#fff}.ep-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ep-btn-reject{background:#ef4444;color:#fff}.ep-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.ep-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.ep-btn-label{display:none}.ep-btn{padding:6px 10px}}.ep-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.ep-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.ep-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.ep-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.ep-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.ep-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.ep-stat-total{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.ep-stat-content{display:flex;flex-direction:column}.ep-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.ep-stat-label{font-size:13px;color:#666}.ep-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.ep-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.ep-search-input-wrapper:focus-within{border-color:#8b5cf6}.ep-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.ep-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.ep-search-input::placeholder{color:#999}.ep-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ep-clear-search:hover{color:#1a1a2e}.ep-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.ep-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.ep-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ep-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.ep-tab-btn.active{background:#8b5cf6;color:#fff}.ep-tab-btn i{margin-right:4px}.ep-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.ep-table-wrapper{overflow-x:auto;width:100%}.ep-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.ep-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ep-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.ep-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ep-data-table tbody tr:hover{background-color:#fafbff}.ep-data-table tbody tr:last-child{border-bottom:none}.ep-data-table tbody td{padding:10px 14px;vertical-align:middle}.ep-col-actions{min-width:140px!important;text-align:center!important}.ep-ref-number{font-family:monospace;font-weight:500;color:#475569}.ep-amount{font-weight:600;color:#059669}.ep-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ep-status-draft{background:#e2e8f0;color:#475569}.ep-status-finance-approved{background:#dbeafe;color:#1e40af}.ep-status-approved{background:#d1fae5;color:#059669}.ep-status-paid{background:#ede9fe;color:#7c3aed}.ep-status-rejected{background:#fee2e2;color:#dc2626}.ep-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ep-icon-btn:hover{background-color:#f0f0f0}.ep-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.ep-icon-view{color:#1976d2}.ep-icon-view:hover{background-color:#e3f2fd}.ep-icon-approve{color:#10b981}.ep-icon-approve:hover{background-color:#d1fae5}.ep-icon-reject{color:#ef4444}.ep-icon-reject:hover{background-color:#fee2e2}.ep-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.ep-empty-state{text-align:center;padding:60px 20px;color:#666}.ep-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.ep-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.ep-empty-state p{margin:0;color:#666}.ep-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.ep-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.ep-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#8b5cf6;border-radius:50%;animation:epSpin .8s linear infinite;margin-bottom:16px}@keyframes epSpin{to{transform:rotate(360deg)}}.ep-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.ep-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.ep-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.ep-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.ep-modal-header h3 i{color:#8b5cf6}.ep-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.ep-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.ep-modal-close i{font-size:20px;pointer-events:none}.ep-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.ep-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.ep-view-grid{display:flex;flex-direction:column;gap:16px}.ep-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.ep-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.ep-view-section h4 i{color:#8b5cf6}.ep-view-row{display:flex;margin-bottom:8px;padding:4px 0}.ep-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.ep-view-full{flex-direction:column}.ep-view-full .ep-view-label{width:100%;margin-bottom:4px}.ep-form-group{display:flex;flex-direction:column;gap:6px}.ep-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.ep-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.ep-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}@media(max-width:768px){.ep-page-header{flex-direction:column;align-items:flex-start;gap:12px}.ep-page-header-right{width:100%;justify-content:flex-start}.ep-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ep-data-table{font-size:12px;min-width:800px}.ep-data-table thead th,.ep-data-table tbody td{padding:8px 10px}.ep-col-actions{min-width:120px!important}.ep-modal-container{width:95%;margin:10px}.ep-modal-close{width:40px;height:40px;font-size:20px}.ep-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.ep-page{padding:10px 12px}.ep-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.ep-stat-card{padding:12px 14px}.ep-stat-number{font-size:18px}.ep-stat-icon{width:36px;height:36px;font-size:16px}.ep-data-table{font-size:11px;min-width:650px}.ep-data-table thead th,.ep-data-table tbody td{padding:6px 8px}.ep-col-actions{min-width:100px!important}.ep-view-row{flex-direction:column}.ep-view-label{width:100%;margin-bottom:2px}.ep-modal-close{width:36px;height:36px;font-size:18px}.ep-tabs-container{flex-direction:column;width:100%}.ep-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.ep-page{background:#1a1a2e}.ep-page-header{border-color:#2d2d44}.ep-page-header-left h2{color:#fff}.ep-page-subtitle{color:#88a}.ep-department-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.ep-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ep-btn-secondary:hover{background:#4d4d6c}.ep-stat-card{background:#2d2d44;border-color:#3d3d5c}.ep-stat-number{color:#fff}.ep-stat-label{color:#88a}.ep-search-bar{background:#2d2d44;border-color:#3d3d5c}.ep-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.ep-search-input{color:#fff}.ep-search-input::placeholder{color:#88a}.ep-search-icon{color:#88a}.ep-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.ep-tab-btn{color:#88a}.ep-tab-btn:hover{background:#4d4d6c;color:#fff}.ep-tab-btn.active{background:#8b5cf6;color:#fff}.ep-table-container{background:#2d2d44;border-color:#3d3d5c}.ep-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.ep-data-table thead th{color:#fff;background:#3d3d5c}.ep-data-table tbody tr{border-color:#3d3d5c}.ep-data-table tbody tr:hover{background-color:#3d3d5c}.ep-data-table tbody td{color:#d0d0e0}.ep-ref-number{color:#88a}.ep-amount{color:#34d399}.ep-status-draft{background:#3d3d5c;color:#88a}.ep-status-finance-approved{background:#1a2a5c;color:#60a5fa}.ep-status-approved{background:#1a4d3d;color:#34d399}.ep-status-paid{background:#2d1a5c;color:#a78bfa}.ep-status-rejected{background:#5c1a1a;color:#f87171}.ep-icon-btn{color:#88a}.ep-icon-btn:hover{background-color:#3d3d5c}.ep-icon-view{color:#60a5fa}.ep-icon-view:hover{background-color:#1a2a5c}.ep-icon-approve{color:#34d399}.ep-icon-approve:hover{background-color:#1a4d3d}.ep-icon-reject{color:#f87171}.ep-icon-reject:hover{background-color:#5c1a1a}.ep-empty-state h4{color:#fff}.ep-empty-state p{color:#88a}.ep-empty-icon{color:#3d3d5c}.ep-modal-container{background:#2d2d44}.ep-modal-header{border-color:#3d3d5c}.ep-modal-header h3{color:#fff}.ep-modal-header h3 i{color:#a78bfa}.ep-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.ep-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.ep-modal-footer{border-color:#3d3d5c}.ep-view-section{border-color:#3d3d5c;background:#22223a}.ep-view-section h4{color:#fff;border-color:#3d3d5c}.ep-view-section h4 i{color:#a78bfa}.ep-view-label{color:#88a}.ep-form-group label{color:#fff}.ep-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ep-textarea:focus{border-color:#8b5cf6}.ep-spinner{border-color:#3d3d5c;border-top-color:#8b5cf6}}.ha-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.ha-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ha-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.ha-page-header-left h2 i{color:#f59e0b}.ha-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.ha-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.ha-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ha-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.ha-btn-primary{background:#f59e0b;color:#fff}.ha-btn-primary:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.ha-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.ha-btn-secondary:hover{background:#e8e8e8;border-color:silver}.ha-btn-approve{background:#10b981;color:#fff}.ha-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ha-btn-reject{background:#ef4444;color:#fff}.ha-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.ha-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.ha-btn-label{display:none}.ha-btn{padding:6px 10px}}.ha-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.ha-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.ha-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.ha-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.ha-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.ha-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.ha-stat-total{background:linear-gradient(135deg,#f59e0b,#d97706)}.ha-stat-content{display:flex;flex-direction:column}.ha-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.ha-stat-label{font-size:13px;color:#666}.ha-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.ha-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.ha-search-input-wrapper:focus-within{border-color:#f59e0b}.ha-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.ha-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.ha-search-input::placeholder{color:#999}.ha-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ha-clear-search:hover{color:#1a1a2e}.ha-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.ha-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.ha-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ha-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.ha-tab-btn.active{background:#f59e0b;color:#fff}.ha-tab-btn i{margin-right:4px}.ha-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.ha-table-wrapper{overflow-x:auto;width:100%}.ha-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.ha-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ha-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.ha-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ha-data-table tbody tr:hover{background-color:#fafbff}.ha-data-table tbody tr:last-child{border-bottom:none}.ha-data-table tbody td{padding:10px 14px;vertical-align:middle}.ha-col-actions{min-width:140px!important;text-align:center!important}.ha-amount{font-weight:600;color:#059669}.ha-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ha-status-draft{background:#e2e8f0;color:#475569}.ha-status-submitted{background:#fef3c7;color:#d97706}.ha-status-hod-approved{background:#dbeafe;color:#1e40af}.ha-status-finance-approved,.ha-status-approved{background:#d1fae5;color:#059669}.ha-status-rejected{background:#fee2e2;color:#dc2626}.ha-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ha-icon-btn:hover{background-color:#f0f0f0}.ha-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.ha-icon-view{color:#1976d2}.ha-icon-view:hover{background-color:#e3f2fd}.ha-icon-approve{color:#10b981}.ha-icon-approve:hover{background-color:#d1fae5}.ha-icon-reject{color:#ef4444}.ha-icon-reject:hover{background-color:#fee2e2}.ha-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.ha-empty-state{text-align:center;padding:60px 20px;color:#666}.ha-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.ha-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.ha-empty-state p{margin:0;color:#666}.ha-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.ha-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.ha-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#f59e0b;border-radius:50%;animation:haSpin .8s linear infinite;margin-bottom:16px}@keyframes haSpin{to{transform:rotate(360deg)}}.ha-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.ha-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.ha-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.ha-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.ha-modal-header h3 i{color:#f59e0b}.ha-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.ha-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.ha-modal-close i{font-size:20px;pointer-events:none}.ha-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.ha-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.ha-view-grid{display:flex;flex-direction:column;gap:16px}.ha-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.ha-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.ha-view-section h4 i{color:#f59e0b}.ha-view-row{display:flex;margin-bottom:8px;padding:4px 0}.ha-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.ha-view-full{flex-direction:column}.ha-view-full .ha-view-label{width:100%;margin-bottom:4px}.ha-form-group{display:flex;flex-direction:column;gap:6px}.ha-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.ha-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.ha-textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}@media(max-width:768px){.ha-page-header{flex-direction:column;align-items:flex-start;gap:12px}.ha-page-header-right{width:100%;justify-content:flex-start}.ha-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ha-data-table{font-size:12px;min-width:800px}.ha-data-table thead th,.ha-data-table tbody td{padding:8px 10px}.ha-col-actions{min-width:120px!important}.ha-modal-container{width:95%;margin:10px}.ha-modal-close{width:40px;height:40px;font-size:20px}.ha-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.ha-page{padding:10px 12px}.ha-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.ha-stat-card{padding:12px 14px}.ha-stat-number{font-size:18px}.ha-stat-icon{width:36px;height:36px;font-size:16px}.ha-data-table{font-size:11px;min-width:650px}.ha-data-table thead th,.ha-data-table tbody td{padding:6px 8px}.ha-col-actions{min-width:100px!important}.ha-view-row{flex-direction:column}.ha-view-label{width:100%;margin-bottom:2px}.ha-modal-close{width:36px;height:36px;font-size:18px}.ha-tabs-container{flex-direction:column;width:100%}.ha-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.ha-page{background:#1a1a2e}.ha-page-header{border-color:#2d2d44}.ha-page-header-left h2{color:#fff}.ha-page-subtitle{color:#88a}.ha-department-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.ha-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ha-btn-secondary:hover{background:#4d4d6c}.ha-stat-card{background:#2d2d44;border-color:#3d3d5c}.ha-stat-number{color:#fff}.ha-stat-label{color:#88a}.ha-search-bar{background:#2d2d44;border-color:#3d3d5c}.ha-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.ha-search-input{color:#fff}.ha-search-input::placeholder{color:#88a}.ha-search-icon{color:#88a}.ha-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.ha-tab-btn{color:#88a}.ha-tab-btn:hover{background:#4d4d6c;color:#fff}.ha-tab-btn.active{background:#f59e0b;color:#fff}.ha-table-container{background:#2d2d44;border-color:#3d3d5c}.ha-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.ha-data-table thead th{color:#fff;background:#3d3d5c}.ha-data-table tbody tr{border-color:#3d3d5c}.ha-data-table tbody tr:hover{background-color:#3d3d5c}.ha-data-table tbody td{color:#d0d0e0}.ha-amount{color:#34d399}.ha-status-draft{background:#3d3d5c;color:#88a}.ha-status-submitted{background:#5c3d1a;color:#fbbf24}.ha-status-hod-approved{background:#1a2a5c;color:#60a5fa}.ha-status-finance-approved,.ha-status-approved{background:#1a4d3d;color:#34d399}.ha-status-rejected{background:#5c1a1a;color:#f87171}.ha-icon-btn{color:#88a}.ha-icon-btn:hover{background-color:#3d3d5c}.ha-icon-view{color:#60a5fa}.ha-icon-view:hover{background-color:#1a2a5c}.ha-icon-approve{color:#34d399}.ha-icon-approve:hover{background-color:#1a4d3d}.ha-icon-reject{color:#f87171}.ha-icon-reject:hover{background-color:#5c1a1a}.ha-empty-state h4{color:#fff}.ha-empty-state p{color:#88a}.ha-empty-icon{color:#3d3d5c}.ha-modal-container{background:#2d2d44}.ha-modal-header{border-color:#3d3d5c}.ha-modal-header h3{color:#fff}.ha-modal-header h3 i{color:#fbbf24}.ha-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.ha-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.ha-modal-footer{border-color:#3d3d5c}.ha-view-section{border-color:#3d3d5c;background:#22223a}.ha-view-section h4{color:#fff;border-color:#3d3d5c}.ha-view-section h4 i{color:#fbbf24}.ha-view-label{color:#88a}.ha-form-group label{color:#fff}.ha-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ha-textarea:focus{border-color:#f59e0b}.ha-spinner{border-color:#3d3d5c;border-top-color:#f59e0b}}.fa-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.fa-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.fa-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.fa-page-header-left h2 i{color:#3b82f6}.fa-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.fa-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.fa-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fa-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.fa-btn-primary{background:#3b82f6;color:#fff}.fa-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.fa-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.fa-btn-secondary:hover{background:#e8e8e8;border-color:silver}.fa-btn-approve{background:#10b981;color:#fff}.fa-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.fa-btn-reject{background:#ef4444;color:#fff}.fa-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.fa-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.fa-btn-label{display:none}.fa-btn{padding:6px 10px}}.fa-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.fa-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.fa-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.fa-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.fa-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.fa-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.fa-stat-total{background:linear-gradient(135deg,#3b82f6,#2563eb)}.fa-stat-content{display:flex;flex-direction:column}.fa-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.fa-stat-label{font-size:13px;color:#666}.fa-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.fa-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.fa-search-input-wrapper:focus-within{border-color:#3b82f6}.fa-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.fa-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.fa-search-input::placeholder{color:#999}.fa-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.fa-clear-search:hover{color:#1a1a2e}.fa-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.fa-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.fa-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.fa-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.fa-tab-btn.active{background:#3b82f6;color:#fff}.fa-tab-btn i{margin-right:4px}.fa-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.fa-table-wrapper{overflow-x:auto;width:100%}.fa-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:800px}.fa-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.fa-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.fa-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.fa-data-table tbody tr:hover{background-color:#fafbff}.fa-data-table tbody tr:last-child{border-bottom:none}.fa-data-table tbody td{padding:10px 14px;vertical-align:middle}.fa-col-actions{min-width:140px!important;text-align:center!important}.fa-amount{font-weight:600;color:#059669}.fa-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.fa-status-draft{background:#e2e8f0;color:#475569}.fa-status-hod-approved{background:#dbeafe;color:#1e40af}.fa-status-finance-approved,.fa-status-approved{background:#d1fae5;color:#059669}.fa-status-rejected{background:#fee2e2;color:#dc2626}.fa-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.fa-icon-btn:hover{background-color:#f0f0f0}.fa-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.fa-icon-view{color:#1976d2}.fa-icon-view:hover{background-color:#e3f2fd}.fa-icon-approve{color:#10b981}.fa-icon-approve:hover{background-color:#d1fae5}.fa-icon-reject{color:#ef4444}.fa-icon-reject:hover{background-color:#fee2e2}.fa-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.fa-empty-state{text-align:center;padding:60px 20px;color:#666}.fa-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.fa-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.fa-empty-state p{margin:0;color:#666}.fa-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.fa-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.fa-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:faSpin .8s linear infinite;margin-bottom:16px}@keyframes faSpin{to{transform:rotate(360deg)}}.fa-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.fa-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.fa-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.fa-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.fa-modal-header h3 i{color:#3b82f6}.fa-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.fa-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.fa-modal-close i{font-size:20px;pointer-events:none}.fa-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.fa-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.fa-view-grid{display:flex;flex-direction:column;gap:16px}.fa-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.fa-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.fa-view-section h4 i{color:#3b82f6}.fa-view-row{display:flex;margin-bottom:8px;padding:4px 0}.fa-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.fa-view-full{flex-direction:column}.fa-view-full .fa-view-label{width:100%;margin-bottom:4px}.fa-form-group{display:flex;flex-direction:column;gap:6px}.fa-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.fa-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.fa-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.fa-help-text{font-size:12px;color:#666;font-style:italic}.fa-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.fa-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media(max-width:768px){.fa-page-header{flex-direction:column;align-items:flex-start;gap:12px}.fa-page-header-right{width:100%;justify-content:flex-start}.fa-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.fa-data-table{font-size:12px;min-width:700px}.fa-data-table thead th,.fa-data-table tbody td{padding:8px 10px}.fa-col-actions{min-width:120px!important}.fa-modal-container{width:95%;margin:10px}.fa-modal-close{width:40px;height:40px;font-size:20px}.fa-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.fa-page{padding:10px 12px}.fa-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.fa-stat-card{padding:12px 14px}.fa-stat-number{font-size:18px}.fa-stat-icon{width:36px;height:36px;font-size:16px}.fa-data-table{font-size:11px;min-width:550px}.fa-data-table thead th,.fa-data-table tbody td{padding:6px 8px}.fa-col-actions{min-width:100px!important}.fa-view-row{flex-direction:column}.fa-view-label{width:100%;margin-bottom:2px}.fa-modal-close{width:36px;height:36px;font-size:18px}.fa-tabs-container{flex-direction:column;width:100%}.fa-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.fa-page{background:#1a1a2e}.fa-page-header{border-color:#2d2d44}.fa-page-header-left h2{color:#fff}.fa-page-subtitle{color:#88a}.fa-department-badge{background:linear-gradient(135deg,#3b82f6,#2563eb)}.fa-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fa-btn-secondary:hover{background:#4d4d6c}.fa-stat-card{background:#2d2d44;border-color:#3d3d5c}.fa-stat-number{color:#fff}.fa-stat-label{color:#88a}.fa-search-bar{background:#2d2d44;border-color:#3d3d5c}.fa-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.fa-search-input{color:#fff}.fa-search-input::placeholder{color:#88a}.fa-search-icon{color:#88a}.fa-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.fa-tab-btn{color:#88a}.fa-tab-btn:hover{background:#4d4d6c;color:#fff}.fa-tab-btn.active{background:#3b82f6;color:#fff}.fa-table-container{background:#2d2d44;border-color:#3d3d5c}.fa-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.fa-data-table thead th{color:#fff;background:#3d3d5c}.fa-data-table tbody tr{border-color:#3d3d5c}.fa-data-table tbody tr:hover{background-color:#3d3d5c}.fa-data-table tbody td{color:#d0d0e0}.fa-amount{color:#34d399}.fa-status-draft{background:#3d3d5c;color:#88a}.fa-status-hod-approved{background:#1a2a5c;color:#60a5fa}.fa-status-finance-approved,.fa-status-approved{background:#1a4d3d;color:#34d399}.fa-status-rejected{background:#5c1a1a;color:#f87171}.fa-icon-btn{color:#88a}.fa-icon-btn:hover{background-color:#3d3d5c}.fa-icon-view{color:#60a5fa}.fa-icon-view:hover{background-color:#1a2a5c}.fa-icon-approve{color:#34d399}.fa-icon-approve:hover{background-color:#1a4d3d}.fa-icon-reject{color:#f87171}.fa-icon-reject:hover{background-color:#5c1a1a}.fa-empty-state h4{color:#fff}.fa-empty-state p{color:#88a}.fa-empty-icon{color:#3d3d5c}.fa-modal-container{background:#2d2d44}.fa-modal-header{border-color:#3d3d5c}.fa-modal-header h3{color:#fff}.fa-modal-header h3 i{color:#60a5fa}.fa-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.fa-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.fa-modal-footer{border-color:#3d3d5c}.fa-view-section{border-color:#3d3d5c;background:#22223a}.fa-view-section h4{color:#fff;border-color:#3d3d5c}.fa-view-section h4 i{color:#60a5fa}.fa-view-label{color:#88a}.fa-form-group label{color:#fff}.fa-input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fa-input:focus{border-color:#3b82f6}.fa-help-text{color:#88a}.fa-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.fa-textarea:focus{border-color:#3b82f6}.fa-spinner{border-color:#3d3d5c;border-top-color:#3b82f6}}.ea-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.ea-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.ea-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.ea-page-header-left h2 i{color:#8b5cf6}.ea-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.ea-department-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.ea-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ea-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.ea-btn-primary{background:#8b5cf6;color:#fff}.ea-btn-primary:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.ea-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.ea-btn-secondary:hover{background:#e8e8e8;border-color:silver}.ea-btn-approve{background:#10b981;color:#fff}.ea-btn-approve:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.ea-btn-reject{background:#ef4444;color:#fff}.ea-btn-reject:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.ea-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.ea-btn-label{display:none}.ea-btn{padding:6px 10px}}.ea-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.ea-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.ea-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.ea-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.ea-stat-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.ea-stat-processed{background:linear-gradient(135deg,#10b981,#059669)}.ea-stat-total{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.ea-stat-content{display:flex;flex-direction:column}.ea-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.ea-stat-label{font-size:13px;color:#666}.ea-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.ea-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.ea-search-input-wrapper:focus-within{border-color:#8b5cf6}.ea-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.ea-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.ea-search-input::placeholder{color:#999}.ea-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ea-clear-search:hover{color:#1a1a2e}.ea-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.ea-tabs-container{display:flex;gap:4px;background:#fff;padding:4px;border-radius:8px;border:1px solid #e0e0e0}.ea-tab-btn{padding:6px 16px;border:none;border-radius:6px;background:transparent;color:#666;font-size:clamp(12px,1vw,13px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.ea-tab-btn:hover{background:#f0f0f0;color:#1a1a2e}.ea-tab-btn.active{background:#8b5cf6;color:#fff}.ea-tab-btn i{margin-right:4px}.ea-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.ea-table-wrapper{overflow-x:auto;width:100%}.ea-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1100px}.ea-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.ea-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.ea-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.ea-data-table tbody tr:hover{background-color:#fafbff}.ea-data-table tbody tr:last-child{border-bottom:none}.ea-data-table tbody td{padding:10px 14px;vertical-align:middle}.ea-col-actions{min-width:140px!important;text-align:center!important}.ea-amount{font-weight:600;color:#059669}.ea-amount-warning{font-weight:600;color:#d97706}.ea-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ea-status-draft{background:#e2e8f0;color:#475569}.ea-status-finance-approved{background:#dbeafe;color:#1e40af}.ea-status-approved{background:#d1fae5;color:#059669}.ea-status-rejected{background:#fee2e2;color:#dc2626}.ea-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.ea-icon-btn:hover{background-color:#f0f0f0}.ea-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.ea-icon-view{color:#1976d2}.ea-icon-view:hover{background-color:#e3f2fd}.ea-icon-approve{color:#10b981}.ea-icon-approve:hover{background-color:#d1fae5}.ea-icon-reject{color:#ef4444}.ea-icon-reject:hover{background-color:#fee2e2}.ea-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.ea-empty-state{text-align:center;padding:60px 20px;color:#666}.ea-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.ea-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.ea-empty-state p{margin:0;color:#666}.ea-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.ea-loading-state{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;color:#666}.ea-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#8b5cf6;border-radius:50%;animation:eaSpin .8s linear infinite;margin-bottom:16px}@keyframes eaSpin{to{transform:rotate(360deg)}}.ea-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.ea-modal-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.ea-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.ea-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.ea-modal-header h3 i{color:#8b5cf6}.ea-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;cursor:pointer;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto}.ea-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.ea-modal-close i{font-size:20px;pointer-events:none}.ea-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.ea-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.ea-view-grid{display:flex;flex-direction:column;gap:16px}.ea-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.ea-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.ea-view-section h4 i{color:#8b5cf6}.ea-view-row{display:flex;margin-bottom:8px;padding:4px 0}.ea-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.ea-view-full{flex-direction:column}.ea-view-full .ea-view-label{width:100%;margin-bottom:4px}.ea-form-group{display:flex;flex-direction:column;gap:6px}.ea-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.ea-textarea{padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit;resize:vertical}.ea-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.ea-budget-table-wrapper{overflow-x:auto}.ea-budget-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1vw,13px)}.ea-budget-table th{background:#f8f9fa;padding:8px 12px;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e0e0e0}.ea-budget-table td{padding:8px 12px;border-bottom:1px solid #f0f0f0}.ea-budget-table tr:last-child td{border-bottom:none}.ea-total-row{background:#f8f9fa;font-weight:600}.ea-total-row td{padding:10px 12px;border-top:2px solid #e0e0e0}.ea-center-cell{text-align:center}.ea-right-cell{text-align:right}@media(max-width:768px){.ea-page-header{flex-direction:column;align-items:flex-start;gap:12px}.ea-page-header-right{width:100%;justify-content:flex-start}.ea-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ea-data-table{font-size:12px;min-width:800px}.ea-data-table thead th,.ea-data-table tbody td{padding:8px 10px}.ea-col-actions{min-width:120px!important}.ea-modal-container{width:95%;margin:10px}.ea-modal-close{width:40px;height:40px;font-size:20px}.ea-tabs-container{flex-wrap:wrap}}@media(max-width:480px){.ea-page{padding:10px 12px}.ea-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.ea-stat-card{padding:12px 14px}.ea-stat-number{font-size:18px}.ea-stat-icon{width:36px;height:36px;font-size:16px}.ea-data-table{font-size:11px;min-width:650px}.ea-data-table thead th,.ea-data-table tbody td{padding:6px 8px}.ea-col-actions{min-width:100px!important}.ea-view-row{flex-direction:column}.ea-view-label{width:100%;margin-bottom:2px}.ea-modal-close{width:36px;height:36px;font-size:18px}.ea-tabs-container{flex-direction:column;width:100%}.ea-tab-btn{text-align:center}}@media(prefers-color-scheme:dark){.ea-page{background:#1a1a2e}.ea-page-header{border-color:#2d2d44}.ea-page-header-left h2{color:#fff}.ea-page-subtitle{color:#88a}.ea-department-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.ea-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ea-btn-secondary:hover{background:#4d4d6c}.ea-stat-card{background:#2d2d44;border-color:#3d3d5c}.ea-stat-number{color:#fff}.ea-stat-label{color:#88a}.ea-search-bar{background:#2d2d44;border-color:#3d3d5c}.ea-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.ea-search-input{color:#fff}.ea-search-input::placeholder{color:#88a}.ea-search-icon{color:#88a}.ea-tabs-container{background:#3d3d5c;border-color:#4d4d6c}.ea-tab-btn{color:#88a}.ea-tab-btn:hover{background:#4d4d6c;color:#fff}.ea-tab-btn.active{background:#8b5cf6;color:#fff}.ea-table-container{background:#2d2d44;border-color:#3d3d5c}.ea-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.ea-data-table thead th{color:#fff;background:#3d3d5c}.ea-data-table tbody tr{border-color:#3d3d5c}.ea-data-table tbody tr:hover{background-color:#3d3d5c}.ea-data-table tbody td{color:#d0d0e0}.ea-amount{color:#34d399}.ea-amount-warning{color:#fbbf24}.ea-status-draft{background:#3d3d5c;color:#88a}.ea-status-finance-approved{background:#1a2a5c;color:#60a5fa}.ea-status-approved{background:#1a4d3d;color:#34d399}.ea-status-rejected{background:#5c1a1a;color:#f87171}.ea-icon-btn{color:#88a}.ea-icon-btn:hover{background-color:#3d3d5c}.ea-icon-view{color:#60a5fa}.ea-icon-view:hover{background-color:#1a2a5c}.ea-icon-approve{color:#34d399}.ea-icon-approve:hover{background-color:#1a4d3d}.ea-icon-reject{color:#f87171}.ea-icon-reject:hover{background-color:#5c1a1a}.ea-empty-state h4{color:#fff}.ea-empty-state p{color:#88a}.ea-empty-icon{color:#3d3d5c}.ea-modal-container{background:#2d2d44}.ea-modal-header{border-color:#3d3d5c}.ea-modal-header h3{color:#fff}.ea-modal-header h3 i{color:#a78bfa}.ea-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.ea-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.ea-modal-footer{border-color:#3d3d5c}.ea-view-section{border-color:#3d3d5c;background:#22223a}.ea-view-section h4{color:#fff;border-color:#3d3d5c}.ea-view-section h4 i{color:#a78bfa}.ea-view-label{color:#88a}.ea-form-group label{color:#fff}.ea-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.ea-textarea:focus{border-color:#8b5cf6}.ea-budget-table th{background:#3d3d5c;color:#fff;border-color:#4d4d6c}.ea-budget-table td{border-color:#3d3d5c;color:#d0d0e0}.ea-total-row{background:#3d3d5c}.ea-total-row td{border-color:#4d4d6c}.ea-spinner{border-color:#3d3d5c;border-top-color:#8b5cf6}}.pmr-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.pmr-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.pmr-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.pmr-page-header-left h2 i{color:#3b82f6}.pmr-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.pmr-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pmr-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.pmr-btn-primary{background:#3b82f6;color:#fff}.pmr-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.pmr-btn-success{background:#10b981;color:#fff}.pmr-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.pmr-btn-danger{background:#ef4444;color:#fff}.pmr-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.pmr-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.pmr-btn-secondary:hover{background:#e8e8e8;border-color:silver}.pmr-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.pmr-btn-label{display:none}.pmr-btn{padding:6px 10px}}.pmr-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.pmr-stat-card{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.pmr-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.pmr-stat-icon{width:44px;height:44px;border-radius:8px;background:#dbeafe;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pmr-stat-icon i{font-size:22px;color:#3b82f6}.pmr-stat-info{display:flex;flex-direction:column}.pmr-stat-value{font-size:24px;font-weight:700;color:#1a1a2e}.pmr-stat-label{font-size:12px;color:#64748b;font-weight:500}.pmr-filters-section{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:20px}.pmr-filters-container{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.pmr-search-box{flex:1;min-width:200px;position:relative}.pmr-search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.pmr-search-box input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);background:#fff;color:#1a1a2e;transition:border-color .3s}.pmr-search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.pmr-filter-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);background:#fff;color:#1a1a2e;min-width:150px;cursor:pointer}.pmr-filter-select:focus{outline:none;border-color:#3b82f6}.pmr-view-toggle{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:6px}.pmr-toggle-btn{padding:6px 10px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s;color:#64748b}.pmr-toggle-btn i{font-size:18px}.pmr-toggle-btn.active{background:#fff;color:#3b82f6;box-shadow:0 1px 2px #0000000d}.pmr-toggle-btn:hover:not(.active){background:#e2e8f0}@media(max-width:768px){.pmr-filters-container{flex-direction:column}.pmr-search-box,.pmr-filter-select{width:100%;min-width:unset}.pmr-view-toggle{width:100%;justify-content:center}}.pmr-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.pmr-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top-color:#3b82f6;border-radius:50%;animation:pmrSpin .8s linear infinite;margin-bottom:12px}@keyframes pmrSpin{to{transform:rotate(360deg)}}.pmr-error-container{display:flex;justify-content:center;align-items:center;padding:40px 20px}.pmr-alert{padding:12px 16px;border-radius:6px;display:flex;align-items:center;gap:12px;max-width:500px}.pmr-alert-error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.pmr-alert-error i{font-size:20px}.pmr-btn-retry{margin-left:auto;padding:6px 14px;background:#dc2626;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.pmr-btn-retry:hover{background:#b91c1c}.pmr-empty-state{text-align:center;padding:60px 20px}.pmr-empty-state i{font-size:48px;color:#d1d5db;margin-bottom:16px}.pmr-empty-state h3{margin:0 0 8px;color:#1a1a2e;font-size:18px}.pmr-empty-state p{color:#64748b;margin-bottom:20px}.pmr-table-container{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.pmr-table-wrapper{overflow-x:auto}.pmr-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px)}.pmr-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.pmr-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.pmr-data-table thead th:hover{background:#f1f5f9}.pmr-data-table thead th i{margin-left:6px;font-size:12px;color:#94a3b8}.pmr-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.pmr-data-table tbody tr:hover{background-color:#fafbff}.pmr-data-table tbody td{padding:10px 14px;vertical-align:middle}.pmr-report-id{font-weight:600;color:#1a1a2e;font-family:monospace}.pmr-report-type-badge{display:inline-block;padding:2px 10px;background:#e0f2fe;color:#0369a1;border-radius:4px;font-size:12px;font-weight:500}.pmr-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.pmr-status-submitted{background:#fef3c7;color:#92400e}.pmr-status-approved{background:#d1fae5;color:#065f46}.pmr-action-buttons{display:flex;gap:4px;flex-wrap:wrap}.pmr-icon-btn{background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.pmr-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.pmr-icon-view{color:#1976d2;background:#e3f2fd}.pmr-icon-view:hover{background:#bbdefb}.pmr-icon-print{color:#7c3aed;background:#ede9fe}.pmr-icon-print:hover{background:#ddd6fe}.pmr-icon-approve{color:#059669;background:#d1fae5}.pmr-icon-approve:hover{background:#a7f3d0}.pmr-icon-reject{color:#dc2626;background:#fee2e2}.pmr-icon-reject:hover{background:#fecaca}.pmr-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}.pmr-report-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease}.pmr-report-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.pmr-card-header{background:#f8fafc;padding:12px 16px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.pmr-card-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#1a1a2e}.pmr-card-title i{color:#3b82f6;font-size:18px}.pmr-card-body{padding:16px}.pmr-card-info{display:flex;flex-direction:column;gap:8px}.pmr-info-row{display:flex;align-items:center;gap:8px;font-size:13px}.pmr-info-row i{width:18px;color:#94a3b8}.pmr-info-label{font-weight:500;color:#64748b;min-width:110px}.pmr-info-value{color:#1a1a2e;flex:1}.pmr-card-footer{padding:12px 16px;border-top:1px solid #e0e0e0;display:flex;gap:6px;flex-wrap:wrap}.pmr-btn-sm{flex:1;padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .2s}.pmr-btn-view{background:#dbeafe;color:#1d4ed8}.pmr-btn-view:hover{background:#bfdbfe}.pmr-btn-print{background:#ede9fe;color:#5b21b6}.pmr-btn-print:hover{background:#ddd6fe}.pmr-btn-approve{background:#d1fae5;color:#059669}.pmr-btn-approve:hover{background:#a7f3d0}.pmr-btn-reject{background:#fee2e2;color:#dc2626}.pmr-btn-reject:hover{background:#fecaca}@media(max-width:600px){.pmr-cards-container{grid-template-columns:1fr}}.pmr-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pmr-modal-container{background:#fff;border-radius:12px;width:95%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:pmrSlideUp .3s ease}@keyframes pmrSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.pmr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.pmr-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.pmr-modal-header h3 i{color:#3b82f6}.pmr-modal-close{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s;color:#666;font-size:20px}.pmr-modal-close:hover{background:#f0f0f0;color:#1a1a2e}.pmr-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.pmr-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.pmr-details-grid{display:flex;flex-direction:column;gap:16px}.pmr-detail-section{border:1px solid #e0e0e0;border-radius:8px;padding:14px 16px}.pmr-detail-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.pmr-detail-section h4 i{color:#3b82f6}.pmr-detail-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9}.pmr-detail-row:last-child{border-bottom:none}.pmr-detail-label{font-weight:500;color:#64748b;min-width:160px;flex-shrink:0;font-size:13px}.pmr-detail-value{color:#1a1a2e;flex:1;font-size:13px}.pmr-detail-row.pmr-full-width{flex-direction:column}.pmr-detail-row.pmr-full-width .pmr-detail-label{margin-bottom:4px}.pmr-detail-row.pmr-full-width p{margin:0;color:#1a1a2e;font-size:13px;line-height:1.6}.pmr-list{margin:4px 0 0;padding-left:20px}.pmr-list li{margin:6px 0;color:#334155;font-size:13px}.pmr-list-check{list-style:none;padding-left:0}.pmr-list-check li{padding:4px 0;color:#059669}@media(max-width:768px){.pmr-page-header{flex-direction:column;align-items:flex-start;gap:12px}.pmr-page-header-right{width:100%;justify-content:flex-start}.pmr-stats-container{grid-template-columns:repeat(2,1fr)}.pmr-modal-container{width:98%;max-height:95vh}.pmr-detail-row{flex-direction:column}.pmr-detail-label{min-width:unset;margin-bottom:2px}.pmr-modal-footer{justify-content:center}.pmr-modal-footer .pmr-btn{flex:1;justify-content:center}}@media(max-width:480px){.pmr-page{padding:10px 12px}.pmr-stats-container{grid-template-columns:1fr 1fr}.pmr-stat-card{padding:12px 14px}.pmr-stat-icon{width:36px;height:36px}.pmr-stat-icon i{font-size:18px}.pmr-stat-value{font-size:20px}.pmr-data-table{font-size:11px;min-width:600px}.pmr-card-footer .pmr-btn-sm{font-size:11px;padding:4px 8px}}@media(prefers-color-scheme:dark){.pmr-page{background:#1a1a2e}.pmr-page-header{border-color:#2d2d44}.pmr-page-header-left h2{color:#fff}.pmr-page-subtitle{color:#88a}.pmr-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pmr-btn-secondary:hover{background:#4d4d6c}.pmr-stat-card{background:#2d2d44;border-color:#3d3d5c}.pmr-stat-value{color:#fff}.pmr-stat-label{color:#88a}.pmr-stat-icon{background:#1a2a5c}.pmr-stat-icon i{color:#3b82f6}.pmr-filters-section{background:#2d2d44;border-color:#3d3d5c}.pmr-search-box input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pmr-search-box input:focus{border-color:#3b82f6}.pmr-search-box i{color:#88a}.pmr-filter-select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pmr-filter-select:focus{border-color:#3b82f6}.pmr-view-toggle{background:#3d3d5c}.pmr-toggle-btn{color:#88a}.pmr-toggle-btn.active{background:#4d4d6c;color:#3b82f6}.pmr-table-container{border-color:#3d3d5c}.pmr-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.pmr-data-table thead th{color:#fff}.pmr-data-table tbody tr{border-color:#3d3d5c}.pmr-data-table tbody tr:hover{background-color:#3d3d5c}.pmr-data-table tbody td,.pmr-report-id{color:#d0d0e0}.pmr-report-type-badge{background:#1a2a5c;color:#64b5f6}.pmr-report-card{background:#2d2d44;border-color:#3d3d5c}.pmr-card-header{background:#3d3d5c;border-color:#4d4d6c}.pmr-card-title{color:#fff}.pmr-info-label{color:#88a}.pmr-info-value{color:#d0d0e0}.pmr-card-footer{border-color:#4d4d6c}.pmr-modal-container{background:#2d2d44}.pmr-modal-header{border-color:#3d3d5c}.pmr-modal-header h3{color:#fff}.pmr-modal-footer,.pmr-detail-section{border-color:#3d3d5c}.pmr-detail-section h4{color:#fff;border-color:#3d3d5c}.pmr-detail-label{color:#88a}.pmr-detail-value,.pmr-detail-row.pmr-full-width p,.pmr-list li{color:#d0d0e0}.pmr-empty-state h3{color:#fff}.pmr-empty-state p{color:#88a}.pmr-empty-state i{color:#3d3d5c}.pmr-spinner{border-color:#3d3d5c;border-top-color:#3b82f6}.pmr-loading-container{color:#88a}.pmr-alert-error{background:#3d1f1f;border-color:#5c3d3d;color:#fca5a5}}.pcs-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}.pcs-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.pcs-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.pcs-page-header-left h2 i{color:#667eea}.pcs-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.pcs-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pcs-header-stats{display:flex;gap:12px;flex-wrap:wrap}.pcs-stat-card{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:8px;border:1px solid #e0e0e0;cursor:pointer;transition:all .2s;background:#f8fafc}.pcs-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.pcs-stat-card i{font-size:24px}.pcs-stat-pending i{color:#f59e0b}.pcs-stat-pending:hover{border-color:#f59e0b}.pcs-stat-submitted i{color:#3b82f6}.pcs-stat-submitted:hover{border-color:#3b82f6}.pcs-stat-approved i{color:#10b981}.pcs-stat-approved:hover{border-color:#10b981}.pcs-stat-info{display:flex;flex-direction:column}.pcs-stat-value{font-size:20px;font-weight:700;color:#1a1a2e}.pcs-stat-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.pcs-tabs-section{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #e0e0e0;flex-wrap:wrap}.pcs-tab-btn{padding:10px 20px;border:none;background:none;font-weight:500;color:#6b7280;cursor:pointer;border-radius:6px 6px 0 0;transition:all .2s;font-size:14px;display:flex;align-items:center;gap:8px}.pcs-tab-btn:hover{color:#667eea;background:#f0f4ff}.pcs-tab-btn.pcs-active{color:#667eea;background:#f0f4ff;border-bottom:3px solid #667eea}.pcs-tab-count{display:inline-block;background:#e2e8f0;padding:0 8px;border-radius:12px;font-size:12px;font-weight:600;color:#4a5568}.pcs-tab-btn.pcs-active .pcs-tab-count{background:#667eea;color:#fff}.pcs-filters-section{background:#f8fafc;border-radius:8px;padding:12px 16px;margin-bottom:20px;border:1px solid #e0e0e0}.pcs-filters-container{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.pcs-search-box{flex:1;min-width:200px;position:relative}.pcs-search-box i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.pcs-search-box input{width:100%;padding:8px 12px 8px 36px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .2s}.pcs-search-box input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pcs-filter-select{padding:8px 32px 8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:140px}.pcs-filter-select:focus{outline:none;border-color:#667eea}.pcs-view-toggle{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:6px}.pcs-toggle-btn{padding:4px 10px;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s;color:#6b7280}.pcs-toggle-btn.pcs-active{background:#667eea;color:#fff}.pcs-toggle-btn:hover:not(.pcs-active){background:#e2e8f0}.pcs-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.pcs-btn-primary{background:#667eea;color:#fff}.pcs-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.pcs-btn-success{background:#10b981;color:#fff}.pcs-btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.pcs-btn-danger{background:#ef4444;color:#fff}.pcs-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.pcs-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.pcs-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:silver}.pcs-btn-print{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.pcs-btn-print:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.pcs-btn-view{background:#dbeafe;color:#1e40af}.pcs-btn-view:hover:not(:disabled){background:#bfdbfe}.pcs-btn:disabled{opacity:.6;cursor:not-allowed}.pcs-spinner{display:inline-block;width:18px;height:18px;border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:pcsSpin .8s linear infinite}@keyframes pcsSpin{to{transform:rotate(360deg)}}.pcs-loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.pcs-loading-spinner{text-align:center}.pcs-loading-spinner .pcs-spinner{width:40px;height:40px;border-width:4px}.pcs-error-container{padding:20px}.pcs-alert{padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pcs-alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.pcs-btn-retry{margin-left:auto;padding:6px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.pcs-btn-retry:hover{background:#b91c1c}.pcs-empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.pcs-empty-state i{font-size:48px;color:#e0e0e0;margin-bottom:16px}.pcs-empty-state h3{color:#374151;margin-bottom:8px}.pcs-empty-state p{color:#94a3b8;margin-bottom:20px}.pcs-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden}.pcs-table-responsive{overflow-x:auto}.pcs-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:900px}.pcs-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.pcs-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.pcs-data-table thead th:hover{background:#f1f5f9}.pcs-data-table thead th i{margin-left:4px;font-size:11px}.pcs-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.pcs-data-table tbody tr:hover{background-color:#fafbff}.pcs-data-table tbody td{padding:10px 14px;vertical-align:middle}.pcs-col-actions{min-width:100px!important;text-align:center!important}.pcs-irp-number{font-weight:600;color:#667eea;font-family:monospace}.pcs-child-name{font-weight:500;color:#1a1a2e}.pcs-child-detail{font-size:11px;color:#6b7280;display:block}.pcs-budget-cell{font-weight:600;color:#059669}.pcs-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500}.pcs-status-pending{background:#fef3c7;color:#92400e}.pcs-status-submitted{background:#dbeafe;color:#1e40af}.pcs-status-approved{background:#dcfce7;color:#166534}.pcs-action-buttons{display:flex;gap:4px;justify-content:center;align-items:center}.pcs-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.pcs-icon-btn:hover:not(:disabled){background-color:#f0f0f0}.pcs-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.pcs-icon-btn:disabled{opacity:.4;cursor:not-allowed}.pcs-icon-view{color:#1976d2}.pcs-icon-view:hover:not(:disabled){background-color:#e3f2fd}.pcs-icon-print{color:#7c3aed}.pcs-icon-print:hover:not(:disabled){background-color:#ede9fe}.pcs-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.pcs-card{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;transition:all .2s}.pcs-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:#667eea}.pcs-card-header{background:#f8fafc;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.pcs-card-title{display:flex;align-items:center;gap:8px;font-weight:600}.pcs-card-title i{color:#667eea;font-size:18px}.pcs-card-body{padding:16px}.pcs-card-info{display:flex;flex-direction:column;gap:8px}.pcs-info-row{display:flex;align-items:center;gap:8px;font-size:13px}.pcs-info-row i{width:18px;color:#6b7280}.pcs-info-label{color:#6b7280;width:70px;flex-shrink:0}.pcs-info-value{color:#1a1a2e;font-weight:500;flex:1}.pcs-card-footer{padding:12px 16px;background:#f8fafc;border-top:1px solid #e0e0e0;display:flex;gap:10px}.pcs-card-footer button{flex:1;justify-content:center}.pcs-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pcs-modal-container{background:#fff;border-radius:12px;width:95%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.pcs-modal-large{max-width:1000px}.pcs-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.pcs-modal-header h2{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.pcs-modal-header h2 i{color:#667eea}.pcs-modal-close{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:20px}.pcs-modal-close:hover{background-color:#f0f0f0;color:#1a1a2e}.pcs-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.pcs-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;flex-wrap:wrap}.pcs-details-grid{display:flex;flex-direction:column;gap:16px}.pcs-detail-section{background:#f8fafc;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px}.pcs-detail-section h3{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #667eea;padding-bottom:8px;display:inline-block}.pcs-detail-row{display:flex;padding:6px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.pcs-detail-row:last-child{border-bottom:none}.pcs-detail-label{width:40%;font-weight:600;color:#4a5568;flex-shrink:0}.pcs-detail-value{flex:1;color:#1a1a2e}.pcs-total-row{background:#f0fdf4;margin-top:4px;padding:8px 0;border-radius:4px;font-weight:600}.pcs-total-row .pcs-detail-value{color:#059669}.pcs-signatures-display{background:#f8fafc}.pcs-signatures-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.pcs-signature-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;text-align:center}.pcs-signature-icon{font-size:24px;color:#667eea;margin-bottom:8px}.pcs-signature-card h4{margin:0 0 8px;font-size:13px;color:#374151}.pcs-signature-name{font-weight:600;color:#1a1a2e;padding:4px 0;border-bottom:1px solid #e0e0e0;margin-bottom:4px}.pcs-signature-date{font-size:12px;color:#6b7280}.pcs-signature-section{background:#fefce8;border-color:#fde68a}.pcs-signature-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pcs-form-group{display:flex;flex-direction:column;gap:4px}.pcs-form-group.pcs-full-width{grid-column:span 2}.pcs-form-group label{font-size:13px;font-weight:500;color:#374151}.pcs-required{color:#ef4444}.pcs-signature-input{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .2s}.pcs-signature-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pcs-signature-textarea{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;resize:vertical;font-family:inherit;min-height:60px}.pcs-signature-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media(max-width:768px){.pcs-page-header{flex-direction:column;align-items:flex-start}.pcs-page-header-right{width:100%}.pcs-header-stats{width:100%;justify-content:space-between}.pcs-stat-card{flex:1;justify-content:center}.pcs-filters-container{flex-direction:column}.pcs-search-box,.pcs-filter-select{width:100%}.pcs-view-toggle{width:100%;justify-content:center}.pcs-tabs-section{flex-wrap:wrap}.pcs-tab-btn{flex:1;justify-content:center;font-size:12px;padding:8px 12px}.pcs-signatures-grid,.pcs-signature-form{grid-template-columns:1fr}.pcs-form-group.pcs-full-width{grid-column:span 1}.pcs-modal-container{width:95%;max-height:95vh}.pcs-modal-footer{flex-wrap:wrap}.pcs-modal-footer .pcs-btn{flex:1;justify-content:center}.pcs-cards-container{grid-template-columns:1fr}.pcs-detail-row{flex-direction:column;padding:4px 0}.pcs-detail-label{width:100%;font-size:12px}.pcs-detail-value{width:100%}}@media(max-width:480px){.pcs-stat-card{padding:6px 12px}.pcs-stat-value{font-size:16px}.pcs-stat-label{font-size:10px}.pcs-tab-btn{font-size:11px;padding:6px 10px}.pcs-tab-count{font-size:10px}.pcs-data-table{font-size:11px;min-width:700px}.pcs-data-table thead th,.pcs-data-table tbody td{padding:6px 8px}.pcs-col-actions{min-width:80px!important}}@media(prefers-color-scheme:dark){.pcs-page{background:#1a1a2e}.pcs-page-header{border-color:#2d2d44}.pcs-page-header-left h2{color:#fff}.pcs-page-subtitle{color:#88a}.pcs-stat-card{background:#3d3d5c;border-color:#4d4d6c}.pcs-stat-value{color:#fff}.pcs-stat-label{color:#88a}.pcs-tabs-section{border-color:#4d4d6c}.pcs-tab-btn{color:#88a}.pcs-tab-btn:hover{color:#89f;background:#1a2a5c}.pcs-tab-btn.pcs-active{color:#89f;background:#1a2a5c;border-bottom-color:#89f}.pcs-tab-count{background:#4d4d6c;color:#88a}.pcs-tab-btn.pcs-active .pcs-tab-count{background:#89f;color:#1a1a2e}.pcs-filters-section{background:#3d3d5c;border-color:#4d4d6c}.pcs-search-box input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pcs-search-box input:focus{border-color:#89f}.pcs-filter-select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pcs-filter-select:focus{border-color:#89f}.pcs-view-toggle{background:#3d3d5c}.pcs-toggle-btn{color:#88a}.pcs-toggle-btn.pcs-active{background:#89f;color:#1a1a2e}.pcs-toggle-btn:hover:not(.pcs-active){background:#4d4d6c}.pcs-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pcs-btn-secondary:hover:not(:disabled){background:#4d4d6c}.pcs-table-container{background:#2d2d44;border-color:#3d3d5c}.pcs-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.pcs-data-table thead th{color:#fff;background:#3d3d5c}.pcs-data-table thead th:hover{background:#4d4d6c}.pcs-data-table tbody tr{border-color:#3d3d5c}.pcs-data-table tbody tr:hover{background-color:#3d3d5c}.pcs-data-table tbody td{color:#d0d0e0}.pcs-irp-number{color:#89f}.pcs-child-name{color:#fff}.pcs-child-detail{color:#88a}.pcs-budget-cell{color:#6ee7b7}.pcs-status-pending{background:#5c3d1a;color:#fbbf24}.pcs-status-submitted{background:#1a2a5c;color:#93bbff}.pcs-status-approved{background:#1a3d2d;color:#6ee7b7}.pcs-icon-btn{color:#88a}.pcs-icon-btn:hover:not(:disabled){background-color:#3d3d5c}.pcs-icon-view{color:#60a5fa}.pcs-icon-view:hover:not(:disabled){background-color:#1a2a5c}.pcs-icon-print{color:#a78bfa}.pcs-icon-print:hover:not(:disabled){background-color:#2d1a5c}.pcs-card{background:#2d2d44;border-color:#3d3d5c}.pcs-card:hover{border-color:#89f}.pcs-card-header{background:#3d3d5c;border-color:#4d4d6c}.pcs-card-title{color:#fff}.pcs-card-title i{color:#89f}.pcs-info-label{color:#88a}.pcs-info-value{color:#d0d0e0}.pcs-card-footer{background:#3d3d5c;border-color:#4d4d6c}.pcs-btn-view{background:#1a2a5c;color:#93bbff}.pcs-btn-view:hover:not(:disabled){background:#1a3a6c}.pcs-btn-print{background:#2d1a5c;color:#a78bfa}.pcs-btn-print:hover:not(:disabled){background:#3d2a7c}.pcs-modal-container{background:#2d2d44}.pcs-modal-header{border-color:#3d3d5c}.pcs-modal-header h2{color:#fff}.pcs-modal-close{color:#88a}.pcs-modal-close:hover{background-color:#3d3d5c;color:#fff}.pcs-modal-footer{border-color:#3d3d5c}.pcs-detail-section{background:#3d3d5c;border-color:#4d4d6c}.pcs-detail-section h3{color:#fff;border-color:#89f}.pcs-detail-row{border-color:#4d4d6c}.pcs-detail-label{color:#88a}.pcs-detail-value{color:#d0d0e0}.pcs-total-row{background:#1a3d2d}.pcs-total-row .pcs-detail-value{color:#6ee7b7}.pcs-signatures-display{background:#3d3d5c}.pcs-signature-card{background:#2d2d44;border-color:#4d4d6c}.pcs-signature-card h4{color:#fff}.pcs-signature-name{color:#fff;border-color:#4d4d6c}.pcs-signature-date{color:#88a}.pcs-signature-icon{color:#89f}.pcs-signature-section{background:#5c3d1a;border-color:#7c4d2a}.pcs-form-group label{color:#fff}.pcs-signature-input{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pcs-signature-input:focus{border-color:#89f}.pcs-signature-textarea{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.pcs-signature-textarea:focus{border-color:#89f}.pcs-empty-state{background:#2d2d44;border-color:#3d3d5c}.pcs-empty-state h3{color:#fff}.pcs-empty-state p{color:#88a}.pcs-empty-state i{color:#3d3d5c}.pcs-loading-spinner p{color:#88a}.pcs-spinner{border-color:#3d3d5c;border-top-color:#89f}.pcs-alert-danger{background:#5c1a1a;color:#f87171;border-color:#7c2a2a}.pcs-btn-retry{background:#f87171;color:#1a1a2e}.pcs-btn-retry:hover{background:#fca5a5}}.sj-analytics-container{padding:24px;min-height:100vh;background:#f0f2f5;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sj-analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.sj-analytics-title-section h1{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.sj-analytics-title-section h1 i{color:#cc642d;margin-right:8px}.sj-analytics-subtitle{color:#6b7280;margin:0;font-size:14px}.sj-analytics-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sj-analytics-control-group{display:flex;align-items:center;gap:8px}.sj-analytics-control-group label{font-size:13px;color:#6b7280;font-weight:500}.sj-analytics-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;transition:all .2s ease}.sj-analytics-select:focus{outline:none;border-color:#cc642d;box-shadow:0 0 0 3px #cc642d1a}.sj-analytics-export-btn,.sj-analytics-refresh-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.sj-analytics-export-btn{background:#10b981;color:#fff}.sj-analytics-export-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.sj-analytics-refresh-btn{background:#cc642d;color:#fff}.sj-analytics-refresh-btn:hover{background:#b8552a;transform:translateY(-1px);box-shadow:0 4px 12px #cc642d4d}.sj-analytics-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.sj-analytics-summary-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;border:1px solid #e0e0e0;transition:all .3s ease}.sj-analytics-summary-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014;border-color:#cc642d}.sj-analytics-summary-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.primary-bg{background:linear-gradient(135deg,#667eea,#764ba2)}.success-bg{background:linear-gradient(135deg,#10b981,#059669)}.info-bg{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.warning-bg{background:linear-gradient(135deg,#f59e0b,#d97706)}.sj-analytics-summary-info h3{margin:0;font-size:28px;font-weight:700;color:#1a1a2e}.sj-analytics-summary-info p{margin:0;color:#6b7280;font-size:13px}.sj-analytics-summary-info small{font-size:12px;color:#9ca3af}.sj-analytics-module-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;background:#fff;padding:12px;border-radius:12px;border:1px solid #e0e0e0}.sj-analytics-module-tab{padding:8px 16px;border:none;background:#f8f9fa;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;color:#374151}.sj-analytics-module-tab i{margin-right:6px}.sj-analytics-module-tab:hover{background:#e8e8e8}.sj-analytics-module-tab.active{background:#cc642d;color:#fff}.sj-analytics-module-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e0e0e0}.sj-analytics-section-header{border-bottom:2px solid #f0f0f0;padding-bottom:16px;margin-bottom:20px}.sj-analytics-section-header h2{margin:0 0 4px;font-size:20px;font-weight:600;color:#1a1a2e}.sj-analytics-section-header h2 i{color:#cc642d;margin-right:8px}.sj-analytics-section-header p{margin:0;color:#6b7280;font-size:14px}.sj-analytics-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:20px}.sj-analytics-chart-card{background:#f8fafc;border-radius:12px;padding:16px;border:1px solid #e8e8e8;transition:all .2s ease}.sj-analytics-chart-card:hover{border-color:#cc642d}.sj-analytics-chart-card h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#1a1a2e}.sj-analytics-chart-card h4 i{margin-right:6px;color:#cc642d}.sj-analytics-chart-container{min-height:280px;display:flex;align-items:center;justify-content:center}.sj-analytics-chart-numbers{display:flex;justify-content:center;gap:24px;margin-top:12px;padding-top:12px;border-top:1px solid #e8e8e8;font-size:13px;color:#6b7280}.sj-analytics-chart-numbers span{font-weight:500}.sj-analytics-chart-numbers.highlight{color:#cc642d;font-weight:600}.sj-analytics-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.sj-analytics-stat-box{background:#f8fafc;padding:16px;border-radius:10px;text-align:center;border:1px solid #e8e8e8}.sj-analytics-stat-box .sj-analytics-stat-value{font-size:24px;font-weight:700;color:#1a1a2e}.sj-analytics-stat-box .sj-analytics-stat-label{font-size:12px;color:#6b7280;margin-top:4px}.sj-analytics-stat-box.warning .sj-analytics-stat-value{color:#f59e0b}.sj-analytics-stat-box.danger .sj-analytics-stat-value{color:#ef4444}.sj-analytics-stat-box.success .sj-analytics-stat-value{color:#10b981}.sj-analytics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.sj-analytics-spinner{width:48px;height:48px;border:4px solid #e8e8e8;border-top:4px solid #cc642d;border-radius:50%;animation:sj-spin .8s linear infinite}.sj-analytics-loading p{margin-top:16px;color:#6b7280;font-size:14px}@keyframes sj-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1200px){.sj-analytics-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.sj-analytics-header{flex-direction:column;align-items:stretch}.sj-analytics-actions{flex-wrap:wrap}.sj-analytics-export-btn,.sj-analytics-refresh-btn{flex:1;justify-content:center}}@media(max-width:768px){.sj-analytics-container{padding:16px}.sj-analytics-summary-grid{grid-template-columns:1fr;gap:12px}.sj-analytics-charts-grid{grid-template-columns:1fr}.sj-analytics-stats-row{grid-template-columns:repeat(2,1fr)}.sj-analytics-module-tabs{padding:8px}.sj-analytics-module-tab{font-size:12px;padding:6px 12px}.sj-analytics-title-section h1{font-size:22px}}@media(max-width:480px){.sj-analytics-container{padding:12px}.sj-analytics-summary-card{padding:16px}.sj-analytics-summary-icon{width:44px;height:44px;font-size:20px}.sj-analytics-summary-info h3{font-size:22px}.sj-analytics-chart-container{min-height:220px}.sj-analytics-stats-row{grid-template-columns:1fr 1fr;gap:8px}.sj-analytics-stat-box .sj-analytics-stat-value{font-size:20px}.sj-analytics-actions{flex-direction:column}.sj-analytics-control-group{width:100%}.sj-analytics-select{flex:1}.sj-analytics-export-btn,.sj-analytics-refresh-btn{width:100%}}@media(prefers-color-scheme:dark){.sj-analytics-container{background:#1a1a2e}.sj-analytics-title-section h1{color:#fff}.sj-analytics-subtitle{color:#88a}.sj-analytics-summary-card{background:#2d2d44;border-color:#3d3d5c}.sj-analytics-summary-info h3{color:#fff}.sj-analytics-summary-info p{color:#88a}.sj-analytics-summary-info small{color:#668}.sj-analytics-module-tabs{background:#2d2d44;border-color:#3d3d5c}.sj-analytics-module-tab{background:#3d3d5c;color:#a0a0c0}.sj-analytics-module-tab:hover{background:#4d4d6c}.sj-analytics-module-tab.active{background:#cc642d;color:#fff}.sj-analytics-module-section{background:#2d2d44;border-color:#3d3d5c}.sj-analytics-section-header{border-bottom-color:#3d3d5c}.sj-analytics-section-header h2{color:#fff}.sj-analytics-section-header p{color:#88a}.sj-analytics-chart-card{background:#3d3d5c;border-color:#4d4d6c}.sj-analytics-chart-card h4{color:#fff}.sj-analytics-chart-numbers{border-top-color:#4d4d6c;color:#88a}.sj-analytics-chart-numbers.highlight{color:#f59e0b}.sj-analytics-stat-box{background:#3d3d5c;border-color:#4d4d6c}.sj-analytics-stat-box .sj-analytics-stat-value{color:#fff}.sj-analytics-stat-box .sj-analytics-stat-label{color:#88a}.sj-analytics-select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.sj-analytics-select:focus{border-color:#cc642d}.sj-analytics-control-group label,.sj-analytics-loading p{color:#88a}.sj-analytics-spinner{border-color:#4d4d6c;border-top-color:#cc642d}}@media print{.sj-analytics-container{padding:0;background:#fff}.sj-analytics-module-tabs,.sj-analytics-actions{display:none}.sj-analytics-summary-card{border:1px solid #000000!important;box-shadow:none!important}.sj-analytics-chart-card{break-inside:avoid;border:1px solid #000000!important}.sj-analytics-module-section{border:1px solid #000000!important;box-shadow:none!important}}@media(prefers-reduced-motion:reduce){.sj-analytics-summary-card,.sj-analytics-module-tab,.sj-analytics-export-btn,.sj-analytics-refresh-btn{transition:none!important}.sj-analytics-summary-card:hover{transform:none!important}.sj-analytics-spinner{animation:none!important}}.sj-analytics-module-tab:focus-visible,.sj-analytics-export-btn:focus-visible,.sj-analytics-refresh-btn:focus-visible,.sj-analytics-select:focus-visible{outline:2px solid #cc642d;outline-offset:2px}.dept-page{padding:16px 20px;max-width:100%;overflow-x:hidden;box-sizing:border-box;background:#fff;min-height:100vh}*{box-sizing:border-box}.dept-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.dept-page-header-left h2{font-size:clamp(22px,3vw,28px);font-weight:700;color:#1a1a2e;margin:0 0 4px;display:flex;align-items:center;gap:10px}.dept-page-header-left h2 i{color:#667eea}.dept-page-subtitle{font-size:clamp(13px,1.2vw,14px);color:#666;margin:0}.dept-super-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:500;margin-top:4px}.dept-super-badge i{font-size:12px}.dept-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dept-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:none;border-radius:6px;font-size:clamp(13px,1.1vw,14px);font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-decoration:none}.dept-btn-primary{background:#667eea;color:#fff}.dept-btn-primary:hover:not(:disabled){background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.dept-btn-secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.dept-btn-secondary:hover{background:#e8e8e8;border-color:silver}.dept-btn-outline{background:transparent;border:1px solid #e0e0e0;color:#1a1a2e}.dept-btn-outline:hover{background:#f8f9fa}.dept-btn-apply{background:#667eea;color:#fff}.dept-btn-apply:hover{background:#5a67d8}.dept-btn-clear{background:#f8f9fa;border:1px solid #e0e0e0;color:#1a1a2e}.dept-btn-clear:hover{background:#e8e8e8}.dept-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.dept-btn-label{display:none}.dept-btn{padding:6px 10px}}.dept-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.dept-stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .3s ease}.dept-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.dept-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.dept-stat-total{background:linear-gradient(135deg,#667eea,#764ba2)}.dept-stat-active{background:linear-gradient(135deg,#10b981,#059669)}.dept-stat-leave{background:linear-gradient(135deg,#f59e0b,#d97706)}.dept-stat-gender{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.dept-stat-content{display:flex;flex-direction:column}.dept-stat-number{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.dept-stat-label{font-size:13px;color:#666}.dept-search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;flex-wrap:wrap;border:1px solid #e0e0e0}.dept-search-input-wrapper{display:flex;align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:6px 12px;flex:1;min-width:200px;max-width:100%;transition:border-color .3s}.dept-search-input-wrapper:focus-within{border-color:#667eea}.dept-search-icon{color:#666;margin-right:8px;font-size:clamp(18px,1.8vw,20px);flex-shrink:0}.dept-search-input{border:none;outline:none;font-size:clamp(13px,1.1vw,14px);width:100%;background:transparent;color:#1a1a2e}.dept-search-input::placeholder{color:#999}.dept-clear-search{background:none;border:none;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.dept-clear-search:hover{color:#1a1a2e}.dept-search-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.dept-filter-toggle{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e;transition:all .3s ease;white-space:nowrap}.dept-filter-toggle:hover{background-color:#e8e8e8}.dept-filter-toggle.active{background-color:#e8eeff;border-color:#667eea;color:#667eea}.dept-stats-badge{background-color:#fff;padding:4px 12px;border-radius:20px;font-size:clamp(12px,1vw,14px);color:#666;font-weight:500;white-space:nowrap;border:1px solid #e0e0e0}.dept-filter-panel{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:16px 20px;margin-bottom:16px;width:100%}.dept-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.dept-filter-group{display:flex;flex-direction:column;gap:4px}.dept-filter-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.dept-filter-group select,.dept-filter-group input{padding:6px 10px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(12px,1vw,13px);background:#fff;width:100%}.dept-filter-group select:focus,.dept-filter-group input:focus{outline:none;border-color:#667eea}.dept-filter-actions{display:flex;gap:10px;margin-top:12px;justify-content:flex-end;flex-wrap:wrap}.dept-table-container{background:#fff;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden;margin-top:4px}.dept-table-wrapper{overflow-x:auto;width:100%}.dept-data-table{width:100%;border-collapse:collapse;font-size:clamp(12px,1.1vw,13px);min-width:1000px}.dept-data-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.dept-data-table thead th{padding:10px 14px;text-align:left;font-weight:600;color:#1a1a2e;font-size:clamp(10px,.9vw,11px);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f8f9fa;position:sticky;top:0;z-index:10}.dept-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.dept-data-table tbody tr:hover{background-color:#fafbff}.dept-data-table tbody tr:last-child{border-bottom:none}.dept-data-table tbody td{padding:10px 14px;vertical-align:middle}.dept-row-inactive{opacity:.6}.dept-row-inactive:hover{opacity:.8}.dept-col-actions{min-width:200px!important;text-align:center!important}.dept-employee-info{display:flex;align-items:center;gap:10px}.dept-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;overflow:hidden}.dept-avatar img{width:100%;height:100%;object-fit:cover}.dept-employee-name{font-weight:500;color:#1a1a2e}.dept-employee-id{font-family:monospace;font-weight:500;color:#475569}.dept-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dept-status-active{background:#d1fae5;color:#059669}.dept-status-inactive{background:#fee2e2;color:#dc2626}.dept-status-onleave{background:#fef3c7;color:#d97706}.dept-status-suspended{background:#e2e8f0;color:#475569}.dept-status-terminated{background:#fecaca;color:#dc2626}.dept-gender-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500}.dept-gender-male{background:#dbeafe;color:#1e40af}.dept-gender-female{background:#fce7f3;color:#be185d}.dept-gender-other{background:#e2e8f0;color:#475569}.dept-amount{font-weight:600;color:#059669}.dept-icon-btn{background:none;border:none;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.dept-icon-btn:hover{background-color:#f0f0f0}.dept-icon-btn i{font-size:clamp(16px,1.5vw,18px)}.dept-icon-view{color:#1976d2}.dept-icon-view:hover{background-color:#e3f2fd}.dept-icon-edit{color:#ed6c02}.dept-icon-edit:hover{background-color:#fff3e0}.dept-icon-status{color:#6b7280}.dept-icon-status:hover{background-color:#f3f4f6}.dept-icon-expand{display:none;color:#666}.dept-icon-expand .dept-expanded{transform:rotate(180deg)}.dept-action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;align-items:center}.dept-status-dropdown{position:relative}.dept-status-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:140px;z-index:100;display:none;border:1px solid #e0e0e0;overflow:hidden}.dept-status-dropdown:hover .dept-status-menu{display:block}.dept-status-menu button{display:block;width:100%;padding:8px 16px;text-align:left;border:none;background:none;cursor:pointer;font-size:13px;color:#1a1a2e;transition:background .2s}.dept-status-menu button:hover{background:#f8f9fa}.dept-expanded-row{background-color:#f8f9fa!important}.dept-expanded-row td{padding:12px 16px!important}.dept-expanded-content{padding:4px 0}.dept-expanded-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dept-expanded-item{display:flex;flex-direction:column;gap:2px}.dept-expanded-item label{font-size:clamp(10px,.8vw,11px);font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.dept-expanded-item span{font-size:clamp(13px,1.1vw,14px);color:#1a1a2e;word-break:break-word}.dept-expanded-item .dept-status-badge,.dept-expanded-item .dept-gender-badge,.dept-expanded-item .dept-amount{display:inline-block;width:fit-content}.dept-expanded-full{grid-column:1 / -1}@media(max-width:600px){.dept-expanded-grid{grid-template-columns:1fr 1fr}}@media(max-width:400px){.dept-expanded-grid{grid-template-columns:1fr}}.dept-empty-state{text-align:center;padding:60px 20px;color:#666}.dept-empty-icon{font-size:48px;color:#e0e0e0;margin-bottom:16px}.dept-empty-state h4{margin:0 0 8px;color:#1a1a2e;font-size:18px}.dept-empty-state p{margin:0;color:#666}.dept-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#666}.dept-spinner{display:inline-block;width:30px;height:30px;border:4px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;animation:deptSpin .8s linear infinite;margin-bottom:16px}@keyframes deptSpin{to{transform:rotate(360deg)}}.dept-error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px;text-align:center}.dept-error-container i{font-size:48px;color:#ef4444;margin-bottom:16px}.dept-error-container h2{margin:0 0 8px;color:#1a1a2e}.dept-error-container p{color:#666;margin-bottom:20px}.dept-side-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:9999;pointer-events:auto}.dept-side-container{width:600px;max-width:90%;background:#fff;height:100vh;display:flex;flex-direction:column;animation:deptSlideIn .3s ease;position:relative;pointer-events:auto;z-index:10000;box-shadow:-10px 0 30px #0003}@keyframes deptSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.dept-side-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0;background:#fff}.dept-side-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(18px,2vw,20px);font-weight:600;color:#1a1a2e;margin:0}.dept-side-header h3 i{color:#667eea}.dept-modal-close{background:#f1f3f5;border:1px solid #e0e0e0;padding:0;border-radius:50%;transition:all .2s;color:#666;display:flex;align-items:center;justify-content:center;font-size:24px;width:44px;height:44px;flex-shrink:0;pointer-events:auto;cursor:pointer;position:relative;z-index:10001}.dept-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131;transform:scale(1.05)}.dept-modal-close i{font-size:20px;pointer-events:none}.dept-side-body{flex:1;overflow-y:auto;padding:20px 24px;background:#fff}.dept-side-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;background:#fff}.dept-view-grid{display:flex;flex-direction:column;gap:16px}.dept-view-section{border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;background:#fafbfc}.dept-view-section h4{margin:0 0 12px;color:#1a1a2e;font-size:15px;border-bottom:2px solid #f0f0f0;padding-bottom:8px;display:flex;align-items:center;gap:8px}.dept-view-section h4 i{color:#667eea}.dept-view-row{display:flex;margin-bottom:8px;padding:4px 0}.dept-view-label{width:140px;font-weight:600;color:#4a5568;font-size:13px;flex-shrink:0}.dept-view-full{flex-direction:column}.dept-view-full .dept-view-label{width:100%;margin-bottom:4px}.dept-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;pointer-events:auto}.dept-modal-container{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:10000;pointer-events:auto}.dept-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:2px solid #f0f0f0;flex-shrink:0}.dept-modal-header h3{display:flex;align-items:center;gap:10px;font-size:clamp(17px,1.8vw,19px);font-weight:600;color:#1a1a2e;margin:0}.dept-modal-header h3 i{color:#667eea}.dept-modal-body{padding:20px 24px;overflow-y:auto;flex:1}.dept-modal-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.dept-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.dept-form-grid{grid-template-columns:1fr}}.dept-form-group{display:flex;flex-direction:column;gap:4px}.dept-form-group label{font-size:clamp(12px,1vw,13px);font-weight:500;color:#1a1a2e}.dept-form-group input,.dept-form-group select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:clamp(13px,1.1vw,14px);transition:border-color .3s;background:#fff;color:#1a1a2e;width:100%;font-family:inherit}.dept-form-group input:focus,.dept-form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media(max-width:768px){.dept-page-header{flex-direction:column;align-items:flex-start;gap:12px}.dept-page-header-right{width:100%;justify-content:flex-start}.dept-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.dept-filter-row{grid-template-columns:1fr 1fr}.dept-icon-expand{display:inline-flex}.dept-data-table{font-size:12px;min-width:800px}.dept-data-table thead th,.dept-data-table tbody td{padding:8px 10px}.dept-col-actions{min-width:160px!important}.dept-side-container{width:100%;max-width:100%}.dept-modal-container{width:95%;margin:10px}.dept-modal-close{width:40px;height:40px;font-size:20px}}@media(max-width:480px){.dept-page{padding:10px 12px}.dept-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.dept-stat-card{padding:12px 14px}.dept-stat-number{font-size:18px}.dept-stat-icon{width:36px;height:36px;font-size:16px}.dept-data-table{font-size:11px;min-width:650px}.dept-data-table thead th,.dept-data-table tbody td{padding:6px 8px}.dept-col-actions{min-width:130px!important}.dept-filter-row,.dept-expanded-grid{grid-template-columns:1fr}.dept-view-row{flex-direction:column}.dept-view-label{width:100%;margin-bottom:2px}.dept-avatar{width:28px;height:28px;font-size:10px}.dept-modal-close{width:36px;height:36px;font-size:18px}}@media(prefers-color-scheme:dark){.dept-page{background:#1a1a2e}.dept-page-header{border-color:#2d2d44}.dept-page-header-left h2{color:#fff}.dept-page-subtitle{color:#88a}.dept-super-badge{background:linear-gradient(135deg,#667eea,#764ba2)}.dept-btn-secondary{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.dept-btn-secondary:hover{background:#4d4d6c}.dept-btn-outline{border-color:#4d4d6c;color:#fff}.dept-btn-outline:hover{background:#3d3d5c}.dept-btn-clear{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.dept-btn-clear:hover{background:#4d4d6c}.dept-stat-card{background:#2d2d44;border-color:#3d3d5c}.dept-stat-number{color:#fff}.dept-stat-label{color:#88a}.dept-search-bar{background:#2d2d44;border-color:#3d3d5c}.dept-search-input-wrapper{background:#3d3d5c;border-color:#4d4d6c}.dept-search-input{color:#fff}.dept-search-input::placeholder{color:#88a}.dept-search-icon{color:#88a}.dept-filter-toggle{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.dept-filter-toggle.active{background:#1a2a5c;border-color:#89f;color:#89f}.dept-stats-badge{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.dept-filter-panel{background:#3d3d5c;border-color:#4d4d6c}.dept-filter-group label{color:#fff}.dept-filter-group select,.dept-filter-group input{background:#4d4d6c;border-color:#5d5d7c;color:#fff}.dept-table-container{background:#2d2d44;border-color:#3d3d5c}.dept-data-table thead{background:#3d3d5c;border-color:#4d4d6c}.dept-data-table thead th{color:#fff;background:#3d3d5c}.dept-data-table tbody tr{border-color:#3d3d5c}.dept-data-table tbody tr:hover{background-color:#3d3d5c}.dept-data-table tbody td{color:#d0d0e0}.dept-employee-name{color:#fff}.dept-employee-id{color:#88a}.dept-avatar{background:linear-gradient(135deg,#667eea,#764ba2)}.dept-status-active{background:#1a4d3d;color:#34d399}.dept-status-inactive{background:#5c1a1a;color:#f87171}.dept-status-onleave{background:#5c3d1a;color:#fbbf24}.dept-status-suspended{background:#3d3d5c;color:#88a}.dept-gender-male{background:#1a2a5c;color:#60a5fa}.dept-gender-female{background:#5c1a3d;color:#f472b6}.dept-amount{color:#34d399}.dept-icon-btn{color:#88a}.dept-icon-btn:hover{background-color:#3d3d5c}.dept-icon-view{color:#60a5fa}.dept-icon-view:hover{background-color:#1a2a5c}.dept-icon-edit{color:#fbbf24}.dept-icon-edit:hover{background-color:#5c3d1a}.dept-icon-status{color:#9ca3af}.dept-status-menu{background:#2d2d44;border-color:#3d3d5c}.dept-status-menu button{color:#d0d0e0}.dept-status-menu button:hover{background:#3d3d5c}.dept-expanded-row{background-color:#3d3d5c!important}.dept-expanded-item label{color:#88a}.dept-expanded-item span,.dept-empty-state h4{color:#fff}.dept-empty-state p{color:#88a}.dept-empty-icon{color:#3d3d5c}.dept-side-container{background:#2d2d44}.dept-side-header{border-color:#3d3d5c;background:#2d2d44}.dept-side-header h3{color:#fff}.dept-modal-close{background:#3d3d5c;border-color:#4d4d6c;color:#88a}.dept-modal-close:hover{background-color:#e03131;color:#fff;border-color:#e03131}.dept-side-footer{border-color:#3d3d5c;background:#2d2d44}.dept-view-section{border-color:#3d3d5c;background:#22223a}.dept-view-section h4{color:#fff;border-color:#3d3d5c}.dept-view-label{color:#88a}.dept-side-body,.dept-modal-container{background:#2d2d44}.dept-modal-header{border-color:#3d3d5c;background:#2d2d44}.dept-modal-header h3{color:#fff}.dept-modal-footer{border-color:#3d3d5c;background:#2d2d44}.dept-form-group label{color:#fff}.dept-form-group input,.dept-form-group select{background:#3d3d5c;border-color:#4d4d6c;color:#fff}.dept-form-group input:focus,.dept-form-group select:focus{border-color:#89f}.dept-error-container h2{color:#fff}.dept-error-container p{color:#88a}.dept-spinner{border-color:#3d3d5c;border-top-color:#89f}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(prefers-color-scheme:dark){::-webkit-scrollbar-track{background:#3d3d5c}::-webkit-scrollbar-thumb{background:#5d5d7c}::-webkit-scrollbar-thumb:hover{background:#7d7d9c}}