@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@300;400;500;600&display=swap";
:root{--bg:#08090c;--bg-warm:#0d0e13;--bg-surface:#12141b;--bg-elevated:#181b24;--bg-glass:#12141bb3;--border:#ffffff0d;--border-hover:#ffffff1a;--border-strong:#ffffff26;--text:#e8e6e3;--text-secondary:#9b9a97;--text-dim:#5c5b58;--white:#faf9f7;--accent-gold:#d4a853;--accent-gold-dim:#d4a85326;--accent-emerald:#3ecf8e;--accent-emerald-dim:#3ecf8e1f;--accent-blue:#4da2ff;--accent-blue-dim:#4da2ff1f;--accent-violet:#9d7aff;--accent-violet-dim:#9d7aff1f;--accent-rose:#f76e7e;--accent-rose-dim:#f76e7e1f;--accent-amber:#f0b429;--accent-amber-dim:#f0b4291f;--accent-teal:#2dd4bf;--accent-teal-dim:#2dd4bf1f;--accent-orange:#f38744;--accent-orange-dim:#f387441f;--accent-pink:#e879a8;--accent-pink-dim:#e879a81f;--accent-sky:#67c7eb;--accent-sky-dim:#67c7eb1f;--font:"Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"IBM Plex Mono", "SF Mono", "Fira Code", monospace;--sidebar-width:260px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-warm);border-right:1px solid var(--border);z-index:50;flex-direction:column;padding:24px 0;transition:transform .3s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:12px;margin-bottom:36px;padding:0 24px;display:flex}.sidebar-brand-avatar{background:linear-gradient(135deg, var(--accent-gold), var(--accent-violet));width:36px;height:36px;color:var(--bg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.sidebar-brand-text{flex-direction:column;display:flex}.sidebar-brand-name{color:var(--white);letter-spacing:-.3px;font-size:15px;font-weight:600}.sidebar-brand-sub{font-size:12px;font-family:var(--mono);color:var(--text-dim);letter-spacing:.5px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-secondary);letter-spacing:-.1px;cursor:pointer;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:var(--text);background:#ffffff0a}.sidebar-link.active{background:var(--accent-gold-dim);color:var(--accent-gold)}.sidebar-link-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.sidebar-section{font-family:var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);padding:24px 24px 8px;font-size:11px}.sidebar-status{border-top:1px solid var(--border);flex-direction:column;gap:12px;margin-top:auto;padding:16px 24px;display:flex}.sidebar-status-row{font-family:var(--mono);color:var(--accent-emerald);letter-spacing:.5px;align-items:center;gap:8px;font-size:12px;display:flex}.sidebar-status-dot{background:var(--accent-emerald);border-radius:50%;width:7px;height:7px;position:relative}.sidebar-status-dot:after{content:"";border:1px solid var(--accent-emerald);border-radius:50%;animation:2s ease-out infinite heartbeat;position:absolute;inset:-3px}.sidebar-logout{border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);border-radius:var(--radius-sm);cursor:pointer;letter-spacing:.5px;background:0 0;padding:8px 12px;font-size:12px;transition:all .2s}.sidebar-logout:hover{border-color:var(--accent-rose);color:var(--accent-rose);background:#f76e7e0f}@keyframes heartbeat{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.sidebar-mobile-toggle{z-index:60;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none;position:fixed;top:16px;left:16px}.hamburger{flex-direction:column;gap:5px;width:20px;display:flex}.hamburger span{background:var(--text);border-radius:1px;height:2px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#0009;display:none;position:fixed;inset:0}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.page-container{max-width:1200px;margin:0 auto;padding:40px 40px 80px}.page-header{margin-bottom:40px}.page-eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:3px;color:var(--accent-gold);opacity:.8;margin-bottom:8px;font-size:12px}.page-title{letter-spacing:-1px;color:var(--white);margin-bottom:6px;font-size:32px;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:15px;font-weight:300}.agent-card-link{color:inherit;text-decoration:none;display:block}.agent-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-bottom:40px;display:grid}.agent-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:24px;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.agent-card:before{content:"";background:var(--card-accent,var(--accent-gold));opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.agent-card:hover{background:var(--bg-elevated);border-color:var(--border-hover);transform:translateY(-2px)}.agent-card:hover:before{opacity:1}.agent-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.agent-card-icon{border-radius:var(--radius-md);background:var(--card-accent-dim,var(--accent-gold-dim));justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.agent-card-status{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:flex}.agent-card-status.healthy{color:var(--accent-emerald);background:var(--accent-emerald-dim)}.agent-card-status.degraded{color:var(--accent-amber);background:var(--accent-amber-dim)}.agent-card-status.down{color:var(--accent-rose);background:var(--accent-rose-dim)}.agent-card-status.planned{color:var(--text-dim);background:#ffffff08}.agent-card-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.agent-card-name{color:var(--white);letter-spacing:-.3px;margin-bottom:3px;font-size:17px;font-weight:600}.agent-card-role{font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:12px}.agent-card-metrics{border-top:1px solid var(--border);font-family:var(--mono);color:var(--text-dim);gap:16px;padding-top:14px;font-size:12px;display:flex}.agent-card-metric-val{color:var(--text-secondary);font-weight:500}.agent-card-last-check{font-family:var(--mono);color:var(--text-dim);letter-spacing:.3px;margin-top:10px;font-size:11px}.metrics-bar{background:var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;margin-bottom:40px;display:grid;overflow:hidden}.metric-card{background:var(--bg-surface);text-align:center;padding:24px;transition:background .2s}.metric-card:hover{background:var(--bg-elevated)}.metric-card-value{letter-spacing:-1.5px;color:var(--white);margin-bottom:6px;font-size:36px;font-weight:700;line-height:1}.metric-card-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);font-size:11px}.activity-section{margin-top:8px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--white);letter-spacing:-.2px;font-size:16px;font-weight:600}.section-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);font-size:11px}.activity-feed{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.activity-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:16px 20px;transition:background .15s;display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#ffffff05}.activity-severity{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-severity.info{background:var(--accent-emerald)}.activity-severity.warning{background:var(--accent-amber)}.activity-severity.error{background:var(--accent-rose)}.activity-severity.critical{background:var(--accent-rose);box-shadow:0 0 8px var(--accent-rose)}.activity-content{flex:1;min-width:0}.activity-top{align-items:center;gap:8px;margin-bottom:3px;display:flex}.activity-agent{color:var(--white);font-size:13px;font-weight:600}.activity-type{font-family:var(--mono);color:var(--text-secondary);background:#ffffff0a;border-radius:4px;padding:1px 8px;font-size:12px}.activity-detail{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.activity-time{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;flex-shrink:0;margin-top:4px;font-size:11px}.empty-state{text-align:center;color:var(--text-dim);padding:60px 24px}.empty-state-emoji{margin-bottom:12px;font-size:40px}.empty-state-text{font-size:14px;font-weight:400}.env-warning{background:var(--accent-amber-dim);border-radius:var(--radius-lg);border:1px solid #f0b42933;align-items:flex-start;gap:14px;margin-bottom:32px;padding:20px 24px;display:flex}.env-warning-icon{flex-shrink:0;font-size:24px}.env-warning-text{color:var(--text);font-size:14px;line-height:1.6}.env-warning-text strong{color:var(--accent-amber)}.env-warning-text code{font-family:var(--mono);color:var(--accent-gold);background:#0000004d;border-radius:4px;padding:2px 6px;font-size:12px}.back-link{color:var(--text-dim);font-family:var(--mono);letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:32px;font-size:13px;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--accent-gold)}.agent-detail-hero{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);justify-content:space-between;align-items:center;margin-bottom:32px;padding:32px;display:flex;position:relative;overflow:hidden}.agent-detail-hero:before{content:"";background:var(--card-accent,var(--accent-gold));height:3px;position:absolute;top:0;left:0;right:0}.agent-detail-hero-left{align-items:center;gap:20px;display:flex}.agent-detail-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.agent-detail-name{letter-spacing:-.8px;color:var(--white);margin-bottom:2px;font-size:28px;font-weight:700}.agent-detail-role{font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;font-size:13px}.agent-detail-stats{background:var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:32px;display:grid;overflow:hidden}.agent-detail-stat{background:var(--bg-surface);text-align:center;padding:24px}.agent-detail-stat-value{letter-spacing:-1px;color:var(--white);margin-bottom:6px;font-size:28px;font-weight:700;line-height:1}.agent-detail-stat-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);font-size:11px}.agent-detail-section{margin-bottom:32px}.agent-detail-meta{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.agent-detail-meta-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.agent-detail-meta-row:last-child{border-bottom:none}.agent-detail-meta-label{font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;flex-shrink:0;min-width:140px;padding-top:2px;font-size:12px}.agent-detail-meta-value{color:var(--text);word-break:break-all;font-size:14px}.agent-detail-meta-value a{color:var(--accent-blue);text-decoration:none}.agent-detail-meta-value a:hover{text-decoration:underline}.agent-detail-chips{flex-wrap:wrap;gap:6px;display:flex}.agent-detail-chip{font-family:var(--mono);color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0a;border-radius:6px;padding:4px 12px;font-size:11px}.events-table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:auto hidden}.events-table{border-collapse:collapse;width:100%;font-size:13px}.events-table th{text-align:left;font-family:var(--mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:14px 20px;font-size:11px}.events-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:12px 20px}.events-table tr:last-child td{border-bottom:none}.events-table tr:hover td{background:#ffffff05}.severity-badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;border-radius:100px;padding:2px 10px;font-size:10px;font-weight:500;display:inline-block}.severity-badge.info{color:var(--accent-emerald);background:var(--accent-emerald-dim)}.severity-badge.warning{color:var(--accent-amber);background:var(--accent-amber-dim)}.severity-badge.error{color:var(--accent-rose);background:var(--accent-rose-dim)}.severity-badge.critical{color:var(--accent-rose);background:var(--accent-rose-dim);box-shadow:0 0 8px #f76e7e4d}.event-type-cell{font-family:var(--mono);color:var(--text);font-size:12px}.event-contact-cell{color:var(--text-dim);font-size:12px}.event-time-cell{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;font-size:11px}.health-timeline{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.health-timeline-bars{align-items:flex-end;gap:2px;height:120px;padding-bottom:8px;display:flex}.health-timeline-bar-wrap{cursor:pointer;flex:1;align-items:flex-end;height:100%;display:flex}.health-timeline-bar{border-radius:2px 2px 0 0;width:100%;min-height:4px;transition:all .2s}.health-timeline-bar.healthy{background:var(--accent-emerald);opacity:.7}.health-timeline-bar.unhealthy{background:var(--accent-rose);opacity:.9}.health-timeline-bar-wrap:hover .health-timeline-bar{opacity:1;transform-origin:bottom;transform:scaleY(1.1)}.health-timeline-labels{font-family:var(--mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.pipeline-page .page-container{max-width:100%;padding-right:40px}.kanban-board{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding-bottom:24px;display:flex;overflow-x:auto}.kanban-board::-webkit-scrollbar{height:6px}.kanban-board::-webkit-scrollbar-track{background:var(--bg-warm);border-radius:3px}.kanban-board::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.kanban-column{scroll-snap-align:start;flex-direction:column;flex-shrink:0;min-width:220px;max-width:260px;display:flex}.kanban-column-header{margin-bottom:12px}.kanban-column-top{border-radius:3px 3px 0 0;height:3px;margin-bottom:12px}.kanban-column-title{align-items:center;gap:8px;padding:0 4px;display:flex}.kanban-column-emoji{font-size:16px}.kanban-column-name{color:var(--text);letter-spacing:-.2px;font-size:13px;font-weight:600}.kanban-column-count{font-family:var(--mono);color:var(--text-dim);background:#ffffff0a;border-radius:100px;margin-left:auto;padding:2px 8px;font-size:11px}.kanban-column-body{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;flex:1;gap:8px;min-height:200px;padding:12px;display:flex}.kanban-empty{color:var(--text-dim);font-size:12px;font-family:var(--mono);text-align:center;letter-spacing:.5px;padding:24px 8px}.kanban-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:default;padding:14px;transition:all .2s}.kanban-card:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.kanban-card-name{color:var(--white);letter-spacing:-.1px;margin-bottom:4px;font-size:13px;font-weight:600}.kanban-card-email{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:12px;overflow:hidden}.kanban-card-time{font-family:var(--mono);color:var(--text-dim);letter-spacing:.5px;font-size:10px}.pipeline-empty{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.pipeline-empty-visual{justify-content:center;align-items:center;gap:32px;padding:40px 24px 0;display:flex}.pipeline-empty-col{flex-direction:column;align-items:center;gap:8px;display:flex}.pipeline-empty-dot{opacity:.4;border-radius:50%;width:12px;height:12px}.pipeline-empty-label{opacity:.5;font-size:20px}.login-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-ambient{pointer-events:none;z-index:0;position:fixed;inset:0}.login-orb{filter:blur(120px);opacity:.06;border-radius:50%;position:absolute}.login-orb-1{background:var(--accent-gold);width:500px;height:500px;animation:25s ease-in-out infinite alternate loginDrift;top:-15%;right:-10%}.login-orb-2{background:var(--accent-violet);width:400px;height:400px;animation:30s ease-in-out infinite alternate-reverse loginDrift;bottom:-10%;left:-5%}@keyframes loginDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(20px,-20px)scale(1.1)}to{transform:translate(-10px,10px)scale(.95)}}.login-container{z-index:1;width:100%;max-width:440px;padding:24px;position:relative}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 40px;animation:.6s ease-out fadeIn;position:relative;overflow:hidden}.login-card:before{content:"";background:linear-gradient(90deg, var(--accent-gold), var(--accent-violet));height:2px;position:absolute;top:0;left:0;right:0}.login-brand{align-items:center;gap:12px;margin-bottom:32px;display:flex}.login-brand-avatar{background:linear-gradient(135deg, var(--accent-gold), var(--accent-violet));width:44px;height:44px;color:var(--bg);border-radius:12px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.login-brand-text{flex-direction:column;display:flex}.login-brand-name{color:var(--white);letter-spacing:-.3px;font-size:17px;font-weight:600}.login-brand-sub{font-size:12px;font-family:var(--mono);color:var(--text-dim);letter-spacing:.5px}.login-divider{background:var(--border);height:1px;margin-bottom:32px}.login-title{color:var(--white);letter-spacing:-.5px;margin-bottom:6px;font-size:24px;font-weight:700}.login-subtitle{color:var(--text-dim);margin-bottom:32px;font-size:14px}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-input{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);font-family:var(--mono);letter-spacing:2px;outline:none;padding:14px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-input::placeholder{color:var(--text-dim);letter-spacing:1px;font-size:14px}.login-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-dim)}.login-input-error{border-color:var(--accent-rose);box-shadow:0 0 0 3px var(--accent-rose-dim)}.login-error{font-family:var(--mono);color:var(--accent-rose);letter-spacing:.5px;font-size:12px}.login-button{background:linear-gradient(135deg, var(--accent-gold), #c09540);border-radius:var(--radius-md);width:100%;color:var(--bg);font-family:var(--font);letter-spacing:-.2px;cursor:pointer;border:none;justify-content:center;align-items:center;min-height:48px;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #d4a85340}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-spinner{border:2px solid #08090c4d;border-top-color:var(--bg);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{font-family:var(--mono);color:var(--text-dim);letter-spacing:1px;justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:11px;display:flex}.login-footer-dot{background:var(--accent-emerald);opacity:.5;border-radius:50%;width:5px;height:5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.agent-card{animation:.4s ease-out backwards fadeIn}.agent-card:first-child{animation-delay:20ms}.agent-card:nth-child(2){animation-delay:40ms}.agent-card:nth-child(3){animation-delay:60ms}.agent-card:nth-child(4){animation-delay:80ms}.agent-card:nth-child(5){animation-delay:.1s}.agent-card:nth-child(6){animation-delay:.12s}.agent-card:nth-child(7){animation-delay:.14s}.agent-card:nth-child(8){animation-delay:.16s}.agent-card:nth-child(9){animation-delay:.18s}.agent-card:nth-child(10){animation-delay:.2s}.metric-card,.activity-item{animation:.3s ease-out backwards fadeIn}@media (max-width:1024px){.sidebar{width:220px}.main-content{margin-left:220px}.agent-detail-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.sidebar{width:280px;box-shadow:none;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);box-shadow:20px 0 60px #00000080}.sidebar-mobile-toggle{display:flex}.sidebar-overlay{display:block}.main-content{margin-left:0}.page-container{padding:72px 16px 60px}.agent-grid{grid-template-columns:1fr}.metrics-bar{grid-template-columns:repeat(2,1fr)}.agent-detail-hero{flex-direction:column;align-items:flex-start;gap:16px}.agent-detail-stats{grid-template-columns:repeat(2,1fr)}.agent-detail-meta-row{flex-direction:column;gap:4px}.agent-detail-meta-label{min-width:unset}.events-table th:nth-child(3),.events-table td:nth-child(3){display:none}.kanban-column{min-width:200px}.login-card{padding:36px 24px}}@media (max-width:480px){.page-title{font-size:24px}.metric-card-value{font-size:28px}.agent-detail-stat-value,.agent-detail-name{font-size:22px}}.event-stream-container{flex-direction:column;gap:0;display:flex}.event-filters{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:16px;padding:20px}.event-filters-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.event-filter-search{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.event-filter-search-icon{pointer-events:none;z-index:1;font-size:14px;position:absolute;left:12px}.event-filter-search-input{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font);outline:none;padding:10px 12px 10px 36px;font-size:13px;transition:border-color .2s,box-shadow .2s}.event-filter-search-input::placeholder{color:var(--text-dim)}.event-filter-search-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-dim)}.event-filter-select{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235c5b58' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:10px 32px 10px 12px;font-size:13px;transition:border-color .2s}.event-filter-select:focus{border-color:var(--accent-gold)}.event-filter-select option{background:var(--bg-surface);color:var(--text)}.event-filters-status{font-family:var(--mono);color:var(--text-dim);letter-spacing:.3px;align-items:center;gap:12px;margin-top:12px;font-size:12px;display:flex}.event-filters-count{color:var(--text-secondary)}.event-filters-clear{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent-rose);font-family:var(--mono);cursor:pointer;letter-spacing:.5px;background:0 0;padding:4px 10px;font-size:11px;transition:all .2s}.event-filters-clear:hover{background:var(--accent-rose-dim);border-color:var(--accent-rose)}.event-filters-live{color:var(--accent-emerald);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;margin-left:auto;font-size:11px;display:flex}.event-filters-live-dot{background:var(--accent-emerald);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.event-stream-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.event-stream-item{border-bottom:1px solid var(--border);transition:background .15s}.event-stream-item:last-child{border-bottom:none}.event-stream-item:hover{background:#ffffff05}.event-stream-item.expanded{background:#ffffff08}.event-stream-item-main{align-items:flex-start;gap:14px;padding:14px 20px;display:flex}.event-stream-item-content{flex:1;min-width:0}.event-stream-item-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:2px;display:flex}.event-stream-item-time{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.event-stream-time-relative{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;font-size:12px}.event-stream-time-absolute{font-family:var(--mono);color:var(--text-dim);opacity:.6;white-space:nowrap;font-size:10px}.event-stream-payload{padding:0 20px 16px 42px;animation:.2s ease-out fadeIn}.event-stream-payload-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin-bottom:8px;font-size:11px}.event-stream-payload-json{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);color:var(--accent-gold);white-space:pre-wrap;word-break:break-word;max-height:300px;padding:16px;font-size:12px;line-height:1.6;overflow:auto}.convo-container{gap:16px;min-height:600px;display:flex}.convo-sidebar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;width:340px;display:flex;overflow:hidden}.convo-sidebar-filters{border-bottom:1px solid var(--border);padding:16px}.convo-thread-list{flex:1;max-height:700px;overflow-y:auto}.convo-thread-list::-webkit-scrollbar{width:4px}.convo-thread-list::-webkit-scrollbar-track{background:0 0}.convo-thread-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.convo-thread-item{border-bottom:1px solid var(--border);width:100%;color:inherit;text-align:left;cursor:pointer;font-family:var(--font);background:0 0;border-top:none;border-left:3px solid #0000;border-right:none;flex-direction:column;gap:6px;padding:14px 16px;transition:all .15s;display:flex}.convo-thread-item:hover{background:#ffffff08}.convo-thread-item.active{background:var(--accent-gold-dim);border-left-color:var(--accent-gold)}.convo-thread-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.convo-thread-item-email{color:var(--white);letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.convo-thread-item-time{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-size:10px}.convo-thread-item-bottom{justify-content:space-between;align-items:center;gap:8px;display:flex}.convo-thread-item-count{font-family:var(--mono);color:var(--text-dim);letter-spacing:.3px;font-size:11px}.convo-thread-item-badge{font-family:var(--mono);letter-spacing:.5px;white-space:nowrap;border-radius:100px;padding:2px 8px;font-size:10px}.convo-thread-item-badge-pending{color:var(--text-dim);background:#ffffff0a}.convo-thread-empty{text-align:center;color:var(--text-dim);padding:32px 16px;font-size:13px}.convo-detail{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:1;display:flex;overflow:hidden}.convo-detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.convo-detail-header-left{min-width:0}.convo-detail-email{color:var(--white);letter-spacing:-.3px;word-break:break-all;margin-bottom:6px;font-size:18px;font-weight:700}.convo-detail-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.convo-detail-agent-tag{font-family:var(--mono);color:var(--text-secondary);border:1px solid var(--border);letter-spacing:.5px;background:#ffffff0d;border-radius:6px;padding:2px 10px;font-size:11px}.convo-detail-confidence{font-family:var(--mono);color:var(--text-dim);letter-spacing:.5px;font-size:11px}.convo-detail-outcome{font-family:var(--mono);letter-spacing:.5px;white-space:nowrap;border-radius:100px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:500}.convo-timeline{flex:1;padding:24px;overflow-y:auto}.convo-timeline-item{gap:16px;display:flex;position:relative}.convo-timeline-connector{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}.convo-timeline-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.convo-timeline-dot.info{background:var(--accent-emerald)}.convo-timeline-dot.warning{background:var(--accent-amber)}.convo-timeline-dot.error{background:var(--accent-rose)}.convo-timeline-dot.critical{background:var(--accent-rose);box-shadow:0 0 8px var(--accent-rose)}.convo-timeline-line{background:var(--border);flex:1;width:2px;min-height:16px;margin:4px 0}.convo-timeline-content{flex:1;min-width:0;padding-bottom:20px}.convo-timeline-event-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.convo-timeline-emoji{font-size:16px}.convo-timeline-label{color:var(--white);letter-spacing:-.1px;font-size:14px;font-weight:600}.convo-timeline-time{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;margin-left:auto;font-size:11px}.convo-timeline-payload{background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:4px;padding:12px 16px}.convo-payload-grid{flex-direction:column;gap:6px;display:flex}.convo-payload-row{gap:12px;font-size:12px;line-height:1.5;display:flex}.convo-payload-key{font-family:var(--mono);color:var(--accent-gold);letter-spacing:.3px;flex-shrink:0;min-width:100px}.convo-payload-value{color:var(--text-secondary);word-break:break-all;white-space:pre-wrap}.email-health-container{flex-direction:column;gap:0;display:flex}.email-tabs{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:4px;margin-bottom:20px;padding:4px;display:flex}.email-tab{border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font);cursor:pointer;letter-spacing:-.1px;background:0 0;border:none;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.email-tab:hover{color:var(--white);background:#ffffff0a}.email-tab.active{background:var(--accent-gold-dim);color:var(--accent-gold)}.email-gauge-section{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.email-gauge-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:24px;padding:32px;display:flex}.email-gauge{flex-direction:column;justify-content:flex-end;align-items:center;width:200px;height:120px;display:flex;position:relative}.email-gauge-svg{width:100%;height:100%;position:absolute;top:0;left:0}.email-gauge-value{color:var(--white);letter-spacing:-2px;z-index:1;margin-bottom:4px;font-size:48px;font-weight:700;line-height:1}.email-gauge-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);z-index:1;font-size:11px}.email-gauge-thresholds{font-family:var(--mono);color:var(--text-dim);letter-spacing:.5px;gap:20px;font-size:11px;display:flex}.email-gauge-threshold{align-items:center;gap:6px;display:flex}.email-gauge-threshold-dot{border-radius:2px;width:8px;height:8px}.email-rate-cards{flex-direction:column;gap:16px;display:flex}.email-rate-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.email-rate-card-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.email-rate-card-icon{font-size:18px}.email-rate-card-title{color:var(--white);letter-spacing:-.2px;font-size:14px;font-weight:600}.email-rate-card-value{letter-spacing:-1.5px;margin-bottom:8px;font-size:40px;font-weight:700;line-height:1}.email-rate-card-benchmark{font-family:var(--mono);color:var(--text-dim);letter-spacing:.5px;margin-bottom:12px;font-size:11px}.email-rate-bar{background:var(--bg-warm);border-radius:3px;width:100%;height:6px;overflow:hidden}.email-rate-bar-fill{border-radius:3px;height:100%;transition:width .8s}.email-agent-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.email-agent-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all .2s}.email-agent-card:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.email-agent-card-header{margin-bottom:16px}.email-agent-card-name{color:var(--white);letter-spacing:-.2px;font-size:16px;font-weight:600}.email-agent-card-stats{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;padding-bottom:16px;display:grid}.email-agent-stat{text-align:center}.email-agent-stat-value{color:var(--white);letter-spacing:-.5px;margin-bottom:4px;font-size:20px;font-weight:700;line-height:1;display:block}.email-agent-stat-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:10px;display:block}.email-agent-card-footer{flex-direction:column;gap:6px;display:flex}.email-agent-card-rate{font-family:var(--mono);color:var(--text-dim);letter-spacing:.3px;font-size:11px}.briefing-section-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);margin-top:8px;margin-bottom:12px;font-size:11px}.briefing-anomalies{margin-bottom:32px}.briefing-anomaly{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:14px;margin-bottom:8px;padding:16px 20px;transition:background .2s;display:flex}.briefing-anomaly.warning{background:var(--accent-amber-dim);border-color:#f0b42933}.briefing-anomaly.critical{background:var(--accent-rose-dim);border-color:#f76e7e33}.briefing-anomaly-icon{flex-shrink:0;margin-top:1px;font-size:20px}.briefing-anomaly-content{flex:1}.briefing-anomaly-title{color:var(--white);margin-bottom:2px;font-size:14px;font-weight:600}.briefing-anomaly-detail{color:var(--text-secondary);font-size:13px}.briefing-summary-grid{background:var(--border);border-radius:var(--radius-lg);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:32px;display:grid;overflow:hidden}.briefing-summary-card{background:var(--bg-surface);text-align:center;padding:28px 24px;transition:background .2s}.briefing-summary-card:hover{background:var(--bg-elevated)}.briefing-summary-value{letter-spacing:-1.5px;color:var(--white);margin-bottom:8px;font-size:40px;font-weight:700;line-height:1}.briefing-summary-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:2px;color:var(--text-dim);font-size:11px}.briefing-two-col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.briefing-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.briefing-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.briefing-panel-title{color:var(--white);letter-spacing:-.2px;font-size:15px;font-weight:600}.briefing-panel-badge{font-family:var(--mono);letter-spacing:1px;color:var(--text-dim);background:#ffffff0a;border-radius:100px;padding:3px 10px;font-size:11px}.briefing-fleet-list{padding:8px 0}.briefing-fleet-row{justify-content:space-between;align-items:center;padding:10px 24px;transition:background .15s;display:flex}.briefing-fleet-row:hover{background:#ffffff05}.briefing-fleet-name{color:var(--text);align-items:center;gap:10px;min-width:140px;font-size:13px;font-weight:500;display:flex}.briefing-fleet-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.briefing-fleet-score{font-family:var(--mono);flex:1;align-items:center;gap:12px;max-width:180px;font-size:13px;font-weight:600;display:flex}.briefing-fleet-bar-track{background:#ffffff0d;border-radius:3px;flex:1;height:6px;overflow:hidden}.briefing-fleet-bar-fill{border-radius:3px;height:100%;transition:width .5s cubic-bezier(.23,1,.32,1)}.briefing-fleet-planned{font-family:var(--mono);text-transform:uppercase;letter-spacing:1.5px;color:var(--text-dim);font-size:10px}.briefing-event-types{padding:12px 0}.briefing-event-type-row{align-items:center;gap:12px;padding:8px 24px;display:flex}.briefing-event-type-name{font-size:12px;font-family:var(--mono);color:var(--text-secondary);text-transform:capitalize;letter-spacing:.3px;min-width:140px}.briefing-event-type-bar-track{background:#ffffff0d;border-radius:3px;flex:1;height:6px;overflow:hidden}.briefing-event-type-bar-fill{background:var(--accent-gold);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.23,1,.32,1)}.briefing-event-type-count{font-family:var(--mono);color:var(--text-secondary);text-align:right;min-width:32px;font-size:12px;font-weight:600}.briefing-trend-chart{align-items:flex-end;gap:8px;height:200px;padding:24px;display:flex}.briefing-trend-col{flex-direction:column;flex:1;align-items:center;gap:6px;height:100%;display:flex}.briefing-trend-bars{flex-direction:column;flex:1;justify-content:flex-end;gap:2px;width:100%;display:flex}.briefing-trend-bar{border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .5s cubic-bezier(.23,1,.32,1)}.briefing-trend-bar.normal{background:var(--accent-gold);opacity:.7}.briefing-trend-bar.error{background:var(--accent-rose);opacity:.9}.briefing-trend-count{font-family:var(--mono);color:var(--text-secondary);font-size:11px;font-weight:600}.briefing-trend-label{font-family:var(--mono);color:var(--text-dim);letter-spacing:.5px;text-align:center;white-space:nowrap;font-size:10px}.briefing-errors-list{padding:8px 0}.briefing-error-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 24px;transition:background .15s;display:flex}.briefing-error-row:last-child{border-bottom:none}.briefing-error-row:hover{background:#ffffff05}.briefing-error-severity{flex-shrink:0;margin-top:2px;font-size:14px}.briefing-error-content{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.briefing-error-type{align-items:center;gap:8px;display:flex}.briefing-error-agent{color:var(--white);text-transform:capitalize;font-size:13px;font-weight:600}.briefing-error-event{font-family:var(--mono);color:var(--text-secondary);text-transform:capitalize;background:#ffffff0a;border-radius:4px;padding:2px 8px;font-size:12px}.briefing-error-time{font-family:var(--mono);color:var(--text-dim);flex-shrink:0;font-size:11px}.briefing-agent-activity{padding:12px 0}.briefing-agent-row{align-items:center;gap:16px;padding:10px 24px;transition:background .15s;display:flex}.briefing-agent-row:hover{background:#ffffff05}.briefing-agent-name{color:var(--text);text-transform:capitalize;min-width:140px;font-size:13px;font-weight:500}.briefing-agent-bar-track{background:#ffffff0d;border-radius:3px;flex:1;height:6px;overflow:hidden}.briefing-agent-bar-fill{background:linear-gradient(90deg, var(--accent-gold), var(--accent-violet));border-radius:3px;height:100%;transition:width .5s cubic-bezier(.23,1,.32,1)}.briefing-agent-count{font-family:var(--mono);color:var(--text-secondary);text-align:right;min-width:36px;font-size:13px;font-weight:600}.briefing-empty{text-align:center;color:var(--text-dim);padding:32px 24px;font-size:13px}.briefing-footer{border-top:1px solid var(--border);text-align:center;margin-top:40px;padding:20px 0}.briefing-footer-text{font-family:var(--mono);color:var(--text-dim);letter-spacing:.5px;font-size:12px}.sub-panel{margin-bottom:40px}.sub-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;margin-bottom:20px;display:grid}.sub-summary-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex}.sub-summary-card:hover{background:var(--bg-elevated);border-color:var(--border-hover)}.sub-summary-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.sub-summary-data{flex:1}.sub-summary-value{color:var(--white);letter-spacing:-1px;margin-bottom:4px;font-size:28px;font-weight:700;line-height:1}.sub-summary-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-size:11px}.sub-list-section{margin-bottom:16px}.sub-list-header{color:var(--text-secondary);letter-spacing:-.1px;padding:8px 0;font-size:13px;font-weight:600}.sub-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.sub-list-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 20px;transition:background .15s;display:flex}.sub-list-item:last-child{border-bottom:none}.sub-list-item:hover{background:#ffffff05}.sub-list-item-name{color:var(--text);font-size:13px;font-weight:500}.sub-list-item-meta{align-items:center;gap:16px;display:flex}.sub-list-item-email{font-family:var(--mono);color:var(--text-dim);font-size:11px}.sub-list-item-days{font-family:var(--mono);color:var(--accent-blue);background:var(--accent-blue-dim);white-space:nowrap;border-radius:100px;padding:2px 8px;font-size:11px}.sub-list-item-days.warning{color:var(--accent-amber);background:var(--accent-amber-dim)}.sub-list-item-days.urgent{color:var(--accent-rose);background:var(--accent-rose-dim)}.sub-beta-badge{background:var(--accent-gold-dim);border-radius:var(--radius-md);font-family:var(--mono);color:var(--accent-gold);letter-spacing:.3px;text-align:center;border:1px solid #d4a85333;margin-top:12px;padding:10px 16px;font-size:12px}@media (max-width:1024px){.convo-container{flex-direction:column}.convo-sidebar{width:100%;max-height:300px}.email-gauge-section,.briefing-two-col{grid-template-columns:1fr}.briefing-summary-grid,.sub-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.event-filters-row{flex-direction:column}.event-filter-search{min-width:unset}.event-filter-select{width:100%}.event-stream-item-top{flex-direction:column;align-items:flex-start;gap:4px}.convo-sidebar{max-height:250px}.convo-detail-header{flex-direction:column;align-items:flex-start}.email-agent-card-stats{grid-template-columns:repeat(2,1fr)}.email-tabs{flex-direction:column}.briefing-summary-grid{grid-template-columns:1fr}.sub-summary-grid{grid-template-columns:1fr 1fr}.briefing-fleet-score{max-width:120px}.briefing-event-type-name{min-width:100px}.briefing-trend-chart{height:160px}}