:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#c9d1d9;background-color:#0d1117;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;background:#0d1117}.navbar{display:flex;align-items:center;justify-content:space-between;background:#161b22;border-bottom:1px solid #21262d;padding:0 1.5rem;height:52px;position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:.75rem}.navbar-brand h1{font-size:1rem;margin:0;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-subtitle{color:#484f58;font-size:.75rem;padding-left:.75rem;border-left:1px solid #30363d}.navbar-tabs{display:flex;gap:.125rem;height:100%}.navbar-tabs button{background:transparent;border:none;color:#8b949e;padding:0 .875rem;cursor:pointer;font-size:.8125rem;font-weight:500;height:100%;transition:all .15s;border-bottom:2px solid transparent}.navbar-tabs button:hover{color:#c9d1d9}.navbar-tabs button.active{color:#f0f6fc;border-bottom-color:#f78166}.content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:1.25rem 1.5rem}.loading{color:#8b949e;text-align:center;padding:1.5rem;font-size:.875rem}.no-data{color:#484f58;text-align:center;font-size:.875rem}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-card{background:#161b22;border:1px solid #21262d;border-radius:.5rem;padding:1rem 1.25rem;margin-bottom:1rem}.status-card h3{margin:0 0 .75rem;color:#f0f6fc;font-size:.875rem;font-weight:600}.status-grid{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:.75rem}.status-item{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.success{background:#3fb950}.status-dot.error{background:#f85149}.status-dot.warning{background:#d29922}.status-dot.loading{background:#58a6ff;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-info{color:#8b949e;font-size:.8125rem}.status-info p{margin:.125rem 0}.text-success{color:#3fb950}.text-error{color:#f85149}.endpoint-list{display:flex;flex-direction:column;gap:.75rem}.endpoint-list h3{margin:0 0 .75rem;font-size:.875rem}.endpoint-card{background:#161b22;border:1px solid #21262d;border-radius:.5rem;padding:1rem}.endpoint-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.375rem}.endpoint-method{background:#238636;color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-weight:600;font-size:.6875rem;text-transform:uppercase}.endpoint-path{font-family:ui-monospace,monospace;color:#58a6ff;font-size:.8125rem}.endpoint-name{font-weight:600;margin:.375rem 0;color:#f0f6fc;font-size:.875rem}.endpoint-description{color:#8b949e;margin:.375rem 0;font-size:.8125rem}.endpoint-params{margin-top:.75rem;font-size:.8125rem}.endpoint-params strong{color:#f0f6fc}.endpoint-params ul{list-style:none;padding:0;margin:.375rem 0 0}.endpoint-params li{padding:.375rem 0;border-bottom:1px solid #21262d}.endpoint-params li:last-child{border-bottom:none}.endpoint-params code{background:#21262d;padding:.125rem .375rem;border-radius:.25rem;color:#f0f6fc;font-size:.75rem}.endpoint-params .required{color:#f85149}.endpoint-params .optional{color:#484f58}.endpoint-params .param-type{color:#58a6ff}.endpoint-params .param-description{color:#8b949e;margin:.125rem 0 0}.operation-log{background:#161b22;border:1px solid #21262d;border-radius:.5rem;padding:1rem 1.25rem}.operation-log h3{margin:0 0 .75rem;font-size:.875rem;font-weight:600}.operation-table{overflow-x:auto}.operation-table table{width:100%;border-collapse:collapse;font-size:.8125rem}.operation-table th,.operation-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #21262d}.operation-table th{color:#8b949e;font-weight:500;font-size:.75rem}.operation-table td{color:#c9d1d9}.operation-table code{background:#21262d;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem}.params-preview{font-size:.6875rem;color:#484f58}.status-badge{padding:.125rem .5rem;border-radius:1rem;font-size:.6875rem;font-weight:600}.status-badge.success{background:#3fb95026;color:#3fb950}.status-badge.error{background:#f8514926;color:#f85149}.template-editor{display:flex;flex-direction:column;gap:1rem;background:transparent;padding:0}.template-editor h3{margin:0 0 .375rem;font-size:.875rem}.template-help{color:#484f58;font-size:.8125rem;margin:0 0 1rem}.template-help code{background:#21262d;padding:.125rem .375rem;border-radius:.25rem;color:#f0f6fc}.template-controls{display:flex;gap:1.5rem;margin-bottom:.75rem}.control-group{display:flex;flex-direction:column;gap:.375rem}.control-group label{color:#8b949e;font-size:.75rem}.control-group select{background:#21262d;border:1px solid #30363d;color:#c9d1d9;padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem}.radio-group{display:flex;gap:.75rem}.radio-group label{display:flex;align-items:center;gap:.375rem;cursor:pointer;color:#c9d1d9;font-size:.8125rem}.template-textarea textarea{width:100%;min-height:250px;background:#0d1117;border:1px solid #30363d;color:#c9d1d9;padding:.75rem;border-radius:.375rem;font-family:ui-monospace,monospace;font-size:.8125rem;resize:vertical;box-sizing:border-box}.template-textarea textarea:focus{outline:none;border-color:#58a6ff}.message{padding:.5rem .75rem;border-radius:.375rem;margin:.75rem 0;font-size:.8125rem}.message.success{background:#3fb95026;color:#3fb950}.message.error{background:#f8514926;color:#f85149}.save-button{background:#238636;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.save-button:hover{background:#2ea043}.save-button:disabled{opacity:.5;cursor:not-allowed}.dashboard,.settings-editor{display:flex;flex-direction:column;gap:1rem}.settings-editor .card{background:#161b22;border:1px solid #21262d;border-radius:.5rem;padding:1rem 1.25rem}.settings-editor h3{margin:0 0 .75rem;color:#f0f6fc;font-size:.875rem;font-weight:600}.settings-status{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#8b949e;font-size:.8125rem}.masked-value{font-family:ui-monospace,monospace;background:#21262d;padding:.125rem .5rem;border-radius:.25rem;margin-left:.5rem;color:#484f58;font-size:.75rem}.form-group{margin-bottom:.75rem}.form-group label{display:block;color:#8b949e;font-size:.75rem;margin-bottom:.375rem}.form-group input{width:100%;background:#0d1117;border:1px solid #30363d;color:#c9d1d9;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#58a6ff}.form-group small{display:block;color:#484f58;font-size:.6875rem;margin-top:.375rem}.save-btn{background:#238636;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s;margin-top:.375rem}.save-btn:hover{background:#2ea043}.save-btn:disabled{opacity:.5;cursor:not-allowed}.examples{display:flex;flex-direction:column;gap:1rem}.examples-header{margin-bottom:.25rem}.examples-header h2{margin:0 0 .25rem;color:#f0f6fc;font-size:1rem}.examples-header p{margin:0;color:#484f58;font-size:.8125rem}.example-card{background:#161b22;border:1px solid #21262d;border-radius:.5rem;padding:1rem 1.25rem}.example-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.example-header h3{margin:0;color:#f0f6fc;font-size:.875rem}.method-badge{background:#238636;color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-weight:600;font-size:.6875rem}.method-badge.post{background:#1f6feb}.method-badge.put{background:#9e6a03}.method-badge.delete{background:#da3633}.example-description{color:#8b949e;margin:.375rem 0 .75rem;font-size:.8125rem}.example-url{background:#0d1117;padding:.5rem .75rem;border-radius:.375rem;margin-bottom:.75rem;overflow-x:auto}.example-url code{color:#58a6ff;font-size:.8125rem;white-space:nowrap}.example-section{margin-bottom:.75rem}.example-section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;color:#8b949e;font-size:.75rem}.copy-btn{background:#21262d;color:#c9d1d9;border:none;padding:.25rem .5rem;border-radius:.25rem;font-size:.6875rem;cursor:pointer;transition:background .15s}.copy-btn:hover{background:#30363d}.code-block{background:#0d1117;padding:.75rem;border-radius:.375rem;overflow-x:auto;font-family:ui-monospace,monospace;font-size:.8125rem;color:#c9d1d9;margin:0;white-space:pre-wrap;word-break:break-word}.code-block.response{color:#3fb950}.card{background:#161b22;border:1px solid #21262d;border-radius:.5rem;padding:1rem 1.25rem}.card.loading{color:#8b949e;text-align:center}.example-params{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:.75rem;background:#0d1117;border-radius:.375rem}.param-input{display:flex;flex-direction:column;gap:.25rem}.param-input label{display:flex;gap:.5rem;font-size:.75rem}.param-input .param-name{color:#58a6ff;font-family:ui-monospace,monospace}.param-input .param-desc{color:#484f58}.param-input input{background:#161b22;border:1px solid #30363d;color:#c9d1d9;padding:.375rem .5rem;border-radius:.25rem;font-size:.8125rem}.param-input input:focus{outline:none;border-color:#58a6ff}.example-actions{display:flex;gap:.5rem;margin-bottom:.75rem}.test-btn{background:#238636;color:#fff;border:none;padding:.375rem .75rem;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s}.test-btn:hover{background:#2ea043}.test-btn:disabled{opacity:.5;cursor:not-allowed}.test-result{border-radius:.375rem;overflow:hidden}.test-result.success{border:1px solid #3fb950}.test-result.error{border:1px solid #f85149}.result-header{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#0d1117}.status-code{font-weight:600;font-size:.8125rem}.status-code.success{color:#3fb950}.status-code.error{color:#f85149}.duration{color:#484f58;font-size:.6875rem}.test-result .code-block{border-radius:0;max-height:250px;overflow-y:auto}.template-card{background:#161b22;border:1px solid #21262d;border-radius:.5rem;padding:1rem 1.25rem}.template-explanation{color:#8b949e;margin:0;line-height:1.5;font-size:.8125rem}.template-explanation code{background:#21262d;padding:.125rem .375rem;border-radius:.25rem;color:#58a6ff}.placeholders-info{background:#0d1117;padding:.75rem;border-radius:.375rem;margin-bottom:.75rem}.placeholders-label{color:#8b949e;font-size:.75rem;display:block;margin-bottom:.375rem}.placeholders-list{display:flex;flex-wrap:wrap;gap:.375rem}.placeholder-tag{background:#21262d;color:#58a6ff;padding:.125rem .375rem;border-radius:.25rem;font-size:.6875rem}.template-status{margin-bottom:.375rem}.status-custom{color:#3fb950;font-size:.8125rem}.status-default{color:#484f58;font-size:.8125rem}.template-actions{display:flex;gap:.75rem;margin-top:.75rem}.reset-button{background:transparent;color:#8b949e;border:1px solid #30363d;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .15s}.reset-button:hover{color:#c9d1d9;border-color:#484f58}.button-group{display:flex;gap:.5rem;margin-top:.75rem}.test-webhook-btn{background:#21262d;color:#c9d1d9;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .15s}.test-webhook-btn:hover:not(:disabled){background:#30363d}.test-webhook-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.navbar{flex-direction:column;height:auto;padding:.75rem 1rem;gap:.5rem}.navbar-tabs{width:100%;overflow-x:auto;padding-bottom:.25rem}.navbar-tabs button{padding:.5rem .75rem;white-space:nowrap}.content{padding:1rem}.template-controls{flex-direction:column;gap:.75rem}.status-grid{flex-direction:column;gap:.5rem}}