:root{--bg:#07070c;--panel:rgba(255,255,255,.05);--line:rgba(255,255,255,.1);--ink:#eef0f8;--mut:#9b9cb4}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:28px 18px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.total{font-size:30px;font-weight:800;letter-spacing:.5px}
.muted{color:var(--mut)} .small{font-size:12px}
.btn{background:#8b5cf6;border:0;color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer}
.btn[disabled]{opacity:.5;cursor:default}
.share-bar{display:flex;height:14px;border-radius:7px;overflow:hidden;margin-bottom:16px;background:var(--panel)}
.cards{display:flex;flex-direction:column;gap:10px}
.row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}
.amt{font-weight:700}
.wallet-slot{position:relative;display:flex;align-items:center}
.wallet-btn{background:transparent;border:1px solid rgba(255,255,255,.18);color:var(--ink);padding:8px 14px;border-radius:10px;font-weight:600;cursor:pointer}
.wallet-btn:hover{border-color:rgba(255,255,255,.32)}
.wallet-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--line);cursor:pointer;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}
.wallet-pill .led{width:8px;height:8px;border-radius:50%;background:#27d17f}
.wallet-pill .caret{color:var(--mut)}
.wallet-menu{position:absolute;right:0;top:38px;min-width:180px;background:#0b0b14;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:6px;font-size:13px;box-shadow:0 6px 20px rgba(0,0,0,.4);z-index:5}
.wallet-menu-item{padding:8px 10px;cursor:pointer;color:var(--ink);border-radius:6px}
.wallet-menu-item:hover{background:rgba(255,255,255,.06)}
.wallet-menu-item.danger{color:#ff5168}
.hidden{display:none}
.tech-link{display:inline-flex;align-items:center;text-decoration:none;color:var(--mut);border:1px solid var(--line);background:var(--panel);padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap}
.tech-link:hover{color:var(--ink);border-color:rgba(255,255,255,.28)}
/* ── Sync Monitor · профиль зрелости (Вариант C) ── */
:root{ --teal:#2dd4bf; --amber:#f5b301; --red:#ef4444; --ok:#27d17f; }
.maturity{ margin:16px 0; }
.mc-note{ margin:4px 0; }

.mc-card{ display:flex; flex-direction:column; align-items:center; text-align:center;
  background:#090a10; border:1px solid var(--line); border-radius:22px; padding:24px 20px 20px;
  cursor:pointer; transition:border-color .15s, transform .12s; }
.mc-card:hover{ border-color:rgba(45,212,191,.32); }
.mc-card:active{ transform:scale(.995); }
.mc-ringbox{ position:relative; width:190px; height:190px; margin:2px 0 4px; }
.mc-ringbox svg{ transform:rotate(-90deg); }
.mc-center{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.mc-num{ font-size:46px; font-weight:800; color:var(--teal); line-height:1; }
.mc-lbl{ font-weight:700; font-size:16px; margin-top:2px; }
.mc-to{ color:var(--mut); font-size:12px; margin-top:3px; }
.mc-name{ font-size:22px; font-weight:800; margin-top:6px; }
.mc-status{ display:flex; align-items:center; gap:8px; color:var(--mut); font-size:13px; margin-top:8px; }
.mc-dot{ width:11px; height:11px; border-radius:50%; flex:none; background:var(--mut); }
.mc-dot-ok{ background:var(--ok); box-shadow:0 0 0 4px rgba(39,209,127,.16); }
.mc-dot-warn{ background:var(--amber); box-shadow:0 0 0 4px rgba(245,179,1,.16); }
.mc-dot-fail{ background:var(--red); box-shadow:0 0 0 4px rgba(239,68,68,.16); }
.mc-vfp{ max-width:520px; color:var(--mut); font-size:14px; line-height:1.5; margin:14px auto 16px; }
.mc-mini{ display:flex; align-items:center; justify-content:center; margin:2px 0 18px; width:100%; max-width:480px; }
.mc-mn{ display:flex; flex-direction:column; align-items:center; gap:6px; flex:none; width:80px; }
.mc-mdot{ width:30px; height:30px; border-radius:50%; display:grid; place-items:center; font-size:13px; font-weight:800; background:#2a2d36; color:var(--mut); }
.mc-mdot-done{ background:#1f9d6b; color:#fff; }
.mc-mdot-current{ background:var(--amber); color:#1a1300; box-shadow:0 0 0 5px rgba(245,179,1,.18); }
.mc-mln{ height:3px; flex:1; background:#2a2d36; border-radius:2px; }
.mc-mln.fill{ background:linear-gradient(90deg,var(--teal),var(--amber)); }
.mc-mlb{ font-size:11.5px; color:var(--mut); }
.mc-mlb.cur{ color:var(--amber); font-weight:700; }
.mc-chips{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.mc-chip{ background:#14161c; border:1px solid var(--line); border-radius:12px; padding:10px 14px; min-width:120px; }
.mc-chip .v{ font-size:18px; font-weight:800; }
.mc-chip .k{ color:var(--mut); font-size:11.5px; margin-top:2px; }
.mc-chip .m{ color:var(--amber); font-size:10.5px; font-weight:700; margin-top:3px; }
.mc-expand{ display:inline-flex; align-items:center; gap:7px; margin-top:20px; color:var(--teal); font-weight:700; font-size:13px;
  border:1px solid rgba(45,212,191,.3); background:rgba(45,212,191,.06); border-radius:10px; padding:9px 16px; }

.mc-detail{ margin-top:8px; }
.mc-back{ display:inline-flex; align-items:center; gap:7px; color:var(--mut); font-size:13px; font-weight:600;
  background:none; border:0; cursor:pointer; padding:4px 0; margin-bottom:6px; }
.mc-back:hover{ color:var(--ink); }
.mc-d-h{ font-weight:700; font-size:14px; margin:18px 0 12px; padding-left:10px; border-left:3px solid var(--teal); }

.mc-m{ background:#14161c; border:1px solid var(--line); border-radius:14px; padding:14px 16px; margin-bottom:10px; }
.mc-m-top{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; }
.mc-m-name{ font-weight:700; font-size:14px; }
.mc-m-val{ font-size:20px; font-weight:800; flex:none; }
.mc-m-desc{ color:var(--mut); font-size:12.5px; margin-top:4px; line-height:1.45; }
.mc-m-foot{ display:flex; align-items:center; justify-content:space-between; margin-top:10px; min-height:8px; }
.mc-m-spark{ display:flex; gap:3px; align-items:flex-end; height:20px; }
.mc-m-spark span{ width:6px; height:100%; border-radius:2px; background:#2a2d36; }
.mc-spk-ok{ background:var(--teal)!important; }
.mc-spk-warn{ background:var(--amber)!important; }
.mc-spk-fail{ background:var(--red)!important; }
.mc-m-pill{ font-size:11px; font-weight:700; color:var(--amber); background:rgba(245,179,1,.12); border-radius:6px; padding:3px 8px; }

.mc-lvl{ border:1px solid var(--line); background:#14161c; border-radius:14px; padding:14px 16px; margin-bottom:10px; }
.mc-lvl-current{ border-color:rgba(245,179,1,.4); }
.mc-lvl-locked{ opacity:.62; }
.mc-lhead{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.mc-ltitle{ font-weight:700; font-size:14.5px; }
.mc-ltitle-done{ color:var(--teal); }
.mc-ltitle-current{ color:var(--amber); }
.mc-lcount{ color:var(--mut); font-size:12px; flex:none; }
.mc-ms{ display:flex; align-items:center; gap:10px; padding:6px 0; }
.mc-ms .ic{ width:16px; flex:none; text-align:center; }
.mc-ms .nm{ flex:1; font-size:13px; }
.mc-ms.todo .nm{ color:var(--mut); }
.mc-bar{ width:80px; height:6px; border-radius:4px; background:#23262f; flex:none; overflow:hidden; }
.mc-bar i{ display:block; height:100%; background:var(--teal); border-radius:4px; }
.mc-bar.cur i{ background:var(--amber); }

.section-title { font-size: 15px; margin: 18px 0 8px; opacity: 0.8; }

/* ── Активные кошельки (карточка на главной) ── */
.aw-card{ margin-top:16px; background:#0e0f16; border:1px solid var(--line); border-radius:18px; padding:18px 18px 12px; }
.aw-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.aw-title{ font-size:20px; font-weight:800; letter-spacing:.2px; }
.aw-sub{ color:var(--mut); font-size:12.5px; margin-top:3px; }
.aw-num{ font-size:40px; font-weight:800; line-height:1; flex:none; text-align:right; }
.aw-num small{ display:block; color:var(--mut); font-size:11.5px; font-weight:600; margin-top:4px; }
.aw-legend{ display:flex; gap:18px; margin:12px 0 4px; flex-wrap:wrap; }
.aw-lg{ display:inline-flex; align-items:center; gap:8px; font-size:13px; color:var(--mut); }
.aw-lg b{ color:var(--ink); font-weight:700; margin-left:2px; }
.aw-lg i{ width:11px; height:11px; border-radius:3px; display:inline-block; flex:none; }
.aw-chart{ margin-top:6px; }
.aw-svg{ display:block; height:200px; }
.aw-xlabels{ display:flex; justify-content:space-between; color:var(--mut); font-size:11px; margin-top:2px; padding:0 2px; }