@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}h1,h2,h3,h4,h5,h6{color:var(--text-main);margin:0;font-weight:600}p{color:var(--text-main);margin:0}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.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}}