:root{--agent-green:#36f59b;--agent-blue:#5ee7ff;--agent-purple:#8b5cf6;--agent-danger:#fb7185;--agent-warn:#fbbf24;--agent-border:rgba(255,255,255,.09)}
.autopilot-app{position:relative;isolation:isolate}.autopilot-app:before{content:"";position:fixed;inset:76px 0 auto 270px;height:720px;background:radial-gradient(circle at 16% 8%,rgba(54,245,155,.1),transparent 38%),radial-gradient(circle at 78% 0,rgba(139,92,246,.1),transparent 32%);pointer-events:none;z-index:-1}
.app-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 76px)}.app-sidebar{border-right:1px solid var(--line);padding:24px 18px;background:rgba(7,10,18,.72);backdrop-filter:blur(24px);position:sticky;top:76px;height:calc(100vh - 76px);overflow:auto}.app-sidebar>a,.side-settings>summary,.settings-subnav a{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:14px;color:var(--muted);font-weight:800;transition:.2s ease}.app-sidebar>a:hover,.side-settings>summary:hover,.settings-subnav a:hover{background:rgba(255,255,255,.06);color:#fff}.app-sidebar>a.active{color:#fff;background:linear-gradient(90deg,rgba(54,245,155,.17),rgba(54,245,155,.04));box-shadow:inset 2px 0 var(--agent-green)}.side-settings{margin:4px 0}.side-settings>summary{list-style:none;cursor:pointer}.side-settings>summary::-webkit-details-marker{display:none}.side-settings>summary:after{content:"⌄";margin-left:auto}.nav-icon{width:20px;text-align:center}.settings-subnav{display:grid;gap:3px;margin:8px 0 8px 20px;padding-left:13px;border-left:1px solid rgba(255,255,255,.1)}.settings-subnav a{font-size:13px;padding:9px 11px}.sidebar-account{margin-top:22px;padding:15px;border:1px solid var(--agent-border);border-radius:18px;background:rgba(255,255,255,.035)}.sidebar-account-row{display:flex;align-items:center;gap:10px;min-width:0}.mini-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--agent-green),#3b82f6);color:#07110d;font-size:13px;font-weight:900}.sidebar-account strong,.sidebar-account small{display:block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account strong{font-size:13px}.sidebar-account small{margin-top:2px;color:var(--muted);font-size:11px}
.app-main{padding:30px clamp(22px,4vw,52px) 70px;min-width:0}.sync-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 16px;margin-bottom:24px;border:1px solid var(--agent-border);border-radius:18px;background:rgba(255,255,255,.035);color:var(--muted);font-size:13px;font-weight:800}.sync-group,.sync-meta{display:flex;align-items:center;gap:10px}.sync-meta{gap:18px}.sync-dot{width:9px;height:9px;border-radius:50%;background:var(--agent-warn);box-shadow:0 0 18px currentColor}.sync-bar[data-state="live"] .sync-dot{background:var(--agent-green)}.sync-bar[data-state="error"] .sync-dot{background:var(--agent-danger)}.cloud-pill{padding:7px 10px;border-radius:999px;background:rgba(54,245,155,.08);color:var(--agent-green)}
.autopilot-hero{display:flex;justify-content:space-between;gap:30px}.agent-inline-status{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:20px;color:#fff;font-size:13px}.agent-inline-status>span:last-child{color:var(--muted)}.agent-orb{width:11px;height:11px;border-radius:50%;background:var(--agent-warn);box-shadow:0 0 22px currentColor}.agent-orb.active{background:var(--agent-green);animation:agent-pulse 2.2s ease-in-out infinite}.agent-orb.attention{background:var(--agent-danger)}@keyframes agent-pulse{50%{box-shadow:0 0 32px currentColor;transform:scale(1.12)}}
.autopilot-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.autopilot-metrics .metric-card{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px}.autopilot-metrics .metric-card strong{display:block;max-width:100%;font-size:clamp(20px,2.15vw,29px);line-height:1.05;overflow-wrap:anywhere}.autopilot-metrics .metric-card span{display:block;line-height:1.3}.autopilot-metrics .metric-card small{display:block;max-width:100%;margin-top:auto;padding-top:7px;color:#788697;font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.autopilot-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.78fr);gap:18px}.autopilot-stack{display:grid;align-content:start;gap:18px}.dash-card{overflow:hidden}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px 22px 0}.card-head h2{margin:0 0 6px;font-size:20px}.card-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.card-body{padding:20px 22px 22px}.state-chip{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.04);color:#aab5c2;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.state-chip.active,.state-chip.accent{border-color:rgba(54,245,155,.18);background:rgba(54,245,155,.08);color:var(--agent-green)}.state-chip.attention{border-color:rgba(251,113,133,.2);background:rgba(251,113,133,.08);color:#ff9aaa}
.agent-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07);cursor:pointer}.agent-toggle-row:first-child{padding-top:0}.agent-toggle-row strong,.agent-toggle-row small{display:block}.agent-toggle-row strong{font-size:14px}.agent-toggle-row small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}.agent-switch{position:relative;flex:0 0 auto;width:48px;height:27px}.agent-switch input{position:absolute;opacity:0}.agent-switch>span{position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:rgba(255,255,255,.08);transition:.2s}.agent-switch>span:after{content:"";position:absolute;top:4px;left:4px;width:17px;height:17px;border-radius:50%;background:#8c97a5;transition:.2s}.agent-switch input:checked+span{border-color:rgba(54,245,155,.4);background:rgba(54,245,155,.18)}.agent-switch input:checked+span:after{transform:translateX(21px);background:var(--agent-green);box-shadow:0 0 16px rgba(54,245,155,.45)}.agent-switch input:focus-visible+span{outline:3px solid rgba(94,231,255,.25);outline-offset:2px}.control-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.control-fields label{display:grid;gap:7px;color:#dce4e0;font-size:11px;font-weight:900}.control-fields select{width:100%;padding:12px 13px;border:1px solid rgba(255,255,255,.12);border-radius:13px;color:#fff;font:inherit}.control-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.form-message{min-height:18px;color:var(--muted);font-size:12px}.form-message.success{color:var(--agent-green)}.form-message.error{color:#ff9aaa}
.next-pick{display:grid;grid-template-columns:190px minmax(0,1fr);gap:19px}.next-pick-media{position:relative;overflow:hidden;min-height:225px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:linear-gradient(145deg,rgba(54,245,155,.1),rgba(139,92,246,.1));aspect-ratio:9/12}.next-pick-media video,.next-pick-media img{width:100%;height:100%;object-fit:cover}.next-pick-media .media-fallback{height:100%;display:grid;place-items:center;color:var(--agent-green);font-size:42px}.score-badge{position:absolute;left:10px;bottom:10px;padding:7px 9px;border:1px solid rgba(54,245,155,.25);border-radius:10px;background:rgba(3,9,13,.85);color:var(--agent-green);font-size:11px;font-weight:900;backdrop-filter:blur(12px)}.next-pick-copy{align-self:center}.next-pick-copy .eyebrow{font-size:10px}.next-pick-copy h3{margin:9px 0 8px;font-size:25px;line-height:1.06;letter-spacing:-.04em}.next-pick-copy p{color:var(--muted);font-size:12px;line-height:1.55}.pick-reasons{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.pick-reasons span{padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.05);color:#b8c2ce;font-size:10px;font-weight:800}.pick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.agent-queue{display:grid;gap:9px}.queue-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025)}.queue-rank{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(54,245,155,.08);color:var(--agent-green);font-size:12px;font-weight:900}.queue-copy{min-width:0}.queue-copy strong,.queue-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-copy strong{font-size:12px}.queue-copy small{margin-top:4px;color:var(--muted);font-size:10px}.queue-score{font-size:12px;font-weight:900}.queue-score span{color:var(--agent-green)}
.check-list{display:grid;gap:8px}.check-row{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}.check-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.08);color:#a6b2bf;font-weight:900}.check-row.good .check-icon{background:rgba(54,245,155,.11);color:var(--agent-green)}.check-row.warn .check-icon{background:rgba(251,191,36,.11);color:var(--agent-warn)}.check-row.bad .check-icon{background:rgba(251,113,133,.11);color:#ff8da0}.check-row strong,.check-row small{display:block}.check-row strong{font-size:12px}.check-row small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.recovery-box{margin-top:14px;padding:15px;border:1px solid rgba(94,231,255,.1);border-radius:15px;background:linear-gradient(125deg,rgba(94,231,255,.05),rgba(139,92,246,.045))}.recovery-box strong{font-size:12px}.recovery-box p{margin:6px 0 10px;color:var(--muted);font-size:11px;line-height:1.5}.recovery-box a,.card-link{color:var(--agent-green);font-size:11px;font-weight:900}
.activity-feed{display:grid}.activity-item{display:grid;grid-template-columns:10px minmax(0,1fr);gap:11px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.065)}.activity-item:last-child{border-bottom:0}.activity-dot{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--agent-blue);box-shadow:0 0 12px rgba(94,231,255,.35)}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:11px;line-height:1.4}.activity-item small{margin-top:4px;color:var(--muted);font-size:9px}.safeguard-card{position:relative;overflow:hidden}.safeguard-card:after{content:"◎";position:absolute;right:18px;bottom:-26px;color:rgba(54,245,155,.07);font-size:140px;font-weight:900}.safeguard-card h2{max-width:280px;margin:11px 0 9px;font-size:24px;letter-spacing:-.04em}.safeguard-card p{max-width:340px;margin-bottom:15px;color:var(--muted);font-size:11px;line-height:1.58}.agent-empty{min-height:190px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center;color:var(--muted)}.agent-empty>span{color:var(--agent-green);font-size:35px}.agent-empty strong{color:#fff;font-size:14px}.agent-empty p{max-width:360px;font-size:11px}.agent-empty.compact{min-height:75px}
@media(max-width:1120px){.app-layout{grid-template-columns:220px minmax(0,1fr)}.app-sidebar{padding-inline:12px}.app-main{padding-inline:22px}.autopilot-grid{grid-template-columns:1fr}.autopilot-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app-layout{display:block}.sidebar-account{display:none}.app-main{padding:22px 16px 60px}.sync-meta{display:none}.autopilot-hero{display:block}.autopilot-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.next-pick{grid-template-columns:120px minmax(0,1fr)}.next-pick-media{min-height:178px}.control-footer{align-items:stretch;flex-direction:column}.control-footer .btn{width:100%}}
@media(max-width:480px){.control-fields,.next-pick{grid-template-columns:1fr}.next-pick-media{width:150px;min-height:200px}.autopilot-metrics .metric-card{min-height:108px}.queue-row{grid-template-columns:34px minmax(0,1fr) auto}.agent-inline-status{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.agent-orb.active{animation:none}}