html,body{height:100%;margin:0}:root{--font-size-base: 16px;--font-size-button: 1rem;--font-size-sm: .9rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-h1: 3rem;--font-size-h2: 2.25rem;--font-size-h3: 1.875rem;--font-size-h4: var(--font-size-lg);--font-size-h5: 1.25rem;--font-size-h6: 1.125rem;--bg-0: #060a07;--bg-1: #0b120d;--bg-2: #121a15;--surface-0: rgba(12, 17, 14, .74);--surface-1: rgba(15, 21, 17, .9);--surface-2: rgba(18, 27, 21, .96);--line-soft: rgba(94, 118, 104, .34);--line-strong: rgba(137, 180, 155, .46);--text-main: #eaf4ee;--text-muted: #b0c2b5;--text-dim: #87a18f;--accent: #5dff8b;--accent-strong: #73ff9d;--accent-faint: rgba(93, 255, 139, .16);--danger: #ff8f81;--shadow-soft: 0 18px 60px rgba(0, 0, 0, .42);--shadow-neon: 0 0 0 1px rgba(116, 255, 157, .24), 0 0 22px rgba(93, 255, 139, .2);--shell-max: 1020px;--page-gutter: 1rem}html{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,Avenir Next,SF Pro Display,Segoe UI,sans-serif;font-size:var(--font-size-base);line-height:1.5;color:var(--text-main);background-color:var(--bg-0)}body{display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;color:var(--text-main);background:radial-gradient(1100px 520px at 12% -20%,rgba(93,255,139,.12),transparent 58%),radial-gradient(900px 460px at 90% -35%,rgba(93,255,139,.07),transparent 62%),linear-gradient(170deg,var(--bg-0) 0%,var(--bg-1) 48%,var(--bg-2) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.26;background-image:linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:4px 4px,4px 4px;mix-blend-mode:soft-light}#root{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overscroll-behavior-y:contain;position:relative;z-index:1}*{scrollbar-width:thin;scrollbar-color:rgba(136,166,148,.45) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background-clip:padding-box;background-color:#88a69473}*::-webkit-scrollbar-thumb:hover{background-color:#98b8a49e}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong);text-decoration:underline}button{font-size:inherit;font-family:inherit}.app-header{position:sticky;top:0;z-index:20;padding:.75rem var(--page-gutter) 0}.command-nav{max-width:var(--shell-max);margin:0 auto;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.22rem .3rem;border-radius:999px;border:1px solid rgba(124,168,145,.34);background:linear-gradient(160deg,#111813db,#0d130fbd);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 22px #0000004d,inset 0 0 0 1px #79a38d14}.nav-left{display:flex;align-items:center;gap:.8rem;min-width:0}.brand-link{display:inline-flex;align-items:center;justify-content:center;min-height:1.9rem;padding:0 .7rem;border-radius:999px;border:1px solid transparent;transition:border-color .18s ease,background-color .18s ease}.brand-link:hover{text-decoration:none;border-color:#7db39161;background-color:#7db39114}.logo-text{font-weight:620;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.logo-prd{color:var(--accent);text-shadow:0 0 12px rgba(93,255,139,.28)}.logo-hub{color:var(--text-main)}.nav-tabs{display:inline-flex;align-items:center;align-self:stretch;gap:.18rem;padding:0;border-radius:999px;background:transparent;border:0;box-shadow:none}.nav-tab{position:relative;height:100%;min-height:100%;padding:0 1rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:.9rem;font-weight:530;letter-spacing:.02em;text-decoration:none;border:0;transition:all .2s ease}.nav-tab:hover{color:var(--text-main);text-decoration:none;background-color:#799f8b1f}.nav-tab.active{color:var(--accent-strong);background:linear-gradient(145deg,#5dff8b29,#5dff8b0a);box-shadow:inset 0 0 0 1px #88ffab3d,0 0 14px #5dff8b24}.nav-user{display:inline-flex;align-items:center;justify-content:center;min-width:2rem}.column-layout{display:flex;flex:1;overflow:hidden;min-height:0}.column-layout>div{flex:1;flex-direction:column;height:100%;overflow-y:auto;padding:1.1rem var(--page-gutter) 1.4rem;box-sizing:border-box}.column-layout .single-column>div{margin-left:auto;margin-right:auto}.list{max-width:750px}.view{max-width:1100px;margin-bottom:300px}@media (min-width: 769px){.mobile{display:none}.column-layout>*:nth-child(1):not(.single-column){border-right:1px solid rgba(126,159,140,.26);max-width:500px}}@media (max-width: 768px){.desktop{display:none}.app-header{padding:.5rem .65rem 0}.command-nav{min-height:42px;border-radius:20px;padding:.18rem .24rem}.nav-left{gap:.45rem;min-width:0}.brand-link{padding:0 .5rem}.nav-tabs{min-width:0;overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{padding:0 .72rem;white-space:nowrap}.drawer-toggle{position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}}.cards{gap:2rem}.card{border:1px solid var(--line-soft);border-radius:12px;padding:1rem;margin:1rem 0;max-width:100%;transition:border-color .2s ease,box-shadow .2s ease;cursor:pointer;position:relative;background:var(--surface-1)}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-soft)}.card .card-title{margin:0 0 1rem;color:var(--accent)}.card .delete-button{position:absolute;bottom:1rem;right:1rem;background:none;border:none;cursor:pointer;padding:.25rem;transition:color .2s ease;color:var(--text-dim);display:flex;align-items:center;justify-content:center}.card .delete-button:hover{color:var(--accent)}.card .delete-button:disabled{cursor:not-allowed;opacity:.5}.card .delete-button .anticon{font-size:var(--font-size-lg)}.card .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card .card-date{color:var(--text-dim)}.request-indicator{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent) 0%,#3ad65f 40%,#87ffa8 50%,#3ad65f 60%,var(--accent) 100%);background-size:200% 100%;opacity:0;transition:opacity .3s ease-in;z-index:1000;pointer-events:none}.request-indicator.active{opacity:1;animation:request-indicator-shiny 3s ease-in-out infinite}@keyframes request-indicator-shiny{0%{background-position:-200% 0%}to{background-position:200% 0%}}.center{text-align:center}.title{display:flex;align-items:center;justify-content:space-between}.title h1,.title h2,.title h3{margin:0;margin-right:2rem;color:var(--accent)}.help-link{display:flex;align-items:center;gap:.5rem;color:var(--accent);text-decoration:none}.error{color:var(--danger);font-weight:600}button+.skip{margin-left:1rem}.fragment-template{background-color:#1d251fd1;border:1px dashed rgba(134,173,149,.5);border-radius:6px;padding:.5rem .75rem;margin:.25rem 0;position:relative;font-style:italic;color:var(--text-muted)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.onboard-page{justify-content:center}.onboard-card{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line-soft);border-radius:14px;background:linear-gradient(165deg,#151e18e6,#0d1310e6);box-shadow:0 16px 38px #00000047;padding:1.2rem}.onboard-dots{display:flex;align-items:center;gap:8px;margin-top:8px}.onboard-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent);opacity:.3;animation:onboard-pulse 1.2s infinite ease-in-out;box-shadow:0 0 8px #5dff8b57}.onboard-dots span:nth-child(2){animation-delay:.2s}.onboard-dots span:nth-child(3){animation-delay:.4s}@keyframes onboard-pulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.agents-shell{max-width:var(--shell-max);margin:0 auto;width:100%;animation:content-appear .48s ease}.agents-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.agents-header h1{margin:0;color:var(--text-main);font-size:clamp(1.45rem,2vw,1.95rem);letter-spacing:-.02em}.agents-subtitle{margin-top:.25rem;color:var(--text-muted)}.agents-grid{display:grid;gap:.85rem}.agent-item{border:1px solid rgba(113,145,128,.18);border-radius:14px;padding:.95rem;background:linear-gradient(165deg,#17211aeb,#101813db);box-shadow:0 10px 22px #00000038;transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}.agent-item:hover{border-color:#7faa9452}.openclaw-card{border-color:#6aff975c;box-shadow:inset 0 0 0 1px #6aff9714,0 14px 26px #0000003d;background:radial-gradient(700px 180px at 5% -45%,rgba(93,255,139,.16),transparent 55%),linear-gradient(165deg,#16241bf5,#0e1410db);margin-bottom:1rem}.steps-card{margin-bottom:1rem;border-color:#71918024}.success-card{margin-bottom:1rem;border-color:#6aff976b;box-shadow:var(--shadow-neon)}.steps-progress-track{width:100%;height:7px;border-radius:999px;background:#28372d94;overflow:hidden}.steps-progress-fill{height:100%;background:linear-gradient(90deg,#4ded79,#a5ffc1);transition:width .3s ease}.steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.85rem}.step-chip{display:flex;align-items:flex-start;gap:.55rem;border:0;border-radius:10px;padding:.55rem;background:#121a15d1}.step-chip.active{box-shadow:inset 0 0 0 1px #6cff9966;background:#5dff8b1a}.step-chip.done{box-shadow:inset 0 0 0 1px #709e7f5c}.step-index{width:1.3rem;height:1.3rem;border-radius:999px;border:1px solid rgba(110,136,122,.8);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-muted);flex:0 0 auto}.step-chip.active .step-index,.step-chip.done .step-index{border-color:#6dff9abd;color:var(--accent-strong)}.step-title{color:var(--text-main);font-size:.96rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-row{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid rgba(109,132,118,.25);color:var(--text-muted);font-size:.92rem}.step-row:last-child{border-bottom:0}.step-row.done{color:#89f4ad}.step-row.active{color:#dffde9}.step-row.error{color:#ff9d92}.agent-item h3{margin:0}.agent-item-meta{color:var(--text-muted);margin-top:.35rem}.agent-item-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.pill{border-radius:999px;border:0;background:#0d120fc2;box-shadow:inset 0 0 0 1px #7392817a;padding:.15rem .58rem;font-size:.82rem;color:var(--text-main)}.agent-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.agent-actions button,.agent-actions a,.agents-header a,.form-actions a,.form-actions button{border:1px solid rgba(116,167,139,.38);border-radius:10px;padding:.38rem .74rem;color:var(--text-main);background:#121c16cc;cursor:pointer;text-decoration:none;font:inherit;transition:border-color .2s ease,color .2s ease,box-shadow .22s ease,background-color .22s ease}.agent-actions button:hover,.agent-actions a:hover,.agents-header a:hover,.form-actions a:hover,.form-actions button:hover{border-color:#78ffa4a3;color:var(--accent-strong);box-shadow:0 0 0 1px #78ffa424;text-decoration:none}.agent-actions button:disabled,.form-actions button:disabled{opacity:.56;cursor:not-allowed;box-shadow:none}.agent-actions .danger{border-color:#ff8f8199;color:#ffaea4;background:#36181480}.agent-actions .danger:hover{border-color:#ffa89cbd;color:#ffd7d1}.agent-actions .solid,.agents-header .solid,.form-actions .solid{background:linear-gradient(140deg,#4eea80e6,#80ffa7db);color:#0a140c;border-color:#7dffa557;box-shadow:0 7px 20px #48da763d}.agent-actions .solid:hover,.agents-header .solid:hover,.form-actions .solid:hover{color:#051009;box-shadow:0 9px 24px #58f88b5c}.agent-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.agent-field{border:0;border-radius:12px;padding:.7rem;background:#101713d6;box-shadow:inset 0 0 0 1px #71918038}.agent-field-label{font-size:.82rem;color:var(--text-dim)}.agent-field-value{margin-top:.25rem;word-break:break-word}.form-card{max-width:560px;border:0;border-radius:14px;background:linear-gradient(168deg,#141b17e6,#0e1410e6);padding:1rem;box-shadow:inset 0 0 0 1px #71918033,0 12px 28px #0003}.form-row{display:flex;flex-direction:column;margin-bottom:.95rem}.form-row label{margin-bottom:.35rem;color:var(--text-main)}.form-row input,.form-row select{background:#0a0f0ce0;border:1px solid rgba(107,135,119,.66);border-radius:10px;color:var(--text-main);font-size:1rem;padding:.58rem;transition:border-color .18s ease,box-shadow .18s ease}.form-row input:focus,.form-row select:focus{outline:none;border-color:#75ffa1d1;box-shadow:0 0 0 2px #75ffa12e}.form-help{color:var(--text-dim);font-size:.88rem;margin-top:.35rem}.form-actions{display:flex;gap:.6rem;flex-wrap:wrap}.inline-note{color:var(--text-muted);font-size:.9rem}.launch-spinner{width:2rem;height:2rem;border-radius:999px;border:3px solid rgba(77,106,91,.42);border-top-color:var(--accent);margin:.9rem 0;animation:spin .9s linear infinite}@keyframes content-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 800px){.agent-detail-grid,.steps-grid{grid-template-columns:1fr}}