:root{--bg-base: #06080c;--bg-surface: #0f131a;--bg-card: #141a24;--bg-panel: rgba(15, 19, 26, .75);--border-color: rgba(255, 255, 255, .05);--border-hover: rgba(255, 255, 255, .12);--color-primary: #10b981;--color-primary-hover: #059669;--color-primary-glow: rgba(16, 185, 129, .15);--color-accent: #3b82f6;--color-danger: #ef4444;--color-warning: #f59e0b;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dark: #64748b;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-accent: "Outfit", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 30px rgba(0, 0, 0, .35);--shadow-glow: 0 0 20px var(--color-primary-glow);--transition: all .25s cubic-bezier(.4, 0, .2, 1)}.btn-icon{background:#3b82f61f!important;color:#60a5fa!important;border:1px solid rgba(59,130,246,.25)!important;border-radius:8px!important;padding:6px 9px!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;box-shadow:0 2px 4px #0003!important}.btn-icon:hover{background:#3b82f640!important;border-color:#60a5fa!important}.btn-icon.btn-danger{background:#ef44441f!important;color:#f87171!important;border:1px solid rgba(239,68,68,.25)!important}.btn-icon.btn-danger:hover{background:#ef444440!important;border-color:#f87171!important}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff40}body{background-color:var(--bg-base);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(at 0% 0%,rgba(16,185,129,.04) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(59,130,246,.03) 0px,transparent 50%);background-attachment:fixed}#root{min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition)}.glass-panel:hover{border-color:var(--border-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #10b9811a}50%{box-shadow:0 0 25px #10b98140}}.animate-fade{animation:fadeIn .4s ease-out forwards}.animate-slide{animation:slideUp .45s cubic-bezier(.16,1,.3,1) forwards}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-accent)}.badge-present{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.15)}.badge-late{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.15)}.badge-late-informed{background:#f59e0b14;color:#fbbf24;border:1px dashed rgba(245,158,11,.4)}.badge-early{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.15)}.badge-absent{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.15)}.badge-half-day{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.15)}.badge-full-day{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.15)}.badge-comp-off{background:#8b5cf61a;color:#a78bfa;border:1px solid rgba(139,92,246,.15)}.badge-sunday-pending{background:#f59e0b1a;color:#fbbf24;border:1px solid rgba(245,158,11,.15)}.badge-sunday-rejected{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.15)}.badge-paid-leave{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.15)}.badge-week-off{background:#ffffff0d;color:#aaa;border:1px solid rgba(255,255,255,.15)}input,select,textarea{background-color:#0003;border:1px solid var(--border-color);color:var(--text-main);padding:10px 14px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:.9rem;transition:var(--transition);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 10px #10b98133;background-color:#00000059}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-family:var(--font-accent);border:none}.btn-primary{background-color:var(--color-primary);color:#052e16}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background-color:#ffffff0d;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#ffffff1a;border-color:var(--border-hover)}.btn-danger{background-color:var(--color-danger);color:#fef2f2}.btn-danger:hover{background-color:#dc2626;box-shadow:0 0 15px #ef44444d}.table-container{width:100%;max-width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card)}table{width:100%;border-collapse:collapse;text-align:left}th{background-color:#ffffff05;color:var(--text-muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--border-color);font-family:var(--font-accent)}td{padding:10px 12px;border-bottom:1px solid var(--border-color);font-size:.82rem;color:var(--text-main);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background-color:#ffffff04}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.grid-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.grid-cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.grid-cols-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.grid-cols-6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}@media (max-width: 1400px){.grid-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1200px){.grid-cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1024px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.grid-cols-6,.grid-cols-5,.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.whatsapp-preview-container{background-color:#0b141a;background-image:radial-gradient(rgba(16,185,129,.04) 1px,transparent 0);background-size:20px 20px;border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;min-height:150px;max-height:200px;overflow:hidden;box-shadow:inset 0 0 12px #0009;text-align:left}.whatsapp-chat-header{background-color:#202c33;padding:8px 14px;display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.04)}.whatsapp-chat-body{padding:12px;flex:1;overflow-y:auto;display:flex;align-items:flex-start;justify-content:flex-start;background-color:#0b141a}.whatsapp-bubble{background-color:#005c4b;color:#e9edef;padding:8px 12px 24px;border-radius:0 8px 8px;position:relative;font-size:.85rem;line-height:1.4;width:100%;max-width:90%;word-break:break-word;box-shadow:0 1px .5px #00000026;font-family:var(--font-sans)}.whatsapp-bubble-time{position:absolute;bottom:4px;right:8px;font-size:.62rem;color:#ffffff80;display:flex;align-items:center;gap:2px}.kpi-card{cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-4px);border-color:#ffffff26!important;box-shadow:0 12px 40px #00000080,0 0 15px #ffffff05}.kpi-card:active{transform:translateY(-1px)}.profile-split-container{display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:flex-start;width:100%}@media (max-width: 1024px){.profile-split-container{grid-template-columns:1fr}}.profile-avatar-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,#059669 100%);color:var(--text-main);display:flex;align-items:center;justify-content:center;font-family:var(--font-accent);font-size:2.2rem;font-weight:800;border:3px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #10b98133}.profile-meta-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.03)}.profile-meta-item:last-child{border-bottom:none}.profile-meta-icon{color:var(--color-primary);margin-top:2px;display:flex;align-items:center;justify-content:center}.radial-progress-container{position:relative;width:70px;height:70px;display:flex;align-items:center;justify-content:center}.radial-progress-value{position:absolute;font-family:var(--font-accent);font-size:.95rem;font-weight:700;color:var(--text-main)}.profile-info-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:16px!important}.profile-info-card h2{white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;font-size:1.4rem!important;line-height:1.3!important;width:100%!important}@media (max-width: 768px){.profile-split-container{grid-template-columns:1fr!important}.employee-header-container{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.employee-nav-bar{width:100%!important;overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;display:flex!important;gap:8px!important}.employee-nav-bar button{flex-shrink:0!important}.reimbursements-grid{grid-template-columns:1fr!important;gap:20px!important}.reimbursements-grid>div{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.glass-panel-login{padding:24px 20px!important;margin:10px!important}.flex-between{flex-wrap:wrap!important;gap:12px!important}.table-container{width:100%!important;overflow-x:auto!important;display:block!important;-webkit-overflow-scrolling:touch!important}.table-container table{min-width:650px!important;width:100%!important}h1{font-size:1.5rem!important}.employee-profile-summary{text-align:center!important;width:100%!important}.employee-signout-btn{align-self:center!important;margin:0 auto!important}}@media (max-width: 480px){body{padding:0!important}main{padding:16px 12px!important}header{padding:12px 16px!important}.glass-panel{padding:12px 16px!important}.table-container{margin:0 -16px!important;border-radius:0!important;border-left:none!important;border-right:none!important}.table-container table{min-width:580px!important}.table-container table th,.table-container table td{padding:10px 8px!important;font-size:.8rem!important}.profile-info-card h2{font-size:1.25rem!important}}.glass-panel form input[type=text],.glass-panel form input[type=number],.glass-panel form input[type=date],.glass-panel form input[type=tel],.glass-panel form input[type=file],.glass-panel form select,.glass-panel form textarea{width:100%!important;box-sizing:border-box!important}.mobile-bottom-nav{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom,0px));left:14px;right:14px;max-width:480px;margin:0 auto;height:64px;background:#0f172ae0!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:32px;display:none;justify-content:space-around;align-items:center;z-index:9999;padding:6px 12px;box-shadow:0 16px 36px -4px #000000a6,0 0 20px #10b98114}.mobile-bottom-nav-item{background:transparent!important;border:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:var(--text-muted)!important;font-size:.65rem!important;font-weight:600!important;gap:3px!important;padding:6px 10px!important;cursor:pointer!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;outline:none!important;box-shadow:none!important;border-radius:16px!important;-webkit-tap-highlight-color:transparent;position:relative!important}.mobile-bottom-nav-item:hover{color:var(--text-main)!important}.mobile-bottom-nav-item:active{transform:scale(.92)}.mobile-bottom-nav-item.active{color:#10b981!important;background:#10b9811f!important}.mobile-bottom-nav-item svg{transition:transform .2s ease!important}.mobile-bottom-nav-item.active svg{transform:translateY(-2px) scale(1.08);color:#10b981;filter:drop-shadow(0 0 6px rgba(16,185,129,.4))}.quick-action-circle{background:transparent!important;border:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:var(--text-main)!important;gap:8px!important;cursor:pointer!important;transition:var(--transition)!important;padding:4px 8px!important;outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}.quick-action-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-full);background:#ffffff0a;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:var(--shadow-sm);transition:all .25s ease}.quick-action-circle:hover .quick-action-icon-wrapper,.quick-action-circle:active .quick-action-icon-wrapper{transform:translateY(-3px) scale(1.06);border-color:var(--color-primary);box-shadow:0 6px 16px #10b98133;background:#10b98114}.quick-action-circle:nth-child(2) .quick-action-icon-wrapper{color:var(--color-accent)}.quick-action-circle:nth-child(2):hover .quick-action-icon-wrapper,.quick-action-circle:nth-child(2):active .quick-action-icon-wrapper{border-color:var(--color-accent);box-shadow:0 6px 16px #3b82f633;background:#3b82f614}.quick-action-circle:nth-child(3) .quick-action-icon-wrapper{color:var(--color-warning)}.quick-action-circle:nth-child(3):hover .quick-action-icon-wrapper,.quick-action-circle:nth-child(3):active .quick-action-icon-wrapper{border-color:var(--color-warning);box-shadow:0 6px 16px #f59e0b33;background:#f59e0b14}.fintech-wallet-card{background:linear-gradient(145deg,#141a26bf,#0c111ad9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.07);border-radius:16px;box-shadow:0 8px 24px -4px #00000059;padding:16px;transition:all .25s ease;display:flex;flex-direction:column;gap:12px}.fintech-wallet-card:hover{border-color:#ffffff24;transform:translateY(-2px);box-shadow:0 12px 28px -4px #00000073}.live-pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 #10b981b3;animation:livePulse 2s infinite;display:inline-block}@keyframes livePulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.ledger-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff04;border:1px solid var(--border-color);padding:12px 16px;border-radius:12px;transition:var(--transition)}.ledger-item:hover{background:#ffffff06;border-color:var(--border-hover)}@media (max-width: 768px){.employee-nav-bar,.employee-profile-summary,.employee-signout-btn{display:none!important}.mobile-bottom-nav{display:flex!important}main{padding:16px 12px 110px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior-y:contain!important;flex:1 1 auto!important;min-height:0!important;width:100%!important;box-sizing:border-box!important}}.responsive-profile-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.responsive-profile-grid>div{display:flex!important;flex-direction:column!important;gap:4px!important;text-align:left!important;min-width:0!important;box-sizing:border-box!important}.responsive-profile-grid span{font-size:.65rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--text-muted)!important}.responsive-profile-grid strong{font-size:.9rem!important;font-weight:600!important;color:var(--text-main)!important;word-break:break-word!important;overflow-wrap:break-word!important}.responsive-bank-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:20px!important}.responsive-bank-grid>div{display:flex!important;flex-direction:column!important;gap:4px!important;text-align:left!important;min-width:0!important;box-sizing:border-box!important}.responsive-bank-grid span{font-size:.65rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--text-muted)!important}.responsive-bank-grid strong{font-size:.9rem!important;font-weight:600!important;color:var(--text-main)!important;word-break:break-word!important;overflow-wrap:break-word!important}.details-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}.details-grid>div{display:flex!important;flex-direction:column!important;gap:4px!important;text-align:left!important}.details-grid span{font-size:.65rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--text-muted)!important}.details-grid strong{font-size:.85rem!important;font-weight:600!important;color:var(--text-main)!important}.details-single-row{display:flex!important;flex-direction:column!important;gap:4px!important;text-align:left!important}.details-single-row span{font-size:.65rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:var(--text-muted)!important}.details-single-row strong{font-size:.85rem!important;font-weight:600!important;color:var(--text-main)!important}@media (max-width: 600px){.responsive-profile-grid,.responsive-bank-grid,.details-grid{grid-template-columns:1fr!important;gap:14px!important}}.profile-cover-banner{position:relative;height:160px;border-radius:16px;background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);overflow:visible;margin-bottom:50px;box-shadow:0 4px 20px #00000040;animation:fadeIn .4s ease-out}.profile-cover-back-btn{position:absolute;top:16px;left:16px;background-color:#0f172ab3!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;border-radius:8px;cursor:pointer;z-index:10;transition:all .2s ease}.profile-cover-back-btn:hover{background-color:#0f172ae6!important;transform:translate(-2px)}.profile-overlap-avatar{position:absolute;bottom:-48px;left:32px;width:96px;height:96px;border-radius:50%;background-color:var(--bg-panel);border:4px solid var(--bg-panel);box-shadow:0 8px 24px #0006;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--text-main);font-family:var(--font-accent);z-index:5;transition:transform .2s ease}.profile-overlap-avatar:hover{transform:scale(1.05)}.avatar-pulse-indicator{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;border:3px solid var(--bg-panel)}@keyframes pulse-grow{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.avatar-pulse-indicator.active{background-color:var(--color-success);animation:pulse-grow 2s infinite}.avatar-pulse-indicator.inactive{background-color:var(--text-muted)}.copy-shortcut-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:6px;opacity:.6}.copy-shortcut-btn:hover{color:var(--color-primary);background-color:#ffffff0d;opacity:1}.leave-progress-wrapper{margin-top:6px;margin-bottom:8px}.leave-progress-track{width:100%;height:8px;background-color:#ffffff0d;border-radius:4px;overflow:hidden;position:relative}.leave-progress-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.leave-adjust-btn{padding:6px 12px;border-radius:6px;font-weight:700;font-size:.75rem;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.profile-tab-header{display:flex;border-bottom:1px solid var(--border-color);gap:8px;position:relative;overflow-x:auto;scrollbar-width:none}.profile-tab-header::-webkit-scrollbar{display:none}.profile-tab-btn{background:none;border:none;color:var(--text-muted);padding:14px 18px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .2s ease;position:relative;display:flex;align-items:center;gap:8px;white-space:nowrap}.profile-tab-btn:hover{color:var(--text-main)}.profile-tab-btn.active{color:var(--color-primary)}.profile-tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,#3b82f6 100%);border-radius:3px 3px 0 0;animation:slideInUnderline .25s cubic-bezier(.4,0,.2,1)}@keyframes slideInUnderline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.profile-tab-badge{background-color:#ffffff14;color:var(--text-muted);padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700;transition:all .2s ease}.profile-tab-btn.active .profile-tab-badge{background-color:#3b82f626;color:var(--color-primary)}.meta-info-card-new{display:flex;align-items:center;gap:12px;padding:10px 14px;background-color:#ffffff03;border:1px solid var(--border-color);border-radius:10px;transition:all .25s ease}.meta-info-card-new:hover{background-color:#ffffff08;border-color:#ffffff1f;transform:translateY(-1px)}.meta-info-icon-new{background-color:#ffffff08;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.logs-expandable-row{background-color:#0f172a40!important;border-left:3px solid var(--color-primary);animation:slideDownPanel .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDownPanel{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.osm-map-iframe-container{position:relative;width:100%;height:180px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000026}.osm-map-iframe{width:100%;height:100%;border:none}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff26;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:24px;border:1px solid rgba(255,255,255,.1)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:#10b981;border-color:#10b981;box-shadow:0 0 12px #10b9814d}input:checked+.slider:before{transform:translate(20px)}.settings-tab-btn{padding:10px 18px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-muted);font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.settings-tab-btn:hover{background:#ffffff14;color:#fff}.settings-tab-btn.active{background:linear-gradient(135deg,#10b98133,#3b82f633);border-color:#10b981;color:#fff;font-weight:700;box-shadow:0 4px 16px #10b98126}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#000000bf!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:16px!important;box-sizing:border-box!important}.modal-content{background:#121215!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;box-shadow:0 20px 50px #0009!important;max-height:90vh!important;overflow-y:auto!important;box-sizing:border-box!important}@media (max-width: 768px){.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{width:100%!important;max-width:100%!important;border-radius:24px 24px 0 0!important;max-height:88vh!important;border-bottom:none!important;animation:slideUpModal .3s cubic-bezier(.16,1,.3,1)!important;padding:20px 16px 36px!important;position:relative!important}}@keyframes slideUpModal{0%{transform:translateY(100%);opacity:.8}to{transform:translateY(0);opacity:1}}.skeleton-card{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:12px;border:1px solid rgba(255,255,255,.05)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}