:root{font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{color:#1f2937;background:linear-gradient(#f5f7ff 0%,#eef2ff 100%);min-height:100vh;margin:0}.container{max-width:1240px;margin:0 auto;padding:28px 28px 72px}.app-footer{z-index:20;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#64748b;background:#ffffffe6;border-top:1px solid #dfe5ff;padding:12px 16px;font-size:12px;font-weight:600;position:fixed;bottom:0;left:0;right:0}.app-footer a{color:#4338ca;text-underline-offset:2px;text-decoration:underline}.app-footer a:hover{color:#312e81}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border:1px solid #dfe5ff;border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:400px;padding:48px 40px;display:flex;box-shadow:0 12px 40px #1f29371a}.login-logo{object-fit:contain;width:auto;height:52px;margin-bottom:8px}.login-title{letter-spacing:-.02em;color:#1f2937;margin:0;font-size:24px}.login-subtitle{color:#6b7280;margin:0 0 24px;font-size:14px}.login-error{color:#dc2626;text-align:center;margin:0 0 12px;font-size:14px}.login-btn{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.login-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn-secondary{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;margin-top:4px;padding:10px 20px;font-size:13px;font-weight:500;transition:color .15s}.login-btn-secondary:hover:not(:disabled){color:#374151;text-decoration:underline}.login-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.login-btn-icon{flex-shrink:0;width:20px;height:20px}.user-info{align-items:center;gap:10px;display:flex}.user-name{color:#4b5563;font-size:13px;font-weight:500}.logout-btn{color:#4338ca;cursor:pointer;background:#fff;border:1px solid #d4dcff;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.logout-btn:hover{background:#eef2ff;border-color:#4338ca}.tab.tab-admin{color:#92400e;background:#fffbeb;border-color:#fde68a;margin-left:auto}.tab.tab-admin.active{color:#78350f;background:#fef3c7;border-color:#d97706}.role-badge{border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.role-user{color:#0369a1;background:#e0f2fe}.role-admin{color:#92400e;background:#fef3c7}.admin-grid{grid-template-columns:340px 1fr}.admin-field{flex-direction:column;gap:6px;display:flex}.admin-label{color:#374151;font-size:13px;font-weight:600}.admin-role-picker{flex-direction:column;gap:8px;display:flex}.admin-role-option{cursor:pointer;text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 14px;transition:border-color .15s,background .15s;display:flex}.admin-role-option:hover:not(:disabled){background:#f5f3ff;border-color:#c7d2fe}.admin-role-option.active{background:#eef2ff;border-color:#4338ca}.admin-role-option:disabled{opacity:.6;cursor:not-allowed}.admin-role-desc{color:#6b7280;font-size:12px}.header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #dfe5ff;border-radius:16px;padding:20px 22px;box-shadow:0 8px 30px #1f29370f}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.header-brand{align-items:center;gap:14px;display:flex}.header-logo{object-fit:contain;flex-shrink:0;width:auto;height:40px}.export-btn{white-space:nowrap}.page-title{letter-spacing:-.02em;margin:0;font-size:30px}.page-subtitle{color:#4b5563;margin-top:8px;margin-bottom:0}.tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tab{color:#394150;cursor:pointer;background:#fff;border:1px solid #d4dcff;border-radius:10px;padding:10px 14px;font-weight:600;transition:all .2s}.tab.active{color:#312e81;background:#eef2ff;border-color:#4338ca}.grid{grid-template-columns:1fr 2fr;gap:16px;display:grid}.dashboard-stack{flex-direction:column;gap:14px;display:flex}.card{background:#fff;border:1px solid #dfe5ff;border-radius:14px;padding:18px;box-shadow:0 6px 24px #1f29370d}.card-title{letter-spacing:-.01em;margin:0 0 14px;font-size:20px}.table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.limited-scroll-table{max-height:360px;overflow-y:auto}.limited-scroll-table thead th{z-index:2;position:sticky;top:0}.table-resize-icon{color:#cbd5e1;cursor:nwse-resize;-webkit-user-select:none;user-select:none;opacity:.6;z-index:10;background:#fafafa;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;transition:color .2s;display:flex;position:absolute;bottom:4px;right:4px}.table-resize-icon:hover{color:#475569;opacity:1}table{border-collapse:collapse;background:#fff;width:100%;min-width:460px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:10px 14px;font-size:14px}th{color:#334155;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #dbe3ef;font-size:13px;font-weight:700}tbody td.hovered{background:#f3f4f6}.expanded-row td{background:#fafbff}.expanded-panel{flex-direction:column;gap:8px;padding:2px 0;display:flex}.endpoint-chips{flex-wrap:wrap;gap:6px;display:flex}.endpoint-chips-scroll{max-height:96px;padding-right:4px;overflow-y:auto}.error{color:#b42318;background:#fff1f0;border:1px solid #ffd4d1;border-radius:10px;padding:10px 12px}.success{color:#065f46;background:#ecfdf3;border:1px solid #b7f2d0;border-radius:10px;padding:10px 12px}.form-inline{gap:10px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.form-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.text-input{border:1px solid #d5ddff;border-radius:10px;width:100%;min-width:0;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-inline .text-input{flex:1}.text-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.delete-confirm-input.mismatch{background:#fff1f2;border-color:#ef4444;box-shadow:0 0 0 3px #ef444424}.delete-confirm-input.match{background:#ecfdf3;border-color:#10b981;box-shadow:0 0 0 3px #10b98124}.select-input{background:#fff;border:1px solid #d5ddff;border-radius:10px;width:100%;min-width:0;padding:10px 12px;font-family:inherit;font-size:14px}.select-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.mapping-search-input{background:linear-gradient(#fff 0%,#f8faff 100%);border-color:#c7d2fe;padding-left:12px}.mapping-search-input::placeholder{color:#64748b}.mapping-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e524,0 6px 16px #6366f114}.oas-textarea{resize:vertical;color:#1f2937;background:linear-gradient(#fff 0%,#f8faff 100%);border:1px solid #d5ddff;border-radius:12px;width:100%;min-height:220px;padding:12px 14px;font:13px/1.5 Consolas,Courier New,monospace}.oas-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.oas-preview-card{background:#fafbff;border:1px solid #dbe2ff;border-radius:12px;padding:12px}.oas-path-badge{font-family:Consolas,Courier New,monospace;font-size:12px}.list-search-input{margin-bottom:12px}.searchable-select{width:100%;min-width:0;position:relative}.searchable-select-trigger{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d5ddff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;display:flex}.searchable-select-trigger .placeholder{color:#64748b}.searchable-select-trigger:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.searchable-select-trigger:disabled{opacity:.7;cursor:not-allowed}.searchable-select-panel{z-index:20;background:#fff;border:1px solid #d5ddff;border-radius:10px;padding:8px;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 12px 28px #0f172a24}.searchable-select-search{border:1px solid #d5ddff;border-radius:8px;width:100%;margin-bottom:8px;padding:8px 10px;font-family:inherit;font-size:13px}.searchable-select-search:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 2px #6366f11f}.searchable-select-options{flex-direction:column;gap:4px;max-height:180px;display:flex;overflow-y:auto}.searchable-select-option{text-align:left;color:#1f2937;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;padding:8px 10px;font-size:13px}.searchable-select-option:hover{background:#f5f7ff;border-color:#dbe2ff}.searchable-select-option.active{color:#312e81;background:#eef2ff;border-color:#c7d2fe}.searchable-select-empty{color:#64748b;padding:8px 10px;font-size:13px}.entity-form-grid{align-items:center}.endpoint-form-grid{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto}.table-form-grid{grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr) minmax(220px,1fr) auto}.database-form-grid{grid-template-columns:minmax(260px,1fr) auto}.inline-form-actions{flex-wrap:nowrap;grid-column:auto}.inline-form-actions .primary-btn,.inline-form-actions .secondary-btn{width:auto}.mapping-form-grid{grid-template-columns:minmax(220px,1fr) minmax(150px,.7fr) minmax(260px,1.3fr) auto;align-items:center;gap:10px}.mapping-form-grid .mapping-search-input{grid-column:1/-1}.mapping-form-grid .form-actions{grid-column:auto}.mapping-form-grid .form-actions .primary-btn{width:auto}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#3730a3);border:1px solid #3730a3;border-radius:10px;padding:10px 16px;font-weight:700;transition:transform .15s,filter .15s}.primary-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}.primary-btn:disabled{opacity:.65;cursor:not-allowed}.secondary-btn,.danger-btn{cursor:pointer;border-radius:10px;padding:9px 12px;font-weight:600}.secondary-btn{color:#334155;background:#fff;border:1px solid #c7d2fe}.danger-btn{color:#b91c1c;background:#fff1f2;border:1px solid #ef4444}.secondary-btn.small,.danger-btn.small{padding:6px 10px;font-size:12px}.secondary-btn:disabled,.danger-btn:disabled{opacity:.6;cursor:not-allowed}.entity-actions{gap:8px;width:100%;display:flex}.entity-actions button{flex:1}.actions-cell{flex-wrap:nowrap;gap:6px;display:flex}.api-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.api-card{text-align:left;background:linear-gradient(#fff 0%,#f9fbff 100%);border:1px solid #dce3ff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex}.api-card p{margin:4px 0 0;font-size:12px}.api-card.active{background:linear-gradient(#eef2ff 0%,#e8edff 100%);border-color:#4f46e5;box-shadow:0 8px 20px #4f46e52e}.api-card:hover{border-color:#a5b4fc;transform:translateY(-1px)}.api-logo{color:#3730a3;background:radial-gradient(circle at 30% 20%,#fff 0%,#dbe4ff 100%);border:1px solid #b8c4ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.api-meta{flex:1;min-width:0}.api-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:15px;display:block;overflow:hidden}.api-counts{flex-wrap:wrap;gap:6px;display:flex}.count-badge{color:#4338ca;background:#f8f9ff;border:1px solid #d6dcff;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.detail-export-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-export-toggle{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ef;border-radius:10px;align-items:center;gap:8px;min-height:28px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.1;transition:border-color .2s,background-color .2s,box-shadow .2s;display:inline-flex}.detail-export-toggle:hover{background:#f8faff;border-color:#c7d2fe}.detail-export-toggle-input{opacity:0;pointer-events:none;position:absolute}.detail-export-toggle-box{background:#fff;border:1px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:all .2s;display:inline-flex}.detail-export-toggle-check{color:#fff;opacity:0;font-size:10px;line-height:1;transition:transform .2s,opacity .2s;transform:scale(.7)}.detail-export-toggle-input:checked+.detail-export-toggle-box{background:#4338ca;border-color:#4338ca;box-shadow:0 0 0 3px #4338ca1f}.detail-export-toggle-input:checked+.detail-export-toggle-box .detail-export-toggle-check{opacity:1;transform:scale(1)}.detail-export-toggle-input:focus-visible+.detail-export-toggle-box{outline-offset:2px;outline:2px solid #a5b4fc}.detail-export-toggle-input:disabled+.detail-export-toggle-box{background:#e2e8f0;border-color:#cbd5e1}.detail-export-toggle-input:disabled~span{color:#94a3b8}.detail-export-toggle:has(.detail-export-toggle-input:disabled){cursor:not-allowed;opacity:.8}.endpoint-groups{flex-direction:column;gap:10px;display:flex}.endpoint-groups-grid{flex-flow:wrap;align-items:stretch}.endpoint-groups-grid .endpoint-group{flex:300px;min-width:260px}.endpoint-group{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex;box-shadow:0 2px 8px #0f172a0a}.endpoint-group-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.endpoint-group-title{color:#1e293b;letter-spacing:.01em;font-size:14px}.db-table-chip-grid{flex-wrap:wrap;gap:10px;display:flex}.db-table-chip{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;align-items:center;padding:7px 12px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.table-endpoints-scroll{max-height:340px;padding-right:4px;overflow-y:auto}.stats-row{gap:8px;display:flex}.empty-state{color:#64748b;margin:8px 0 2px}.modal-backdrop{z-index:999;background:#0f172a73;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #dbe2ff;border-radius:14px;width:min(520px,100%);padding:18px;box-shadow:0 20px 50px #0f172a33}.modal-card h3{margin:0 0 10px}.modal-card p{color:#475569;margin:0 0 16px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}@media (width<=768px){.container,.header{padding:16px}.header-brand{align-items:flex-start;gap:12px}.header-top{align-items:flex-start}.header-logo{height:32px}.page-title{font-size:22px}.card{padding:16px}.form-grid,.mapping-form-grid,.entity-form-grid,.endpoint-form-grid,.table-form-grid,.database-form-grid{grid-template-columns:1fr}.form-actions{grid-column:unset}.inline-form-actions{flex-wrap:wrap;grid-column:1/-1}.api-grid{grid-template-columns:1fr 1fr}.limited-scroll-table,.table-endpoints-scroll{max-height:280px}.modal-actions{flex-direction:column-reverse;align-items:stretch}.detail-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.container{padding:12px}.tabs{gap:6px}.tab{padding:8px 12px;font-size:13px}.api-grid{grid-template-columns:1fr}.primary-btn,.secondary-btn,.danger-btn{text-align:center;width:100%}.form-inline{flex-direction:column}.modal-card{border-radius:12px;padding:18px}}