:root{--gold:#d4af37;--gold2:#f6d365;--dark:#050505;--panel:#111;--panel2:#181818;--text:#fff;--muted:#aaa}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#050505,#111);color:var(--text);font-family:Arial,Helvetica,sans-serif}.text-gold{color:var(--gold)!important}.bg-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111}.navbar,.sidebar,.card,.table-wrap,.auth-card{background:rgba(16,16,16,.96);border:1px solid rgba(212,175,55,.35);box-shadow:0 15px 40px rgba(0,0,0,.35)}.navbar-brand{font-weight:900;letter-spacing:1px}.navbar-brand span{color:var(--gold)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;padding:20px;overflow-y:auto;z-index:1030}.sidebar .brand{font-size:25px;font-weight:900;margin-bottom:25px}.sidebar .brand span{color:var(--gold)}.sidebar a{display:flex;gap:10px;align-items:center;color:#ddd;text-decoration:none;padding:11px 13px;border-radius:10px;margin:5px 0}.sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111}.main{margin-left:260px;min-height:100vh}.topbar{height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(212,175,55,.25);background:#0b0b0b;position:sticky;top:0;z-index:1020}.content{padding:24px}.card{border-radius:16px;color:#fff}.card-header{background:transparent;border-color:rgba(212,175,55,.2)}.stat-card .icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#111;font-size:21px}.stat-card h3{margin:10px 0 0;color:var(--gold)}.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));border:0;color:#111;font-weight:700}.btn-gold:hover{color:#000;filter:brightness(1.06)}.btn-outline-gold{border:1px solid var(--gold);color:var(--gold)}.btn-outline-gold:hover{background:var(--gold);color:#111}.form-control,.form-select{background:#0c0c0c;border:1px solid #3a3216;color:#fff}.form-control:focus,.form-select:focus{background:#0c0c0c;color:#fff;border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(212,175,55,.15)}.form-select option{background:#111;color:#fff}.table{color:#eee}.table>:not(caption)>*>*{background:transparent;border-color:#2d2d2d}.table thead th{color:var(--gold);white-space:nowrap}.badge-pending{background:#ffc107;color:#111}.badge-approved{background:#198754}.badge-rejected{background:#dc3545}.auth-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top right,#3d3010,#050505 45%)}.auth-wrap{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden}.auth-art{padding:55px;background:linear-gradient(135deg,#050505,#241d08);border:1px solid rgba(212,175,55,.35)}.auth-art h1{font-size:48px;font-weight:900}.auth-art h1 span{color:var(--gold)}.auth-card{padding:45px;border-radius:0}.tree{display:flex;justify-content:center;overflow:auto;padding:20px}.tree ul{padding-top:20px;position:relative;display:flex;justify-content:center}.tree li{list-style:none;text-align:center;position:relative;padding:20px 10px 0}.tree li::before,.tree li::after{content:'';position:absolute;top:0;width:50%;height:20px;border-top:1px solid var(--gold)}.tree li::before{right:50%}.tree li::after{left:50%;border-left:1px solid var(--gold)}.tree li:only-child::before,.tree li:only-child::after{display:none}.tree li:first-child::before,.tree li:last-child::after{border:0}.tree li:last-child::before{border-right:1px solid var(--gold);border-radius:0 6px 0 0}.tree li:first-child::after{border-radius:6px 0 0 0}.tree ul ul::before{content:'';position:absolute;top:0;left:50%;height:20px;border-left:1px solid var(--gold)}.tree-node{min-width:125px;padding:10px;border-radius:12px;border:1px solid var(--gold);background:#111;color:#fff}.tree-node small{color:#aaa}.mobile-toggle{display:none}.footer{padding:20px;color:#888;text-align:center}.alert{border-radius:12px}.profile-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--gold)}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.3s}.sidebar.show{transform:translateX(0)}.main{margin-left:0}.mobile-toggle{display:inline-flex}.auth-wrap{grid-template-columns:1fr}.auth-art{display:none}.content{padding:15px}.topbar{padding:0 15px}.table-responsive{font-size:13px}}