body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}#root,html{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.table tr:nth-child(2n){background-color:#e8efff}.table tr:nth-child(odd){background-color:#fff}.emp-name{color:#1e5692;cursor:pointer;font-weight:500}.chart-div{background-color:hsla(0,0%,50%,.083);filter:blur(100%);height:100vh;justify-content:center;position:absolute;top:0;width:100vw;z-index:10000}.chart-area,.chart-div{align-items:center;display:flex}.chart-area{background-color:#fff;border-radius:12px;box-shadow:3px 3px 30px #c6c6c6;box-sizing:border-box;color:#0c0c0c;flex-direction:column;font-weight:500;height:400px;padding-bottom:48px;padding-top:20px;width:600px}#myChart{height:150px;width:150px}.navigate-btn{background-color:#e8efff00;border:none;text-decoration:underline}#closeBtn{position:relative;top:10px}:root{--dim-bg:#f5f7fa;--dim-primary:#1e3a8a;--dim-accent:#10b981;--dim-text:#0f172a;--dim-muted:#64748b;--dim-border:#e2e8f0;--dim-shadow:0 10px 28px #0f172a14;--dim-radius:12px}@font-face{font-family:Open Sans Custom;font-style:normal;font-weight:100 900;src:url(/static/media/OpenSans-VariableFont_wdth,wght.19ba637387f1d6142f55.ttf) format("truetype")}*{box-sizing:border-box}body{background:#f3f6fb;font-family:Open Sans Custom,Segoe UI,Tahoma,sans-serif;margin:0}.dim-page-loader{grid-gap:12px;display:grid;gap:12px;min-height:100vh;place-content:center;text-align:center}.dim-spinner{animation:dimSpin .8s linear infinite;border:3px solid #cbd5e1;border-radius:50%;border-top:3px solid var(--dim-primary);height:36px;margin:0 auto;width:36px}@keyframes dimSpin{to{transform:rotate(1turn)}}.dim-app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh;overflow:hidden}.dim-sidebar{background:linear-gradient(180deg,#142a66,#172f70 48%,#12275f);border-right:1px solid #ffffff17;color:#fff;display:flex;flex-direction:column;gap:14px;height:100vh;overflow:hidden;padding:16px 14px;position:-webkit-sticky;position:sticky;top:0}.dim-sidebar-head{background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;padding:14px}.dim-sidebar-brand-wrap{align-items:center;display:flex;gap:12px;min-width:0}.dim-sidebar-logo{background:#ffffff2e;border-radius:8px;height:44px;object-fit:cover;width:44px}.dim-sidebar-brand{font-size:1.12rem;font-weight:700;letter-spacing:.01em;line-height:1.2;margin:0;white-space:normal}.dim-sidebar-subtitle{color:#cbd5f5;font-size:.74rem;margin-top:2px}.dim-sidebar-nav{grid-gap:6px;display:grid;gap:6px;overflow:auto;padding-right:2px}.dim-sidebar-nav::-webkit-scrollbar{width:6px}.dim-sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff42;border-radius:999px}.dim-nav-link{align-items:center;border:1px solid #0000;border-radius:10px;color:#d8e2ff;display:flex;font-size:.96rem;font-weight:600;gap:10px;min-height:46px;padding:12px;text-decoration:none;transition:background .2s ease,transform .2s ease,border-color .2s ease}.dim-nav-icon{align-items:center;color:#b8c7f5;display:inline-flex;height:18px;justify-content:center;min-width:18px;width:18px}.dim-nav-link.active,.dim-nav-link:hover{background:#ffffff24;border-color:#ffffff38;color:#fff;transform:translateX(1px)}.dim-nav-link.active{box-shadow:inset 3px 0 0 #dbeafe}.dim-nav-link.active .dim-nav-icon,.dim-nav-link:hover .dim-nav-icon{color:#fff}.dim-main-wrap{background:#f3f6fb;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-width:0;overflow:hidden}.dim-topbar{grid-gap:14px;align-items:center;background:#fff;border-bottom:1px solid #e2e8f3;box-shadow:0 2px 10px #0f172a0a;display:grid;gap:14px;grid-template-columns:auto minmax(180px,1fr) auto;min-height:72px;padding:10px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.dim-logo{color:#6650f0;color:var(--dim-primary);font-size:1.08rem;font-weight:700;line-height:1.2}.dim-topbar-title-wrap{display:flex;flex-direction:column}.dim-topbar-page{color:#64748b;font-size:.78rem;font-weight:600;margin-top:2px}.dim-topbar-right{gap:10px;min-width:0}.dim-live-chip,.dim-topbar-right{align-items:center;display:flex;justify-content:flex-end}.dim-live-chip{color:#334155;flex-wrap:wrap;font-size:.82rem;gap:8px;max-width:min(680px,48vw)}.dim-live-chip span{background:#f8fbff;border:1px solid #dbe5f3;border-radius:999px;padding:5px 9px;white-space:nowrap}.dim-menu-toggle,.dim-notify-btn{background:#fff;border:1px solid #d7e0ee;border-radius:8px;cursor:pointer;font-weight:600;padding:8px 10px}.dim-menu-toggle{display:none}.dim-profile-pill{align-items:center;background:#fff;border:1px solid #d4deee;border-radius:999px;display:flex;font-size:.86rem;gap:8px;max-width:260px;padding:4px 6px 4px 10px}.dim-profile-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dim-profile-pill button{background:#2f56ad;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;padding:5px 10px}.dim-content{min-width:0;overflow:auto;padding:18px 18px 24px}.dim-footer{background:#fff;border-top:1px solid #e2e8f3;color:#475569;font-size:.92rem;padding:12px 18px}.dim-sidebar-foot{border-top:1px solid #ffffff29;color:#c6d4ff;font-size:.74rem;margin-top:auto;padding-top:9px;white-space:normal}.dim-page-title{color:#0f2b69;font-size:2rem;font-weight:700;margin:2px 0 10px}.dim-grid-4{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.dim-grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.dim-grid-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.dim-card{background:#fff;background:var(--dim-card);border:1px solid #dde7f5;border-radius:8px;border-radius:var(--dim-radius);box-shadow:0 3px 14px #0f172a0d;padding:18px}.dim-card.compact{padding:14px}.dim-card.compact h4{color:#1e3a8a;margin:0 0 8px}.dim-card.compact p{margin:0}.metric-title{color:#758096;color:var(--dim-muted);font-size:.9rem}.metric-value{color:#6650f0;color:var(--dim-primary);font-size:1.5rem;font-weight:700;margin-top:8px}.metric-hint{color:#10b981;color:var(--dim-accent);font-size:.82rem;margin-top:4px}.chart-card h3,.dim-card h3{margin-bottom:12px;margin-top:0}.mt-16{margin-top:16px}.dim-auth-page{background:radial-gradient(circle at 8% 12%,#1e3a8a2e,#0000 36%),radial-gradient(circle at 92% 88%,#10b98129,#0000 32%),linear-gradient(150deg,#edf2fb,#f7fafc 56%,#eef9f4);display:grid;min-height:100vh;padding:28px;place-content:center}.dim-auth-card{grid-gap:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:20px;box-shadow:0 18px 45px #1e3a8a2b;display:grid;gap:14px;grid-template-columns:1.02fr 1.28fr;padding:14px;width:min(920px,96vw)}.dim-auth-brand-panel{align-items:center;background:radial-gradient(circle at 92% 8%,#ffffffbf,#0000 30%),linear-gradient(162deg,#e8f0ff,#dce8ff 52%,#d4f2eb);border:1px solid #d6e3fb;border-radius:15px;color:#1e3a8a;display:flex;flex-direction:column;justify-content:center;min-height:460px;padding:30px 28px}.dim-auth-badge{background:#ffffffd9;border:1px solid #c7d8fb;border-radius:999px;color:#1e3a8a;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:5px 10px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dim-auth-logo-wrap{align-items:center;display:flex;justify-content:center;padding:16px;width:100%}.dim-auth-logo{filter:drop-shadow(0 8px 18px rgba(15,23,42,.2));height:auto;object-fit:contain;width:min(260px,80%)}.dim-auth-form-panel{grid-gap:11px;align-content:center;background:#fff;border:1px solid #e8edf5;border-radius:15px;display:grid;gap:11px;padding:28px 24px 22px}.dim-auth-form-title h2{color:#0f2050;font-size:1.5rem;margin:0}.dim-auth-form-title span{color:#758096;color:var(--dim-muted);display:block;font-size:.9rem;margin-top:3px}.dim-auth-card h1,.dim-auth-card h2{color:#6650f0;color:var(--dim-primary);margin:0}.dim-auth-card p{color:#758096;color:var(--dim-muted);margin:0 0 8px}.dim-auth-card label{font-size:.9rem;font-weight:600}.dim-auth-card input{border:1px solid #d8e1ef;border-radius:11px;outline:none;padding:11px 13px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.dim-auth-card input:focus{border-color:#4f77d3;box-shadow:0 0 0 3px #2563eb1f;transform:translateY(-1px)}.dim-auth-card button{background:linear-gradient(135deg,#1e3a8a,#345fb7);border:none;border-radius:11px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:.01em;padding:12px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.dim-auth-card button:hover:not(:disabled){box-shadow:0 10px 20px #1e3a8a3d;filter:saturate(1.06);transform:translateY(-1px)}.dim-auth-card button:disabled{cursor:not-allowed;opacity:.75}.dim-check-row{align-items:center;display:flex;gap:8px}.dim-check-row input{width:auto}.dim-auth-links{margin-top:4px;text-align:right}.dim-auth-links a{color:#6650f0;color:var(--dim-primary);font-size:.9rem;font-weight:600;text-decoration:none}.dim-auth-links a:hover{text-decoration:underline}.dim-error-box,.dim-success-box{border-radius:10px;font-size:.9rem;padding:8px 10px}.dim-error-box{background:#fee2e2;color:#b91c1c}.dim-success-box{background:#d1fae5;color:#065f46}.dim-table-wrap{overflow-x:auto}.dim-table{border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.dim-table td,.dim-table th{border-bottom:1px solid #dce3f0;border-bottom:1px solid var(--dim-border);font-size:.9rem;padding:11px 10px;text-align:left}.dim-table th{background:#f1f5fb;color:#1e3a8a;font-weight:700;position:-webkit-sticky;position:sticky;top:0;z-index:1}.dim-table tbody tr:nth-child(2n){background:#fbfdff}.dim-table tbody tr:hover{background:#f8fbff}.dim-muted-text{color:#758096;color:var(--dim-muted);font-size:.92rem;margin:6px 0 0}.dim-form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.dim-form-grid input,.dim-form-grid select,.dim-table td input{background:#fff;border:1px solid #d3ddec;border-radius:8px;font-size:.92rem;outline:none;padding:10px;width:100%}.dim-form-grid input:focus,.dim-form-grid select:focus,.dim-table td input:focus{border-color:#4f77d3;box-shadow:0 0 0 3px #2563eb1f}.dim-inline-actions{display:flex;gap:8px}.dim-link-btn{background:#0000;border:none;color:#1e3a8a;cursor:pointer;font-weight:600;padding:0}.dim-link-btn.danger{color:#b91c1c}.dim-status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:700;letter-spacing:.01em;padding:4px 10px}.dim-status-badge.active{background:#d1fae5;color:#065f46}.dim-status-badge.inactive{background:#fee2e2;color:#991b1b}.employee-page .dim-page-title{margin-bottom:6px}.employee-form-card,.employee-table-card{border:1px solid #d7e3f5;box-shadow:0 6px 18px #0f172a0f}.employee-form-card h3,.employee-table-card h3{color:#0f2b69;font-size:1.35rem;margin-bottom:12px}.employee-password-field{position:relative}.employee-password-field input{padding-right:66px}.employee-eye-btn{background:#f8fbff;border:1px solid #cdd8eb;border-radius:8px;color:#1e3a8a;cursor:pointer;font-size:.78rem;font-weight:700;padding:4px 8px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.employee-password-pill{background:#eef3ff;border:1px solid #d5e0f5;border-radius:999px;color:#1e3a8a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;padding:3px 8px}.employee-actions{flex-wrap:wrap;gap:10px}.employee-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.employee-count-pill{background:#f8fbff;border:1px solid #d5e0f2;border-radius:999px;color:#1e3a8a;font-weight:700;padding:8px 12px;white-space:nowrap}.employee-search{border:1px solid #d3ddec;border-radius:8px;outline:none;padding:10px;width:min(320px,100%)}.icon-btn{gap:4px}.icon-btn,.icon-wrap{align-items:center;display:inline-flex}.icon-wrap{justify-content:center}.icon-wrap,.icon-wrap svg{height:14px;width:14px}.dim-row-space{align-items:center;display:flex;gap:12px;justify-content:space-between}.dim-action-row{display:flex;flex-wrap:wrap;gap:8px}.dim-primary-btn,.dim-secondary-btn{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:9px 14px}.dim-primary-btn{background:#2f56ad;color:#fff}.dim-secondary-btn{background:#e6edf8;color:#1f2f56}.client-premium .metric-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0}.sales-add-client-btn{display:inline-flex;text-decoration:none}.sales-add-client-btn .btn{background:linear-gradient(135deg,#684df4,#4f8dff);border:0;border-radius:8px;box-shadow:0 14px 28px #4f4df438;color:#fff;font-weight:800;min-height:44px;padding:0 22px}.sales-client-card{border:1px solid #dce6f5;border-radius:8px;box-shadow:0 18px 40px #1e325a14;overflow:hidden}.sales-client-panel{padding:24px}.sales-client-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.sales-client-eyebrow{color:#684df4;display:inline-flex;font-size:11px;font-weight:900;letter-spacing:0;margin-bottom:7px;text-transform:uppercase}.sales-client-head h3{color:#0f172a;font-size:24px;font-weight:900;margin:0}.sales-client-head p{color:#64748b;margin:6px 0 0}.sales-client-count{background:#eef2ff;border-radius:8px;color:#4f46e5;flex:0 0 auto;font-size:13px;font-weight:800;padding:8px 12px}.sales-client-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.sales-client-stats>div{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #e3ebf7;border-radius:8px;padding:14px 16px}.sales-client-stats span{color:#64748b;display:block;font-size:12px;font-weight:800}.sales-client-stats strong{color:#111827;display:block;font-size:22px;line-height:1.1;margin-top:6px}.sales-client-filters{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(180px,1fr));margin-bottom:18px}.sales-filter-field .form-control{background:#fbfdff;border:1px solid #d6e0ee;border-radius:8px;box-shadow:none;color:#0f172a;font-weight:600;height:46px}.sales-filter-field select.form-control{-webkit-appearance:auto;appearance:auto;cursor:pointer}.sales-filter-field .form-control:focus{border-color:#684df4;box-shadow:0 0 0 3px #684df41f}.sales-client-table-wrap{border:1px solid #e3ebf7;border-radius:8px;overflow:hidden}.sales-client-table{color:#27364f;margin:0}.sales-client-table thead th{background:#f8fbff;border-bottom:1px solid #dce6f5;color:#15233d;font-size:12px;font-weight:900;text-transform:uppercase;white-space:nowrap}.sales-client-table tbody tr{border-bottom:1px solid #edf2f8}.sales-client-table tbody tr:nth-child(2n){background:#f4f7ff}.sales-client-table tbody tr:hover{background:#eef5ff}.sales-client-table td,.sales-client-table th{padding:14px 16px;vertical-align:middle}.sales-client-name{background:#0000;border:0;color:#2563eb;cursor:pointer;font-weight:800;padding:0}.sales-client-name:hover{color:#4f46e5;text-decoration:underline}.sales-client-id{background:#eef2ff;border-radius:8px;color:#3730a3;display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:800;padding:5px 9px;white-space:nowrap}.sales-type-badge{border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;padding:5px 10px;text-transform:capitalize}.sales-type-badge.individual{background:#dcfce7;color:#15803d}.sales-type-badge.corporate{background:#fef3c7;color:#a16207}.sales-aum{color:#0f172a;font-weight:900;white-space:nowrap}.sales-empty-state{color:#64748b;font-weight:700;padding:32px 16px!important;text-align:center}.sales-pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:18px}.sales-pagination button{background:#fff;border:1px solid #cfd9ea;border-radius:8px;color:#4f46e5;cursor:pointer;font-weight:900;min-height:38px;min-width:82px}.sales-pagination button:hover:not(:disabled){background:#eef2ff;border-color:#684df4}.sales-pagination button:disabled{color:#94a3b8;cursor:not-allowed;opacity:.65}.sales-pagination span{color:#475569;font-size:13px;font-weight:800}.hr-page-hero{align-items:center;background:linear-gradient(135deg,#684df414,#38bdf814),#fff;border:1px solid #d9e5f6;border-radius:8px;box-shadow:0 18px 44px #1e325a14;display:flex;gap:18px;justify-content:space-between;margin-bottom:24px;padding:22px 24px}.hr-eyebrow{color:#684df4;display:inline-flex;font-size:11px;font-weight:900;letter-spacing:0;margin-bottom:6px;text-transform:uppercase}.hr-page-hero h3{color:#0f172a;font-size:28px;font-weight:900;margin:0}.hr-page-hero p{color:#64748b;margin:6px 0 0}.hr-hero-stats{background:#ffffffdb;border:1px solid #dfe8f6;border-radius:8px;min-width:92px;padding:12px 14px;text-align:center}.hr-hero-stats span{color:#111827;display:block;font-size:24px;font-weight:900;line-height:1}.hr-hero-stats small{color:#64748b;font-weight:800}.hr-surface-card{background:#fff;border:1px solid #dce6f5!important;border-radius:8px!important;box-shadow:0 18px 40px #1e325a14}.hr-surface-card.card,.hr-surface-card>.card-body{border-radius:8px}.hr-section-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.hr-section-head h5{color:#111827;font-size:20px;font-weight:900;margin:0}.hr-section-head p{color:#64748b;margin:5px 0 0}.desktime-integration-card{border:1px solid #dbe7f5}.desktime-integration-card .card-body{padding:24px}.desktime-workflow-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.desktime-workflow-item{background:#fbfdff;border:1px solid #e2eaf5;border-radius:8px;display:flex;gap:12px;min-height:150px;padding:16px}.desktime-workflow-item i{align-items:center;background:#e8f5ff;border-radius:8px;color:#0369a1;display:inline-flex;flex:0 0 38px;font-size:21px;height:38px;justify-content:center;width:38px}.desktime-workflow-item h6{color:#0f172a;font-size:14px;font-weight:900;margin:0 0 7px}.desktime-workflow-item p{color:#64748b;font-size:13px;line-height:1.5;margin:0}@media (max-width:1199px){.desktime-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.desktime-workflow-grid{grid-template-columns:1fr}.desktime-workflow-item{min-height:auto}}.attendance-admin-page .form-label,.employee-admin-page .form-group label,.leave-management-page th{color:#1e293b;font-weight:900}.employee-form-card{overflow:hidden;padding:26px;position:relative}.employee-form-card:before{background:linear-gradient(90deg,#684df4,#38bdf8,#22c55e);content:"";height:4px;inset:0 0 auto;position:absolute}.employee-form-card .hr-section-head{border-bottom:1px solid #e5edf8;margin-bottom:22px;padding-bottom:18px}.employee-form-grid{row-gap:18px}.employee-admin-page .form-group{margin-bottom:18px}.attendance-admin-page .form-control,.attendance-admin-page .form-select,.employee-admin-page .form-control{background:#fbfdff;border:1px solid #d6e0ee;border-radius:8px;box-shadow:none;color:#0f172a;min-height:46px}.employee-admin-page .form-control{background:#fff;height:48px;padding:10px 14px}.employee-admin-page .form-group label{align-items:center;display:flex;font-size:13px;margin-bottom:8px;min-height:20px}.attendance-admin-page .form-control:focus,.attendance-admin-page .form-select:focus,.employee-admin-page .form-control:focus{border-color:#684df4;box-shadow:0 0 0 3px #684df41f}.employee-admin-page .department-picker{background:#fff;border:1px solid #d6e0ee;border-radius:8px;max-height:132px;min-height:132px;padding:8px}.employee-admin-page .department-picker-option{border-radius:8px;font-weight:800;padding:8px 10px;transition:background .16s ease,color .16s ease}.employee-admin-page .department-picker-option input{accent-color:#684df4;height:15px;width:15px}.employee-admin-page .department-picker-option:hover{background:#eef2ff}.employee-form-actions{align-items:center;display:flex;justify-content:flex-start;padding-top:6px}.employee-form-actions .hr-btn{min-width:176px}.hr-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:900;gap:6px;justify-content:center;min-height:42px;padding:0 18px}.hr-btn.primary{background:linear-gradient(135deg,#684df4,#4f8dff);box-shadow:0 14px 28px #4f4df438;color:#fff}.hr-btn.ghost{background:#fff;border-color:#cfd9ea;color:#4f46e5}.hr-btn.small{font-size:12px;min-height:34px;padding:0 12px}.hr-btn.info{background:#e0f2fe;color:#0369a1}.hr-btn.warning{background:#fef3c7;color:#a16207}.hr-btn.danger{background:#ffe4e6;color:#be123c}.hr-btn.success{background:#dcfce7;color:#15803d}.hr-action-group{display:flex;flex-wrap:wrap;gap:8px}.hr-table-card{background:#fff;border:1px solid #dce6f5;border-radius:8px;box-shadow:0 18px 40px #1e325a14;overflow:hidden}.hr-data-table{color:#27364f;margin:0}.hr-data-table thead th{background:#f8fbff;border-bottom:1px solid #dce6f5;color:#15233d;font-size:12px;font-weight:900;text-transform:uppercase}.hr-data-table td,.hr-data-table th{padding:14px 16px;vertical-align:middle}.hr-data-table tbody tr:nth-child(2n){background:#f4f7ff}.hr-data-table tbody tr:hover{background:#eef5ff}.hr-status-pill{border-radius:999px;display:inline-flex;font-size:12px;font-weight:900;padding:5px 10px;text-transform:capitalize}.hr-status-pill.active{background:#dcfce7;color:#15803d}.hr-status-pill.inactive{background:#fee2e2;color:#b91c1c}.attendance-hero .date-input{min-width:190px}.attendance-admin-page .card-header{background:#f8fbff;border-bottom:1px solid #dce6f5}.attendance-admin-page .btn-primary,.attendance-admin-page .btn-success{background:linear-gradient(135deg,#684df4,#4f8dff);border:0;border-radius:8px;box-shadow:0 14px 28px #4f4df42e;font-weight:900;min-height:46px;padding:0 18px}.attendance-admin-page .btn-outline-danger,.attendance-admin-page .btn-outline-primary,.attendance-admin-page .btn-outline-success,.attendance-admin-page .btn-outline-warning{border-radius:8px;font-weight:900;min-height:38px}.attendance-hero-kpis{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.attendance-hero-kpi{background:#ffffffe6;border:1px solid #d6e3fbf2;border-radius:12px;box-shadow:0 10px 24px #1f29370d;min-width:120px;padding:12px 14px}.attendance-hero-kpi-value{color:#0f172a;font-size:18px;font-weight:900;line-height:1}.attendance-hero-kpi-label{color:#64748b;font-size:12px;font-weight:900;margin-top:6px}.attendance-highlight-strip{align-items:stretch;display:flex;flex-wrap:wrap;gap:12px;padding:6px 0 2px}.attendance-highlight-item{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dce6f5;border-radius:12px;box-shadow:0 16px 36px #1e325a0a;flex:1 1 160px;padding:14px}.attendance-highlight-danger{background:linear-gradient(145deg,#ff4d5e14,#fff);border-color:#ff4d5e59}.attendance-highlight-neutral{background:linear-gradient(145deg,#6650f00f,#fff);border-color:#6650f040}.attendance-highlight-value{color:#0f172a;font-size:26px;font-weight:900;line-height:1}.attendance-highlight-label{color:#64748b;font-size:12px;font-weight:900;margin-top:6px}.attendance-highlight-rate{background:linear-gradient(135deg,#6650f017,#36bffa14);border:1px solid #6650f02e;border-radius:12px;flex:1 1 200px;padding:14px 16px}.attendance-highlight-rate-value{color:#0f172a;font-size:26px;font-weight:900;line-height:1}.attendance-highlight-rate-label{color:#4f46e5;font-size:12px;font-weight:900;margin-top:6px}.attendance-summary-metrics{width:100%}.attendance-metric-card{background:linear-gradient(145deg,#fff,#f8fbff);border:1px solid #dce6f5;border-radius:12px;box-shadow:0 16px 36px #1e325a0f;height:100%;padding:16px 14px}.attendance-metric-icon{align-items:center;display:flex;font-size:28px;justify-content:flex-start;min-height:36px;opacity:.9}.attendance-metric-value{color:#0f172a;font-size:26px;font-weight:900;line-height:1;margin-top:8px}.attendance-metric-label{color:#64748b;font-size:12px;font-weight:900;margin-top:6px}.attendance-metric-card.green{background:linear-gradient(145deg,#10b9811f,#fff);border-color:#10b98140}.attendance-metric-card.red{background:linear-gradient(145deg,#ff4d5e1a,#fff);border-color:#ff4d5e47}.attendance-metric-card.orange{background:linear-gradient(145deg,#f5b4001f,#fff);border-color:#f5b40042}.attendance-metric-card.blue{background:linear-gradient(145deg,#2484ff1a,#fff);border-color:#2484ff38}.attendance-metric-card.neutral{background:linear-gradient(145deg,#6650f014,#fff);border-color:#6650f02e}@media (max-width:991px){.attendance-highlight-item{flex:1 1 46%}.attendance-highlight-rate{flex:1 1 100%}}.attendance-table-card .table{min-width:1320px}.hr-stat-grid .card{border-radius:8px!important;box-shadow:0 16px 36px #1e325a14!important}@media (max-width:1100px){.dim-grid-3,.dim-grid-4,.sales-client-filters,.sales-client-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-page-hero{align-items:flex-start;flex-wrap:wrap}}@media (max-width:900px){.dim-app-shell{grid-template-columns:1fr;overflow:hidden}.dim-sidebar{left:-320px;position:fixed;transition:left .2s ease;width:300px;z-index:30}.dim-sidebar.open{left:0}.dim-main-wrap{min-height:100vh}.dim-menu-toggle{display:inline-flex}.dim-topbar{grid-template-columns:auto 1fr}.dim-topbar-right{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.dim-live-chip{justify-content:flex-start;max-width:100%}.dim-grid-2{grid-template-columns:1fr}}@media (max-width:640px){.dim-grid-4{grid-template-columns:1fr}.sales-client-panel{padding:18px}.sales-client-head{flex-direction:column}.sales-client-filters,.sales-client-stats{grid-template-columns:1fr}.hr-page-hero{flex-direction:column;padding:18px}.hr-page-hero h3{font-size:23px}.hr-hero-stats{width:100%}.hr-action-group{flex-direction:column}.hr-action-group .hr-btn{width:100%}.dim-grid-3{grid-template-columns:1fr}.dim-row-space{align-items:flex-start;flex-direction:column}.dim-action-row{flex-direction:column;width:100%}.dim-form-grid,.employee-form-grid{grid-template-columns:1fr}.dim-auth-page{padding:16px}.dim-auth-card{grid-template-columns:1fr;padding:10px;width:min(460px,100%)}.dim-auth-brand-panel{min-height:auto;padding:20px 18px}.dim-auth-brand-panel h1{font-size:2rem;margin-top:16px}.dim-auth-form-panel{padding:20px 16px 16px}}@media (max-width:920px){.dim-auth-card{grid-template-columns:1fr;width:min(540px,96vw)}.dim-auth-brand-panel{min-height:auto}}:root{--dim-bg:#f4f7ff;--dim-surface:#fff;--dim-surface-soft:#f8faff;--dim-primary-dark:#5140c9;--dim-info:#36bffa;--dim-text:#172033;--dim-heading:#151525;--dim-muted:#758096;--dim-border:#dce3f0;--dim-shadow:0 18px 42px #1f29371a;--dim-shadow-soft:0 10px 24px #1f293712;--dim-radius:8px}#root,body,html{min-height:100%}body{background:linear-gradient(120deg,#f4f7ff,#eef4ff 52%,#f8fbff);color:#172033;color:var(--dim-text);letter-spacing:0}.container-scroller{background:#0000;min-height:100vh}.page-body-wrapper{background:#0000;padding-top:76px!important}.main-panel{background:#0000!important}.content-wrapper{padding:28px 26px!important}.content-wrapper>.container,.content-wrapper>.container-fluid{max-width:100%}.navbar.fixed-top{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb!important;border-bottom:1px solid #6650f01f;box-shadow:0 12px 30px #1f293714;height:76px!important;left:0!important;min-height:76px!important;overflow:visible!important;position:fixed!important;right:0!important;top:0!important;z-index:1030!important}.navbar .navbar-brand-wrapper{border-right:1px solid #dce3f0;border-right:1px solid var(--dim-border);height:76px!important;min-height:76px!important;min-width:272px!important;position:relative!important;width:272px!important;z-index:2!important}.navbar .navbar-menu-wrapper{background:#0000!important;color:#172033;color:var(--dim-text);flex-wrap:nowrap!important;gap:14px;height:76px!important;left:272px!important;max-width:none!important;min-height:76px!important;overflow:visible!important;padding:0 28px!important;position:absolute!important;right:0!important;top:0!important;width:auto!important}.navbar .navbar-menu-wrapper,.navbar .navbar-nav-right{align-items:center!important;display:flex!important;justify-content:flex-end!important}.navbar .navbar-nav-right{float:none!important;height:100%;margin-left:auto!important;position:static!important;transform:none!important;width:auto}.navbar .dim-header-profile-nav{flex:0 0 auto!important;margin:0 0 0 auto!important;padding:0!important}.navbar .dim-header-profile{align-items:center!important;display:flex!important;inset:auto!important;margin:0!important;padding:0!important;position:relative!important;transform:none!important}.navbar .navbar-logo{max-height:74px;max-width:220px!important;object-fit:contain;width:220px!important}.navbar .navbar-mini-logo{height:44px!important;object-fit:contain;width:44px!important}.navbar .navbar-brand-wrapper{min-width:272px}.navbar .btn-link{color:#6650f0!important;color:var(--dim-primary)!important;font-weight:700}.content-wrapper .btn-link,.content-wrapper a.btn-link{align-items:center;background:#fff;border:1px solid #6650f029;border-radius:999px;color:#6650f0!important;color:var(--dim-primary)!important;display:inline-flex;font-weight:800;gap:6px;min-height:36px;padding:6px 10px!important;text-decoration:none!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.content-wrapper .btn-link:hover,.content-wrapper a.btn-link:hover{background:#eef0ff;background:var(--dim-primary-soft)}.navbar .dim-header-profile-btn,.navbar .nav-profile .nav-link{align-items:center;background:#fff;border:1px solid #dce3f0;border:1px solid var(--dim-border);border-radius:999px;box-shadow:0 8px 18px #1f29370f;color:#172033!important;color:var(--dim-text)!important;display:inline-flex!important;gap:8px;justify-content:center;margin:0!important;min-height:42px;padding:5px 12px 5px 6px!important;position:relative;right:auto;top:auto;z-index:2}.navbar .dim-header-profile .dropdown-menu{left:auto!important;right:0!important;top:calc(100% + 10px)!important}.navbar .profile-avatar{background:#eef0ff;background:var(--dim-primary-soft);border:2px solid #eef0ff;border:2px solid var(--dim-primary-soft);display:block!important;height:34px;object-fit:cover!important;width:34px}.navbar .dropdown-menu{border:1px solid #dce3f0;border:1px solid var(--dim-border);border-radius:8px;border-radius:var(--dim-radius);box-shadow:0 18px 42px #1f29371a;box-shadow:var(--dim-shadow);overflow:hidden}.navbar .dim-navbar-fill{flex:1 1 auto;min-width:16px}.navbar .dim-header-profile-slot{align-items:center;align-self:center!important;bottom:auto!important;display:flex;flex:0 0 auto;height:auto!important;justify-content:flex-end;left:auto!important;margin-left:12px!important;position:relative;right:auto!important;top:auto!important;transform:none!important;z-index:60}.navbar .dim-header-profile-button{align-items:center;background:#fff;border:1px solid #6650f02e;border-radius:999px;box-shadow:0 10px 26px #1f293714;color:#172033;color:var(--dim-text);cursor:pointer;display:inline-flex;gap:10px;height:44px;justify-content:center;max-width:min(280px,36vw);padding:4px 14px 4px 5px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.navbar .dim-header-profile-button:focus,.navbar .dim-header-profile-button:hover{border-color:#6650f06b;box-shadow:0 14px 30px #6650f024;outline:none}.navbar .dim-header-profile-avatar,.navbar .dim-header-profile-avatar-lg{background:#eef0ff;background:var(--dim-primary-soft);border-radius:50%;display:block;object-fit:cover}.navbar .dim-header-profile-avatar{border:2px solid #6650f024;flex:0 0 36px;height:36px;width:36px}.navbar .dim-header-profile-name{display:block;font-size:15px;font-weight:700;line-height:1;max-width:190px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar .dim-header-profile-caret{color:#758096;color:var(--dim-muted);flex:0 0 auto;font-size:12px}.navbar .dim-header-profile-menu{background:#fff;border:1px solid #dce3f0;border:1px solid var(--dim-border);border-radius:16px;box-shadow:0 18px 42px #1f293729;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:260px}.navbar .dim-header-profile-summary{align-items:center;background:linear-gradient(135deg,#6650f014,#00bcd40f);border-bottom:1px solid #dce3f0;border-bottom:1px solid var(--dim-border);display:flex;gap:12px;padding:16px}.navbar .dim-header-profile-avatar-lg{border:3px solid #fff;box-shadow:0 8px 18px #1f29371f;flex:0 0 48px;height:48px;width:48px}.navbar .dim-header-profile-summary small,.navbar .dim-header-profile-summary strong{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar .dim-header-profile-summary strong{color:#172033;color:var(--dim-text);font-size:15px;font-weight:800}.navbar .dim-header-profile-summary small{color:#758096;color:var(--dim-muted);font-size:12px;margin-top:3px}.navbar .dim-header-profile-item{align-items:center;background:#fff;border:0;border-bottom:1px solid #e2e8f0b8;color:#172033;color:var(--dim-text);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;padding:12px 16px;text-align:left;text-decoration:none;width:100%}.navbar .dim-header-profile-item:hover{background:#eef0ff;background:var(--dim-primary-soft);color:#6650f0;color:var(--dim-primary);text-decoration:none}.navbar .dim-header-profile-item:last-child{border-bottom:0}.navbar .dim-header-profile-logout{color:#ef4444}@media (max-width:767px){.navbar .navbar-menu-wrapper{padding:0 14px!important}.navbar .dim-header-profile-button{gap:8px;height:42px;max-width:54vw;padding-right:10px}.navbar .dim-header-profile-avatar{flex-basis:34px;height:34px;width:34px}.navbar .dim-header-profile-name{font-size:13px;max-width:118px}.navbar .dim-header-profile-menu{right:-42px;width:min(260px,calc(100vw - 24px))}}.sidebar{background:#fff!important;border-right:1px solid #6650f01f;box-shadow:12px 0 34px #1f29370f;pointer-events:auto!important;position:relative;z-index:80!important}.sidebar .nav{padding:14px 12px 18px}.sidebar .nav .nav-item{margin-bottom:6px}.sidebar .nav .nav-item .nav-link,.sidebar .nav .nav-item button.nav-link{align-items:center;border-radius:8px;border-radius:var(--dim-radius);color:#48556d!important;display:flex!important;font-weight:700;letter-spacing:0;padding:12px 14px!important;pointer-events:auto!important;position:relative;transition:background .18s ease,color .18s ease,transform .18s ease;width:100%;z-index:2}.sidebar .nav .nav-item button.dim-sidebar-toggle{background:#0000;border:0;text-align:left}.sidebar .nav .nav-item button.nav-link{background:#0000;border:0!important;cursor:pointer;text-align:left}.sidebar .nav .nav-item .nav-link.active,.sidebar .nav .nav-item .nav-link:hover,.sidebar .nav .nav-item .nav-link[aria-expanded=true],.sidebar .nav .nav-item button.nav-link:hover{background:#eef0ff!important;background:var(--dim-primary-soft)!important;color:#6650f0!important;color:var(--dim-primary)!important;transform:translateX(2px)}.sidebar .nav .nav-item .nav-link.active{box-shadow:inset 3px 0 0 #6650f0;box-shadow:inset 3px 0 0 var(--dim-primary)}.sidebar .logout-icon,.sidebar .menu-icon{color:#6650f0!important;color:var(--dim-primary)!important;opacity:.9}.sidebar .logout-text,.sidebar .menu-title{color:inherit!important;white-space:normal}.sidebar .sub-menu{background:#0000!important;padding:6px 0 4px 18px!important}.sidebar .dim-sidebar-submenu-wrap{display:none;position:relative;z-index:1}.sidebar .dim-sidebar-submenu-wrap.show{display:block}.sidebar .collapse,.sidebar .collapsing,.sidebar .nav.flex-column.sub-menu{background:#0000!important;box-shadow:none!important}.sidebar .sub-menu .nav-link{background:#0000!important;color:#48556d!important;font-size:13px!important}.sidebar .sub-menu .nav-link:before{color:#6650f0!important;color:var(--dim-primary)!important;opacity:.75}.sidebar .sub-menu .nav-link:hover{background:#f4f2ff!important;color:#6650f0!important;color:var(--dim-primary)!important}.card,.chart-area,.dim-card,.employee-form-card,.employee-table-card{background:#fffffff0!important;border:1px solid #6650f01f!important;border-radius:8px!important;border-radius:var(--dim-radius)!important;box-shadow:0 10px 24px #1f293712!important;box-shadow:var(--dim-shadow-soft)!important}.card-header{background:#fff!important;border-bottom:1px solid #dce3f0!important;border-bottom:1px solid var(--dim-border)!important;color:#151525;color:var(--dim-heading)}.card-title,.content-wrapper h1,.content-wrapper h2,.content-wrapper h3,.content-wrapper h4,.content-wrapper h5{color:#151525;color:var(--dim-heading);letter-spacing:0}.content-wrapper h3,.content-wrapper h4{font-weight:800}.dim-muted-text,.text-muted{color:#758096!important;color:var(--dim-muted)!important}.form-control,.form-select,input.form-control,select.form-control,textarea.form-control{background:#fff!important;border:1px solid #d8deea!important;border-radius:6px!important;box-shadow:none!important;color:#172033!important;color:var(--dim-text)!important;min-height:44px;transition:border-color .18s ease,box-shadow .18s ease}.form-control:focus,.form-select:focus,input.form-control:focus,select.form-control:focus,textarea.form-control:focus{border-color:#6650f0!important;border-color:var(--dim-primary)!important;box-shadow:0 0 0 4px #6650f01c!important}.form-label,label{color:#334155;font-weight:700}.btn{border-radius:999px!important;font-weight:800!important;letter-spacing:0;min-height:38px}.btn-primary,.btn-success,.btn.btn-primary,.dim-primary-btn{background:#6650f0!important;background:var(--dim-primary)!important;border-color:#6650f0!important;border-color:var(--dim-primary)!important;box-shadow:0 12px 24px #6650f03d;color:#fff!important}.btn-primary:hover,.btn-success:hover,.btn.btn-primary:hover,.dim-primary-btn:hover{background:#5140c9!important;background:var(--dim-primary-dark)!important;border-color:#5140c9!important;border-color:var(--dim-primary-dark)!important}.btn-outline-primary{border-color:#6650f0!important;border-color:var(--dim-primary)!important;color:var(--dim-primary)!important}.btn-outline-primary:hover{background:#6650f0!important;background:var(--dim-primary)!important;color:#fff!important}.btn-danger,.btn-outline-danger:hover{background:#ff4d5e!important;border-color:#ff4d5e!important;color:#fff!important}.btn-warning{background:#f5b800!important;border-color:#f5b800!important;color:#141414!important}.btn-info{background:#2684ff!important;border-color:#2684ff!important;color:#fff!important}.dim-table,.table{border-color:#dce3f0!important;border-color:var(--dim-border)!important;color:#172033;color:var(--dim-text);overflow:hidden}.dim-table th,.table thead th{background:#fff!important;border-bottom:1px solid #dce3f0!important;border-bottom:1px solid var(--dim-border)!important;color:#151525!important;font-weight:800!important;white-space:nowrap}.dim-table tbody tr,.table tbody tr{background:#fff!important}.dim-table tbody tr:nth-child(2n),.table tbody tr:nth-child(2n){background:#f1f5ff!important}.dim-table tbody tr:hover,.table tbody tr:hover{background:#eef0ff!important;background:var(--dim-primary-soft)!important}.dim-table td,.dim-table th,.table td,.table th{border-color:#dce3f0!important;border-color:var(--dim-border)!important;padding:14px 16px!important;vertical-align:middle!important}.badge{letter-spacing:0;padding:6px 10px!important}.badge.bg-primary,.bg-primary{background:var(--dim-primary)!important}.badge.bg-success,.bg-success{background:#52b963!important}.badge.bg-warning,.bg-warning{background:#f5c400!important;color:#141414!important}.alert{border-radius:8px!important;border-radius:var(--dim-radius)!important;border-width:1px!important}.department-picker{border-color:#d8deea!important;border-radius:6px!important;box-shadow:none}.department-picker-option{border-radius:5px;padding:2px 4px}.department-picker-option:hover{background:#eef0ff;background:var(--dim-primary-soft)}.footer,footer{background:#ffffffdb!important;border-top:1px solid #6650f01f;color:#758096!important;color:var(--dim-muted)!important}@media (max-width:991px){.content-wrapper{padding:22px 16px!important}.sidebar{box-shadow:18px 0 40px #1f293724}}:root{--ds-primary:#6650f0;--ds-primary-dark:#4a36d6;--ds-primary-darker:#3a28b8;--ds-primary-soft:#eef0ff;--ds-primary-softer:#f5f4ff;--ds-accent:#00b8d4;--ds-accent-soft:#e2f7fb;--ds-success:#10b981;--ds-success-soft:#def8ee;--ds-warning:#f5a623;--ds-warning-soft:#fdf1dd;--ds-danger:#ff4d5e;--ds-danger-soft:#ffe9ec;--ds-info:#2684ff;--ds-info-soft:#e5f0ff;--ds-bg:#f4f6fb;--ds-surface:#fff;--ds-surface-2:#f8f9fd;--ds-surface-3:#f1f3f9;--ds-heading:#0e1b33;--ds-text:#16233b;--ds-muted:#6b7894;--ds-faint:#98a5bd;--ds-border:#e7eaf3;--ds-border-deep:#d7dce9;--ds-radius-sm:8px;--ds-radius:14px;--ds-radius-lg:18px;--ds-radius-xl:24px;--ds-radius-pill:999px;--ds-shadow-sm:0 1px 2px #0e1b330d,0 3px 10px #0e1b330a;--ds-shadow-md:0 8px 24px #0e1b3314;--ds-shadow-lg:0 18px 44px #0e1b331f;--ds-shadow-glow:0 14px 34px #6650f03d;--ds-space-1:4px;--ds-space-2:8px;--ds-space-3:12px;--ds-space-4:16px;--ds-space-5:20px;--ds-space-6:24px;--ds-space-8:32px;--ds-space-10:40px;--ds-font:"Open Sans Custom","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;--ds-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Courier New",monospace;--ds-ease:cubic-bezier(0.22,0.61,0.36,1);--ds-speed:180ms;--ds-speed-slow:300ms;--dim-primary:#6650f0;--dim-primary-dark:#4a36d6;--dim-primary-soft:#eef0ff;--dim-accent:#00b8d4;--dim-bg:#f4f6fb;--dim-card:#fff;--dim-text:#16233b;--dim-heading:#0e1b33;--dim-muted:#6b7894;--dim-border:#e7eaf3;--dim-radius:14px;--dim-shadow:0 18px 44px #0e1b331f;--dim-shadow-soft:0 8px 24px #0e1b3312}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f6fb;background:var(--ds-bg);color:#16233b;color:var(--ds-text);font-family:Open Sans Custom,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--ds-font);overflow-x:hidden}#root{overflow-x:clip}::selection{background:#6650f02e;color:#3a28b8;color:var(--ds-primary-darker)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#0e1b33;color:var(--ds-heading);letter-spacing:-.01em}a{transition:color .18s cubic-bezier(.22,.61,.36,1);transition:color var(--ds-speed) var(--ds-ease)}:focus-visible{border-radius:4px;outline:3px solid #6650f059!important;outline-offset:2px}*{scrollbar-color:#d7dce9 #0000;scrollbar-color:var(--ds-border-deep) #0000;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d7dce9;background:var(--ds-border-deep);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#b7c0d6}.container-scroller{background:#f4f6fb;background:var(--ds-bg)}.main-panel,.page-body-wrapper{background:#f4f6fb!important;background:var(--ds-bg)!important}.content-wrapper{animation:dsPageIn .34s cubic-bezier(.22,.61,.36,1) both;animation:dsPageIn .34s var(--ds-ease) both;background:#0000!important}@keyframes dsPageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar{background:radial-gradient(120% 90% at 10% 0,#7c6cff3d 0,#0000 55%),linear-gradient(180deg,#221468,#2a1a7a 48%,#1a0f4d)!important;border-right:1px solid #ffffff17!important;box-shadow:16px 0 40px #16084638!important;color:#dfe4ff!important;display:flex;flex-direction:column}.sidebar .nav{flex:1 1 auto;padding:6px 14px 18px}.ds-sb-head{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;flex:0 0 auto;gap:12px;padding:20px 20px 16px}.ds-sidebar img.ds-sb-logo{background:#ffffff24;border-radius:12px;box-shadow:0 6px 16px #00000038;height:42px;object-fit:contain;padding:4px;width:42px}.ds-sb-head-text{line-height:1.15;min-width:0}.ds-sb-brand{color:#fff;font-size:1.02rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sb-sub{color:#aeb8f5;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-top:3px;text-transform:uppercase}.ds-sb-nav{flex:1 1 auto;overflow-y:auto;padding-bottom:8px}.ds-sb-nav::-webkit-scrollbar-thumb{background:#ffffff38}.sidebar .ds-sb-label{color:#8c96e0;font-size:.68rem;font-weight:800;letter-spacing:.14em;margin:18px 0 6px;overflow:hidden;padding:0 14px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sidebar .nav .nav-item{margin-bottom:3px}.sidebar .nav .nav-item .nav-link,.sidebar .nav .nav-item button.nav-link{border-radius:11px;color:#ccd4ff!important;font-weight:600;gap:11px;min-height:44px;padding:11px 13px!important;transition:background .18s cubic-bezier(.22,.61,.36,1),color .18s cubic-bezier(.22,.61,.36,1),transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1);transition:background var(--ds-speed) var(--ds-ease),color var(--ds-speed) var(--ds-ease),transform var(--ds-speed) var(--ds-ease),box-shadow var(--ds-speed) var(--ds-ease)}.sidebar .nav .nav-item .nav-link .menu-icon{align-items:center;color:#aab4f0!important;display:inline-flex;flex:0 0 18px;height:18px;justify-content:center;transition:color .18s cubic-bezier(.22,.61,.36,1),transform .18s cubic-bezier(.22,.61,.36,1);transition:color var(--ds-speed) var(--ds-ease),transform var(--ds-speed) var(--ds-ease);width:18px}.sidebar .nav .nav-item .nav-link .menu-icon svg{height:18px;width:18px}.sidebar .nav .nav-item .nav-link:hover,.sidebar .nav .nav-item button.nav-link:hover{background:#ffffff17!important;color:#fff!important;transform:translateX(2px)}.sidebar .nav .nav-item .nav-link:hover .menu-icon{color:#fff!important}.sidebar .nav .nav-item .nav-link.active,.sidebar .nav .nav-item .nav-link[aria-expanded=true],.sidebar .nav .nav-item button.nav-link.active{background:linear-gradient(135deg,#7c6cff66,#6650f038)!important;box-shadow:inset 0 0 0 1px #ffffff29,0 8px 20px #0000002e;color:#fff!important}.sidebar .nav .nav-item .nav-link.active .menu-icon{color:#fff!important;transform:scale(1.05)}.sidebar .nav .nav-item .nav-link.active:before{background:linear-gradient(180deg,#b3a8ff,#6650f0);border-radius:0 6px 6px 0;bottom:22%;content:"";left:0;position:absolute;top:22%;width:4px}.sidebar .sub-menu{padding:4px 0 6px 26px!important}.sidebar .sub-menu .nav-link{border-radius:9px;color:#b7c0f0!important;font-size:.845rem!important;min-height:36px!important;padding:8px 12px!important;position:relative}.sidebar .sub-menu .nav-link:before{background:#7c6cff;border-radius:50%;content:"";height:5px;left:-14px;position:absolute;top:50%;transform:translateY(-50%);transition:background .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1);transition:background var(--ds-speed) var(--ds-ease),box-shadow var(--ds-speed) var(--ds-ease);width:5px}.sidebar .sub-menu .nav-link:hover{background:#ffffff14!important;color:#fff!important}.sidebar .sub-menu .nav-link.active:before,.sidebar .sub-menu .nav-link:hover:before{background:#b3a8ff;box-shadow:0 0 0 3px #b3a8ff40}.sidebar .sub-menu .nav-link.active{background:#ffffff1a!important;color:#fff!important}.sidebar .menu-arrow{color:#99a3e0;margin-left:auto;transition:transform .18s cubic-bezier(.22,.61,.36,1);transition:transform var(--ds-speed) var(--ds-ease)}.sidebar .nav .nav-item .nav-link[aria-expanded=true] .menu-arrow{transform:rotate(180deg)}.ds-sb-user{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;display:flex;flex:0 0 auto;gap:11px;margin:8px 14px 14px;padding:12px}.ds-sb-avatar{align-items:center;background:linear-gradient(135deg,#7c6cff,#00b8d4);border:2px solid #ffffff59;border-radius:50%;color:#fff;display:inline-flex;flex:0 0 40px;font-size:1rem;font-weight:800;height:40px;justify-content:center;object-fit:cover;width:40px}.ds-sb-user-meta{flex:1 1 auto;line-height:1.2;min-width:0}.ds-sb-user-name{color:#fff;font-size:.86rem;font-weight:800}.ds-sb-user-name,.ds-sb-user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-sb-user-role{color:#9ea9e8;font-size:.68rem;font-weight:700;letter-spacing:.06em;margin-top:2px;text-transform:uppercase}.ds-sb-logout{align-items:center;background:#0000;border:0;border-radius:8px;color:#aeb8f0;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;padding:6px;transition:background .18s cubic-bezier(.22,.61,.36,1),color .18s cubic-bezier(.22,.61,.36,1),transform .18s cubic-bezier(.22,.61,.36,1);transition:background var(--ds-speed) var(--ds-ease),color var(--ds-speed) var(--ds-ease),transform var(--ds-speed) var(--ds-ease)}.ds-sb-logout:hover{background:#ff4d5e38;color:#ff8a96;transform:scale(1.06)}.navbar.fixed-top{-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);background:#ffffffdb!important;border-bottom:1px solid #6650f01a!important;box-shadow:0 10px 30px #0e1b330f!important}.navbar .navbar-brand-wrapper{background:#fff!important;border-right:1px solid #e7eaf3;border-right:1px solid var(--ds-border)}.navbar .navbar-menu-wrapper,.navbar .navbar-toggler{color:#16233b;color:var(--ds-text)}.navbar .navbar-toggler{align-items:center;background:#fff;background:var(--ds-surface);border:1px solid #e7eaf3;border:1px solid var(--ds-border);border-radius:10px;display:inline-flex;height:40px;justify-content:center;transition:background .18s cubic-bezier(.22,.61,.36,1),border-color .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1);transition:background var(--ds-speed) var(--ds-ease),border-color var(--ds-speed) var(--ds-ease),box-shadow var(--ds-speed) var(--ds-ease);width:40px}.navbar .navbar-toggler:hover{background:#eef0ff;background:var(--ds-primary-soft);border-color:#6650f04d}.footer,footer{background:#ffffffe6!important;border-top:1px solid #e7eaf3!important;border-top:1px solid var(--ds-border)!important;color:#6b7894!important;color:var(--ds-muted)!important;font-size:.85rem;padding:16px 28px!important}.footer a{color:#6650f0;color:var(--ds-primary);font-weight:700}.card,.chart-area,.dim-card,.employee-form-card,.employee-table-card,.hr-surface-card{background:#fff!important;background:var(--ds-surface)!important;border:1px solid #e7eaf3!important;border:1px solid var(--ds-border)!important;border-radius:18px!important;border-radius:var(--ds-radius-lg)!important;box-shadow:0 1px 2px #0e1b330d,0 3px 10px #0e1b330a!important;box-shadow:var(--ds-shadow-sm)!important;transition:transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1),border-color .18s cubic-bezier(.22,.61,.36,1);transition:transform var(--ds-speed) var(--ds-ease),box-shadow var(--ds-speed) var(--ds-ease),border-color var(--ds-speed) var(--ds-ease)}.card:hover,.dim-card:hover,.employee-form-card:hover,.employee-table-card:hover{border-color:#6650f038!important;box-shadow:0 8px 24px #0e1b3314!important;box-shadow:var(--ds-shadow-md)!important}.card .card-body{padding:22px}.card .card-header{background:#f8f9fd!important;background:var(--ds-surface-2)!important;border-bottom:1px solid #e7eaf3!important;border-bottom:1px solid var(--ds-border)!important;border-radius:18px 18px 0 0!important;border-radius:var(--ds-radius-lg) var(--ds-radius-lg) 0 0!important;padding:16px 22px}.card .card-title,.card-title{color:#0e1b33;color:var(--ds-heading);font-weight:800;letter-spacing:-.01em}.ds-stat-card{background:linear-gradient(160deg,#fff,#fbfcff);border:1px solid #e7eaf3;border:1px solid var(--ds-border);border-radius:18px;border-radius:var(--ds-radius-lg);box-shadow:0 1px 2px #0e1b330d,0 3px 10px #0e1b330a;box-shadow:var(--ds-shadow-sm);overflow:hidden;padding:22px;position:relative;transition:transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1),border-color .18s cubic-bezier(.22,.61,.36,1);transition:transform var(--ds-speed) var(--ds-ease),box-shadow var(--ds-speed) var(--ds-ease),border-color var(--ds-speed) var(--ds-ease)}.ds-stat-card:after{background:radial-gradient(circle,#6650f01f,#0000 70%);border-radius:50%;content:"";height:96px;position:absolute;right:-28px;top:-28px;transition:transform .3s cubic-bezier(.22,.61,.36,1);transition:transform var(--ds-speed-slow) var(--ds-ease);width:96px}.ds-stat-card:hover{border-color:#6650f03d;box-shadow:0 8px 24px #0e1b3314;box-shadow:var(--ds-shadow-md);transform:translateY(-3px)}.ds-stat-card:hover:after{transform:scale(1.35)}.ds-stat-icon{align-items:center;border-radius:13px;display:inline-flex;font-size:1.25rem;height:46px;justify-content:center;margin-bottom:14px;position:relative;width:46px;z-index:1}.ds-stat-icon.is-primary{background:#eef0ff;background:var(--ds-primary-soft);color:#6650f0;color:var(--ds-primary)}.ds-stat-icon.is-success{background:#def8ee;background:var(--ds-success-soft);color:#10b981;color:var(--ds-success)}.ds-stat-icon.is-warning{background:#fdf1dd;background:var(--ds-warning-soft);color:#c47f0a}.ds-stat-icon.is-info{background:#e5f0ff;background:var(--ds-info-soft);color:#2684ff;color:var(--ds-info)}.ds-stat-icon.is-danger{background:#ffe9ec;background:var(--ds-danger-soft);color:#ff4d5e;color:var(--ds-danger)}.ds-stat-label{color:#6b7894;color:var(--ds-muted);font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ds-stat-value{color:#0e1b33;color:var(--ds-heading);font-size:1.9rem;font-weight:800;line-height:1.15;margin-top:4px;position:relative;z-index:1}.ds-stat-trend{align-items:center;background:#def8ee;background:var(--ds-success-soft);border-radius:999px;color:#10b981;color:var(--ds-success);display:inline-flex;font-size:.78rem;font-weight:800;gap:5px;margin-top:8px;padding:4px 10px}.ds-stat-trend.is-down{background:#ffe9ec;background:var(--ds-danger-soft);color:#ff4d5e;color:var(--ds-danger)}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:18px;border-radius:var(--ds-radius-lg);overflow-x:auto}.dim-table,.hr-data-table,.table{--bs-table-bg:#0000;background:#fff;background:var(--ds-surface);border-collapse:initial;border-spacing:0;color:#16233b;color:var(--ds-text);margin-bottom:0;overflow:hidden;width:100%}.dim-table thead th,.hr-data-table thead th,.table thead th{background:#f8f9fd!important;background:var(--ds-surface-2)!important;border-bottom:1px solid #e7eaf3!important;border-bottom:1px solid var(--ds-border)!important;color:#6b7894!important;color:var(--ds-muted)!important;font-size:.72rem!important;font-weight:800!important;letter-spacing:.05em;padding:13px 16px!important;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.dim-table tbody tr,.hr-data-table tbody tr,.table tbody tr{background:#fff!important;background:var(--ds-surface)!important;border-bottom:1px solid #e7eaf3!important;border-bottom:1px solid var(--ds-border)!important;transition:background .18s cubic-bezier(.22,.61,.36,1);transition:background var(--ds-speed) var(--ds-ease)}.dim-table tbody tr:nth-child(2n),.hr-data-table tbody tr:nth-child(2n),.table tbody tr:nth-child(2n){background:#f8f9fd!important;background:var(--ds-surface-2)!important}.dim-table tbody tr:hover,.hr-data-table tbody tr:hover,.table tbody tr:hover{background:#eef0ff!important;background:var(--ds-primary-soft)!important}.dim-table td,.dim-table th,.hr-data-table td,.hr-data-table th,.table td,.table th{border-color:#e7eaf3!important;border-color:var(--ds-border)!important;padding:13px 16px!important;vertical-align:middle!important}.badge{align-items:center;border:1px solid #0000;border-radius:999px!important;border-radius:var(--ds-radius-pill)!important;display:inline-flex;font-size:.72rem!important;font-weight:800!important;gap:5px;letter-spacing:.02em;line-height:1;padding:6px 11px!important;white-space:nowrap}.badge.bg-primary,.bg-primary{background:#6650f0!important;background:var(--ds-primary)!important;border-color:#6650f033}.badge.bg-success,.bg-success{background:#10b981!important;background:var(--ds-success)!important}.badge.bg-warning,.bg-warning{background:#f5a623!important;background:var(--ds-warning)!important;color:#fff!important}.badge.bg-danger,.bg-danger{background:#ff4d5e!important;background:var(--ds-danger)!important}.badge.bg-info,.bg-info{background:#2684ff!important;background:var(--ds-info)!important}.badge.bg-secondary,.bg-secondary{background:#8a94ab!important}.ds-status{align-items:center;border:1px solid #0000;border-radius:999px;border-radius:var(--ds-radius-pill);display:inline-flex;font-size:.72rem;font-weight:800;gap:6px;letter-spacing:.02em;padding:5px 11px;white-space:nowrap}.ds-status:before{background:currentColor;border-radius:50%;content:"";height:6px;opacity:.85;width:6px}.ds-status.active,.ds-status.approved,.ds-status.completed,.ds-status.paid,.ds-status.present,.ds-status.success{background:#def8ee;background:var(--ds-success-soft);border-color:#10b9812e;color:#0c8a61}.ds-status.pending,.ds-status.waiting{background:#fdf1dd;background:var(--ds-warning-soft);border-color:#f5a62333;color:#b06e0a}.ds-status.absent,.ds-status.failed,.ds-status.inactive,.ds-status.rejected,.ds-status.unpaid{background:#ffe9ec;background:var(--ds-danger-soft);border-color:#ff4d5e2e;color:#d6374a}.ds-status.info,.ds-status.leave,.ds-status.onduty{background:#e5f0ff;background:var(--ds-info-soft);border-color:#2684ff2e;color:#1a6edc}.ds-status.halfday,.ds-status.neutral{background:#f1f3f9;background:var(--ds-surface-3);border-color:#e7eaf3;border-color:var(--ds-border);color:#6b7894;color:var(--ds-muted)}.btn,.dim-primary-btn,.dim-secondary-btn{align-items:center;border-radius:10px;display:inline-flex;font-weight:700;gap:7px;justify-content:center;letter-spacing:.01em;transition:transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1),background-color .18s cubic-bezier(.22,.61,.36,1),border-color .18s cubic-bezier(.22,.61,.36,1),color .18s cubic-bezier(.22,.61,.36,1);transition:transform var(--ds-speed) var(--ds-ease),box-shadow var(--ds-speed) var(--ds-ease),background-color var(--ds-speed) var(--ds-ease),border-color var(--ds-speed) var(--ds-ease),color var(--ds-speed) var(--ds-ease)}.btn:focus,.btn:hover,.dim-primary-btn:hover,.dim-secondary-btn:hover{transform:translateY(-1px)}.btn:active,.dim-primary-btn:active,.dim-secondary-btn:active{transform:translateY(0) scale(.98)}.btn.disabled,.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-primary,.btn-success,.btn.btn-primary,.btn.btn-success,.dim-primary-btn{border-color:#0000!important;box-shadow:0 10px 22px #6650f038;color:#fff!important}.btn-primary,.btn.btn-primary,.dim-primary-btn{background:linear-gradient(135deg,#7c6cff,#6650f0 55%,#5640e6)!important}.btn-success,.btn.btn-success{background:linear-gradient(135deg,#22cf94,#10b981)!important;box-shadow:0 10px 22px #10b98138}.btn-primary:hover,.btn.btn-primary:hover,.dim-primary-btn:hover{background:linear-gradient(135deg,#8a7bff,#755efa 60%,#614ae9)!important;box-shadow:0 14px 30px #6650f04d}.btn-outline-primary{background:#fff!important;border:1.5px solid #6650f059!important;color:#6650f0!important;color:var(--ds-primary)!important}.btn-outline-primary:hover{background:#eef0ff!important;background:var(--ds-primary-soft)!important;border-color:#6650f0!important;border-color:var(--ds-primary)!important;color:#4a36d6!important;color:var(--ds-primary-dark)!important}.btn-danger,.btn.btn-danger{background:linear-gradient(135deg,#ff6573,#ff4d5e)!important;border-color:#0000!important;box-shadow:0 10px 22px #ff4d5e38;color:#fff!important}.btn-warning,.btn.btn-warning{background:linear-gradient(135deg,#ffb647,#f5a623)!important;border-color:#0000!important;box-shadow:0 10px 22px #f5a62333;color:#3c2400!important}.btn-info,.btn.btn-info{background:linear-gradient(135deg,#4a9bff,#2684ff)!important;border-color:#0000!important;box-shadow:0 10px 22px #2684ff38;color:#fff!important}.btn-light,.btn-secondary{background:#f8f9fd!important;background:var(--ds-surface-2)!important;border-color:#e7eaf3!important;border-color:var(--ds-border)!important;color:#16233b!important;color:var(--ds-text)!important}.btn-light:hover,.btn-secondary:hover{background:#f1f3f9!important;background:var(--ds-surface-3)!important;border-color:#d7dce9!important;border-color:var(--ds-border-deep)!important}.form-control,.form-select{background:#fff;border:1px solid #d7dce9!important;border:1px solid var(--ds-border-deep)!important;border-radius:10px;box-shadow:none;color:#16233b;color:var(--ds-text);font-size:.92rem;min-height:44px;padding:10px 14px!important;transition:border-color .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s cubic-bezier(.22,.61,.36,1),background .18s cubic-bezier(.22,.61,.36,1);transition:border-color var(--ds-speed) var(--ds-ease),box-shadow var(--ds-speed) var(--ds-ease),background var(--ds-speed) var(--ds-ease)}.form-control::placeholder{color:#98a5bd;color:var(--ds-faint)}.form-control:focus,.form-select:focus{border-color:#6650f0!important;border-color:var(--ds-primary)!important;box-shadow:0 0 0 4px #6650f024!important;outline:none}.form-control:disabled,.form-control[readonly],.form-select:disabled{background:#f1f3f9;background:var(--ds-surface-3);color:#6b7894;color:var(--ds-muted);cursor:not-allowed}.form-label{color:#16233b;color:var(--ds-text);font-size:.83rem;font-weight:800;margin-bottom:7px}.form-hint,.form-text{color:#6b7894;color:var(--ds-muted);font-size:.8rem}.form-control.is-invalid,.was-validated .form-control:invalid{background-image:none;border-color:#ff4d5e!important;border-color:var(--ds-danger)!important;box-shadow:0 0 0 4px #ff4d5e1f!important}.form-control.is-valid,.was-validated .form-control:valid{background-image:none;border-color:#10b981!important;border-color:var(--ds-success)!important;box-shadow:0 0 0 4px #10b9811f!important}.input-group-text{background:#f8f9fd;background:var(--ds-surface-2);border:1px solid #d7dce9;border:1px solid var(--ds-border-deep);border-radius:10px;color:#6b7894;color:var(--ds-muted)}.ds-modal,.modal-content,.modal-overlay .modal-content{animation:dsModalIn .22s cubic-bezier(.22,.61,.36,1) both;animation:dsModalIn .22s var(--ds-ease) both;background:#fff!important;background:var(--ds-surface)!important;border:1px solid #e7eaf3!important;border:1px solid var(--ds-border)!important;border-radius:18px!important;border-radius:var(--ds-radius-lg)!important;box-shadow:0 18px 44px #0e1b331f!important;box-shadow:var(--ds-shadow-lg)!important;overflow:hidden}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a102285!important}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a102285!important}.modal-header{border-bottom:1px solid #e7eaf3;border-bottom:1px solid var(--ds-border);padding:18px 22px}.modal-footer{border-top:1px solid #e7eaf3;border-top:1px solid var(--ds-border);padding:14px 22px}.modal-body{padding:22px}.btn-close,.modal .btn-close{border-radius:50%;opacity:.6;transition:transform .18s cubic-bezier(.22,.61,.36,1),opacity .18s cubic-bezier(.22,.61,.36,1),background .18s cubic-bezier(.22,.61,.36,1);transition:transform var(--ds-speed) var(--ds-ease),opacity var(--ds-speed) var(--ds-ease),background var(--ds-speed) var(--ds-ease)}.btn-close:hover,.modal .btn-close:hover{background:#eef0ff;background:var(--ds-primary-soft);opacity:1;transform:rotate(90deg)}@keyframes dsModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pagination{gap:4px}.pagination .page-link{align-items:center;background:#fff;border:1px solid #e7eaf3!important;border:1px solid var(--ds-border)!important;border-radius:9px!important;color:#6b7894;color:var(--ds-muted);display:inline-flex;font-size:.84rem;font-weight:700;height:36px;justify-content:center;min-width:36px;transition:background .18s cubic-bezier(.22,.61,.36,1),color .18s cubic-bezier(.22,.61,.36,1),border-color .18s cubic-bezier(.22,.61,.36,1),transform .18s cubic-bezier(.22,.61,.36,1);transition:background var(--ds-speed) var(--ds-ease),color var(--ds-speed) var(--ds-ease),border-color var(--ds-speed) var(--ds-ease),transform var(--ds-speed) var(--ds-ease)}.pagination .page-link:hover{background:#eef0ff;background:var(--ds-primary-soft);border-color:#6650f059;color:#6650f0;color:var(--ds-primary);transform:translateY(-1px)}.pagination .page-item.active .page-link{background:linear-gradient(135deg,#7c6cff,#6650f0)!important;border-color:#6650f0!important;border-color:var(--ds-primary)!important;box-shadow:0 6px 16px #6650f047;color:#fff!important}.pagination .page-item.disabled .page-link{opacity:.5;pointer-events:none}.alert{align-items:flex-start;border:1px solid #0000;border-radius:14px!important;border-radius:var(--ds-radius)!important;display:flex;font-size:.9rem;gap:10px;padding:14px 18px}.alert:before{font-size:1.05rem;line-height:1.2}.alert-success{background:#def8ee;background:var(--ds-success-soft);border-color:#10b98138;color:#0b7a54}.alert-danger{background:#ffe9ec;background:var(--ds-danger-soft);border-color:#ff4d5e38;color:#c22d40}.alert-warning{background:#fdf1dd;background:var(--ds-warning-soft);border-color:#f5a6233d;color:#9a6204}.alert-info{background:#e5f0ff;background:var(--ds-info-soft);border-color:#2684ff33;color:#1a66c8}.ds-page-head{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:24px}.ds-page-head-title{color:#0e1b33;color:var(--ds-heading);font-size:1.55rem;font-weight:800;letter-spacing:-.02em;margin:0}.ds-page-head-sub{color:#6b7894;color:var(--ds-muted);font-size:.9rem;margin:4px 0 0}.ds-page-head-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ds-empty-state,.ds-error-state{align-items:center;color:#6b7894;color:var(--ds-muted);display:flex;flex-direction:column;gap:6px;justify-content:center;padding:48px 24px;text-align:center}.ds-empty-state .ds-ill{margin-bottom:10px;max-width:60vw;width:180px}.ds-empty-state h4,.ds-error-state h4{color:#0e1b33;color:var(--ds-heading);font-weight:800;margin:8px 0 0}.ds-empty-state p,.ds-error-state p{font-size:.92rem;margin:4px 0 0;max-width:380px}.ds-ill{display:inline-block}.ill-float{animation:dsFloat 5s ease-in-out infinite}@keyframes dsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sk-block,.sk-circle,.sk-line,.sk-text{background:#eceff7;border-radius:8px;overflow:hidden;position:relative}.sk-block:after,.sk-circle:after,.sk-line:after,.sk-text:after{animation:dsShimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#ffffffb3,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.sk-line{height:12px;margin-bottom:10px}.sk-circle{border-radius:50%}.sk-text{display:inline-block;height:12px;width:60%}@keyframes dsShimmer{to{transform:translateX(100%)}}.btn .spinner-border,.btn .spinner-grow,.btn-loading{border-width:2px;height:1rem!important;width:1rem!important}.ds-glass{-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);background:#ffffffd1;border:1px solid #fff9}.ds-sr-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.card img,.img-fluid{height:auto;max-width:100%}.ds-hero{background:radial-gradient(100% 160% at 100% 0,#7c6cff29 0,#0000 50%),linear-gradient(135deg,#fff,#f3f1ff);border:1px solid #e7eaf3;border:1px solid var(--ds-border);border-radius:24px;border-radius:var(--ds-radius-xl);box-shadow:0 1px 2px #0e1b330d,0 3px 10px #0e1b330a;box-shadow:var(--ds-shadow-sm);overflow:hidden;padding:28px;position:relative}.ds-hero h1{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.ds-hero p{color:#6b7894;color:var(--ds-muted);margin:8px 0 0;max-width:560px}@media (max-width:991.98px){.content-wrapper{padding:22px 16px!important}.sidebar.ds-sidebar{background:radial-gradient(120% 90% at 10% 0,#7c6cff3d 0,#0000 55%),linear-gradient(180deg,#221468,#2a1a7a 48%,#1a0f4d)!important}.pagination{flex-wrap:wrap;justify-content:center}.ds-page-head{align-items:flex-start;flex-direction:column}.ds-modal,.modal-content{margin:12px auto;max-height:88vh;overflow-y:auto;width:calc(100% - 24px)!important}}@media (max-width:575.98px){.content-wrapper{padding:16px 12px!important}.card .card-body{padding:16px}.ds-stat-value{font-size:1.55rem}.ds-hero{padding:20px}.navbar .navbar-toggler{height:36px;width:36px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.content-wrapper,.ill-float{animation:none!important}}
/*# sourceMappingURL=main.ea62112a.css.map*/