:root{--primary-purple:#6366f1;--primary-purple-dark:#4f46e5;--primary-purple-light:#a5b4fc;--secondary-purple:#8b5cf6;--accent-purple:#c4b5fd;--gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--gradient-header:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--bg-subtle:#f5f3ff}.swal-above-drawer{z-index:999999!important}html{font-size:14px}@media(min-width:768px){html{font-size:16px}}html,body{position:relative;min-height:100%;margin-bottom:60px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-color:#faf9ff;color:#333;overflow-x:hidden;background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 50%,#f5f3ff 100%);background-attachment:fixed}h2,h3,h4{font-weight:600;color:#2c3e50}.btn-primary-gradient{background:var(--gradient-primary);color:#fff;border:0;font-weight:500;padding:.6rem 1.2rem;border-radius:8px;transition:all .2s ease-in-out}.btn-primary-gradient:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-primary{background:var(--gradient-primary);border:0}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%)}.btn-outline-primary{border-color:var(--primary-purple);color:var(--primary-purple)}.btn-outline-primary:hover{background:var(--primary-purple);border-color:var(--primary-purple)}.bg-gradient-primary{background:var(--gradient-header)!important}.bg-gradient-primary.text-white,.bg-gradient-primary.text-white *{color:#fff!important}.bg-gradient-primary h1,.bg-gradient-primary h2,.bg-gradient-primary h3,.bg-gradient-primary h4,.bg-gradient-primary h5,.bg-gradient-primary h6,.bg-gradient-primary .mb-0{color:#fff!important}.text-primary{color:var(--primary-purple)!important}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.05);padding:1.5rem;margin-top:1rem;margin-bottom:2rem;transition:box-shadow .3s ease}.table-container:hover{box-shadow:0 6px 24px rgba(0,0,0,.08)}.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus{box-shadow:0 0 0 .1rem white,0 0 0 .25rem #258cfb}.table th,.table td{text-align:center;vertical-align:middle;padding:10px}.table-bordered th,.table-bordered td{border:3px solid #000}.table-primary{background-color:#e3f2fd;font-weight:bold}.table th{z-index:1000;position:relative}.sticky-top{position:sticky;top:0;z-index:1020}.dropdown-menu{max-width:250px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.15)!important;z-index:1050!important;right:0;left:auto!important;white-space:nowrap}.dropdown-item{padding:8px 12px;white-space:nowrap}.dropdown-menu.show{display:block;top:100%!important;z-index:1050!important}.navbar.wf-nav{background:#fff;border-bottom:1px solid #e5e7eb;padding:0;min-height:48px}.navbar.wf-nav .navbar-brand{font-size:1.05rem;font-weight:600;color:#1f2937;padding:.5rem 0;margin-right:1.5rem;letter-spacing:-.01em}.navbar.wf-nav .navbar-brand img{border-radius:6px}.navbar.wf-nav .nav-link{color:#5f6368;font-size:.84rem;font-weight:400;padding:.85rem .9rem!important;transition:color .15s;white-space:nowrap;text-decoration:none}.navbar.wf-nav .nav-link:hover,.navbar.wf-nav .nav-link:focus{color:#1a73e8;background:transparent;text-decoration:underline}.navbar.wf-nav .nav-link.active{color:#1a73e8!important;font-weight:500}.navbar.wf-nav .dropdown-toggle::after{margin-left:.35rem;vertical-align:.15em;border-top-width:.3em;border-right-width:.3em;border-left-width:.3em;opacity:.6}.navbar.wf-nav .dropdown-menu{border:0;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);padding:.5rem 0;min-width:220px;margin-top:0;animation:wfDropIn .18s ease-out;top:100%;left:0;right:auto}.navbar.wf-nav .dropdown-menu.dropdown-menu-end{left:auto;right:0}@keyframes wfDropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.navbar.wf-nav .dropdown-menu .dropdown-header{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af;padding:.6rem 1rem .3rem}.navbar.wf-nav .dropdown-item{font-size:.84rem;padding:.5rem 1rem;color:#374151;border-radius:6px;margin:0 .35rem;width:calc(100% - .7rem);display:flex;align-items:center;gap:.6rem;transition:background .12s}.navbar.wf-nav .dropdown-item:hover,.navbar.wf-nav .dropdown-item:focus{background:#f3f4f6;color:#1f2937}.navbar.wf-nav .dropdown-item .wf-di-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fff;flex-shrink:0}.navbar.wf-nav .dropdown-item .wf-di-text{display:flex;flex-direction:column;gap:1px}.navbar.wf-nav .dropdown-item .wf-di-title{font-weight:500;font-size:.84rem;line-height:1.3}.navbar.wf-nav .dropdown-item .wf-di-desc{font-size:.7rem;color:#9ca3af;line-height:1.2}.navbar.wf-nav .dropdown-item:hover .wf-di-desc{color:#6b7280}.navbar.wf-nav .dropdown-divider{margin:.3rem .75rem;border-color:#f0f0f0}.wf-avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff;flex-shrink:0}.wf-platform-pill{font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.footer{background-color:#f8f8f8;padding:1rem 2rem;text-align:center}@media(max-width:991px){.navbar.wf-nav .nav-link{padding:.6rem .75rem!important;border-bottom:0}.navbar.wf-nav .dropdown-menu{box-shadow:none;border:1px solid #e5e7eb;border-radius:8px;animation:none}}.navbar.wf-nav .navbar-toggler{border:1px solid #d1d5db;padding:.3rem .55rem}.navbar.wf-nav .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23374151' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");width:1.25rem;height:1.25rem}body.dark-theme .navbar.wf-nav{background:#1e1e2f;border-color:#333}body.dark-theme .navbar.wf-nav .navbar-brand{color:#e0e0e0}body.dark-theme .navbar.wf-nav .nav-link{color:#a0a0a0}body.dark-theme .navbar.wf-nav .nav-link:hover{color:#60a5fa;text-decoration:underline}body.dark-theme .navbar.wf-nav .nav-link.active{color:#60a5fa!important}body.dark-theme .navbar.wf-nav .dropdown-menu{background:#252538;border-color:#333;box-shadow:0 8px 30px rgba(0,0,0,.35)}body.dark-theme .navbar.wf-nav .dropdown-item{color:#d0d0d0}body.dark-theme .navbar.wf-nav .dropdown-item:hover{background:rgba(255,255,255,.06);color:#e0e0e0}body.dark-theme .navbar.wf-nav .dropdown-item .wf-di-desc{color:#666}body.dark-theme .navbar.wf-nav .dropdown-divider{border-color:#333}body.dark-theme .navbar.wf-nav .dropdown-menu .dropdown-header{color:#555}.legend-box{display:inline-block;width:18px;height:18px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.form-select{border:2px solid #e5e7eb;border-radius:10px;padding:.6rem 2.5rem .6rem 1rem;transition:all .2s ease;background-color:#fff;color:#1f2937;font-weight:500}.form-select:focus{border-color:var(--primary-purple);box-shadow:0 0 0 4px rgba(99,102,241,.1);outline:0}.form-select:hover:not(:focus){border-color:#c7d2fe}form select.form-select{min-width:140px}.btn{border-radius:8px}.financial-hub{background:#1a1a2e;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.15),0 4px 15px rgba(0,0,0,.1);margin-bottom:1.5rem}.financial-hub__header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:1rem 1.25rem;color:#fff;display:flex;align-items:center;gap:.75rem}.financial-hub__logo{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);font-size:1.1rem}.financial-hub__title{font-weight:700;font-size:1rem;letter-spacing:-.3px}.financial-hub__subtitle{font-size:.75rem;opacity:.85}.financial-hub__nav{background:#16162a;padding:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.financial-hub__item{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-radius:10px;color:rgba(255,255,255,.85);text-decoration:none;transition:all .15s ease;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);flex:1 1 auto;min-width:140px}.financial-hub__item>i{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,.06);color:#a5b4fc;font-size:.9rem;flex-shrink:0;transition:all .15s ease}.financial-hub__item .item-content{display:flex;flex-direction:column;gap:1px;min-width:0}.financial-hub__item .item-title{font-weight:500;font-size:.85rem}.financial-hub__item .item-desc{font-size:.7rem;color:rgba(255,255,255,.4)}.financial-hub__item:hover,.financial-hub__item:focus{background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15));color:#fff;border-color:rgba(99,102,241,.3);transform:translateY(-2px)}.financial-hub__item:hover>i{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.financial-hub__item.active{background:linear-gradient(135deg,rgba(99,102,241,.25),rgba(139,92,246,.25));border-color:rgba(99,102,241,.4);color:#fff}.financial-hub__item.active>i{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.4)}@media(max-width:768px){.financial-hub__nav{flex-direction:column}.financial-hub__item{min-width:100%}}.theme-toggle-global{display:inline-flex;align-items:center;background:rgba(255,255,255,.1);border-radius:25px;padding:.2rem;border:1px solid rgba(255,255,255,.2)}.theme-btn-global{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:rgba(255,255,255,.6);cursor:pointer;transition:all .2s ease;font-size:.9rem}.theme-btn-global.active{background:rgba(255,255,255,.2);color:#fff}.theme-btn-global:hover:not(.active){color:rgba(255,255,255,.9);background:rgba(255,255,255,.1)}body.dark-theme{background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 50%,#16162a 100%);color:#e2e8f0}body.dark-theme .card{background:linear-gradient(145deg,#1e1e2f 0%,#252538 100%);border:1px solid rgba(139,92,246,.15);box-shadow:0 4px 20px rgba(0,0,0,.4),0 0 40px rgba(139,92,246,.03)}body.dark-theme .card:hover{border-color:rgba(139,92,246,.3);box-shadow:0 8px 30px rgba(0,0,0,.5),0 0 50px rgba(139,92,246,.08)}body.dark-theme .card-header{background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,rgba(139,92,246,.1) 100%);border-bottom:1px solid rgba(139,92,246,.2)}body.dark-theme .card-body{background:transparent}body.dark-theme .card-footer{background:rgba(0,0,0,.2);border-top:1px solid rgba(139,92,246,.15)}body.dark-theme .shadow-sm,body.dark-theme .shadow{box-shadow:0 4px 20px rgba(0,0,0,.5),0 0 30px rgba(139,92,246,.05)!important}body.dark-theme .shadow-lg{box-shadow:0 10px 40px rgba(0,0,0,.6),0 0 60px rgba(139,92,246,.08)!important}body.dark-theme .table-container{background:linear-gradient(145deg,#1e1e2f 0%,#252538 100%);border:1px solid rgba(139,92,246,.15)}body.dark-theme .table{color:#e2e8f0}body.dark-theme .table th{background:linear-gradient(135deg,#2d2d45 0%,#353550 100%);color:#c4b5fd;border-color:rgba(139,92,246,.2)}body.dark-theme .table td{background:transparent;border-color:rgba(139,92,246,.1);color:#cbd5e1}body.dark-theme .table-striped tbody tr:nth-of-type(odd) td{background:rgba(139,92,246,.03)}body.dark-theme .table-hover tbody tr:hover td{background:rgba(139,92,246,.08)}body.dark-theme .table-bordered th,body.dark-theme .table-bordered td{border-color:rgba(139,92,246,.15)}body.dark-theme .table-primary{background:rgba(99,102,241,.15)!important}body.dark-theme .bg-light{background:linear-gradient(135deg,#1e1e2f 0%,#252538 100%)!important}body.dark-theme .bg-white{background:linear-gradient(145deg,#1e1e2f 0%,#252538 100%)!important}body.dark-theme .bg-body{background:transparent!important}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme h4,body.dark-theme h5,body.dark-theme h6{color:#f1f5f9}body.dark-theme .fw-bold,body.dark-theme .fw-semibold{color:#f1f5f9}body.dark-theme p{color:#cbd5e1}body.dark-theme .text-dark{color:#f1f5f9!important}body.dark-theme .text-muted{color:#94a3b8!important}body.dark-theme .text-secondary{color:#a5b4fc!important}body.dark-theme .text-body{color:#e2e8f0!important}body.dark-theme .small,body.dark-theme small{color:#94a3b8}body.dark-theme .form-select,body.dark-theme .form-control{background:linear-gradient(145deg,#1a1a2e 0%,#252538 100%);border:2px solid rgba(139,92,246,.2);color:#f1f5f9}body.dark-theme .form-select:focus,body.dark-theme .form-control:focus{border-color:#8b5cf6;background:linear-gradient(145deg,#1a1a2e 0%,#252538 100%);box-shadow:0 0 0 4px rgba(139,92,246,.15)}body.dark-theme .form-select:hover:not(:focus),body.dark-theme .form-control:hover:not(:focus){border-color:rgba(139,92,246,.4)}body.dark-theme .form-label{color:#c4b5fd}body.dark-theme .form-check-input{background-color:#2d2d45;border-color:rgba(139,92,246,.3)}body.dark-theme .form-check-input:checked{background-color:#8b5cf6;border-color:#8b5cf6}body.dark-theme .btn-outline-secondary{border-color:rgba(139,92,246,.3);color:#c4b5fd}body.dark-theme .btn-outline-secondary:hover{background:rgba(139,92,246,.15);border-color:#8b5cf6;color:#e9d5ff}body.dark-theme .btn-outline-primary{border-color:#8b5cf6;color:#c4b5fd}body.dark-theme .btn-outline-primary:hover{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);color:#fff}body.dark-theme .btn-outline-danger{border-color:rgba(239,68,68,.5);color:#fca5a5}body.dark-theme .btn-outline-danger:hover{background:rgba(239,68,68,.15);border-color:#ef4444}body.dark-theme .btn-outline-light{border-color:rgba(255,255,255,.2);color:#e2e8f0}body.dark-theme .btn-light{background:#2d2d45;border-color:rgba(139,92,246,.2);color:#c4b5fd}body.dark-theme .btn-light:hover{background:#3d3d5c}body.dark-theme hr{border-color:rgba(139,92,246,.15);opacity:1}body.dark-theme .dropdown-menu{background:linear-gradient(145deg,#1e1e2f 0%,#252538 100%);border:1px solid rgba(139,92,246,.2);box-shadow:0 10px 40px rgba(0,0,0,.5)}body.dark-theme .dropdown-item{color:#cbd5e1}body.dark-theme .dropdown-item:hover{background:rgba(139,92,246,.15);color:#e9d5ff}body.dark-theme .dropdown-divider{border-color:rgba(139,92,246,.15)}body.dark-theme .alert{border:1px solid rgba(139,92,246,.2)}body.dark-theme .alert-info{background:rgba(99,102,241,.15);color:#c4b5fd}body.dark-theme .alert-success{background:rgba(34,197,94,.15);color:#86efac;border-color:rgba(34,197,94,.3)}body.dark-theme .alert-warning{background:rgba(234,179,8,.15);color:#fde047;border-color:rgba(234,179,8,.3)}body.dark-theme .alert-danger{background:rgba(239,68,68,.15);color:#fca5a5;border-color:rgba(239,68,68,.3)}body.dark-theme .badge{border:1px solid rgba(255,255,255,.1)}body.dark-theme .badge.bg-light{background:#2d2d45!important;color:#c4b5fd!important}body.dark-theme .modal-content{background:linear-gradient(145deg,#1e1e2f 0%,#252538 100%);border:1px solid rgba(139,92,246,.2);box-shadow:0 25px 80px rgba(0,0,0,.7)}body.dark-theme .modal-header{border-bottom-color:rgba(139,92,246,.15)}body.dark-theme .modal-footer{border-top-color:rgba(139,92,246,.15)}body.dark-theme .modal-title{color:#f1f5f9}body.dark-theme .btn-close{filter:invert(1) grayscale(100%) brightness(200%)}body.dark-theme .list-group-item{background:transparent;border-color:rgba(139,92,246,.15);color:#cbd5e1}body.dark-theme .list-group-item:hover{background:rgba(139,92,246,.08)}body.dark-theme .page-link{background:#1e1e2f;border-color:rgba(139,92,246,.2);color:#c4b5fd}body.dark-theme .page-link:hover{background:rgba(139,92,246,.15);color:#e9d5ff}body.dark-theme .page-item.active .page-link{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-color:#8b5cf6}body.dark-theme .page-item.disabled .page-link{background:#1a1a2e;color:#4b5563}body.dark-theme .filter-card,body.dark-theme .financial-hub{background:linear-gradient(145deg,#1e1e2f 0%,#252538 100%);border-color:rgba(139,92,246,.15);box-shadow:0 4px 20px rgba(0,0,0,.4)}body.dark-theme .paystub-header{background:linear-gradient(145deg,#1e1e2f 0%,#252538 100%);border-color:rgba(139,92,246,.15)}body.dark-theme .paystub-header h1{color:#f1f5f9}body.dark-theme .paystub-header p{color:#94a3b8}body.dark-theme .hub-link:not(.active){background:linear-gradient(145deg,#252538 0%,#2d2d45 100%);color:#c4b5fd;border-color:rgba(139,92,246,.2)}body.dark-theme .hub-link:not(.active):hover{background:linear-gradient(145deg,#2d2d45 0%,#353550 100%);border-color:rgba(139,92,246,.4);box-shadow:0 4px 15px rgba(139,92,246,.1)}body.dark-theme .hub-title{color:#94a3b8}body.dark-theme .btn-back{background:linear-gradient(145deg,#252538 0%,#2d2d45 100%);border-color:rgba(139,92,246,.2);color:#c4b5fd}body.dark-theme .btn-back:hover{background:linear-gradient(145deg,#2d2d45 0%,#353550 100%);border-color:rgba(139,92,246,.4)}body.dark-theme .filter-label{color:#94a3b8}body.dark-theme .stat-item{background:linear-gradient(145deg,#1e1e2f 0%,#252538 100%);border-color:rgba(139,92,246,.15)}body.dark-theme .stat-item:hover{border-color:rgba(139,92,246,.3);box-shadow:0 4px 20px rgba(139,92,246,.1)}body.dark-theme .stat-value{color:#f1f5f9}body.dark-theme .stat-label{color:#94a3b8}body.dark-theme .container{color:#e2e8f0}body.dark-theme .border{border-color:rgba(139,92,246,.15)!important}body.dark-theme .border-0{border:0!important}body.dark-theme .navbar{background:linear-gradient(145deg,#1a1a2e 0%,#1e1e2f 100%)!important;border-bottom-color:rgba(139,92,246,.15)!important}body.dark-theme .navbar-brand,body.dark-theme .nav-link{color:#e2e8f0!important}body.dark-theme .nav-link:hover{color:#c4b5fd!important}body.dark-theme .row .card .card-body{background:transparent}body.dark-theme .row .card .text-dark{color:#f1f5f9!important}body.dark-theme .row .card .text-muted{color:#94a3b8!important}body.dark-theme .row .card .fw-semibold{color:#e2e8f0}