:root{color-scheme:light;--bg:#f6f7fb;--panel:rgba(255,255,255,0.82);--card:#ffffff;--border:rgba(17,24,39,0.10);--text:#0f172a;--muted:rgba(15,23,42,0.65);--shadow:0 12px 30px rgba(2,6,23,0.08);--shadow-sm:0 8px 18px rgba(2,6,23,0.06);--radius:16px;--accent:#7c3aed;--accent2:#ec4899;--ring:rgba(124,58,237,0.35)}:root[data-theme=dark]{color-scheme:dark;--bg:#0f172a;--panel:rgba(15,23,42,0.85);--card:#1f2937;--border:rgba(255,255,255,0.15);--text:#f8fafc;--muted:rgba(248,250,252,0.60);--shadow:0 12px 30px rgba(0,0,0,0.5);--shadow-sm:0 8px 18px rgba(0,0,0,0.4);--accent:#7c3aed;--accent2:#ec4899;--ring:rgba(124,58,237,0.55)}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg)}button{cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:inherit}.page{height:100vh;display:grid;grid-template-columns:380px 1fr;grid-gap:0;gap:0;background:radial-gradient(900px 600px at 15% 10%,rgba(124,58,237,.1),transparent 60%),radial-gradient(900px 600px at 85% 0,rgba(236,72,153,.08),transparent 55%),var(--bg)}.sidebar{border-right:1px solid var(--border);padding:16px;overflow:auto;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.55));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.main{padding:16px;overflow:hidden;display:grid;grid-template-rows:auto 1fr;grid-gap:12px;gap:12px}.card{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:var(--card);box-shadow:var(--shadow-sm)}.row{align-items:center}.col,.row{display:flex;gap:10px}.col{flex-direction:column}.small{font-size:12px;color:var(--muted);line-height:1.35}.list{flex-direction:column;margin-top:12px}.list,.listItem{display:flex;gap:10px}.listItem{padding:10px;border-radius:14px;border:1px solid var(--border);align-items:center;background:var(--panel);box-shadow:0 6px 14px rgba(2,6,23,.04);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.listItem:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(2,6,23,.07);border-color:rgba(124,58,237,.22)}.listItemActive{outline:2px solid rgba(124,58,237,.28);border-color:rgba(124,58,237,.28)}.avatar{width:44px;height:44px;border-radius:14px;border:1px solid var(--border);object-fit:cover;background:#fafafa;flex:0 0 auto}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:var(--card);box-shadow:0 1px 0 rgba(2,6,23,.02);transition:box-shadow .12s ease,border-color .12s ease,transform .12s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:rgba(124,58,237,.35);box-shadow:0 0 0 4px var(--ring)}.textarea{min-height:92px;resize:vertical}.btn{border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:var(--panel);box-shadow:0 8px 16px rgba(2,6,23,.06);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(2,6,23,.1);border-color:rgba(124,58,237,.2)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btnPrimary{border-color:rgba(124,58,237,.4);background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(236,72,153,.12))}.btnDanger{border-color:rgba(220,38,38,.25);background:rgba(254,242,242,.9)}.btnDanger:hover{border-color:rgba(220,38,38,.35)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px}.badge{font-size:12px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text)}.badge,.graphWrap{background:var(--panel)}.graphWrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;height:100%;box-shadow:var(--shadow)}.modalOverlay{position:fixed;inset:0;background:rgba(2,6,23,.45);display:grid;place-items:center;padding:14px;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(560px,100%);background:var(--card);border-radius:18px;border:1px solid var(--border);padding:16px;box-shadow:var(--shadow)}@media (max-width:980px){.page{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}}