:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#f9fafb;background-color:#111827;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;padding:2rem}.app-header{text-align:center;margin-bottom:1.5rem}.app-header h1{font-size:2.5rem;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:#6b7280;margin:.5rem 0 0}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #374151;padding-bottom:.5rem}.tabs button{background:transparent;border:none;color:#9ca3af;padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;border-radius:.5rem .5rem 0 0;transition:all .2s}.tabs button:hover{color:#f9fafb;background:#1f2937}.tabs button.active{color:#f9fafb;background:#374151}.content{flex:1}.loading{color:#9ca3af;text-align:center;padding:2rem}.no-data{color:#6b7280;text-align:center}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-card{background:#1f2937;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.status-card h3{margin:0 0 1rem;color:#f9fafb}.status-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.status-item{display:flex;align-items:center;gap:.5rem}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.success{background:#22c55e}.status-dot.error{background:#ef4444}.status-dot.warning{background:#f59e0b}.status-dot.loading{background:#3b82f6;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-info{color:#9ca3af;font-size:.875rem}.status-info p{margin:.25rem 0}.text-success{color:#22c55e}.text-error{color:#ef4444}.endpoint-list{display:flex;flex-direction:column;gap:1rem}.endpoint-list h3{margin:0 0 1rem}.endpoint-card{background:#1f2937;border-radius:.75rem;padding:1.25rem}.endpoint-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.endpoint-method{background:#22c55e;color:#111827;padding:.25rem .5rem;border-radius:.25rem;font-weight:700;font-size:.75rem}.endpoint-path{font-family:monospace;color:#60a5fa;font-size:.9rem}.endpoint-name{font-weight:700;margin:.5rem 0;color:#f9fafb}.endpoint-description{color:#9ca3af;margin:.5rem 0;font-size:.875rem}.endpoint-params{margin-top:1rem;font-size:.875rem}.endpoint-params strong{color:#f9fafb}.endpoint-params ul{list-style:none;padding:0;margin:.5rem 0 0}.endpoint-params li{padding:.5rem 0;border-bottom:1px solid #374151}.endpoint-params li:last-child{border-bottom:none}.endpoint-params code{background:#374151;padding:.125rem .375rem;border-radius:.25rem;color:#f9fafb}.endpoint-params .required{color:#ef4444}.endpoint-params .optional{color:#6b7280}.endpoint-params .param-type{color:#60a5fa}.endpoint-params .param-description{color:#9ca3af;margin:.25rem 0 0}.operation-log{background:#1f2937;border-radius:.75rem;padding:1.5rem}.operation-log h3{margin:0 0 1rem}.operation-table{overflow-x:auto}.operation-table table{width:100%;border-collapse:collapse;font-size:.875rem}.operation-table th,.operation-table td{text-align:left;padding:.75rem;border-bottom:1px solid #374151}.operation-table th{color:#9ca3af;font-weight:400}.operation-table td{color:#f9fafb}.operation-table code{background:#374151;padding:.125rem .375rem;border-radius:.25rem}.params-preview{font-size:.75rem;color:#6b7280}.status-badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700}.status-badge.success{background:#22c55e33;color:#22c55e}.status-badge.error{background:#ef444433;color:#ef4444}.template-editor{background:#1f2937;border-radius:.75rem;padding:1.5rem}.template-editor h3{margin:0 0 .5rem}.template-help{color:#6b7280;font-size:.875rem;margin:0 0 1.5rem}.template-help code{background:#374151;padding:.125rem .375rem;border-radius:.25rem;color:#f9fafb}.template-controls{display:flex;gap:2rem;margin-bottom:1rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{color:#9ca3af;font-size:.875rem}.control-group select{background:#374151;border:1px solid #4b5563;color:#f9fafb;padding:.5rem 1rem;border-radius:.375rem;font-size:1rem}.radio-group{display:flex;gap:1rem}.radio-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#f9fafb}.template-textarea textarea{width:100%;min-height:300px;background:#111827;border:1px solid #374151;color:#f9fafb;padding:1rem;border-radius:.5rem;font-family:monospace;font-size:.875rem;resize:vertical;box-sizing:border-box}.template-textarea textarea:focus{outline:none;border-color:#667eea}.message{padding:.75rem 1rem;border-radius:.375rem;margin:1rem 0;font-size:.875rem}.message.success{background:#22c55e33;color:#22c55e}.message.error{background:#ef444433;color:#ef4444}.save-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:opacity .2s}.save-button:hover{opacity:.9}.save-button:disabled{opacity:.5;cursor:not-allowed}.dashboard{display:flex;flex-direction:column;gap:1.5rem}