.neural-shell{max-width:1500px;margin:0 auto;padding:24px 22px 50px}
.neural-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:30px;border-radius:26px;background:radial-gradient(circle at 78% 10%,rgba(255,255,255,.14),transparent 27%),linear-gradient(135deg,#071c27,#123e47);color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.16)}
.neural-hero h1{max-width:900px;margin:6px 0 10px;font-size:clamp(2.1rem,5vw,4.2rem);line-height:.98;letter-spacing:-.04em}.neural-hero p{max-width:880px;margin:0;opacity:.78;line-height:1.55}
.neural-hero-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.neural-hero .tiny-btn{color:#fff;border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08)}
.neural-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 28px}.neural-kpis article{padding:17px;border:1px solid #e2e8ea;border-radius:18px;background:#fff}.neural-kpis small{display:block;opacity:.56;margin-bottom:4px}.neural-kpis strong{font-size:1.5rem}
.neural-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:20px 0 14px}.neural-section-head h2,.neural-section-head p{margin:0}.neural-section-head p{opacity:.62;margin-top:4px}.neural-live{font-size:12px;font-weight:900;letter-spacing:.14em}
.agent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.agent-card{padding:16px;border:1px solid #e0e7e8;border-radius:20px;background:linear-gradient(180deg,#fff,#f9fbfb);min-width:0}
.agent-top{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:start}.agent-orb{width:10px;height:10px;border-radius:50%;margin-top:6px;background:#2d8b92;box-shadow:0 0 0 5px #e7f3f4}.agent-top h3,.agent-top small{margin:0}.agent-top small{opacity:.5;font-size:10px;letter-spacing:.12em}
.agent-stats{display:grid;grid-template-columns:1fr;gap:6px;margin:14px 0}.agent-stats span{display:flex;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:10px;background:#f1f5f5;font-size:12px}.agent-card label{display:grid;gap:6px;font-size:12px;font-weight:700}.agent-card select{width:100%;padding:9px 10px;border:1px solid #dce3e5;border-radius:11px;background:#fff}
.agent-status,.risk{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;background:#edf2f3}.risk.high,.risk.critical{background:#fff0ee}.risk.medium{background:#fff6df}.risk.low{background:#ecf7f1}
.neural-actions{margin-top:28px}.action-list{display:grid;gap:9px}.action-row{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:16px;padding:15px;border:1px solid #e4e9ea;border-radius:16px;background:#fff;align-items:center}
.action-agent{font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;opacity:.62}.action-title{font-size:15px;font-weight:900}.action-main p{margin:4px 0 8px;opacity:.7;line-height:1.45}.action-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:11px;opacity:.78}
.action-buttons{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.action-buttons button{padding:8px 11px;border:0;border-radius:10px;background:#0d3540;color:#fff;font-weight:800;cursor:pointer}.action-buttons button.secondary{background:#eef2f3;color:#263a40}
.neural-empty{padding:28px;text-align:center;border:1px dashed #d6e0e2;border-radius:15px;opacity:.62}.neural-principles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.neural-principles article{display:grid;gap:5px;padding:14px;border-radius:16px;background:#0d2530;color:#fff}.neural-principles span{font-size:12px;opacity:.7;line-height:1.45}
#action-filter{padding:9px 11px;border:1px solid #d9e1e3;border-radius:11px;background:#fff}
@media(max-width:1100px){.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row{grid-template-columns:140px minmax(0,1fr)}.action-buttons{grid-column:2;justify-content:flex-start}.neural-principles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.neural-shell{padding:13px 11px 36px}.neural-hero{padding:22px;align-items:flex-start;flex-direction:column}.neural-hero h1{font-size:2.4rem}.neural-kpis,.agent-grid,.neural-principles{grid-template-columns:1fr 1fr}.action-row{grid-template-columns:1fr}.action-buttons{grid-column:1;justify-content:flex-start}.neural-section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.neural-kpis,.agent-grid,.neural-principles{grid-template-columns:1fr}.neural-hero h1{font-size:2rem}}
html[dir="rtl"] .action-row,html[dir="rtl"] .agent-card{text-align:right}