:root{--bg-primary:#fafafa;--bg-secondary:#ffffff;--bg-tertiary:#f5f5f5;--text-primary:#0a0a0a;--text-secondary:#525252;--text-tertiary:#737373;--accent-primary:#2563eb;--accent-secondary:#3b82f6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444;--accent-purple:#8b5cf6;--border-light:#e5e5e5;--border-medium:#d4d4d4;--border-strong:#a3a3a3;--shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--spacing-xxs:0.15rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem}.dark{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-tertiary:#737373;--border-light:#262626;--border-medium:#404040;--border-strong:#525252}body,button,input,select{transition:all .2s cubic-bezier(.4, 0, .2, 1)}#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);z-index:40;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4, 0, .2, 1)}#overlay.visible{opacity:1;visibility:visible}.welcome-gradient{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar{transition:transform .3s cubic-bezier(.4, 0, .2, 1);z-index:50;box-shadow:var(--shadow-lg);border-right:1px solid var(--border-light);background:var(--bg-secondary)}.hidden-sidebar{transform:translateX(-100%)}.love-btn{transition:all .2s cubic-bezier(.4, 0, .2, 1);color:var(--text-tertiary);border-radius:var(--radius-md);padding:var(--spacing-sm)}.love-btn:hover{color:var(--accent-error);transform:scale(1.05);background:rgba(239,68,68,.1)}.love-btn.liked{color:var(--accent-error);background:rgba(239,68,68,.1)}.love-btn.liked i{fill:currentColor}.category-title{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary);box-shadow:var(--shadow-sm)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);color:var(--text-primary)}.btn-disabled{background:var(--text-tertiary)!important;cursor:not-allowed;opacity:.5}.btn-disabled:hover{background:var(--text-tertiary)!important;transform:none}.debug-badge{position:fixed;top:5rem;right:1rem;background:var(--accent-error);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;z-index:1000;box-shadow:var(--shadow-lg)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:var(--spacing-2xl) 0;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);text-align:center}.footer-links{display:flex;justify-content:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.footer-links a{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);text-decoration:none;transition:all .2s cubic-bezier(.4, 0, .2, 1);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500}.footer-links a:hover{color:var(--accent-primary);background:rgba(37,99,235,.1)}.param-input{margin-bottom:var(--spacing-lg)}.param-input label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary);font-size:.875rem}.param-input input,.param-input textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s cubic-bezier(.4, 0, .2, 1)}.param-input input:focus,.param-input textarea:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.page-content{padding:var(--spacing-2xl);min-height:calc(100vh - 200px)}.review-table{border-collapse:separate;border-spacing:0;width:100%;min-width:800px;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:3px solid var(--border-light);overflow:hidden}.review-table th{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);color:var(--text-primary);font-weight:700;padding:var(--spacing-lg);text-align:left;position:sticky;top:0;z-index:10;white-space:nowrap;border-bottom:2px solid var(--border-light);border-right:2px solid var(--border-light);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.review-table th:last-child{border-right:none}.review-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary)}.review-table td:last-child{border-right:none}.review-table tbody tr{transition:all .2s cubic-bezier(.4, 0, .2, 1)}.review-table tbody tr:hover{background:var(--bg-tertiary)}.review-table td:first-child,.review-table th:first-child{width:25%;min-width:200px}.review-table td:nth-child(2),.review-table th:nth-child(2){width:10%;min-width:80px;text-align:center}.review-table td:nth-child(3),.review-table th:nth-child(3){width:25%;min-width:200px}.review-table td:nth-child(4),.review-table th:nth-child(4){width:25%;min-width:200px}.review-table td:nth-child(5),.review-table th:nth-child(5){width:25%;min-width:200px}.review-table td:nth-child(6),.review-table th:nth-child(6){width:5%;min-width:100px;text-align:center}.method-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-left:var(--spacing-sm)}.method-get{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.method-post{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.method-patch,.method-put{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.method-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-xs);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-left:var(--spacing-sm)}.status-active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-inactive{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.plan-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-xs);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-left:var(--spacing-sm)}.plan-free{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.plan-pro{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff}.plan-vip{background:linear-gradient(135deg,#f97316,#ef4444);color:#fff}.endpoint-cell{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.endpoint-name{font-weight:900;font-size:.75rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);background-color:rgba(0,0,0,.05);padding:4px 8px;border-radius:6px;cursor:pointer;transition:background .2s ease;display:inline-block}.endpoint-name:hover{background-color:rgba(0,0,0,.1)}.status-cell{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}input,select,textarea{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:.875rem;color:var(--text-primary);transition:all .2s cubic-bezier(.4, 0, .2, 1)}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}#darkModeToggle{background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;transition:all .2s cubic-bezier(.4, 0, .2, 1);border:1px solid var(--border-light);font-weight:500}#darkModeToggle:hover{background:var(--bg-secondary);border-color:var(--border-medium)}.welcome-screen{text-align:center;padding:4rem 2rem;max-width:800px;margin:0 auto}.body-section{margin-bottom:var(--spacing-xl)}.body-section label{display:block;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.table-container{scrollbar-width:thin;scrollbar-color:var(--border-medium) var(--bg-tertiary)}.table-container::-webkit-scrollbar{height:6px}.table-container::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-sm)}.table-container::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}.table-container::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes fadeIn{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media (max-width:768px){.footer-links{flex-direction:column;gap:var(--spacing-md)}.nav-link{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.method-badge{font-size:.625rem;padding:var(--spacing-xs) var(--spacing-sm)}.review-table{font-size:.75rem;min-width:700px}.review-table td,.review-table th{padding:var(--spacing-sm)}.page-content{padding:var(--spacing-lg)}.status-cell{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}@media (max-width:640px){.review-table{min-width:600px}.review-table td:first-child,.review-table th:first-child{min-width:150px}.review-table td:nth-child(3),.review-table td:nth-child(4),.review-table td:nth-child(5),.review-table th:nth-child(3),.review-table th:nth-child(4),.review-table th:nth-child(5){min-width:120px}}