:root{--bg: #f9fafb;--panel: #ffffff;--ink: #111827;--muted: #6b7280;--border: #e5e7eb;--accent: #10b981;--accent-strong: #059669;--accent-ink: #ffffff;--accent-wash: rgba(16, 185, 129, .1);--danger: #dc2626;--ok: #16a34a;--radius: 14px;--neon-surface: #333333;--neon-raised: #414141;--neon-line: #525252;--neon-idle: #b3b3b3;--neon-bright: #f5f5f5;--neon-accent: #3ddc84;--neon-hover: rgba(255, 255, 255, .07);--neon-wash: rgba(61, 220, 132, .12);--neon-wash-strong: rgba(61, 220, 132, .2);--neon-glow: 0 0 12px rgba(61, 220, 132, .45)}html,body{overflow-x:hidden}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,Tahoma,system-ui,-apple-system,sans-serif;font-size:16px;min-height:100%}.page{max-width:430px;margin-inline:auto;padding:16px;min-height:100dvh;display:flex;flex-direction:column}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-block-end:12px}h1{font-size:1.35rem;margin:0 0 6px}h2{font-size:1.1rem;margin:0 0 6px}p.muted,span.muted{color:var(--muted);font-size:.9rem;margin:0 0 8px}label{display:block;font-size:.85rem;color:var(--muted);margin-block:10px 4px}input{width:100%;padding:12px;font-size:1rem;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink)}input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.btn{display:block;width:100%;padding:13px;margin-block-start:12px;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;background:var(--accent);color:var(--accent-ink)}.btn:hover:not(:disabled){background:var(--accent-strong)}.btn:disabled{opacity:.55;cursor:default}.btn.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.error{background:#fef2f2;color:var(--danger);border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:.9rem;margin-block-start:12px}.notice{background:#f0fdf4;color:var(--ok);border:1px solid #bbf7d0;border-radius:10px;padding:10px 12px;font-size:.9rem;margin-block-start:12px}a.link{color:var(--accent);text-decoration:none;font-size:.9rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding-block:6px 14px}.topbar .brand{font-weight:700;font-size:1.05rem}.topbar button{background:transparent;border:1px solid var(--border);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--muted);font-size:.85rem}.scan-region{width:100%;min-height:260px;background:#0b1220;border-radius:var(--radius);overflow:hidden}.empty{text-align:center;padding:36px 12px;color:var(--muted)}.empty .glyph{font-size:2.4rem;margin-block-end:8px}.page.wide{max-width:1200px}.shell{--nav-w: 240px;--nav-w-collapsed: 68px;--bar-h: 56px;--tab-h: 60px;min-height:100dvh;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:30;height:var(--bar-h);display:flex;align-items:center;gap:10px;padding-inline:14px;background:var(--neon-surface);border-bottom:1px solid var(--neon-line);color:var(--neon-bright)}.navbar .brand{font-weight:700;text-decoration:none;color:var(--neon-bright)}.navbar .spacer{flex:1}.navbar .lang,.navbar .menu-btn{background:transparent;border:1px solid var(--neon-line);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--neon-idle);font-size:.85rem}.navbar .lang:hover,.navbar .menu-btn:hover{background:var(--neon-hover);color:var(--neon-bright)}.navbar .bell{border-color:var(--neon-line)}.navbar .bell:hover{background:var(--neon-hover)}.navbar .menu-btn{font-size:1.1rem;line-height:1}.bell{position:relative;text-decoration:none;font-size:1.1rem;padding:4px 6px;border:1px solid var(--border);border-radius:8px;line-height:1}.badge{position:absolute;top:-6px;inset-inline-end:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}.avatar{width:34px;height:34px;border-radius:999px;background:var(--neon-accent);color:#0f172a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;text-decoration:none;flex-shrink:0}.avatar.big{width:44px;height:44px;font-size:1rem}.sidebar{position:fixed;top:var(--bar-h);bottom:0;inset-inline-start:0;z-index:25;width:var(--nav-w);background:var(--neon-surface);border-inline-end:1px solid var(--neon-line);color:var(--neon-bright);display:flex;flex-direction:column;padding:12px;transform:translate(-100%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s,width .2s ease;overflow:hidden}.collapse-btn{display:none}.chev{font-weight:700}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.open{transform:none;visibility:visible;transition:transform .2s ease}.scrim{position:fixed;inset:0;top:var(--bar-h);background:#0f172a59;z-index:20}.sidebar .who{display:flex;align-items:center;gap:10px;padding:8px 8px 14px;border-bottom:1px solid var(--neon-line);margin-bottom:8px}.sidebar .who .muted{color:var(--neon-idle)}.sidebar .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--neon-idle);background:transparent;border:none;font:inherit;cursor:pointer;text-align:start;width:100%}.nav-item:hover{background:var(--neon-hover);color:var(--neon-bright)}.nav-item.active{background:var(--neon-wash);color:var(--neon-accent);font-weight:600;box-shadow:inset 3px 0 0 var(--neon-accent)}[dir=rtl] .nav-item.active{box-shadow:inset -3px 0 0 var(--neon-accent)}.nav-item .ico{width:22px;text-align:center}.nav-item .pill{margin-inline-start:auto;background:var(--danger);color:#fff;border-radius:999px;padding:1px 7px;font-size:.72rem;font-weight:700}.sidebar .grow{flex:1}.nav-item.signout{color:var(--neon-idle)}.content{flex:1;width:auto;min-width:0;max-width:none;margin-inline:0;padding:16px 16px calc(var(--tab-h) + 16px)}.shell.wide .content{max-width:1280px}.tabbar{position:fixed;bottom:0;inset-inline:0;z-index:30;height:var(--tab-h);display:flex;background:var(--neon-surface);border-top:1px solid var(--neon-line);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--neon-idle);font-size:.7rem;position:relative}.tab .ico{font-size:1.25rem;line-height:1}.tab.active{color:var(--neon-accent);font-weight:600;text-shadow:0 0 10px rgba(61,220,132,.4)}.tab .pill{position:absolute;top:6px;inset-inline-start:calc(50% + 6px);background:var(--danger);color:#fff;border-radius:999px;padding:0 5px;font-size:.65rem;font-weight:700}@media(min-width:768px){.sidebar{transform:none!important;visibility:visible!important}.scrim,.navbar .menu-btn,.tabbar{display:none}.content{margin-inline-start:var(--nav-w);max-width:none;padding:20px 28px;transition:margin .2s ease}.shell{overflow-x:clip}.content>*{max-width:none;margin-inline:0;display:block}[dir=rtl] .content{margin-inline-start:var(--nav-w)}.collapse-btn{display:flex}.shell.collapsed .sidebar{width:var(--nav-w-collapsed);padding-inline:8px}.shell.collapsed .content{margin-inline-start:var(--nav-w-collapsed)}.shell.collapsed .sidebar .lbl,.shell.collapsed .sidebar .who-text{display:none}.shell.collapsed .sidebar .who,.shell.collapsed .nav-item{justify-content:center;padding-inline:0}.shell.collapsed .nav-item .ico{width:auto;font-size:1.25rem}.shell.collapsed .nav-item .pill{position:absolute;top:4px;inset-inline-end:6px;margin:0}.shell.collapsed .nav-item{position:relative}}