:root{--primary-color:#D4AF37;--secondary-color:#000000;--light-bg:#f5f7fa;--dark-bg:#1a1a1a;--dark-card:#2d2d2d;--sidebar-width:280px}*{margin:0;padding:0;box-sizing:border-box}body.dark-mode{background:var(--dark-bg);color:#fff}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 2px 15px rgba(0,0,0,.1);position:relative;z-index:100}.logo{height:50px;transition:transform .3s;order:3}.logo:hover{transform:scale(1.05)}.balance-section{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;background:rgba(255,255,255,.1);transition:.3s;order:2}.balance-section:hover{background:rgba(255,255,255,.2)}.balance-amount{font-weight:700;font-size:16px}.balance-section i{font-size:14px}.menu-toggle{font-size:22px;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:.3s;order:1}.menu-toggle:hover{background:rgba(255,255,255,.1)}