:root{color-scheme:light;--bg: #f5f8fb;--bg-cool: #eaf2f6;--ink: #11252b;--ink-soft: #48656c;--muted: #6f858b;--line: rgba(32, 72, 82, .12);--line-strong: rgba(34, 91, 105, .2);--panel: rgba(255, 255, 255, .72);--panel-solid: #ffffff;--glass: rgba(255, 255, 255, .58);--blue: #1d75d7;--cyan: #0da7c2;--green: #0e9f78;--mint: #6edec4;--amber: #b98215;--danger: #c4514c;--shadow-soft: 0 24px 70px rgba(50, 83, 96, .11);--shadow-card: 0 12px 36px rgba(50, 83, 96, .09);--radius-lg: 30px;--radius-md: 22px;--radius-sm: 16px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:linear-gradient(116deg,#ffffffe0,#edf7f9a8 38%,#f6fafceb),linear-gradient(180deg,#fbfdfe,var(--bg) 48%,#eef5f7)}body:before{position:fixed;inset:0;z-index:0;pointer-events:none;content:"";background:linear-gradient(90deg,rgba(17,37,43,.035) 1px,transparent 1px),linear-gradient(rgba(17,37,43,.03) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,transparent,black 12%,black 58%,transparent);mask-image:linear-gradient(180deg,transparent,black 12%,black 58%,transparent)}body:after{position:fixed;inset:0;z-index:0;pointer-events:none;content:"";opacity:.82;background:linear-gradient(135deg,rgba(14,159,120,.08),transparent 28%),linear-gradient(315deg,rgba(29,117,215,.08),transparent 32%)}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.fleet-shell{position:relative;z-index:1;min-height:100dvh;padding:clamp(14px,2.2vw,28px)}.topbar,.hero-panel,.fleet-board,.detail-panel{position:relative;border:1px solid rgba(255,255,255,.78);background:linear-gradient(145deg,#ffffffdb,#ffffff94),var(--panel);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #2048520d,var(--shadow-soft)}.topbar:before,.hero-panel:before,.fleet-board:before,.detail-panel:before,.metric-card:before,.agent-card:before,.client-card:before,.detail-section:before,.info-block:before{position:absolute;inset:1px;pointer-events:none;content:"";border:1px solid rgba(20,108,132,.08);border-radius:inherit}.topbar{position:sticky;top:14px;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;min-height:70px;padding:0 18px;border-radius:999px;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}.brand{display:flex;align-items:center;gap:12px;font-weight:860;letter-spacing:-.02em;white-space:nowrap}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:999px;color:#05352d;background:linear-gradient(145deg,#ffffffe6,#97ecd88f),#d7fbf3;box-shadow:inset 0 1px #fffffff2,0 10px 24px #0e9f7829}.brand small{display:block;margin-top:1px;color:var(--muted);font-size:.68rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.topbar nav{display:flex;justify-content:center;gap:clamp(18px,3vw,36px);color:var(--ink-soft);font-size:.94rem}.topbar nav a{transition:color .52s cubic-bezier(.19,1,.22,1),transform .52s cubic-bezier(.19,1,.22,1)}.topbar nav a:hover{color:var(--green);transform:translateY(-1px)}.live-pill,.filter-row span,.panel-tag{display:inline-flex;align-items:center;gap:8px;color:#087f66;font-size:.8rem;font-weight:820;white-space:nowrap}.live-pill{min-height:38px;padding:0 14px;border:1px solid rgba(14,159,120,.16);border-radius:999px;background:#f0fffbbd}.live-pill span,.status-dot{display:block;width:8px;height:8px;border-radius:999px;background:var(--green);box-shadow:0 0 0 5px #0e9f781a}.hero-panel{display:grid;grid-template-columns:minmax(0,.84fr) minmax(420px,1.16fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:18px;padding:clamp(34px,5vw,64px);border-radius:var(--radius-lg);overflow:hidden}.hero-panel:after{position:absolute;right:-18%;bottom:-42%;width:64%;height:92%;pointer-events:none;content:"";opacity:.72;background:linear-gradient(135deg,rgba(14,159,120,.13),rgba(29,117,215,.08),transparent 64%);transform:rotate(-8deg)}.eyebrow{display:inline-flex;margin:0 0 18px;padding:8px 12px;border:1px solid rgba(14,159,120,.16);border-radius:999px;color:#087f66;background:#f0fffbb8;font-size:.7rem;font-weight:860;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:11ch;margin-bottom:18px;font-size:clamp(3.15rem,6vw,6.25rem);line-height:.95;letter-spacing:-.045em}.hero-panel p{max-width:610px;color:var(--ink-soft);font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.72}.hero-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card,.agent-card,.client-card,.detail-section,.info-block{position:relative;border:1px solid rgba(255,255,255,.86);background:linear-gradient(145deg,#ffffffe6,#ffffff94),#ffffff9e;box-shadow:inset 0 1px #fffffff2,0 12px 34px #2d4c5a14}.metric-card{min-height:150px;padding:20px;border-radius:var(--radius-md)}.metric-card svg{color:var(--cyan)}.metric-card.warn svg{color:var(--amber)}.metric-card span{display:block;margin-top:18px;color:var(--muted);font-size:.84rem}.metric-card strong{display:block;margin-top:6px;color:var(--ink);font-size:clamp(2.35rem,4.8vw,4.2rem);line-height:.95;letter-spacing:-.05em}.board-layout{display:grid;grid-template-columns:minmax(0,1fr) 392px;gap:18px;margin-top:18px;align-items:start}.fleet-board,.detail-panel{border-radius:var(--radius-lg)}.fleet-board{padding:18px}.toolbar{display:grid;grid-template-columns:1fr minmax(260px,390px);gap:18px;align-items:center}.toolbar h2,.detail-header h2{margin-bottom:5px;font-size:clamp(1.75rem,3.2vw,2.8rem);line-height:1.02;letter-spacing:-.04em}.toolbar span,.detail-header span,.detail-header p,.client-card span,.client-card p,.section-head span,.info-block span,.agent-card p,.agent-card footer{color:var(--muted)}.search-box{display:flex;align-items:center;gap:10px;min-height:50px;padding:0 16px;border:1px solid rgba(28,94,110,.13);border-radius:999px;background:#ffffffbd;box-shadow:inset 0 1px #ffffffeb}.search-box svg{color:var(--cyan);flex:0 0 auto}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.search-box input::placeholder{color:#536f77b3}.filter-row,.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.filter-row button,.pagination button,.action-button,.detail-header button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:1px solid rgba(28,94,110,.14);border-radius:999px;background:#ffffffb3;box-shadow:inset 0 1px #ffffffe6;cursor:pointer;font-weight:780;transition:transform .52s cubic-bezier(.19,1,.22,1),border-color .52s cubic-bezier(.19,1,.22,1),background .52s cubic-bezier(.19,1,.22,1),box-shadow .52s cubic-bezier(.19,1,.22,1)}.filter-row button{padding:0 16px}.filter-row button.active,.pagination button:hover:not(:disabled),.action-button:hover{border-color:#0e9f7852;background:linear-gradient(145deg,#ffffffeb,#e2faf4b8),#f4fffb;box-shadow:inset 0 1px #fffffff5,0 12px 26px #0e9f781a;color:#087f66}.pagination button:disabled{cursor:not-allowed;opacity:.45}.agent-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.agent-card{min-height:198px;padding:14px;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:transform .56s cubic-bezier(.19,1,.22,1),border-color .56s cubic-bezier(.19,1,.22,1),background .56s cubic-bezier(.19,1,.22,1),box-shadow .56s cubic-bezier(.19,1,.22,1)}.agent-card:hover,.agent-card.selected{transform:translateY(-3px);border-color:#0da7c247;background:linear-gradient(145deg,#fffffff5,#ecfbf8c2),#fff;box-shadow:inset 0 1px #fffffffa,0 18px 42px #18637921}.agent-card.selected:after{position:absolute;inset:auto 14px 12px;height:2px;content:"";border-radius:999px;background:linear-gradient(90deg,var(--green),var(--cyan))}.card-topline,.agent-identity,.card-data{display:flex;align-items:center}.card-topline{gap:8px;color:var(--muted);font-size:.74rem}.card-topline strong{margin-left:auto;color:#087f66}.status-dot.attention{background:var(--amber);box-shadow:0 0 0 5px #b982151a}.status-dot.paused{background:#9caeb3;box-shadow:none}.agent-identity{justify-content:space-between;gap:10px;margin-top:18px}.agent-identity span{font-size:1.42rem;font-weight:900;letter-spacing:-.04em}.agent-identity svg{color:var(--cyan)}.agent-card p{margin:6px 0 14px;font-size:.88rem}.card-data{justify-content:space-between;gap:8px}.card-data span{display:grid;gap:2px;color:var(--muted);font-size:.72rem}.card-data b{color:var(--ink);font-size:1rem}.risk-line{height:7px;margin-top:14px;overflow:hidden;border-radius:999px;background:#164b5614}.risk-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7bdcc9,var(--cyan),#d8b55a)}.agent-card footer{margin-top:12px;font-size:.79rem}.pagination{justify-content:center;margin-top:20px}.pagination button{padding:0 16px}.pagination span{color:var(--muted);font-weight:820}.detail-panel{position:sticky;top:106px;padding:18px;max-height:calc(100dvh - 124px);overflow:auto}.detail-header{display:flex;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.detail-header button{width:38px;height:38px;padding:0}.client-card{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;margin-top:16px;padding:16px;border-radius:var(--radius-md)}.client-avatar{display:grid;width:64px;height:64px;place-items:center;border-radius:20px;color:#05352d;background:linear-gradient(145deg,#ffffffd9,#80e8d194),#dffbf5;box-shadow:inset 0 1px #ffffffeb,0 12px 26px #0e9f7821;font-size:1.8rem;font-weight:920}.client-card h3{margin:4px 0;font-size:1.25rem;letter-spacing:-.02em}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.info-block{padding:14px;border-radius:var(--radius-sm)}.info-block svg{color:var(--cyan)}.info-block span,.info-block strong{display:block}.info-block span{margin-top:10px;font-size:.76rem}.info-block strong{margin-top:4px;color:var(--ink);font-size:1.18rem;letter-spacing:-.03em}.detail-section{margin-top:12px;padding:16px;border-radius:var(--radius-md)}.section-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h3{margin-bottom:0;letter-spacing:-.02em}.alert-row,.task-row{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:10px 0;border-top:1px solid rgba(32,72,82,.08)}.alert-row svg{color:var(--amber)}.task-row svg{color:var(--green)}.alert-row p,.task-row p{margin:0;color:var(--ink-soft);line-height:1.5}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.action-button{min-height:46px;padding:0 10px}.action-button svg{color:var(--cyan)}@media(max-width:1280px){.hero-panel,.board-layout{grid-template-columns:1fr}.detail-panel{position:static;max-height:none}.agent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:940px){.topbar{grid-template-columns:1fr auto;border-radius:28px}.topbar nav{display:none}.hero-metrics,.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{grid-template-columns:1fr}}@media(max-width:620px){.fleet-shell{padding:10px}.topbar{top:10px;grid-template-columns:1fr;padding:14px}.live-pill{justify-content:flex-start}.hero-panel,.fleet-board,.detail-panel{padding:14px;border-radius:24px}h1{max-width:100%;font-size:clamp(2.65rem,13vw,4rem);line-height:1.02}.hero-metrics,.agent-grid,.detail-stats,.command-grid{grid-template-columns:1fr}.filter-row button{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}