:root{color:#172b49;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#eaf2fb;font-family:Segoe UI,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html body{margin:0}html body #root{text-align:left;background:radial-gradient(at 8% 10%,#c5e7ff 0,#0000 45%),radial-gradient(at 90% 75%,#d7d5ff 0,#0000 45%),radial-gradient(at 65% 0,#d5f7ee 0,#0000 40%),#edf3fb;border:0;width:100%;max-width:none;min-height:100svh;margin:0;font-family:Segoe UI,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}img{max-width:100%}h1,h2,h3,p{overflow-wrap:anywhere}#root .crm-layout{gap:24px;height:100dvh;padding:24px}#root .main-content,#root .dashboard-grid{min-width:0;min-height:0}#root .glass-panel,#root .floating-section,#root .live-card,#root .stat-card{-webkit-backdrop-filter:blur(24px)saturate(150%);background:linear-gradient(135deg,#ffffffd9,#ffffff85 48%,#eef5ffab);border:1px solid #fffffff0;border-radius:24px;box-shadow:inset 0 1px #fff,inset 0 -1px #ffffff80,0 16px 40px -24px #32558a66}#root .glass-panel{padding:clamp(20px,2.5vw,32px)}#root .glass-panel:hover{transform:none}#root .sidebar{background:linear-gradient(155deg,#497abdde,#194b8ff5 48%,#142f61f5);border:1px solid #ffffff80;border-radius:28px;width:256px;box-shadow:inset 0 1px 1px #ffffff80,0 20px 45px -22px #173b7a80}#root .sidebar-brand{background:linear-gradient(145deg,#fff,#ffffffd9);box-shadow:inset 0 1px #fff,0 8px 20px #0b285226}#root .sidebar-nav{min-height:0;padding:8px 14px;overflow-y:auto}#root .sidebar-footer{flex-shrink:0;padding:20px;display:block}#root .nav-item{border:1px solid #0000;border-radius:15px;min-height:48px;font-size:14px}#root .nav-item.active{color:#164780;background:linear-gradient(130deg,#fff,#dfeeffe6);border-color:#ffffffc9;transform:none;box-shadow:inset 0 1px #fff,0 6px 16px #08285926}#root .nav-item:hover{transform:none}#root .top-header{flex-shrink:0;gap:16px;height:auto;min-height:80px;padding:20px 26px}#root .page-title{letter-spacing:-.65px;font-size:clamp(18px,2vw,25px);line-height:1.25}#root .section-title{letter-spacing:-.4px}#root .header-actions{flex-wrap:wrap;gap:12px}#root .edit-input,#root .add-emp-form input{background:#ffffffc9;border:1px solid #a9bdd666;border-radius:13px;min-width:0;min-height:46px;box-shadow:inset 0 2px 4px #23457106,0 1px #fff}#root .input-group label{color:#415675;letter-spacing:.5px;font-size:12px}#root .btn,#root .logout-btn,#root .counter-btn,#root .icon-btn{border-radius:13px;justify-content:center;min-height:44px}#root .btn-primary{color:#fff;background:linear-gradient(#4b92ed,#2868cd 52%,#205cc1);border:1px solid #306dc7;box-shadow:inset 0 1px #ffffff80,0 6px 14px #245ec32b}#root .btn:disabled{opacity:.55;cursor:not-allowed;transform:none}#root :is(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #3176d8}#root .table-container{overscroll-behavior-x:contain;width:100%;max-width:100%;margin:0;padding:0;overflow-x:auto}#root .premium-table th{color:#50617c;letter-spacing:1px;font-size:11px}#root .premium-table td{background:#ffffff8c}#root .stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px}#root .live-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}#root .stat-value{color:#1c4e8a;font-variant-numeric:tabular-nums}#root .login-wrapper{background:0 0;padding:24px;min-height:100svh!important;font-family:inherit!important}#root .login-wrapper .glass-panel{animation:none;width:min(440px,100%)!important;margin:0!important;padding:clamp(24px,5vw,40px)!important}#root .login-wrapper h1{letter-spacing:-.65px;line-height:1.3}#root .login-wrapper p{color:#52627c!important}#root .modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#122b5066}#root .modal-content{background:linear-gradient(145deg,#f8fcfff5,#eaf1fcf5);max-height:92dvh}#root .modal-header{flex-wrap:wrap;gap:12px}#root .timeline-content{overflow-wrap:anywhere;min-width:0}#root .mobile-menu-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (width<=1100px) and (width>=769px){#root .crm-layout{gap:16px;padding:16px}#root .sidebar{width:220px}#root .sidebar-brand{margin:14px;padding:14px}#root .nav-item{padding:12px}#root .add-emp-form{flex-wrap:wrap}}@media (width<=768px){#root .crm-layout{gap:12px;padding:12px;overflow:hidden}#root .main-content{gap:14px;height:100%;padding:0}#root .dashboard-grid{padding:0 0 max(20px, env(safe-area-inset-bottom));overflow:hidden auto}#root .top-header{flex-wrap:wrap;gap:10px;min-height:72px;padding:14px}#root .top-header>div{min-width:0}#root .header-actions{gap:8px}#root .glass-panel{border-radius:22px;padding:20px}#root .sidebar{visibility:hidden;border-radius:0 24px 24px 0;width:min(300px,86vw);height:100dvh;padding:14px;top:0;bottom:0}#root .sidebar.open{visibility:visible}#root .sidebar-brand{margin:8px 8px 20px}#root .sidebar-nav{padding:4px}#root .sidebar-footer{padding:16px 8px}#root .edit-input,#root .add-emp-form input,#root select,#root .date-picker-input{max-width:100%;font-size:16px}#root .add-emp-form{padding:16px}#root .premium-table{min-width:640px}#root .premium-table td,#root .premium-table th{padding:12px}#root .modal-top-section{flex-direction:column!important}#root .modal-top-section>div{width:100%;min-width:0!important}#root .modal-actions-section{flex-wrap:wrap;flex-direction:row!important;margin:0!important}#root .modal-actions-section .btn{flex:1}#root .modal-content{max-height:94dvh;padding:18px}#root .floating-section{padding:16px}#root .calendar-grid,#root .calendar-grid-header{gap:4px!important}#root .calendar-grid>div{overflow-wrap:anywhere;min-width:0;font-size:12px;padding:6px 2px!important}#root .calendar-grid-header{font-size:11px}#root .live-card-header,#root .live-card-stats{flex-wrap:wrap;gap:10px}}@media (prefers-reduced-motion:reduce){#root *,#root :before,#root :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){#root .glass-panel,#root .floating-section,#root .live-card,#root .stat-card{background:#f6f9fe}}@media (width<=768px){:is(#root .glass-panel>div:has(>.section-title),#root .glass-panel>div:has(input[type=month]),#root .glass-panel>div:has(>.date-selector)){flex-wrap:wrap;gap:12px}#root .calendar-grid-header>div{padding:8px 0!important}#root .calendar-grid>div>div{flex-wrap:wrap;gap:2px}}