:root{--p2-accent:#6366f1;--p2-cyan:#06b6d4;--p2-ok:#10b981;--p2-warn:#f59e0b;--p2-danger:#ef4444}
.p2-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 64px)}.p2-nav{padding:24px 16px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,var(--p2-accent) 6%);position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto}.p2-nav h2{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:0 12px}.p2-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none;margin:3px 0}.p2-nav a:hover,.p2-nav a[aria-current=page]{background:color-mix(in srgb,var(--p2-accent) 14%,transparent);color:var(--p2-accent)}.p2-main{padding:clamp(24px,4vw,56px);max-width:1500px;width:100%;margin:auto}.p2-hero{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:24px 0}.p2-panel,.p2-card{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:22px;box-shadow:0 12px 36px rgba(15,23,42,.06)}.p2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.p2-card h2{font-size:1.05rem}.p2-card a{font-weight:700;color:var(--p2-accent)}.p2-kpi{font-size:2.6rem;font-weight:800;line-height:1}.p2-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--p2-ok) 14%,transparent);color:var(--p2-ok);font-size:.78rem;font-weight:800}.p2-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.p2-canvas{min-height:420px;border:1px dashed var(--border);border-radius:16px;padding:18px;background-image:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--muted) 22%,transparent) 1px,transparent 0);background-size:22px 22px}.p2-node{display:inline-block;padding:12px 14px;border:1px solid var(--border);border-left:4px solid var(--p2-accent);border-radius:10px;background:var(--surface);margin:8px;min-width:150px}.p2-list{display:grid;gap:10px}.p2-item{display:flex;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--border);border-radius:12px}.p2-console{background:#111827;color:#e5e7eb;border-radius:14px;padding:16px;min-height:170px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow:auto}.p2-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.p2-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 12px}.p2-tabs button.active{background:var(--p2-accent);color:white;border-color:var(--p2-accent)}
@media(max-width:900px){.p2-shell{grid-template-columns:1fr}.p2-nav{position:relative;top:0;height:auto;border-right:0;border-bottom:1px solid var(--border);display:flex;overflow:auto;gap:4px;padding:10px}.p2-nav h2{display:none}.p2-nav a{white-space:nowrap}.p2-hero,.p2-grid{grid-template-columns:1fr}.p2-main{padding:22px 16px}}