@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";.toast-stack-container{z-index:999999;pointer-events:none;flex-direction:column;align-items:flex-end;gap:14px;width:calc(100% - 48px);max-width:400px;display:flex;position:fixed;top:24px;right:24px}.glass-toast{-webkit-backdrop-filter:blur(18px)saturate(180%);pointer-events:all;will-change:transform, opacity, filter;-webkit-user-select:none;user-select:none;background:#12141dd9;border:1px solid #ffffff1f;border-radius:18px;width:100%;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;animation:.42s cubic-bezier(.34,1.56,.64,1) forwards toastPopSpring;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000073,0 0 0 1px #ffffff0d,inset 0 1px #ffffff26}.glass-toast:hover{transform:scale(1.025)translateY(-2px);box-shadow:0 28px 56px -12px #0009,0 0 0 1px #fff3,inset 0 1px #ffffff40}.glass-toast.toast-leaving{animation:.28s cubic-bezier(.4,0,1,1) forwards toastBlurFadeOut!important}@keyframes toastPopSpring{0%{opacity:0;transform:scale(.8)translateY(16px)}60%{opacity:1;transform:scale(1.03)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes toastBlurFadeOut{0%{opacity:1;filter:blur();transform:scale(1)translateY(0)}to{opacity:0;filter:blur(8px);transform:scale(.9)translateY(-10px)}}.toast-shine-sweep{pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff14 45%,#ffffff2e 50%,#ffffff14 55%,#0000 100%);width:100%;height:100%;animation:1.2s cubic-bezier(.16,1,.3,1) forwards shineSweep;position:absolute;top:0;left:-150%}@keyframes shineSweep{0%{left:-150%}to{left:150%}}.toast-content-wrapper{align-items:center;gap:14px;padding:16px 18px;display:flex}.toast-icon-glow-container{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.toast-icon-glow{filter:blur(8px);opacity:.6;border-radius:50%;width:32px;height:32px;animation:2s ease-in-out infinite alternate pulseGlow;position:absolute}@keyframes pulseGlow{0%{opacity:.5;transform:scale(.9)}to{opacity:.85;transform:scale(1.2)}}.toast-icon-svg{z-index:2;animation:.4s cubic-bezier(.34,1.56,.64,1) iconPop;position:relative}@keyframes iconPop{0%{transform:scale(.4)rotate(-15deg)}to{transform:scale(1)rotate(0)}}.toast-text-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.toast-title-text{color:#f9fafb;letter-spacing:-.2px;font-size:15px;font-weight:700;line-height:1.3}.toast-message-text{color:#f3f4f6d1;word-break:break-word;font-size:13px;font-weight:500;line-height:1.4}.toast-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.toast-close-btn:hover{color:#fff;background:#fff3;transform:scale(1.1);box-shadow:0 0 10px #fff3}.toast-progress-track{background:#ffffff0f;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.toast-progress-bar{border-radius:0 2px 2px 0;width:100%;height:100%;animation:linear forwards shrinkProgress}@keyframes shrinkProgress{0%{width:100%}to{width:0%}}.toast-success .toast-icon-svg{color:#34d399}.toast-success .toast-icon-glow{background:#10b981}.toast-success .toast-progress-bar{background:linear-gradient(90deg,#10b981,#34d399,#059669)}.toast-error .toast-icon-svg{color:#fb7185}.toast-error .toast-icon-glow{background:#f43f5e}.toast-error .toast-progress-bar{background:linear-gradient(90deg,#f43f5e,#fb7185,#e11d48)}.toast-warning .toast-icon-svg{color:#fbbf24}.toast-warning .toast-icon-glow{background:#f59e0b}.toast-warning .toast-progress-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24,#d97706)}.toast-info .toast-icon-svg{color:#38bdf8}.toast-info .toast-icon-glow{background:#0ea5e9}.toast-info .toast-progress-bar{background:linear-gradient(90deg,#0ea5e9,#38bdf8,#2563eb)}.toast-notification .toast-icon-svg{color:#a78bfa}.toast-notification .toast-icon-glow{background:#8b5cf6}.toast-notification .toast-progress-bar{background:linear-gradient(90deg,#8b5cf6,#a78bfa,#4f46e5)}@media (max-width:640px){.toast-stack-container{width:auto;max-width:none;top:12px;left:12px;right:12px}}.top-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:90;min-height:72px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:12px 28px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:28px;display:flex}.org-header-section{background:var(--bg-primary);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:14px;padding:10px 16px;transition:all .3s;display:flex}.org-header-section:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-1px)}.org-logo-header{object-fit:cover;width:140px;height:44px;box-shadow:var(--shadow-sm);border:2px solid var(--primary-color);border-radius:8px}.org-logo-placeholder-header{background:linear-gradient(135deg, var(--primary-color) 0%, var(--success-hover) 100%);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-sm);border:2px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.org-details-header h2{color:var(--text-primary);letter-spacing:.2px;margin:0;font-size:15px;font-weight:700}.org-details-header p{color:var(--text-secondary);margin:3px 0 0;font-size:12px}.welcome-section h1{color:var(--text-primary);background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:22px;font-weight:700}.breadcrumb{color:var(--text-secondary);margin:0;font-size:12px}.branch-filter-section{align-items:center;gap:10px;display:flex}.branch-filter-label{color:var(--text-secondary);font-size:12px;font-weight:600}.global-branch-select{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;outline:none;min-width:180px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .3s}.global-branch-select:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.global-branch-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #1f8a5b1a}.header-right{align-items:center;gap:14px;display:flex}.header-settings-btn{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.header-settings-btn:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)rotate(90deg)}.header-settings-btn svg{width:18px;height:18px;color:var(--text-primary);transition:color .3s}.header-settings-btn:hover svg{color:#fff}.user-profile{background:var(--bg-primary);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:12px;padding:8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.user-profile:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color);transform:translateY(-1px)}.user-avatar{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);width:38px;height:38px;box-shadow:var(--shadow-sm);border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;width:100%;height:100%}.avatar-text{color:#fff;font-size:14px;font-weight:700}.user-info-header{flex-direction:column;display:flex}.user-name-header{color:var(--text-primary);font-size:13px;font-weight:600}.user-designation-header{color:var(--text-secondary);font-size:11px}.overlay{z-index:999;background:#00000080;width:100%;height:100vh;animation:.3s fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1024px){.header-left{gap:20px}.org-header-section{padding:8px 14px}.global-branch-select{min-width:150px}}@media (max-width:768px){.top-header{flex-flow:wrap!important;align-items:center!important;gap:10px!important;min-height:auto!important;padding:10px!important;display:flex!important}.header-left{flex:auto!important;order:1!important;align-items:center!important;gap:10px!important;width:60%!important;display:flex!important}.org-header-section{gap:8px!important;width:auto!important;margin-left:45px!important;padding:6px 10px!important}.org-logo-header{width:90px!important;height:32px!important}.org-logo-placeholder-header{width:32px!important;height:32px!important;font-size:14px!important}.org-details-header h2{font-size:12px!important}.org-details-header p{margin-top:1px!important;font-size:10px!important}.welcome-section{display:none!important}.header-right{flex:none!important;order:2!important;justify-content:flex-end!important;gap:8px!important;width:auto!important;display:flex!important}.branch-filter-section{background:var(--bg-tertiary,#f1f5f9)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;flex:calc(50% - 5px)!important;order:3!important;align-items:center!important;gap:6px!important;width:auto!important;margin-left:0!important;padding:6px 8px!important;display:flex!important}.global-branch-select{width:100%!important;min-width:0!important;height:32px!important;padding:4px 8px!important;font-size:11px!important;font-weight:600!important}.branch-filter-label{white-space:nowrap!important;font-size:11px!important;font-weight:700!important}.header-settings-btn,.user-profile{height:34px!important;padding:6px 10px!important}.user-profile{gap:6px!important}.user-avatar{width:26px!important;height:26px!important}.user-info-header{display:none!important}.notification-dropdown{z-index:100000!important;border-radius:12px!important;width:calc(100vw - 20px)!important;max-width:360px!important;position:fixed!important;top:60px!important;left:10px!important;right:10px!important;box-shadow:0 10px 30px #0000002e!important}}@keyframes orgBadgePulse{0%{box-shadow:0 2px 6px #0000000f,0 0 #0a5c2740}50%{box-shadow:0 4px 14px #0a5c272e,0 0 0 4px #0a5c271f}to{box-shadow:0 2px 6px #0000000f,0 0 #0a5c2740}}@keyframes orgShimmerGlow{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes orgBadgeEntrance{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.header-org-badge-animated{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:12px;padding:5px 16px;transition:all .35s cubic-bezier(.4,0,.2,1);animation:.5s cubic-bezier(.16,1,.3,1) forwards orgBadgeEntrance;display:flex;position:relative;overflow:hidden}.header-org-badge-animated:hover{transform:translateY(-2px)scale(1.025);border-color:#0a5c27!important;box-shadow:0 8px 20px #0a5c2738,0 0 0 1px #0a5c2766!important}.header-org-badge-animated:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:-100%}.header-org-badge-animated:hover:before{opacity:1;animation:1.2s infinite orgShimmerGlow}.header-org-logo-container{background:#fff;border-radius:6px;justify-content:center;align-items:center;min-width:40px;max-width:220px;height:40px;padding:2px 6px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;overflow:hidden}.header-org-badge-animated:hover .header-org-logo-container{transform:scale(1.06)}.header-org-logo-img{object-fit:contain;max-width:200px;max-height:36px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:block}.header-org-badge-animated:hover .header-org-logo-img{transform:scale(1.05)}.header-org-avatar-badge{color:#fff;background:linear-gradient(135deg,#0a5c27,#74c216);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;font-weight:800;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s;animation:3s ease-in-out infinite orgBadgePulse;display:flex;box-shadow:0 2px 4px #0a5c274d}.header-org-badge-animated:hover .header-org-avatar-badge{transform:rotate(6deg)scale(1.12);box-shadow:0 6px 14px #0a5c2766}.header-org-name-text{white-space:nowrap;letter-spacing:.01em;font-size:1rem;font-weight:700;transition:color .3s,transform .3s}.header-org-badge-animated:hover .header-org-name-text{color:#0a5c27!important}:root{--sidebar-width:280px;--sidebar-collapsed:70px}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--theme-border,#cbd5e1);border-radius:10px;transition:background .2s}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--theme-primary,#0a5c27)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--theme-border,#cbd5e1) transparent}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:100;height:100vh;box-shadow:var(--shadow-md);flex-direction:column;transition:all .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.closed{width:var(--sidebar-collapsed);box-shadow:var(--shadow-sm)}.sidebar-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;min-height:68px;padding:18px 14px 14px;display:flex;position:relative}.logo-container{align-items:center;gap:12px;width:100%;display:flex}.logo-img{object-fit:contain;background:var(--bg-primary);width:34px;height:34px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:8px;padding:3px}.logo-placeholder{background:linear-gradient(135deg, var(--primary-color) 0%, var(--success-hover) 100%);color:#fff;width:34px;height:34px;box-shadow:var(--shadow-md);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.product-name-container{white-space:nowrap;flex-direction:column;display:flex;overflow:hidden}.product-name{letter-spacing:-.2px;color:var(--text-primary);align-items:center;font-size:1rem;font-weight:700;display:flex}.product-logo-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0000000d);max-width:140px;height:24px}.product-subtitle{letter-spacing:-.1px;align-items:center;gap:2px;margin-top:2px;font-size:.7rem;font-weight:500;display:flex}.smart-text{color:var(--success-color);background:linear-gradient(135deg, var(--success-hover) 0%, var(--success-color) 100%);-webkit-text-fill-color:transparent;letter-spacing:.2px;-webkit-background-clip:text;background-clip:text;font-size:.55rem;font-weight:400}.sidebar-toggle-container{z-index:1001;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.sidebar-toggle{border:2px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;width:22px;height:22px;color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex}.sidebar-toggle:hover{background:var(--primary-color);color:#fff;border-color:#0000;transform:scale(1.2);box-shadow:0 4px 16px #1f8a5b66}.sidebar-search{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);padding:8px;position:relative}.search-input{border:1px solid var(--border-color);background:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:8px;padding:9px 14px 9px 38px;font-size:12px;font-weight:500;transition:all .25s}.search-input:focus{border-color:var(--primary-color);background:var(--bg-secondary);outline:none;box-shadow:0 0 0 3px #1f8a5b1a}.search-icon{color:var(--text-secondary);font-size:15px;transition:color .25s;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.clear-search{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;transition:all .25s;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.clear-search:hover{background:var(--hover-bg);color:var(--error-color)}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-direction:column;flex:1;gap:18px;padding:14px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:50px}.nav-section{margin-bottom:4px}.section-header{cursor:pointer;max-height:46px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:4px 2px;font-size:10px;font-weight:600;transition:all .25s;display:flex}.section-header:hover{color:var(--primary-color);background:var(--hover-bg)}.section-title{align-items:center;gap:8px;display:flex;overflow:hidden}.section-icon-wrapper{flex-direction:column;align-items:center;gap:2px;min-width:28px;display:flex}.mini-menu-text{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;max-width:58px;color:var(--text-secondary);margin-top:1px;font-size:8px;font-weight:800;line-height:1;overflow:hidden}.sidebar.closed .section-header:hover .mini-menu-text{color:var(--primary-color)}.main-nav .nav-item{margin-bottom:6px}.nav-item{cursor:pointer;color:var(--text-secondary);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;font-size:13px;font-weight:600;transition:all .25s;display:flex;position:relative}.nav-item:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--border-color);transform:translate(2px)}.nav-item.active{background:var(--bg-primary);color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm), 0 0 0 1px #1f8a5b1a;font-weight:700}.nav-item.active:before{content:"";background:var(--primary-color);border-radius:0 2px 2px 0;width:3px;height:65%;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.nav-icon-container{background:var(--bg-tertiary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s;display:flex}.nav-item:hover .nav-icon-container{background:var(--primary-color);color:#fff;transform:scale(1.05)}.nav-item.active .nav-icon-container{background:var(--primary-color);color:#fff;box-shadow:0 2px 6px #1f8a5b4d}.nav-text{text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary);flex:1;font-size:13px;font-weight:600;overflow:hidden}.modules-container{flex-direction:column;gap:8px;max-height:260px;margin-bottom:6px;padding-right:2px;display:flex;overflow-y:auto}.modules-list{flex-direction:column;gap:4px;max-height:200px;margin-top:2px;padding-right:2px;display:flex;overflow-y:auto}.module-item{cursor:pointer;color:var(--text-secondary);border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;margin-bottom:2px;padding:7px 9px;font-size:12px;font-weight:600;transition:all .25s;display:flex;position:relative}.module-item:hover{background:var(--hover-bg);color:var(--text-primary);border-color:var(--border-color);transform:translate(2px)}.module-item.active{background:var(--bg-primary);color:var(--primary-color);border-left:2px solid var(--primary-color);box-shadow:var(--shadow-sm);font-weight:700}.module-icon{background:var(--bg-tertiary);width:20px;height:20px;color:var(--text-secondary);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:all .25s;display:flex}.module-item:hover .module-icon{background:var(--primary-color);color:#fff;transform:scale(1.05)}.module-item.active .module-icon{background:var(--primary-color);color:#fff;box-shadow:0 2px 5px #1f8a5b4d}.module-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.favorite-btn{opacity:0;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;font-size:10px;transition:all .25s;display:flex}.module-item:hover .favorite-btn{opacity:.7}.favorite-btn.active{opacity:1;color:var(--accent-color)}.favorite-btn:hover{background:var(--hover-bg);color:var(--accent-color);opacity:1;transform:scale(1.1)}.quick-access{border-top:1px solid var(--border-color);margin-top:auto;padding-top:12px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.quick-btn{border:1px solid var(--border-color);background:var(--bg-primary);cursor:pointer;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;font-size:9px;font-weight:700;transition:all .25s;display:flex}.quick-btn:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.quick-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 2px 6px #1f8a5b4d}.quick-btn svg{color:inherit;font-size:13px;transition:transform .25s}.quick-btn:hover svg{transform:scale(1.1)}.no-results{text-align:center;color:var(--text-secondary);opacity:.7;flex-direction:column;align-items:center;gap:7px;padding:22px 14px;display:flex}.no-results svg{color:var(--border-color);font-size:18px}.no-results p{font-size:11px;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);padding:11px 14px;position:relative}.logout-btn{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--error-color);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px;font-size:12px;font-weight:700;transition:all .25s;display:flex}.logout-btn:hover{background:var(--error-color);color:#fff;border-color:var(--error-color);transform:translateY(-1px);box-shadow:0 3px 10px #e74c3c4d}.sidebar.closed .sidebar-search,.sidebar.closed .nav-text,.sidebar.closed .product-name-container,.sidebar.closed .modules-container,.sidebar.closed .module-name,.sidebar.closed .quick-grid span,.sidebar.closed .logout-btn span,.sidebar.closed .section-title span,.sidebar.closed .favorite-btn{display:none!important}.sidebar.closed .sidebar-nav{gap:14px;padding:14px 7px}.sidebar.closed .nav-item{justify-content:center;min-height:34px;margin-bottom:4px;padding:7px}.sidebar.closed .nav-icon-container{width:24px;height:24px;margin:0}.sidebar.closed .quick-grid{grid-template-columns:repeat(2,1fr);gap:4px}.sidebar.closed .quick-btn{min-height:34px;padding:7px 4px}.sidebar.closed .logout-btn{justify-content:center;min-height:34px;padding:7px}.sidebar.closed .module-item{justify-content:center;margin-bottom:1px;padding:5px}.sidebar.closed .module-icon{width:17px;height:17px;margin:0}.sidebar.closed .section-header{justify-content:center;height:auto;min-height:48px;margin-bottom:6px;padding:8px 2px}.sidebar.closed .nav-item,.sidebar.closed .quick-btn,.sidebar.closed .module-item,.sidebar.closed .section-header,.sidebar.closed .logout-btn{position:relative}.sidebar.closed .nav-item:after,.sidebar.closed .quick-btn:after,.sidebar.closed .module-item:after,.sidebar.closed .section-header:after,.sidebar.closed .logout-btn:after{content:attr(data-tooltip);background:var(--text-primary);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:1001;box-shadow:var(--shadow-md);pointer-events:none;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:600;transition:all .25s;position:absolute;top:50%;left:calc(100% + 9px);transform:translateY(-50%)}.sidebar.closed .nav-item:before,.sidebar.closed .quick-btn:before,.sidebar.closed .module-item:before,.sidebar.closed .section-header:before,.sidebar.closed .logout-btn:before{content:"";border:4px solid #0000;border-right-color:var(--text-primary);opacity:0;visibility:hidden;z-index:1001;pointer-events:none;transition:all .25s;position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%)}.sidebar.closed .nav-item:hover:after,.sidebar.closed .quick-btn:hover:after,.sidebar.closed .module-item:hover:after,.sidebar.closed .logout-btn:hover:after,.sidebar.closed .nav-item:hover:before,.sidebar.closed .quick-btn:hover:before,.sidebar.closed .module-item:hover:before,.sidebar.closed .logout-btn:hover:before{opacity:1;visibility:visible}.sidebar-flyout{left:calc(var(--sidebar-collapsed) + 12px);background:var(--bg-secondary);border:1px solid var(--border-color);z-index:3000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;flex-direction:column;width:230px;animation:.25s cubic-bezier(.16,1,.3,1) flyoutFadeIn;display:flex;position:fixed;overflow:hidden;box-shadow:0 15px 40px #0000002e,0 0 0 1px #0000000d}@keyframes flyoutFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.flyout-header{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);padding:14px 16px}.flyout-header span{color:var(--primary-color);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.flyout-content{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;max-height:350px;padding:8px;overflow-y:auto}.flyout-content::-webkit-scrollbar{width:4px}.flyout-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.flyout-item{cursor:pointer;color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.flyout-item:hover{background:var(--hover-bg);color:var(--primary-color);transform:translate(4px)}.flyout-item.active{background:var(--bg-primary);color:var(--primary-color);box-shadow:inset 0 0 0 1px var(--primary-color)}.flyout-icon{background:var(--bg-tertiary);width:24px;height:24px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.flyout-item:hover .flyout-icon{background:var(--primary-color);color:#fff;transform:scale(1.1)}.flyout-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}@media (max-width:768px){.sidebar{z-index:10000!important;background:var(--bg-secondary,#fff)!important;width:250px!important;height:100vh!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:-250px!important;transform:none!important;box-shadow:4px 0 24px #00000026!important}.sidebar.open{left:0!important;transform:none!important}.sidebar.closed{left:-250px!important;transform:none!important}.sidebar-toggle-container{z-index:10005!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:15px!important;left:240px!important;right:auto!important;transform:none!important}.sidebar.closed .sidebar-toggle-container{left:15px!important}.sidebar-toggle{background:var(--bg-primary,#fff)!important;border:2px solid var(--primary-color)!important;width:38px!important;height:38px!important;color:var(--primary-color)!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;display:flex!important;box-shadow:0 4px 16px #0000001f!important}.sidebar-nav{-webkit-overflow-scrolling:touch!important;flex:1!important;overflow-y:auto!important}}.app-footer{text-align:center;background:var(--theme-sidebar,var(--bg-secondary,#fff));border-top:1px solid var(--theme-border,var(--border-color,#e5e7eb));box-sizing:border-box;flex-shrink:0;width:100%;padding:12px 18px;box-shadow:0 -1px 3px #00000005}.app-footer:not(.auth-footer){z-index:10;position:relative;bottom:0;left:0;right:0}.footer-text{color:var(--theme-muted,var(--text-secondary,#6b7280));letter-spacing:.2px;margin:0;font-size:12px;font-weight:500}.company-link{color:#4f46e5;font-weight:600;text-decoration:none;transition:all .2s}.company-link:hover{color:#3730a3;text-decoration:underline}.auth-footer{background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px;margin:16px -28px -24px;padding:12px 16px;position:relative}.auth-footer .footer-text{color:#6b7280;font-size:11px}@media (max-width:768px){.app-footer:not(.auth-footer){width:100%!important;padding:10px 16px!important}.footer-text{font-size:11px}}@media (max-width:480px){.footer-text{font-size:10px}.app-footer{padding:8px 14px}.auth-footer{padding:8px 12px}}.chatkeet-intro-overlay{z-index:99999;opacity:1;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#0d1a12 0%,#060907 70%,#020403 100%);justify-content:center;align-items:center;font-family:Poppins,Outfit,system-ui,-apple-system,sans-serif;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;overflow:hidden}.chatkeet-intro-overlay.fade-out{opacity:0;pointer-events:none;transform:scale(1.05)}.ambient-nebula{filter:blur(100px);pointer-events:none;opacity:.35;border-radius:50%;animation:4s ease-in-out infinite alternate pulseNebula;position:absolute}.nebula-green{background:radial-gradient(circle,#0a5c27cc 0%,#053c1933 60%,#0000 80%);width:45vw;max-width:500px;height:45vw;max-height:500px;top:15%;left:20%}.nebula-yellow{background:radial-gradient(circle,#74c21699 0%,#0a5c2726 60%,#0000 80%);width:35vw;max-width:400px;height:35vw;max-height:400px;top:40%;left:45%}.nebula-orange{background:radial-gradient(circle,#8ce324b3 0%,#74c21633 60%,#0000 80%);width:45vw;max-width:500px;height:45vw;max-height:500px;bottom:15%;right:20%}@keyframes pulseNebula{0%{opacity:.3;transform:scale(.9)translate(0)}to{opacity:.45;transform:scale(1.15)translate(20px,-20px)}}.sparks-layer{pointer-events:none;position:absolute;inset:0}.spark{opacity:0;border-radius:50%;animation:ease-in-out infinite floatSpark;position:absolute}.spark-type-0{background:#7ec242;width:5px;height:5px;box-shadow:0 0 10px #00a651}.spark-type-1{background:#ffc20e;width:6px;height:6px;box-shadow:0 0 12px #ffb800}.spark-type-2{background:#f58220;width:5px;height:5px;box-shadow:0 0 10px #ff9800}@keyframes floatSpark{0%{opacity:0;transform:translateY(20px)scale(0)}30%{opacity:.85}80%{opacity:.85}to{opacity:0;transform:translateY(-80px)scale(1.5)}}.intro-skip-button{z-index:100;color:#ffffffd9;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:20px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:600;transition:all .25s;display:inline-flex;position:absolute;top:24px;right:28px}.intro-skip-button:hover{color:#fff;background:#fff3;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.intro-hero-box{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:650px;padding:2rem;display:flex;position:relative}.shockwave-container{pointer-events:none;width:200px;height:200px;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}.shockwave{opacity:0;border:2px solid #0000;border-radius:50%;position:absolute;inset:0}.ring-green{border-color:#00a651cc;animation:1.2s cubic-bezier(.1,.8,.3,1) .1s forwards expandRing;box-shadow:0 0 30px #00a65180}.ring-yellow{border-color:#ffc20ecc;animation:1.2s cubic-bezier(.1,.8,.3,1) .3s forwards expandRing;box-shadow:0 0 35px #ffc20e80}.ring-orange{border-color:#f58220cc;animation:1.2s cubic-bezier(.1,.8,.3,1) .5s forwards expandRing;box-shadow:0 0 40px #f5822080}@keyframes expandRing{0%{opacity:1;border-width:8px;transform:scale(.2)}to{opacity:0;border-width:1px;transform:scale(3.5)}}.mascot-emblem-wrapper{justify-content:center;align-items:center;width:150px;height:150px;margin-bottom:1.5rem;display:flex;position:relative}.emblem-glow-ring{filter:blur(14px);opacity:.8;background:conic-gradient(#00a651,#ffc20e,#f58220,#00a651);border-radius:50%;animation:6s linear infinite spinGlow,.9s cubic-bezier(.34,1.56,.64,1) forwards mascotPop;position:absolute;inset:-10px}@keyframes spinGlow{to{transform:rotate(360deg)}}.mascot-circle{z-index:2;background:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:.9s cubic-bezier(.34,1.56,.64,1) forwards mascotPop;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000080,inset 0 0 10px #0000000d}.mascot-emblem{object-fit:contain;filter:drop-shadow(0 4px 10px #0000001f);width:88%;height:88%}@keyframes mascotPop{0%{opacity:0;filter:blur(10px);transform:scale(0)rotate(-20deg)}70%{filter:blur();transform:scale(1.15)rotate(6deg)}to{opacity:1;filter:blur();transform:scale(1)rotate(0)}}.welcome-text-group{opacity:0;animation:.9s cubic-bezier(.2,.8,.2,1) .6s forwards fadeInUp;position:relative;transform:translateY(20px)}@keyframes fadeInUp{0%{opacity:0;filter:blur(8px);transform:translateY(25px)scale(.95)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.welcome-badge{align-items:center;gap:12px;margin-bottom:.6rem;display:inline-flex}.badge-line{border-radius:2px;width:40px;height:2px}.badge-line-left{background:linear-gradient(90deg,#0000,#0a5c27)}.badge-line-right{background:linear-gradient(90deg,#74c216,#0000)}.badge-text{letter-spacing:5px;color:#ffffffd9;text-transform:uppercase;font-size:.85rem;font-weight:600}.brand-logo-text{letter-spacing:-1px;margin:.2rem 0;font-size:4.5rem;font-weight:800;line-height:1.1;display:inline-block;position:relative}.chat-part{color:#0a5c27;background:linear-gradient(135deg,#0d7e35 0%,#0a5c27 50%,#053c19 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 15px #0a5c2780);-webkit-background-clip:text;background-clip:text}.keet-part{color:#74c216;background:linear-gradient(135deg,#8ce324 0%,#74c216 50%,#5d9e11 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 15px #74c21680);-webkit-background-clip:text;background-clip:text}.text-shimmer-sweep{pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);width:60%;height:100%;animation:2.2s ease-in-out 1.2s infinite lightSweep;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes lightSweep{0%{left:-100%}60%{left:200%}to{left:200%}}.brand-tagline{letter-spacing:1px;justify-content:center;align-items:center;gap:8px;margin-top:.5rem;font-size:1.25rem;font-weight:600;display:flex}.tag-smart{color:#0a5c27;text-shadow:0 0 12px #0a5c2766}.tag-workforce{color:#74c216;text-shadow:0 0 12px #74c21666}.tag-platform{color:#8ce324;text-shadow:0 0 12px #8ce32466}.brand-tri-bar{justify-content:center;align-items:center;gap:6px;width:160px;margin-top:1.8rem;display:flex}.bar-part{opacity:.9;border-radius:4px;flex:1;height:4px}.bar-green{background:linear-gradient(90deg,#0d7e35,#0a5c27);box-shadow:0 0 10px #0a5c2799}.bar-yellow{background:linear-gradient(90deg,#8ce324,#74c216);box-shadow:0 0 10px #74c21699}.bar-orange{background:linear-gradient(90deg,#74c216,#5d9e11);box-shadow:0 0 10px #5d9e1199}@media (max-width:768px){.mascot-emblem-wrapper{width:105px;height:105px;margin-bottom:1.2rem}.brand-logo-text{font-size:3.2rem}.badge-text{letter-spacing:3px;font-size:.75rem}.brand-tagline{font-size:1rem}.brand-tri-bar{width:120px}}@media (max-width:480px){.mascot-emblem-wrapper{width:90px;height:90px}.brand-logo-text{font-size:2.6rem}.brand-tagline{flex-wrap:wrap;gap:4px;font-size:.9rem}}:root{--meetkeet-primary:#0a5c27;--meetkeet-primary-rgb:10, 92, 39;--meetkeet-accent:#74c216;--meetkeet-accent-rgb:116, 194, 22;--meetkeet-dark:#053c19;--meetkeet-dark-rgb:5, 60, 25;--meetkeet-bg:#f8fafc;--amber:var(--meetkeet-primary);--amber-deep:var(--meetkeet-dark);--teal:var(--meetkeet-accent);--ink-void:var(--meetkeet-bg)}.login-container{z-index:1;background:linear-gradient(135deg,#ffffff9e 0%,#f0fdf4 35%,#dcfce7 70%,#f8fafc 100%);justify-content:center;align-items:center;width:100vw;height:100vh;min-height:100vh;font-family:Inter,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.fixed-light-circle{filter:blur(75px);pointer-events:none;z-index:1;opacity:.85;border-radius:50%;position:absolute}.fixed-light-circle.circle-top-left{background:radial-gradient(circle,#74c21673 0%,#0a5c2740 60%,#0000 80%);width:550px;height:550px;top:-12%;left:-10%}.fixed-light-circle.circle-bottom-right{background:radial-gradient(circle,#0a5c2766 0%,#74c2164d 60%,#0000 80%);width:600px;height:600px;bottom:-15%;right:-10%}.fixed-light-circle.circle-center-right{background:radial-gradient(circle,#0a5c2759 0%,#74c21633 50%,#0000 70%);width:450px;height:450px;top:25%;right:10%}.login-color-overlay{pointer-events:none;z-index:1;background:radial-gradient(circle at 50% 0,#fff9 0%,#f0fdf433 100%),linear-gradient(120deg,#0a5c2714 0%,#74c2161a 50%,#fff3 100%);position:absolute;inset:0}.login-physics-canvas{pointer-events:none;z-index:4;opacity:1;filter:drop-shadow(0 12px 24px #053c1940);width:100%;height:100%;position:absolute;top:0;left:0}.login-card{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:10;background:#08120ce0;border:1px solid #ffffff24;border-radius:24px;width:100%;max-width:440px;padding:40px 36px;transition:transform .3s,box-shadow .3s;animation:.6s cubic-bezier(.16,1,.3,1) forwards cardPopIn;position:relative;box-shadow:0 30px 70px -15px #00000073,0 0 30px #0a5c2733,inset 0 1px #ffffff2e}.login-card:hover{transform:translateY(-4px);box-shadow:0 40px 80px -15px #0000008c,0 0 40px #74c21640,inset 0 1px #ffffff40}.login-card.card-typing-pulse{box-shadow:0 30px 65px -10px rgba(var(--meetkeet-primary-rgb), .5), 0 0 45px rgba(var(--meetkeet-accent-rgb), .4), inset 0 1px 0 #ffffff59!important}@keyframes cardPopIn{0%{opacity:0;transform:scale(.92)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.login-header{text-align:center;margin-bottom:24px}.logo-wrapper{justify-content:center;margin-bottom:20px;display:flex}.logo-badge-container{background:#fff;border:1px solid #fff6;border-radius:18px;justify-content:center;align-items:center;padding:12px 28px;transition:transform .25s;display:flex;box-shadow:0 12px 30px #0006}.logo-badge-container:hover{transform:scale(1.03)}.login-logo-img{object-fit:contain;width:auto;max-width:240px;height:56px;display:block}.login-title{color:#fff;letter-spacing:-.3px;margin-bottom:6px;font-family:Space Grotesk,-apple-system,sans-serif;font-size:1.5rem;font-weight:700}.login-subtitle{color:#94a3b8;font-size:.85rem;font-weight:400}.error-message{color:#fca5a5;text-align:center;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:.85rem;font-weight:500}.login-form{flex-direction:column;gap:18px;display:flex}.input-container{flex-direction:column;gap:6px;display:flex}.input-label{color:#cbd5e1;font-size:.825rem;font-weight:600}.input-group{border-radius:12px;align-items:center;transition:all .2s;display:flex;position:relative}.input-group.input-fast-pulse{animation:.25s ease-out typingFastScale;box-shadow:0 0 0 4px rgba(var(--meetkeet-accent-rgb), .35), 0 4px 20px rgba(var(--meetkeet-primary-rgb), .25)!important}@keyframes typingFastScale{0%{transform:scale(1)}50%{transform:scale(1.018)}to{transform:scale(1)}}.input-icon-container{pointer-events:none;z-index:2;align-items:center;display:flex;position:absolute;left:14px}.input-icon{color:#64748b;transition:color .2s}.input-group:focus-within .input-icon{color:var(--meetkeet-accent,#74c216)}.login-input{color:#fff;background:#0f172aa6;border:1px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:12px 42px;font-family:inherit;font-size:.9rem;transition:border-color .2s,box-shadow .2s,background .2s}.login-input:focus{border-color:var(--meetkeet-accent,#74c216);box-shadow:0 0 0 4px rgba(var(--meetkeet-accent-rgb), .25);background:#0f172ad9}.login-input::placeholder{color:#64748b}.password-toggle{color:#64748b;cursor:pointer;z-index:5;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:#fff}.forgot-password-row{justify-content:flex-end;margin-top:-4px;display:flex}.forgot-password-link{color:var(--meetkeet-accent,#74c216);font-size:.825rem;font-weight:500;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.forgot-password-link:hover{color:#8ce324;text-decoration:underline}.login-button{background:linear-gradient(135deg, var(--meetkeet-primary,#0a5c27), var(--meetkeet-accent,#74c216));color:#fff;cursor:pointer;width:100%;box-shadow:0 10px 25px -5px rgba(var(--meetkeet-primary-rgb), .45);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:13px 20px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.login-button:hover:not(:disabled){box-shadow:0 14px 30px -5px rgba(var(--meetkeet-accent-rgb), .55);background:linear-gradient(135deg,#0d7231,#80d519);transform:translateY(-2px)}.login-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width:480px){.login-card{border-radius:18px;padding:30px 24px}}.advanced-datatable-container{background:var(--theme-card,#fff);color:var(--theme-text,#0f172a);border:1px solid var(--theme-border,#e2e8f0);border-radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background .2s,color .2s,border-color .2s;overflow:hidden;box-shadow:0 2px 12px #00000014}.datatable-header{background:var(--theme-bg,#f8fafc);border-bottom:1px solid var(--theme-border,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.datatable-title{color:var(--theme-text,#0f172a);margin:0;font-size:1.125rem;font-weight:600}.record-badge{background:var(--accent-color,#4f46e5);color:#fff;letter-spacing:.02em;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:background .2s}.search-container{min-width:260px;position:relative}.search-icon{color:var(--theme-muted,#94a3b8);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{border:1px solid var(--theme-border,#e2e8f0);background:var(--theme-card,#fff);width:100%;color:var(--theme-text,#0f172a);border-radius:8px;padding:7px 32px;font-size:.85rem;transition:all .2s}.search-input:focus{border-color:var(--accent-color,#4f46e5);box-shadow:0 0 0 3px var(--accent-light,#4f46e526);outline:none}.clear-search{color:var(--theme-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:3px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-search:hover{color:var(--theme-text,#0f172a)}.action-buttons{gap:6px;display:flex}.action-btn{border:1px solid var(--theme-border,#e2e8f0);background:var(--theme-card,#fff);width:36px;height:36px;color:var(--theme-text,#0f172a);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-btn:hover{background:var(--theme-hover,#0000000a);border-color:var(--theme-border,#e2e8f0);color:var(--theme-text,#0f172a)}.action-btn.active{background:var(--accent-color,#4f46e5);color:#fff;border-color:var(--accent-color,#4f46e5)}.column-toggle-wrapper,.export-wrapper{position:relative}.dropdown-menu{background:var(--theme-card,#fff);border:1px solid var(--theme-border,#e2e8f0);z-index:1000;border-radius:8px;min-width:200px;margin-top:6px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #0003}.menu-header{border-bottom:1px solid var(--theme-border,#e2e8f0);color:var(--theme-text,#0f172a);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;font-weight:600;display:flex}.close-menu{color:var(--theme-muted,#94a3b8);cursor:pointer;background:0 0;border:none}.menu-content{max-height:250px;padding:8px;overflow-y:auto}.menu-option{cursor:pointer;color:var(--theme-text,#0f172a);border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:.85rem;display:flex}.menu-option:hover{background:var(--theme-hover,#0000000a)}.export-option{width:100%;color:var(--theme-text,#0f172a);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:.85rem;display:flex}.export-option:hover{background:var(--theme-hover,#0000000a);color:var(--accent-color,#4f46e5)}.table-wrapper{overflow-x:auto}.advanced-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.header-row{background:var(--theme-bg,#f8fafc);border-bottom:1px solid var(--theme-border,#e2e8f0)}.table-header{text-transform:uppercase;letter-spacing:.05em;color:var(--theme-muted,#64748b);padding:12px 16px;font-size:.75rem;font-weight:600}.table-header.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table-header.sortable:hover{color:var(--theme-text,#0f172a)}.header-content{align-items:center;gap:6px;display:flex}.datatable-tbody{transition:opacity .15s ease-in-out}.datatable-tbody.resorting{opacity:.4}.data-row{border-bottom:1px solid var(--theme-border,#e2e8f0);background:var(--theme-card,#fff);color:var(--theme-text,#0f172a);transition:background .2s,opacity .25s}.data-row:hover{background-color:var(--theme-hover,#0000000a)}.data-row.row-entering{opacity:0;transform:translateY(-8px)}.data-row.row-removing{opacity:0;transform:translateY(8px)}.table-cell{color:var(--theme-text,#0f172a);vertical-align:middle;padding:12px 16px}.table-cell>span:not(.status-pill):not(.status-dot),.table-cell>strong,.table-cell>p,.table-cell>code{color:var(--theme-text,#0f172a)}.table-cell small{color:var(--theme-muted,#94a3b8)}.table-cell.actions-cell{white-space:nowrap}.skeleton-cell{padding:14px 16px}.skeleton-box{background:linear-gradient(90deg, var(--theme-border,#e2e8f0) 25%, var(--theme-bg,#f8fafc) 50%, var(--theme-border,#e2e8f0) 75%);background-size:200% 100%;border-radius:4px;height:16px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination-container{background:var(--theme-card,#fff);border-top:1px solid var(--theme-border,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.pagination-info{color:var(--theme-muted,#64748b);font-size:.8125rem}.pagination-controls{align-items:center;gap:4px;display:flex}.pagination-btn{border:1px solid var(--theme-border,#e2e8f0);background:var(--theme-card,#fff);color:var(--theme-text,#0f172a);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.8125rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--theme-hover,#0000000a);color:var(--theme-text,#0f172a)}.pagination-btn.active{background:var(--accent-color,#4f46e5);color:#fff;border-color:var(--accent-color,#4f46e5)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.rows-select{border:1px solid var(--theme-border,#e2e8f0);background:var(--theme-card,#fff);color:var(--theme-text,#0f172a);border-radius:6px;outline:none;margin-left:6px;padding:4px 8px;font-size:.8125rem}.filter-tags-bar{background:var(--theme-bg,#f8fafc);border-bottom:1px solid var(--theme-border,#e2e8f0);color:var(--theme-muted,#64748b);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 20px;font-size:.8rem;display:flex}.filter-tag{background:var(--accent-light,#4f46e526);color:var(--accent-color,#4f46e5);border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-weight:600;display:inline-flex}.filter-tag-remove{cursor:pointer;opacity:.8;transition:opacity .12s}.filter-tag-remove:hover{opacity:1}.clear-filters-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.empty-state{text-align:center;color:var(--theme-muted,#94a3b8);padding:40px 20px}.empty-state-icon{opacity:.5;margin:0 auto 10px;display:block}.empty-state-text{margin:0;font-size:.9rem;font-weight:500}.th-sort-button{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.th-sort-button:focus-visible{outline:2px solid var(--accent-color,#4f46e5);outline-offset:2px;border-radius:2px}.sort-icon{opacity:.4}.sort-icon--active{opacity:1;color:var(--accent-color,#4f46e5)}.filter-row{background:var(--theme-bg,#f8fafc)}.filter-cell{padding:6px 12px}.filter-input{border:1px solid var(--theme-border,#e2e8f0);background:var(--theme-card,#fff);width:100%;color:var(--theme-text,#0f172a);border-radius:4px;padding:4px 8px;font-size:.8rem}.filter-input:focus{border-color:var(--accent-color,#4f46e5);outline:none}.pagination-page-label{color:var(--theme-text,#0f172a);margin:0 8px;font-size:.8125rem;font-weight:600}.btn-primary-action,.app-btn-primary{cursor:pointer;box-shadow:0 4px 12px var(--accent-light,#4f46e540);border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;background:var(--accent-color,#4f46e5)!important;color:#fff!important}.btn-primary-action:hover,.app-btn-primary:hover{filter:brightness(1.08);box-shadow:0 6px 18px var(--accent-light,#4f46e566);transform:translateY(-2px)}.btn-primary-action:active,.app-btn-primary:active{transform:translateY(0)}.btn-modal-save,.app-btn-save{cursor:pointer;box-shadow:0 4px 14px var(--accent-light,#4f46e54d);border:none;border-radius:8px;padding:9px 20px;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);background:var(--accent-color,#4f46e5)!important;color:#fff!important}.btn-modal-save:hover,.app-btn-save:hover{filter:brightness(1.1);box-shadow:0 6px 20px var(--accent-light,#4f46e573);transform:translateY(-1.5px)}.btn-modal-cancel,.app-btn-cancel{cursor:pointer;border-radius:8px;padding:9px 18px;font-size:.875rem;font-weight:600;transition:all .2s;border:1px solid var(--theme-border,#e2e8f0)!important;background:var(--theme-card,#fff)!important;color:var(--theme-text,#374151)!important}.btn-modal-cancel:hover,.app-btn-cancel:hover{background:var(--theme-hover,#0000000d)!important;border-color:var(--theme-border,#cbd5e1)!important}.btn-action-view{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:7px;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;color:#059669!important;background:#10b9811a!important;border:1px solid #10b98140!important}.btn-action-view:hover{transform:translateY(-2px)scale(1.08);box-shadow:0 6px 14px #10b98159;color:#fff!important;background:#10b981!important;border-color:#10b981!important}.btn-action-edit{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:7px;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;background:var(--accent-light,#4f46e51f)!important;border:1px solid var(--accent-color,#4f46e5)!important;color:var(--accent-color,#4f46e5)!important}.btn-action-edit:hover{box-shadow:0 6px 16px var(--accent-light,#4f46e566);transform:translateY(-2px)scale(1.08);background:var(--accent-color,#4f46e5)!important;color:#fff!important;border-color:var(--accent-color,#4f46e5)!important}.btn-action-delete{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:7px;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;color:#ef4444!important;background:#ef44441a!important;border:1px solid #ef444440!important}.btn-action-delete:hover{transform:translateY(-2px)scale(1.08);box-shadow:0 6px 14px #ef444459;color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}body.dark .btn-action-view{color:#34d399!important;background:#10b9812e!important;border-color:#10b98159!important}body.dark .btn-action-edit{background:var(--accent-light,#4f46e538)!important;border-color:var(--accent-color,#818cf8)!important;color:var(--accent-color,#818cf8)!important}body.dark .btn-action-delete{color:#fca5a5!important;background:#ef44442e!important;border-color:#ef444459!important}body.dark .advanced-datatable-container{background:var(--theme-card,#0f172a);border-color:var(--theme-border,#1e293b);color:#fff!important}body.dark .datatable-header,body.dark .pagination-container,body.dark .filter-tags-bar,body.dark .header-row,body.dark .filter-row{background:var(--theme-bg,#020617);border-color:var(--theme-border,#1e293b)}body.dark .data-row{background:var(--theme-card,#0f172a);border-color:var(--theme-border,#1e293b);color:#fff!important}body.dark .data-row:hover{background:var(--theme-hover,#ffffff0d)}body.dark .datatable-title,body.dark .table-header,body.dark .table-cell,body.dark .th-sort-button,body.dark .pagination-info,body.dark .pagination-page-label,body.dark .empty-state-text,body.dark .menu-header,body.dark .menu-option,body.dark .export-option,body.dark .table-cell,body.dark .table-cell span:not(.status-badge):not(.status-pill):not(.status-dot):not(.type-badge),body.dark .table-cell strong,body.dark .table-cell p,body.dark .table-cell code,body.dark .table-cell div:not(.table-actions):not(.status-pill):not(.status-badge),body.dark .table-cell small,body.dark .table-cell a,body.dark .table-cell :not(.status-badge):not(.status-pill):not(.status-dot):not(.type-badge):not(.btn-action-view):not(.btn-action-edit):not(.btn-action-delete):not(svg):not(path){color:#fff!important}body.dark .search-input,body.dark .filter-input,body.dark .rows-select,body.dark .pagination-btn:not(.active),body.dark .action-btn:not(.active){background:var(--theme-card,#0f172a);border-color:var(--theme-border,#1e293b);color:#fff!important}body.dark .search-input::placeholder,body.dark .filter-input::placeholder{color:#94a3b8}body.dark .dropdown-menu{background:var(--theme-card,#0f172a);border-color:var(--theme-border,#1e293b);box-shadow:0 10px 25px #00000080}body.dark .status-pill.active,body.dark .status-pill.confirmed,body.dark .status-pill.success,body.dark .status-pill.checked_in,body.dark .status-pill.published,body.dark .status-pill.ongoing,body.dark .status-badge.active,body.dark .status-badge.approved{color:#34d399!important;background:#10b98133!important;border-color:#10b98166!important}body.dark .status-pill.inactive,body.dark .status-pill.cancelled,body.dark .status-pill.failed,body.dark .status-pill.rejected,body.dark .status-badge.inactive,body.dark .status-badge.rejected{color:#fca5a5!important;background:#ef444433!important;border-color:#ef444466!important}body.dark .status-pill.pending,body.dark .status-badge.pending{color:#fbbf24!important;background:#f59e0b33!important;border-color:#f59e0b66!important}body.dark .table-cell button span[style*="color: #065f46"],body.dark .table-cell button span[style*="color: rgb(6, 95, 70)"],body.dark .table-cell button span[style*="color:#065f46"],body.dark .table-cell span[style*="color: #065f46"],body.dark .table-cell span[style*="color: #047857"],body.dark .table-cell span[style*="color: #15803d"],body.dark .table-cell span[style*="color: #065F46"]{color:#34d399!important}body.dark .table-cell button span[style*="color: #991b1b"],body.dark .table-cell button span[style*="color: rgb(153, 27, 27)"],body.dark .table-cell button span[style*="color:#991b1b"],body.dark .table-cell span[style*="color: #991b1b"],body.dark .table-cell span[style*="color: #b91c1c"],body.dark .table-cell span[style*="color: #991B1B"]{color:#fca5a5!important}body.dark .table-cell button[style*="background: rgb(236, 253, 245)"],body.dark .table-cell button[style*="background: #ecfdf5"],body.dark .table-cell button[style*="background:#ecfdf5"]{background:#10b9812e!important;border-color:#10b98159!important}body.dark .table-cell button[style*="background: rgb(254, 242, 242)"],body.dark .table-cell button[style*="background: #fef2f2"],body.dark .table-cell button[style*="background:#fef2f2"]{background:#ef44442e!important;border-color:#ef444459!important}.datetime-picker-wrapper{width:100%;font-family:inherit;position:relative}.datetime-picker-label{color:#374151;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.required-star{color:#ef4444}.datetime-picker-input-field{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.datetime-picker-input-field:hover{border-color:#0a5c27}.datetime-picker-input-field.active{border-color:#0a5c27;box-shadow:0 0 0 3px #0a5c2726}.datetime-picker-input-field.has-error{border-color:#ef4444}.datetime-picker-input-field.disabled{cursor:not-allowed;opacity:.7;background:#f3f4f6}.picker-icon{color:#0a5c27;flex-shrink:0}.picker-clock-icon{color:#9ca3af;flex-shrink:0;margin-left:auto}.picker-text{color:#111827;font-size:.9rem;font-weight:500}.picker-text.placeholder{color:#9ca3af;font-weight:400}.datetime-picker-error-msg{color:#ef4444;margin-top:4px;font-size:.78rem;display:block}.datetime-picker-popover{z-index:1050;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:320px;animation:.2s cubic-bezier(.16,1,.3,1) popoverFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.picker-step-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.step-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.step-tab.active{color:#0a5c27;background:#fff;border-bottom-color:#0a5c27}.picker-body{padding:16px}.calendar-nav-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.btn-nav{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-nav:hover{color:#0a5c27;background:#f3f4f6}.current-month-year{gap:6px;display:flex}.select-month-year{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;padding:4px 6px;font-size:.85rem;font-weight:600}.calendar-days-header{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:8px;display:grid}.day-name{color:#9ca3af;text-transform:uppercase;font-size:.75rem;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;height:34px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.calendar-day:hover:not(:disabled){color:#0a5c27;background:#e6f4ea}.calendar-day.selected{font-weight:700;box-shadow:0 2px 4px #0a5c274d;color:#fff!important;background:#0a5c27!important}.calendar-day.is-today:not(.selected){color:#0a5c27;border:1px solid #74c216;font-weight:700}.calendar-day:disabled{color:#d1d5db;cursor:not-allowed}.time-view{flex-direction:column;align-items:center;padding:8px 0;display:flex}.time-picker-title{color:#6b7280;margin-bottom:16px;font-size:.8rem}.time-controls-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.time-box{flex-direction:column;align-items:center;gap:4px;display:flex}.time-box label{color:#9ca3af;text-transform:uppercase;font-size:.72rem;font-weight:600}.time-select{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:8px 12px;font-size:1.1rem;font-weight:700}.time-colon{color:#6b7280;margin-top:14px;font-size:1.4rem;font-weight:700}.ampm-toggle-btn{color:#fff;cursor:pointer;background:#0a5c27;border:none;border-radius:8px;margin-top:18px;padding:8px 16px;font-size:.95rem;font-weight:700;transition:background .2s}.ampm-toggle-btn:hover{background:#08481e}.selected-date-preview{color:#374151;text-align:center;background:#f3f4f6;border-radius:6px;width:100%;padding:8px 12px;font-size:.8rem}.picker-footer{background:#f9fafb;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.footer-shortcuts{gap:6px;display:flex}.btn-shortcut{color:#0a5c27;cursor:pointer;background:0 0;border:1px solid #a7f3d0;border-radius:6px;padding:4px 8px;font-size:.78rem;font-weight:600;transition:all .15s}.btn-shortcut:hover{background:#ecfdf5}.btn-shortcut.clear{color:#ef4444;border-color:#fecaca}.btn-shortcut.clear:hover{background:#fef2f2}.btn-confirm-action{color:#fff;cursor:pointer;background:#0a5c27;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:background .2s;display:flex}.btn-confirm-action:hover{background:#08481e}@media (max-width:640px){.datetime-picker-popover{border-radius:16px 16px 0 0;width:100%;animation:.25s ease-out mobileSlideUp;position:fixed;inset:auto 0 0;box-shadow:0 -10px 25px #00000040}@keyframes mobileSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.timepicker-container{width:100%;font-family:Inter,system-ui,-apple-system,sans-serif;display:inline-block;position:relative}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}.timepicker-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.timepicker-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 32px 10px 14px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.timepicker-input:focus,.timepicker-container.open .timepicker-input{background:#fff;border-color:#1f8a5b;box-shadow:0 0 0 3px #1f8a5b2e}.timepicker-input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.timepicker-action-group{align-items:center;gap:4px;display:flex;position:absolute;right:10px}.timepicker-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:3px;transition:color .15s;display:flex}.timepicker-clear-btn:hover{color:#ef4444;background:0 0}.timepicker-popover{z-index:1100;-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:#fffffffa;border:1px solid #cbd5e1;border-radius:16px;width:350px;max-width:94vw;padding:16px;animation:.22s cubic-bezier(.16,1,.3,1) timepickerFadeIn;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 30px -10px #00000026,0 10px 15px -5px #00000014}@keyframes timepickerFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.timepicker-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.timepicker-title{color:#0f172a;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.timepicker-meta{color:#1f8a5b;letter-spacing:.03em;background:#1f8a5b1f;border-radius:14px;padding:3px 10px;font-size:.7rem;font-weight:700}.timepicker-tabs{background:#f1f5f9;border-radius:10px;margin-bottom:14px;padding:3px;display:flex}.timepicker-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.timepicker-tab-btn.active{color:#0f172a;background:#fff;font-weight:700;box-shadow:0 2px 5px #00000014}.timepicker-slots-scroll{max-height:250px;padding-right:4px;overflow-y:auto}.timepicker-slots-scroll::-webkit-scrollbar{width:5px}.timepicker-slots-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.timepicker-category{margin-bottom:14px}.timepicker-category-label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:5px;margin-bottom:8px;font-size:.73rem;font-weight:700;display:flex}.timepicker-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.timepicker-slot-btn{color:#334155;cursor:pointer;text-align:center;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 6px;font-size:.82rem;font-weight:600;transition:all .15s}.timepicker-slot-btn:hover:not(:disabled){color:#065f46;background:#ecfdf5;border-color:#a7f3d0;transform:translateY(-1px)}.timepicker-slot-btn.active{color:#fff;background:linear-gradient(135deg,#1f8a5b 0%,#166534 100%);border-color:#15803d;font-weight:700;box-shadow:0 3px 8px #1f8a5b4d}.timepicker-slot-btn:disabled{color:#cbd5e1;cursor:not-allowed;opacity:.6;background:#f1f5f9;border-color:#f1f5f9}.timepicker-custom-panel{flex-direction:column;gap:14px;display:flex}.timepicker-ampm-bar{gap:8px;display:flex}.timepicker-ampm-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.85rem;font-weight:700;transition:all .18s;display:flex}.timepicker-ampm-btn.active-am{color:#fff;background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border-color:#b45309;box-shadow:0 3px 8px #d977064d}.timepicker-ampm-btn.active-pm{color:#fff;background:linear-gradient(135deg,#1f8a5b 0%,#166534 100%);border-color:#166534;box-shadow:0 3px 8px #1f8a5b4d}.timepicker-digital-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:14px;padding:12px;display:flex}.timepicker-digital-box{flex-direction:column;align-items:center;display:flex}.timepicker-digital-label{color:#64748b;letter-spacing:.04em;margin-bottom:4px;font-size:.65rem;font-weight:700}.timepicker-num-input{text-align:center;color:#0f172a;background:#fff;border:2px solid #cbd5e1;border-radius:10px;outline:none;width:64px;height:48px;font-size:1.5rem;font-weight:800;transition:all .15s;box-shadow:inset 0 2px 4px #0000000a}.timepicker-num-input:focus{background:#fff;border-color:#1f8a5b;box-shadow:0 0 0 3px #1f8a5b40}.timepicker-colon{color:#1f8a5b;margin-top:14px;font-size:1.8rem;font-weight:800}.timepicker-subheading{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.7rem;font-weight:700}.timepicker-pill-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.timepicker-pill-btn{color:#475569;cursor:pointer;text-align:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 0;font-size:.78rem;font-weight:700;transition:all .15s}.timepicker-pill-btn:hover{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.timepicker-pill-btn.active{color:#fff;background:#1f8a5b;border-color:#166534}.timepicker-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.timepicker-preview-badge{color:#334155;font-size:.78rem;font-weight:500}.timepicker-preview-badge strong{color:#1f8a5b;font-weight:700}.timepicker-apply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1f8a5b 0%,#166534 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 3px 8px #1f8a5b40}.timepicker-apply-btn:hover{transform:translateY(-1px);box-shadow:0 5px 12px #1f8a5b59}@page{size:105mm 145mm;margin:0}@media print{html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:105mm!important;height:145mm!important;margin:0!important;padding:0!important}.no-print,.modal-overlay,.sidebar,.main-content>:not(#badgePrintArea),body.printing-badges>:not(#badgePrintArea){display:none!important}body.printing-badges{background:#fff!important;margin:0!important;padding:0!important}body.printing-badges #badgePrintArea{background:#fff!important;width:105mm!important;height:145mm!important;margin:0!important;padding:0!important;display:block!important}.badge-print-container{width:105mm!important;height:145mm!important;margin:0!important;padding:0!important;overflow:hidden!important}.printable-badge-card{width:105mm!important;height:145mm!important;box-shadow:none!important;page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;box-sizing:border-box!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;position:relative!important;overflow:hidden!important}}.fr-page-container{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;max-width:97%;margin:16px auto 0;padding:0 4px 20px;display:flex}.fr-top-nav-bar{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#00000014);box-shadow:var(--shadow-sm,0 2px 8px #0000000a);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.fr-nav-title{align-items:center;gap:12px;display:flex}.fr-title-icon-badge{background:linear-gradient(135deg, var(--accent-color,var(--primary-color,#1f8a5b)), var(--accent-hover,var(--success-hover,#176b47)));color:#fff;width:38px;height:38px;box-shadow:0 4px 12px var(--accent-light,#1f8a5b40);border-radius:10px;justify-content:center;align-items:center;display:flex}.fr-nav-title h2{color:var(--theme-text,var(--text-primary,#1a1d29));margin:0;font-size:1.2rem;font-weight:800;line-height:1.2}.fr-subtitle-tag{color:var(--theme-muted,var(--text-secondary,#6b7280));margin-top:2px;font-size:.76rem;display:block}.fr-nav-actions{align-items:center;gap:12px;display:flex}.fr-pill-tabs{background:var(--theme-bg,var(--bg-tertiary,#f8f9fa));border:1px solid var(--theme-border,var(--border-color,#00000014));border-radius:24px;align-items:center;padding:3px;display:flex}.fr-pill-btn{color:var(--theme-muted,var(--text-secondary,#6b7280));cursor:pointer;background:0 0;border:none;border-radius:20px;padding:6px 18px;font-size:.82rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.fr-pill-btn:hover{color:var(--accent-color,var(--primary-color,#1f8a5b))}.fr-pill-btn.active{background:var(--accent-color,var(--primary-color,#1f8a5b));box-shadow:0 2px 8px var(--accent-light,#1f8a5b4d);color:#fff!important}.fr-toggle-filter-btn{border:1px solid var(--theme-border,var(--border-color,#0000001f));background:var(--theme-card,var(--bg-secondary,#fff));color:var(--theme-text,var(--text-primary,#1a1d29));cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.fr-toggle-filter-btn:hover,.fr-toggle-filter-btn.open{border-color:var(--accent-color,var(--primary-color,#1f8a5b));color:var(--accent-color,var(--primary-color,#1f8a5b));background:var(--accent-light,#1f8a5b14)}.fr-filter-card{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#00000014);box-shadow:var(--shadow-sm,0 2px 8px #0000000a);border-radius:12px;padding:18px 20px;animation:.3s cubic-bezier(.4,0,.2,1) fr-slide-down}@keyframes fr-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fr-filter-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.fr-filter-title{align-items:center;gap:8px;display:flex}.fr-green-bar{background:var(--accent-color,var(--primary-color,#1f8a5b));border-radius:2px;width:4px;height:18px}.fr-filter-title h3{color:var(--theme-text,var(--text-primary,#1a1d29));margin:0;font-size:1.02rem;font-weight:700}.fr-close-filter{color:var(--theme-muted,var(--text-secondary,#6b7280));cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .2s;display:flex}.fr-close-filter:hover{background:var(--theme-bg,var(--bg-tertiary,#f8f9fa));color:var(--error-color,#e74c3c)}.fr-filter-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:end;gap:14px;display:grid}.fr-field-group{flex-direction:column;gap:5px;display:flex}.fr-field-group label{color:var(--theme-muted,var(--text-secondary,#6b7280));font-size:.75rem;font-weight:600}.fr-field-group input[type=date]{border:1.5px solid var(--theme-border,var(--border-color,#0000001f));background:var(--theme-card,var(--bg-secondary,#fff));color:var(--theme-text,var(--text-primary,#1a1d29));box-sizing:border-box;border-radius:8px;outline:none;height:38px;padding:8px 12px;font-size:.85rem;transition:border-color .2s}.fr-field-group input[type=date]:focus{border-color:var(--accent-color,var(--primary-color,#1f8a5b));box-shadow:0 0 0 3px var(--accent-light,#1f8a5b1f)}.fr-field-group .searchable-select{width:100%}.fr-field-group .searchable-select .select-trigger{border:1.5px solid var(--theme-border,var(--border-color,#0000001f));background:var(--theme-card,var(--bg-secondary,#fff));height:38px;min-height:38px;color:var(--theme-text,var(--text-primary,#1a1d29));border-radius:8px;font-size:.85rem}.fr-field-group .searchable-select .select-trigger.open,.fr-field-group .searchable-select .select-trigger:hover{border-color:var(--accent-color,var(--primary-color,#1f8a5b))}.fr-filter-footer{border-top:1px dashed var(--theme-border,var(--border-color,#00000014));justify-content:flex-end;margin-top:16px;padding-top:12px;display:flex}.fr-btn-generate{background:var(--accent-color,var(--primary-color,#1f8a5b));color:#fff;cursor:pointer;box-shadow:0 4px 14px var(--accent-light,#1f8a5b4d);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:.875rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.fr-btn-generate:hover{background:var(--accent-hover,var(--success-hover,#176b47));box-shadow:0 6px 18px var(--accent-light,#1f8a5b66);transform:translateY(-1px)}.fr-btn-generate:disabled{opacity:.6;cursor:not-allowed}.fr-no-data-card{text-align:center;background:var(--bg-secondary,#fff);border:2px dashed var(--border-color,#0000001f);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:65px 20px;display:flex}.fr-no-data-icon{background:var(--bg-tertiary,#f8f9fa);border:1px solid var(--border-color,#00000014);width:68px;height:68px;color:var(--text-secondary,#9ca3af);border-radius:16px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.fr-no-data-card h3{color:var(--text-primary,#1a1d29);margin:0 0 6px;font-size:1.15rem;font-weight:700}.fr-no-data-card p{color:var(--text-secondary,#6b7280);margin:0;font-size:.85rem}.fr-spin-wrap{color:var(--primary-color,#1f8a5b);margin-bottom:12px}@keyframes fr-spin-anim{to{transform:rotate(360deg)}}.fr-spin{animation:1s linear infinite fr-spin-anim}.fr-report-content{flex-direction:column;gap:18px;display:flex}.fr-kpi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}@keyframes fr-kpi-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.fr-kpi-box{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#00000014);box-shadow:var(--shadow-sm,0 2px 8px #0000000a);border-radius:12px;align-items:center;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;animation:.35s cubic-bezier(.4,0,.2,1) both fr-kpi-pop;display:flex}.fr-kpi-box:hover{box-shadow:var(--shadow-md,0 4px 16px #00000014);transform:translateY(-2px)}.fr-kpi-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.fr-kpi-box.purple .fr-kpi-icon{color:#6366f1;background:#6366f11f}.fr-kpi-box.green .fr-kpi-icon{color:#1f8a5b;background:#1f8a5b1f}.fr-kpi-box.yellow .fr-kpi-icon{color:#f4b400;background:#f4b4001f}.fr-kpi-box.red .fr-kpi-icon{color:#e74c3c;background:#e74c3c1f}.fr-kpi-box.blue .fr-kpi-icon{color:#2d9cdb;background:#2d9cdb1f}.fr-kpi-info{flex-direction:column;display:flex}.fr-kpi-info .val{color:var(--text-primary,#1a1d29);font-size:1.55rem;font-weight:800;line-height:1}.fr-kpi-info .lbl{color:var(--text-secondary,#6b7280);letter-spacing:.03em;margin-top:4px;font-size:.7rem;font-weight:700}.fr-kpi-info .sub{color:var(--text-secondary,#9ca3af);margin-top:2px;font-size:.68rem}.fr-action-bar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.fr-btn-export-excel{background:var(--accent-color,var(--primary-color,#1f8a5b));color:#fff;cursor:pointer;box-shadow:0 3px 10px var(--accent-light,#1f8a5b40);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.fr-btn-export-excel:hover{background:var(--accent-hover,var(--success-hover,#176b47));transform:translateY(-1px)}.fr-btn-print{background:var(--secondary-color,#2d9cdb);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 3px 10px #2d9cdb40}.fr-btn-print:hover{background:#1b85bd;transform:translateY(-1px)}.fr-printable-sheet{background:var(--theme-card,#fff);border:1px solid var(--theme-border,#0000001a);box-shadow:var(--shadow-sm,0 2px 12px #0000000d);color:var(--theme-text,#1a1d29);box-sizing:border-box;border-radius:12px;padding:28px 32px}.fr-sheet-header{border-bottom:3px solid var(--accent-color,var(--primary-color,#1f8a5b));justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;display:flex}.fr-sh-left h1{color:var(--accent-color,var(--primary-color,#1f8a5b));letter-spacing:-.01em;margin:0;font-size:1.4rem;font-weight:800}.fr-sh-left p{color:#6b7280;margin:2px 0 0;font-size:.82rem}.fr-sh-right{text-align:right}.fr-sh-right h2{color:#111827;letter-spacing:.04em;margin:0;font-size:1.2rem;font-weight:800}.fr-sh-date{color:#6b7280;font-size:.78rem;font-weight:600}.fr-legend-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;display:flex}.fr-lg-title{color:#475569;font-size:.78rem;font-weight:700}.fr-lg-item{align-items:center;gap:5px;display:flex}.fr-lg-swatch{border:1px solid;border-radius:4px;width:14px;height:14px}.fr-lg-txt{color:#334155;font-size:.75rem;font-weight:600}.fr-note-banner{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:18px;padding:10px 16px;font-size:.82rem}.fr-summary-container{flex-direction:column;gap:16px;display:flex}.fr-section-title{color:#111827;margin:0;font-size:.95rem;font-weight:700}.fr-q-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.fr-q-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.fr-q-head .num{background:var(--accent-color,var(--primary-color,#1f8a5b));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;display:flex}.fr-q-head h4{color:var(--theme-text,#1e293b);flex:1;margin:0;font-size:.88rem;font-weight:700}.fr-q-head .cnt{color:var(--theme-muted,#64748b);font-size:.75rem;font-weight:600}.fr-star-summary-bars{flex-direction:column;gap:6px;display:flex}.fr-sbar-row{grid-template-columns:180px 1fr 90px;align-items:center;gap:12px;display:grid}.fr-sbar-row .lbl{color:var(--theme-muted,#475569);font-size:.78rem;font-weight:600}.fr-sbar-row .track{background:var(--theme-bg,#f1f5f9);border-radius:4px;height:8px;overflow:hidden}.fr-sbar-row .fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.fr-sbar-row .val{color:var(--theme-text,#334155);text-align:right;font-size:.78rem;font-weight:700}.fr-yesno-row{gap:12px;display:flex}.fr-yn-pill{border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:700}.fr-yn-pill.yes{color:#15803d;background:#dcfce7;border:1px solid #86efac}.fr-yn-pill.no{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.fr-choice-summary-list{flex-direction:column;gap:6px;display:flex}.fr-choice-row{grid-template-columns:160px 1fr 80px;align-items:center;gap:10px;display:grid}.fr-choice-row .lbl{color:var(--theme-text,#334155);font-size:.78rem;font-weight:600}.fr-choice-row .track{background:var(--theme-bg,#f1f5f9);border-radius:4px;height:8px;overflow:hidden}.fr-choice-row .fill{background:var(--accent-color,var(--primary-color,#1f8a5b));border-radius:4px;height:100%}.fr-choice-row .val{color:var(--theme-muted,#475569);text-align:right;font-size:.78rem;font-weight:700}.fr-text-list{flex-direction:column;gap:6px;display:flex}.fr-text-item{background:var(--theme-bg,#f8fafc);border-left:3px solid var(--accent-color,var(--primary-color,#1f8a5b));color:var(--theme-text,#334155);border-radius:4px;padding:8px 12px;font-size:.82rem}.fr-table-container{flex-direction:column;gap:12px;display:flex;overflow-x:auto}.fr-table-search-bar{border:1.5px solid var(--theme-border,#cbd5e1);background:var(--theme-card,#fff);border-radius:8px;align-items:center;gap:8px;width:300px;padding:8px 14px;display:flex}.fr-table-search-bar svg{color:var(--theme-muted,#94a3b8)}.fr-table-search-bar input{color:var(--theme-text,#1e293b);background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.fr-table-search-bar button{cursor:pointer;color:var(--theme-muted,#94a3b8);background:0 0;border:none;padding:0;display:flex}.fr-report-table{border-collapse:collapse;background:var(--theme-card,#fff);width:100%;font-size:.82rem}.fr-report-table th{text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--accent-hover,#166534);text-align:left;padding:10px 12px;font-size:.75rem;font-weight:700;background:var(--accent-color,var(--primary-color,#1f8a5b))!important;color:#fff!important}.fr-report-table td{vertical-align:middle;color:#1e293b;border:1px solid #e2e8f0;padding:9.5px 12px}.fr-report-table td.center{text-align:center}.fr-report-table td.bold{font-weight:700}.fr-report-table td.nowrap{white-space:nowrap}.fr-report-table td.no-records{text-align:center;color:#64748b;padding:30px;font-style:italic}.att-info{flex-direction:column;display:flex}.att-info strong{color:#0f172a;font-size:.82rem}.att-info span{color:#64748b;font-size:.72rem}.ut-badge{color:#334155;background:#e2e8f0;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.q-cell{max-width:220px;font-weight:500}.star-val{align-items:center;gap:3px;display:flex}.star-gold{color:#f59e0b;fill:#f59e0b}.star-gray{color:#cbd5e1;fill:#0000}.status-pill{letter-spacing:.02em;border-radius:12px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.fr-sheet-footer{text-align:center;color:#64748b;border-top:1px solid #e2e8f0;margin-top:24px;padding-top:14px;font-size:.75rem}@media (max-width:900px){.fr-page-container{max-width:100%;padding:0 12px}.fr-kpi-row{grid-template-columns:repeat(2,1fr)}.fr-sbar-row{grid-template-columns:120px 1fr 70px}}@media (max-width:600px){.fr-top-nav-bar{flex-direction:column;align-items:flex-start}.fr-nav-actions{justify-content:space-between;width:100%}.fr-kpi-row{grid-template-columns:1fr}.fr-printable-sheet{padding:16px}.fr-sheet-header{text-align:left;flex-direction:column;gap:10px}.fr-sh-right{text-align:left}}.ar-page-container{box-sizing:border-box;flex-direction:column;gap:18px;width:100%;max-width:97%;margin:16px auto 0;padding:0 4px 20px;display:flex}.ar-top-nav-bar{background:var(--theme-card,var(--bg-secondary,#fff));border:1px solid var(--theme-border,var(--border-color,#00000014));box-shadow:var(--shadow-sm,0 2px 8px #0000000a);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.ar-nav-title{align-items:center;gap:12px;display:flex}.ar-title-icon-badge{background:linear-gradient(135deg, var(--accent-color,var(--primary-color,#1f8a5b)), var(--accent-hover,var(--success-hover,#176b47)));color:#fff;width:40px;height:40px;box-shadow:0 4px 12px var(--accent-light,#1f8a5b40);border-radius:10px;justify-content:center;align-items:center;display:flex}.ar-nav-title h2{color:var(--theme-text,var(--text-primary,#1a1d29));margin:0;font-size:1.2rem;font-weight:800;line-height:1.2}.ar-subtitle-tag{color:var(--theme-muted,var(--text-secondary,#6b7280));margin-top:2px;font-size:.76rem;display:block}.ar-nav-actions{align-items:center;gap:12px;display:flex}.ar-pill-tabs{background:var(--theme-bg,var(--bg-tertiary,#f8f9fa));border:1px solid var(--theme-border,var(--border-color,#00000014));border-radius:24px;align-items:center;padding:3px;display:flex}.ar-pill-btn{color:var(--theme-muted,var(--text-secondary,#6b7280));cursor:pointer;background:0 0;border:none;border-radius:20px;padding:6px 16px;font-size:.82rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1)}.ar-pill-btn:hover{color:var(--accent-color,var(--primary-color,#1f8a5b))}.ar-pill-btn.active{background:var(--accent-color,var(--primary-color,#1f8a5b));box-shadow:0 2px 8px var(--accent-light,#1f8a5b4d);color:#fff!important}.ar-toggle-filter-btn{border:1px solid var(--theme-border,var(--border-color,#0000001f));background:var(--theme-card,var(--bg-secondary,#fff));color:var(--theme-text,var(--text-primary,#1a1d29));cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.ar-toggle-filter-btn:hover,.ar-toggle-filter-btn.open{border-color:var(--accent-color,var(--primary-color,#1f8a5b));color:var(--accent-color,var(--primary-color,#1f8a5b));background:var(--accent-light,#1f8a5b14)}.ar-filter-card{background:var(--theme-card,var(--bg-secondary,#fff));border:1px solid var(--theme-border,var(--border-color,#00000014));box-shadow:var(--shadow-sm,0 2px 8px #0000000a);border-radius:12px;padding:18px 20px;animation:.3s cubic-bezier(.4,0,.2,1) ar-slide-down}@keyframes ar-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ar-filter-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ar-filter-title{align-items:center;gap:8px;display:flex}.ar-green-bar{background:var(--accent-color,var(--primary-color,#1f8a5b));border-radius:2px;width:4px;height:18px}.ar-filter-title h3{color:var(--theme-text,var(--text-primary,#1a1d29));margin:0;font-size:1.02rem;font-weight:700}.ar-close-filter{color:var(--theme-muted,var(--text-secondary,#6b7280));cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .2s;display:flex}.ar-close-filter:hover{background:var(--theme-bg,var(--bg-tertiary,#f8f9fa));color:var(--error-color,#e74c3c)}.ar-filter-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:end;gap:14px;display:grid}.ar-field-group{flex-direction:column;gap:5px;display:flex}.ar-field-group label{color:var(--theme-muted,var(--text-secondary,#6b7280));font-size:.75rem;font-weight:600}.ar-field-group input[type=date]{border:1.5px solid var(--theme-border,var(--border-color,#0000001f));background:var(--theme-card,var(--bg-secondary,#fff));color:var(--theme-text,var(--text-primary,#1a1d29));box-sizing:border-box;border-radius:8px;outline:none;height:38px;padding:8px 12px;font-size:.85rem;transition:border-color .2s}.ar-field-group input[type=date]:focus{border-color:var(--accent-color,var(--primary-color,#1f8a5b));box-shadow:0 0 0 3px var(--accent-light,#1f8a5b1f)}.ar-field-group .searchable-select{width:100%}.ar-field-group .searchable-select .select-trigger{border:1.5px solid var(--theme-border,var(--border-color,#0000001f));background:var(--theme-card,var(--bg-secondary,#fff));height:38px;min-height:38px;color:var(--theme-text,var(--text-primary,#1a1d29));border-radius:8px;font-size:.85rem}.ar-field-group .searchable-select .select-trigger.open,.ar-field-group .searchable-select .select-trigger:hover{border-color:var(--accent-color,var(--primary-color,#1f8a5b))}.ar-filter-footer{border-top:1px dashed var(--theme-border,var(--border-color,#00000014));justify-content:flex-end;margin-top:16px;padding-top:12px;display:flex}.ar-btn-generate{background:var(--accent-color,var(--primary-color,#1f8a5b));color:#fff;cursor:pointer;box-shadow:0 4px 14px var(--accent-light,#1f8a5b4d);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:.875rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.ar-btn-generate:hover{background:var(--accent-hover,var(--success-hover,#176b47));box-shadow:0 6px 18px var(--accent-light,#1f8a5b66);transform:translateY(-1px)}.ar-kpi-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.ar-kpi-box{background:var(--theme-card,var(--bg-secondary,#fff));border:1px solid var(--theme-border,var(--border-color,#00000014));box-shadow:var(--shadow-sm,0 2px 8px #0000000a);border-radius:12px;align-items:center;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.ar-kpi-box:hover{box-shadow:var(--shadow-md,0 4px 16px #00000014);transform:translateY(-2px)}.ar-kpi-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ar-kpi-box.purple .ar-kpi-icon{color:#6366f1;background:#6366f11f}.ar-kpi-box.green .ar-kpi-icon{color:#16a34a;background:#22c55e24}.ar-kpi-box.red .ar-kpi-icon{color:#dc2626;background:#ef444424}.ar-kpi-box.blue .ar-kpi-icon{color:#2d9cdb;background:#2d9cdb24}.ar-kpi-box.teal .ar-kpi-icon{color:#0d9488;background:#14b8a624}.ar-kpi-info{flex-direction:column;display:flex}.ar-kpi-info .val{color:var(--theme-text,var(--text-primary,#1a1d29));font-size:1.55rem;font-weight:800;line-height:1}.ar-kpi-info .lbl{color:var(--theme-muted,var(--text-secondary,#6b7280));letter-spacing:.03em;margin-top:4px;font-size:.7rem;font-weight:700}.ar-kpi-info .sub{color:var(--theme-muted,var(--text-secondary,#9ca3af));margin-top:2px;font-size:.68rem}.ar-action-bar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.ar-btn-export-excel{background:var(--accent-color,var(--primary-color,#1f8a5b));color:#fff;cursor:pointer;box-shadow:0 3px 10px var(--accent-light,#1f8a5b40);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.ar-btn-export-excel:hover{background:var(--accent-hover,var(--success-hover,#176b47));transform:translateY(-1px)}.ar-btn-print{background:var(--secondary-color,#2d9cdb);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 3px 10px #2d9cdb40}.ar-btn-print:hover{background:#1b85bd;transform:translateY(-1px)}.ar-printable-sheet{background:var(--theme-card,#fff);border:1px solid var(--theme-border,#0000001a);box-shadow:var(--shadow-sm,0 2px 12px #0000000d);color:var(--theme-text,#1a1d29);box-sizing:border-box;border-radius:12px;padding:28px 32px}.ar-sheet-header{border-bottom:3px solid var(--accent-color,var(--primary-color,#1f8a5b));justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;display:flex}.ar-sh-left h1{color:var(--accent-color,var(--primary-color,#1f8a5b));letter-spacing:-.01em;margin:0;font-size:1.4rem;font-weight:800}.ar-sh-left p{color:var(--theme-muted,#6b7280);margin:2px 0 0;font-size:.82rem}.ar-sh-right{text-align:right}.ar-sh-right h2{color:var(--theme-text,#111827);letter-spacing:.04em;margin:0;font-size:1.2rem;font-weight:800}.ar-sh-date{color:var(--theme-muted,#6b7280);font-size:.78rem;font-weight:600}.ar-legend-box{background:var(--theme-bg,#f8fafc);border:1px solid var(--theme-border,#e2e8f0);border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:10px 16px;display:flex}.ar-lg-title{color:var(--theme-muted,#475569);font-size:.78rem;font-weight:700}.ar-lg-item{align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.ar-lg-swatch{border-radius:4px;width:14px;height:14px}.ar-lg-swatch.attended{background:#dcfce7;border:1.5px solid #16a34a}.ar-lg-swatch.absent{background:#fee2e2;border:1.5px solid #dc2626}.ar-summary-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.ar-summary-card{background:var(--theme-card,#fff);border:1px solid var(--theme-border,#e2e8f0);border-radius:10px;flex-direction:column;gap:12px;padding:18px;display:flex}.ar-summary-card h4{color:var(--theme-text,#1e293b);align-items:center;gap:8px;margin:0;font-size:.92rem;font-weight:700;display:flex}.ar-bar-row{flex-direction:column;gap:4px;display:flex}.ar-bar-head{color:var(--theme-text,#334155);justify-content:space-between;font-size:.78rem;font-weight:600;display:flex}.ar-bar-track{background:var(--theme-bg,#f1f5f9);border-radius:5px;height:10px;display:flex;overflow:hidden}.ar-bar-fill.attended{background:#22c55e;height:100%}.ar-bar-fill.absent{background:#ef4444;height:100%}.ar-table-container{flex-direction:column;gap:12px;display:flex;overflow-x:auto}.ar-table-search-bar{border:1.5px solid var(--theme-border,#cbd5e1);background:var(--theme-card,#fff);border-radius:8px;align-items:center;gap:8px;width:320px;padding:8px 14px;display:flex}.ar-table-search-bar input{color:var(--theme-text,#1e293b);background:0 0;border:none;outline:none;width:100%;font-size:.82rem}.ar-report-table{border-collapse:collapse;background:var(--theme-card,#fff);width:100%;font-size:.82rem}.ar-report-table th{text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--accent-hover,#166534);text-align:left;padding:10px 12px;font-size:.75rem;font-weight:700;background:var(--accent-color,var(--primary-color,#1f8a5b))!important;color:#fff!important}.ar-report-table td{border:1px solid var(--theme-border,#e2e8f0);vertical-align:middle;color:var(--theme-text,#1e293b);padding:10px 12px}.ar-report-table tr.row-attended{background:#22c55e0a}.ar-report-table tr.row-absent{background:#ef444408}.ar-report-table td.center{text-align:center}.ar-report-table td.bold{font-weight:700}.ar-badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.73rem;font-weight:700;display:inline-flex}.ar-badge.attended{color:#15803d;background:#dcfce7;border:1px solid #86efac}.ar-badge.absent{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.ar-insights-container{flex-direction:column;gap:20px;display:flex}.ar-insights-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.ar-insight-card{background:var(--theme-card,#fff);border:1px solid var(--theme-border,#e2e8f0);box-shadow:var(--shadow-sm,0 2px 8px #0000000a);border-radius:12px;flex-direction:column;gap:8px;padding:18px;display:flex}.ar-insight-card h4{color:var(--theme-text,#111827);align-items:center;gap:8px;margin:0;font-size:.95rem;font-weight:700;display:flex}.ar-insight-card p{color:var(--theme-muted,#64748b);margin:0;font-size:.82rem}.ar-attendee-select-box{background:var(--theme-bg,#f8fafc);border:1px solid var(--theme-border,#e2e8f0);border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;padding:16px;display:flex}.ar-matrix-card{background:var(--theme-card,#fff);border:1px solid var(--theme-border,#e2e8f0);border-radius:10px;padding:18px}.ar-matrix-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:.82rem}.ar-matrix-table th{background:var(--theme-bg,#f1f5f9);color:var(--theme-text,#334155);text-align:left;border-bottom:2px solid var(--theme-border,#cbd5e1);padding:8px 12px;font-weight:700}.ar-matrix-table td{border-bottom:1px solid var(--theme-border,#e2e8f0);padding:8px 12px}.ar-sheet-footer{border-top:1px solid var(--theme-border,#e2e8f0);text-align:center;color:var(--theme-muted,#64748b);margin-top:24px;padding-top:14px;font-size:.75rem}:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001f;--accent-color:#4f46e5;--accent-light:#4f46e51a;--accent-hover:#4f46e5d9}body.light{--theme-bg:#f8fafc;--theme-card:#fff;--theme-header:#fff;--theme-sidebar:#fff;--theme-text:#0f172a;--theme-muted:#64748b;--theme-border:#e2e8f0;--theme-hover:#0000000a}body.dark{--theme-bg:#020617;--theme-card:#0f172a;--theme-header:#0f172a;--theme-sidebar:#0f172a;--theme-text:#f8fafc;--theme-muted:#94a3b8;--theme-border:#1e293b;--theme-hover:#ffffff0d;--bg-primary:#020617;--bg-secondary:#0f172a;--bg-tertiary:#1e293b;--bg-disabled:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--status-active-bg:#10b9812e;--status-active-border:#10b98159;--status-active-text:#34d399;--status-inactive-bg:#ef44442e;--status-inactive-border:#ef444459;--status-inactive-text:#fca5a5}body.dark table th,body.dark table td{color:#fff!important}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-pulse{animation:1.5s infinite shimmer}:root{--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f8f9fa;--bg-disabled:#f1f3f5;--text-primary:#1a1d29;--text-secondary:#6b7280;--border-color:#00000014;--primary-color:#1f8a5b;--secondary-color:#2d9cdb;--accent-color:#f4b400;--accent-hover:#e67e22;--success-color:#1f8a5b;--success-hover:#176b47;--error-color:#e74c3c;--error-hover:#c0392b;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 24px #00000026;--primary-gradient-start:var(--primary-color);--primary-gradient-end:var(--success-hover);--primary-hover:var(--success-hover);--primary-light:#1f8a5b1a;--primary-shadow:#1f8a5b4d;--view-color:var(--secondary-color);--view-bg:#2d9cdb1a;--edit-color:var(--accent-color);--edit-bg:#f4b4001a;--delete-color:var(--error-color);--delete-bg:#e74c3c1a;--success-bg:#1f8a5b1a;--success-text:var(--success-color);--success-border:#1f8a5b4d;--error-bg:#e74c3c1a;--error-text:var(--error-color);--error-border:#e74c3c4d;--warning-bg:#f4b4001a;--warning-text:var(--accent-color);--info-bg:#2d9cdb1a;--info-text:var(--secondary-color);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:1000;--z-modal:2000;--z-tooltip:3000}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{padding:var(--spacing-xl);background:var(--bg-primary);min-height:calc(100vh - 80px);animation:.5s ease-out fadeIn}.page-header-org{height:53px;margin-bottom:var(--spacing-xl);padding:20px var(--spacing-2xl);background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-color);justify-content:space-between;align-items:center;animation:.5s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header-left-org{align-items:center;gap:20px;display:flex}.header-icon{background:var(--primary-color);color:#fff;box-shadow:0 6px 16px var(--shadow-md);border-radius:14px;justify-content:center;align-items:center;padding:14px;display:flex}.header-left-org h1{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.header-left-org p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.add-btn{align-items:center;gap:var(--spacing-xs);background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-slow);box-shadow:var(--shadow-sm);border:none;padding:5px 8px;font-size:15px;font-weight:600;display:flex}.add-btn:hover{background:var(--success-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.add-btn:active{transform:translateY(-1px)}.table-actions{justify-content:center;gap:var(--spacing-sm);display:flex}.action-btn-table{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);background:var(--bg-secondary);border:none;justify-content:center;align-items:center;padding:8px 10px;display:flex}.view-btn{color:var(--secondary-color);background:#2d9cdb1a}.view-btn:hover{background:var(--secondary-color);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #2d9cdb4d}.edit-btn{color:var(--accent-color);background:#f4b4001a}.edit-btn:hover{background:var(--accent-color);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #f4b4004d}.info-btn{color:var(--text-primary);background:#3fb57a1a}.info-btn:hover{background:var(--text-primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #3fb57a1a}.delete-btn{color:var(--error-color);background:#e74c3c1a}.delete-btn:hover{background:var(--error-color);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #e74c3c4d}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.status-badge.active{color:var(--success-color);background:#1f8a5b1a;border:1px solid #1f8a5b33}.status-badge.inactive{color:var(--error-color);background:#e74c3c1a;border:1px solid #e74c3c33}.status-badge.pending{color:var(--accent-color);background:#f4b4001a;border:1px solid #f4b40033}.status-badge.approved{color:var(--success-color);background:#1f8a5b1a;border:1px solid #1f8a5b33}.status-badge.rejected{color:var(--error-color);background:#e74c3c1a;border:1px solid #e74c3c33}.type-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.type-badge.leave{color:var(--secondary-color);background:#2d9cdb1a;border:1px solid #2d9cdb33}.type-badge.permission{color:var(--accent-color);background:#f4b4001a;border:1px solid #f4b40033}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background:#0009;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.4s cubic-bezier(.175,.885,.32,1.275) modalSlideUp;display:flex;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-large,.wide-modal{max-width:1000px}.modal-header{padding:var(--spacing-xl) var(--spacing-2xl);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title-section{align-items:center;gap:var(--spacing-lg);color:var(--text-primary);display:flex}.modal-title-section svg{padding:var(--spacing-md);background:var(--primary-light);border-radius:var(--radius-lg);color:var(--primary-color)}.modal-title-section h2{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-size:22px;font-weight:700}.modal-close{padding:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:all var(--transition-base);align-items:center;display:flex}.modal-close:hover{background:var(--bg-tertiary);transform:rotate(90deg)}.modal-body{padding:var(--spacing-2xl);background:var(--bg-secondary);max-height:calc(90vh - 200px);overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--bg-tertiary)}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.form-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl);border-bottom:2px solid var(--bg-tertiary)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color);align-items:center;gap:10px;margin:0 0 20px;font-size:17px;font-weight:700;display:flex}.section-title:before{content:"";background:var(--primary-color);border-radius:2px;width:4px;height:22px}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-primary);align-items:center;gap:var(--spacing-xs);font-size:14px;font-weight:600;display:flex}.required{color:var(--error-color);font-weight:700}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);background:var(--bg-secondary);color:var(--text-primary);font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light);outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--bg-disabled);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.form-group input.error,.form-group select.error{border-color:var(--error-color);background:#e74c3c0d}.error-text{color:var(--error-color);font-size:12px;font-weight:500}.toggle-grid{padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.toggle-label{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-slow);border:2px solid #0000;justify-content:space-between;align-items:center;display:flex}.toggle-label:hover{border-color:var(--border-color);box-shadow:var(--shadow-sm)}.toggle-label span{color:var(--text-primary);font-size:14px;font-weight:600}.toggle{background:var(--border-color);width:48px;height:24px;transition:all var(--transition-slow);border-radius:24px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:var(--bg-secondary);border-radius:var(--radius-full);width:20px;height:20px;transition:all var(--transition-slow);box-shadow:var(--shadow-sm);position:absolute;top:1.5px;left:2px}.toggle.active{background:var(--primary-color)}.toggle.active .toggle-slider{transform:translate(24px)}.profile-upload-container,.logo-upload-container{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-lg);border:2px dashed var(--border-color);display:flex}.profile-preview,.logo-preview{border-radius:var(--radius-full);background:var(--bg-secondary);border:2px solid var(--border-color);width:100px;height:100px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.logo-preview{border-radius:var(--radius-lg)}.profile-preview-image,.logo-preview-image{object-fit:cover;width:100%;height:100%}.logo-preview-image{object-fit:contain;padding:var(--spacing-xs)}.profile-placeholder,.logo-placeholder{justify-content:center;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);text-align:center;flex-direction:column;display:flex}.profile-placeholder svg,.logo-placeholder svg{color:var(--border-color);width:32px;height:32px}.profile-placeholder span,.logo-placeholder span{font-size:12px;font-weight:500}.profile-upload-controls,.logo-upload-controls{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;flex:1;display:flex}.profile-input,.logo-input{display:none}.profile-upload-btn,.logo-upload-btn{align-items:center;gap:var(--spacing-xs);background:var(--primary-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-slow);box-shadow:var(--shadow-sm);white-space:nowrap;border:none;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;color:#fff!important}.profile-upload-btn:hover,.logo-upload-btn:hover{background:var(--success-hover);box-shadow:var(--shadow-md);transform:translateY(-2px);color:#fff!important}.profile-remove-btn,.logo-remove-btn{align-items:center;gap:var(--spacing-xs);background:var(--bg-secondary);color:var(--error-color);border:2px solid var(--error-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-slow);white-space:nowrap;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.profile-remove-btn:hover,.logo-remove-btn:hover{background:var(--error-color);color:#fff!important}.profile-upload-hint,.logo-upload-hint{color:var(--text-secondary);width:100%;margin-top:0;font-size:11px}.react-datepicker-wrapper{width:100%}.react-datepicker__input-container input{border:2px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:all var(--transition-base);background:var(--bg-secondary);color:var(--text-primary);outline:none;padding:10px 14px;font-size:14px}.react-datepicker__input-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light)}.react-datepicker-popper{z-index:9999!important}.react-datepicker{border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);background:var(--bg-secondary);font-family:inherit;overflow:hidden}.react-datepicker__header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding-top:12px}.react-datepicker__current-month{color:var(--text-primary);margin-bottom:10px;font-weight:700}.react-datepicker__day-name{color:var(--text-secondary);font-weight:600}.react-datepicker__day{color:var(--text-primary);border-radius:6px;transition:all .2s}.react-datepicker__day:hover{background-color:var(--primary-light);color:var(--primary-color)}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{font-weight:700;background-color:var(--primary-color)!important;color:#fff!important}.react-datepicker__day--outside-month{color:#ccc}.react-datepicker__navigation{top:14px}.filter-row-inline .react-datepicker-wrapper{width:160px}.inline-date-input{border-radius:var(--radius-sm)!important;padding:6px 12px!important;font-size:13px!important}.filters-card,.filter-row-inline{overflow:visible!important}.modal-body{overflow:visible auto}@media (max-width:768px){.profile-upload-container,.logo-upload-container{text-align:center;flex-direction:column;align-items:center}.profile-upload-controls,.logo-upload-controls{flex-direction:column;align-items:center;width:100%}.profile-upload-btn,.logo-upload-btn,.profile-remove-btn,.logo-remove-btn{justify-content:center;width:100%}}.employee-avatar{border-radius:var(--radius-full);background:var(--primary-color);border:2px solid var(--bg-secondary);width:40px;height:40px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;margin:0 auto;display:flex;overflow:hidden}.employee-avatar img{object-fit:cover;width:100%;height:100%}.employee-avatar svg{color:#fff}.searchable-select{width:100%;position:relative}.select-trigger{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-base);justify-content:space-between;align-items:center;max-height:36px;margin-top:-5px;padding:20px 40px;display:flex}.select-trigger:hover:not(.disabled){border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.select-trigger.open{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.select-trigger.disabled{background:var(--bg-disabled);cursor:not-allowed;opacity:.7;border-color:var(--border-color)}.searchable-select.error .select-trigger{border-color:var(--error-color);box-shadow:0 0 0 3px #e74c3c1a}.selected-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.placeholder{color:var(--text-secondary);font-size:14px;font-weight:400}.chevron{transition:transform var(--transition-slow);color:var(--text-secondary);margin-left:var(--spacing-sm);flex-shrink:0}.chevron.rotate{transform:rotate(180deg)}.select-dropdown{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);flex-direction:column;max-height:320px;animation:.2s cubic-bezier(.4,0,.2,1) dropdownSlide;display:flex;position:absolute;top:calc(100% + 8px);overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-box{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:2px solid var(--bg-tertiary);background:var(--bg-tertiary);z-index:2;display:flex;position:sticky;top:0}.search-box svg{color:var(--text-secondary);flex-shrink:0}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:14px}.search-box input::placeholder{color:var(--text-secondary)}.search-box:focus-within{background:var(--bg-secondary)}.search-box:focus-within svg{color:var(--primary-color)}.options-list{max-height:260px;padding:var(--spacing-xs) 0;overflow-y:auto}.option-item{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);margin:0 var(--spacing-xs);border-radius:var(--radius-sm);border-left:3px solid #0000;align-items:center;font-size:14px;display:flex;position:relative}.option-item:hover{background:var(--primary-light);color:var(--text-primary);border-left-color:var(--primary-color);transform:translate(2px)}.option-item.selected{background:var(--primary-light);color:var(--primary-color);border-left-color:var(--primary-color);font-weight:600}.option-item.selected:after{content:"✓";right:var(--spacing-lg);color:var(--primary-color);font-weight:700;position:absolute}.no-options{padding:var(--spacing-2xl) 20px;text-align:center;color:var(--text-secondary);align-items:center;gap:var(--spacing-sm);flex-direction:column;font-size:14px;display:flex}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.options-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.options-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.searchable-select-inline{min-width:160px;height:32px}.modal-footer{padding:20px var(--spacing-2xl);background:var(--bg-tertiary);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--spacing-md);display:flex}.btn-cancel,.btn-submit{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-base);border:none;font-size:15px;font-weight:600;display:flex}.btn-submit{padding:var(--spacing-xs) var(--spacing-xl)}.btn-cancel{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-cancel:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-submit{background:var(--primary-color);color:#fff;box-shadow:var(--shadow-sm)}.btn-submit:hover{background:var(--success-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-submit:active,.btn-cancel:active{transform:translateY(0)}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:400px;display:flex}.spinner{border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:var(--radius-full);width:50px;height:50px;animation:.8s linear infinite spin}.loading-container p{color:var(--text-secondary);font-size:16px;font-weight:500}.error-alert{background:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-md);align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);color:var(--error-text);padding:14px 18px;animation:.5s ease-out alertShake;display:flex}@keyframes alertShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-alert svg{flex-shrink:0}.checkbox-group{gap:var(--spacing-lg);flex-direction:column;display:flex}.checkbox-label{align-items:center;gap:var(--spacing-md);cursor:pointer;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex}.checkbox-label:hover{border-color:var(--primary-color);background:var(--bg-tertiary)}.checkbox-label input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary-color);margin:0}.checkbox-label span{color:var(--text-primary);font-size:14px;font-weight:600}.header-actions{align-items:center;gap:12px;display:flex}.btn-export,.btn-import{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;align-items:center;gap:8px;padding:5px 8px;font-size:14px;font-weight:600;display:flex}.btn-export{background-color:var(--success-color);color:#fff}.btn-export:hover{background-color:var(--success-hover)}.btn-import{background-color:var(--secondary-color);color:#fff}.btn-import:hover{background-color:var(--primary-color)}.filters-card{background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);align-items:center;gap:16px;margin-bottom:20px;padding:12px 16px;display:flex}.filters-header{color:var(--text-primary);white-space:nowrap;align-items:center;gap:8px;display:flex}.filters-header h3{margin:0;font-size:15px;font-weight:600}.filter-row-inline{flex-wrap:wrap;flex:1;align-items:center;gap:16px;display:flex}.filter-item{align-items:center;gap:8px;display:flex}.filter-label{color:var(--text-secondary);white-space:nowrap;font-size:14px;font-weight:500}.filter-colon{color:var(--text-secondary);font-weight:500}.inline-date-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-secondary);min-width:140px;height:32px;padding:6px 10px;font-size:14px}.inline-date-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.filter-grid-single{align-items:flex-end;gap:20px;display:flex}.filter-grid-single .form-group{flex:1;min-width:200px}.import-instructions{background-color:var(--bg-tertiary);border-left:4px solid var(--secondary-color);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:20px;padding:16px}.import-instructions ul{margin:8px 0 0 20px;padding:0}.import-instructions li{color:var(--text-secondary);margin-bottom:4px}.file-info{border-radius:var(--radius-md);color:var(--success-color);background-color:#1f8a5b1a;border:1px solid #1f8a5b33;align-items:center;gap:8px;margin-top:12px;padding:12px;display:flex}@media (max-width:1024px){.form-grid{grid-template-columns:1fr}.form-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:var(--spacing-lg)}.page-header-org{padding:20px var(--spacing-xl);align-items:flex-start;gap:var(--spacing-lg);flex-direction:column;height:auto}.add-btn{justify-content:center;width:100%}.modal-content{max-width:100%;max-height:95vh;margin:10px}.modal-header{padding:20px var(--spacing-xl)}.modal-title-section h2{font-size:20px}.modal-body{padding:var(--spacing-xl)}.form-grid-3{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-submit{justify-content:center;width:100%}.profile-upload-container,.logo-upload-container{flex-direction:column;align-items:center}.profile-upload-controls,.logo-upload-controls{text-align:center;align-items:center}.toggle-grid{grid-template-columns:1fr}.filters-card{flex-direction:column;align-items:stretch;gap:12px}.filter-row-inline{flex-direction:column;align-items:stretch}.filter-item{flex-direction:column;align-items:flex-start;gap:4px}.filter-colon{display:none}.inline-date-input{width:100%;min-width:auto}.header-actions,.filter-grid-single{flex-direction:column;align-items:stretch}.filter-grid-single .form-group{min-width:auto}}@media (max-width:480px){.header-left-org h1{font-size:20px}.header-left-org p{font-size:13px}.header-icon{padding:var(--spacing-md)}.modal-title-section svg{padding:var(--spacing-sm)}.profile-preview,.logo-preview{width:100px;height:100px}}@media print{.modal-overlay,.action-btn-table,.btn-submit,.btn-cancel,.add-btn{display:none!important}}.modal-large{max-width:900px}.voucher-container{background:#fff;border:2px solid #000;padding:30px}.voucher-header{border-bottom:2px solid #000;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.org-info{flex:1}.org-name{color:#333;margin-bottom:5px;font-size:24px;font-weight:700}.org-details{color:#666;margin:2px 0;font-size:12px}.voucher-title{text-align:center;text-transform:uppercase;background:#f0f0f0;border:1px solid #ddd;margin:20px 0;padding:10px;font-size:20px;font-weight:700}.voucher-body table{border-collapse:collapse;width:100%;margin:15px 0}.voucher-body table td{border:1px solid #ddd;padding:10px}.voucher-body table td:first-child{background:#f9f9f9;width:200px;font-weight:700}.amount-section{background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin:20px 0;padding:15px}.amount-words{color:#333;margin-top:10px;font-size:14px;font-weight:700}.signature-section{border-top:1px solid #ddd;justify-content:space-between;margin-top:60px;padding-top:20px;display:flex}.signature-box{text-align:center;width:200px}.signature-line{border-top:2px solid #000;margin-top:60px;padding-top:5px;font-weight:600}.employee-code-preview{position:relative}.code-preview-input{color:#333;letter-spacing:.5px;cursor:not-allowed;background-color:#f5f5f5;border:1px solid #ddd;font-weight:500}input[name=date_of_joining]:invalid{border-color:#ff6b6b}.permissions-table-wrapper{border:1px solid #e0e0e0;border-radius:8px;margin-top:15px;overflow-x:auto}.permissions-table{border-collapse:collapse;width:100%;min-width:800px}.permissions-table th,.permissions-table td{border-bottom:1px solid #e0e0e0;padding:12px;font-size:14px}.permissions-table th{color:#495057;z-index:10;background:#f8f9fa;font-weight:600;position:sticky;top:0}.permissions-table tbody tr:hover{background:#f8f9fa}.permissions-table input[type=checkbox]{cursor:pointer;accent-color:#4caf50;width:18px;height:18px}.permissions-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.select-all-header th{background:#e9ecef;padding:8px}.select-all-header input[type=checkbox]{margin:0}.permissions-table th div{position:relative}.permissions-table th div:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:20;background:#333;border-radius:4px;margin-bottom:5px;padding:4px 8px;font-size:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.status-badge.weekly-off{color:#3949ab;background-color:#e8eaf6}.checkin-icon{cursor:help;opacity:.7;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.checkin-icon:hover{opacity:1;transform:scale(1.1)}.checkin-icon[title=Mobile\ App]{color:#4caf50}.checkin-icon[title=WhatsApp]{color:#25d366}.checkin-icon[title=Web\ Dashboard]{color:#2196f3}.cm-badge-sites{background:var(--primary-light);color:var(--primary-color);border:1px solid var(--border-color);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.cm-site-count-pill{background:var(--primary-color);color:#fff;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700}.cm-optional{color:var(--text-secondary);margin-left:5px;font-size:11px;font-weight:400}.cm-input-wrap{align-items:center;width:100%;display:flex;position:relative}.cm-input-wrap.compact-width{max-width:320px}.cm-eye-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);z-index:10;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:60%;transform:translateY(-50%)}.cm-eye-btn:hover{color:var(--primary-color);background:var(--primary-light);border-color:var(--primary-color)}.cm-sites-panel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-sm)}.cm-site-search{margin-bottom:var(--spacing-md);position:relative}.cm-site-search input{border:2px solid var(--border-color)!important;border-radius:var(--radius-md)!important;background:var(--bg-secondary)!important;box-sizing:border-box!important;width:100%!important;padding:10px 10px 10px 35px!important;font-size:13px!important}.cm-site-search input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px var(--primary-light)!important}.cm-site-search-icon{color:var(--text-secondary);z-index:2;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cm-site-list{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:250px;padding-right:5px;display:grid;overflow-y:auto}.cm-site-item{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.cm-site-item:hover,.cm-site-item.selected{border-color:var(--primary-color);background:var(--primary-light)}.cm-check-icon{color:var(--text-secondary);transition:all var(--transition-base);flex-shrink:0}.cm-check-icon.checked{color:var(--primary-color)}.cm-site-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.cm-site-all{background:var(--bg-disabled);border-style:dashed;grid-column:1/-1}.cm-view-sites{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.cm-site-chip{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500}.cm-no-sites{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary);font-size:13px;font-style:italic}.cm-site-list::-webkit-scrollbar{width:5px}.cm-site-list::-webkit-scrollbar-track{background:0 0}.cm-site-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.cm-site-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.caption-input-group{border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);padding:8px 12px}.caption-input-group input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);width:100%;color:var(--text-primary);padding:6px 10px;font-size:13px;transition:all .2s}.caption-input-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light);outline:none}.cm-name-cell{align-items:center;gap:12px;display:flex}.cm-avatar-sm{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.cm-avatar-sm img{object-fit:cover;width:100%;height:100%}@media (max-width:768px){html,body{font-size:13.5px!important}h1,.page-title{font-size:1.5rem!important;line-height:1.25!important}h2,.section-title{font-size:1.3rem!important}h3,.card-title{font-size:1.15rem!important}.grid,.grid-2,.grid-3,.grid-4,.form-grid,.form-grid-3,.toggle-grid,.dk-grid,.dk-stats,.stat-cards,.report-stats-grid,.dk-modal-grid{grid-template-columns:1fr!important;gap:12px!important}.container,.app-container,.main-content,.page-content,.dk-wrap{padding:10px!important}.card,.dk-card,.stats-card,.benefit-header-stats{border-radius:12px!important;margin-bottom:12px!important;padding:12px!important}.stat-small{padding:8px!important}.form-group,.filter-item,.search-container,.dk-search-bar{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.form-control,input,select,textarea,.dk-search-input,.dk-datepicker-sm{box-sizing:border-box!important;width:100%!important;max-width:100%!important;font-size:14px!important}.filters-card,.filter-row-inline,.filter-bar,.report-filters,.header-actions,.dk-toggle-row,.dk-header,.page-header-org,.weekly-header,.benefit-header-stats{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.filter-colon{display:none!important}.react-datepicker-wrapper,.react-datepicker__input-container,.react-datepicker__input-container input{width:100%!important}.modal-overlay,.dk-overlay{padding:8px!important}.modal-content,.dk-modal,.modal,.dk-modal-large,.dk-modal-map,.confirm-modal{border-radius:16px!important;flex-direction:column!important;width:100%!important;max-width:100%!important;max-height:92vh!important;margin:auto!important;display:flex!important}.modal-body,.dk-modal-body{-webkit-overflow-scrolling:touch!important;flex:1!important;padding:14px!important;overflow-y:auto!important}.modal-footer,.dk-modal-foot{flex-direction:column-reverse!important;gap:8px!important;padding:12px 14px!important}.btn,.dk-btn-close,.btn-submit,.btn-cancel,.add-btn{justify-content:center!important;width:100%!important}.table-responsive,.table-wrapper,.datatable-wrapper,.permissions-table-wrapper,.dk-weekly-table,.benefit-table-container{-webkit-overflow-scrolling:touch!important;border:1px solid var(--border-color)!important;border-radius:8px!important;width:100%!important;margin-bottom:12px!important;overflow-x:auto!important}table,.datatable,.permissions-table,.benefit-table{min-width:600px!important}.table-cell,th,td{white-space:nowrap!important;padding:8px 10px!important;font-size:12px!important}.modal-tabs,.dk-modal-tabs{-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;border-bottom:1px solid var(--border-color)!important;gap:6px!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.modal-tabs button,.dk-modal-tabs button{flex:none!important;padding:6px 12px!important;font-size:12px!important}.sidebar{z-index:1050!important;width:250px!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:-250px!important;transform:none!important;box-shadow:4px 0 24px #00000026!important}.sidebar.open{left:0!important;transform:none!important}.sidebar.closed{left:-250px!important;transform:none!important}.main-content{margin-left:0!important;padding-top:60px!important}.searchable-select,.select-trigger{box-sizing:border-box!important;width:100%!important;min-height:40px!important}.select-dropdown{z-index:100000!important;width:100%!important;max-height:250px!important}.option-item{align-items:center!important;min-height:40px!important;padding:10px 14px!important;font-size:13.5px!important;display:flex!important}}.expense-items-table{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;overflow-x:auto}.expense-items-table table{border-collapse:collapse;width:100%;font-size:14px}.expense-items-table thead tr{background:var(--bg-tertiary)}.expense-items-table thead th{color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap;padding:10px 12px;font-size:13px;font-weight:700}.expense-items-table tbody tr{border-bottom:1px solid var(--border-color);transition:background var(--transition-fast)}.expense-items-table tbody tr:last-child{border-bottom:none}.expense-items-table tbody tr:hover{background:var(--bg-tertiary)}.expense-items-table td{vertical-align:middle;padding:6px 8px}.expense-items-table tfoot tr{background:var(--bg-tertiary);border-top:2px solid var(--border-color)}.expense-items-table tfoot td{padding:10px 12px}.grand-total-label{color:var(--text-secondary);font-size:14px;font-weight:700}.grand-total-value{color:var(--primary-color);font-size:16px;font-weight:700}.text-right{text-align:right!important}.text-center{text-align:center!important}.table-cell-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--bg-secondary);transition:border-color var(--transition-base), box-shadow var(--transition-base);padding:8px 10px;font-size:13px}.table-cell-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}.table-cell-input:disabled{background:var(--bg-disabled);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.table-cell-input.text-right{text-align:right}.view-mode-text{padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);border:1px solid var(--border-color);align-items:center;min-height:44px;font-size:14px;display:flex}#badgePrintArea{display:none}@media print{@page{size:105mm 145mm;margin:0}html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:105mm!important;height:145mm!important;margin:0!important;padding:0!important}body.printing-badges>:not(#badgePrintArea){display:none!important}body.printing-badges{background:#fff!important;margin:0!important;padding:0!important}body.printing-badges #badgePrintArea{background:#fff!important;width:105mm!important;margin:0!important;padding:0!important;display:block!important}.printable-badge-card{width:105mm!important;height:145mm!important;box-shadow:none!important;page-break-after:always!important;break-after:page!important;page-break-inside:avoid!important;break-inside:avoid!important;box-sizing:border-box!important;border:1px solid #cbd5e1!important;margin:0!important}}