*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--border: #30363d;--text-primary: #e6edf3;--text-secondary: #8b949e;--accent: #58a6ff;--accent-hover: #79b8ff;--danger: #f85149;--danger-hover: #ff6b6b;--success: #3fb950}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.container{max-width:900px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}header h1{font-size:2.5rem;font-weight:600;color:var(--accent);letter-spacing:-.02em}header p{color:var(--text-secondary);margin-top:.5rem}.bot-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.bot-form h2{font-size:1.25rem;margin-bottom:1.25rem;color:var(--text-primary)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem}.form-group input{width:100%;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--accent)}.form-group input::placeholder{color:var(--text-secondary);opacity:.6}button{padding:.75rem 1.5rem;background:var(--accent);color:var(--bg-primary);border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.6;cursor:not-allowed}.error{background:#f851491a;border:1px solid var(--danger);color:var(--danger);padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.875rem}.bot-list{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.bot-list h2{font-size:1.25rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}table{width:100%;border-collapse:collapse}th,td{padding:1rem 1.5rem;text-align:left}th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:500;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}td{border-top:1px solid var(--border)}tr:hover td{background:var(--bg-tertiary)}.delete-btn{background:transparent;color:var(--text-secondary);padding:.5rem;font-size:1rem;border-radius:4px}.delete-btn:hover{background:var(--danger);color:#fff}.empty,.loading{text-align:center;padding:3rem;color:var(--text-secondary)}.api-docs{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-top:2rem}.api-docs h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.api-docs-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.25rem}.platform-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.platform-tab{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border);padding:.5rem 1rem;font-size:.875rem;border-radius:6px;transition:all .2s}.platform-tab:hover{color:var(--text-primary);border-color:var(--text-secondary)}.platform-tab.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.code-block{position:relative}.copy-btn{position:absolute;top:.75rem;right:.75rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);padding:.4rem .75rem;font-size:.75rem;z-index:1}.copy-btn:hover{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.api-docs-code{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:2.5rem 1rem 1rem;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem;line-height:1.6;color:var(--text-secondary);white-space:pre;max-height:350px;overflow-y:auto}@media (max-width: 600px){.container{padding:1rem}th,td{padding:.75rem}.platform-tabs{gap:.35rem}.platform-tab{padding:.4rem .75rem;font-size:.8rem}}