.layout-body{display:flex;flex-grow:1;min-height:0}*,:after,:before{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%;scroll-behavior:smooth}body{background-color:#020617;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{color:#e5e7eb;flex-direction:column;height:100vh}.app,.topbar{background:#020617;display:flex}.topbar{align-items:center;border-bottom:1px solid #1f2937;flex-shrink:0;height:100px;padding:0 20px}.topbar__logo{align-items:center;display:flex}.logo__image-large{height:170px;-o-object-fit:contain;object-fit:contain;width:170px}.topbar__spacer{flex-grow:1}.topbar__right{align-items:center;display:flex;gap:12px}.layout-body{flex-grow:1;min-height:0}.sidebar{background:#020617;border-right:1px solid #1f2937;display:flex;flex-direction:column;min-width:240px;padding:12px;transition:width .2s,min-width .2s;width:240px}.sidebar--collapsed{min-width:64px;width:64px}.sidebar__header{align-items:center;display:flex;justify-content:space-between}.sidebar__title{font-size:14px;letter-spacing:.05em;opacity:.8}.sidebar__nav{display:flex;flex-direction:column;gap:6px;margin-top:16px}.sidebar__bottom{font-size:11px;margin-top:auto;opacity:.5;padding:10px}.main{flex-grow:1;overflow-y:auto;padding:24px 32px}.content{margin:0 auto;max-width:1200px}.btn{border:1px solid transparent;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background-color .2s}.btn--primary{background:#4f46e5;border-color:#4338ca;color:#fff}.btn--primary:hover{background:#4338ca}.deposit-btn{background:#c6ff5f;border:none;border-radius:999px;box-shadow:0 4px 10px #bef26373;color:#000;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:filter .2s}.deposit-btn:hover{filter:brightness(1.05)}.sidebar__toggle{background:#1f2937;border:none;border-radius:50%;font-size:18px;height:32px;justify-content:center;width:32px}.sidebar__nav-item,.sidebar__toggle{align-items:center;color:#e5e7eb;cursor:pointer;display:flex}.sidebar__nav-item{background:transparent;border:1px solid transparent;border-radius:8px;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:background .15s ease,color .15s ease,border-color .15s ease;width:100%}.sidebar__nav-icon{align-items:center;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.sidebar__nav-icon svg{height:18px;width:18px}.sidebar__nav-item:hover{background:#111827}.sidebar__nav-item--active{background:#22c55e1a;border-color:#22c55eb3;font-weight:600}.sidebar__nav-item{text-decoration:none}.topbar__balance{color:#e5e7eb;font-size:13px}.topbar__wallet{color:#9ca3af;font-family:ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:13px}.user-profile{align-items:center;display:flex;gap:8px;position:relative}.user-profile__info{align-items:flex-end;display:flex;flex-direction:column}.user-profile__name{font-size:13px;font-weight:500}.user-profile__avatar{background:#111827;border:none;border-radius:999px;color:#f9fafb;cursor:pointer;font-size:12px;font-weight:600;height:32px;width:32px}.user-menu{background:#020617;border:1px solid #1f2937;border-radius:8px;box-shadow:0 10px 30px #0f172ab3;min-width:160px;padding:4px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:20}.user-menu__item{background:transparent;border:none;color:#e5e7eb;cursor:pointer;font-size:13px;padding:8px 12px;text-align:left;width:100%}.user-menu__item:hover{background:#111827}.user-menu__item--danger{color:#f97373}.modal-overlay{align-items:center;background:#020617d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.modal{background:#0f172a;border-radius:14px;box-shadow:0 20px 60px #0009;color:#e5e7eb;display:flex;flex-direction:column;max-width:100%;width:420px}.modal__header{align-items:center;border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;padding:18px 22px}.modal__header h2{color:#f8fafc;font-size:18px;font-weight:600}.modal__close{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px}.modal__close:hover{color:#f1f5f9}.modal__body{display:flex;flex-direction:column;gap:16px;padding:20px}.modal__label{color:#cbd5e1;font-size:13px;font-weight:500;margin-bottom:6px}.payment-toggle{display:flex;gap:10px}.payment-toggle__btn{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#cbd5e1;cursor:pointer;flex:1;font-size:14px;padding:9px 10px}.payment-toggle__btn--active{background:#c6ff5f;border-color:#c6ff5f;color:#000;font-weight:600}.modal-input,.select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e5e7eb;font-size:14px;padding:10px;width:100%}.select-wrapper{position:relative}.select-wrapper__icon{color:#64748b;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.modal-deposit-btn{background:#c6ff5f;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:10px;width:100%}.modal-deposit-btn:disabled{cursor:not-allowed;opacity:.4}.wallet-row{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.wallet-row__status{color:#cbd5e1;font-size:14px}.wallet-row__btn{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:6px 12px}.summary-card{background:#1e293b;border:1px solid #334155;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.summary-card__row{color:#e2e8f0;display:flex;font-size:14px;justify-content:space-between}.info-card{border-radius:8px;font-size:13px;padding:12px}.info-card--blue{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.info-card--yellow{background:#facc1526;border:1px solid rgba(250,204,21,.3);color:#fde047}.info-card__title{font-weight:600;margin-bottom:2px}.info-card__text{color:inherit;line-height:1.3}.wallet-options{display:flex;flex-direction:column;gap:12px}.wallet-option{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:background-color .2s;width:100%}.wallet-option:hover{background-color:#334155}.wallet-option__logo{height:32px;margin-right:16px;width:32px}.wallet-option__name{color:#f1f5f9;font-size:16px;font-weight:600}.layout-body{display:flex;height:100%;width:100%}.main{display:flex;flex:1;padding:20px 32px}.content{flex:1;max-width:2400px;width:100%}