.notification-center{position:relative}.notification-bell{color:#93c5fd;cursor:pointer;background:#2563eb1f;border:1px solid #60a5fa2e;border-radius:.65rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition:border-color .2s,background .2s,transform .2s;display:inline-flex;position:relative}.notification-bell:hover{background:#2563eb38;border-color:#60a5fa61;transform:translateY(-1px)}.notification-bell--active{color:#e8f0fc;background:#2563eb47;border-color:#60a5fa73}.notification-bell__badge{color:#fff;text-align:center;background:#ef4444;border:2px solid #02112af2;border-radius:999px;min-width:1.15rem;height:1.15rem;padding:0 .35rem;font-size:.68rem;font-weight:800;line-height:1.15rem;position:absolute;top:-5px;right:-5px;box-shadow:0 0 0 2px #ef444459}.notification-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:100;background:#060e20fa;border:1px solid #60a5fa33;border-radius:1rem;width:min(22rem,100vw - 2rem);max-height:26rem;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 20px 50px #00000073}.notification-panel__head{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.notification-panel__title{color:#e8f0fc;margin:0;font-size:.95rem;font-weight:700}.notification-panel__action{color:#60a5fa;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.8rem;font-weight:600}.notification-panel__action:hover{text-decoration:underline}.notification-panel__list{max-height:20rem;overflow-y:auto}.notification-panel__empty{text-align:center;color:#94a3b8;padding:1.5rem 1rem;font-size:.9rem}@media (max-width:640px){.notification-panel{width:auto;position:fixed;top:4.25rem;left:1rem;right:1rem}}.notification-item{border-bottom:1px solid #94a3b80f;justify-content:space-between;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;transition:background .15s;display:flex}.notification-item__link{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:flex-start;gap:.65rem;padding:0;font-family:inherit;text-decoration:none;display:flex}.notification-item:hover{background:#2563eb14}.notification-item--unread{background:#2563eb1a}.notification-item__icon{border-radius:.55rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.95rem;display:flex}.notification-item__icon--recharge{background:#34d3992e}.notification-item__icon--trade{background:#60a5fa2e}.notification-item__icon--admin{background:#a78bfa2e}.notification-item__icon--chat{background:#fbbf242e}.notification-item__content{flex:1;min-width:0}.notification-item__title{color:#e8f0fc;margin:0;font-size:.88rem;font-weight:700}.notification-item__body{color:#94a3b8;margin:.25rem 0 0;font-size:.8rem;line-height:1.45}.notification-item__time{color:#64748b;margin-top:.35rem;font-size:.72rem;display:block}.notification-item__dismiss{color:#64748b;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.15rem;font-size:1.1rem;line-height:1}.notification-item__dismiss:hover{color:#fca5a5}.notification-toast{z-index:110;color:#fff;background:linear-gradient(135deg,#2563ebf2,#1d4ed8eb);border:1px solid #60a5fa59;border-radius:.85rem;width:min(20rem,100vw - 2.5rem);padding:.9rem 1rem;position:fixed;top:4.5rem;right:1.25rem;box-shadow:0 16px 40px #00000059}.notification-toast__title{margin:0;font-size:.9rem;font-weight:700}.notification-toast__body{opacity:.92;margin:.35rem 0 0;font-size:.82rem;line-height:1.45}
.app-nav{--app-nav-height:56px;min-height:var(--app-nav-height);border-bottom:1px solid var(--me-card-border,#0f172a14);z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.app-nav__brand-wrap{flex-shrink:0}.app-nav__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.app-nav__menu-btn{border:1px solid var(--me-card-border,#0f172a14);background:var(--me-gray-50,#f8fafc);color:var(--me-text,#0f172a);cursor:pointer;border-radius:10px;padding:8px 10px;font-size:1.1rem;line-height:1;display:none}.app-nav__links{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.app-nav__link{color:var(--me-text-muted,#64748b);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.app-nav__link--active{color:var(--me-accent,#2563eb);background:#2563eb14;font-weight:700}.app-nav__badge{border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:800;display:inline-grid}.app-nav__badge--pending{color:#0f172a;background:#f59e0b}.app-nav__badge--unread{color:#fff;background:#ef4444}.app-nav__logout{border:1px solid var(--me-card-border,#0f172a14);color:var(--me-text-muted,#64748b);cursor:pointer;background:0 0;border-radius:10px;padding:8px 12px;font-size:.9rem}@media (max-width:1023px){.app-nav{flex-wrap:wrap}.app-nav__menu-btn{display:inline-flex}.app-nav__links{-webkit-overflow-scrolling:touch;flex-direction:column;align-items:stretch;gap:4px;width:100%;max-height:min(70vh,480px);padding:8px 0 4px;display:none;overflow-y:auto}.app-nav__links--open{display:flex}.app-nav__link{width:100%;padding:12px 14px;font-size:.95rem}.app-nav__logout--mobile{width:100%;margin-top:4px;padding:12px 14px}}@media (min-width:1024px){.app-nav{padding:14px 24px}.app-nav__logout--mobile{display:none}}@media (max-width:1023px){.app-nav__actions .app-nav__logout:not(.app-nav__logout--mobile){display:none}}
.app-shell{background:var(--me-page-bg,#fff);min-height:100dvh;position:relative}.app-shell__body{min-height:calc(100vh - var(--app-nav-height,56px));min-height:calc(100dvh - var(--app-nav-height,56px));align-items:stretch;display:flex}.app-shell__main{flex:1;min-width:0}.app-sidebar{border-right:1px solid var(--me-card-border,#0f172a14);background:var(--me-gray-50,#f8fafc);flex-shrink:0;width:220px;padding:20px 16px}.app-sidebar__heading{color:var(--me-text-muted,#64748b);text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;font-size:.75rem;font-weight:700}.app-sidebar__nav{gap:6px;display:grid}.app-sidebar__link{color:var(--me-text-muted,#64748b);border-radius:10px;padding:10px 12px;font-size:.9rem;font-weight:500;text-decoration:none;display:block}.app-sidebar__link--active{color:var(--me-accent,#2563eb);background:#2563eb14;font-weight:700}@media (max-width:899px){.app-shell__body{flex-direction:column}.app-sidebar{border-right:none;border-bottom:1px solid var(--me-card-border,#0f172a14);width:100%;padding:12px 16px}.app-sidebar__nav{flex-wrap:wrap;gap:8px;display:flex}.app-sidebar__link{padding:8px 12px;font-size:.85rem}}@media (max-width:639px){.app-sidebar__heading{display:none}}