:root{--primary-black: #1a1a1a;--secondary-black: #2d2d2d;--accent-gold: #d4af37;--light-gold: #f4e4a1;--dark-gold: #b8941f;--text-light: #e0e0e0;--text-muted: #b0b0b0;--border-color: #404040}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--primary-black);color:var(--text-light);line-height:1.6}.sidebar{width:250px;background:linear-gradient(180deg,var(--secondary-black) 0%,var(--primary-black) 100%);border-right:2px solid var(--accent-gold);box-shadow:2px 0 10px #d4af371a;min-height:100vh;height:100vh;position:fixed;left:0;top:0;z-index:1000;transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden}.sidebar.collapsed{width:70px}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);background:var(--secondary-black);flex-shrink:0}.scrollable-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 0;scrollbar-width:thin;scrollbar-color:var(--accent-gold) var(--secondary-black);max-height:calc(100vh - 80px)}.scrollable-nav::-webkit-scrollbar{width:6px}.scrollable-nav::-webkit-scrollbar-track{background:transparent}.scrollable-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),var(--dark-gold));border-radius:10px}.scrollable-nav::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}.main-header{background:linear-gradient(135deg,var(--primary-black) 0%,var(--secondary-black) 100%);border-bottom:2px solid var(--accent-gold);box-shadow:0 4px 20px #d4af3733;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:999}.page-title{background:linear-gradient(45deg,var(--accent-gold),var(--light-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(212,175,55,.3);font-weight:700}.nav-link{transition:all .3s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent;color:var(--text-light);padding:12px 20px;display:block;text-decoration:none;margin:5px 10px;border-radius:5px}.nav-link:hover,.nav-link.active{background:linear-gradient(90deg,var(--accent-gold),var(--dark-gold));color:var(--primary-black)!important;transform:translate(5px);border-left:3px solid var(--light-gold);box-shadow:0 4px 15px #d4af374d}.btn-gold{background:linear-gradient(45deg,var(--accent-gold),var(--dark-gold));color:var(--primary-black);font-weight:600;transition:all .3s ease;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.btn-secondary{background:var(--secondary-black);color:var(--text-light);border:1px solid var(--border-color);padding:10px 20px;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease}.btn-secondary:hover{background:var(--border-color)}.card{background:linear-gradient(145deg,var(--secondary-black),var(--primary-black));border:1px solid var(--border-color);box-shadow:0 8px 25px #0000004d;border-radius:10px;overflow:hidden;margin-bottom:20px}.card-header{background:linear-gradient(45deg,var(--accent-gold),var(--dark-gold));color:var(--primary-black);border-bottom:2px solid var(--light-gold);padding:15px 20px;font-weight:700}.card-body{padding:20px}.table-dark{background-color:var(--secondary-black);color:var(--text-light);width:100%;border-collapse:collapse}.table-dark th,.table-dark td{padding:12px 15px;border:1px solid var(--border-color);text-align:left}.table-dark th{background:linear-gradient(45deg,var(--accent-gold),var(--dark-gold));color:var(--primary-black)}.table-dark tr:hover{background-color:#d4af371a}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;color:var(--text-light);font-weight:500}.form-control{background-color:var(--secondary-black);border:1px solid var(--border-color);color:var(--text-light);padding:10px;border-radius:5px;width:100%;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px #d4af3733}.form-select{background-color:var(--secondary-black);border:1px solid var(--border-color);color:var(--text-light);padding:10px;border-radius:5px;width:100%}.main-content{margin-left:250px;transition:margin-left .3s ease;min-height:100vh}.main-content.expanded{margin-left:70px}.alert{padding:15px;margin-bottom:20px;border-radius:5px}.alert-success{background-color:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#4ade80}.alert-error{background-color:#ef444433;border:1px solid rgba(239,68,68,.5);color:#f87171}.alert-info{background-color:#0dcaf01a;border:1px solid rgba(13,202,240,.3);color:#6dd5ed}.alert-warning{background-color:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107}.grid{display:grid;gap:20px}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.sidebar{width:70px}.main-content{margin-left:70px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary-black)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),var(--dark-gold));border-radius:10px}@keyframes goldGlow{0%{box-shadow:0 0 5px #d4af374d}50%{box-shadow:0 0 20px #d4af3799}to{box-shadow:0 0 5px #d4af374d}}.nav-link.active{animation:goldGlow 2s infinite}.status-pending{color:#f59e0b}.status-approved{color:#10b981}.status-rejected{color:#ef4444}.collapse-content{display:none}.collapse-content.show{display:block}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998;opacity:0;transition:opacity .3s ease}.sidebar-overlay.show{display:block;opacity:1}.user-info-mobile{display:flex;align-items:center;gap:.5rem}.user-info-mobile h3{font-size:.875rem;margin:0}@media(max-width:768px){.sidebar{position:fixed!important;left:-280px;top:0;height:100vh;width:280px;z-index:999;transition:left .3s ease}.sidebar.show{left:0}.main-content{margin-left:0!important;width:100%!important}.mobile-menu-btn{display:block!important}.desktop-toggle{display:none!important}.main-header{position:sticky;top:0;z-index:997;box-shadow:0 2px 4px #0000001a}.main-header .d-flex{flex-wrap:wrap}.page-title{font-size:1.25rem!important}}@media(min-width:769px){.mobile-menu-btn,.sidebar-overlay{display:none!important}}input::placeholder,textarea::placeholder{color:#838383!important;opacity:1!important}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#838383!important;opacity:1!important}input::-moz-placeholder,textarea::-moz-placeholder{color:#838383!important;opacity:1!important}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#838383!important;opacity:1!important}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#838383!important;opacity:1!important}.tree-container{padding:20px;overflow-x:auto}.tree ul{padding-top:20px;position:relative;transition:all .5s;list-style-type:none;padding-left:25px}.tree li{float:left;text-align:center;list-style-type:none;position:relative;padding:20px 5px 0;transition:all .5s}.tree li:before,.tree li:after{content:"";position:absolute;top:0;right:50%;border-top:2px solid var(--accent-gold);width:50%;height:20px}.tree li:after{right:auto;left:50%;border-left:2px solid var(--accent-gold)}.tree li:only-child:after,.tree li:only-child:before{display:none}.tree li:only-child{padding-top:0}.tree li:first-child:before,.tree li:last-child:after{border:0 none}.tree li:last-child:before{border-right:2px solid var(--accent-gold);border-radius:0 5px 0 0}.tree li:first-child:after{border-radius:5px 0 0}.tree ul ul:before{content:"";position:absolute;top:0;left:50%;border-left:2px solid var(--accent-gold);width:0;height:20px}.tree li .user-card{border:1px solid var(--accent-gold);padding:10px 15px;text-decoration:none;color:var(--text-light);display:inline-block;border-radius:5px;transition:all .3s;background:linear-gradient(145deg,var(--secondary-black),var(--primary-black));box-shadow:0 4px 15px #0000004d;min-width:150px;max-width:200px}.tree li .user-card:hover{background:linear-gradient(145deg,var(--primary-black),var(--secondary-black));transform:translateY(-3px);box-shadow:0 6px 20px #d4af374d}.tree li .user-card .user-name{font-weight:700;margin-bottom:5px;color:var(--accent-gold)}.tree li .user-card .user-email{font-size:.8rem;color:var(--text-muted);word-break:break-all}.tree li .user-card .user-level{font-size:.7rem;margin-top:5px;padding:2px 8px;background-color:var(--accent-gold);color:var(--primary-black);border-radius:10px;display:inline-block}.tree li .user-card.root{background:linear-gradient(145deg,var(--accent-gold),var(--dark-gold));color:var(--primary-black)}.tree li .user-card.root .user-name{color:var(--primary-black)}.tree li .user-card.root .user-email{color:#000000b3}.tree li .user-card.root .user-level{background-color:var(--primary-black);color:var(--accent-gold)}@media(max-width:768px){.tree{overflow-x:auto;padding-bottom:20px}.tree li{padding:20px 2px 0}.tree li .user-card{min-width:120px;font-size:.8rem}}.card-body strong{color:var(--accent-gold)!important;font-weight:600}.card-body p,.card-body span{color:var(--text-light)}.card-body a{color:var(--light-gold);text-decoration:none}.card-body a:hover{color:var(--accent-gold);text-decoration:underline}.card-body .col-md-6{color:var(--text-light)}@media print{.sidebar,.main-header,.btn-gold,.btn-secondary{display:none!important}.main-content{margin-left:0!important}.card{box-shadow:none!important;border:1px solid #000!important}}.bank-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #333;border-radius:12px;overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.bank-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #d4af3733;border-color:#d4af37}.bank-card-header{padding:1.25rem;background:#d4af371a;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.bank-card-header h5{color:#fff;font-weight:600;margin:0}.bank-card-body{padding:1.25rem;flex:1}.bank-info{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;gap:.75rem;align-items:flex-start}.info-item i{font-size:1.25rem;color:#d4af37;margin-top:.25rem}.info-item small{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.info-item p{margin:.25rem 0 0;color:#fff;font-weight:500}.account-number{font-family:Courier New,monospace;font-size:1.1rem;letter-spacing:1px}.bank-card-footer{padding:1rem 1.25rem;background:#0003;border-top:1px solid #333;display:flex;gap:.5rem;justify-content:flex-end}.empty-state{text-align:center;padding:4rem 2rem;color:#999}.badge{padding:.35rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #f59e0b4d;border:1px solid rgba(245,158,11,.5)}.status-approved{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #10b9814d;border:1px solid rgba(16,185,129,.5)}.status-rejected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:.875rem;font-weight:600;box-shadow:0 2px 4px #ef44444d;border:1px solid rgba(239,68,68,.5)}.status-pending-alt{background:#f59e0b33;color:#fbbf24;padding:.25rem .75rem;border-radius:50px;font-size:.875rem;font-weight:600;border:1px solid #f59e0b}.status-approved-alt{background:#10b98133;color:#34d399;padding:.25rem .75rem;border-radius:50px;font-size:.875rem;font-weight:600;border:1px solid #10b981}.status-rejected-alt{background:#ef444433;color:#f87171;padding:.25rem .75rem;border-radius:50px;font-size:.875rem;font-weight:600;border:1px solid #ef4444}.table-responsive{border-radius:8px;overflow-x:auto;overflow-y:visible;width:100%;margin-bottom:1rem}.table-dark{background:#1a1a1a;border:1px solid #333;width:100%;min-width:800px}.table-dark th{background:#d4af371a;color:#d4af37;padding:1rem;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px;border-bottom:1px solid #333;white-space:nowrap}.table-dark td{padding:1rem;border-bottom:1px solid #333;color:#fff;vertical-align:middle;white-space:nowrap}.table-dark tbody tr:hover{background:#ffffff0d}.table-dark tbody tr:last-child td{border-bottom:none}.table-responsive::-webkit-scrollbar{height:8px;width:8px}.table-responsive::-webkit-scrollbar-track{background:var(--secondary-black);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-gold),var(--dark-gold));border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}@media(max-width:768px){.bank-card-footer{flex-direction:column}.bank-card-footer button,.bank-card-footer form,.bank-card-footer .btn{width:100%}}.pagination-container{display:flex;justify-content:center;margin-top:20px}.pagination{display:flex;padding-left:0;list-style:none;gap:5px}.pagination .page-item{list-style:none}.pagination .page-link{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;background-color:var(--secondary-black);color:var(--text-light);border:1px solid var(--border-color);border-radius:5px;transition:all .3s ease;text-decoration:none;font-weight:500;margin:0 2px}.pagination .page-link:hover{background-color:var(--accent-gold);color:var(--primary-black);transform:translateY(-2px);box-shadow:0 4px 8px #d4af374d}.pagination .page-item.active .page-link{background:linear-gradient(45deg,var(--accent-gold),var(--dark-gold));color:var(--primary-black);border-color:var(--accent-gold);font-weight:600}.pagination .page-item.disabled .page-link{background-color:var(--primary-black);color:var(--text-muted);border-color:var(--border-color);cursor:not-allowed;opacity:.5}.pagination .page-item.disabled .page-link:hover{background-color:var(--primary-black);color:var(--text-muted);transform:none;box-shadow:none}.pagination{margin-bottom:0}.pagination-container .pagination{margin:0}.pagination .page-link:focus{outline:none;box-shadow:0 0 0 2px #d4af3733}.account-type-card{border:1px solid var(--border-color);border-radius:8px;padding:15px;margin-bottom:15px;transition:all .3s ease}.account-type-card:hover{border-color:var(--accent-gold);box-shadow:0 4px 8px #d4af3733}.account-type-card.selected{border-color:var(--accent-gold);background-color:#d4af371a}@media(max-width:768px){.step-navigation{overflow-x:auto;padding-bottom:10px}.step-item{min-width:40px}.step-number{width:30px;height:30px;font-size:.8rem}}.text-muted{color:var(--text-muted)!important}.btn-outline-light:hover{background-color:var(--accent-gold);border-color:var(--accent-gold);color:#000!important}.form-select:disabled{background-color:inherit}