.account-manager{padding:20px;max-width:1400px;margin:0 auto}.account-form{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:30px;border:1px solid #ddd}.account-form h3{margin-top:0;margin-bottom:20px;color:#333}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:6px;font-weight:500;color:#555}.form-group input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus{outline:none;border-color:#4caf50}.checkbox-group{flex-direction:row;gap:20px;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:6px;margin-bottom:0;font-weight:400}.checkbox-group input[type=checkbox]{width:auto;margin:0}.form-actions{display:flex;gap:10px;margin-top:20px}.btn-secondary{background-color:#666;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.btn-secondary:hover:not(:disabled){background-color:#555}.btn-danger{background-color:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.btn-danger:hover:not(:disabled){background-color:#da190b}.btn-danger:disabled{background-color:#ccc;cursor:not-allowed}.btn-small{padding:6px 12px;font-size:12px}.accounts-table-container{margin-top:30px}.accounts-table-container h3{margin-bottom:16px;color:#333}.table-wrapper{overflow-x:auto;border:1px solid #ddd;border-radius:8px;background:#fff}.accounts-table{width:100%;border-collapse:collapse;font-size:14px}.accounts-table thead{background-color:#f5f5f5;border-bottom:2px solid #ddd}.accounts-table th{padding:12px;text-align:left;font-weight:600;color:#333;white-space:nowrap}.accounts-table td{padding:12px;border-bottom:1px solid #eee}.accounts-table tbody tr:hover{background-color:#f9f9f9}.accounts-table tbody tr:last-child td{border-bottom:none}.password-mask{color:#999;font-family:monospace}.token-preview{font-family:monospace;font-size:12px;color:#666;cursor:help}.empty{color:#ccc}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.table-wrapper{overflow-x:scroll}.accounts-table{min-width:1200px}}.channel-manager{padding:20px;max-width:100%;margin:0 auto}.channel-manager .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.channel-manager .header h2{margin:0;color:#333;font-size:24px}.channel-manager .actions{display:flex;gap:10px;flex-wrap:wrap}.channel-manager button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease}.channel-manager button:disabled{opacity:.5;cursor:not-allowed}.channel-manager .btn-primary{background-color:#007bff;color:#fff}.channel-manager .btn-primary:hover:not(:disabled){background-color:#0056b3}.channel-manager .btn-danger{background-color:#dc3545;color:#fff}.channel-manager .btn-danger:hover:not(:disabled){background-color:#c82333}.channel-manager .btn-secondary{background-color:#6c757d;color:#fff}.channel-manager .btn-secondary:hover:not(:disabled){background-color:#545b62}.channel-manager .btn-sm{padding:4px 8px;font-size:12px}.channel-table-container{overflow-x:auto;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.channel-table{width:100%;border-collapse:collapse;min-width:1200px}.channel-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.channel-table th{padding:12px;text-align:left;font-weight:600;color:#495057;white-space:nowrap}.channel-table td{padding:12px;border-bottom:1px solid #dee2e6;color:#212529}.channel-table tbody tr:hover{background-color:#f8f9fa}.channel-table .empty-message{text-align:center;color:#6c757d;padding:40px;font-size:16px}.channel-table .channel-name{font-weight:600;color:#007bff;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-table .channel-url{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#6c757d}.channel-table .description{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.status-badge.active{background-color:#28a745;color:#fff}.status-badge.active:hover{background-color:#218838}.status-badge.inactive{background-color:#dc3545;color:#fff}.status-badge.inactive:hover{background-color:#c82333}.channel-table input[type=checkbox]{cursor:pointer;width:16px;height:16px}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.dialog{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6}.dialog-header h3{margin:0;color:#333}.close-btn{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#333}.dialog-content{padding:20px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #dee2e6}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#495057;font-weight:500;font-size:14px}.form-group input[type=text],.form-group input[type=password],.form-group input[type=number],.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.form-group textarea{resize:vertical;font-family:inherit}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.form-group label input[type=checkbox]{margin-right:8px;width:auto}.error-message{padding:12px;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:16px}@media (max-width: 768px){.channel-manager{padding:10px}.channel-manager .header{flex-direction:column;align-items:stretch}.channel-manager .actions{flex-direction:column}.channel-manager .actions button{width:100%}.dialog{width:95%;margin:10px}.form-row{grid-template-columns:1fr}}.model-list{padding:20px;max-width:1400px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h2{margin:0;color:#333}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #fcc}.loading{text-align:center;padding:40px;color:#666}.empty-state{text-align:center;padding:40px;color:#999;background:#f5f5f5;border-radius:4px}.models-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #0000001a}.stat-label{font-size:14px;opacity:.9}.stat-value{font-size:28px;font-weight:700}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.model-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;transition:all .3s ease;cursor:default}.model-card.clickable{cursor:pointer}.model-card.clickable:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px);border-color:#667eea}.model-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.model-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.model-name{margin:0;font-size:16px;color:#333;font-weight:600;word-break:break-word;flex:1}.model-provider{background-color:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.model-description{color:#666;font-size:14px;line-height:1.5;margin:0 0 12px}.model-footer{padding-top:12px;border-top:1px solid #eee}.model-id{font-family:monospace;font-size:12px;color:#999;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-primary{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#45a049}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-header h2{margin:0;font-size:20px;font-weight:600}.modal-close{background:none;border:none;font-size:32px;line-height:1;cursor:pointer;color:#fff;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background-color:#fff3}.modal-body{padding:24px;overflow-y:auto;flex:1}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-section h3{margin:0 0 16px;font-size:16px;color:#333;font-weight:600;padding-bottom:8px;border-bottom:2px solid #667eea}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#333;font-weight:500;word-break:break-word}.json-display{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:16px;font-family:Courier New,monospace;font-size:12px;line-height:1.6;overflow-x:auto;color:#333;margin:0}@media (max-width: 768px){.models-stats,.models-grid{grid-template-columns:1fr}.model-header{flex-direction:column;align-items:flex-start}.model-provider{align-self:flex-start}.modal-content{width:95%;max-height:95vh}.modal-header,.modal-body{padding:16px}.detail-grid{grid-template-columns:1fr}}.settings{padding:20px}.settings .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.settings .header h2{margin:0;font-size:24px;color:#333}.settings-form{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px #0000001a}.settings-section{margin-bottom:24px}.settings-section h3{margin:0 0 8px;font-size:18px;color:#333}.settings-description{margin:0 0 20px;color:#666;font-size:14px}.settings .form-group{margin-bottom:20px}.settings .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.settings .form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.settings .form-group input:focus{outline:none;border-color:#4caf50}.settings .form-group small{display:block;margin-top:4px;color:#999;font-size:12px}.current-config{background:#f5f5f5;border-radius:4px;padding:16px;margin-top:20px}.current-config h4{margin:0 0 12px;font-size:14px;color:#333}.config-display{display:flex;align-items:center;gap:8px}.config-label{font-weight:600;color:#666}.config-display code{background:#fff;padding:6px 12px;border-radius:4px;font-family:Courier New,monospace;color:#4caf50;border:1px solid #ddd}.settings .form-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #eee}.settings-info{background:#fff;border-radius:8px;padding:24px;margin-top:20px;box-shadow:0 2px 4px #0000001a}.settings-info h3{margin:0 0 16px;font-size:18px;color:#333}.settings-info ul{margin:0;padding-left:20px}.settings-info li{margin-bottom:8px;color:#666;line-height:1.6}.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:12px 16px;border-radius:4px;margin-bottom:20px;display:flex;align-items:center}.success-message:before{content:"✓";margin-right:8px;font-weight:700}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 0;box-shadow:0 2px 8px #0000001a}.app-header h1{margin:0 0 20px;text-align:center;font-size:28px;font-weight:600}.tab-nav{display:flex;justify-content:center;gap:10px;padding:0 20px}.tab-nav button{background-color:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;min-width:160px}.tab-nav button:hover{background-color:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.tab-nav button.active{background-color:#fff;color:#667eea;border-color:#fff;box-shadow:0 4px 12px #00000026}.app-content{flex:1;padding:20px;max-width:100%;width:100%}@media (max-width: 768px){.app-header h1{font-size:22px;margin-bottom:15px}.tab-nav{flex-direction:column;align-items:stretch;padding:0 20px}.tab-nav button{min-width:unset;width:100%}.app-content{padding:10px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;padding:2rem;text-align:center}h1{font-size:3.2em;line-height:1.1;margin-bottom:1rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,select{border-radius:4px;border:1px solid #444;padding:.6em 1em;font-size:1em;font-family:inherit;background-color:#1a1a1a;color:#ffffffde;transition:border-color .25s}input:focus,select:focus{outline:none;border-color:#646cff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}input,select{background-color:#fff;border-color:#ccc;color:#213547}}