.ee-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 64px)}
.ee-nav{position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto;padding:22px 16px;border-right:1px solid var(--border,#d8dee9);background:var(--surface,#fff)}
.ee-nav h2{font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;margin:0 12px 14px;color:var(--muted,#667085)}
.ee-nav a{display:flex;gap:10px;align-items:center;padding:10px 12px;margin:3px 0;border-radius:10px;text-decoration:none;color:inherit}
.ee-nav a:hover,.ee-nav a[aria-current=page]{background:color-mix(in srgb,var(--accent,#4f46e5) 12%,transparent);color:var(--accent,#4f46e5)}
.ee-main{padding:clamp(22px,4vw,52px);max-width:1500px;width:100%}.ee-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.7fr);gap:24px;align-items:stretch;margin-bottom:28px}
.ee-panel{border:1px solid var(--border,#d8dee9);background:var(--surface,#fff);border-radius:18px;padding:22px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.ee-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.ee-card{grid-column:span 4;border:1px solid var(--border,#d8dee9);border-radius:16px;padding:20px;background:var(--surface,#fff)}.ee-card.wide{grid-column:span 6}.ee-card.full{grid-column:1/-1}
.ee-kpi{font-size:2rem;font-weight:800}.ee-status{display:inline-flex;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent,#4f46e5) 12%,transparent);font-size:.82rem;font-weight:700}.ee-list{display:grid;gap:10px}.ee-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--border,#e5e7eb)}
.ee-canvas{min-height:420px;border:1px dashed color-mix(in srgb,var(--accent,#4f46e5) 45%,var(--border,#d8dee9));border-radius:16px;background:linear-gradient(90deg,transparent 23px,rgba(100,116,139,.08) 24px),linear-gradient(transparent 23px,rgba(100,116,139,.08) 24px);background-size:24px 24px;position:relative;overflow:auto}.ee-node{position:absolute;min-width:150px;padding:14px;border:1px solid var(--border,#d8dee9);border-radius:12px;background:var(--surface,#fff);box-shadow:0 8px 22px rgba(15,23,42,.12);cursor:grab}.ee-node strong{display:block}.ee-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.ee-toolbar input,.ee-toolbar select{min-height:40px;border:1px solid var(--border,#d8dee9);border-radius:10px;padding:0 12px;background:var(--surface,#fff);color:inherit}.ee-code{white-space:pre;overflow:auto;min-height:260px}.ee-table{width:100%;border-collapse:separate;border-spacing:0}.ee-table th,.ee-table td{text-align:left;padding:12px;border-bottom:1px solid var(--border,#e5e7eb)}
@media(max-width:900px){.ee-shell{display:block}.ee-nav{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border,#d8dee9);display:flex;overflow:auto;gap:4px;padding:10px}.ee-nav h2{display:none}.ee-nav a{white-space:nowrap}.ee-hero{grid-template-columns:1fr}.ee-card,.ee-card.wide{grid-column:1/-1}}