@import "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css";
@import "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4338ca;--primary-50:#eef2ff;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-cyan:#06b6d4;--accent-violet:#8b5cf6;--accent-orange:#f97316;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg-body:#f3f4f6;--bg-card:#fff;--bg-header:#fffffff2;--text-main:#374151;--text-muted:#6b7280;--text-heading:#111827;--border-color:#e5e7ebcc;--bs-border-color:#e5e7ebcc;--border-soft:#00000008;--sidebar-width:280px;--sidebar-collapsed:80px;--header-height:70px;--border-radius:16px;--border-radius-sm:10px;--border-radius-xs:6px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--shadow-xl:0 20px 25px -5px #0000000d, 0 10px 10px -5px #00000005;--shadow-glow:0 0 20px #6366f133;--shadow-card:0 4px 6px -1px #00000005, 0 2px 4px -1px #00000005;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--gray-50:#0f172a;--gray-100:#1e293b;--gray-200:#334155;--gray-300:#475569;--gray-400:#94a3b8;--gray-500:#cbd5e1;--gray-600:#e2e8f0;--gray-700:#f1f5f9;--gray-800:#f8fafc;--gray-900:#fff;--bg-body:#0b1120;--bg-card:#151e32;--bg-header:#0f172af2;--text-main:#94a3b8;--text-muted:#64748b;--text-heading:#f8fafc;--border-color:#ffffff14;--bs-border-color:#ffffff14;--border-soft:#ffffff08;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-card:0 4px 6px -1px #0000004d, 0 2px 4px -1px #0003}*{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.table{color:var(--text-main);border-color:var(--border-color)}.table td,.table th{background-color:var(--bg-card);border-color:var(--border-color)}.table-striped>tbody>tr:nth-of-type(odd)>*{color:var(--text-main);background-color:var(--gray-100)!important}.table-hover>tbody>tr:hover>*{color:var(--text-heading);background-color:var(--gray-200)!important}.page-link{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}.page-link:hover{background-color:var(--gray-100);color:var(--text-heading)}.page-item.active .page-link{background-color:var(--primary);border-color:var(--primary);color:#fff}.card{background-color:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-sm);color:var(--text-main)}.card-header,.card-footer{border-color:var(--border-color);background-color:#0000}.list-group-item{background-color:var(--bg-card);border-color:var(--border-color);color:var(--text-main)}.list-group-item-action:hover,.list-group-item-action:focus{background-color:var(--gray-100);color:var(--text-heading)}.dropdown-menu{--bs-dropdown-bg:var(--bg-card);--bs-dropdown-link-color:var(--text-main);--bs-dropdown-link-hover-color:var(--text-heading);--bs-dropdown-link-hover-bg:var(--gray-100);background-color:var(--bg-card)!important;border-color:var(--border-color)!important}.dropdown-menu .dropdown-item{color:var(--text-main)}.dropdown-menu .dropdown-item:hover{color:var(--text-heading);background-color:var(--gray-100)!important}.dropdown-menu .dropdown-header,.dropdown-menu .text-muted{color:var(--text-muted)!important}.dropdown-divider{border-color:var(--border-color)!important}.modal-content{background-color:var(--bg-card);color:var(--text-main);border-color:var(--border-color)}.modal-header,.modal-footer{border-color:var(--border-color)}.modal-title{color:var(--text-heading)}.bg-white{background-color:var(--bg-card)!important}.bg-light{background-color:var(--gray-100)!important}.text-dark{color:var(--text-heading)!important}.form-control,.form-select{background-color:var(--bg-body);color:var(--text-main);border-color:var(--border-color)}.form-control:focus,.form-select:focus{background-color:var(--bg-body);color:var(--text-heading);border-color:var(--primary);box-shadow:0 0 0 .25rem #6366f140}.login-wrapper{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 40%,#312e81 70%,#4338ca 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-wrapper:before{content:"";background:radial-gradient(circle,#818cf826,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float;position:absolute;top:-200px;right:-100px}.login-wrapper:after{content:"";background:radial-gradient(circle,#10b9811a,#0000 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-200px;left:-100px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(5deg)}}.login-card{-webkit-backdrop-filter:blur(20px);z-index:1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:400px;padding:40px;position:relative;box-shadow:0 25px 60px #0000004d}.login-card .logo-section{text-align:center;margin-bottom:36px}.login-card .logo-icon{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;font-size:28px;display:flex;overflow:hidden;box-shadow:0 8px 32px #4f46e547}.login-card .logo-icon img,.loading-logo-glow img,.sidebar-logo img{object-fit:contain;width:100%;height:100%}.login-card .logo-icon img,.loading-logo-glow img{transform:none}.login-card h2{color:#fff;margin-bottom:4px;font-size:1.5rem;font-weight:700}.login-card .subtitle{color:#ffffff80;font-size:.875rem;font-weight:400}.login-card .form-control{width:100%;transition:var(--transition);border-radius:12px;height:auto;padding:14px 16px 14px 48px;font-family:Inter,sans-serif;font-size:.9rem;color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff1f!important}.login-card .form-control::placeholder{color:#ffffff59}.login-card .form-control:focus{outline:none;border-color:var(--primary-light)!important;color:#fff!important;background:#ffffff1f!important;box-shadow:0 0 0 4px #6366f133!important}.login-card .login-input-group{width:100%;margin-bottom:20px;display:block;position:relative}.login-card .input-icon{z-index:2;pointer-events:none;font-size:1.15rem;line-height:1;position:absolute;top:50%;left:16px;transform:translateY(-50%);color:#a5b4fc!important;background:0 0!important;border:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:inline!important}.login-card .remember-login{color:#fffc;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin:-4px 0 20px;display:flex}.login-card .remember-login input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.login-card .remember-check{color:#0000;width:20px;height:20px;transition:var(--transition-fast);background:#ffffff12;border:1px solid #ffffff40;border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.login-card .remember-login input:checked+.remember-check{border-color:var(--primary-light);background:var(--primary);color:#fff;box-shadow:0 0 0 3px #6366f133}.login-card .remember-login input:focus-visible+.remember-check{outline-offset:2px;outline:2px solid #a5b4fc}.login-card .remember-login>span:last-child{flex-direction:column;line-height:1.2;display:flex}.login-card .remember-login strong{font-size:.82rem;font-weight:600}.login-card .remember-login small{color:#ffffff61;margin-top:3px;font-size:.68rem}.login-card .btn-login{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;width:100%;transition:var(--transition);letter-spacing:.02em;border:none;border-radius:12px;padding:12px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}.login-card .btn-login:hover{background:linear-gradient(135deg, var(--primary-light), var(--primary));transform:translateY(-2px);box-shadow:0 8px 24px #4f46e566}.login-card .btn-login:active{transform:translateY(0)}.staff-page,.settings-page{max-width:1500px;margin:0 auto}.staff-hero,.settings-hero{color:#fff;background:linear-gradient(125deg,#312e81 0%,#4f46e5 58%,#7c3aed 100%);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 35px #4f46e52e}.staff-hero:after,.settings-hero:after{content:"";background:#ffffff1a;border-radius:50%;width:240px;height:240px;position:absolute;top:-90px;right:-50px}.staff-hero>*,.settings-hero>*{z-index:1;position:relative}.staff-hero h3,.settings-hero h3{color:#fff;margin:2px 0 5px;font-size:1.65rem;font-weight:800}.staff-hero p,.settings-hero p{color:#ffffffb8;margin:0}.staff-hero .btn-primary-custom{box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff47;flex:none}.staff-hero .btn-primary-custom:hover{color:#4338ca;background:#fff}.settings-eyebrow{color:#fff9;letter-spacing:.13em;font-size:.67rem;font-weight:800}.settings-hero{justify-content:flex-start}.settings-hero-icon{background:#ffffff24;border:1px solid #fff3;border-radius:16px;flex:none;place-items:center;width:58px;height:58px;font-size:1.35rem;display:grid}.staff-stat{border:1px solid var(--border-color);background:var(--bg-card);min-height:96px;box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}.staff-stat>span{border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:1.1rem;display:grid}.staff-stat-primary>span{color:#4f46e5;background:#4f46e51a}.staff-stat-success>span{color:#059669;background:#10b9811c}.staff-stat-info>span{color:#0284c7;background:#0ea5e91c}.staff-stat-warning>span{color:#d97706;background:#f59e0b1f}.staff-stat strong,.staff-stat small{display:block}.staff-stat strong{color:var(--text-heading);font-size:1.5rem;line-height:1.1}.staff-stat small{color:var(--text-muted);margin-top:5px;font-size:.74rem}.staff-list-panel{border:1px solid var(--border-color);overflow:hidden}.staff-list-header{justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.staff-search{width:min(300px,100%);position:relative}.staff-search i{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.staff-search input{border:1px solid var(--border-color);width:100%;height:42px;color:var(--text-main);background:var(--bg-body);border-radius:11px;outline:0;padding:0 14px 0 40px}.staff-search input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #4f46e51a}.staff-table td{padding-top:14px!important;padding-bottom:14px!important}.staff-identity{align-items:center;gap:11px;min-width:180px;display:flex}.staff-identity>span{color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:.78rem;font-weight:800;display:grid}.staff-identity strong,.staff-identity small{display:block}.staff-identity strong{color:var(--text-heading)}.staff-identity small{color:var(--text-muted);margin-top:2px}.staff-role{border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.71rem;font-weight:700;display:inline-flex}.staff-role-admin{color:#047857;background:#10b9811c}.staff-role-staff{color:#4338ca;background:#4f46e51a}.staff-access-count{min-width:110px}.staff-access-count span{color:var(--text-main);font-size:.76rem;font-weight:600}.staff-access-count div{background:var(--border-color);border-radius:99px;width:100%;height:5px;margin-top:7px;overflow:hidden}.staff-access-count i{border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#8b5cf6);height:100%;display:block}.staff-actions{justify-content:flex-end;gap:6px;display:flex}.staff-actions button{color:#475569;width:34px;height:34px;transition:var(--transition-fast);background:#f1f5f9;border:0;border-radius:9px;place-items:center;display:grid}.staff-actions button:hover{color:#4338ca;background:#4f46e51a}.staff-actions button.access{color:#047857;background:#10b9811a}.staff-actions button.danger{color:#dc2626;background:#ef444414}.staff-actions button:disabled{opacity:.45}.staff-toast{z-index:10050;color:#fff;border-radius:12px;align-items:center;gap:9px;max-width:390px;padding:13px 16px;animation:.2s ease-out slideDown;display:flex;position:fixed;top:84px;right:24px;box-shadow:0 14px 36px #0f172a33}.staff-toast-success{background:#059669}.staff-toast-danger{background:#dc2626}.staff-modal-backdrop{z-index:10020;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.staff-modal{border:1px solid var(--border-color);background:var(--bg-card);border-radius:20px;width:min(760px,100%);max-height:calc(100vh - 40px);animation:.2s ease-out modalIn;overflow:auto;box-shadow:0 28px 70px #0f172a4d}.staff-modal-access{width:min(880px,100%)}@keyframes modalIn{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.staff-modal-header{border-bottom:1px solid var(--border-color);align-items:center;gap:13px;padding:20px 22px;display:flex}.staff-modal-icon{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.staff-modal-header h5{color:var(--text-heading);margin:0;font-weight:750}.staff-modal-header p{color:var(--text-muted);margin:3px 0 0;font-size:.77rem}.staff-modal-close{width:34px;height:34px;color:var(--text-muted);background:var(--bg-body);border:0;border-radius:9px;margin-left:auto}.staff-modal-body{padding:22px}.staff-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;align-items:center;gap:9px;padding:15px 22px 20px;display:flex}.permission-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.permission-compact-grid label{cursor:pointer}.permission-compact-grid input{opacity:0;position:absolute}.permission-compact-grid span{border:1px solid var(--border-color);color:var(--text-muted);border-radius:9px;align-items:center;gap:8px;padding:10px;font-size:.72rem;display:flex}.permission-compact-grid input:checked+span{color:#4338ca;background:#4f46e512;border-color:#4f46e559}.access-select-actions{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:.78rem;display:flex}.access-select-actions button{color:var(--primary);background:0 0;border:0;margin-left:8px;padding:0;font-size:.76rem;font-weight:650}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.permission-grid label{border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-fast);border-radius:13px;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:13px;display:grid}.permission-grid label.selected{background:#4f46e50e;border-color:#4f46e561}.permission-grid input{opacity:0;position:absolute}.permission-grid .permission-icon{color:#4338ca;background:#4f46e51a;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.permission-grid strong,.permission-grid small{display:block}.permission-grid strong{color:var(--text-heading);font-size:.82rem}.permission-grid small{color:var(--text-muted);margin-top:3px;font-size:.68rem;line-height:1.35}.permission-grid label>i{color:var(--primary)}.settings-profile-card,.settings-form-card{border:1px solid var(--border-color);overflow:hidden}.settings-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#8b5cf6);border-radius:24px;place-items:center;width:88px;height:88px;margin:0 auto 16px;font-size:1.8rem;font-weight:800;display:grid;box-shadow:0 12px 25px #4f46e538}.settings-profile-list{flex-direction:column;gap:8px;display:flex}.settings-profile-list>div{background:var(--bg-body);color:var(--text-main);border-radius:11px;align-items:center;gap:11px;padding:11px;font-size:.78rem;display:flex}.settings-profile-list>div>i{width:32px;height:32px;color:var(--primary);background:#4f46e517;border-radius:9px;flex:none;place-items:center;display:grid}.settings-profile-list span,.settings-profile-list small{display:block}.settings-profile-list small{color:var(--text-muted);margin-bottom:2px;font-size:.64rem}.settings-form-card .panel-header{padding:20px 22px}.settings-form-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:18px;display:flex}.settings-form-footer span{color:var(--text-muted);font-size:.72rem}@media (max-width:767.98px){.staff-hero,.settings-hero,.staff-list-header,.settings-form-footer,.access-select-actions{flex-direction:column;align-items:stretch}.staff-hero .btn-primary-custom,.staff-search,.settings-form-footer .btn-primary-custom{width:100%}.permission-grid,.permission-compact-grid{grid-template-columns:1fr}.staff-modal-backdrop{padding:8px}.staff-modal{border-radius:16px;max-height:calc(100vh - 16px)}.staff-modal-header,.staff-modal-body{padding:16px}.staff-modal-footer{padding:13px 16px 16px}}.sidebar{width:var(--sidebar-width);z-index:1000;transition:var(--transition);scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;background:linear-gradient(#0f172a 0%,#1e1b4b 100%);position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:24px 24px 20px;display:flex}.sidebar-logo{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex;overflow:hidden;box-shadow:0 4px 12px #4f46e533}.sidebar-logo img{transform:none}.sidebar-brand{flex:1;min-width:0}.sidebar-brand h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.sidebar-brand span{color:#ffffff73;font-size:.75rem;font-weight:400}.sidebar-nav{padding:16px 12px}.nav-section{margin-bottom:8px}.nav-section-title{color:#ffffff4d;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;padding:8px 16px;font-size:.6875rem;font-weight:600}.nav-item{color:#fff9;transition:var(--transition-fast);border-radius:10px;align-items:center;gap:12px;margin-bottom:2px;padding:11px 16px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:linear-gradient(135deg,#4f46e533,#818cf81a);box-shadow:inset 0 0 0 1px #818cf826}.nav-item.active:before{content:"";background:var(--primary-light);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item i{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.nav-item .nav-badge{background:var(--primary);color:#fff;border-radius:20px;margin-left:auto;padding:2px 8px;font-size:.6875rem;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff0f;margin-top:auto;padding:16px}.sidebar-user{background:#ffffff0a;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.sidebar-avatar{background:linear-gradient(135deg, var(--accent-emerald), var(--accent-cyan));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:700;display:flex}.sidebar-user-info h6{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:140px;margin:0;font-size:.8125rem;font-weight:600;overflow:hidden}.sidebar-user-info span{color:#fff6;font-size:.6875rem}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:var(--transition)}.top-header{height:var(--header-height);background:var(--bg-header);border-bottom:1px solid var(--border-color);z-index:100;box-shadow:var(--shadow-sm);transition:var(--transition);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.top-header .page-title{color:var(--gray-900);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.top-header .breadcrumb{color:var(--gray-400);font-size:.8125rem}.top-header .header-actions{align-items:center;gap:12px;display:flex}.btn-toggle-sidebar{color:var(--gray-600);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:8px;padding:8px;font-size:1.4rem;display:none}.btn-toggle-sidebar:hover{background:var(--gray-100)}.content-wrapper{padding:28px 32px}.stat-card{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-card);border:1px solid var(--border-soft);transition:var(--transition);padding:24px;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-card:after{content:"";height:3px;position:absolute;top:0;left:0;right:0}.stat-card.card-primary:after{background:linear-gradient(90deg, var(--primary), var(--primary-light))}.stat-card.card-success:after{background:linear-gradient(90deg, var(--accent-emerald), #34d399)}.stat-card.card-warning:after{background:linear-gradient(90deg, var(--accent-amber), #fbbf24)}.stat-card.card-info:after{background:linear-gradient(90deg, var(--accent-cyan), #22d3ee)}.stat-card .stat-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;font-size:1.3rem;display:flex}.stat-card.card-primary .stat-icon{background:var(--primary-50);color:var(--primary)}.stat-card.card-success .stat-icon{color:var(--accent-emerald);background:#10b9811a}.stat-card.card-warning .stat-icon{color:var(--accent-amber);background:#f59e0b1a}.stat-card.card-info .stat-icon{color:var(--accent-cyan);background:#06b6d41a}.stat-card .stat-value{color:var(--gray-900);letter-spacing:-.03em;margin-bottom:6px;font-size:2rem;font-weight:800;line-height:1}.stat-card .stat-label{color:var(--gray-500);font-size:.8125rem;font-weight:500}.stat-card[style*=background] .stat-value,.stat-card[style*=background] .stat-label{color:#fff!important}.stat-card[style*=background] .stat-icon{color:#fff!important;background:#fff3!important}.panel{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow-card);border:1px solid var(--border-soft);transition:var(--transition);margin-bottom:24px;overflow:hidden}.panel-header{background:var(--bg-card);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.panel-header h5{color:var(--gray-900);letter-spacing:-.01em;align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:700;display:flex}.panel-header h5 i{color:var(--primary);font-size:1.1rem}.panel-body{padding:24px}.btn-primary-custom{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary-custom:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #4f46e54d}.btn-success-custom{background:linear-gradient(135deg, var(--accent-emerald), #059669);color:#fff;border-radius:var(--border-radius-sm);transition:var(--transition);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-success-custom:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #10b9814d}.btn-danger-custom{background:linear-gradient(135deg, var(--accent-rose), #dc2626);color:#fff;border-radius:var(--border-radius-xs);transition:var(--transition);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-danger-custom:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #f43f5e4d}.btn-warning-custom{background:linear-gradient(135deg, var(--accent-amber), #d97706);color:#fff;border-radius:var(--border-radius-xs);transition:var(--transition);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-warning-custom:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b4d}.btn-info-custom{background:linear-gradient(135deg, var(--accent-cyan), #0284c7);color:#fff;border-radius:var(--border-radius-xs);transition:var(--transition);cursor:pointer;border:none;align-items:center;gap:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-info-custom:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #0ea5e94d}.btn-outline-custom{color:var(--primary);border:1.5px solid var(--primary-200);border-radius:var(--border-radius-sm);transition:var(--transition);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-outline-custom:hover{background:var(--primary-50);color:var(--primary-dark);border-color:var(--primary)}.table-custom{border-collapse:collapse;background-color:#0000;width:100%;margin-bottom:1rem}.table-custom thead th{background:var(--gray-50);color:var(--text-heading);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-color);text-align:left;padding:12px 15px;font-size:.75rem;font-weight:700}.table-custom tbody td{border:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:12px 15px;font-size:.875rem}.table-custom tbody tr:nth-child(2n){background-color:var(--border-soft)}.table-custom tbody tr:hover{background-color:var(--gray-100)}.badge-status{letter-spacing:.02em;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pemula,.badge-go-modern{color:#dc2626;background:#ef44441a}.badge-berkembang,.badge-go-digital{color:#d97706;background:#f59e0b1a}.badge-naik-kelas,.badge-go-online{color:#2563eb;background:#3b82f61a}.badge-siap-pameran,.badge-go-global,.badge-hadir{color:#059669;background:#10b9811a}.badge-tidak-hadir,.badge-tidak_hadir{color:#dc2626;background:#ef44441a}.badge-izin{color:#d97706;background:#f59e0b1a}[data-theme=dark] .badge-pemula,[data-theme=dark] .badge-go-modern{color:#f87171;background:#ef444426}[data-theme=dark] .badge-berkembang,[data-theme=dark] .badge-go-digital{color:#fbbf24;background:#f59e0b26}[data-theme=dark] .badge-naik-kelas,[data-theme=dark] .badge-go-online{color:#60a5fa;background:#3b82f626}[data-theme=dark] .badge-siap-pameran,[data-theme=dark] .badge-go-global,[data-theme=dark] .badge-hadir{color:#34d399;background:#10b98126}[data-theme=dark] .badge-tidak-hadir,[data-theme=dark] .badge-tidak_hadir{color:#f87171;background:#ef444426}[data-theme=dark] .badge-izin{color:#fbbf24;background:#f59e0b26}.form-group-custom{margin-bottom:20px}.form-group-custom label{color:var(--text-heading);letter-spacing:.01em;margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.form-control-custom{border:1.5px solid var(--border-color);border-radius:var(--border-radius-xs);width:100%;color:var(--text-main);background:var(--bg-card);transition:var(--transition);padding:11px 14px;font-family:Inter,sans-serif;font-size:.875rem}select.form-control-custom{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px;padding-right:40px!important}.form-control-custom:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.form-control-custom::placeholder{color:var(--gray-400)}.leaderboard-item{border-radius:var(--border-radius-sm);transition:var(--transition-fast);border:1px solid #0000;align-items:center;gap:16px;padding:16px 20px;display:flex}.leaderboard-item:hover{background:var(--gray-50);border-color:var(--border-color)}.leaderboard-rank{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:800;display:flex}.rank-1{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #f59e0b4d}.rank-2{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 4px 12px #64748b4d}.rank-3{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #f973164d}.rank-other{background:var(--gray-100);color:var(--text-muted)}.leaderboard-info{flex:1;min-width:0}.leaderboard-info h6{color:var(--gray-900);margin:0 0 2px;font-size:.9375rem;font-weight:700}.leaderboard-info span{color:var(--gray-500);font-size:.8125rem}.leaderboard-score{text-align:right}.leaderboard-score .score-value{color:var(--primary);font-size:1.25rem;font-weight:800}.leaderboard-score .score-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.chart-container{width:100%;height:320px;position:relative}.alert-custom{border-radius:var(--border-radius-sm);border:none;align-items:center;gap:10px;margin-bottom:20px;padding:14px 20px;font-size:.875rem;font-weight:500;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success-custom{color:#065f46;background:#10b9811a}.alert-error-custom{color:#991b1b;background:#ef44441a}.modal-content{border-radius:var(--border-radius);box-shadow:var(--shadow-xl);background:var(--bg-card);transition:var(--transition);border:none}.modal-header{border-bottom:1px solid var(--border-color);padding:20px 24px}.modal-header .modal-title{color:var(--text-heading);font-size:1.0625rem;font-weight:700}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--gray-100);padding:16px 24px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width:991.98px){.sidebar{transform:translate(-100%)}.sidebar.active{transform:translate(0)}.main-content{margin-left:0}.btn-toggle-sidebar{display:block}.btn-table-action{border-radius:8px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;font-size:1rem!important;display:inline-flex!important}.table-custom tbody td{vertical-align:middle!important}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}.content-wrapper{padding:20px 16px}.top-header{padding:0 16px}}@media (max-width:767.98px){.stat-card .stat-value{font-size:1.5rem}.stat-card{padding:20px}.panel-header{flex-direction:column;align-items:flex-start}.chart-container{height:250px}}.dataTables_wrapper .dataTables_filter input{border:1.5px solid var(--border-color);border-radius:var(--border-radius-xs);transition:var(--transition-fast);background:var(--bg-card);color:var(--text-main);padding:8px 12px;font-family:Inter,sans-serif;font-size:.875rem}.dataTables_wrapper .dataTables_filter input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.dataTables_wrapper .dataTables_length select{border:1.5px solid var(--border-color);border-radius:var(--border-radius-xs);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:10px;background-color:var(--bg-card);color:var(--text-main);font-family:Inter,sans-serif;padding:6px 32px 6px 12px!important}.dataTables_wrapper .dataTables_paginate .paginate_button{font-family:Inter,sans-serif;color:var(--text-main)!important;border:none!important;border-radius:8px!important;margin:0 2px!important;padding:6px 12px!important}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:var(--primary)!important;color:#fff!important;border:none!important}.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_length label,.dataTables_wrapper .dataTables_filter label{color:var(--text-muted);font-family:Inter,sans-serif;font-size:.8125rem}.text-primary{color:var(--primary)!important}.text-success{color:var(--accent-emerald)!important}.text-warning{color:var(--accent-amber)!important}.text-danger{color:var(--accent-rose)!important}.text-info{color:var(--accent-cyan)!important}.text-muted{color:var(--text-muted)!important}.border{border-color:var(--border-color)}.border-top{border-top-color:var(--border-color)}.border-bottom{border-bottom-color:var(--border-color)}.border-start{border-left-color:var(--border-color)}.border-end{border-right-color:var(--border-color)}.fw-800{font-weight:800!important}.fs-sm{font-size:.8125rem!important}.fs-xs{font-size:.75rem!important}.animate-fade-in{animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gap-grid{gap:24px}.nav-submenu{max-height:0;padding-left:48px;transition:max-height .3s;overflow:hidden}.nav-submenu.show{max-height:680px}.nav-submenu .nav-item{padding:8px 12px;font-size:.8125rem}.nav-item .nav-arrow{margin-left:auto;font-size:.75rem;transition:transform .3s}.nav-item.expanded .nav-arrow{transform:rotate(90deg)}.pelatihan-hero{background:linear-gradient(135deg,#312e81 0%,#4f46e5 45%,#7c3aed 100%);border-radius:20px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 16px 40px #4f46e52e}.pelatihan-hero-bg{filter:blur(2px);pointer-events:none;background:#ffffff14;border-radius:50%;width:280px;height:280px;position:absolute;top:-80px;right:-60px}.pelatihan-hero-content{z-index:1;justify-content:space-between;align-items:center;gap:24px;padding:32px 34px;display:flex;position:relative}.pelatihan-hero-eyebrow{letter-spacing:.14em;color:#ffffff80;text-transform:uppercase;margin-bottom:6px;font-size:.6rem;font-weight:800}.pelatihan-hero-title{color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:1.55rem;font-weight:800}.pelatihan-hero-sub{color:#fff9;max-width:480px;margin:0;font-size:.82rem;line-height:1.5}.pelatihan-hero-btn{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff24;border:1px solid #ffffff47;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:12px 26px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.pelatihan-hero-btn:hover{color:#4338ca;background:#fff;border-color:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #ffffff2e}.pelatihan-stat-card{background:var(--bg-card);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:14px;height:100%;padding:18px 20px;transition:all .25s;display:flex}.pelatihan-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.pelatihan-stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;transition:transform .3s;display:flex}.pelatihan-stat-card:hover .pelatihan-stat-icon{transform:scale(1.12)}.pelatihan-stat-value{color:var(--text-heading);letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1}.pelatihan-stat-label{color:var(--text-muted);letter-spacing:.01em;margin-top:3px;font-size:.72rem;font-weight:600}.pelatihan-table-premium thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:700}.pelatihan-row-num{background:var(--gray-100);width:30px;height:30px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.pelatihan-name-cell{flex-direction:column;gap:5px;display:flex}.pelatihan-title{color:var(--text-heading);font-size:.85rem;font-weight:700;line-height:1.3}.pelatihan-status-pill{letter-spacing:.02em;border-radius:99px;align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:.62rem;font-weight:700;display:inline-flex}.pelatihan-date-badge{align-items:center;gap:8px;display:inline-flex}.pelatihan-date-day{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:flex}.pelatihan-date-meta{flex-direction:column;gap:0;display:flex}.pelatihan-date-month{color:var(--text-heading);text-transform:capitalize;font-size:.78rem;font-weight:700;line-height:1.2}.pelatihan-date-year{color:var(--text-muted);font-size:.65rem;font-weight:500}.pelatihan-pemateri{align-items:center;gap:8px;display:flex}.pelatihan-pemateri-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.68rem;font-weight:800;display:flex}.pelatihan-lokasi{color:var(--text-main);align-items:flex-start;gap:5px;font-size:.82rem;line-height:1.35;display:flex}.pelatihan-dl-btn{color:#059669;background:#10b9810f;border:1px solid #10b98140;border-radius:99px;align-items:center;gap:4px;padding:4px 12px;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.pelatihan-dl-btn:hover{color:#fff;background:#059669;border-color:#059669;box-shadow:0 4px 12px #10b9814d}.pelatihan-actions{gap:5px;display:flex}.pelatihan-act-btn{cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.82rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.pelatihan-act-btn:hover{transform:translateY(-2px)}.pelatihan-act-btn.act-kehadiran{color:#059669;background:#10b9811a}.pelatihan-act-btn.act-kehadiran:hover{color:#fff;background:#059669;box-shadow:0 4px 12px #10b98159}.pelatihan-act-btn.act-qr{color:#4f46e5;background:#6366f11a}.pelatihan-act-btn.act-qr:hover{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);box-shadow:0 4px 12px #6366f159}.pelatihan-act-btn.act-edit{color:#d97706;background:#f59e0b1a}.pelatihan-act-btn.act-edit:hover{color:#fff;background:#d97706;box-shadow:0 4px 12px #f59e0b59}.pelatihan-act-btn.act-delete{color:#dc2626;background:#ef444414}.pelatihan-act-btn.act-delete:hover{color:#fff;background:#dc2626;box-shadow:0 4px 12px #ef444459}@media (max-width:767.98px){.pelatihan-hero-content{text-align:center;flex-direction:column;align-items:center;padding:22px 20px}.pelatihan-hero-title{font-size:1.2rem}.pelatihan-hero-sub{font-size:.78rem}.pelatihan-hero-btn{justify-content:center;width:100%}.pelatihan-stat-card{padding:14px}.pelatihan-stat-icon{width:40px;height:40px;font-size:1rem}.pelatihan-stat-value{font-size:1.2rem}.pelatihan-stat-label{font-size:.65rem}.pelatihan-actions{flex-wrap:wrap}.pelatihan-date-day{width:32px;height:32px;font-size:.78rem}}@page{size:A4 portrait;margin:12mm 10mm 14mm}@media print{*{box-sizing:border-box!important}html{font-size:10pt!important}body{color:#1a1a1a!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:100%!important;margin:0!important;padding:0!important;font-size:9pt!important}.sidebar,.top-header,.no-print,.sidebar-overlay,.btn-primary-custom,.btn-outline-custom,.btn-success-custom,.btn-warning-custom,.btn-danger-custom,footer,#toggleSidebar,.header-actions,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{display:none!important}.main-content{width:100%!important;max-width:100%!important;margin-left:0!important;padding:0!important}.content-wrapper{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.panel:not(.report-panel){box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;margin:0!important;padding:0!important;overflow:visible!important}.panel-body:not(.report-panel .panel-body){padding:0!important}.table-responsive{width:100%!important;max-width:100%!important;padding:0!important;overflow:visible!important}.table-custom{border-collapse:collapse!important;table-layout:auto!important;width:100%!important;max-width:100%!important;font-size:8pt!important}.table-custom thead th{color:#1e293b!important;text-transform:uppercase!important;text-align:left!important;white-space:nowrap!important;letter-spacing:.02em!important;background:#eef2ff!important;border:1px solid #c7d2fe!important;padding:6px 8px!important;font-size:7.5pt!important;font-weight:700!important}.table-custom tbody td{color:#1a1a1a!important;vertical-align:middle!important;word-wrap:break-word!important;overflow-wrap:break-word!important;background:0 0!important;border:1px solid #e2e8f0!important;padding:5px 8px!important;font-size:8pt!important;line-height:1.4!important}.table-custom tbody tr:nth-child(2n){background-color:#f8fafc!important}.table-custom tr{page-break-inside:avoid!important}.badge-status{white-space:nowrap!important;border:none!important;border-radius:4px!important;padding:2px 6px!important;font-size:7pt!important}.report-badge-primary{color:#4338ca!important;background:#eef2ff!important}.report-badge-success{color:#047857!important;background:#ecfdf5!important}.report-badge-warning{color:#b45309!important;background:#fffbeb!important}.report-badge-danger{color:#b91c1c!important;background:#fef2f2!important}.text-primary{color:#1e293b!important;font-weight:700!important}.text-success{color:#047857!important}.text-warning{color:#b45309!important}.text-danger{color:#b91c1c!important}.fs-sm{font-size:7pt!important}}.report-header-view{display:none}.report-page{max-width:1400px;margin:0 auto}.report-toolbar{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;padding:18px 20px}.report-limit{width:auto;min-width:145px}.report-letterhead{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.report-heading{justify-content:center;align-items:center;gap:14px;display:flex}.report-heading h3{margin-bottom:0}.report-generated-at{text-align:right;width:100%;color:var(--text-muted);margin-top:2px;font-size:.82rem}.report-logo{background:0 0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:68px;height:68px;display:flex;overflow:hidden}.report-logo img{object-fit:contain;width:100%;height:100%;transform:scale(1.15)}.report-panel{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);overflow:hidden}.report-table-wrap{padding:0}.report-table{margin-bottom:0}.report-table thead th{white-space:nowrap}.report-col-no{width:50px}.report-badge{white-space:nowrap;border-radius:999px;align-items:center;padding:4px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.report-badge-primary{color:#4338ca;background:#4f46e51c}.report-badge-success{color:#047857;background:#10b9811f}.report-badge-warning{color:#b45309;background:#f59e0b24}.report-badge-danger{color:#b91c1c;background:#ef44441c}.report-filter{border:1px solid var(--border-color);background:var(--bg-card);border-radius:14px;max-width:520px;margin-inline:auto;padding:18px}.report-filter select{width:100%}.report-training-info{color:var(--text-main);flex-direction:column;gap:4px;display:flex}.report-training-info strong{color:var(--primary);font-size:1.08rem}.report-training-info span{color:var(--text-muted);font-size:.82rem}.report-print-footer{display:none}@media (max-width:575.98px){.report-toolbar>div,.report-toolbar .d-flex{width:100%}.report-limit,.report-toolbar button{flex:1}.report-letterhead{text-align:center;align-items:stretch}.report-heading{justify-content:center}.report-generated-at{text-align:right}.report-logo{width:56px;height:56px}}@media print{.report-page{max-width:none!important;padding:0!important}.print-hidden{display:none!important}.report-header-view{text-align:center;background:0 0!important;border-bottom:2.5px double #1e293b!important;margin-bottom:12px!important;padding:0 0 10px!important;display:block!important}.report-header-view h3{text-transform:uppercase!important;letter-spacing:.5px!important;color:#0f172a!important;margin-bottom:2px!important;font-size:13pt!important;font-weight:800!important}.report-header-view p{color:#475569!important;margin:0!important;font-size:8.5pt!important}.report-header-view hr{display:none!important}.report-letterhead{gap:3px!important}.report-heading{gap:10px!important}.report-generated-at{text-align:right!important;color:#64748b!important;margin-top:4px!important;font-size:7.5pt!important}.report-logo{width:44px!important;height:44px!important;box-shadow:none!important;background:0 0!important;border-radius:0!important}.report-panel{page-break-inside:avoid!important;box-shadow:none!important;border:1px solid #cbd5e1!important;border-radius:6px!important;margin-bottom:10px!important}.report-panel .panel-header{background:#f1f5f9!important;border-bottom:1px solid #cbd5e1!important;padding:6px 10px!important}.report-panel .panel-header h5{color:#0f172a!important;margin:0!important;font-size:8.5pt!important}.report-panel .panel-body{padding:8px!important}.report-training-info{margin-bottom:8px!important}.report-training-info strong{color:#0f172a!important;font-size:9pt!important}.report-training-info span{color:#475569!important;font-size:7.5pt!important}.report-stat-grid{--bs-gutter-x:10px!important;--bs-gutter-y:10px!important;flex-wrap:wrap!important;display:flex!important}.report-stat-grid .row{--bs-gutter-x:10px!important;--bs-gutter-y:10px!important}.report-stat-grid .col-md-6,.report-stat-grid .col-lg-6{flex:0 0 50%!important;width:50%!important}.report-stat-grid .col-lg-5{flex:0 0 42%!important;width:42%!important}.report-stat-grid .col-lg-7{flex:0 0 58%!important;width:58%!important}.report-stat-grid .col-12{flex:0 0 100%!important;width:100%!important}.report-stat-grid canvas{max-height:220px!important}.report-page-produk .report-table,.report-page-pendampingan .report-table,.report-page-pelatihan .report-table,.report-page-penjualan .report-table{font-size:8.5pt!important}.report-page-produk .report-table thead th,.report-page-pendampingan .report-table thead th,.report-page-pelatihan .report-table thead th,.report-page-penjualan .report-table thead th{padding:6px 10px!important;font-size:8pt!important}.report-page-produk .report-table tbody td,.report-page-pendampingan .report-table tbody td,.report-page-pelatihan .report-table tbody td,.report-page-penjualan .report-table tbody td{padding:5px 10px!important;font-size:8.5pt!important}.report-page-umkm .report-table,.report-page-perkembangan .report-table,.report-page-evaluasi .report-table,.report-page-kehadiran .report-table{font-size:7.5pt!important}.report-page-umkm .report-table thead th,.report-page-perkembangan .report-table thead th,.report-page-evaluasi .report-table thead th,.report-page-kehadiran .report-table thead th{padding:5px 6px!important;font-size:7pt!important}.report-page-umkm .report-table tbody td,.report-page-perkembangan .report-table tbody td,.report-page-evaluasi .report-table tbody td,.report-page-kehadiran .report-table tbody td{padding:4px 6px!important;font-size:7.5pt!important}.report-col-no{text-align:center!important;width:28px!important}.report-print-footer{color:#64748b;border-top:1px solid #94a3b8;justify-content:space-between;align-items:center;margin-top:14px;padding-top:6px;font-size:7pt;display:flex!important}}@supports (-webkit-touch-callout:none){input[type=text],input[type=number],input[type=email],input[type=password],input[type=date],input[type=search],input[type=tel],select,textarea{font-size:16px!important}body{padding-top:env(safe-area-inset-top)}}.table-responsive{-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media (max-width:991.98px){.sidebar{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.top-header{padding-top:env(safe-area-inset-top);min-height:calc(var(--header-height) + env(safe-area-inset-top))}.page-title{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden;font-size:1.05rem!important}.panel-body.p-4.p-md-5{padding:20px 16px!important}.panel-body .fs-5{font-size:.875rem!important}}@media (max-width:767.98px){.content-wrapper{padding:12px 10px calc(12px + env(safe-area-inset-bottom))!important}.panel{border-radius:12px;margin-bottom:16px}.panel-header,.panel-body{padding:14px 16px}.panel-body h3.fw-bold{font-size:1.15rem!important}.panel-body .text-white-50.fs-5,.panel-body .text-white-50.fs-6{font-size:.8rem!important}.panel-body.p-4.d-flex.align-items-center.gap-3{gap:10px!important;padding:14px!important}.panel-body.p-4.d-flex.align-items-center.gap-3 .rounded-circle{width:44px!important;height:44px!important;font-size:1.3rem!important}.panel-body.p-4.d-flex.align-items-center.gap-3 h3{font-size:1.1rem!important}.panel-body.p-4.d-flex.align-items-center.gap-3 .fs-xs{font-size:.65rem!important}.col-6.col-md-3 .panel .rounded-circle{width:40px!important;height:40px!important;font-size:1.2rem!important}.col-6.col-md-3 .panel h4{font-size:1rem!important}.col-6.col-md-3 .panel h5{font-size:.8rem!important}.col-6.col-md-3 .panel .fs-xs{font-size:.65rem!important}.col-6.col-md-3 .panel.p-3{padding:10px!important}.border.border-white.border-opacity-25.flex-shrink-0{min-width:unset!important;max-width:100%!important;padding:10px 16px!important}.d-flex.justify-content-between.align-items-center.mb-4{flex-direction:column;gap:12px;align-items:stretch!important}.d-flex.justify-content-between.align-items-center.mb-4>div:first-child h5{font-size:1.05rem}.d-flex.justify-content-between.align-items-center.mb-4>form,.d-flex.justify-content-between.align-items-center.mb-4>button,.d-flex.justify-content-between.align-items-center.mb-4>a{text-align:center;justify-content:center;width:100%}.list-group-item .d-flex.w-100{flex-direction:column!important;gap:8px!important}.list-group-item .text-end.flex-shrink-0{border-top:1px solid var(--border-color);gap:8px;padding-top:8px;min-width:unset!important;text-align:left!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.list-group-item .d-flex.align-items-center.flex-wrap.gap-2{gap:4px!important}.content-header .d-flex.justify-content-between{flex-direction:column;gap:12px;align-items:stretch!important}.content-header .d-flex.gap-2{flex-direction:column}.content-header .d-flex.gap-2 button,.content-header .d-flex.gap-2 a{text-align:center;justify-content:center;width:100%}.panel-body[style*=maxHeight]{max-height:60vh!important}.panel-body .card[style*="maxWidth: \"75%\""],.panel-body .card{max-width:88%!important}.panel-body form .d-flex.gap-2:has(textarea){flex-direction:column}.panel-body form .d-flex.gap-2:has(textarea) button{width:100%;align-self:flex-end!important}.col-md-4 .panel .d-flex.justify-content-center.gap-3{flex-wrap:wrap;gap:12px!important}.col-md-4 .panel .d-flex.justify-content-center.gap-3 .fw-800{font-size:1.15rem!important}.chart-container{margin-bottom:1rem;height:240px!important}.row .col-6:has(.chart-container){flex:0 0 100%;max-width:100%}.table-custom thead th{white-space:nowrap;padding:8px 10px;font-size:.68rem}.table-custom tbody td{padding:8px 10px;font-size:.78rem}.table-custom .d-flex.gap-1{flex-wrap:wrap}.modal-dialog{max-width:calc(100vw - 16px)!important;margin:8px!important}.modal-body{padding:16px}.modal-header,.modal-footer{padding:14px 16px}.modal-footer{flex-direction:column;gap:8px}.modal-footer button,.modal-footer .btn{width:100%}.form-group-custom{margin-bottom:14px}button,.btn,a.nav-item{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-primary-custom,.btn-success-custom,.btn-outline-custom{text-align:center;justify-content:center;width:100%}.leaderboard-item{gap:10px;padding:12px 14px}.leaderboard-rank{width:34px;height:34px;font-size:.75rem}.leaderboard-info h6{font-size:.8rem}.leaderboard-score .score-value{font-size:1.05rem}.staff-stat{min-height:auto;padding:14px}.staff-stat>span{width:40px;height:40px}.staff-stat strong{font-size:1.2rem}.staff-identity{min-width:unset}.staff-identity>span{width:34px;height:34px;font-size:.7rem}.col-lg-8 .panel-header h5,.col-lg-4 .panel-header h5,.col-lg-6 .panel-header h5{font-size:.85rem!important}.position-relative.border-start.border-2{margin-left:8px!important;padding-left:16px!important}.text-truncate.d-inline-block[style*="maxWidth: '150px'"]{max-width:120px!important}.position-relative.d-inline-block.mb-3[style*="width: \"120px\""]{width:100px!important;height:100px!important}.notification-dropdown{width:auto!important;position:fixed!important;top:56px!important;left:8px!important;right:8px!important}.stat-card .stat-value{font-size:1.5rem}.stat-card{padding:16px}.login-card{width:95%;padding:28px 22px}}@media (max-width:375px){.page-title{max-width:140px!important;font-size:.95rem!important}.btn-outline-custom,.btn-primary-custom,.btn-success-custom,.btn-warning-custom,.btn-danger-custom{padding:8px 12px;font-size:.75rem}.content-wrapper{padding:8px 6px calc(8px + env(safe-area-inset-bottom))!important}.top-header{padding:0 10px!important}.col-6.col-md-3 .panel.p-3{padding:8px!important}.col-6.col-md-3 .panel h4{font-size:.85rem!important}.col-6.col-md-3 .panel .rounded-circle{width:36px!important;height:36px!important;font-size:1rem!important}.panel-body h3.fw-bold{font-size:1rem!important}.panel-body.p-4.d-flex.align-items-center.gap-3 h3{font-size:.95rem!important}.col-md-4 .panel .panel-body.text-center>div[style*="fontSize:'2.5rem'"]{font-size:2rem!important}.col-md-4 .panel .panel-body.text-center h5{font-size:.9rem}.login-card{padding:24px 18px}.login-card h2{font-size:1.25rem}}@supports (-webkit-touch-callout:none){.panel-body[style*=overflowY]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.top-header{position:sticky}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal,.staff-modal{-webkit-overflow-scrolling:touch}}