@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Outfit:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--sidebar:#161b22;--card:#1c2128;--card-hover:#21262d;--accent:#238636;--accent-hover:#2ea043;--accent-dim:#23863626;--border:#30363d;--border-subtle:#21262d;--text:#e6edf3;--text-muted:#8b949e;--text-faint:#484f58;--red:#f85149;--red-dim:#f8514926;--yellow:#d29922;--yellow-dim:#d2992226;--blue:#388bfd;--blue-dim:#388bfd26;--emerald:#3fb950;--emerald-dim:#3fb95026;--font-ui:"Outfit", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:6px;--radius-lg:10px}html,body,#root{height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.main{background:var(--bg);flex:1;overflow-y:auto}.main-center{justify-content:center;align-items:flex-start;min-height:100%;padding:48px 24px;display:flex}.loading-state{justify-content:center;align-items:center;padding:80px;display:flex}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:16px}.logo{color:var(--text);align-items:center;gap:8px;display:flex}.logo svg{color:var(--accent)}.logo-text{letter-spacing:-.3px;font-size:15px;font-weight:600}.sidebar-body{flex-direction:column;flex:1;gap:4px;padding:12px 8px;display:flex;overflow-y:auto}.sidebar-actions-row{gap:6px;margin-bottom:8px;display:flex}.new-meeting-btn{background:var(--accent);color:#fff;border-radius:var(--radius);font-family:var(--font-ui);cursor:pointer;border:none;flex:1;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.new-meeting-btn:hover{background:var(--accent-hover)}.refresh-btn{background:var(--card);width:34px;height:34px;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:flex}.refresh-btn:hover:not(:disabled){color:var(--text);background:var(--border)}.refresh-btn:disabled{opacity:.5;cursor:default}.sidebar-section-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.6px;padding:4px 8px 2px;font-size:11px;font-weight:500}.sidebar-footer{border-top:1px solid var(--border);flex-shrink:0;padding:10px 16px}.sidebar-version{color:var(--text-faint);font-size:11px;font-family:var(--font-mono)}.bot-list{flex-direction:column;gap:1px;list-style:none;display:flex}.bot-list-empty{text-align:center;padding:20px 8px}.empty-text{color:var(--text-faint);font-size:12px}.bot-item{border-radius:var(--radius);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:7px 8px;transition:background .1s,color .1s;display:flex}.bot-item:hover{background:var(--card-hover);color:var(--text)}.bot-item--active{background:var(--accent-dim)!important;color:var(--text)!important}.bot-item-icon{flex-shrink:0}.bot-item-info{flex:1;min-width:0}.bot-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:block;overflow:hidden}.bot-item-time{color:var(--text-faint);font-size:11px;display:block}.platform-badge{width:22px;height:22px;font-size:11px;font-weight:700;font-family:var(--font-mono);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.platform-badge.meet{color:#1a73e8;background:#1a73e820}.platform-badge.zoom{color:#2d8cff;background:#2d8cff20}.platform-badge.teams{color:#6264a7;background:#6264a720}.platform-badge.generic{background:var(--card);font-size:13px}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot.s-gray{background:var(--text-faint)}.status-dot.s-yellow{background:var(--yellow)}.status-dot.s-green{background:var(--accent)}.status-dot.s-blue{background:var(--blue)}.status-dot.s-emerald{background:var(--emerald)}.status-dot.s-red{background:var(--red)}.status-dot.pulse{animation:1.6s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.s-gray{color:var(--text-muted);border:1px solid var(--border);background:#64647826}.status-badge.s-yellow{background:var(--yellow-dim);color:var(--yellow);border:1px solid #d299224d}.status-badge.s-green{background:var(--accent-dim);color:var(--accent);border:1px solid #2386364d}.status-badge.s-blue{background:var(--blue-dim);color:var(--blue);border:1px solid #388bfd4d}.status-badge.s-emerald{background:var(--emerald-dim);color:var(--emerald);border:1px solid #3fb9504d}.status-badge.s-red{background:var(--red-dim);color:var(--red);border:1px solid #f851494d}.send-form-wrap{width:100%;max-width:560px}.send-form-header{align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.send-form-icon{background:var(--accent-dim);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--accent);border:1px solid #23863640;flex-shrink:0;justify-content:center;align-items:center;display:flex}.send-form-title{color:var(--text);letter-spacing:-.3px;font-size:20px;font-weight:600}.send-form-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px;line-height:1.4}.send-form{flex-direction:column;gap:16px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-group{flex-direction:column;gap:5px;display:flex}.field-label{color:var(--text);font-size:13px;font-weight:500}.required{color:var(--red)}.optional{color:var(--text-faint);font-size:12px;font-weight:400}.field-hint{color:var(--text-faint);font-size:11px}.field-input,.field-select,.field-textarea{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-ui);outline:none;width:100%;padding:8px 11px;font-size:14px;transition:border-color .15s}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.field-input::placeholder,.field-textarea::placeholder{color:var(--text-faint)}.field-select{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 24 24' fill='none' stroke='%238b949e' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.field-textarea{resize:vertical;min-height:64px;line-height:1.5}.field-check{display:flex}.check-label{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check-input{display:none}.check-box{border:1px solid var(--border);background:var(--card);border-radius:3px;flex-shrink:0;width:16px;height:16px;margin-top:1px;transition:background .15s,border-color .15s;position:relative}.check-input:checked+.check-box{background:var(--accent);border-color:var(--accent)}.check-input:checked+.check-box:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.check-text{flex-direction:column;gap:1px;display:flex}.check-text>span:first-child{color:var(--text);font-size:13px;font-weight:500}.check-hint{color:var(--text-faint);font-size:11px}.form-error{background:var(--red-dim);border-radius:var(--radius);color:var(--red);border:1px solid #f851494d;align-items:center;gap:7px;padding:10px 12px;font-size:13px;display:flex}.submit-btn{background:var(--accent);color:#fff;border-radius:var(--radius);font-family:var(--font-ui);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:4px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.submit-btn:hover:not(:disabled){background:var(--accent-hover)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.bot-detail{flex-direction:column;height:100%;display:flex}.detail-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:24px 28px 0}.detail-header-top{margin-bottom:14px}.detail-title-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.detail-bot-name{letter-spacing:-.4px;font-size:22px;font-weight:600}.detail-meta-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.detail-meta-item{color:var(--text-muted);align-items:center;gap:5px;font-size:12px;display:flex}.detail-url{color:var(--blue);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:320px;text-decoration:none;display:inline-block;overflow:hidden}.detail-url:hover{text-decoration:underline}.detail-actions{flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:14px;display:flex}.action-btn{border-radius:var(--radius);font-family:var(--font-ui);cursor:pointer;border:1px solid var(--border);align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.action-btn--danger{background:var(--red-dim);color:var(--red);border-color:#f851494d}.action-btn--danger:hover:not(:disabled){background:#f8514940}.action-btn--ghost{background:var(--card);color:var(--text-muted)}.action-btn--ghost:hover{background:var(--card-hover);color:var(--text)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-error{color:var(--red);padding-bottom:10px;font-size:12px}.detail-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:0;padding:0 28px;display:flex}.tab-btn{color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:var(--text)}.tab-btn--active{color:var(--text);border-bottom-color:var(--accent)}.detail-body{flex:1;padding:24px 28px;overflow-y:auto}.transcript-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}.transcript-live-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1.6s ease-in-out infinite pulse-dot}.transcript-feed{flex-direction:column;gap:0;display:flex}.utterance{padding:3px 0}.utterance--new-speaker{margin-top:18px}.utterance-speaker{align-items:center;gap:8px;margin-bottom:4px;display:flex}.speaker-avatar{width:24px;height:24px;font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.speaker-name{font-size:13px;font-weight:600}.utterance-time{color:var(--text-faint);font-size:11px;font-family:var(--font-mono);margin-left:auto}.utterance-text{color:var(--text);padding-left:32px;font-size:14px;line-height:1.6}.participants-grid{flex-direction:column;gap:8px;display:flex}.participant-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 14px;display:flex}.participant-avatar{background:var(--accent-dim);width:34px;height:34px;color:var(--accent);font-size:13px;font-weight:700;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.participant-name{font-size:14px;font-weight:500}.details-grid{background:var(--border);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:1px;display:flex;overflow:hidden}.detail-row{background:var(--card);align-items:baseline;gap:12px;padding:9px 14px;display:flex}.detail-row:nth-child(2n){background:var(--bg)}.detail-key{color:var(--text-muted);flex-shrink:0;width:180px;font-size:12px;font-weight:500}.detail-val{color:var(--text);font-size:13px;font-family:var(--font-mono);word-break:break-all}.toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:8px;max-width:320px;padding:10px 14px;font-size:13px;font-weight:500;animation:.2s slide-in;display:flex;box-shadow:0 4px 16px #0006}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast--success{color:var(--emerald);background:#1a2e1a;border:1px solid #3fb95066}.toast--error{color:var(--red);background:#2a1515;border:1px solid #f8514966}.toast--info{background:var(--card);border:1px solid var(--border);color:var(--text)}.list-spinner,.btn-spinner,.transcript-spinner{border-style:solid;border-color:#0000;border-radius:50%;animation:.7s linear infinite spin;display:inline-block}.list-spinner{border-width:2px;border-top-color:var(--text-muted);width:22px;height:22px}.btn-spinner{border-width:2px;border-top-color:currentColor;width:14px;height:14px}.btn-spinner--sm{width:12px;height:12px}.transcript-spinner{border-width:3px;border-top-color:var(--blue);width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--text-muted);font-size:13px}.utterance--live .utterance-text{color:var(--text-muted);font-style:italic}.utterance--live .utterance-text:after{content:"▋";margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.live-badge{letter-spacing:.5px;color:var(--red);background:var(--red-dim);border:1px solid #f851494d;border-radius:3px;align-items:center;gap:4px;margin-left:4px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-flex}.live-badge:before{content:"";background:var(--red);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite pulse-dot}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}