:root[data-theme=light]{--background:#f3f4f6;--foreground:#020617;--surface:#fff;--surface-muted:#f9fafb;--border-subtle:#e5e7eb;--sidebar-bg:#fff;--sidebar-border:#e5e7eb;--sidebar-text:#111827;--sidebar-muted-text:#6b7280;--sidebar-active-bg:#111827;--sidebar-active-text:#f9fafb;--header-bg:#fff;--header-border:#e5e7eb;--header-muted-text:#6b7280;--primary-accent:#6366f1;--primary-accent-soft:#6366f114;--danger-accent:#ef4444;--text-grey:#6b7280;--text-light-grey:#9ca3af;--table-surface:#fff;--table-surface-alt:#f9fafb}:root[data-theme=dark]{--background:#1e293b;--foreground:#e5e7eb;--surface:#1e293b;--surface-muted:#334155;--border-subtle:#475569;--sidebar-bg:#1e293b;--sidebar-border:#334155;--sidebar-text:#e5e7eb;--sidebar-muted-text:#9ca3af;--sidebar-active-bg:#334155;--sidebar-active-text:#f9fafb;--header-bg:#1e293b;--header-border:#334155;--header-muted-text:#9ca3af;--primary-accent:#6366f1;--primary-accent-soft:#818cf847;--danger-accent:#f97373;--text-grey:#9ca3af;--text-light-grey:#6b7280;--table-surface:#1e293b;--table-surface-alt:#334155}body{font-optical-sizing:auto;background-color:var(--background);color:var(--foreground);font-family:Outfit,sans-serif;font-size:14px;font-style:normal;font-weight:300}.logo-img{width:50px}.f-12{font-size:12px}.f-10{font-size:10px}.text-grey{color:var(--text-grey)}.text-light-grey{color:var(--text-light-grey)}.detailsbox{border:1px solid var(--border-subtle)}.sidebar{background:var(--sidebar-bg);min-width:210px;max-width:210px;height:100vh;color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);transition:width .3s;top:0;left:0;overflow-y:auto}.right-side{min-width:0;overflow-x:auto}.userdataBox{background-color:var(--surface);border-radius:12px;box-shadow:0 18px 45px #0f172a8c}.nav-list{padding:10px 0}.nav-list li a{color:var(--sidebar-muted-text);list-style:none}.nav-item{cursor:pointer;align-items:center;gap:5px;padding:10px 20px;transition:background .2s;display:flex}.nav-item:hover{background-color:var(--primary-accent-soft)}.nav-item i{text-align:center;width:25px;font-size:14px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:20px;position:absolute;bottom:20px;left:-25px}.sidebar-footer .nav-item{color:var(--danger-accent)}.sidebar-footer .nav-item:hover{background-color:#ef44441a}.headerMain{background-color:var(--header-bg);border-bottom:1px solid var(--header-border)}.header-title-main{letter-spacing:.02em;font-weight:600}.header-title-sub{color:var(--header-muted-text);font-size:12px}.header-actions{gap:12px!important}.theme-toggle-btn{border:1px solid var(--border-subtle);background-color:var(--surface-muted);color:var(--foreground);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.theme-toggle-btn:hover{border-color:var(--primary-accent);background-color:var(--primary-accent-soft)}.header-user-pill{background-color:var(--surface-muted);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.header-user-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#22c55e);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.header-user-name{font-size:12px;font-weight:500}.header-user-role{color:var(--header-muted-text);font-size:11px}.tab-common{padding:7px 10px}.tabMain{background-color:var(--surface-muted)}.tab-common.active,.side-nav-main .active{background-color:var(--surface);color:var(--foreground);font-weight:600}.side-nav-main .active{background-color:var(--sidebar-active-bg)}.side-nav-main .active a{color:var(--sidebar-active-text)}.cursor{cursor:pointer}.details-card{background:radial-gradient(circle at top left,var(--surface),var(--surface-muted));border-radius:12px;box-shadow:0 18px 45px #0f172a73}.details-row{border-bottom:1px solid var(--border-subtle);padding:12px 0;display:flex}.details-row:last-child{border-bottom:none}.label{color:var(--foreground);flex:1;font-weight:600}.value{color:var(--text-grey)}.userActivityTable tr{border-top:none}.userActivityTable td{border:none}.react-datepicker{z-index:9999!important}.calendar-theme{padding:8px;font-family:system-ui;border-radius:12px!important}.popper-theme{z-index:9999}.input-group .form-control:focus{box-shadow:none}.datepicker-report .react-datepicker-wrapper{flex:auto;display:flex}.activeList .cursor{border-bottom:2px solid #0000;font-size:16px}.activeList .active{border-bottom:2px solid var(--primary-accent);font-weight:700}.table-flash tbody tr td{animation:1s forwards flashFade}.pagination-wrapper{white-space:nowrap;width:100%;overflow:auto hidden}.pagination{flex-wrap:nowrap}.pagination .page-item{flex:none}.auth-layout{background:radial-gradient(circle at 0 0,#334155,#1e293b)}.auth-card{background-color:var(--surface);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 24px 60px #0f172a8c}.card,.shadow-sm,.border,.bg-white{background-color:var(--surface)!important;border-color:var(--border-subtle)!important;color:var(--foreground)!important}:root[data-theme=dark] .form-control,:root[data-theme=dark] .form-select{border-radius:10px;box-shadow:0 0 0 1px #1e293be6;border-color:var(--border-subtle)!important;color:var(--foreground)!important;background-color:#1e293bd9!important}:root[data-theme=dark] .form-control::placeholder,:root[data-theme=dark] .form-select::placeholder{color:var(--text-light-grey)!important}:root[data-theme=dark] .form-control:focus,:root[data-theme=dark] .form-select:focus{border-color:var(--primary-accent)!important;box-shadow:0 0 0 1px var(--primary-accent-soft)!important;color:var(--foreground)!important;background-color:#334155f2!important}.table thead{background-color:var(--sidebar-active-bg)!important;color:var(--sidebar-active-text)!important}.table-dark,.table-dark th,.table-dark td{background-color:var(--sidebar-active-bg)!important;color:var(--sidebar-active-text)!important;border-color:var(--border-subtle)!important}.table tbody{background-color:var(--table-surface)!important}.table>:not(caption)>*>*{background-color:var(--table-surface)!important;color:var(--foreground)!important;border-color:var(--border-subtle)!important}.table-striped>tbody>tr:nth-of-type(odd)>*{background-color:var(--table-surface-alt)!important}.modal-content{background-color:var(--surface)!important;border-color:var(--border-subtle)!important;color:var(--foreground)!important}.modal-header{background-color:var(--surface)!important;border-bottom-color:var(--border-subtle)!important;color:var(--foreground)!important}.modal-title{color:var(--foreground)!important}.modal-body{background-color:var(--surface)!important;color:var(--foreground)!important}.modal-footer{background-color:var(--surface)!important;border-top-color:var(--border-subtle)!important}.text-dark{color:var(--foreground)!important}.modal .card{background-color:var(--surface)!important;color:var(--foreground)!important}.modal .card-body,.modal .p-4,.modal [class*=col-]{color:var(--foreground)!important}.modal .text-secondary{color:var(--text-grey)!important}.table .btn,.table button.btn{white-space:nowrap;border-width:1.5px;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.table .btn-primary,.table .btn-success,.table .btn-outline-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 2px 4px #10b98133}.table .btn-primary:hover,.table .btn-success:hover,.table .btn-outline-success:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.table .btn-outline-success{color:#10b981;background:0 0}.table .btn-outline-success:hover{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.table .btn-danger,.table .btn-outline-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;box-shadow:0 2px 4px #ef444433}.table .btn-danger:hover,.table .btn-outline-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.table .btn-outline-danger{color:#ef4444;background:0 0}.table .btn-outline-danger:hover{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.table .btn-link{color:var(--primary-accent);border-radius:6px;padding:6px 12px;font-weight:500;text-decoration:none;transition:all .2s}.table .btn-link:hover{background-color:var(--primary-accent-soft);color:var(--primary-accent);text-decoration:none;transform:translateY(-1px)}.table .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-outline-success):not(.btn-outline-danger):not(.btn-link){background-color:var(--surface-muted);border-color:var(--border-subtle);color:var(--foreground)}.table .btn:not(.btn-primary):not(.btn-success):not(.btn-danger):not(.btn-outline-success):not(.btn-outline-danger):not(.btn-link):hover{background-color:var(--primary-accent-soft);border-color:var(--primary-accent);color:var(--primary-accent);transform:translateY(-1px)}.table td .btn,.table td button.btn{margin:2px}.date-input{width:100%}.date-input-box{background:#fff;border:1px solid #dee2e6;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000d}.date-input-box:focus-within{border-color:#0d6efd;box-shadow:0 0 0 2px #0d6efd26}.date-icon{flex-shrink:0;font-size:16px}.date-input-field{background:0 0;border:none;outline:none;width:100%;font-size:14px}.react-datepicker-wrapper{width:100%}.react-datepicker-popper{z-index:9999!important}.date-input-box .form-control:focus{box-shadow:none;border:none}table tbody tr{border-color:#0000}table tbody tr:last-child{border-color:#e7e7e726}.break-all{word-break:break-all}@keyframes flashFade{0%{background-color:#fff3cd}to{background-color:#fff}}@media (max-width:768px){.sidebar{min-width:70px;max-width:70px}.sidebar-header h2,.nav-item span{display:none}.nav-item i{width:100%;font-size:24px}.sidebar:hover{width:250px}.sidebar:hover .nav-item span{display:block}}
:root{--background:#020617;--foreground:#e5e7eb}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}