@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary:#3b82f6;--primary-hover:#2563eb;--primary-color:var(--primary);--primary-dark:var(--primary-hover);--primary-light:#3b82f629;--input-radius:10px;--sidebar-bg:#f9fafb;--main-bg:#fff;--card-bg:#f9fafb;--border:#d1d5db;--text-main:#000;--text-muted:#4b5563;--input-bg:#f3f4f6;--navbar-bg:#fff;--status-pending-bg:#fef3c7;--status-pending-text:#d97706;--status-approved-bg:#d1fae5;--status-approved-text:#059669;--status-rejected-bg:#fee2e2;--status-rejected-text:#dc2626;--font-xs:12px;--font-sm:13px;--font-md:14px;--font-lg:16px;--font-xl:18px;--font-2xl:20px;--font-3xl:24px;--font-4xl:32px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-main);background-color:var(--main-bg);font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5;font-size:var(--font-md);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-font-size=small]{--font-xs:11px;--font-sm:12px;--font-md:13px;--font-lg:15px;--font-xl:17px;--font-2xl:19px;--font-3xl:22px;--font-4xl:28px}[data-font-size=large]{--font-xs:13px;--font-sm:14px;--font-md:16px;--font-lg:18px;--font-xl:20px;--font-2xl:22px;--font-3xl:28px;--font-4xl:36px}[data-theme=dark]{--sidebar-bg:#111827;--main-bg:#030712;--card-bg:#1f2937;--border:#374151;--text-main:#f9fafb;--text-muted:#9ca3af;--input-bg:#374151;--navbar-bg:#111827;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){[data-theme=system]{--sidebar-bg:#111827;--main-bg:#030712;--card-bg:#1f2937;--border:#374151;--text-main:#f9fafb;--text-muted:#9ca3af;--input-bg:#374151;--navbar-bg:#111827;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-color-scheme:light){[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}body{background-color:var(--main-bg);min-width:320px;min-height:100vh;color:var(--text-main);margin:0;padding:0;transition:background-color .3s,color .3s}*{box-sizing:border-box}.login-password-input::-ms-reveal{width:0;height:0;display:none}.login-password-input::-ms-clear{width:0;height:0;display:none}h1,h2,h3,h4,h5,h6{color:var(--text-main);margin:0;font-weight:600}p{color:var(--text-main);margin:0}.sidebar-item{color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-item:hover{background:var(--input-bg);color:var(--text-main)}.sidebar-item.active{background:var(--primary);color:#fff}.avatar{object-fit:cover;background:var(--border);border-radius:50%;width:40px;height:40px}.status-badge{border-radius:20px;padding:4px 12px;font-size:13px;font-weight:500}.status-badge.pending,.status-badge.pending-activation{background:var(--status-pending-bg);color:var(--status-pending-text)}.status-badge.approved,.status-badge.active{background:var(--status-approved-bg);color:var(--status-approved-text)}.status-badge.rejected,.status-badge.inactive{background:var(--status-rejected-bg);color:var(--status-rejected-text)}.attendance-status-badge{letter-spacing:.2px;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.attendance-status-badge.present{color:#166534;background:#dcfce7;border-color:#86efac}.attendance-status-badge.late{color:#92400e;background:#fef3c7;border-color:#fcd34d}.attendance-status-badge.on-leave{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.attendance-status-badge.half-day{color:#1e3a8a;background:#dbeafe;border-color:#93c5fd}.attendance-status-badge.absent{color:#374151;background:#f3f4f6;border-color:#d1d5db}.attendance-status-badge.holiday{color:#075985;background:#e0f2fe;border-color:#7dd3fc}.attendance-status-badge.weekend{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.dashboard-grid{grid-template-rows:auto auto;grid-template-columns:2fr 1fr;gap:20px;display:grid}.input-field,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=tel],select,textarea{border:1px solid var(--border);border-radius:var(--input-radius);outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s;background-color:var(--input-bg)!important;color:var(--text-main)!important}.input-field,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{border-radius:var(--input-radius)!important}.input-field:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.input-field::placeholder,input::placeholder{color:var(--text-muted)}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn-primary,.btn-secondary{font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:background-color .2s,border-color .2s,opacity .2s;display:inline-flex;border-radius:var(--input-radius)!important}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--input-bg);color:var(--text-main);border:1px solid var(--border)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.7;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);background-clip:content-box;border:2px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted);background-clip:content-box;border:2px solid #0000}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}.main-content-wrapper{overflow-x:hidden}.table-scroll-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.responsive-grid-2-1{grid-template-columns:2fr 1fr;gap:24px;display:grid}.responsive-grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.responsive-grid-filters{grid-template-columns:repeat(5,1fr);align-items:end;gap:16px;display:grid}.responsive-flex-header{justify-content:space-between;align-items:flex-end;display:flex}.brand-lockup{flex-direction:column;line-height:1.05;display:flex}.brand-name-animated{color:#0000;background-image:linear-gradient(90deg,#8a6a00 0%,#d4af37 22%,#ffe8a3 50%,#d4af37 78%,#8a6a00 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:3.6s linear infinite brand-gold-shimmer}.brand-name-animated-subline{color:#0000;opacity:.9;background-image:linear-gradient(90deg,#8a6a00 0%,#d4af37 22%,#ffe8a3 50%,#d4af37 78%,#8a6a00 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:3.6s linear infinite brand-gold-shimmer}@keyframes brand-gold-shimmer{0%{background-position:200% 0}to{background-position:-20% 0}}@media (prefers-reduced-motion:reduce){.brand-name-animated,.brand-name-animated-subline{background-position:50% 0;animation:none}}@media (width<=768px){.grid-cols-4{gap:12px;grid-template-columns:repeat(2,1fr)!important}.dashboard-grid,.responsive-grid-2-1,.responsive-grid-2{grid-template-columns:1fr!important}.responsive-grid-filters{grid-template-columns:repeat(2,1fr)!important}.responsive-flex-header{flex-direction:column;align-items:stretch;gap:16px}.card{padding:16px}h1{font-size:20px!important}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:unset!important}.shadow-lg{max-width:calc(100vw - 32px)}.chat-layout{flex-direction:column}.chat-contacts-panel{flex:1;width:100%!important;min-width:unset!important;border-right:none!important}.chat-messages-panel{display:none!important}.chat-messages-panel.active{z-index:200;background:var(--main-bg);border-radius:16px;position:absolute;inset:0;width:100%!important;display:flex!important}.chat-back-btn{font-size:20px;font-weight:700;display:flex!important}.payroll-breakdown{grid-template-columns:1fr!important;gap:24px!important}.profile-grid{grid-template-columns:1fr!important}.offer-header{flex-direction:column;gap:16px;align-items:stretch!important}.profile-back-btn{margin-bottom:16px;position:static!important}.profile-grid{text-align:center;justify-items:center;grid-template-columns:1fr!important}.project-detail-panel{width:100%!important;padding:24px!important}.employee-page-header{flex-direction:column;align-items:stretch;gap:12px}}@media (width<=480px){.grid-cols-4,.responsive-grid-filters{grid-template-columns:1fr!important}.card{border-radius:8px;padding:12px}h1{font-size:18px!important}.calendar-grid{font-size:11px;grid-template-columns:repeat(7,1fr)!important}.modal-content{margin:16px;width:calc(100vw - 32px)!important;max-width:none!important;padding:16px!important}}input[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.85;cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{filter:none;opacity:.85;cursor:pointer}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.9}[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator{filter:invert();opacity:.9}@media (prefers-color-scheme:dark){[data-theme=system] input[type=date]::-webkit-calendar-picker-indicator{filter:invert();opacity:.9}[data-theme=system] input[type=time]::-webkit-calendar-picker-indicator{filter:invert();opacity:.9}}[data-theme=dark] .card,[data-theme=dark] .modal-content{background:var(--card-bg);color:var(--text-main);border-color:var(--border)}[data-theme=dark] .attendance-status-badge.late{color:#fde68a;background:#78350f;border-color:#d97706}[data-theme=dark] .attendance-status-badge.present{color:#6ee7b7;background:#064e3b;border-color:#10b981}[data-theme=dark] .attendance-status-badge.absent{color:#e5e7eb;background:#374151;border-color:#6b7280}[data-theme=dark] .attendance-status-badge.on-leave{color:#fca5a5;background:#7f1d1d;border-color:#ef4444}[data-theme=dark] .attendance-status-badge.half-day{color:#93c5fd;background:#1e3a5f;border-color:#3b82f6}[data-theme=dark] .btn-secondary,[data-theme=dark] button[style*="background: var(--card-bg)"],[data-theme=dark] button[style*="background: white"],[data-theme=dark] button[style*="background: #fff"]{background:var(--input-bg)!important;color:var(--text-main)!important;border-color:var(--border)!important}[data-theme=dark] button[style*="background: #F8FAFC"],[data-theme=dark] button[style*="background: #f8fafc"]{background:var(--input-bg)!important;color:var(--text-main)!important}[data-theme=dark] select option{background:var(--card-bg);color:var(--text-main)}[data-theme=dark] th,[data-theme=dark] thead{background:var(--input-bg)!important;color:var(--text-main)!important}[data-theme=dark] td{color:var(--text-main);border-color:var(--border)}[data-theme=dark] tr{border-color:var(--border)!important}[data-theme=dark] [style*="background: #F8FAFC"],[data-theme=dark] [style*="background: #f8fafc"],[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background: #FFFFFF"],[data-theme=dark] [style*="background: #ffffff"],[data-theme=dark] [style*="background: #fff"]{background:var(--card-bg)!important;color:var(--text-main)!important}[data-theme=dark] [style*="color: #64748B"],[data-theme=dark] [style*="color: #475569"],[data-theme=dark] [style*="color: #334155"],[data-theme=dark] [style*="color: #1E293B"]{color:var(--text-muted)!important}[data-theme=dark] [style*="background: linear-gradient"],[data-theme=dark] .metric-card{color:var(--text-main)!important}[data-theme=dark] [role=dialog],[data-theme=dark] .modal-overlay>div{background:var(--card-bg)!important;color:var(--text-main)!important}[data-theme=dark] [style*="background: #EFF6FF"],[data-theme=dark] [style*="background: #eff6ff"]{color:var(--text-main)!important;background:#3b82f626!important}[data-theme=dark] [style*="color: #1F2937"],[data-theme=dark] [style*="color: #111827"]{color:var(--text-main)!important}[data-theme=dark] .btn-primary,[data-theme=dark] [style*="background: var(--primary)"]{background:var(--primary)!important;color:#fff!important}[data-theme=dark] ::placeholder{opacity:1;color:#6b7280!important}[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--card-bg)!important;border-color:var(--border)!important;color:var(--text-main)!important}[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-label{color:var(--text-main)!important}[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item{color:var(--text-muted)!important}[data-theme=dark] [style*="color: #1e293b"],[data-theme=dark] [style*="color: #0f172a"]{color:var(--text-main)!important}[data-theme=dark] [style*="color: #166534"]{color:#6ee7b7!important}[data-theme=dark] [style*="color: #94A3B8"],[data-theme=dark] [style*="color: #94a3b8"]{color:#9ca3af!important}label[style*=REQUIRED]:after,.required-field:after{content:" *";color:#dc2626;font-weight:700}.notification-dropdown{z-index:9999;margin-top:8px;position:absolute;top:100%;right:0}.sidebar-fixed nav button[style*="rgba(255, 255, 255, 0.15)"]+div a[style*="rgba(255, 255, 255, 0.15)"]{border-left-color:#93c5fd!important}[data-theme=dark] table td,table td{vertical-align:middle;word-break:break-word}.meetings-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.page-heading{font-size:var(--font-3xl);color:var(--text-main);margin-bottom:4px;font-weight:700}button:active:not(:disabled){transition:transform .1s;transform:scale(.97)}.expense-form textarea{resize:vertical;width:100%;min-height:80px}@media (width>=1400px){.main-content{max-width:1600px;margin:0 auto}}.calendar-today{border-radius:50%;font-weight:700;background:var(--primary)!important;color:#fff!important}[data-theme=dark] button[style*=box-shadow]{box-shadow:0 2px 8px #3b82f64d!important}.offboarding-form textarea,.exit-interview-form textarea{resize:vertical;border-radius:var(--input-radius);width:100%;min-height:100px}.employee-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.employee-filters>*{min-width:0}[data-theme=dark] select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239CA3AF' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}@media print{.no-print{display:none!important}.id-card-container{page-break-inside:avoid;margin:0;padding:0;box-shadow:none!important;border:none!important}@page{margin:.5cm}a[href]:after{content:none!important}}.chat-contact-item.unread{background:#3b82f614;font-weight:600}.chat-contact-item.unread:before{content:"";background:var(--primary);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.attendance-date-late{font-weight:600;color:#f59e0b!important}.attendance-date-future{opacity:.4;pointer-events:none}[data-theme=dark] .sidebar-fixed nav button+div a{transition:background .15s,border-color .15s}.meeting-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:stretch;gap:16px;display:grid}.expense-claim-form textarea,.claim-form textarea{resize:vertical;min-height:80px;border-radius:var(--input-radius)!important;width:100%!important}.performance-comment-input::placeholder{color:var(--text-muted);opacity:.8;font-size:13px}.payout-formula-input{text-overflow:clip!important;white-space:normal!important;overflow:visible!important}.recharts-tooltip-wrapper{z-index:100!important}[data-theme=dark] .recharts-cartesian-axis-tick-value{fill:var(--text-muted)!important}[data-theme=dark] .recharts-legend-item-text{color:var(--text-main)!important}.salary-revision-form select:invalid{color:var(--text-muted)}.chat-contact-item{transition:background .15s;position:relative}.chat-contact-unread{border-left:3px solid var(--primary);background:#3b82f60f!important}.chat-contact-unread .chat-contact-name{font-weight:700!important}.project-status-active{color:#166534;background:#dcfce7;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.project-status-completed{color:#1e40af;background:#dbeafe;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.project-status-on-hold{color:#92400e;background:#fef3c7;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.call-modal-header{text-align:center;padding:16px}.call-modal-name{color:var(--text-main);margin-bottom:4px;font-size:20px;font-weight:700}.call-modal-duration{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:14px}.chat-message-content{word-break:break-word;font-family:Inter,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}@keyframes btn-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.btn-loading{pointer-events:none;animation:1s ease-in-out infinite btn-pulse}.expense-action-btn{min-width:90px;transition:all .2s}.expense-action-btn:disabled{opacity:.6}[data-theme=dark] label,[data-theme=dark] .form-label{color:var(--text-main)!important}[data-theme=dark] [style*="color: #64748b"],[data-theme=dark] [style*="color: #64748B"]{color:var(--text-muted)!important}@media (resolution>=120dpi){.main-content,.card{padding:16px}}select option[value=Unassigned]{font-style:italic}.main-content{animation:.5s cubic-bezier(.2,.8,.2,1) pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1),border-color .3s}.card:hover{border-color:var(--primary-light);transform:translateY(-3px);box-shadow:0 12px 40px #00000014,0 4px 12px #0000000a}[data-theme=dark] .card:hover{box-shadow:0 12px 40px #0000004d,0 0 20px #3b82f614}.btn-primary,.btn-secondary,button[style*="background: var(--primary)"],button[style*="background: linear-gradient"]{position:relative;overflow:hidden;transition:all .25s cubic-bezier(.2,.8,.2,1)!important}.btn-primary:hover,button[style*="background: var(--primary)"]:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f659}.btn-primary:active,.btn-secondary:active,button:active:not(:disabled){transition-duration:.1s!important;transform:translateY(0)scale(.97)!important}.btn-primary:after,.btn-secondary:after{content:"";background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%), #ffffff4d 0%, transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.btn-primary:active:after,.btn-secondary:active:after{opacity:1;transition-duration:.1s}table tbody tr:hover{transform:scale(1.002);background:#3b82f60a!important}.input-field,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{transition:border-color .3s,box-shadow .3s,transform .2s!important}.input-field:focus,input:focus,select:focus,textarea:focus{transform:translateY(-1px);border-color:var(--primary)!important;box-shadow:0 0 0 3px #3b82f61f,0 4px 12px #0000000d!important}.sidebar-fixed nav a,.sidebar-fixed nav button{transition:all .25s cubic-bezier(.2,.8,.2,1)!important}.sidebar-fixed nav a:hover,.sidebar-fixed nav button:hover{transform:translate(4px)}.sidebar-fixed nav a[style*="border-left: 4px solid #fff"],.sidebar-fixed nav a[style*="border-left: 4px solid white"]{animation:.3s cubic-bezier(.2,.8,.2,1) sidebarSlideIn}@keyframes sidebarSlideIn{0%{opacity:.5;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.status-badge.pending{animation:2.5s ease-in-out infinite pendingPulse}@keyframes pendingPulse{0%,to{box-shadow:0 0 #d977064d}50%{box-shadow:0 0 0 6px #d9770600}}[style*="position: fixed"][style*="inset: 0"],[style*="position: fixed"][style*=z-index]{animation:.35s cubic-bezier(.2,.8,.2,1) modalIn}@keyframes modalIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.grid-cols-4>.card,.dashboard-grid .card{animation:.6s cubic-bezier(.2,.8,.2,1) backwards statCardIn}.grid-cols-4>.card:first-child{animation-delay:50ms}.grid-cols-4>.card:nth-child(2){animation-delay:.1s}.grid-cols-4>.card:nth-child(3){animation-delay:.15s}.grid-cols-4>.card:nth-child(4){animation-delay:.2s}@keyframes statCardIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.loader,[class*=animate-spin]{animation:.8s linear infinite spin}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton,[style*=Loading]{background:linear-gradient(90deg, var(--input-bg) 25%, var(--border) 50%, var(--input-bg) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite shimmer}[data-sonner-toaster]>*,[role=status]{animation:.4s cubic-bezier(.2,.8,.2,1) toastSlide}@keyframes toastSlide{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}select:focus{animation:.2s ease-out dropdownOpen}@keyframes dropdownOpen{0%{opacity:.8;transform:translateY(-2px)scaleY(.95)}to{opacity:1;transform:translateY(0)scaleY(1)}}.avatar,img[style*="border-radius: 50%"],[style*="border-radius: 50%"][style*="width: 4"]{transition:transform .3s,box-shadow .3s}.avatar:hover,img[style*="border-radius: 50%"]:hover{transform:scale(1.08);box-shadow:0 4px 16px #00000026}@keyframes bellShake{0%,to{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}table tbody tr,.card+.card{animation:.4s cubic-bezier(.2,.8,.2,1) backwards listItemIn}table tbody tr:first-child{animation-delay:20ms}table tbody tr:nth-child(2){animation-delay:40ms}table tbody tr:nth-child(3){animation-delay:60ms}table tbody tr:nth-child(4){animation-delay:80ms}table tbody tr:nth-child(5){animation-delay:.1s}table tbody tr:nth-child(6){animation-delay:.12s}table tbody tr:nth-child(7){animation-delay:.14s}table tbody tr:nth-child(8){animation-delay:.16s}table tbody tr:nth-child(9){animation-delay:.18s}table tbody tr:nth-child(10){animation-delay:.2s}@keyframes listItemIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:not(input):not(textarea):not(select){transition-property:color,background-color,border-color,opacity;transition-duration:.2s;transition-timing-function:ease}.recharts-bar-rectangle,.recharts-area-area{animation:.8s cubic-bezier(.2,.8,.2,1) backwards chartGrow}@keyframes chartGrow{0%{opacity:0;transform-origin:bottom;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}[style*="position: fixed"][style*=bottom]{transition:transform .3s,box-shadow .3s;animation:.5s cubic-bezier(.2,.8,.2,1) fabIn}[style*="position: fixed"][style*=bottom]:hover{transform:scale(1.05);box-shadow:0 8px 32px #3b82f666}@keyframes fabIn{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}::-webkit-scrollbar-thumb{transition:background-color .3s}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px;animation:.3s focusRing}@keyframes focusRing{0%{outline-offset:6px;outline-color:#0000}to{outline-offset:2px;outline-color:var(--primary)}}h1,h2{animation:.6s cubic-bezier(.2,.8,.2,1) headingIn}@keyframes headingIn{0%{opacity:0;filter:blur(4px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}[data-theme=dark] .card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff0f}[data-theme=dark] .card:hover{border-color:#60a5fa33}body,.card,.sidebar-fixed,.main-content,input,select,textarea,table{transition:background-color .4s,color .3s,border-color .3s!important}.sidebar-fixed nav a[style*="rgba(255, 255, 255, 0.15)"]{position:relative;background:linear-gradient(90deg,#3b82f633,#ffffff26)!important}.sidebar-fixed nav a[style*="rgba(255, 255, 255, 0.15)"]:before{content:"";background:linear-gradient(#60a5fa,#a78bfa);border-radius:0 4px 4px 0;width:3px;position:absolute;top:15%;bottom:15%;left:0;box-shadow:0 0 12px #60a5fa99}.sidebar-fixed nav a svg,.sidebar-fixed nav button svg{transition:transform .25s,filter .25s}.sidebar-fixed nav a:hover svg,.sidebar-fixed nav button:hover svg{filter:drop-shadow(0 0 4px #60a5fa80);transform:scale(1.15)}[style*="position: sticky"][style*="top: 0"]{transition:box-shadow .3s,background .3s!important}[style*="position: absolute"][style*="right: 0"][style*="top: 100%"]{transform-origin:100% 0;animation:.25s cubic-bezier(.2,.8,.2,1) dropIn}@keyframes dropIn{0%{opacity:0;transform:scale(.9)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}[style*="position: absolute"][style*="background: #EF4444"][style*="border-radius: 999px"]{animation:.5s cubic-bezier(.2,.8,.2,1) badgeBounce}@keyframes badgeBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.input-field,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=tel],input[type=search],select,textarea{letter-spacing:.01em;background-color:var(--input-bg)!important;color:var(--text-main)!important;border:1.5px solid var(--border)!important;border-radius:12px!important;outline:none!important;padding:12px 16px!important;font-size:14px!important;font-weight:500!important;transition:all .3s cubic-bezier(.2,.8,.2,1)!important;box-shadow:0 1px 3px #0000000a,inset 0 1px 2px #00000005!important}.input-field:hover,input:hover:not(:focus):not([type=checkbox]):not([type=radio]),select:hover:not(:focus),textarea:hover:not(:focus){border-color:#3b82f666!important;box-shadow:0 2px 8px #0000000f,0 0 0 1px #3b82f61a!important}.input-field:focus,input:focus:not([type=checkbox]):not([type=radio]),select:focus,textarea:focus{transform:translateY(-1px);border-color:var(--primary)!important;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #0000000f!important}[data-theme=dark] .input-field,[data-theme=dark] input:not([type=checkbox]):not([type=radio]),[data-theme=dark] select,[data-theme=dark] textarea{border-color:#ffffff1a!important;box-shadow:0 1px 3px #0003,inset 0 1px 2px #0000001a!important}[data-theme=dark] .input-field:hover,[data-theme=dark] input:hover:not(:focus):not([type=checkbox]):not([type=radio]),[data-theme=dark] select:hover:not(:focus){border-color:#60a5fa66!important;box-shadow:0 2px 8px #0000004d,0 0 0 1px #60a5fa26!important}[data-theme=dark] .input-field:focus,[data-theme=dark] input:focus:not([type=checkbox]):not([type=radio]),[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:#60a5fa!important;box-shadow:0 0 0 4px #60a5fa26,0 4px 16px #0000004d!important}select{cursor:pointer;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:right 14px center!important;background-repeat:no-repeat!important;padding-right:42px!important}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important}select option{background:var(--card-bg);color:var(--text-main);padding:12px 16px;font-size:14px}.btn-primary{letter-spacing:.02em;color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;border:1px solid #3b82f680!important;border-radius:12px!important;padding:12px 24px!important;font-size:14px!important;font-weight:600!important;box-shadow:0 4px 14px #3b82f659,inset 0 1px #ffffff26!important}.btn-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%)!important;box-shadow:0 8px 24px #3b82f673,inset 0 1px #fff3!important}.btn-secondary{background:var(--card-bg)!important;border:1.5px solid var(--border)!important;color:var(--text-main)!important;border-radius:12px!important;padding:12px 24px!important;font-size:14px!important;font-weight:600!important;box-shadow:0 2px 6px #0000000a!important}.btn-secondary:hover{transform:translateY(-1px);border-color:var(--primary)!important;background:var(--input-bg)!important;box-shadow:0 4px 12px #00000014!important}.card{background:var(--card-bg)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:24px!important;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005!important}[data-theme=dark] .card{border-color:#ffffff0f!important;box-shadow:0 1px 3px #0003,0 4px 16px #0000001a!important}table{width:100%;border-collapse:separate!important;border-spacing:0!important}table thead th{background:var(--input-bg)!important;letter-spacing:.8px!important;text-transform:uppercase!important;color:var(--text-muted)!important;border-bottom:1.5px solid var(--border)!important;padding:14px 20px!important;font-size:11px!important;font-weight:700!important}table thead th:first-child{border-radius:12px 0 0}table thead th:last-child{border-radius:0 12px 0 0}table tbody td{vertical-align:middle;border-bottom:1px solid var(--border)!important;padding:14px 20px!important;font-size:14px!important}table tbody tr:last-child td{border-bottom:none!important}table tbody tr{transition:all .2s!important}table tbody tr:hover{background:#3b82f608!important}[data-theme=dark] table tbody tr:hover{background:#60a5fa0f!important}.status-badge{letter-spacing:.3px;align-items:center;gap:6px;display:inline-flex;border-radius:999px!important;padding:5px 14px!important;font-size:12px!important;font-weight:600!important}.status-badge.pending,.status-badge.pending-activation{border:1px solid #d9770633;color:#92400e!important;background:linear-gradient(135deg,#fef3c7,#fde68a)!important}.status-badge.approved,.status-badge.active{border:1px solid #05966933;color:#065f46!important;background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important}.status-badge.rejected,.status-badge.inactive{border:1px solid #dc262633;color:#991b1b!important;background:linear-gradient(135deg,#fee2e2,#fecaca)!important}[data-theme=dark] .status-badge.pending{border-color:#d977064d;color:#fbbf24!important;background:#d9770626!important}[data-theme=dark] .status-badge.approved,[data-theme=dark] .status-badge.active{border-color:#0596694d;color:#34d399!important;background:#05966926!important}[data-theme=dark] .status-badge.rejected,[data-theme=dark] .status-badge.inactive{border-color:#dc26264d;color:#f87171!important;background:#dc262626!important}button[style*="border-radius: 999px"][style*="width: 44px"]{transition:all .3s cubic-bezier(.2,.8,.2,1)!important;box-shadow:inset 0 2px 4px #00000026!important}button[style*="border-radius: 999px"][style*="width: 44px"]:hover{box-shadow:inset 0 2px 4px #00000026,0 0 0 3px #3b82f626!important}input[type=checkbox]{cursor:pointer;accent-color:var(--primary);transition:all .2s;border:2px solid var(--border)!important;border-radius:5px!important;width:18px!important;height:18px!important}input[type=checkbox]:checked{box-shadow:0 2px 6px #3b82f64d;background:var(--primary)!important;border-color:var(--primary)!important}h1{letter-spacing:-.5px;color:var(--text-main);font-weight:800!important}h2,h3{letter-spacing:-.3px;font-weight:700!important}[style*="padding: 24px"],[style*="padding: 32px"],.main-content{animation:.5s cubic-bezier(.2,.8,.2,1) contentReveal}@keyframes contentReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[style*="height: 58px"][style*=border-bottom]{box-shadow:0 1px 3px #0000000a,0 2px 8px #00000005!important}[data-theme=dark] [style*="height: 58px"][style*=border-bottom]{box-shadow:0 1px 3px #0000004d,0 2px 8px #0003!important}.select-field,select.input-field{min-width:140px}textarea{resize:vertical;min-height:100px;line-height:1.6!important}input[type=file]{cursor:pointer;transition:all .3s;border:1.5px dashed var(--border)!important;background:var(--input-bg)!important;border-radius:12px!important;padding:10px 14px!important}input[type=file]:hover{border-color:var(--primary)!important;background:#3b82f60a!important}[style*="text-align: center"][style*="color: var(--text-muted)"]{opacity:.8;font-size:15px;padding:48px 24px!important}.card,.status-badge,[style*="display: flex"]{min-width:0}.card p,.card span{overflow-wrap:break-word;word-break:break-word}table td{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}table td:first-child,table td:nth-child(2){white-space:normal;word-break:break-word;max-width:300px}.card h3,.card h4,.card strong,.card p{overflow-wrap:break-word;word-break:break-word}.status-badge{text-overflow:ellipsis;max-width:140px;overflow:hidden;white-space:nowrap!important}input,select,textarea{text-overflow:ellipsis;overflow:hidden;max-width:100%!important}.sidebar-fixed nav a span,.sidebar-fixed nav button span,.avatar,[style*="border-radius: 50%"]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card:empty:after,table tbody:empty:after{content:"No data available";text-align:center;color:var(--text-muted);padding:40px 20px;font-size:14px;font-style:italic;display:block}@media (width<=900px){[style*="grid-template-columns: 1fr 1fr"][style*="min-height: 100vh"]{grid-template-columns:1fr!important}[style*="grid-template-columns: 1fr 1fr"][style*="min-height: 100vh"]>div:first-child{display:none!important}}input:-webkit-autofill{-webkit-text-fill-color:#1e293b!important;padding-left:inherit!important;box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:hover{-webkit-text-fill-color:#1e293b!important;padding-left:inherit!important;box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#1e293b!important;padding-left:inherit!important;box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:active{-webkit-text-fill-color:#1e293b!important;padding-left:inherit!important;box-shadow:inset 0 0 0 30px #fff!important}input{box-sizing:border-box}