:root{--bg: #07080a;--surface: #0d0f13;--surface-alt: #111318;--surface-hover: #161a21;--border: #1c2029;--border-subtle: #13151b;--text: #eceef1;--text-secondary: #8b8fa3;--text-tertiary: #4a4e63;--accent: #d4a843;--accent-dim: rgba(212, 168, 67, .08);--accent-hover: rgba(212, 168, 67, .14);--accent-text: #e8be5a;--green: #3dd68c;--green-dim: rgba(61, 214, 140, .08);--green-glow: rgba(61, 214, 140, .25);--red: #f06060;--red-dim: rgba(240, 96, 96, .08);--yellow: #f0b840;--yellow-dim: rgba(240, 184, 64, .08);--blue: #60a5fa;--blue-dim: rgba(96, 165, 250, .08);--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--font: "Outfit", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--topbar-h: 52px;--bottomnav-h: 0px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}button,select,input{font-family:inherit}a{color:inherit;text-decoration:none}.login{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:1.5rem;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(212,168,67,.03),transparent),var(--bg)}.login-box{width:100%;max-width:340px}.login-box h1{font-family:var(--font);font-size:1.5rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.375rem;color:var(--text)}.login-box>p{color:var(--text-secondary);font-size:.875rem;margin-bottom:2rem;font-weight:400}.login-box input{width:100%;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;margin-bottom:.875rem;outline:none;transition:border-color .2s,box-shadow .2s}.login-box input::placeholder{color:var(--text-tertiary)}.login-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.login-box button{width:100%;padding:.75rem 1rem;background:var(--accent);border:none;border-radius:var(--radius);color:#0a0a0a;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s}.login-box button:hover{opacity:.9}.login-box button:active{transform:scale(.98)}.layout{display:flex;flex-direction:column;min-height:100dvh}.topbar{display:flex;align-items:center;height:var(--topbar-h);padding:0 1.5rem;background:#07080ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.topbar-logo{font-family:var(--font);font-size:.9375rem;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-right:2rem;flex-shrink:0}.topbar-logo span{color:var(--accent)}.topbar-nav{display:flex;align-items:center;gap:.25rem}.topbar-nav a{display:inline-flex;align-items:center;gap:.375rem;height:34px;padding:0 .75rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8125rem;font-weight:450;transition:color .15s,background .15s;white-space:nowrap}.topbar-nav a:hover{color:var(--text);background:var(--surface-hover)}.topbar-nav a.active{color:var(--accent-text);background:var(--accent-dim)}.topbar-nav .nav-icon{display:none}.content{flex:1;padding:2rem;max-width:960px;width:100%;margin:0 auto}.bottom-nav{display:none}.page-heading,h2{font-family:var(--font);font-size:1.25rem;font-weight:600;letter-spacing:-.02em;margin-bottom:1.5rem;color:var(--text)}h3{font-family:var(--font);font-size:.9375rem;font-weight:600;letter-spacing:-.01em;margin:2rem 0 1rem;color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#252a36}.card-grid{display:grid;gap:.75rem}.card-grid-2{grid-template-columns:1fr 1fr}.card-grid-3{grid-template-columns:1fr 1fr 1fr}.card-grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.125rem}.stat-label{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:500;margin-bottom:.5rem}.stat-value{font-family:var(--font);font-size:1.375rem;font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--text)}.stat-sub{font-size:.6875rem;color:var(--text-tertiary);margin-top:.375rem}.badge{display:inline-flex;align-items:center;padding:.1875rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:500;letter-spacing:.01em}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-grey{background:#4b506426;color:var(--text-secondary)}.badge-dim{background:#4b506414;color:var(--text-tertiary)}.badge-accent{background:var(--accent-dim);color:var(--accent-text)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot-green{background:var(--green);box-shadow:0 0 6px var(--green-glow);animation:pulse-green 2s ease-in-out infinite}.status-dot-red{background:var(--red)}@keyframes pulse-green{0%,to{box-shadow:0 0 4px var(--green-glow)}50%{box-shadow:0 0 12px var(--green-glow),0 0 20px #3dd68c1a}}.status-hero{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:1rem}.status-hero-text h3{font-size:1rem;font-weight:600;margin:0;line-height:1.3}.status-hero-meta{font-size:.8125rem;color:var(--text-secondary);margin-top:.125rem}.status-hero-meta .mono{font-family:var(--font-mono);font-size:.75rem}.integrations-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.integration-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:999px;font-size:.75rem;font-weight:500;border:1px solid var(--border);background:var(--surface);transition:border-color .15s}.integration-chip.active{border-color:#3dd68c40;background:var(--green-dim);color:var(--green)}.integration-chip.inactive{color:var(--text-tertiary)}.integration-detail{font-size:.625rem;color:var(--text-tertiary);font-weight:400}.integration-chip.active .integration-detail{color:#3dd68c99}.section-label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.4375rem .875rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:var(--font)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--accent);color:#0a0a0a;font-weight:600}.btn-primary:not(:disabled):hover{opacity:.88}.btn-success{background:var(--green-dim);color:var(--green);border-color:#3dd68c26}.btn-success:not(:disabled):hover{background:#3dd68c26}.btn-warning{background:var(--yellow-dim);color:var(--yellow);border-color:#f0b84026}.btn-warning:not(:disabled):hover{background:#f0b84026}.btn-danger{background:var(--red-dim);color:var(--red);border-color:#f0606026}.btn-danger:not(:disabled):hover{background:#f0606026}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:not(:disabled):hover{color:var(--text);background:var(--surface-hover)}.btn-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.action-message{font-size:.75rem;color:var(--text-secondary)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.375rem 1.75rem .375rem .625rem;font-size:.75rem;font-family:var(--font);cursor:pointer;transition:border-color .15s;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%234a4e63' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center}.select:hover,.select:focus{border-color:var(--accent);outline:none}.search-input{width:100%;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.table-wrap{width:100%;overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:.8125rem}thead{background:var(--surface-alt)}th{text-align:left;padding:.625rem 1rem;color:var(--text-tertiary);font-weight:500;font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}td{padding:.75rem 1rem;color:var(--text);vertical-align:middle;border-bottom:1px solid var(--border-subtle)}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer;transition:background .12s}tr.clickable:hover td{background:var(--surface-hover)}.mono{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary)}.truncate{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-cards{display:none}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.125rem;transition:border-color .15s;cursor:pointer}.group-card:hover{border-color:#252a36}.group-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.group-card-name{font-weight:600;font-size:.875rem}.group-card-meta{display:flex;flex-wrap:wrap;gap:.375rem 1rem;font-size:.75rem;color:var(--text-secondary);margin-bottom:.75rem}.group-card-meta .mono{font-size:.6875rem}.group-card-actions{display:flex;align-items:center;gap:.5rem}.task-cards{display:none}.task-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.125rem;cursor:pointer;transition:border-color .15s}.task-card:hover{border-color:#252a36}.task-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.task-card-prompt{font-size:.8125rem;color:var(--text);line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card-meta{display:flex;flex-wrap:wrap;gap:.25rem .75rem;font-size:.6875rem;color:var(--text-tertiary)}.task-expand-cell{padding:0 1rem .75rem!important}.task-logs{padding:.875rem 1rem;background:var(--surface-alt);border-radius:var(--radius)}.task-logs-title{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:.625rem}.inner-table{margin-top:0}.breadcrumb{font-size:.8125rem;color:var(--text-secondary);margin-bottom:1rem;display:flex;align-items:center;gap:.375rem}.breadcrumb a{color:var(--text-secondary);transition:color .12s}.breadcrumb a:hover{color:var(--accent-text)}.breadcrumb-sep{color:var(--text-tertiary)}.message-list{display:flex;flex-direction:column;gap:.375rem;padding-top:.5rem}.message{padding:.75rem 1rem;border-radius:var(--radius-lg);max-width:72%;width:fit-content}.message-user{background:var(--surface);border:1px solid var(--border-subtle);align-self:flex-start}.message-bot{background:var(--accent-dim);border:1px solid rgba(212,168,67,.1);align-self:flex-end}.message-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.message-sender{font-size:.6875rem;font-weight:600;color:var(--text-secondary)}.message-bot .message-sender{color:var(--accent-text)}.message-time{font-size:.625rem;color:var(--text-tertiary)}.message-content{font-size:.8125rem;white-space:pre-wrap;word-break:break-word;line-height:1.55}.load-more{display:block;margin:0 auto 1rem;padding:.4375rem 1.25rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-family:var(--font);transition:all .15s}.load-more:hover{color:var(--text);border-color:var(--text-tertiary);background:var(--surface)}.load-more:disabled{opacity:.35;cursor:not-allowed}.search-result-cards{display:none}.search-result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;cursor:pointer;transition:border-color .15s}.search-result-card:hover{border-color:#252a36}.search-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.search-result-group{font-weight:600;font-size:.8125rem}.search-result-time{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-tertiary)}.search-result-sender{font-size:.6875rem;color:var(--text-secondary);margin-bottom:.25rem}.search-result-content{font-size:.8125rem;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.logs-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.logs-header h2{margin-bottom:0}.log-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;height:calc(100dvh - var(--topbar-h) - 120px);overflow-y:auto;font-family:var(--font-mono);font-size:.6875rem;line-height:1.8;color:var(--text-secondary)}.log-line{white-space:pre-wrap;word-break:break-all;transition:color .1s}.log-line:hover{color:var(--text)}.costs-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2rem}.empty{color:var(--text-tertiary);font-size:.8125rem;padding:2.5rem 1rem;text-align:center}.loading{color:var(--text-secondary);font-size:.8125rem;padding:2.5rem 1rem;text-align:center}.error{color:var(--red);font-size:.8125rem;padding:2.5rem 1rem;text-align:center}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:640px){:root{--bottomnav-h: 64px}.topbar{height:44px;padding:0 1rem;justify-content:center}.topbar-nav{display:none}.topbar-logo{margin-right:0}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:var(--bottomnav-h);background:#07080aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);z-index:100;padding:0 .5rem;padding-bottom:env(safe-area-inset-bottom,0);align-items:center;justify-content:space-around}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem .5rem;color:var(--text-tertiary);font-size:.5625rem;font-weight:500;letter-spacing:.02em;border-radius:var(--radius-sm);transition:color .15s;text-decoration:none;min-width:48px}.bottom-nav a.active{color:var(--accent-text)}.bottom-nav a:hover{color:var(--text-secondary)}.bottom-nav .nav-icon{width:20px;height:20px}.bottom-nav .nav-label{display:block}.content{padding:1.25rem 1rem calc(var(--bottomnav-h) + 1rem)}h2,.page-heading{font-size:1.125rem;margin-bottom:1.25rem}h3{font-size:.875rem;margin:1.5rem 0 .75rem}.card-grid-4,.costs-summary{grid-template-columns:1fr 1fr}.card-grid-3{grid-template-columns:1fr}.stat-value{font-size:1.125rem}.desktop-table{display:none}.group-cards,.task-cards,.search-result-cards{display:flex;flex-direction:column;gap:.625rem}.message{max-width:88%}.integrations-row{gap:.375rem}.integration-chip{padding:.3125rem .625rem;font-size:.6875rem}.log-container{padding:.75rem;height:calc(100dvh - 44px - var(--bottomnav-h) - 100px);font-size:.625rem;line-height:1.7}.truncate{max-width:none;white-space:normal}.table-wrap{border-radius:var(--radius-sm)}th{padding:.5rem .625rem}td{padding:.625rem;font-size:.75rem}}@media(max-width:768px)and (min-width:641px){.content{padding:1.5rem}.costs-summary{grid-template-columns:1fr 1fr}}