*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#f5f7fa;overflow-x:hidden}.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;background:#2d3748;color:#fff;transition:transform .3s;z-index:1000;overflow-y:auto}.sidebar.collapsed{transform:translateX(-260px)}.topbar{position:fixed;top:0;left:260px;right:0;height:60px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;padding:0 20px;transition:left .3s,top .3s;z-index:999}body.guest .topbar{left:0}body:has(.demo-mode-banner) .topbar{top:48px}body:has(.demo-mode-banner) .sidebar{top:48px;height:calc(100vh - 48px)}body:has(.demo-mode-banner) .main-content{margin-top:108px}.topbar.expanded{left:0}.topbar-left{display:flex;align-items:center;gap:15px;flex-shrink:0}.menu-toggle{background:0 0;border:none;cursor:pointer;flex-shrink:0;padding:6px 8px;display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;box-sizing:border-box}.hamburger-line{display:block;width:22px;height:2px;background-color:#4a5568;border-radius:2px;flex-shrink:0}.topbar-right{display:flex;align-items:center;gap:20px;min-width:0;flex-shrink:1}.balance-display{background:#f7fafc;padding:8px 16px;border-radius:8px;font-weight:600;color:#2d3748;display:flex;align-items:center;gap:10px}.balance-amount{color:#48bb78;font-size:18px}.currency-dropdown{position:relative;display:inline-block}.currency-btn{background:#48bb78;color:#fff;border:none;padding:4px 10px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:5px}.currency-btn:hover{background:#38a169}.currency-menu{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);min-width:120px;z-index:1100;max-height:300px;overflow-y:auto;margin-top:5px}.currency-menu.show{display:block}.currency-menu a{display:block;padding:10px 15px;color:#2d3748;text-decoration:none;transition:background .2s;font-size:14px}.currency-menu a:hover{background:#f7fafc}.currency-menu a.active{background:#e6fffa;color:#48bb78;font-weight:600}.account-dropdown{position:relative}.account-btn{display:flex;align-items:center;gap:8px;background:0 0;border:none;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .2s}.account-btn:hover{background:#f7fafc}.account-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:200px;display:none;z-index:1100}.account-menu.show{display:block}.account-menu a{display:block;padding:12px 16px;color:#2d3748;text-decoration:none;transition:background .2s}.account-menu a:hover{background:#f7fafc}.account-menu a:first-child{border-radius:8px 8px 0 0}.account-menu a:last-child{border-radius:0 0 8px 8px;color:#e53e3e}.main-content{margin-left:260px;margin-top:60px;padding:30px;transition:margin-left .3s;min-height:calc(100vh - 60px)}.main-content.expanded,body.guest .main-content{margin-left:0}@media (max-width:768px){.sidebar{transform:translateX(-260px)}.sidebar.show{transform:translateX(0)}.topbar{left:0}.main-content{margin-left:0}.balance-display{font-size:12px;padding:6px 10px;gap:6px}.balance-amount{font-size:14px}}@media (max-width:420px){.balance-display>:first-child:not(.balance-amount):not(.currency-dropdown){display:none}.balance-display{padding:5px 8px;gap:4px}.topbar-right{gap:10px}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:none;z-index:999}.sidebar-overlay.show{display:block}.topbar-nav{display:flex;gap:20px;margin-left:20px}.topbar-nav a{text-decoration:none;color:#4a5568;font-weight:500;font-size:14px;transition:color .2s}.topbar-nav a.active,.topbar-nav a:hover{color:#3b82f6}.public-auth-btns{display:flex;gap:12px}.btn-signin{text-decoration:none;color:#4a5568;font-weight:600;font-size:14px;padding:8px 16px}.btn-signup{text-decoration:none;background:#3b82f6;color:#fff;font-weight:600;font-size:14px;padding:8px 20px;border-radius:8px;transition:background .2s}.btn-signup:hover{background:#2563eb}