@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;700&family=Fredoka:wght@400;600;700&family=Inter:wght@300;400;500;600;700;800&family=Lora:ital,wght@0,500;0,700;1,400&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";[data-design=glass] .glass-panel,[data-design=glass] .stat-card{-webkit-backdrop-filter:blur(14px)!important}[data-design=clay]{font-family:Plus Jakarta Sans,sans-serif!important}[data-design=clay] .glass-panel,[data-design=clay] .stat-card,[data-design=clay] .modal-content{-webkit-backdrop-filter:none!important;border:none!important;border-radius:26px!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s!important;box-shadow:10px 10px 24px #0006,-6px -6px 16px #ffffff0d,inset 2px 2px 4px #ffffff26,inset -4px -4px 8px #00000059!important}[data-mode=light][data-design=clay] .glass-panel,[data-mode=light][data-design=clay] .stat-card,[data-mode=light][data-design=clay] .modal-content{background:#e8ecf4!important;box-shadow:12px 12px 26px #a6b2c6a6,-10px -10px 24px #ffffffe6,inset 3px 3px 6px #fffc,inset -4px -4px 8px #a6b2c673!important}[data-design=clay] .btn-primary{border:none!important;border-radius:9999px!important;padding:12px 24px!important;font-weight:700!important;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s!important;box-shadow:6px 8px 18px #ff6b0066,inset 2px 2px 4px #fff6,inset -3px -3px 6px #00000040!important}[data-design=clay] .btn-primary:hover{transform:translateY(-3px)scale(1.02)!important;box-shadow:8px 12px 22px #ff6b0080,inset 2px 2px 4px #ffffff80,inset -3px -3px 6px #0003!important}[data-design=clay] .btn-primary:active{transform:translateY(2px)scale(.96)!important;box-shadow:2px 3px 8px #ff6b004d,inset 3px 3px 6px #00000059,inset -2px -2px 4px #fff3!important}[data-design=clay] .btn-secondary{border:none!important;border-radius:9999px!important;box-shadow:4px 6px 14px #00000040,inset 2px 2px 3px #ffffff26,inset -2px -2px 4px #00000040!important}[data-design=clay] .btn-secondary:active{transform:translateY(2px)scale(.96)!important}[data-design=clay] input,[data-design=clay] select,[data-design=clay] textarea{border:none!important;border-radius:16px!important;box-shadow:inset 4px 4px 8px #0006,inset -3px -3px 6px #ffffff14!important}[data-mode=light][data-design=clay] input,[data-mode=light][data-design=clay] select,[data-mode=light][data-design=clay] textarea{background-color:#dbe2ef!important;box-shadow:inset 4px 4px 8px #a6b2c680,inset -4px -4px 8px #ffffffe6!important}[data-design=clay] .badge{border-radius:9999px!important;padding:5px 12px!important;box-shadow:2px 3px 8px #00000040,inset 1px 1px 2px #fff6,inset -1px -1px 2px #0003!important}[data-design=clay] .nav-btn{border-radius:14px!important}[data-design=cartoon]{font-family:Fredoka,Plus Jakarta Sans,sans-serif!important}[data-design=cartoon] .glass-panel,[data-design=cartoon] .stat-card,[data-design=cartoon] .modal-content{-webkit-backdrop-filter:none!important;border:3px solid #000!important;border-radius:14px!important;box-shadow:5px 5px #000!important}[data-mode=dark][data-design=cartoon] .glass-panel,[data-mode=dark][data-design=cartoon] .stat-card,[data-mode=dark][data-design=cartoon] .modal-content{border:3px solid #fff!important;box-shadow:5px 5px #fff!important}[data-design=cartoon] .btn-primary,[data-design=cartoon] .btn-secondary{border:2.5px solid #000!important;border-radius:10px!important;font-weight:800!important;transition:transform .1s,box-shadow .1s!important;box-shadow:4px 4px #000!important}[data-mode=dark][data-design=cartoon] .btn-primary,[data-mode=dark][data-design=cartoon] .btn-secondary{border:2.5px solid #fff!important;box-shadow:4px 4px #fff!important}[data-design=cartoon] .btn-primary:hover,[data-design=cartoon] .btn-secondary:hover{transform:translate(-2px,-2px)!important;box-shadow:6px 6px #000!important}[data-mode=dark][data-design=cartoon] .btn-primary:hover,[data-mode=dark][data-design=cartoon] .btn-secondary:hover{box-shadow:6px 6px #fff!important}[data-design=cartoon] .btn-primary:active,[data-design=cartoon] .btn-secondary:active{transform:translate(4px,4px)!important;box-shadow:0 0 #0000!important}[data-design=cartoon] input,[data-design=cartoon] select,[data-design=cartoon] textarea{border:2.5px solid #000!important;border-radius:10px!important;box-shadow:3px 3px #000!important}[data-mode=dark][data-design=cartoon] input,[data-mode=dark][data-design=cartoon] select,[data-mode=dark][data-design=cartoon] textarea{border:2.5px solid #fff!important;box-shadow:3px 3px #fff!important}[data-design=cartoon] .badge{border:2px solid #000!important;border-radius:6px!important;font-weight:800!important;box-shadow:2px 2px #000!important}[data-mode=dark][data-design=cartoon] .badge{border:2px solid #fff!important;box-shadow:2px 2px #fff!important}[data-design=cartoon] .table-custom th{border-bottom:2.5px solid #000!important}[data-mode=dark][data-design=cartoon] .table-custom th{border-bottom:2.5px solid #fff!important}[data-design=neumorph] .glass-panel,[data-design=neumorph] .stat-card,[data-design=neumorph] .modal-content{-webkit-backdrop-filter:none!important;border:none!important;border-radius:20px!important;box-shadow:8px 8px 18px #13141a,-8px -8px 18px #292c38!important}[data-mode=light][data-design=neumorph] .glass-panel,[data-mode=light][data-design=neumorph] .stat-card,[data-mode=light][data-design=neumorph] .modal-content{background:#e0e5ec!important;box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff!important}[data-design=neumorph] input,[data-design=neumorph] select,[data-design=neumorph] textarea{border:none!important;border-radius:12px!important;box-shadow:inset 4px 4px 8px #13141a,inset -4px -4px 8px #292c38!important}[data-mode=light][data-design=neumorph] input,[data-mode=light][data-design=neumorph] select,[data-mode=light][data-design=neumorph] textarea{background-color:#e0e5ec!important;box-shadow:inset 4px 4px 8px #a3b1c6,inset -4px -4px 8px #fff!important}[data-design=neumorph] .btn-primary{border:none!important;border-radius:14px!important;box-shadow:4px 4px 10px #0000004d!important}[data-design=neumorph] .btn-primary:active{transform:scale(.98)!important;box-shadow:inset 3px 3px 6px #0006!important}[data-design=cyberpunk]{font-family:Chakra Petch,sans-serif!important}[data-design=cyberpunk] .glass-panel,[data-design=cyberpunk] .stat-card,[data-design=cyberpunk] .modal-content{border:1px solid var(--primary-orange)!important;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))!important;border-radius:0!important;box-shadow:0 0 16px #ff6b0059,inset 0 0 10px #ff6b001a!important}[data-design=cyberpunk] .btn-primary{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)!important;letter-spacing:.06em!important;text-transform:uppercase!important;border:none!important;border-radius:0!important}[data-design=cyberpunk] .btn-primary:hover{color:#000!important;background:#fff!important;box-shadow:0 0 14px #fff!important}[data-design=cyberpunk] input,[data-design=cyberpunk] select,[data-design=cyberpunk] textarea{border:1px solid var(--primary-orange)!important;background:#0a0c10e6!important;border-radius:0!important}[data-design=cyberpunk] .badge{border:1px solid var(--neon-green)!important;letter-spacing:.08em!important;border-radius:0!important}[data-design=retro95] .glass-panel,[data-design=retro95] .stat-card,[data-design=retro95] .modal-content{color:#000!important;background:silver!important;border:2px solid #404040!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;box-shadow:1px 1px #000!important}[data-design=retro95] .glass-panel *,[data-design=retro95] .stat-card *{color:#000!important}[data-design=retro95] .btn-primary,[data-design=retro95] .btn-secondary{color:#000!important;box-shadow:none!important;background:silver!important;border:2px solid #404040!important;border-color:#fff #404040 #404040 #fff!important;border-radius:0!important;font-weight:700!important}[data-design=retro95] .btn-primary:active,[data-design=retro95] .btn-secondary:active{border:2px solid #fff!important;border-color:#404040 #fff #fff #404040!important;padding-top:13px!important;padding-left:21px!important}[data-design=retro95] input,[data-design=retro95] select,[data-design=retro95] textarea{color:#000!important;background:#fff!important;border:2px solid #fff!important;border-color:#404040 #fff #fff #404040!important;border-radius:0!important}[data-design=paper]{font-family:Lora,Georgia,serif!important}[data-design=paper] .glass-panel,[data-design=paper] .stat-card,[data-design=paper] .modal-content{border:1px dashed #c29b3866!important;border-radius:6px!important;box-shadow:4px 6px 18px #0000002e!important}[data-mode=light][data-design=paper] .glass-panel,[data-mode=light][data-design=paper] .stat-card,[data-mode=light][data-design=paper] .modal-content{background:#fdfbf7!important;border:1px dashed #c29b38!important}[data-design=paper] .btn-primary{border:none!important;border-radius:4px!important;box-shadow:2px 3px 6px #0003!important}[data-design=paper] input,[data-design=paper] select,[data-design=paper] textarea{border:1px solid #c29b384d!important;border-radius:4px!important}[data-design=paper] .badge{text-transform:uppercase!important;letter-spacing:.05em!important;border-radius:4px!important}[data-design=saas] .glass-panel,[data-design=saas] .stat-card,[data-design=saas] .modal-content{-webkit-backdrop-filter:none!important;border:1px solid #ffffff14!important;border-radius:12px!important;box-shadow:0 1px 3px #0000000f,0 8px 24px #0000000a!important}[data-mode=light][data-design=saas] .glass-panel,[data-mode=light][data-design=saas] .stat-card,[data-mode=light][data-design=saas] .modal-content{background:#fff!important;border:1px solid #e2e8f0!important}[data-design=saas] .btn-primary{border-radius:8px!important;box-shadow:0 1px 2px #0000001a!important}[data-design=saas] .btn-primary:hover{filter:brightness(1.08)!important;transform:none!important}[data-design=saas] input,[data-design=saas] select,[data-design=saas] textarea{border:1px solid #ffffff1f!important;border-radius:8px!important}[data-mode=light][data-design=saas] input,[data-mode=light][data-design=saas] select,[data-mode=light][data-design=saas] textarea{border:1px solid #cbd5e1!important}[data-design=saas] .badge{border-radius:6px!important}[data-design=aurora] .glass-panel,[data-design=aurora] .stat-card,[data-design=aurora] .modal-content{position:relative;border:1px solid #fff3!important;border-radius:18px!important;box-shadow:0 10px 30px #00000040!important}[data-design=aurora] .btn-primary{background:linear-gradient(135deg, var(--primary-orange), #ec4899)!important;border-radius:10px!important;box-shadow:0 4px 18px #ec489966!important}[data-design=aurora] .btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 6px 24px #ec489999!important}[data-design=aurora] input,[data-design=aurora] select,[data-design=aurora] textarea{border:1px solid #fff3!important;border-radius:10px!important}[data-design=aurora] .badge{background:linear-gradient(135deg,#ff6b0033,#0ea5e933)!important;border:1px solid #ffffff4d!important;border-radius:9999px!important}[data-design=bento] .glass-panel,[data-design=bento] .stat-card,[data-design=bento] .modal-content{-webkit-backdrop-filter:none!important;border:none!important;border-radius:28px!important;box-shadow:0 8px 30px #0000001f!important}[data-mode=light][data-design=bento] .glass-panel,[data-mode=light][data-design=bento] .stat-card,[data-mode=light][data-design=bento] .modal-content{background:#fff!important}[data-design=bento] .btn-primary{border:none!important;border-radius:9999px!important;padding:12px 22px!important;transition:transform .15s!important}[data-design=bento] .btn-primary:hover{transform:scale(1.03)!important}[data-design=bento] .btn-primary:active{transform:scale(.96)!important}[data-design=bento] .btn-secondary{border:none!important;border-radius:9999px!important}[data-design=bento] input,[data-design=bento] select,[data-design=bento] textarea{background:#7d7d7d14!important;border:none!important;border-radius:18px!important}[data-mode=light][data-design=bento] input,[data-mode=light][data-design=bento] select,[data-mode=light][data-design=bento] textarea{background:#f1f3f7!important}[data-design=bento] .badge{border-radius:9999px!important;padding:5px 14px!important}:root{--primary-orange:#ff6b00;--hover-orange:#e65c00;--neon-green:#0f6;--bg-color:#0f1015;--panel-bg:#151615;--header-bg:#121318;--text-light:#f4f4f5;--text-muted:#a1a1aa;--glass-border:#ff6b0033;--card-sub-bg:#00000040;--chart-tick:#ffffff73;--chart-grid:#ffffff12;--lp-bg:#18191a;--lp-card-bg:#242526;--lp-sub-bg:#3a3b3c;--lp-border:#393a3b;--lp-text-primary:#e4e6eb;--lp-text-muted:#b0b3b8;--lp-text-sub:#94a3b8;--lp-input-bg:#3a3b3c;--lp-input-border:#4e4f50;--lp-hover-bg:#ffffff14;--lp-shadow:0 4px 12px #00000073}[data-mode=light]{--lp-shadow:0 2px 10px #0000000f;--bg-color:#f8fafc!important;--panel-bg:#fff!important;--header-bg:#fff!important;--text-light:#0f172a!important;--text-muted:#475569!important;--glass-border:#0f172a1f!important;--card-sub-bg:#f1f5f9!important;--neon-green:#059669!important;--chart-tick:#475569!important;--chart-grid:#0f172a14!important;--lp-bg:#f0f2f5!important;--lp-card-bg:#fff!important;--lp-sub-bg:#f1f5f9!important;--lp-border:#e2e8f0!important;--lp-text-primary:#0f172a!important;--lp-text-muted:#334155!important;--lp-text-sub:#64748b!important;--lp-input-bg:#fff!important;--lp-input-border:#cbd5e1!important;--lp-hover-bg:#0f172a0d!important}[data-mode=light] .glass-panel{color:#0f172a!important;background:#fff!important;border:1px solid #0f172a1f!important;box-shadow:0 4px 20px #0000000d!important}[data-mode=light] .app-header{background:#fff!important;border-bottom:1px solid #0f172a1a!important;box-shadow:0 2px 10px #0000000a!important}[data-mode=light] .app-sidebar{background:#fff!important;border-right:1px solid #0f172a1a!important;box-shadow:2px 0 15px #0000000a!important}[data-mode=light] .nav-btn{color:#475569!important}[data-mode=light] .nav-btn:hover{color:var(--primary-orange)!important;background:#0f172a0f!important}[data-mode=light] .nav-btn.active{color:var(--primary-orange)!important;background:#0f172a14!important;font-weight:700!important}[data-mode=light] input,[data-mode=light] select,[data-mode=light] textarea{color:#0f172a!important;background-color:#fff!important;border-color:#0f172a33!important}[data-mode=light] input::placeholder,[data-mode=light] textarea::placeholder{color:#94a3b8!important}[data-mode=light] option{color:#0f172a!important;background-color:#fff!important}[data-mode=light] optgroup{color:#0369a1!important;background-color:#f1f5f9!important;font-weight:700!important}[data-mode=light] .table-custom th{color:var(--primary-orange)!important;background:#f1f5f9!important;border-bottom:2px solid #0f172a1a!important}[data-mode=light] .table-custom td{color:#0f172a!important;border-bottom-color:#0f172a14!important}[data-mode=light] .table-custom td p,[data-mode=light] .table-custom td strong,[data-mode=light] .table-custom td b{color:#0f172a!important}[data-mode=light] .table-custom tr:hover{background:#f8fafc!important}[data-mode=light] .modal-content{color:#0f172a!important;background-color:#fff!important;border-color:#0f172a26!important;box-shadow:0 20px 50px #00000026!important}[data-mode=light] [style*="color: #E2E8F0"],[data-mode=light] [style*="color: #e2e8f0"],[data-mode=light] [style*="color: #F1F5F9"],[data-mode=light] [style*="color: #f1f5f9"]{color:#0f172a!important}[data-mode=light] [style*="color: #38BDF8"],[data-mode=light] [style*="color: #38bdf8"]{color:#0284c7!important}[data-mode=light] [style*="color: #34D399"],[data-mode=light] [style*="color: #34d399"]{color:#059669!important}[data-mode=light] [style*="color: #FCD34D"],[data-mode=light] [style*="color: #fcd34d"],[data-mode=light] [style*="color: #FBBF24"],[data-mode=light] [style*="color: #fbbf24"]{color:#b45309!important}[data-mode=light] [style*="color: #F87171"],[data-mode=light] [style*="color: #f87171"]{color:#dc2626!important}[data-mode=light] [style*="color: #C084FC"],[data-mode=light] [style*="color: #c084fc"]{color:#7e22ce!important}[data-mode=light] [style*="color: #93C5FD"],[data-mode=light] [style*="color: #93c5fd"]{color:#1d4ed8!important}[data-mode=light] .badge-green,[data-mode=light] .badge-success{color:#15803d!important;background:#16a34a1f!important;border:1px solid #16a34a4d!important}[data-mode=light] .badge-danger{color:#b91c1c!important;background:#dc26261f!important;border:1px solid #dc26264d!important}[data-mode=light] .badge-warning{color:#b45309!important;background:#d977061f!important;border:1px solid #d977064d!important}[data-mode=light] .badge-info,[data-mode=light] .badge-primary{color:#0369a1!important;background:#0284c71f!important;border:1px solid #0284c74d!important}[data-mode=light] .badge-orange{color:#c2410c!important;background:#ea580c1f!important;border:1px solid #ea580c4d!important}[data-mode=light] .stat-card{background:#fff!important;border:1px solid #0f172a1a!important;box-shadow:0 4px 15px #00000008!important}[data-mode=light] .stat-card:hover{border-color:var(--primary-orange)!important;box-shadow:0 8px 25px #0f172a14!important}[data-mode=dark] input,[data-mode=dark] select,[data-mode=dark] textarea{background-color:var(--panel-bg,#151615)!important;color:var(--text-light,#f4f4f5)!important;border-color:var(--glass-border)!important}[data-mode=dark] input::placeholder,[data-mode=dark] textarea::placeholder{color:#71717a!important}[data-mode=dark] option{color:#f4f4f5!important;background-color:#18181b!important}[data-mode=dark] optgroup{color:var(--primary-orange)!important;background-color:#27272a!important;font-weight:700!important}[data-mode=dark] .badge-green,[data-mode=dark] .badge-success{color:#4ade80!important;background:#00ff6626!important;border:1px solid #00ff664d!important}[data-mode=dark] .badge-danger{color:#f87171!important;background:#ff444426!important;border:1px solid #ff44444d!important}[data-mode=dark] .badge-warning{color:#fbbf24!important;background:#ffa50026!important;border:1px solid #ffa5004d!important}[data-mode=dark] .badge-info,[data-mode=dark] .badge-primary{color:#38bdf8!important;background:#3399ff26!important;border:1px solid #3399ff4d!important}[data-mode=dark] .badge-orange{color:var(--primary-orange)!important;border:1px solid var(--glass-border)!important;background:#ff6b0026!important}[data-theme=ocean_blue]{--primary-orange:#3b82f6;--hover-orange:#2563eb;--bg-color:#0a0f1e;--panel-bg:#0f1729;--header-bg:#0c1322;--glass-border:#3b82f633}[data-theme=royal_purple]{--primary-orange:#8b5cf6;--hover-orange:#7c3aed;--bg-color:#0d0a1e;--panel-bg:#150f29;--header-bg:#100c22;--glass-border:#8b5cf633}[data-theme=emerald_green]{--primary-orange:#10b981;--hover-orange:#059669;--bg-color:#071a12;--panel-bg:#0a1f16;--header-bg:#081910;--glass-border:#10b98133}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden;background-color:var(--bg-color)!important;color:var(--text-light)!important}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--panel-bg);border-radius:8px}::-webkit-scrollbar-thumb{background:var(--primary-orange);border:2px solid var(--panel-bg);border-radius:8px}::-webkit-scrollbar-thumb:hover{opacity:.8}*{scrollbar-width:thin;scrollbar-color:var(--primary-orange) var(--panel-bg)}.presensi-inner-scroll{scrollbar-width:thin;scrollbar-color:#ff6b0066 transparent}.presensi-inner-scroll::-webkit-scrollbar{width:5px}.presensi-inner-scroll::-webkit-scrollbar-track{background:0 0}.presensi-inner-scroll::-webkit-scrollbar-thumb{background:#ff6b0066;border-radius:4px}.presensi-inner-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary-orange)}.glass-panel{-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:25px;transition:background-color .3s,border-color .3s;background:var(--panel-bg)!important;border:1px solid var(--glass-border)!important;color:var(--text-light)!important}.loader{border:3px solid #ffffff1a;border-top:3px solid var(--primary-orange);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notif{z-index:99999;word-break:break-word;border-radius:8px;max-width:350px;padding:15px 20px;font-weight:700;transition:transform .3s;position:fixed;top:20px;right:20px;transform:translate(150%);box-shadow:0 5px 15px #00000080}.notif.show{transform:translate(0)}.notif.success{background-color:var(--primary-orange);color:#fff}.notif.error{color:#fff;background-color:#f44}.notif.info{color:#fff;background-color:#39f}.hidden{display:none!important}.nav-btn{text-align:left;width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-btn:hover{color:var(--primary-orange);background:#ffffff14}.nav-btn.active{color:var(--primary-orange);border-color:var(--glass-border);background:#ffffff1f;font-weight:700}.form-group{margin-bottom:16px}.form-group label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--glass-border);border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:border .2s;background:var(--panel-bg)!important;color:var(--text-light)!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-orange);box-shadow:0 0 0 2px #ff6b0033}select,option,input,textarea{background-color:var(--panel-bg)!important;color:var(--text-light)!important}.btn-primary{cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s;background:var(--primary-orange)!important;color:#fff!important}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 15px #ff6b004d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-muted);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:13px;transition:all .2s}.btn-secondary:hover{color:var(--text-light);background:#ffffff14}.table-custom{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.table-custom th,.table-custom td{text-align:left;border-bottom:1px solid var(--glass-border);padding:12px 15px;color:var(--text-light)!important}.table-custom th{text-transform:uppercase;letter-spacing:.5px;background:#ffffff08;font-size:12px;font-weight:600;color:var(--primary-orange)!important}.table-custom tr:hover{background:#ffffff08}.modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:10000;opacity:0;pointer-events:none;background:#000000bf;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{background:var(--panel-bg,#151615);border:1px solid var(--glass-border,#ff6b0033);width:90%;max-width:500px;max-height:90vh;color:var(--text-light);border-radius:16px;padding:25px;transition:transform .3s;overflow-y:auto;transform:translateY(-20px);box-shadow:0 10px 40px #0009}.modal-overlay.active .modal-content{transform:translateY(0)}.badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-success{color:#0f6;background:#00ff6626;border:1px solid #00ff664d}.badge-warning{color:orange;background:#ffa50026;border:1px solid #ffa5004d}.badge-danger{color:#f44;background:#ff444426;border:1px solid #ff44444d}.badge-info{color:#39f;background:#3399ff26;border:1px solid #3399ff4d}.badge-orange{color:var(--primary-orange);border:1px solid var(--glass-border);background:#ff6b0026}.stat-card{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:12px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--primary-orange);transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.app-sidebar{border-right:1px solid var(--glass-border);background:var(--panel-bg);inset-block:0;z-index:50;flex-direction:column;width:256px;transition:transform .3s;display:flex;position:fixed;left:0;box-shadow:2px 0 20px #0000004d}.app-sidebar.hidden-mobile{transform:translate(-100%)}.app-header{background:var(--panel-bg);border-bottom:1px solid var(--glass-border);z-index:30;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.app-content{flex:1;padding:24px;overflow-y:auto}.app-layout{height:100vh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;margin-left:256px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s forwards fadeIn}@keyframes pulse-ring{0%{box-shadow:0 0 #ffd70080}70%{box-shadow:0 0 0 8px #ffd70000}to{box-shadow:0 0 #ffd70000}}.animate-pulse-ring{animation:2s infinite pulse-ring}@media (width<=1024px){.app-main{margin-left:0}.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}}.fb-show-mobile{display:none!important}.fb-landing-grid{grid-template-columns:260px minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.fb-landing-center-col{scroll-behavior:smooth;flex-direction:column;gap:14px;min-width:0;max-height:727px;padding-right:6px;display:flex;overflow-y:auto}.fb-landing-center-col::-webkit-scrollbar{width:6px}.fb-landing-center-col::-webkit-scrollbar-track{background:#24252699;border-radius:4px}.fb-landing-center-col::-webkit-scrollbar-thumb{background:#4e4f50;border-radius:4px}.fb-landing-center-col::-webkit-scrollbar-thumb:hover{background:#60a5fa}@media (width<=992px){.fb-landing-center-col{max-height:none;padding-right:0;overflow-y:visible}}.fb-posts-2x2-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.fb-post-card{background-color:#242526;border:1px solid #393a3b;border-radius:12px;flex-direction:column;justify-content:space-between;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.fb-post-card:hover{border-color:#1877f2;transform:translateY(-4px);box-shadow:0 10px 28px #0000008c}.fb-post-card-img-wrap{background:#18191a;width:100%;height:140px;position:relative;overflow:hidden}.fb-post-card-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.fb-post-card:hover .fb-post-card-img-wrap img{transform:scale(1.05)}@media (width<=680px){.fb-posts-2x2-grid{grid-template-columns:1fr}}.fb-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.fb-footer-card{background-color:#242526;border:1px solid #393a3b;border-radius:10px;flex-direction:column;height:490px;padding:16px;display:flex;overflow:hidden}.fb-footer-card-body{flex:1;padding-right:4px;overflow-y:auto}.fb-mobile-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#000000b3;animation:.2s ease-out fadeIn;position:fixed;inset:0}.fb-mobile-sidebar-drawer{z-index:9999;background:#242526;border-right:1px solid #393a3b;flex-direction:column;width:290px;max-width:85vw;height:100vh;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:8px 0 32px #000c}.fb-mobile-sidebar-drawer.open{transform:translate(0)}[data-mode=light] .fb-post-card,[data-mode=light] .fb-footer-card,[data-mode=light] .fb-mobile-sidebar-drawer{color:#0f172a!important;background-color:#fff!important;border-color:#e2e8f0!important;box-shadow:0 2px 10px #0000000d!important}[data-mode=light] .fb-post-card-img-wrap{background-color:#f1f5f9!important}[data-mode=light] .fb-landing-center-col::-webkit-scrollbar-track{background:#f1f5f9!important}[data-mode=light] .fb-landing-center-col::-webkit-scrollbar-thumb{background:#cbd5e1!important}[data-mode=light] .fb-landing-center-col::-webkit-scrollbar-thumb:hover{background:var(--primary-orange,#3b82f6)!important}@media (width<=1100px){.fb-landing-grid{grid-template-columns:250px minmax(0,1fr)}}@media (width<=768px){.fb-hide-mobile{display:none!important}.fb-show-mobile{display:flex!important}.fb-mobile-col{text-align:center!important;flex-direction:column!important;align-items:center!important}.fb-mobile-full{width:100%!important}.fb-landing-grid,.fb-footer-grid{grid-template-columns:1fr!important}.fb-desktop-sidebar{display:none!important}.fb-cover-height{height:200px!important}.fb-avatar-size{width:110px!important;height:110px!important;margin-top:-55px!important;margin-left:auto!important;margin-right:auto!important;font-size:50px!important}.fb-profile-title{justify-content:center!important;font-size:20px!important}.fb-search-bar{cursor:pointer!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;width:32px!important;height:32px!important;padding:0!important}.fb-search-input{display:none!important}.fb-top-action-btn{justify-content:center!important;min-width:34px!important;padding:6px 8px!important;font-size:13px!important}.fb-ai-chat-box{width:calc(100vw - 24px)!important;max-height:calc(100vh - 90px)!important;bottom:12px!important;right:12px!important}}