:root{--bs-font-sans-serif:"Google Sans Flex", "Google Sans", -apple-system, BlinkMacSystemFont, sans-serif;--bs-body-font-family:var(--bs-font-sans-serif);--bg-primary:#f4f7fc;--bg-card:#fff;--bg-soft-blue:#e8f1ff;--bg-soft-mint:#e6f8f3;--bg-soft-yellow:#fff9e6;--bg-soft-purple:#f3e8ff;--color-brand-primary:#4f46e5;--color-brand-hover:#4338ca;--color-accent-mint:#10b981;--color-accent-jelly:#ff8f1f;--color-accent-pink:#ec4899;--color-accent-purple:#8b5cf6;--color-accent-cyan:#06b6d4;--text-main:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;--border-radius-jelly:24px;--border-radius-pill:9999px;--border-radius-card:20px;--shadow-soft:0 10px 25px -5px #4f46e514, 0 8px 10px -6px #0000000a;--shadow-jelly-btn:0 8px 20px #4f46e54d;--shadow-jelly-orange:0 8px 20px #ff8f1f4d;--shadow-card-hover:0 20px 30px -10px #4f46e526;--transition-bounce:cubic-bezier(.34, 1.56, .64, 1)}.dark{--bg-primary:#0f172a;--bg-card:#1e293b;--bg-soft-blue:#2563eb26;--bg-soft-mint:#10b98126;--bg-soft-yellow:#f59e0b26;--bg-soft-purple:#8b5cf626;--text-main:#f8fafc;--text-muted:#94a3b8;--text-light:#64748b;--shadow-soft:0 10px 25px -5px #00000080, 0 8px 10px -6px #0000004d;--shadow-card-hover:0 20px 30px -10px #0009}*{box-sizing:border-box;margin:0;padding:0}body,button,input,select,textarea,.accordion-button,.list-group-item,.badge,.btn,.form-control{font-family:Google Sans Flex,Google Sans,-apple-system,BlinkMacSystemFont,sans-serif!important}body{background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-family:Google Sans Flex,Google Sans,sans-serif;font-weight:700}.sidebar-icon-square{border-radius:8px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;transition:all .2s ease-in-out;display:inline-flex}.sidebar-menu li.active>a .sidebar-icon-square,.sidebar-menu li a.active .sidebar-icon-square{color:#fff;background-color:#ffffff40;border-color:#fff6}.sidebar-menu li a:hover .sidebar-icon-square{color:#fff}.lic-popup-overlay{-webkit-backdrop-filter:blur(8px)!important;z-index:999999!important;background-color:#0f172abf!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:1.5rem!important;animation:.25s cubic-bezier(.16,1,.3,1) licFadeIn!important;display:flex!important;position:fixed!important;inset:0!important}.lic-popup-dialog{background:#fff!important;border:1px solid #e2e8f0cc!important;border-radius:24px!important;width:100%!important;max-width:540px!important;margin:auto!important;animation:.25s cubic-bezier(.16,1,.3,1) licZoomIn!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #0006!important}.lic-popup-dialog.sm{max-width:420px!important}.lic-popup-dialog.lg{max-width:720px!important}@keyframes licFadeIn{0%{opacity:0}to{opacity:1}}@keyframes licZoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes jelly-bounce{0%{transform:scale(1)}30%{transform:scale(1.08,.92)}50%{transform:scale(.96,1.04)}70%{transform:scale(1.02,.98)}to{transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #ff8f1f66}50%{box-shadow:0 0 30px #ff8f1fcc}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.text-indigo{color:var(--color-brand-primary)!important}.bg-indigo{background-color:var(--color-brand-primary)!important}.bg-indigo-transparent{background-color:#4f46e51a!important}.border-indigo{border-color:var(--color-brand-primary)!important}.border-indigo-subtle{border-color:#4f46e533!important}.border-indigo-200{border-color:#4f46e54d!important}.jelly-button{border-radius:var(--border-radius-pill);color:#fff;cursor:pointer;box-shadow:var(--shadow-jelly-btn);transition:transform .2s var(--transition-bounce), box-shadow .2s ease;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;display:inline-flex}.jelly-button:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 12px 25px #4f46e566}.jelly-button:active{animation:.4s jelly-bounce}.jelly-button.orange{box-shadow:var(--shadow-jelly-orange);background:linear-gradient(135deg,#ff9e2c 0%,#ff7a00 100%)}.jelly-button.secondary{color:var(--text-main);background:#fff;border:2px solid #e2e8f0;box-shadow:0 4px 12px #0000000d}.jelly-card{background:var(--bg-card);border-radius:var(--border-radius-jelly);box-shadow:var(--shadow-soft);transition:all .3s var(--transition-bounce);border:1px solid #e2e8f0cc}.jelly-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.streak-pill{background:var(--bg-soft-yellow);color:#d97706;border-radius:var(--border-radius-pill);border:2px solid #fcd34d;align-items:center;gap:6px;padding:6px 14px;font-size:.95rem;font-weight:700;animation:3s ease-in-out infinite float-gentle;display:inline-flex}.xp-pill{background:var(--bg-soft-purple);color:var(--color-accent-purple);border-radius:var(--border-radius-pill);border:2px solid #ddd6fe;align-items:center;gap:6px;padding:6px 14px;font-size:.95rem;font-weight:700;display:inline-flex}.badge-tag{border-radius:var(--border-radius-pill);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-mint{background:var(--bg-soft-mint);color:#059669}.badge-blue{background:var(--bg-soft-blue);color:#2563eb}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bg-slate-900{background-color:#0f172a!important}.bg-slate-800{background-color:#1e293b!important}.bg-slate-50{background-color:#f8fafc!important}.text-slate-800{color:#1e293b!important}.text-slate-400{color:#94a3b8!important}.bg-purple{background-color:#8b5cf6!important}.btn-purple{color:#fff!important;background-color:#8b5cf6!important;border-color:#8b5cf6!important}.btn-purple:hover{color:#fff!important;background-color:#7c3aed!important;border-color:#7c3aed!important}.text-purple{color:#8b5cf6!important}.bg-purple-transparent{background-color:#8b5cf626!important}.border-purple-subtle{border-color:#8b5cf64d!important}.hover-bg-white:hover{color:var(--text-main)!important;background-color:#fff!important}.hover-bg-slate-50:hover{background-color:#f8fafc!important}.hover-bg-white-20:hover{background-color:#fff3!important}.bg-opacity-20{--bs-bg-opacity:.2!important}.bg-white.bg-opacity-20,.bg-white.bg-opacity-25{background-color:#ffffff40!important}.bg-primary-transparent{background-color:#4f46e526!important}.bg-success-transparent{background-color:#10b98126!important}.text-white-80{color:#fffc!important}.text-white-50{color:#ffffff80!important}.text-\[10px\]{font-size:10px!important}.btn{--bs-btn-border-radius:50rem;border-radius:var(--bs-btn-border-radius)!important}.btn.rounded-0,.btn-group>.btn{border-radius:0!important}.btn-group>.btn:first-child{border-top-left-radius:50rem!important;border-bottom-left-radius:50rem!important}.btn-group>.btn:last-child{border-top-right-radius:50rem!important;border-bottom-right-radius:50rem!important}.lic-popup-dialog.xl{width:95%!important;max-width:1200px!important}.dark body,.dark .main-wrapper,.dark .page-wrapper,.dark .content{background-color:var(--bg-primary)!important;color:var(--text-main)!important}.dark .header,.dark .header-left,.dark .sidebar,.dark .sidebar-inner{background-color:var(--bg-card)!important;border-color:#ffffff1a!important}.dark .bar-icon span{background-color:var(--text-main)!important}.dark .header .dropdown-menu{background-color:var(--bg-card)!important;border-color:#ffffff1a!important}.dark .sidebar .sidebar-menu ul li a,.dark .sidebar .sidebar-menu ul li a span,.dark .sidebar .submenu-hdr span{color:var(--text-muted)!important}.dark .sidebar .sidebar-menu ul li.active>a,.dark .sidebar .sidebar-menu ul li.active>a span,.dark .sidebar .sidebar-menu ul li a:hover,.dark .sidebar .sidebar-menu ul li a:hover span{color:var(--text-main)!important;background-color:#ffffff1a!important}.dark .bg-white{background-color:var(--bg-card)!important}.dark .text-dark,.dark .header a:not(.btn-outline-primary):not(.btn-outline-light),.dark .header span:not(.text-warning span):not(.text-indigo span),.dark .logo-text{color:var(--text-main)!important}.dark .text-warning,.dark .text-warning span,.dark .text-warning i{color:#f59e0b!important}.dark .text-indigo,.dark .text-indigo span,.dark .text-indigo i{color:#818cf8!important}.dark .bg-warning-transparent{background-color:#f59e0b26!important}.dark .bg-indigo-transparent{background-color:#6366f126!important}.dark .header-left .logo-normal{display:none!important}.dark .header-left .dark-logo{display:inline-block!important}.dark .card{background-color:var(--bg-card)!important;color:var(--text-main)!important;border-color:#ffffff1a!important}.dark .border{border-color:#ffffff1a!important}.dark .text-muted{color:var(--text-muted)!important}@media (width<=991px){html,body,#root,.main-wrapper{max-width:100vw!important;overflow-x:hidden!important}.page-wrapper{width:100%!important;margin:0!important;padding:50px 0 0!important}.header-left{pointer-events:none!important;justify-content:center!important;width:100%!important;position:absolute!important;left:0!important}.header-left .logo,.header-left .dark-logo{pointer-events:auto!important}}.page-wrapper .content{min-height:calc(100vh - 60px)}.login-h6{letter-spacing:2px;font-size:12px}.login-h5{letter-spacing:2px;font-size:16px}.login-h2{letter-spacing:1px;text-shadow:0 2px 4px #0000004d;font-size:20px}.login-p{font-size:14px}.login-input-glass{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;color:#fff!important;background:#002684!important;border:1px solid #fff3!important;border-radius:8px!important;padding:12px 16px!important;font-size:16px!important}.placeholder-white::placeholder{font-size:14px;color:#ffffffb3!important}.placeholder-white:focus{box-shadow:none!important;color:#fff!important;background:#ffffff26!important;border-color:#fff9!important}.login-btn-glass{color:#fff!important;background:#03205b!important;border:none!important;border-radius:8px!important;padding:12px 0!important;font-size:16px!important;transition:all .3s!important}.login-btn-glass:hover{color:#fff!important;background:#002684!important}.login-eye-icon{cursor:pointer!important;font-size:18px!important}.login-container-wrapper{max-width:440px;transform:translateY(-8vh)}@media (width>=992px){.login-container-wrapper{max-width:484px;transform:translate(-8vw,-8vh)}.login-h6{font-size:13.2px}.login-h5{font-size:17.6px}.login-h2{font-size:28.6px}.login-p{font-size:15.4px}.login-input-glass{border-radius:8.8px!important;padding:13.2px 17.6px!important;font-size:17.6px!important}.placeholder-white::placeholder{font-size:15.4px}.login-btn-glass{border-radius:8.8px!important;padding:13.2px 0!important;font-size:17.6px!important}.login-eye-icon{font-size:19.8px!important}}
