@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";.data-state-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:400px;padding:4rem 2rem;display:flex}.loading-state{color:var(--text-secondary,#6b7280)}.loading-spinner{width:50px;height:50px;position:relative}.spinner{border:4px solid #e5e7eb;border-top-color:#0f9f8f;border-radius:50%;width:100%;height:100%;animation:.8s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.state-message{color:var(--text-secondary,#6b7280);margin:0;font-size:1rem}.error-state{color:#991b1b}.error-icon{color:#b91c1c;justify-content:center;align-items:center;line-height:1;display:inline-flex}.error-details{color:#7f1d1d;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:.5rem;max-width:500px;margin:0;padding:1rem 1.5rem;font-size:.9rem}.empty-state{color:var(--text-secondary,#6b7280)}.empty-icon{color:#64748b;justify-content:center;align-items:center;margin-bottom:.5rem;line-height:1;display:inline-flex}.state-title{color:var(--text-primary,#1f2937);margin:0;font-size:1.25rem;font-weight:600}.success-state{width:100%}.state-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}@media (prefers-color-scheme:dark){.data-state-container{color:var(--text-secondary,#9ca3af)}.spinner{border-color:#4b5563;border-top-color:var(--color-primary-light)}.error-state{color:#fca5a5}.error-details{color:#fca5a5;background-color:#7f1d1d;border-color:#991b1b}.state-title{color:#f3f4f6}}@media (width<=768px){.data-state-container{min-height:300px;padding:2rem 1rem}.error-details{padding:.75rem 1rem;font-size:.85rem}.state-actions{flex-direction:column;width:100%}.state-actions button{width:100%}}.ui-card{background:var(--white);border:1px solid var(--gray-200);border-radius:16px;padding:1.5rem;transition:box-shadow .2s,transform .2s,border-color .2s;box-shadow:0 8px 30px #0000000a}.ui-card:hover{border-color:var(--primary-blue);transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.ui-card.hero-card{color:var(--color-white);box-shadow:0 14px 30px #0f9f8f2e;background:linear-gradient(135deg, var(--hero-bg-start), var(--hero-bg-end))!important;border-color:#ffffff2e!important}[data-theme=dark] .ui-card.hero-card{background:linear-gradient(135deg, var(--hero-bg-start), var(--hero-bg-end))!important}.ui-card.hero-card:hover{box-shadow:0 18px 42px #0f9f8f3d;border-color:#ffffff47!important}.ui-card.hero-card .hero-badge{color:var(--color-white)!important;background:#ffffff24!important;border-color:#ffffff2e!important}.ui-card.hero-card .hero-title{color:var(--color-white)!important}.ui-card.hero-card .hero-subtitle{color:#ffffffe0!important}.ui-card.hero-card .hero-actions .ui-button,.ui-card.hero-card .hero-actions button,.ui-card.hero-card .btn-outline,.ui-card.hero-card .btn-primary{background:var(--color-white)!important;color:var(--color-primary-dark)!important;border-color:#0000!important}.ui-card.hero-card .hero-actions .ui-button *,.ui-card.hero-card .hero-actions button *,.ui-card.hero-card .btn-outline *,.ui-card.hero-card .btn-primary *,.ui-card.hero-card .hero-actions .ui-button svg,.ui-card.hero-card .hero-actions button svg,.ui-card.hero-card .btn-outline svg,.ui-card.hero-card .btn-primary svg{color:inherit!important;stroke:currentColor!important}.ui-card.hero-card .hero-actions .ui-button:hover:not(:disabled),.ui-card.hero-card .hero-actions button:hover:not(:disabled),.ui-card.hero-card .btn-outline:hover:not(:disabled),.ui-card.hero-card .btn-primary:hover:not(:disabled){color:var(--hero-bg-end)!important;background:#fff!important}.auth-page{background:var(--color-white);grid-template-columns:50% 50%;min-height:100vh;display:grid}.auth-visual-panel{background:var(--color-surface-soft);justify-content:center;align-items:center;padding:clamp(2rem,4vw,4rem);display:flex;position:relative;overflow:hidden}.auth-visual-content{z-index:1;flex-direction:column;align-items:flex-start;gap:1.5rem;max-width:520px;display:flex;position:relative}.auth-visual-brand{border-radius:var(--radius-xl);background:var(--color-primary);width:64px;height:64px;color:var(--color-white);justify-content:center;align-items:center;display:flex}.auth-visual-headline{font-family:var(--font-family-heading);letter-spacing:-.03em;color:#111827;margin:0;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:800;line-height:1.1}.auth-visual-desc{color:#374151;max-width:440px;margin:0;font-size:clamp(1rem,1.25vw,1.25rem);line-height:1.6}.auth-visual-decoration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-deco-circle{background:var(--color-primary);opacity:.03;border-radius:50%;position:absolute}.auth-deco-1{width:500px;height:500px;top:-200px;right:-150px}.auth-deco-2{width:300px;height:300px;bottom:-100px;left:-100px}.auth-form-panel{background:var(--color-white);justify-content:center;align-items:center;padding:clamp(1.5rem,3vw,3rem);display:flex}.auth-card{width:min(420px,100%);padding:clamp(1.5rem,2.5vw,2.5rem)}.auth-card-header{margin-bottom:2rem}.auth-card-logo{display:none}.auth-title{font-family:var(--font-family-heading);letter-spacing:-.02em;color:#111827;margin:0;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:800;line-height:1.2}.auth-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:.5rem 0 0}.auth-form{flex-direction:column;display:flex}.auth-field{margin-bottom:1.25rem}.auth-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:.5rem;display:block}.auth-input{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-white);width:100%;height:44px;color:var(--color-text-primary);font-size:var(--font-size-md);transition:all var(--transition-fast);padding:0 1rem}.auth-input::placeholder{color:var(--color-text-tertiary)}.auth-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #16a0851a}.auth-input-error{border-color:var(--color-error);background-color:snow}.auth-input-error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #d94c4c1f}.auth-field-error{color:var(--color-error);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;gap:.25rem;margin-top:.375rem;display:flex}.auth-password-wrap{background-color:#fff;border:1px solid #d4dbe7;border-radius:12px;align-items:center;width:100%;height:48px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;overflow:hidden}.auth-password-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f9f8f26}.auth-password-wrap:has(.auth-input-error){background-color:#fff8f8;border-color:#ce4b4b}.auth-password-wrap:has(.auth-input-error):focus-within{border-color:#ce4b4b;box-shadow:0 0 0 3px #ce4b4b29}.auth-password-wrap .auth-input{padding-right:2.75rem}.auth-password-toggle{outline:none;flex:1;min-width:0;height:100%;padding:0 .95rem;position:absolute;top:50%;right:.625rem;transform:translateY(-50%);box-shadow:none!important;background:0 0!important;border:none!important}.auth-password-wrap .auth-input:focus{outline:none;box-shadow:none!important;border:none!important}.auth-password-toggle{width:44px;height:100%;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.auth-password-toggle:hover{color:var(--color-text-primary);touch-action:manipulation;-webkit-tap-highlight-color:transparent;padding:0}.auth-password-toggle:focus-visible{outline-offset:-2px;border-radius:4px;outline:2px solid #0f9f8f59}.auth-link-button{color:var(--color-primary-dark);cursor:pointer;background:0 0;border:none;align-self:flex-end;margin:-.05rem 0 1rem;font-size:.98rem}.auth-link-button:hover{text-decoration:underline}.auth-link-button:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #0f9f8f66}.auth-form-error{background:var(--color-error-light);color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:1px solid #d94c4c33;margin-bottom:1rem;padding:.75rem}.auth-primary-button{border-radius:var(--radius-md);background:var(--color-primary);height:44px;color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);background:linear-gradient(95deg, var(--hero-bg-start) 0%, var(--hero-bg-end) 100%);cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;font-size:1.08rem;font-weight:600;display:flex}.auth-primary-button:hover{background:var(--hero-bg-end)}.auth-primary-button:active{transform:translateY(1px)}.auth-primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-button-spinner{animation:.8s linear infinite authSpin}.auth-social-button{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-white);height:44px;color:#111827;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;width:100%;height:48px;transition:all var(--transition-fast);background:#fff;border:1px solid #d2dbe8;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-top:.95rem;font-size:1.02rem;font-weight:600;display:flex}.auth-social-button:hover{background-color:var(--color-surface-soft)}.auth-footer{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:1.5rem}.auth-footer-link{color:var(--color-primary-dark);font-size:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;padding:0}.auth-footer-link:hover{text-decoration:underline}.auth-copyright{text-align:center;color:var(--color-text-tertiary);margin-top:2rem;font-size:11px}@keyframes authSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=920px){.auth-page{grid-template-columns:1fr}.auth-visual-panel{display:none}.auth-form-panel{-webkit-overflow-scrolling:touch;align-items:center;min-height:100dvh;padding:1rem;overflow-y:auto}.auth-card-logo{display:flex}}@media (width<=480px){.auth-form-panel{-webkit-overflow-scrolling:touch;align-items:flex-start;min-height:100svh;padding:1rem .75rem;overflow-y:auto}.auth-card{border-radius:14px;width:100%;max-width:100%;margin-top:auto;margin-bottom:auto;padding:1.25rem}.auth-title{font-size:1.55rem}.auth-subtitle,.auth-label,.auth-link-button,.auth-footer{font-size:.94rem}.auth-input,.auth-primary-button,.auth-social-button{border-radius:11px;height:46px;font-size:.98rem}}.dashboard-sidebar{border-right:1px solid var(--color-border);background:var(--sidebar-bg,var(--color-white));color:var(--color-text-primary);z-index:var(--z-fixed)}.sidebar-logo{height:var(--header-height);min-height:var(--header-height);border-bottom:1px solid var(--color-border);background:var(--sidebar-bg,var(--color-white));flex-shrink:0;justify-content:center;align-items:center;gap:.75rem;padding:0 1rem;display:flex}.dashboard-sidebar.mobile-open .sidebar-logo{justify-content:space-between}.company-logo{object-fit:contain;object-position:center;flex:0 auto;width:min(132px,72%);max-width:132px;height:42px;display:block}.company-logo.collapsed,.dashboard-sidebar.collapsed .company-logo{width:42px;max-width:42px;height:42px}.sidebar-company-switcher{background:#16a08514;border:1px solid #16a0852e;border-radius:10px;flex-direction:column;gap:6px;margin:.85rem .75rem 0;padding:.7rem;display:flex}.sidebar-company-caption{color:var(--color-text-tertiary);letter-spacing:0;text-transform:uppercase;font-size:.7rem;font-weight:800}.sidebar-company-control{border:1px solid var(--color-border);background:var(--color-white);min-height:38px;color:var(--color-primary);border-radius:8px;align-items:center;gap:8px;padding:0 9px;display:flex}.sidebar-company-control svg{flex:none;width:17px!important;height:17px!important}.sidebar-company-control select{width:100%;min-width:0;color:var(--color-text-primary);font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:.82rem;font-weight:700}.sidebar-close-btn{width:42px;min-width:42px;height:42px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.sidebar-close-btn:hover{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.sidebar-close-btn:active{transform:scale(.96)}.sidebar-menu-container{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex:1;min-height:0;padding:.85rem .75rem 1.25rem;overflow:hidden auto}.sidebar-menu-container::-webkit-scrollbar{width:8px}.sidebar-menu-container::-webkit-scrollbar-track{background:0 0}.sidebar-menu-container::-webkit-scrollbar-thumb{background:var(--color-border);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.menu-list,.submenu-list{margin:0;padding:0;list-style:none}.menu-list{flex-direction:column;gap:.25rem;display:flex}.menu-item-wrapper{min-width:0}.menu-item,.submenu-item{min-width:0;min-height:42px;color:var(--color-text-secondary);font-family:var(--font-family-base);border:1px solid #0000;border-radius:8px;align-items:center;gap:.7rem;padding:.62rem .75rem;font-size:.86rem;font-weight:600;line-height:1.3;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s;display:flex;position:relative}.menu-item:hover,.submenu-item:hover{background:var(--color-primary-lighter);border-color:var(--color-border-light);color:var(--color-primary-dark);text-decoration:none}.menu-item.active,.submenu-item.active{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:#16a08538;font-weight:700}.menu-item.active:before,.submenu-item.active:before{content:"";background:var(--color-primary);border-radius:0 999px 999px 0;width:3px;position:absolute;top:9px;bottom:9px;left:-1px}.menu-icon{width:19px;height:19px;color:var(--color-text-tertiary);flex:0 0 19px;transition:color .18s}.menu-item:hover .menu-icon,.submenu-item:hover .menu-icon,.menu-item.active .menu-icon,.submenu-item.active .menu-icon{color:var(--color-primary)}.menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.menu-item.has-submenu{cursor:pointer;-webkit-user-select:none;user-select:none}.menu-chevron{color:var(--color-text-tertiary);flex:none;align-items:center;transition:transform .2s,color .2s;display:inline-flex}.menu-chevron.expanded,.menu-item.has-submenu:hover .menu-chevron{color:var(--color-primary)}.menu-chevron.expanded{transform:rotate(90deg)}.submenu-wrapper{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.submenu-wrapper.expanded{grid-template-rows:1fr}.submenu-list{min-height:0;padding-top:.2rem;overflow:hidden}.submenu-item{min-height:38px;margin-top:.15rem;font-size:.82rem;font-weight:600}.submenu-dot{background:var(--color-border);border-radius:999px;flex:none;width:6px;height:6px}.submenu-item.active .submenu-dot,.submenu-item:hover .submenu-dot{background:var(--color-primary)}.dashboard-sidebar.collapsed .sidebar-logo{padding:0 .5rem}.dashboard-sidebar.collapsed .sidebar-menu-container{padding-inline:.55rem}.dashboard-sidebar.collapsed .menu-item,.dashboard-sidebar.collapsed .submenu-item{justify-content:center;padding-inline:0}.dashboard-sidebar.collapsed .menu-icon{margin:0}@media (width<=767px){.company-logo{width:min(128px,64vw);height:38px}.sidebar-menu-container{padding:.75rem .65rem 1.5rem}.sidebar-company-switcher{margin-inline:.65rem}}[data-theme=dark] .dashboard-sidebar,[data-theme=dark] .sidebar-logo{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .menu-item,[data-theme=dark] .submenu-item{color:var(--color-text-secondary)}[data-theme=dark] .menu-item:hover,[data-theme=dark] .submenu-item:hover{color:var(--color-text-primary);background:#20c9971a;border-color:#20c9972e}[data-theme=dark] .menu-item.active,[data-theme=dark] .submenu-item.active{color:var(--color-text-primary);background:#20c99729;border-color:#20c99747}[data-theme=dark] .sidebar-company-switcher{background:#20c99714;border-color:#20c99733}[data-theme=dark] .sidebar-company-control{background:var(--color-surface);border-color:#20c99733}.dashboard-header{background:var(--color-white);border-bottom:1px solid var(--color-border);height:64px;padding:0 var(--padding-xl);z-index:200;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left,.header-right{align-items:center;gap:var(--space-3);display:flex}.header-right{flex-wrap:nowrap;min-width:0;margin-left:auto}.header-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.company-switcher{border:1px solid var(--color-border);background:var(--color-white);max-width:280px;height:40px;color:var(--color-primary-dark);border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:inline-flex;box-shadow:0 6px 18px #0f766e14}.company-switcher svg{color:var(--color-primary);flex:none;width:18px!important;height:18px!important}.company-switcher select{width:100%;min-width:170px;max-width:230px;color:var(--color-text-primary);font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:.875rem;font-weight:700}.icon-button{border-radius:var(--radius-full);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-button svg{stroke-width:2.25px;width:28px!important;height:28px!important}.header-breadcrumb{align-items:center;gap:var(--space-2);margin-left:var(--space-4);display:flex}.breadcrumb-item{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast)}.breadcrumb-item:hover{color:var(--color-primary)}.breadcrumb-item.active{color:var(--color-text-primary);font-weight:var(--font-weight-medium);cursor:default}.breadcrumb-separator{color:var(--color-text-tertiary)}.sidebar-toggle-btn{width:52px;min-width:52px;height:52px;min-height:52px;color:var(--gray-700);border-radius:12px}.icon-button:hover{background-color:var(--color-surface-soft);color:var(--color-primary-dark)}.notification-wrapper{flex-shrink:0;position:relative}.notification-badge{background:var(--color-error);color:var(--color-white);font-size:10px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);border:2px solid var(--color-white);justify-content:center;align-items:center;min-width:16px;height:16px;display:flex;position:absolute;top:4px;right:4px}.notification-dropdown{margin-top:var(--space-2);background:var(--color-white);border-radius:var(--radius-lg);width:360px;box-shadow:var(--shadow-xl);border:1px solid var(--color-border);z-index:300;animation:.15s ease-out slideDown;position:absolute;top:100%;right:0;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-dropdown-header{padding:var(--padding-lg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.notification-dropdown-header h3{font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.unread-count{background:var(--color-primary-lighter);color:var(--color-primary-dark);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:2px 8px}.notification-list{max-height:360px;overflow-y:auto}.notification-item{gap:var(--space-3);padding:var(--padding-md) var(--padding-lg);cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--color-border-light);text-align:left;display:flex;position:relative}.notification-item:hover{background:var(--color-surface-soft)}.notification-item.unread{background:var(--color-primary-lighter)}.notification-item-icon{background:var(--color-primary-light);width:32px;height:32px;color:var(--color-primary-dark);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-item-content{flex:1;min-width:0}.notification-title{font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.3}.notification-message{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:2px 0 0;line-height:1.4}.notification-time{color:var(--color-text-tertiary);margin-top:4px;font-size:11px;display:block}.unread-dot{background:var(--color-primary);border-radius:50%;width:7px;height:7px;position:absolute;top:1.25rem;right:1rem}.notification-empty{text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-sm);padding:2.5rem 1rem}.notification-dropdown-footer{padding:var(--padding-sm);text-align:center;background:var(--color-surface-soft);border-top:1px solid var(--color-border-light)}.notification-dropdown-footer button{color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none}.notification-dropdown-footer button:hover{text-decoration:underline}.user-profile{align-items:center;gap:var(--space-3);padding-left:var(--padding-md);border-left:1px solid var(--color-border);cursor:pointer;display:flex;position:relative}.avatar{border-radius:var(--radius-full);background-color:var(--color-primary-lighter);width:36px;height:36px;color:var(--color-primary-dark);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border:1px solid var(--color-primary-light);justify-content:center;align-items:center;display:flex}.user-info{flex-direction:column;display:flex}.user-name{font-family:var(--font-family-heading);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.2}.user-role{color:var(--color-text-tertiary);font-size:11px}.user-dropdown{margin-top:var(--space-2);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--padding-xs);opacity:0;visibility:hidden;min-width:180px;transition:all var(--transition-fast);z-index:300;flex-direction:column;display:flex;position:absolute;top:100%;right:0;transform:translateY(-8px)}.user-dropdown.visible{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{align-items:center;gap:var(--space-2);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:background var(--transition-fast);background:0 0;border:none;display:flex}.dropdown-item:hover{background:var(--color-surface-soft);color:var(--color-text-primary)}.logout-item{color:var(--color-error)}.logout-item:hover{background:var(--color-error-light);color:var(--color-error)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating{animation:1s linear infinite rotate}.header-action-icon{width:28px;height:28px}@media (width<=768px){.dashboard-header{padding:0 1rem}.user-info{display:none}.notification-dropdown{width:300px;right:-1rem}}@media (width<=480px){.header-actions{gap:0}.icon-button{width:40px;min-width:40px;height:40px;min-height:40px}}@media (width<=1024px){.header-left,.header-right{gap:.5rem}.header-actions{gap:.25rem}.company-switcher{max-width:220px}.company-switcher select{min-width:140px;max-width:170px}.header-btn-desktop,.user-info{display:none}.user-profile{border-left:1px solid var(--header-profile-border);gap:.5rem;padding-left:.5rem}.avatar{width:38px;height:38px;font-size:.875rem;font-weight:700}}@media (width<=767px){.header-left,.header-right{gap:.25rem}.header-actions{gap:.15rem}.company-switcher,.header-btn-desktop{display:none}.icon-button{border-radius:9px;width:44px;min-width:44px;height:44px;min-height:44px}.sidebar-toggle-btn{width:46px;min-width:46px;height:46px;min-height:46px}.user-info{display:none}.user-profile{border-left:1px solid var(--header-profile-border);gap:.35rem;padding-left:.35rem}.avatar{width:36px;height:36px;font-size:.8rem;font-weight:700}.notification-dropdown{top:var(--header-height,72px);z-index:300;border-radius:0 0 20px 20px;width:100%;max-height:80vh;margin-top:0;position:fixed;left:0;right:0;overflow-y:auto}.user-dropdown{min-width:180px;right:0}.notification-badge{width:16px;height:16px;font-size:.6rem;top:4px;right:4px}}@media (width<=480px){.icon-button{border-radius:8px;width:42px;min-width:42px;height:42px;min-height:42px}.sidebar-toggle-btn{width:44px;min-width:44px;height:44px;min-height:44px}.avatar{width:34px;height:34px;font-size:.75rem}}.ui-form-group{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.ui-form-group--inline{align-items:flex-end;gap:var(--space-3);flex-direction:row}.ui-form-group--row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.ui-form-group--row{grid-template-columns:1fr}}.ui-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);align-items:center;gap:var(--space-1);display:flex}.ui-label--required:after{content:"*";color:var(--color-error);font-weight:700}.ui-label--disabled{opacity:.6;cursor:not-allowed}.ui-label-help{color:var(--color-text-secondary);margin-left:auto;font-size:11px;font-weight:400}.ui-input{width:100%;height:44px;padding:0 var(--space-3);font-family:Poppins,sans-serif;font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:inset 0 1px 2px #00000005}.ui-input::placeholder{color:var(--color-text-secondary)}.ui-input:hover:not(:disabled){border-color:var(--color-border)}.ui-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0f9f8f1a}.ui-input:disabled{background-color:var(--color-gray-100);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.ui-input:read-only{background-color:var(--color-gray-100);cursor:default}.ui-input--success{border-color:var(--color-success)}.ui-input--success:focus{box-shadow:0 0 0 3px #10b9811a}.ui-input--error{border-color:var(--color-error)}.ui-input--error:focus{box-shadow:0 0 0 3px #ef44441a}.ui-input--warning{border-color:var(--color-warning)}.ui-input--warning:focus{box-shadow:0 0 0 3px #f59e0b1a}.ui-textarea{width:100%;min-height:120px;padding:var(--space-3);font-family:Poppins,sans-serif;font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-normal);resize:vertical}.ui-textarea::placeholder{color:var(--color-text-secondary)}.ui-textarea:hover:not(:disabled){border-color:var(--color-border)}.ui-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0f9f8f1a}.ui-textarea:disabled{background-color:var(--color-gray-100);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.ui-select,.ui-select-multiple{width:100%;height:44px;padding:0 var(--space-3);font-family:Poppins,sans-serif;font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3) center;padding-right:calc(var(--space-3) + 1.5em);background-repeat:no-repeat;background-size:1.5em 1.5em}.ui-select-multiple{height:auto;padding:var(--space-2) var(--space-3)}.ui-select:hover:not(:disabled),.ui-select-multiple:hover:not(:disabled){border-color:var(--color-border)}.ui-select:focus,.ui-select-multiple:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0f9f8f1a}.ui-select:disabled,.ui-select-multiple:disabled{background-color:var(--color-gray-100);color:var(--color-text-secondary);cursor:not-allowed;opacity:.6}.ui-checkbox-group{gap:var(--space-3);flex-direction:column;display:flex}.ui-checkbox-item{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.ui-checkbox{border:2px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-white);cursor:pointer;width:20px;min-width:20px;height:20px;transition:all var(--transition-normal);appearance:none;justify-content:center;align-items:center;padding:0;display:flex}.ui-checkbox:hover:not(:disabled){border-color:var(--color-primary)}.ui-checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 20 20'%3e%3cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100%}.ui-checkbox:disabled{opacity:.6;cursor:not-allowed}.ui-checkbox:focus-visible{outline:none;box-shadow:0 0 0 3px #0f9f8f1a}.ui-radio-group{gap:var(--space-3);flex-direction:column;display:flex}.ui-radio-item{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.ui-radio{border:2px solid var(--color-border);background-color:var(--color-white);cursor:pointer;width:20px;min-width:20px;height:20px;transition:all var(--transition-normal);appearance:none;border-radius:50%;padding:0}.ui-radio:hover:not(:disabled){border-color:var(--color-primary)}.ui-radio:checked{border-color:var(--color-primary);background-image:radial-gradient(circle, var(--color-primary) 30%, transparent 30%)}.ui-radio:disabled{opacity:.6;cursor:not-allowed}.ui-radio:focus-visible{outline:none;box-shadow:0 0 0 3px #0f9f8f1a}.ui-error-text{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--space-1);align-items:center;gap:var(--space-1);display:flex}.ui-help-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.ui-char-count{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:right;margin-top:var(--space-1)}.ui-char-count--warning{color:var(--color-warning)}.ui-char-count--error{color:var(--color-error)}.ui-input-addon{border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-normal);align-items:center;display:flex;overflow:hidden}.ui-input-addon:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f9f8f1a}.ui-input-addon--prefix,.ui-input-addon--suffix{align-items:center;gap:var(--space-2);padding:0 var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap;background-color:var(--color-gray-50);border-right:1px solid var(--color-border);display:flex}.ui-input-addon--suffix{border-right:none;border-left:1px solid var(--color-border);order:2}.ui-input-addon input{padding:0 var(--space-3);border:none;flex:1;height:40px}@media (width<=768px){.ui-form-group{margin-bottom:var(--space-4)}.ui-input,.ui-select,.ui-textarea{font-size:var(--font-size-base)}}@media (prefers-reduced-motion:reduce){.ui-input,.ui-textarea,.ui-select,.ui-checkbox,.ui-radio{transition:none}}@media (prefers-contrast:more){.ui-input,.ui-textarea,.ui-select,.ui-checkbox,.ui-radio{border-width:2px}}.table-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-white);width:100%;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal);overflow:hidden}.table-wrapper:hover{box-shadow:var(--shadow-md)}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--font-size-base)}.table-header{background-color:var(--color-background);color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.table-header-row{display:contents}.table-header-cell{vertical-align:middle;height:56px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:left;-webkit-user-select:none;user-select:none;padding:16px 20px}.table-header-cell:first-child{border-top-left-radius:var(--radius-md)}.table-header-cell:last-child{border-top-right-radius:var(--radius-md)}.table-header-cell.sortable{cursor:pointer;transition:background-color var(--transition-normal)}.table-header-cell.sortable:hover{background-color:var(--color-primary-hover)}.table-sort-indicator{align-items:center;gap:var(--space-1);margin-left:var(--space-1);display:inline-flex}.table-sort-icon{width:16px;height:16px;transition:transform var(--transition-normal)}.table-sort-icon.desc{transform:rotateX(180deg)}.table-body,.table-body-row{display:contents}.table-body-row:hover .table-body-cell{background-color:var(--table-row-hover-bg)}.table-body-cell{vertical-align:middle;border-bottom:1px solid var(--color-border);background-color:var(--color-white);height:56px;transition:background-color var(--transition-normal);font-size:var(--font-size-base);color:var(--color-text-primary);word-break:break-word;padding:16px 20px}.table-body-row:last-child .table-body-cell{border-bottom:none}.table-body-row:last-child .table-body-cell:first-child{border-bottom-left-radius:var(--radius-md)}.table-body-row:last-child .table-body-cell:last-child{border-bottom-right-radius:var(--radius-md)}.table-cell-center{text-align:center}.table-cell-right{text-align:right}.table-cell-nowrap{white-space:nowrap}.table-cell-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-actions{align-items:center;gap:var(--space-2);display:flex}.table-action-button{cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-normal);color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:flex}.table-action-button:hover{background-color:var(--color-background);color:var(--color-text-primary)}.table-action-button.delete:hover{color:var(--color-error);background-color:#fee2e2}.table-action-button.edit:hover{color:var(--color-primary);background-color:#ddf5f1}.table-action-button.view:hover{color:var(--color-primary);background-color:#f0f9ff}.table-checkbox{width:20px;height:20px;margin:0 var(--space-1);cursor:pointer;accent-color:var(--color-primary)}.table-header-checkbox{margin:0 var(--space-1)}.table-empty{padding:var(--space-8);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base)}.table-empty-icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-border);opacity:.5}.table-empty-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.table-empty-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-loading{opacity:.6;pointer-events:none;position:relative}.table-loading:after{content:"";border-radius:var(--radius-md);background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.table-header-cell,.table-body-cell{font-size:var(--font-size-sm);padding:12px 16px}.table-cell-hide-mobile{display:none}.table-responsive{border:none;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md)}.table-responsive-label{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;margin-bottom:var(--space-1);display:block}}@media (width<=480px){.table-header-cell,.table-body-cell{font-size:var(--font-size-xs);padding:6px 8px}.table-actions{gap:var(--space-1)}.table-action-button{width:28px;height:28px;padding:2px}}.table-action-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:more){.table-header-cell{border:1px solid var(--color-text-inverse)}.table-body-cell{border-color:var(--color-text-primary)}}@media (prefers-reduced-motion:reduce){.table-header-cell.sortable:hover,.table-action-button:hover,.table-wrapper:hover{transition:none}.table-loading:after{background:0 0;animation:none}}.company-scope-badge{color:#0f3d38;white-space:nowrap;background:#fff;border:1px solid #cfe6e0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:500;line-height:1.2;display:inline-flex;box-shadow:0 1px 2px #103e360f}.company-scope-badge .company-scope-badge-label{color:#5f8f86}.company-scope-badge strong{color:#0c7a66;font-weight:700}.company-scope-badge svg{color:#16a085;flex-shrink:0}.page-hero{gap:var(--space-5,20px);padding:var(--space-8,32px);background:linear-gradient(135deg, var(--hero-bg-start,#0f9f8f), var(--hero-bg-end,#075e54));color:var(--color-white,#fff);border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px #0f9f8f2e}.page-hero-glow{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff24 0%,#0000 70%);width:280px;height:280px;position:absolute;top:-40%;right:-5%}.page-hero-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:relative}.page-hero-copy{flex-direction:column;flex:1;gap:.45rem;min-width:240px;display:flex}.page-hero-badge{width:fit-content;color:var(--color-white,#fff);letter-spacing:.08em;text-transform:uppercase;background:#ffffff29;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}.page-hero-title{font-family:var(--font-family-heading,"Poppins", sans-serif);color:var(--color-white,#fff);letter-spacing:-.5px;margin:0;font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:700;line-height:1.2}.page-hero-subtitle{color:#ffffffe6;max-width:66ch;margin:0;font-size:.95rem;line-height:1.5}.page-hero-scope{margin-top:.4rem}.page-hero-scope .company-scope-badge{background:#fffffff2;border-color:#ffffff4d}.page-hero-actions{z-index:1;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.75rem;display:flex;position:relative}.page-hero-children{z-index:1;position:relative}.page-hero-actions .ui-button--primary,.page-hero-actions .ui-button--secondary,.page-hero-actions button.btn-primary,.page-hero-actions button.btn-outline,.page-hero-actions button[type=submit]{background:var(--color-white,#fff);color:var(--hero-bg-end,#075e54);border-color:#0000;box-shadow:0 4px 12px #0000001f}.page-hero-actions .ui-button--primary svg,.page-hero-actions .ui-button--secondary svg,.page-hero-actions button.btn-primary svg,.page-hero-actions button.btn-outline svg,.page-hero-actions button[type=submit] svg{color:var(--hero-bg-end,#075e54)}.page-hero-actions .ui-button--primary:hover:not(:disabled),.page-hero-actions .ui-button--secondary:hover:not(:disabled),.page-hero-actions button.btn-primary:hover:not(:disabled),.page-hero-actions button.btn-outline:hover:not(:disabled),.page-hero-actions button[type=submit]:hover:not(:disabled){color:var(--hero-bg-end,#075e54);background:#ffffffeb}.page-hero-actions .ui-button--primary:disabled,.page-hero-actions .ui-button--secondary:disabled,.page-hero-actions button[type=submit]:disabled{color:var(--hero-bg-end,#075e54);background:#ffffff80}@media (width<=1024px){.page-hero{padding:1.5rem}}@media (width<=768px){.page-hero-inner{flex-direction:column;align-items:flex-start}.page-hero-actions{justify-content:stretch;width:100%}.page-hero-actions button{flex:1}}.card-header{align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem;display:flex}.card-header-icon-wrapper{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 12px #1d4ed826}.card-header-content{flex:1}.card-header-title{color:var(--gray-900,#0f172a);margin:0 0 .25rem;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;line-height:1.3}.card-header-subtitle{color:var(--gray-500,#62748a);margin:0;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:400;line-height:1.4}@media (width<=640px){.card-header{gap:1rem}.card-header-icon-wrapper{width:48px;height:48px}.card-header-title{font-size:1.125rem}.card-header-subtitle{font-size:.8125rem}}@media (width<=480px){.card-header{gap:.75rem}.card-header-icon-wrapper{width:40px;height:40px}.card-header-icon-wrapper svg{width:20px;height:20px}.card-header-title{font-size:1rem}.card-header-subtitle{font-size:.75rem}}.card{background-color:var(--card-bg);border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .2s;box-shadow:0 8px 30px #0000000a}.card:hover{border-color:#0f9f8f;transform:translateY(-4px);box-shadow:0 12px 32px #0000001a}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.card-header:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.card-header-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-header-subtitle{margin:var(--space-1) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card-body,.card-body>:last-child{margin-bottom:0}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);gap:var(--space-2);justify-content:flex-end;display:flex}.card-footer:first-child{border-top:none;margin-top:0;padding-top:0}.card.card-elevated{box-shadow:var(--shadow-md)}.card.card-elevated:hover{box-shadow:var(--shadow-lg)}.card.card-bordered{box-shadow:none;border:1px solid var(--color-border)}.card.card-filled{background-color:var(--color-background);border:none}.card.card-outlined{border:1px solid var(--color-border);box-shadow:none;background-color:#0000}.card.card-primary{border-left:4px solid var(--color-primary)}.card.card-success{border-left:4px solid var(--color-success)}.card.card-error{border-left:4px solid var(--color-error)}.card.card-warning{border-left:4px solid var(--color-warning)}.card-interactive{cursor:pointer}.card-interactive:active{transform:scale(.98)}.card-horizontal{gap:var(--space-4);display:flex}.card-horizontal-image{border-radius:var(--radius-md);background-color:var(--color-background);flex-shrink:0;width:120px;height:120px;overflow:hidden}.card-horizontal-image img{object-fit:cover;width:100%;height:100%}.card-horizontal-content{flex:1}.card-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (width<=1024px){.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=768px){.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (width<=480px){.card-grid{gap:var(--space-3);grid-template-columns:1fr}.card-horizontal{gap:var(--space-3);flex-direction:column}.card-horizontal-image{width:100%;height:160px}}.card-avatar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card-avatar-image{background-color:var(--color-background);border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.card-avatar-image img{object-fit:cover;width:100%;height:100%}.card-avatar-content h4{margin:0}.card-avatar-content p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0 0}.card-stat{text-align:center;padding:var(--space-4)}.card-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-2);line-height:1}.card-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.card-stat-change{margin-top:var(--space-2);background-color:var(--color-success-light);color:var(--color-success);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:4px 8px;display:inline-block}.card-stat-change.negative{background-color:var(--color-error-light);color:var(--color-error)}@media (width<=768px){.card{padding:var(--space-3)}.card-header{margin-bottom:var(--space-3);padding-bottom:var(--space-3)}.card-footer{margin-top:var(--space-3);padding-top:var(--space-3);flex-direction:column}.card-footer button{width:100%}}@media (width<=480px){.card{padding:var(--space-2)}.card-header{margin-bottom:var(--space-2);padding-bottom:var(--space-2)}.card-footer{margin-top:var(--space-2);padding-top:var(--space-2)}.card-stat-value{font-size:var(--font-size-2xl)}}.card-interactive:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.card,.card-interactive{transition:none}.card-interactive:active{transform:none}}.badge{justify-content:center;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:all var(--transition-normal);padding:4px 8px;display:inline-flex}.badge.badge-primary,.badge.badge-primary-solid{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.badge.badge-success,.badge.badge-success-solid{background-color:var(--color-success-light);color:var(--color-success)}.badge.badge-error,.badge.badge-error-solid{background-color:var(--color-error-light);color:var(--color-error)}.badge.badge-warning,.badge.badge-warning-solid{background-color:var(--color-warning-light);color:var(--color-warning)}.badge.badge-info,.badge.badge-default,.badge.badge-info-solid,.badge.badge-default-solid{background-color:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge.badge-sm{padding:2px 6px;font-size:10px}.badge.badge-md{font-size:var(--font-size-xs);padding:4px 8px}.badge.badge-lg{font-size:var(--font-size-sm);padding:6px 12px}.badge.badge-pill{border-radius:var(--radius-full)}.badge.badge-rounded{border-radius:var(--radius-md)}.badge-icon{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.badge.badge-dot{padding:0 8px}.badge.badge-dot:before{content:"";background-color:currentColor;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.badge.badge-outlined{background-color:#0000;border:1px solid}.badge.badge-closeable{padding-right:4px}.badge-close-button{cursor:pointer;transition:background-color var(--transition-normal);color:currentColor;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:2px;display:flex}.badge-close-button:hover{background-color:#0000001a}.badge-pulse{animation:2s infinite badge-pulse}@keyframes badge-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.badge-group{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.badge-group.badge-group-vertical{flex-direction:column}@media (width<=480px){.badge{padding:3px 6px;font-size:10px}.badge.badge-lg{font-size:var(--font-size-xs);padding:4px 8px}}.badge:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:more){.badge{border:1px solid}}@media (prefers-reduced-motion:reduce){.badge{animation:none}.badge-close-button:hover{background-color:#0000}}.pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.pagination.pagination-start{justify-content:flex-start}.pagination.pagination-end{justify-content:flex-end}.pagination-button{border:1px solid var(--color-border);background-color:var(--color-white);min-width:36px;height:36px;color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.pagination-button:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary)}.pagination-button:active:not(:disabled){border-color:var(--color-primary-hover);background-color:#ddf5f1}.pagination-button.active{background-color:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.pagination-button.active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.pagination-button:disabled{opacity:.5;cursor:not-allowed;border-color:#e5e7eb}.pagination-button.ellipsis{cursor:default;background:0 0;border:none}.pagination-button.ellipsis:hover{color:var(--color-text-secondary);background:0 0;border:none}.pagination-info{align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-left:var(--space-2);display:flex}.pagination-info-text{white-space:nowrap}.pagination-info-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-white);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);padding:4px 8px}.pagination-info-select:hover{border-color:var(--color-primary)}.pagination-info-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0f9f8f1a}@media (width<=768px){.pagination{gap:var(--space-1)}.pagination-button{min-width:32px;height:32px;font-size:var(--font-size-sm);padding:0 6px}.pagination-button.page:not(.active){display:none}.pagination-button.page.show-mobile{display:inline-flex}.pagination-info{display:none}}@media (width<=480px){.pagination-button{min-width:28px;height:28px;padding:0 4px;font-size:12px}.pagination-button.page{display:none}.pagination-button.prev,.pagination-button.next{display:inline-flex}}.pagination-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:more){.pagination-button,.pagination-button.active{border-width:2px}}@media (prefers-reduced-motion:reduce){.pagination-button{transition:none}}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-base);line-height:var(--line-height-normal);border:1px solid;animation:.3s ease-out slideDown;display:flex}.alert.alert-success{background-color:var(--color-success-light);border-color:var(--color-success);color:#065f46}.alert.alert-success .alert-icon{color:var(--color-success)}.alert.alert-error{background-color:var(--color-error-light);border-color:var(--color-error);color:#7f1d1d}.alert.alert-error .alert-icon{color:var(--color-error)}.alert.alert-warning{background-color:var(--color-warning-light);border-color:var(--color-warning);color:#78350f}.alert.alert-warning .alert-icon{color:var(--color-warning)}.alert.alert-info{color:#164e63;background-color:#cffafe;border-color:#06b6d4}.alert.alert-info .alert-icon{color:#06b6d4}.alert-content{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.alert-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0}.alert-description{font-size:var(--font-size-sm);line-height:var(--line-height-normal);opacity:.9;margin:0}.alert-list{margin:var(--space-2) 0 0 0;padding-left:var(--space-6)}.alert-list li{margin:var(--space-1) 0;font-size:var(--font-size-sm)}.alert-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;display:flex}.alert-close-button{cursor:pointer;color:currentColor;opacity:.6;width:20px;height:20px;transition:opacity var(--transition-normal);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:0;display:flex}.alert-close-button:hover{opacity:1}.alert-close-button:active{transform:scale(.9)}.alert-actions{gap:var(--space-2);margin-top:var(--space-3);display:flex}.alert-actions button{font-size:var(--font-size-sm)}.alert.alert-filled.alert-success{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.alert.alert-filled.alert-error{background-color:var(--color-error);color:#fff;border-color:var(--color-error)}.alert.alert-filled.alert-warning{background-color:var(--color-warning);color:#fff;border-color:var(--color-warning)}.alert.alert-filled.alert-info{color:#fff;background-color:#06b6d4;border-color:#06b6d4}.alert.alert-filled .alert-icon{color:currentColor}.alert.alert-outlined{background-color:#0000}.alert-container{gap:var(--space-3);flex-direction:column;display:flex}@media (width<=768px){.alert{padding:var(--space-3)}.alert-close-button{width:18px;height:18px}}@media (width<=480px){.alert{padding:var(--space-2);gap:var(--space-2)}.alert-title{font-size:var(--font-size-sm)}.alert-description{font-size:12px}.alert-actions{flex-direction:column}.alert-actions button{width:100%}}.alert-close-button:focus-visible{outline-offset:2px;outline:2px solid}@media (prefers-contrast:more){.alert{border-width:2px}}@media (prefers-reduced-motion:reduce){.alert{animation:none}.alert-close-button:active{transform:none}}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, #f0f0f0 50%, var(--color-border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;width:100%;height:16px;animation:2s infinite shimmer;display:block}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text:last-child{margin-bottom:0}.skeleton-title{width:40%;height:24px;margin-bottom:16px}.skeleton-avatar{border-radius:50%;width:48px;height:48px}.skeleton-image{aspect-ratio:16/9;border-radius:var(--radius-md);width:100%}.skeleton-card{border-radius:var(--radius-md);width:100%;height:200px}.skeleton-button{border-radius:var(--radius-sm);width:100px;height:40px}.skeleton-input{border-radius:var(--radius-sm);width:100%;height:40px}.skeleton.skeleton-wave{background:linear-gradient(90deg,#0000 0%,#ffffff4d 25%,#0000 50% 100%) 0 0/200% 100%;animation:2s infinite shimmer-wave}@keyframes shimmer-wave{0%{background-position:50% 0}to{background-position:-50% 0}}.skeleton-group{flex-direction:column;gap:12px;display:flex}.skeleton-group.horizontal{flex-direction:row;align-items:center;gap:16px}.skeleton-group.horizontal .skeleton-avatar{flex-shrink:0}.skeleton-group.horizontal>div:nth-child(n+2){flex:1}.skeleton-table-row{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;padding:16px 0;display:grid}.skeleton-table-row:last-child{border-bottom:none}.skeleton-table-row .skeleton{height:20px}@media (width<=480px){.skeleton-group.horizontal{flex-direction:column}.skeleton-group.horizontal .skeleton-avatar{margin-bottom:8px}.skeleton-table-row{grid-template-columns:1fr}}.skeleton[role=status]{position:relative}@media (prefers-contrast:more){.skeleton{border:1px solid var(--color-border)}}@media (prefers-reduced-motion:reduce){.skeleton,.skeleton.skeleton-wave{background:var(--color-background);animation:none}}@media (prefers-color-scheme:dark){.skeleton{background:linear-gradient(90deg,#333 25%,#444 50%,#333 75%) 0 0/200% 100%;animation:2s infinite shimmer}}.ui-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a66;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.ui-modal-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.ui-modal-sm{max-width:400px}.ui-modal-md{max-width:560px}.ui-modal-lg{max-width:800px}.ui-modal-xl{max-width:1140px}.ui-modal-header{border-bottom:var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.ui-modal-title{color:var(--gray-900);margin:0;font-size:1.125rem;font-weight:600}.ui-modal-close{color:var(--gray-500);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.ui-modal-close:hover{background:var(--gray-100);color:var(--gray-900)}.ui-modal-body{flex:1;padding:1.5rem;overflow-y:auto}.ui-modal-footer{border-top:var(--border-light);background:var(--gray-50);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);justify-content:flex-end;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-dialog{align-items:flex-start;gap:1rem;display:flex}.confirm-dialog__icon{border-radius:12px;flex:none;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.confirm-dialog--danger .confirm-dialog__icon{color:#dc2626;background:#fee2e2}.confirm-dialog--warning .confirm-dialog__icon{color:#b45309;background:#fef3c7}.confirm-dialog__message{color:var(--color-text-secondary,#475569);margin:0;font-size:.95rem;line-height:1.6}@media (width<=480px){.confirm-dialog{flex-direction:column}}.ui-tabs-container{flex-direction:column;width:100%;display:flex}.ui-tabs-header{border-bottom:2px solid var(--gray-200);scrollbar-width:none;margin-bottom:1.5rem;display:flex;overflow-x:auto}.ui-tabs-header::-webkit-scrollbar{display:none}.ui-tab-btn{color:var(--gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.75rem 1rem;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;transition:color .2s;position:relative}.ui-tab-btn:hover{color:var(--gray-800)}.ui-tab-btn.active{color:var(--primary-blue);font-weight:600}.ui-tab-btn:after{content:"";background-color:var(--primary-blue);height:2px;transition:transform .2s ease-out;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.ui-tab-btn.active:after{transform:scaleX(1)}.ui-tabs-content{animation:.3s ease-out fadeIn}.ui-breadcrumbs{margin-bottom:1rem;display:flex}.ui-breadcrumbs-list{flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.ui-breadcrumbs-item{align-items:center;display:flex}.ui-breadcrumbs-link{color:var(--gray-500);align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.ui-breadcrumbs-link:hover{color:var(--primary-blue)}.ui-breadcrumbs-current{color:var(--gray-900);font-size:.875rem;font-weight:600}.ui-breadcrumbs-separator{color:var(--gray-400);margin:0 .5rem}:root{--color-primary:#16a085;--color-primary-hover:#0e766e;--color-primary-dark:#075e54;--color-primary-light:#eaf7f4;--color-primary-lighter:#f4fbf9;--color-success:#16a085;--color-success-light:#eaf7f4;--color-success-dark:#0f7a60;--color-error:#d9534f;--color-error-light:#fde8e8;--color-error-dark:#b8322e;--color-warning:#d89b2b;--color-warning-light:#fcf4e6;--color-warning-dark:#a06a12;--color-info:#4f7f73;--color-info-light:#f4fbf9;--color-info-dark:#3a6b5e;--hero-bg-start:#0f9f8f;--hero-bg-end:#075e54;--color-white:#fff;--color-background:#f7f9f8;--color-surface:#fff;--color-surface-soft:#eef3f1;--color-border:#dde5e2;--color-border-light:#eaf7f4;--color-divider:#dde5e2;--color-text-primary:#18201e;--color-text-secondary:#66736f;--color-text-tertiary:#a3b1ae;--color-text-disabled:#cbd5d3;--color-text-inverse:#fff;--primary:var(--color-primary);--primary-hover:var(--color-primary-hover);--primary-dark:var(--color-primary-dark);--primary-light:var(--color-primary-light);--primary-lighter:var(--color-primary-lighter);--bg:var(--color-background);--white:var(--color-white);--border-color:var(--color-border);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-tertiary);--gray-50:#f7f9f8;--gray-100:#f4fbf9;--gray-200:#eaf7f4;--gray-300:#dde5e2;--gray-400:#cbd5d3;--gray-500:#a3b1ae;--gray-600:#66736f;--gray-700:#3d4a47;--gray-800:#18201e;--color-gray-50:var(--gray-50);--color-gray-100:var(--gray-100);--color-gray-200:var(--gray-200);--color-gray-300:var(--gray-300);--color-gray-400:var(--gray-400);--color-gray-500:var(--gray-500);--color-gray-600:var(--gray-600);--color-gray-700:var(--gray-700);--color-gray-800:var(--gray-800);--color-gray-900:var(--gray-800);--font-family-base:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-heading:var(--font-family-base);--font-family-mono:"Poppins", monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:22px;--font-size-3xl:28px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:0;--letter-spacing-normal:0;--letter-spacing-wide:.04em;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--padding-xs:var(--space-1);--padding-sm:var(--space-2);--padding-md:var(--space-4);--padding-lg:var(--space-6);--padding-xl:var(--space-8);--margin-xs:var(--space-1);--margin-sm:var(--space-2);--margin-md:var(--space-4);--margin-lg:var(--space-6);--margin-xl:var(--space-8);--gap-xs:var(--space-1);--gap-sm:var(--space-2);--gap-md:var(--space-4);--gap-lg:var(--space-6);--gap-xl:var(--space-8);--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-full:9999px;--shadow-none:none;--shadow-sm:0 1px 3px #0f9f8f0a, 0 1px 2px #00000008;--shadow-md:0 4px 12px #0f9f8f0f, 0 2px 4px #0000000a;--shadow-lg:0 10px 24px #0f9f8f14, 0 4px 8px #0000000a;--shadow-xl:0 20px 40px #0f9f8f1a, 0 8px 16px #0000000d;--shadow-2xl:0 28px 56px #0f9f8f1f, 0 12px 24px #0000000f;--shadow-hover:var(--shadow-md);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--button-height:38px;--button-height-sm:32px;--button-height-lg:44px;--button-padding-x:16px;--button-padding-x-sm:12px;--button-padding-x-lg:20px;--button-font-size:var(--font-size-md);--button-font-weight:var(--font-weight-medium);--button-border-radius:var(--radius-md);--button-transition:all var(--transition-normal);--input-height:38px;--input-height-sm:32px;--input-height-lg:44px;--input-padding:0 var(--padding-md);--input-border:1px solid var(--color-border);--input-border-radius:var(--radius-md);--input-font-size:var(--font-size-md);--input-focus-border:2px solid var(--color-primary);--input-focus-shadow:0 0 0 3px #0f9f8f1a;--input-transition:all var(--transition-normal);--table-header-bg:var(--gray-50);--table-header-color:var(--color-text-secondary);--table-header-height:44px;--table-row-height:48px;--table-row-hover-bg:var(--color-primary-lighter);--table-border-color:var(--color-border);--table-padding:12px 16px;--table-font-size:var(--font-size-base);--modal-max-width-sm:400px;--modal-max-width-md:560px;--modal-max-width-lg:800px;--modal-border-radius:var(--radius-xl);--modal-shadow:var(--shadow-2xl);--modal-padding:24px;--modal-header-bg:var(--color-white);--modal-header-color:var(--color-text-primary);--modal-header-padding:20px 24px;--card-bg:var(--color-white);--card-border:1px solid var(--color-border);--card-border-radius:var(--radius-lg);--card-padding:var(--padding-lg);--card-shadow:var(--shadow-sm);--card-hover-shadow:var(--shadow-md);--card-transition:all var(--transition-normal);--sidebar-width:278px;--sidebar-width-collapsed:78px;--sidebar-collapsed-width:var(--sidebar-width-collapsed);--sidebar-bg:var(--color-white);--sidebar-border:1px solid var(--color-border);--sidebar-item-height:40px;--sidebar-item-padding:8px 12px;--sidebar-item-hover-bg:var(--color-background);--sidebar-item-active-border:3px solid var(--color-primary);--sidebar-item-active-bg:var(--color-primary-light);--sidebar-icon-size:20px;--sidebar-font-size:var(--font-size-md);--header-height:64px;--header-bg:var(--color-white);--header-border:1px solid var(--color-border);--header-icon-color:var(--color-text-secondary);--header-icon-hover-bg:var(--color-primary-lighter);--header-icon-hover-color:var(--color-primary);--header-user-name:var(--color-text-primary);--header-user-role:var(--color-text-secondary);--header-avatar-bg:var(--color-primary-light);--header-avatar-text:var(--color-primary);--header-dropdown-bg:var(--color-white);--header-dropdown-border:var(--color-border);--header-dropdown-item:var(--color-text-primary);--header-dropdown-item-hover:var(--color-primary-lighter);--header-notif-bg:var(--color-white);--header-notif-border:var(--color-border);--header-notif-hover:var(--color-primary-lighter);--header-notif-unread:var(--color-primary-lighter);--header-profile-border:var(--color-border);--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:300;--z-tooltip:600;--z-notification:700;--container-max-width:1400px;--container-padding:var(--padding-lg)}[data-theme=dark]{--color-primary:#20c997;--color-primary-hover:#16a085;--color-primary-dark:#9ff0db;--color-primary-light:#103d35;--color-primary-lighter:#0f2924;--hero-bg-start:#08776b;--hero-bg-end:#064e46;--color-success:#34d399;--color-success-light:#064e3b;--color-success-dark:#6ee7b7;--color-error:#f87171;--color-error-light:#450a0a;--color-error-dark:#fca5a5;--color-warning:#fbbf24;--color-warning-light:#451a03;--color-warning-dark:#fcd34d;--color-info:#22d3ee;--color-info-light:#083344;--color-info-dark:#67e8f9;--color-white:#101c19;--color-background:#0b1412;--color-surface:#101c19;--color-surface-soft:#12231f;--color-border:#23352f;--color-border-light:#182823;--color-divider:#23352f;--color-text-primary:#edf7f4;--color-text-secondary:#b7c9c4;--color-text-tertiary:#8aa09a;--color-text-disabled:#667a73;--color-text-inverse:#0b1412;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 10px 24px #0009;--shadow-xl:0 20px 40px #000000b3;--shadow-2xl:0 25px 50px #000c;--shadow-hover:var(--shadow-lg);--table-header-bg:#103d35;--table-header-color:#edf7f4;--table-row-hover-bg:#12231f;--table-border-color:#23352f;--card-bg:#101c19;--card-border:1px solid #23352f;--card-shadow:0 2px 8px #0000004d;--card-hover-shadow:0 8px 24px #00000080;--sidebar-bg:#0f1f1b;--sidebar-border:1px solid #23352f;--sidebar-item-hover-bg:#12231f;--sidebar-item-active-bg:#103d35;--input-focus-shadow:0 0 0 3px #20c99738;--modal-header-bg:linear-gradient(135deg, #0f9f8f 0%, #0b7f73 100%)}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-normal:0s;--transition-slow:0s}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--color-text-secondary:#334a47;--color-border:#91a19e}}.center{justify-content:center;align-items:center;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);margin:0;padding:0;overflow-x:hidden}h1,.h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);margin-bottom:var(--space-4)}h2,.h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);margin-bottom:var(--space-3)}h3,.h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--space-2)}h4,.h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-primary);margin-bottom:var(--space-2)}h5,.h5{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-primary);margin-bottom:var(--space-1)}h6,.h6{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-primary);margin-bottom:var(--space-1)}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}p,.body{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}small,.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-primary)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.text-disabled{color:var(--color-text-disabled)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}a{color:var(--color-primary);cursor:pointer;transition:color var(--transition-normal);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}a:active{color:var(--color-primary-hover)}a:focus{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}a.disabled{color:var(--color-text-tertiary);cursor:not-allowed}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2);line-height:var(--line-height-normal)}li:last-child{margin-bottom:0}ul ul,ul ol,ol ul,ol ol{margin-bottom:var(--space-2);margin-top:var(--space-2)}dl{margin-bottom:var(--space-4)}dt{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}dd{margin-left:var(--space-4);margin-bottom:var(--space-2)}code{font-family:var(--font-family-mono);background-color:var(--color-primary-lighter);color:var(--color-primary-dark);border-radius:var(--radius-sm);padding:2px 6px;font-size:.9em}pre{background-color:var(--color-text-primary);color:var(--color-text-inverse);padding:var(--padding-md);border-radius:var(--radius-md);margin-bottom:var(--space-4);line-height:var(--line-height-normal);overflow-x:auto}pre code{color:var(--color-text-inverse);background-color:#0000;padding:0}blockquote{margin:var(--space-4) 0;padding-left:var(--space-4);border-left:3px solid var(--color-primary);color:var(--color-text-secondary);font-style:italic}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}table{border-collapse:separate;border-spacing:0;width:100%;margin-bottom:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}thead{background-color:var(--gray-50);color:var(--color-text-secondary)}th{text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;height:var(--table-header-height);vertical-align:middle;border-bottom:1px solid var(--color-border);padding:10px 16px}td{height:var(--table-row-height);vertical-align:middle;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-base);padding:10px 16px}tbody tr{background-color:var(--color-white);transition:background-color var(--transition-fast)}tbody tr:hover{background-color:var(--color-primary-lighter)}tbody tr:last-child td{border-bottom:none}form{margin-bottom:var(--space-6)}label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:6px;display:block}label.required:after{content:"*";color:var(--color-error);margin-left:4px}.help-text,.form-text{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:4px;display:block}.error-message,.form-error{font-size:var(--font-size-xs);color:var(--color-error);font-weight:var(--font-weight-medium);margin-top:4px;display:block}button,.button{height:var(--button-height);padding:0 var(--button-padding-x);font-size:var(--button-font-size);font-weight:var(--button-font-weight);font-family:var(--font-family-base);border-radius:var(--button-border-radius);color:var(--color-text-primary);cursor:pointer;transition:var(--button-transition);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:var(--space-2);border:none;outline:none;display:inline-flex}.btn-primary,button[type=submit]{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover,button[type=submit]:hover{background-color:var(--color-primary-hover)}.btn-primary:active,button[type=submit]:active{transform:translateY(1px)}.btn-secondary{background-color:var(--color-white);color:var(--color-primary-dark);border:1px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary-lighter);color:var(--color-primary-dark)}.btn-secondary *,.btn-outline *,button[class~=bg-white] *,a[class~=bg-white] *,[role=button][class~=bg-white] *{color:inherit;stroke:currentColor}.btn-outline,button[class~=bg-white],a[class~=bg-white],[role=button][class~=bg-white],button[style*="background: white"],button[style*=background\:white],button[style*="background: #fff"],button[style*="background:#fff"],button[style*="background: #ffffff"],button[style*="background:#ffffff"]{color:var(--color-primary-dark)!important}.btn-success{background-color:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover{background-color:#148f5b}.btn-error,.btn-danger{background-color:var(--color-error);color:var(--color-text-inverse)}.btn-error:hover,.btn-danger:hover{background-color:#c03b3b}.btn-warning{background-color:var(--color-warning);color:var(--color-text-primary)}.btn-warning:hover{background-color:#d8911f}button:disabled,.button:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button:disabled:hover,.button:disabled:hover{transform:none}.btn-sm{height:var(--button-height-sm);padding:0 var(--button-padding-x-sm);font-size:var(--font-size-sm)}.btn-lg{height:var(--button-height-lg);padding:0 var(--button-padding-x-lg);font-size:var(--font-size-lg)}.btn-block{width:100%}.btn-loading{color:#0000;position:relative}.btn-loading:after{content:"";border:2px solid var(--color-text-inverse);border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;position:absolute}input[type=text],input[type=password],input[type=email],input[type=number],input[type=search],input[type=url],input[type=tel],input[type=date],input[type=datetime-local],input[type=time],textarea,select{width:100%;height:var(--input-height);padding:var(--input-padding);font-family:var(--font-family-base);font-size:var(--input-font-size);border:var(--input-border);border-radius:var(--input-border-radius);background-color:var(--color-white);color:var(--color-text-primary);transition:var(--input-transition);outline:none}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=time]:focus,textarea:focus,select:focus{border:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}input:disabled,textarea:disabled,select:disabled{background-color:var(--color-background);color:var(--color-text-disabled);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}textarea{height:auto;min-height:100px;padding:var(--padding-md);resize:vertical}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23687A77' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}select:disabled{opacity:.5}input[type=checkbox],input[type=radio]{width:18px;height:18px;margin-right:var(--space-2);cursor:pointer;accent-color:var(--color-primary);vertical-align:middle}*{scrollbar-color:var(--gray-200) transparent;scrollbar-width:thin}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.hidden{display:none!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}@media print{body{background-color:#fff}.no-print,.no-print *{display:none!important}}@media (width<=480px){body{font-size:16px}h1,.h1{font-size:22px}h2,.h2{font-size:18px}h3,.h3{font-size:16px}}@media (width>=1024px){body{font-size:var(--font-size-base)}}[data-theme=dark] body{background-color:var(--color-background);color:var(--color-text-primary)}[data-theme=dark] input[type=text],[data-theme=dark] input[type=password],[data-theme=dark] input[type=email],[data-theme=dark] input[type=number],[data-theme=dark] input[type=search],[data-theme=dark] input[type=url],[data-theme=dark] input[type=tel],[data-theme=dark] input[type=date],[data-theme=dark] input[type=datetime-local],[data-theme=dark] input[type=time],[data-theme=dark] textarea,[data-theme=dark] select{color:var(--color-text-primary);background-color:#1f2937;border-color:#374151}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b}[data-theme=dark] input:disabled,[data-theme=dark] textarea:disabled,[data-theme=dark] select:disabled{color:var(--color-text-disabled);background-color:#111827}[data-theme=dark] tbody tr{background-color:#1f2937}[data-theme=dark] tbody tr:hover{background-color:#1e293b}[data-theme=dark] td{border-bottom-color:#374151}[data-theme=dark] table{border-color:#374151}[data-theme=dark] code{color:#f87171;background-color:#1f2937}[data-theme=dark] ::-webkit-scrollbar-track{background:#111827}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#374151}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}[data-theme=dark] hr{border-top-color:#374151}[data-theme=dark] blockquote{border-left-color:var(--color-primary-light);color:#94a3b8}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6l4 4 4-4'/%3E%3C/svg%3E")}.uni-summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.uni-summary-card{border-radius:var(--radius-lg);background:var(--color-white);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;padding:1.25rem 1.5rem;display:flex}.uni-summary-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.uni-summary-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.uni-summary-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;margin:0}.uni-summary-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:.25rem 0 0}.uni-summary-value{font-size:1.75rem;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);margin:.25rem 0;line-height:1.2}.uni-summary-trend{font-size:var(--font-size-xs);color:var(--color-text-tertiary);border-top:1px solid var(--color-border-light);margin:0;padding-top:.5rem}.uni-summary-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.uni-icon-primary{background:var(--color-primary-light);color:var(--color-primary)}.uni-icon-green{background:var(--color-success-light);color:var(--color-success)}.uni-icon-orange{background:var(--color-warning-light);color:var(--color-warning)}.uni-icon-red{background:var(--color-error-light);color:var(--color-error)}.uni-icon-blue{background:var(--color-info-light);color:var(--color-info)}.uni-icon-cyan{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.uni-icon-blue-soft{background:var(--color-info-light);color:var(--color-info)}.uni-icon-green-soft{background:var(--color-success-light);color:var(--color-success)}.uni-icon-orange-soft{background:var(--color-warning-light);color:var(--color-warning)}.uni-icon-red-soft{background:var(--color-error-light);color:var(--color-error)}.uni-icon-purple-soft{color:#7c3aed;background:#f3e8ff}.uni-value-primary{color:var(--color-primary)}.uni-value-green{color:var(--color-success)}.uni-value-orange{color:var(--color-warning)}.uni-value-red{color:var(--color-error)}.uni-value-blue{color:var(--color-info)}.uni-value-cyan{color:var(--color-primary-dark)}.uni-card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:1.5rem}.uni-card h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 1rem}.uni-table-card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.uni-table-wrap{overflow-x:auto}.uni-table{border-collapse:collapse;width:100%}.uni-table th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);background:var(--gray-50);border-bottom:1px solid var(--color-border);white-space:nowrap;padding:.75rem 1rem}.uni-table td{font-size:var(--font-size-md);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);padding:.75rem 1rem}.uni-table tbody tr{background:var(--color-white);transition:background var(--transition-fast)}.uni-table tbody tr:hover{background:var(--color-primary-lighter)}.uni-table tbody tr:last-child td{border-bottom:none}.uni-td-center,.uni-th-center{text-align:center}.uni-td-right{text-align:right}.uni-td-nowrap{white-space:nowrap}.uni-cell-name{align-items:center;gap:.625rem;display:flex}.uni-cell-avatar{background:var(--color-primary-light);width:36px;height:36px;color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.uni-cell-stacked{flex-direction:column;gap:.1rem;display:flex}.uni-cell-primary{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.uni-cell-sub{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.uni-actions{justify-content:center;align-items:center;gap:.375rem;display:flex}.uni-action-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-white);cursor:pointer;width:34px;height:34px;transition:all var(--transition-fast);outline:none;justify-content:center;align-items:center;display:flex}.uni-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.uni-action-btn.view,.uni-action-view{color:var(--color-info);background:var(--color-info-light);border-color:#0000}.uni-action-btn.view:hover:not(:disabled){color:#fff;background:#0e7490}.uni-action-btn.edit,.uni-action-edit{color:var(--color-primary);background:var(--color-primary-light);border-color:#0000}.uni-action-btn.edit:hover:not(:disabled){background:var(--hero-bg-start);color:#fff}.uni-action-btn.delete,.uni-action-delete{color:var(--color-error);background:var(--color-error-light);border-color:#0000}.uni-action-btn.delete:hover:not(:disabled){color:#fff;background:#c03b3b}.uni-action-btn.approve,.uni-action-approve{color:var(--color-success);background:var(--color-success-light);border-color:#0000}.uni-action-btn.approve:hover:not(:disabled){color:#fff;background:#148f5b}.uni-action-btn.reject,.uni-action-reject{color:var(--color-error);background:var(--color-error-light);border-color:#0000}.uni-action-btn.reject:hover:not(:disabled){color:#fff;background:#c03b3b}.uni-action-btn.secondary,.uni-action-secondary{color:var(--color-text-secondary);background:var(--gray-100);border-color:#0000}.uni-action-btn.secondary:hover:not(:disabled){background:var(--gray-200);color:var(--color-text-primary)}.uni-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;gap:.25rem;padding:.25rem .625rem;display:inline-flex}.uni-badge--primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.uni-badge--green,.uni-badge--approved{background:var(--color-success-light);color:#0d7f4f}.uni-badge--orange,.uni-badge--pending{background:var(--color-warning-light);color:#b07d1a}.uni-badge--red,.uni-badge--rejected{background:var(--color-error-light);color:#b03636}.uni-badge--gray,.uni-badge--draft{background:var(--gray-100);color:var(--color-text-secondary)}.uni-badge--blue,.uni-badge--info{background:var(--color-info-light);color:#1d6a9e}.uni-badge--cyan{background:var(--color-primary-lighter);color:var(--color-primary-dark)}.uni-badge--yellow{background:var(--color-warning-light);color:#b07d1a}.uni-badge--purple{color:#6b21a8;background:#f3e8ff}.uni-pagination{background:var(--gray-50);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.uni-pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.uni-pagination-controls{gap:.375rem;display:flex}.uni-pagination-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-white);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:flex}.uni-pagination-btn:hover:not(:disabled){background:var(--hero-bg-start);color:#fff;border-color:var(--hero-bg-start)}.uni-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.uni-pagination-btn.active{background:var(--hero-bg-start);color:#fff;border-color:var(--hero-bg-start)}.uni-control-card{background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);margin-bottom:1rem;padding:1rem 1.25rem}.uni-control-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.uni-control-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.uni-search-box{align-items:center;min-width:260px;display:flex;position:relative}.uni-search-icon{color:var(--color-text-tertiary);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.uni-search-input{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--gray-50);width:100%;font-size:var(--font-size-md);color:var(--color-text-primary);transition:all var(--transition-normal);outline:none;padding:.625rem 1rem .625rem 2.5rem}.uni-search-input::placeholder{color:var(--color-text-tertiary)}.uni-search-input:focus{background:var(--color-white);border-color:var(--color-primary);box-shadow:0 0 0 3px #0f9f8f1a}.uni-filter-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--gray-50);height:38px;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:0 1rem;display:flex}.uni-filter-btn:hover{background:var(--gray-100);border-color:var(--gray-300)}.uni-filter-btn.active{background:var(--hero-bg-start);color:#fff;border-color:var(--hero-bg-start)}.uni-tabs{background:var(--gray-100);border-radius:var(--radius-full);gap:.25rem;padding:.2rem;display:flex}.uni-tab{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.5rem 1rem}.uni-tab:hover{color:var(--color-primary)}.uni-tab.active{background:var(--hero-bg-start);color:#fff}.uni-filter-dropdown{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.uni-filter-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.uni-filter-group{flex:1;min-width:180px}.uni-filter-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.375rem;display:block}.uni-filter-select{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-white);width:100%;height:38px;font-size:var(--font-size-md);color:var(--color-text-primary);transition:all var(--transition-fast);padding:0 .75rem}.uni-filter-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0f9f8f1a}.uni-empty-state,.uni-loading-state,.uni-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.uni-empty-state h3,.uni-error-state h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:.75rem 0 .375rem}.uni-empty-state p,.uni-error-state p{color:var(--color-text-secondary);margin-bottom:1rem}@media (width<=1024px){.uni-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width<=900px){.uni-control-inner{flex-direction:column;align-items:stretch}.uni-control-actions{flex-wrap:wrap}.uni-search-box{min-width:100%}.uni-tabs{overflow-x:auto}.uni-filter-row{flex-direction:column}.uni-filter-group{min-width:100%}}@media (width<=640px){.uni-summary-grid{grid-template-columns:1fr}.uni-summary-card{padding:1rem}.uni-summary-value{font-size:1.5rem}.uni-summary-icon{width:40px;height:40px}.uni-pagination{flex-direction:column;gap:.5rem}.uni-actions{gap:.25rem}.uni-action-btn{width:30px;height:30px}}@media (width<=480px){.uni-table-card{border-radius:var(--radius-md)}.uni-table th,.uni-table td{font-size:var(--font-size-sm);padding:.5rem .625rem}.uni-control-card{padding:.75rem}}[data-theme=dark] .uni-summary-card{background:#1f2937;border-color:#374151;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .uni-summary-card:hover{border-color:var(--color-primary-light);box-shadow:0 12px 32px #00000080}[data-theme=dark] .uni-summary-label{color:#94a3b8}[data-theme=dark] .uni-summary-subtitle{color:#64748b}[data-theme=dark] .uni-summary-trend{color:#64748b;border-top-color:#374151}[data-theme=dark] .uni-card{background:#1f2937;border-color:#374151;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .uni-card h2{color:#f1f5f9}[data-theme=dark] .uni-table-card{background:#1f2937;border-color:#374151;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .uni-table th{color:#94a3b8;background:#111827;border-bottom-color:#374151}[data-theme=dark] .uni-table td{color:#e2e8f0;border-bottom-color:#374151}[data-theme=dark] .uni-table tbody tr{background:#1f2937}[data-theme=dark] .uni-table tbody tr:hover{background:#1e293b}[data-theme=dark] .uni-cell-primary{color:#f1f5f9}[data-theme=dark] .uni-cell-sub{color:#64748b}[data-theme=dark] .uni-cell-avatar{background:linear-gradient(135deg, var(--hero-bg-start), var(--hero-bg-end));color:var(--color-white)}[data-theme=dark] .uni-action-btn{background:#1f2937;border-color:#374151}[data-theme=dark] .uni-icon-blue-soft{background:linear-gradient(135deg, var(--hero-bg-start), var(--hero-bg-end));color:var(--color-white)}[data-theme=dark] .uni-icon-green-soft{color:#6ee7b7;background:linear-gradient(135deg,#064e3b 0%,#065f46 100%)}[data-theme=dark] .uni-icon-orange-soft{color:#fcd34d;background:linear-gradient(135deg,#451a03 0%,#78350f 100%)}[data-theme=dark] .uni-icon-red-soft{color:#fca5a5;background:linear-gradient(135deg,#450a0a 0%,#7f1d1d 100%)}[data-theme=dark] .uni-icon-purple-soft{color:#c4b5fd;background:linear-gradient(135deg,#2e1065 0%,#4c1d95 100%)}[data-theme=dark] .uni-badge--blue{color:var(--color-primary-light);background:#1e3a5f}[data-theme=dark] .uni-badge--green{color:#6ee7b7;background:#064e3b}[data-theme=dark] .uni-badge--orange{color:#fcd34d;background:#451a03}[data-theme=dark] .uni-badge--red{color:#fca5a5;background:#450a0a}[data-theme=dark] .uni-badge--yellow{color:#fbbf24;background:#451a03}[data-theme=dark] .uni-badge--purple{color:#c4b5fd;background:#2e1065}[data-theme=dark] .uni-badge--gray{color:#94a3b8;background:#1f2937}[data-theme=dark] .uni-badge--cyan{color:#67e8f9;background:#0c4a6e}[data-theme=dark] .uni-pagination{background:#111827;border-top-color:#374151}[data-theme=dark] .uni-pagination-info{color:#94a3b8}[data-theme=dark] .uni-pagination-btn{color:#94a3b8;background:#1f2937;border-color:#374151}[data-theme=dark] .uni-pagination-btn:hover:not(:disabled),[data-theme=dark] .uni-pagination-btn.active{background:var(--hero-bg-start);border-color:var(--hero-bg-start);color:#fff}[data-theme=dark] .uni-control-card{background:#1f2937;border-color:#374151}[data-theme=dark] .uni-search-input{color:#f1f5f9;background:#111827;border-color:#374151}[data-theme=dark] .uni-search-input:focus{border-color:var(--color-primary-light);background:#1f2937;box-shadow:0 0 0 3px #0f9f8f33}[data-theme=dark] .uni-search-input::placeholder,[data-theme=dark] .uni-search-icon{color:#64748b}[data-theme=dark] .uni-filter-btn{color:#94a3b8;background:#111827;border-color:#374151}[data-theme=dark] .uni-filter-btn:hover{background:#1f2937;border-color:#4b5563}[data-theme=dark] .uni-filter-btn.active{background:var(--hero-bg-start);border-color:var(--hero-bg-start);color:#fff}[data-theme=dark] .uni-filter-select{color:#f1f5f9;background:#111827;border-color:#374151}[data-theme=dark] .uni-filter-select:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #0f9f8f33}[data-theme=dark] .uni-filter-group label{color:#94a3b8}[data-theme=dark] .uni-filter-dropdown{border-top-color:#374151}[data-theme=dark] .uni-tabs{background:#111827}[data-theme=dark] .uni-tab{color:#94a3b8}[data-theme=dark] .uni-tab:hover{color:var(--color-primary-light);background:#0f9f8f1a}[data-theme=dark] .uni-tab.active{background:var(--hero-bg-start);color:#fff}[data-theme=dark] .uni-empty-state h3,[data-theme=dark] .uni-error-state h3{color:#f1f5f9}[data-theme=dark] .uni-empty-state p,[data-theme=dark] .uni-error-state p{color:#94a3b8}:root{--primary-blue:var(--color-primary);--primary-blue-hover:var(--color-primary-hover);--primary-blue-light:var(--color-primary-light);--primary-cyan:var(--color-primary);--primary-cyan-light:var(--color-primary-lighter);--blue-700:var(--color-primary-dark);--white:var(--color-white);--background-color:var(--color-background);--surface-plain:#fffffff2;--surface-muted:var(--color-primary-lighter);--status-success:var(--color-success);--status-success-bg:var(--color-success-light);--status-warning:var(--color-warning);--status-warning-bg:var(--color-warning-light);--status-danger:var(--color-error);--status-danger-bg:var(--color-error-light);--status-info:var(--color-info);--status-info-bg:var(--color-info-light);--font-family:"Poppins", sans-serif;--font-heading:"Poppins", sans-serif;--shadow-soft:0 4px 16px #0f9f8f14;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--border-light:1px solid var(--gray-200);--sidebar-width:278px;--sidebar-width-collapsed:78px;--sidebar-collapsed-width:var(--sidebar-width-collapsed);--header-height:72px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--header-icon-color:var(--color-text-secondary);--header-icon-hover-bg:var(--color-primary-lighter);--header-icon-hover-color:var(--color-primary-dark);--header-notif-bg:#fff;--header-notif-border:#e2e8f0;--header-notif-hover:#f8fbff;--header-notif-unread:#f0f7ff;--header-profile-border:#e2e8f0;--header-avatar-bg:var(--color-primary-light);--header-avatar-text:var(--color-primary-dark);--header-user-name:var(--color-text-primary);--header-user-role:var(--color-text-secondary);--header-dropdown-bg:#fff;--header-dropdown-border:#e2e8f0;--header-dropdown-item:var(--color-text-primary);--header-dropdown-item-hover:#f1f5f9}:root[data-theme=dark]{--primary-blue:#20c997;--primary-blue-hover:#16a085;--primary-blue-light:#103d35;--primary-cyan:#20c997;--primary-cyan-light:#103d35;--blue-700:#9ff0db;--white:#111827;--background-color:#0b1220;--surface-plain:#111827eb;--surface-muted:#111827;--gray-50:#0f172a;--gray-100:#111827;--gray-200:#1f2937;--gray-300:#334155;--gray-400:#64748b;--gray-500:#94a3b8;--gray-600:#cbd5e1;--gray-700:#e2e8f0;--gray-800:#e5e7eb;--gray-900:#f8fafc;--color-background:#0b1412;--color-surface:#101c19;--color-border:#23352f;--color-border-light:#1a2b27;--color-divider:#23352f;--color-text-primary:#edf7f4;--color-text-secondary:#b7c9c4;--color-text-tertiary:#80938d;--color-text-disabled:#5c706a;--color-primary:#20c997;--color-primary-hover:#16a085;--color-primary-dark:#9ff0db;--color-primary-light:#103d35;--color-primary-lighter:#0f2924;--shadow-sm:0 3px 10px #02061759;--shadow-md:0 10px 24px #02061766;--shadow-lg:0 18px 42px #02061780;--shadow-xl:0 28px 58px #02061794;--shadow-soft:0 14px 36px #20c99738;--header-icon-color:var(--color-text-secondary);--header-icon-hover-bg:var(--color-primary-lighter);--header-icon-hover-color:var(--color-primary-dark);--header-notif-bg:var(--color-surface);--header-notif-border:var(--color-border);--header-notif-hover:var(--color-primary-lighter);--header-notif-unread:var(--color-primary-light);--header-profile-border:var(--color-border);--header-avatar-bg:var(--color-primary-light);--header-avatar-text:var(--color-primary-dark);--header-user-name:var(--color-text-primary);--header-user-role:var(--color-text-secondary);--header-dropdown-bg:var(--color-surface);--header-dropdown-border:var(--color-border);--header-dropdown-item:var(--color-text-primary);--header-dropdown-item-hover:var(--color-primary-lighter)}*{box-sizing:border-box;margin:0;padding:0}::selection{background:#0f9f8f33}html,body,#root{min-height:100%}body{background-color:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}.glass-effect{background:var(--white);border:1px solid var(--color-border)}.text-primary{color:var(--color-primary)}.text-gray{color:var(--gray-500)}.text-gray-dark{color:var(--gray-800)}.bg-white{background-color:var(--white)}button.bg-white,a.bg-white,[role=button].bg-white{color:var(--color-primary-dark)!important}button.bg-white *,a.bg-white *,[role=button].bg-white *,button.bg-white svg,a.bg-white svg,[role=button].bg-white svg{color:inherit!important;stroke:currentColor!important}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:Poppins,sans-serif;font-weight:700}.grid{display:grid}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.dashboard-layout{min-height:100vh;display:flex;position:relative;overflow:hidden}.sidebar-overlay{z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;animation:.2s fadeIn;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}.dashboard-sidebar{width:var(--sidebar-width);height:100vh;z-index:var(--z-fixed);flex-direction:column;flex-shrink:0;transition:width .28s;display:flex;position:relative}.dashboard-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.dashboard-main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.dashboard-header{height:var(--header-height);background:var(--white);border-bottom:1px solid var(--gray-200);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.75rem;display:flex}.dashboard-content{background:0 0;flex:1;padding:1.5rem 1.75rem 2rem;overflow-y:auto}@media (width<=1024px) and (width>=768px){.dashboard-sidebar{width:var(--sidebar-collapsed-width)}.dashboard-sidebar.mobile-open{width:var(--sidebar-width);height:100vh;z-index:var(--z-modal);position:fixed;top:0;left:0;box-shadow:4px 0 32px #0f172a2e}}@media (width<=767px){:root{--header-height:60px}.dashboard-layout{overflow:hidden}.dashboard-sidebar{height:100vh;width:min(var(--sidebar-width), 85vw);z-index:var(--z-modal);box-shadow:none;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.dashboard-sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 32px #0f172a33}.dashboard-sidebar.mobile-open.collapsed{width:min(var(--sidebar-width), 85vw)}.dashboard-main{width:100%;height:100vh}.dashboard-header{padding:0 .875rem}.dashboard-content{padding:.875rem .875rem 2rem}}@media (width<=480px){:root{--header-height:56px}.dashboard-header{padding:0 .75rem}.dashboard-content{padding:.75rem .75rem 1.5rem}}.route-suspense-fallback{flex-direction:column;gap:.75rem;min-height:200px;display:flex}.route-suspense-fallback__header,.route-suspense-fallback__card,.route-suspense-fallback__table{background:linear-gradient(90deg, var(--gray-100) 0%, var(--gray-200) 45%, var(--gray-100) 100%);border-radius:var(--radius-lg);background-size:240% 100%;animation:1.2s infinite route-suspense-shimmer}.route-suspense-fallback__header{width:min(240px,55%);height:20px}.route-suspense-fallback__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.route-suspense-fallback__card{height:80px}.route-suspense-fallback__table{height:120px}@keyframes route-suspense-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.prefetch-debug-panel{border-radius:var(--radius-full);border:1px solid var(--color-border);width:fit-content;box-shadow:var(--shadow-sm);color:var(--color-text-secondary);background:#ffffffe6;align-items:center;gap:.5rem;margin-top:1rem;margin-left:auto;padding:.375rem .625rem;font-size:11px;display:inline-flex;position:sticky;bottom:.75rem}.prefetch-debug-panel strong{color:var(--color-primary)}.action-btn-group{justify-content:flex-end;gap:.375rem;display:flex}.action-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-white);width:34px;height:34px;color:var(--color-primary);cursor:pointer;outline:none;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.action-btn:hover:not(:disabled){background:var(--hero-bg-start);color:#fff;border-color:var(--hero-bg-start);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.action-btn-edit:hover{background:var(--hero-bg-start);color:#fff}.action-btn-delete:hover{color:#fff;background:#c03b3b}.action-btn-view{color:var(--color-info);background:var(--color-info-light);border-color:#0000}.action-btn-view:hover{color:#fff;background:#0e7490}.action-btn-secondary{color:var(--color-text-secondary);background:var(--gray-100);border-color:#0000}.action-btn-secondary:hover:not(:disabled){background:var(--gray-200);box-shadow:var(--shadow-soft);transform:translateY(-2px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--gray-300)}.action-btn-edit{color:var(--color-primary-dark)!important;background:var(--color-primary-lighter)!important;border-color:var(--color-primary-light)!important}.action-btn-edit:hover:not(:disabled){transform:translateY(-2px);background:var(--hero-bg-start)!important;color:#fff!important;box-shadow:0 6px 16px #20c9974d!important}.action-btn-success{color:#16a34a!important;background:#dcfce7!important;border-color:#bbf7d0!important}.action-btn-success:hover:not(:disabled){transform:translateY(-2px);color:#fff!important;background:#148f5b!important;box-shadow:0 6px 16px #16a34a4d!important}.action-btn-delete{color:#e11d48!important;background:#fff1f2!important;border-color:#fecdd3!important}.action-btn-delete:hover:not(:disabled){transform:translateY(-2px);color:#fff!important;background:#c03b3b!important;box-shadow:0 6px 16px #e11d484d!important}:root{--submenu-table-border:#0f9f8f29;--submenu-table-border-soft:#94a3b833;--submenu-table-head-bg:linear-gradient(180deg, #f1f5fb 0%, #e8eff8 100%);--submenu-table-head-divider:#94a3b86b;--submenu-table-head-text:#334155;--submenu-table-row-even:#f8fbff;--submenu-table-row-hover:#edf4ff;--submenu-table-row-focus:#e7efff;--submenu-table-row-selected:#ddf5f1;--submenu-table-text:#1f2a44;--submenu-table-muted:#5b6b84;--submenu-table-shadow:0 10px 28px #0f172a14;--submenu-table-shadow-hover:0 14px 34px #0f9f8f29}body :is(.table-wrap,.crud-table-wrap,.profiles-table-wrap,.payroll-table-wrap,.leave-table-wrap,.ess-table-wrap,.ui-table-overflow,.data-table-wrapper,.payroll-table-wrapper,.payroll-approve-table-wrap,.table-wrapper){border:1px solid var(--submenu-table-border);width:100%;box-shadow:var(--submenu-table-shadow);scrollbar-width:thin;scrollbar-color:#0f9f8f59 #94a3b824;background:linear-gradient(#fffffffa 0%,#f8fbfff2 100%);border-radius:16px;transition:box-shadow .18s,border-color .18s;position:relative;overflow-x:auto}body :is(.table-wrap,.crud-table-wrap,.profiles-table-wrap,.payroll-table-wrap,.leave-table-wrap,.ess-table-wrap,.ui-table-overflow,.data-table-wrapper,.payroll-table-wrapper,.payroll-approve-table-wrap,.table-wrapper):hover{box-shadow:var(--submenu-table-shadow-hover);border-color:#0f9f8f3d}body :is(.table-wrap,.crud-table-wrap,.profiles-table-wrap,.payroll-table-wrap,.leave-table-wrap,.ess-table-wrap,.ui-table-overflow,.data-table-wrapper,.payroll-table-wrapper,.payroll-approve-table-wrap,.table-wrapper)::-webkit-scrollbar{height:8px}body :is(.table-wrap,.crud-table-wrap,.profiles-table-wrap,.payroll-table-wrap,.leave-table-wrap,.ess-table-wrap,.ui-table-overflow,.data-table-wrapper,.payroll-table-wrapper,.payroll-approve-table-wrap,.table-wrapper)::-webkit-scrollbar-track{background:#94a3b824;border-radius:999px}body :is(.table-wrap,.crud-table-wrap,.profiles-table-wrap,.payroll-table-wrap,.leave-table-wrap,.ess-table-wrap,.ui-table-overflow,.data-table-wrapper,.payroll-table-wrapper,.payroll-approve-table-wrap,.table-wrapper)::-webkit-scrollbar-thumb{background:#0f9f8f59;border-radius:999px}body :is(.table-wrap,.crud-table-wrap,.profiles-table-wrap,.payroll-table-wrap,.leave-table-wrap,.ess-table-wrap,.ui-table-overflow,.data-table-wrapper,.payroll-table-wrapper,.payroll-approve-table-wrap,.table-wrapper)::-webkit-scrollbar-thumb:hover{background:#0f9f8f7a}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table){border-collapse:separate;border-spacing:0;width:100%;min-width:760px;color:var(--submenu-table-text);background:0 0;border:0;margin:0}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>thead>tr>th{z-index:2;background:var(--submenu-table-head-bg);color:var(--submenu-table-head-text);border:0;border-bottom:1px solid var(--submenu-table-head-divider);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:.9rem 1rem;font-size:.74rem;font-weight:700;position:sticky;top:0}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>thead>tr>th:not(:last-child){border-right:1px solid #94a3b857}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>thead>tr>th:first-child{border-top-left-radius:14px}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>thead>tr>th:last-child{border-top-right-radius:14px}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>tbody>tr>td{border:0;border-bottom:1px solid var(--submenu-table-border-soft);color:var(--submenu-table-text);vertical-align:middle;background:#fff;padding:.84rem 1rem;line-height:1.45}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>tbody>tr:nth-child(2n)>td{background:var(--submenu-table-row-even)}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>tbody>tr:hover>td{background:var(--submenu-table-row-hover)}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>tbody>tr:focus-within>td{background:var(--submenu-table-row-focus)}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>tbody>tr.is-selected>td{background:var(--submenu-table-row-selected)}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>tbody>tr:last-child>td{border-bottom:0}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>tbody>tr>td:is([colspan],.submenu-table-empty,.table-empty,.cell-empty){text-align:center;color:var(--submenu-table-muted);padding:2.25rem 1rem}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table) :is(.cell-id,.data-table-cell-id,.leave-table-id,.ess-table-id){color:#08776b;font-weight:700}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table) :is(.th-right,.text-right,.data-table-cell-number,.cell-amount,.table-cell-right){text-align:right}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table) :is(.th-center,.text-center,.cell-center,.data-table-cell-center,.leave-table-actions,.table-cell-center){text-align:center}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table) :is(.cell-actions,.table-actions,.payroll-table-actions){flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table) :is(.status-badge,.cell-tag){letter-spacing:.02em;border:1px solid #0f9f8f1f;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:.2rem .62rem;font-size:.72rem;font-weight:700;display:inline-flex}body :is(.table-header-bar .table-count,.section-table-header p,.kpi-table-header p,.payroll-table-head-copy .chart-subtitle,.ui-table-pagination .pagination-info){font-weight:500;color:#64748b!important}body :is(.table-header-bar h3,.section-table-header h2,.kpi-table-header h2,.payroll-table-head-copy h2){color:#334155}body :is(.table-header-bar,.section-table-header,.kpi-table-header,.payroll-table-header,.table-wrap,.crud-table-wrap,.profiles-table-wrap,.payroll-table-wrap,.leave-table-wrap,.ess-table-wrap,.ui-table-overflow,.payroll-table-wrapper) svg{stroke-linecap:round;stroke-linejoin:round}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table) :is(.action-btn,.table-action-btn,.payroll-table-action-btn,.table-action-button,.ui-button)>svg{stroke-width:1.9px;flex-shrink:0;width:16px;height:16px}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table) :is(.status-pending,.status-approved,.status-active,.status-rejected,.status-inactive,.status-cancelled,.status-archived,.status-processing,.status-in-progress,.leave-status-cancelled,.payroll-status-paid,.payroll-status-approved,.payroll-status-pending,.payroll-status-draft,.payroll-status-rejected):before{content:none!important;margin-right:0!important}@media (width<=1024px){body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table){min-width:660px}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>thead>tr>th,body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>tbody>tr>td{padding:.75rem .85rem}}@media (width<=640px){body :is(.table-wrap,.crud-table-wrap,.profiles-table-wrap,.payroll-table-wrap,.leave-table-wrap,.ess-table-wrap,.ui-table-overflow,.data-table-wrapper,.payroll-table-wrapper,.payroll-approve-table-wrap,.table-wrapper){border-radius:12px;box-shadow:0 6px 20px #0f172a1a}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table){min-width:560px}body table:is(.data-table,.crud-table,.ui-table,.ess-table,.profiles-table,.payroll-table,.leave-table,.table)>thead>tr>th{letter-spacing:.05em;font-size:.69rem}}:where(button,a,[role=button],.button,.ui-button) :where(span,strong,small,b,i,em,svg){opacity:1;visibility:visible;color:inherit;stroke:currentColor}:where(button,a,[role=button],.button,.ui-button):not(.btn-loading):not(.ui-button--loading){visibility:visible}:where(.hero-card,.ui-card.hero-card,.payroll-hero-card,.section-hero-card,.attendance-hero-card,.leave-hero-card,.employees-hero-card,.reports-hero-card,.detailed-hero-card,.page-header) :where(.hero-actions,.section-hero-actions,.qr-generator-hero__actions,.page-header-actions) :where(button,a,.button,.ui-button,.btn-primary,.btn-outline):not(:disabled){color:#075e54!important;opacity:1!important;background:#fff!important;border-color:#fff!important}:where(.hero-card,.ui-card.hero-card,.payroll-hero-card,.section-hero-card,.attendance-hero-card,.leave-hero-card,.employees-hero-card,.reports-hero-card,.detailed-hero-card,.page-header) :where(.hero-actions,.section-hero-actions,.qr-generator-hero__actions,.page-header-actions) :where(button,a,.button,.ui-button,.btn-primary,.btn-outline):not(:disabled) :where(span,strong,small,b,i,em,svg){color:#075e54!important;stroke:#075e54!important;fill:#075e54!important;opacity:1!important;visibility:visible!important}.hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary),.section-hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary),.attendance-hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary),.leave-hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary),.employees-hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary),.reports-hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary),[class*=hero-actions] :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary),[class*=hero__actions] :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary),.page-header-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary){color:#075e54!important;opacity:1!important;visibility:visible!important;background:#fff!important;border-color:#fff!important}.hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary) *,.section-hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary) *,.attendance-hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary) *,.leave-hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary) *,.employees-hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary) *,.reports-hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary) *,[class*=hero-actions] :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary) *,[class*=hero__actions] :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary) *,.page-header-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary) *{color:#075e54!important;stroke:#075e54!important;fill:#075e54!important;opacity:1!important;visibility:visible!important}.hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary):disabled,.section-hero-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary):disabled,[class*=hero-actions] :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary):disabled,[class*=hero__actions] :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary):disabled,.page-header-actions :is(button,a,.button,.ui-button,.btn-primary,.btn-outline,.btn-secondary):disabled{color:#075e54!important;opacity:.5!important}[class$=-value-purple]{color:var(--color-primary-dark)!important}[class*=icon-purple],[class*=icon--purple],[class*=summary-icon--purple],[class*=summary-icon\.purple]{color:var(--color-primary-dark)!important;box-shadow:none!important;background:#0f9f8f24!important;border-color:#0f9f8f2e!important}.color-purple{color:var(--color-primary-dark)!important;background:#0f9f8f24!important}.uni-icon-purple-soft{background:var(--color-primary-light)!important;color:var(--color-primary-dark)!important}[data-theme=light] .kpi-page,[data-theme=light] .competency-matrix-page{--purple-color:var(--color-primary-dark)}[data-theme=light]{--reports-purple:var(--color-primary-dark);--chart-purple:var(--color-primary-dark);--payroll-purple:var(--color-primary-dark)}.table-section{margin-bottom:1.5rem}.wuw-table-area,.table-area,.employee-table-area,.task-table-area,.payroll-report-table-area,.attendance-table-area,.leave-table-area,.admin-table-area{background:var(--color-white,#fff);border:1px solid var(--color-border,#dde5e2);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.table-section .table-area,.table-section .wuw-table-area{box-shadow:none}.table-toolbar{background:var(--color-white,#fff);border-bottom:1px solid var(--color-border-light,#eaf2f0);padding:1rem 1.25rem}.control-section-inner,.control-section-header,.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.control-actions,.toolbar-actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.elyra-tabs,.segmented-control{background:var(--gray-100,#f1f5f9);border-radius:999px;flex-wrap:wrap;gap:.25rem;padding:4px;display:inline-flex}.elyra-tab,.segmented-btn{height:38px;color:var(--color-text-secondary,#66736f);font-family:var(--font-family-base);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:0 1rem;font-size:13px;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.elyra-tab:hover,.segmented-btn:hover{background:var(--color-primary-lighter,#f0faf8);color:var(--color-primary,#0f9f8f)}.elyra-tab.active,.segmented-btn.active{background:var(--color-primary,#0f9f8f);color:var(--color-white,#fff);box-shadow:0 2px 8px #0f9f8f33}.search-box{align-items:center;min-width:300px;max-width:360px;display:flex;position:relative}.search-icon-inside{color:var(--color-text-tertiary,#a3b1ae);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input-pill,.search-input,.search-box input[type=text],.search-box input{border:1px solid var(--color-border,#dde5e2);background:var(--gray-50,#f8fafc);width:100%;height:40px;color:var(--color-text-primary,#18201e);font-size:13px;font-family:var(--font-family-base);border-radius:999px;outline:none;padding:0 1rem 0 2.75rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.search-input-pill::placeholder,.search-input::placeholder{color:var(--color-text-tertiary,#a3b1ae)}.search-input-pill:focus,.search-input:focus{background:var(--color-white,#fff);border-color:var(--color-primary,#0f9f8f);box-shadow:0 0 0 3px #0f9f8f1a}.filter-btn-rounded,.filter-btn,.btn-filter{border:1px solid var(--color-border,#dde5e2);background:var(--color-white,#fff);height:40px;color:var(--color-text-secondary,#66736f);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family-base);white-space:nowrap;border-radius:999px;align-items:center;gap:.5rem;padding:0 1.25rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.filter-btn-rounded:hover,.filter-btn:hover,.btn-filter:hover{background:var(--gray-100,#f1f5f9);border-color:var(--gray-300,#cbd5d1)}.filter-btn-rounded.active,.filter-btn.active,.btn-filter.active{background:var(--color-primary-light,#eaf7f4);color:var(--color-primary-dark,#075e54);border-color:#0f9f8f59}.control-actions .filter-btn-rounded,.control-actions .filter-btn,.control-actions .btn-filter{height:40px}.filter-dropdown,.advanced-filter-panel,.filter-panel{border-top:1px solid var(--color-border-light,#eaf2f0);margin-top:1rem;padding:1rem 0 0}.filter-row,.filter-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:1rem;display:grid}.filter-group,.filter-field{flex-direction:column;gap:.4rem;min-width:0;display:flex}.filter-group label,.filter-field label{color:var(--color-text-secondary,#66736f);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.filter-select-premium,.filter-group select,.filter-field select,.filter-group input,.filter-field input{border:1px solid var(--color-border,#dde5e2);background:var(--color-white,#fff);width:100%;height:40px;color:var(--color-text-primary,#18201e);font-size:13px;font-family:var(--font-family-base);border-radius:10px;outline:none;padding:0 1rem;transition:all .15s cubic-bezier(.4,0,.2,1)}.filter-select-premium:focus,.filter-group select:focus,.filter-field select:focus{border-color:var(--color-primary,#0f9f8f);box-shadow:0 0 0 3px #0f9f8f1a}.filter-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.table-wrap{border-top:1px solid var(--color-border-light,#eaf2f0);overflow-x:auto}.data-table,.wuw-table,.table{border-collapse:separate;border-spacing:0;width:100%}.data-table thead th,.wuw-table thead th,.table thead th,.table-header-cell{background:var(--gray-50,#f8fafc);color:var(--color-text-secondary,#64748b);text-transform:uppercase;letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--color-border,#dde5e2);white-space:nowrap;height:48px;font-size:12px;font-weight:700;font-family:var(--font-family-base);border-right:1px solid #0000;padding:12px 20px}.data-table thead th:last-child,.wuw-table thead th:last-child,.table thead th:last-child{border-right:none}.data-table thead th.th-center,.data-table thead th.tb-center,.wuw-table thead th.th-center,.table thead th.table-cell-center,.data-table thead th.th-right,.wuw-table thead th.th-right,.table thead th.table-cell-right{text-align:center}.data-table thead th.th-right,.wuw-table thead th.th-right,.table thead th.table-cell-right{text-align:right}.data-table tbody td,.wuw-table tbody td,.table tbody td{border-bottom:1px solid var(--color-border-light,#eef2f7);color:var(--color-text-primary,#18201e);vertical-align:middle;font-size:13.5px;line-height:1.45;font-family:var(--font-family-base);padding:14px 20px}.data-table tbody tr:last-child td,.wuw-table tbody tr:last-child td,.table tbody tr:last-child td{border-bottom:none}.data-table tbody tr,.wuw-table tbody tr,.table tbody tr{height:60px;transition:background .12s}.data-table tbody tr:hover,.wuw-table tbody tr:hover,.table tbody tr:hover{background:var(--color-primary-lighter,#f7fcfb)}.data-table td.td-center,.data-table td.tb-center,.wuw-table td.td-center,.table td.table-cell-center{text-align:center}.data-table td.td-right,.wuw-table td.td-right,.table td.table-cell-right{text-align:right}.data-table td.tb-center,.data-table th.tb-center,.table-cell-center,.td-center,.th-center,.tb-center,.cell-center{text-align:center}.td-right,.th-right{text-align:right}.cell-stacked{flex-direction:column;gap:.15rem;display:flex}.cell-stacked__sub,.cell-secondary{color:var(--color-text-tertiary,#a3b1ae);font-size:12px}.cell-primary,.cell-name-text{color:var(--color-text-primary,#18201e);font-weight:600}.badge-soft,.status-badge,.status-chip{white-space:nowrap;font-size:11.5px;font-weight:600;line-height:1.4;font-family:var(--font-family-base);border-radius:999px;align-items:center;gap:.35rem;padding:4px 12px;display:inline-flex}.badge-soft--blue,.status-badge--info{background:var(--color-primary-light,#eaf7f4);color:var(--color-primary-dark,#075e54)}.badge-soft--green,.status-badge--success,.status-badge--approved,.status-badge--active,.status-badge--paid,.status-badge--completed{background:var(--color-success-light,#eaf7f4);color:#0f7a60}.badge-soft--orange,.badge-soft--yellow,.status-badge--warning,.status-badge--pending,.status-badge--submitted,.status-badge--probation,.status-badge--draft{background:var(--color-warning-light,#fcf4e6);color:#a06a12}.badge-soft--red,.status-badge--error,.status-badge--rejected,.status-badge--resigned,.status-badge--cancelled,.status-badge--inactive{background:var(--color-error-light,#fde8e8);color:#b8322e}.badge-soft--gray,.status-badge--default{background:var(--gray-100,#f1f5f9);color:var(--color-text-secondary,#66736f)}.action-btn-group{justify-content:center;align-items:center;gap:.375rem;display:inline-flex}.action-btn{cursor:pointer;width:34px;height:34px;font-family:var(--font-family-base);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.action-btn-edit,.action-btn-view,.action-btn-secondary,.action-btn-success,.action-btn-approve{background:var(--color-primary-light,#eaf7f4);color:var(--color-primary-dark,#075e54);border-color:#0000}.action-btn-edit:hover,.action-btn-view:hover,.action-btn-approve:hover{background:var(--color-primary,#0f9f8f);color:#fff}.action-btn-success{background:var(--color-success-light,#eaf7f4);color:#0f7a60}.action-btn-success:hover{color:#fff;background:#148f5b}.action-btn-delete,.action-btn-reject{background:var(--color-error-light,#fde8e8);color:#b8322e;border-color:#0000}.action-btn-delete:hover,.action-btn-reject:hover{color:#fff;background:#c03b3b}.action-btn:disabled{opacity:.4;cursor:not-allowed}.table-pagination{border-top:1px solid var(--color-border,#dde5e2);background:var(--color-white,#fff);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:60px;padding:12px 20px;display:flex}.pagination-info{color:var(--color-text-secondary,#66736f);white-space:nowrap;align-items:center;gap:.35rem;font-size:13px;display:flex}.pagination-info strong{color:var(--color-text-primary,#18201e);font-weight:700}.pagination-controls{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.pagination-btn{border:1px solid var(--color-border,#dde5e2);background:var(--color-white,#fff);min-width:34px;height:34px;color:var(--color-text-primary,#18201e);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family-base);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.pagination-btn:hover:not(:disabled):not(.active){background:var(--gray-100,#f1f5f9);border-color:var(--gray-300,#cbd5d1)}.pagination-btn.active{background:var(--color-primary,#0f9f8f);border-color:var(--color-primary,#0f9f8f);color:var(--color-white,#fff);box-shadow:0 2px 8px #0f9f8f33}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-button{border:1px solid var(--color-border,#dde5e2);background:var(--color-white,#fff);min-width:34px;height:34px;color:var(--color-text-primary,#18201e);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-family-base);border-radius:10px;justify-content:center;align-items:center;padding:0 10px;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.pagination-button.active{background:var(--color-primary,#0f9f8f);border-color:var(--color-primary,#0f9f8f);color:var(--color-white,#fff)}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.page-size-selector,.pagination-size-selector{color:var(--color-text-secondary,#66736f);align-items:center;gap:.5rem;font-size:13px;display:inline-flex}.page-size-selector select,.pagination-size-selector select{border:1px solid var(--color-border,#dde5e2);background:var(--color-white,#fff);height:34px;color:var(--color-text-primary,#18201e);font-size:13px;font-weight:600;font-family:var(--font-family-base);cursor:pointer;border-radius:10px;outline:none;padding:0 .75rem}.loading-state,.empty-state,.error-state{text-align:center;border-top:1px solid var(--color-border-light,#eaf2f0);color:var(--color-text-secondary,#66736f);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.empty-state h3,.empty-state-title{color:var(--color-text-primary,#18201e);margin:0;font-size:1.05rem;font-weight:700}.empty-state p,.empty-state-description{color:var(--color-text-tertiary,#a3b1ae);margin:0;font-size:13px}@media (width<=1024px){.search-box{min-width:240px;max-width:100%}}@media (width<=768px){.control-section-inner,.control-section-header,.toolbar-row{flex-direction:column;align-items:stretch}.control-actions,.toolbar-actions{width:100%;margin-left:0}.search-box,.control-actions .search-box{width:100%;min-width:0}.filter-btn-rounded,.filter-btn,.btn-filter{flex:1}.elyra-tabs,.segmented-control{flex-wrap:nowrap;justify-content:flex-start;width:100%;overflow-x:auto}.table-pagination{flex-direction:column;align-items:stretch;gap:.75rem}.pagination-info,.pagination-controls,.page-size-selector{justify-content:center}.filter-row,.filter-grid{grid-template-columns:1fr}}@media (width<=480px){.data-table thead th,.data-table tbody td,.table-pagination{padding:10px 14px}.pagination-btn,.pagination-button{min-width:30px;height:30px;padding:0 8px;font-size:12px}}