/* AnuuTech web wallet: the shared look. Page-specific styles stay with their page in index.html. */
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
        :root {
            --bg-primary: #0a0e1a; --bg-secondary: #111827; --bg-card: #1a2035;
            --bg-card-hover: #1f2847; --bg-input: #0d1321; --border-color: #1e2a45;
            --text-primary: #e8ecf4; --text-secondary: #8892a8; --text-muted: #5a6478;
            --accent-teal: #22d3ee; --accent-teal-dim: #22d3ee33; --accent-blue: #3b82f6;
            --accent-purple: #8b5cf6; --accent-red: #ef4444; --accent-green: #10b981;
            --accent-orange: #f59e0b;
            --gradient-main: linear-gradient(135deg, #22d3ee 0%, #8b5cf6 100%);
            --gradient-card: linear-gradient(180deg, #1a2035 0%, #151c2e 100%);
            --radius: 12px; --radius-sm: 8px;
            --btn-primary: #4f5bd5; --btn-primary-hover: #4350c4;
            --header-bg: rgba(10,14,26,0.9);
        }
        @media (prefers-color-scheme: light){
          :root:not([data-theme]){
            --bg-primary:#f5f7fb; --bg-secondary:#eef2f8; --bg-card:#ffffff; --bg-card-hover:#f1f5fb;
            --bg-input:#f2f5fa; --border-color:rgba(15,23,42,.12);
            --text-primary:#101a2c; --text-secondary:#54637d; --text-muted:#8592a8;
            --accent-teal:#0891b2; --accent-teal-dim:rgba(8,145,178,.14);
            --gradient-card:linear-gradient(180deg,#ffffff,#f6f8fc); --header-bg:rgba(245,247,251,.85);
          }
        }
        :root[data-theme="light"]{
            --bg-primary:#f5f7fb; --bg-secondary:#eef2f8; --bg-card:#ffffff; --bg-card-hover:#f1f5fb;
            --bg-input:#f2f5fa; --border-color:rgba(15,23,42,.12);
            --text-primary:#101a2c; --text-secondary:#54637d; --text-muted:#8592a8;
            --accent-teal:#0891b2; --accent-teal-dim:rgba(8,145,178,.14);
            --gradient-card:linear-gradient(180deg,#ffffff,#f6f8fc); --header-bg:rgba(245,247,251,.85);
        }
        @media (prefers-color-scheme: light){ :root:not([data-theme]) .stat-value{
            background:none; -webkit-text-fill-color:var(--text-primary); color:var(--text-primary); } }
        :root[data-theme="light"] .stat-value{
            background:none; -webkit-text-fill-color:var(--text-primary); color:var(--text-primary); }
        * { margin:0; padding:0; box-sizing:border-box; }
        body { font-family:'Inter',sans-serif; background:var(--bg-primary); color:var(--text-primary); line-height:1.6; min-height:100vh; transition:background-color .3s, color .3s; }
        .header { background:var(--header-bg); backdrop-filter:blur(20px); border-bottom:1px solid var(--border-color); padding:0 2rem; position:sticky; top:0; z-index:100; transition:background-color .3s; }
        .theme-toggle { width:36px; height:36px; border-radius:10px; border:1px solid var(--border-color); background:var(--bg-card); color:var(--text-secondary); cursor:pointer; font-size:15px; display:flex; align-items:center; justify-content:center; transition:all .15s; }
        .theme-toggle:hover { color:var(--text-primary); border-color:var(--accent-teal); }
        .header-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; height:56px; }
        .logo { display:flex; align-items:center; gap:10px; text-decoration:none; }
        .logo-icon { width:32px; height:32px; background:var(--gradient-main); border-radius:8px; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; color:#0a0e1a; }
        .logo-text { font-size:18px; font-weight:700; }
        .logo-text span { background:var(--gradient-main); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
        .logo-sub { font-size:11px; color:var(--text-muted); margin-left:8px; }
        .nav { display:flex; gap:2px; flex-wrap:wrap; }
        .nav-item { padding:6px 14px; border-radius:var(--radius-sm); color:var(--text-secondary); cursor:pointer; font-size:13px; font-weight:500; border:none; background:none; transition:all 0.2s; }
        .nav-item:hover { color:var(--text-primary); background:var(--bg-card); }
        .nav-item.active { color:var(--accent-teal); background:var(--accent-teal-dim); }
        .main { max-width:1200px; margin:0 auto; padding:1.5rem 2rem 3rem; }
        .page { display:none; } .page.active { display:block; }
        .stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-bottom:1.5rem; }
        .stat-card { background:var(--gradient-card); border:1px solid var(--border-color); border-radius:var(--radius); padding:1.25rem; transition:all 0.3s; }
        .stat-card:hover { border-color:var(--accent-teal); }
        .stat-label { font-size:13px; font-weight:500; color:var(--text-secondary); margin-bottom:4px; }
        .stat-value { font-size:22px; font-weight:700; color:var(--text-primary); font-variant-numeric:tabular-nums; letter-spacing:-.01em; }
        .stat-sub { font-size:12px; color:var(--text-muted); margin-top:2px; }
        .card { background:var(--gradient-card); border:1px solid var(--border-color); border-radius:var(--radius); overflow:hidden; margin-bottom:1rem; }
        .card-header { display:flex; align-items:center; justify-content:space-between; padding:1rem 1.25rem; border-bottom:1px solid var(--border-color); }
        .card-title { font-size:15px; font-weight:600; }
        .card-body { padding:1.25rem; }
        table { width:100%; border-collapse:collapse; font-size:13px; }
        th { text-align:left; padding:9px 14px; color:var(--text-muted); font-weight:500; font-size:12px; border-bottom:1px solid var(--border-color); }
        td { padding:10px 14px; border-bottom:1px solid var(--border-color); color:var(--text-secondary); }
        tr:last-child td { border-bottom:none; }
        .mono { font-family:'JetBrains Mono',monospace; font-size:12px; }
        .btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:9px 18px; border-radius:var(--radius-sm); font-family:inherit; font-size:14px; font-weight:600; line-height:1.3; cursor:pointer; transition:all 0.2s; border:none; white-space:nowrap; }
        .btn:disabled { opacity:.55; cursor:default; transform:none; box-shadow:none; }
        .btn-primary { background:var(--btn-primary); color:#fff; box-shadow:0 1px 2px rgba(0,0,0,.18); }
        .btn-primary:hover { background:var(--btn-primary-hover); }
        .btn-primary:active { transform:translateY(1px); }
        .btn:focus-visible { outline:2px solid var(--btn-primary); outline-offset:2px; }
        .btn-danger { background:var(--accent-red); color:white; }
        .btn-ghost { background:transparent; color:var(--text-secondary); padding-left:10px; padding-right:10px; }
        .btn-ghost:hover { color:var(--accent-teal); }
        .btn-outline { background:transparent; border:1px solid var(--border-color); color:var(--text-secondary); }
        .btn-outline:hover { border-color:var(--accent-teal); color:var(--accent-teal); }
        .btn-sm { padding:6px 12px; font-size:13px; }
        .btn-full { width:100%; justify-content:center; }
        .input { width:100%; padding:10px 14px; background:var(--bg-input); border:1px solid var(--border-color); border-radius:var(--radius-sm); color:var(--text-primary); font-size:14px; font-family:'Inter',sans-serif; transition:border-color 0.2s,box-shadow 0.2s; }
        .input.mono { font-family:'JetBrains Mono',monospace; font-size:13px; }
        textarea.input { line-height:1.5; resize:vertical; }
        .input:focus { outline:none; border-color:var(--accent-teal); box-shadow:0 0 0 3px var(--accent-teal-dim); }
        .input::placeholder { color:var(--text-muted); opacity:0.7; }
        select.input { font-family:'Inter',sans-serif; }
        .form-group { margin-bottom:1rem; }
        .form-label { display:block; font-size:13px; font-weight:500; color:var(--text-secondary); margin-bottom:6px; }
        .form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
        .alert { padding:12px 16px; border-radius:var(--radius-sm); font-size:13px; margin-bottom:1rem; }
        .alert-success { background:#10b98122; color:#34d399; border:1px solid #10b98144; }
        .alert-error { background:#ef444422; color:#f87171; border:1px solid #ef444444; }
        .alert-info { background:#3b82f622; color:#60a5fa; border:1px solid #3b82f644; }
        .badge { display:inline-flex; align-items:center; gap:4px; padding:2px 9px; border-radius:20px; font-size:12px; font-weight:600; }
        .badge-online { background:#10b98122; color:#34d399; }
        .badge-offline { background:#ef444422; color:#f87171; }
        .badge-warn { background:#f59e0b22; color:#f59e0b; }
        .seed-display { background:var(--bg-input); border:1px solid var(--accent-orange); border-radius:var(--radius-sm); padding:1rem; margin:1rem 0; font-family:'JetBrains Mono',monospace; font-size:12px; word-break:break-all; color:var(--accent-orange); user-select:all; }
        .unlock-overlay { position:fixed; top:0; left:0; right:0; bottom:0; background:var(--bg-primary); z-index:1000; display:flex; align-items:center; justify-content:center; }
        .unlock-overlay.hidden { display:none; }
        .unlock-box { background:var(--gradient-card); border:1px solid var(--border-color); border-radius:16px; padding:2.2rem; width:min(440px, calc(100vw - 32px)); max-height:calc(100vh - 32px); overflow-y:auto; text-align:center; }
        .unlock-box h2 { font-size:22px; margin-bottom:0.5rem; }
        .unlock-box p { color:var(--text-secondary); font-size:14px; margin-bottom:1.5rem; }
        .unlock-tabs { display:flex; gap:4px; margin-bottom:1.5rem; }
        .unlock-tab { flex:1; padding:8px; border-radius:var(--radius-sm); background:transparent; border:1px solid var(--border-color); color:var(--text-secondary); cursor:pointer; font-family:inherit; font-size:14px; font-weight:500; }
        .unlock-tab.active { background:var(--accent-teal-dim); border-color:var(--accent-teal); color:var(--accent-teal); }
        .header-status { font-size:12px; color:var(--text-secondary); display:flex; align-items:center; gap:6px; }
        .status-dot { width:8px; height:8px; border-radius:50%; background:var(--accent-green); }
        .status-dot.warn { background:var(--accent-orange); } .status-dot.down { background:var(--accent-red); }
        @keyframes pulse { 0%,100% { opacity:1; } 50% { opacity:0.4; } }
        .security-badge { display:flex; align-items:center; gap:6px; padding:8px 14px; background:#10b98115; border:1px solid #10b98133; border-radius:var(--radius-sm); font-size:12px; color:var(--accent-green); margin-bottom:1rem; }
        .pagination { display:flex; align-items:center; gap:8px; justify-content:center; padding:12px 0; }
        .pagination button { padding:5px 12px; border-radius:var(--radius-sm); border:1px solid var(--border-color); background:var(--bg-card); color:var(--text-secondary); cursor:pointer; font-size:12px; }
        .pagination button:hover { border-color:var(--accent-teal); color:var(--accent-teal); }
        .pagination button:disabled { opacity:0.4; cursor:default; }
        .pagination span { font-size:12px; color:var(--text-muted); }
        .tab-bar { display:flex; gap:4px; margin-bottom:1rem; }
        .tab-btn { padding:7px 16px; border-radius:var(--radius-sm); background:transparent; border:1px solid var(--border-color); color:var(--text-secondary); cursor:pointer; font-family:inherit; font-size:14px; font-weight:500; }
        .tab-btn.active { background:var(--accent-teal-dim); border-color:var(--accent-teal); color:var(--accent-teal); }
        @media(max-width:768px) { .stats-grid{grid-template-columns:repeat(2,1fr);} .form-row{grid-template-columns:1fr;} .nav{flex-wrap:wrap;} .main{padding:1rem;} }

        /* ===== AnuuChat messenger bubbles (shared look with the dashboard) ===== */
        .avatar{width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#0a0e1a}
        .avatar.sm{width:28px;height:28px;font-size:12px}
        .msg{display:flex;gap:9px;max-width:76%}
        .msg .bubble{background:var(--bg-card-hover);border:1px solid var(--border-color);padding:8px 12px;border-radius:14px;border-top-left-radius:4px}
        .msg .who{font-size:12px;font-weight:700;margin-bottom:2px}
        .msg .txt{font-size:14px;line-height:1.5;color:var(--text-primary);word-break:break-word;white-space:pre-wrap}
        .msg .tm{font-size:11px;color:var(--text-muted);margin-top:3px;text-align:right}
        .msg.me{align-self:flex-end;flex-direction:row-reverse}
        .msg.me .bubble{background:linear-gradient(135deg,#22d3ee,#8b5cf6);border:none;border-radius:14px;border-top-right-radius:4px}
        .msg.me .txt{color:#0a1220}
        .msg.me .tm{color:#0a1220;opacity:.7}