*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5;color:#1a1d23}.app{display:flex;flex-direction:column;min-height:100vh}.top-bar{display:flex;align-items:center;padding:12px 0;background:#fff;border-bottom:1px solid #d8dce3;box-shadow:0 1px 3px #0000000f}.logo{width:200px;padding:0 16px;font-size:18px;font-weight:600;color:#3b6cce;white-space:nowrap;flex-shrink:0;border-right:1px solid #d8dce3}.logo.staging{color:#d97706}.top-bar-bot-name{padding:0 24px;font-size:14px;font-weight:500;color:#1a1d23}.top-bar-env{margin-left:auto;padding:0 24px;font-size:12px;font-weight:700;color:#d97706;letter-spacing:.05em}.bot-selector{width:100%;padding:8px 10px;border:1px solid #d8dce3;border-radius:6px;background:#fff;color:#1a1d23;font-size:13px;font-weight:500;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.bot-selector:focus{outline:none;border-color:#3b6cce;box-shadow:0 0 0 2px #3b6cce26}.main{display:flex;flex:1}.sidebar{width:200px;padding:16px;background:#fff;border-right:1px solid #d8dce3;display:flex;flex-direction:column;gap:4px}.nav-link{display:block;padding:8px 12px;border-radius:6px;color:#6b7280;text-decoration:none;font-size:14px}.nav-link:hover{color:#1a1d23;background:#f0f2f5}.nav-link.active{color:#1a1d23;background:#e8ecf1;font-weight:500}.nav-link.sub{padding-left:24px;font-size:13px}.sidebar-divider{border-top:1px solid #d8dce3;margin:8px 0}.sidebar-group-label{padding:4px 12px;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.content{flex:1;padding:24px;overflow-y:auto}.page-title{font-size:24px;font-weight:600;margin-bottom:24px;color:#1a1d23}.stats-row{display:flex;gap:16px;margin-bottom:24px}.stat-card{flex:1;padding:16px;background:#fff;border:1px solid #d8dce3;border-radius:8px;box-shadow:0 1px 2px #0000000a}.stat-card .label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.stat-card .value{font-size:28px;font-weight:600;margin-top:4px;color:#1a1d23}.chart-container{background:#fff;border:1px solid #d8dce3;border-radius:8px;padding:16px;margin-bottom:24px;box-shadow:0 1px 2px #0000000a}.chart-title{font-size:14px;font-weight:600;margin-bottom:12px;color:#6b7280}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;padding:8px 12px;border-bottom:1px solid #d8dce3;color:#6b7280;font-weight:500}.data-table td{padding:8px 12px;border-bottom:1px solid #eef0f3;color:#374151}.tool-notice{padding:16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:14px}.tool-section{background:#fff;border:1px solid #d8dce3;border-radius:8px;padding:24px;box-shadow:0 1px 2px #0000000a}.tool-title{font-size:18px;font-weight:600;margin-bottom:8px;color:#1a1d23}.tool-description{font-size:14px;color:#6b7280;margin-bottom:20px}.tool-form{display:flex;flex-direction:column;gap:16px}.tool-row{display:flex;gap:8px;align-items:center}.tool-select{padding:8px 12px;border:1px solid #d8dce3;border-radius:6px;background:#fff;color:#1a1d23;font-size:14px}.tool-input{flex:1;padding:8px 12px;border:1px solid #d8dce3;border-radius:6px;background:#fff;color:#1a1d23;font-size:14px}.tool-input:focus,.tool-select:focus{outline:none;border-color:#3b6cce;box-shadow:0 0 0 2px #3b6cce26}.tool-btn{padding:8px 16px;border:1px solid #d8dce3;border-radius:6px;background:#fff;color:#1a1d23;font-size:14px;cursor:pointer;white-space:nowrap}.tool-btn:hover{background:#f0f2f5}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.tool-btn-primary{background:#3b6cce;color:#fff;border-color:#3b6cce}.tool-btn-primary:hover{background:#2f5bb5}.tool-btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.tool-btn-danger:hover{background:#b91c1c}.tool-result{border:1px solid #d8dce3;border-radius:8px;padding:16px;background:#f9fafb}.tool-result h4{font-size:15px;margin-bottom:12px;color:#1a1d23}.tool-confirm{margin-top:16px}.tool-warning{padding:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px;margin-bottom:12px}.tool-error{padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:14px}.tool-success{border:1px solid #bbf7d0;border-radius:8px;padding:16px;background:#f0fdf4}.tool-success h4{font-size:15px;margin-bottom:8px;color:#166534}.tool-success p{font-size:14px;color:#374151;margin-bottom:12px}.tool-label{font-size:13px;font-weight:500;color:#6b7280;margin-bottom:4px}.tool-textarea-group{display:flex;flex-direction:column}.tool-textarea{width:100%;padding:10px 12px;border:1px solid #d8dce3;border-radius:6px;background:#fff;color:#1a1d23;font-size:13px;font-family:SF Mono,Fira Code,monospace;resize:vertical}.tool-textarea:focus{outline:none;border-color:#3b6cce;box-shadow:0 0 0 2px #3b6cce26}.broadcast-langs-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:768px){.broadcast-langs-grid{grid-template-columns:1fr}}