*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--sebia-gray-700);background:var(--sebia-gray-100);min-height:100vh}a{color:var(--sebia-navy);text-decoration:none}a:hover{color:var(--sebia-blue)}h1,h2,h3{font-family:var(--font-title);color:var(--sebia-navy);margin:0 0 var(--space-4)}h1{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh;transition:grid-template-columns .28s ease}.app.nav-collapsed{grid-template-columns:0 1fr}.nav-toggle-btn{position:fixed;top:10px;left:10px;z-index:200;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--sebia-navy);color:var(--sebia-white);border:none;border-radius:var(--radius-md);font-size:16px;cursor:pointer;opacity:.85;transition:opacity .12s ease,background .12s ease;line-height:1}.nav-toggle-btn:hover{opacity:1;background:var(--sebia-blue);color:var(--sebia-navy)}.sidebar{background:var(--sebia-navy);color:var(--sebia-white);padding:var(--space-6) var(--space-4);padding-top:52px;display:flex;flex-direction:column;gap:var(--space-4);overflow:hidden;width:240px;transition:opacity .28s ease,visibility .28s ease}.app.nav-collapsed .sidebar{opacity:0;visibility:hidden;pointer-events:none}.sidebar .brand{font-family:var(--font-title);font-size:var(--font-size-xl);letter-spacing:.5px;margin-bottom:var(--space-6)}.sidebar .brand small{display:block;font-family:var(--font-body);font-size:12px;opacity:.7;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px}.sidebar nav a{color:var(--sebia-white);display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:15px;opacity:.78}.sidebar nav a.active,.sidebar nav a:hover{background:#ffffff1a;opacity:1}.main{padding:var(--space-8) var(--space-10);overflow-y:auto}.page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-6)}.page-header .subtitle{color:var(--sebia-gray-500);font-size:var(--font-size-base)}.card{background:var(--sebia-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.kpi{background:var(--sebia-white);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border-left:4px solid var(--sebia-navy)}.kpi .label{font-size:13px;color:var(--sebia-gray-500);text-transform:uppercase;letter-spacing:1px}.kpi .value{font-family:var(--font-title);font-size:var(--font-size-3xl);color:var(--sebia-navy);margin-top:var(--space-2);line-height:1}.kpi .unit{font-size:14px;color:var(--sebia-gray-500);margin-left:6px}table{width:100%;border-collapse:collapse;background:var(--sebia-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}th,td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--sebia-gray-100);font-size:14px}th{background:var(--sebia-gray-100);color:var(--sebia-navy);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}tbody tr:hover{background:#7cc7f214}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.badge-running{background:var(--sebia-cyan);color:var(--sebia-navy)}.badge-done{background:var(--sebia-gray-300);color:var(--sebia-gray-700)}.harness{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 1100px){.harness{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1500px){.harness{grid-template-columns:repeat(5,1fr)}}.layer{display:flex;flex-direction:column;gap:var(--space-3)}.layer header{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-title);color:var(--sebia-navy);font-size:var(--font-size-lg)}.layer .pill{display:inline-block;padding:2px 8px;font-size:11px;background:var(--sebia-cyan);color:var(--sebia-navy);border-radius:var(--radius-full);font-family:var(--font-body);font-weight:600}.layer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.layer li{padding:var(--space-3);background:var(--sebia-white);border-radius:var(--radius-md);border-left:3px solid var(--sebia-blue);box-shadow:var(--shadow-sm)}.layer li .name{font-weight:600;color:var(--sebia-navy);font-size:14px}.layer li .desc{font-size:13px;color:var(--sebia-gray-500);margin-top:4px;line-height:var(--line-height-normal)}.editor{display:grid;grid-template-columns:240px 6px 1fr;gap:var(--space-4)}.agent-list{background:var(--sebia-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.agent-list .item{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--sebia-gray-100);cursor:pointer}.agent-list .item:hover{background:var(--sebia-gray-100)}.agent-list .item.active{background:var(--sebia-cyan);color:var(--sebia-navy);font-weight:600}textarea{width:100%;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;padding:var(--space-4);border:1px solid var(--sebia-gray-300);border-radius:var(--radius-md);background:var(--sebia-white)}textarea:focus{outline:2px solid var(--sebia-blue);border-color:var(--sebia-blue)}.btn{background:var(--sebia-navy);color:var(--sebia-white);border:0;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:600;cursor:pointer}.btn:hover{background:var(--sebia-blue);color:var(--sebia-navy)}.btn:disabled{opacity:.5;cursor:not-allowed}.empty{padding:var(--space-12);text-align:center;color:var(--sebia-gray-500);background:var(--sebia-white);border-radius:var(--radius-lg);border:2px dashed var(--sebia-gray-300)}.form-label{display:block;font-size:11px;font-weight:600;color:var(--sebia-gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.chip{padding:4px 10px;font-size:12px;font-family:ui-monospace,SF Mono,Menlo,monospace;border:1px solid var(--sebia-gray-300);background:var(--sebia-white);color:var(--sebia-gray-700);border-radius:var(--radius-full);cursor:pointer;transition:background 80ms ease,border-color 80ms ease,color 80ms ease}.chip:hover{border-color:var(--sebia-blue)}.chip[data-on=true]{background:var(--sebia-navy);color:var(--sebia-white);border-color:var(--sebia-navy)}.streaming-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--sebia-cyan);box-shadow:0 0 #7cc7f2b3;animation:pulse-cyan 1.4s ease-out infinite}@keyframes pulse-cyan{0%{box-shadow:0 0 #7cc7f2b3}70%{box-shadow:0 0 0 8px #7cc7f200}to{box-shadow:0 0 #7cc7f200}}@keyframes agentos-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}