*{margin:0;padding:0;box-sizing:border-box;}
:root{--sidebar-width:250px;--header-height:60px;--right-panel-width:500px;--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--text-primary:#f0f6fc;--text-secondary:#96a0aa;--text-muted:#6e7681;--accent:#58a6ff;--accent-hover:#7c3aed;--border:#30363d;--success:#238636;--warning:#f85149;--link:#0969da;--code-bg:#21262d;}
[data-theme="light"]{--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f1f3f4;--text-primary:#24292f;--text-secondary:#454d74;--text-muted:#96a0aa;--accent:#0969da;--accent-hover:#7c3aed;--border:#d0d7de;--success:#1a7f37;--warning:#d1242f;--code-bg:#e1e5eb;}
.hljs{background-color:#121212 !important;}
body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:all 0.3s ease;min-height:100vh;display:flex;flex-direction:column;}
.layout-container{flex:1;display:flex;margin-top:var(--header-height);}
.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 2rem;z-index:1000;backdrop-filter:blur(10px);}
.logo{display: flex;}
.logo img{width: 40px;}
.footer-logo{width: 70px;}
.header-nav{margin-left:auto;display:flex;align-items:center;gap:0.1rem;}
.theme-toggle{background:none;margin-right:1em;border:1px solid var(--border);color:var(--text-secondary);padding:0.5rem;border-radius:6px;cursor:pointer;transition:all 0.2s ease;}
.theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary);}
.github-btn{background:var(--accent);color:white;text-decoration:none;padding:0.5rem 1rem;border-radius:6px;font-weight:500;transition:all 0.2s ease;}
.github-btn:hover{background:var(--accent-hover);transform:translateY(-1px);}
.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:var(--bg-secondary);border-right:1px solid var(--border);overflow-y:auto;z-index:900;transition:transform 0.3s ease;}
.sidebar-search{padding:1rem;border-bottom:1px solid var(--border);}
.search-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:0.75rem;border-radius:6px;font-size:0.9rem;}
.search-input:focus{outline:none;border-color:var(--accent);}
.nav-menu{padding:2rem;padding-bottom:10rem;}
.nav-section{margin-bottom:1.5rem;}
.nav-section-title{padding-left: 0.5rem;border-bottom: 1px solid #444444;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.5rem;}
.nav-item{display:block;color:var(--text-secondary);text-decoration:none;padding:0.5rem 0.75rem;border-radius:6px;font-size:0.9rem;transition:all 0.2s ease;margin-bottom:2px;position:relative;}
.main-content .nav-item{display: inline-block;border:1px solid var(--text-muted);padding: 0.3rem;}
.main-content .param_more{padding: 0 0.5rem;border: none;text-decoration: underline;}
.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary);}
.nav-item.active{background:var(--accent);color:white;}
.nav-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;transform:scaleY(0);transition:transform 0.2s ease;border-radius:0 3px 3px 0;}
.nav-item.active::before{transform:scaleY(1);}
.nav-item i{width:16px;margin-right:0.5rem;}
.right-panel{position:fixed;top:var(--header-height);right:0;width:var(--right-panel-width);height:calc(100vh - var(--header-height));background:var(--bg-secondary);border-left:1px solid var(--border);overflow-y:auto;z-index:800;transition:transform 0.3s ease;}
.right-panel-content{padding:1.3rem;}
.code-example-section{margin-bottom:2rem;}
.code-example-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:0.5rem;}
.code-example-title::before{content:'';width:8px;height:8px;background:var(--accent);border-radius:50%;}
.main-content{margin-left:var(--sidebar-width);margin-right:var(--right-panel-width);padding:2rem;max-width:calc(100vw - var(--sidebar-width) - var(--right-panel-width) - 17px);padding-bottom:20rem;}
.content-wrapper{max-width:100%;margin:0;}
.drive_back {display: none;position: fixed;top: 4rem;right: 20rem;    padding: 5px 10px;cursor: pointer;z-index: 999;}
.link-color{color: var(--link);}
h1{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);scroll-margin-top:calc(var(--header-height) + 2rem);}
h2{font-size:2rem;font-weight:600;margin:2rem 0 1rem 0;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:0.5rem;scroll-margin-top:calc(var(--header-height) + 2rem);}
h3{font-size:1.5rem;font-weight:600;margin:1.5rem 0 1rem 0;color:var(--text-primary);scroll-margin-top:calc(var(--header-height) + 2rem);}
p{margin-bottom:1rem;color:var(--text-secondary);}
.justify{text-align: justify;}
.code-container{margin:0 0 1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--bg-tertiary);}
.code-header{position: relative;background:var(--bg-tertiary);padding:0.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);}
.code-tabs{display:flex;gap:0.5rem;}
.code-tab{background:none;border:none;color:var(--text-secondary);padding:0.25rem 0.75rem;border-radius:4px;cursor:pointer;font-size:0.8rem;transition:all 0.2s ease;}
.code-tab.active{background:var(--accent);color:white;}
.copy-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:0.25rem 0.75rem;border-radius:4px;cursor:pointer;font-size:0.8rem;transition:all 0.2s ease;}
.copy-btn:hover{background:var(--bg-secondary);color:var(--text-primary);}
.code-block{background:var(--code-bg);overflow-x:auto;font-family:'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;font-size:0.9rem;line-height:1.5;}
.code-block pre{margin:0;color:var(--text-primary);white-space:pre;word-break:break-all;}
.code-block pre, .code-block code{font-family:'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace !important;}
.token.string{color:#9ecbff;}
.token.number{color:#79c0ff;}
.token.boolean{color:#79c0ff;}
.token.property{color:#79c0ff;}
.token.punctuation{color:#8b949e;}
.token.operator{color:#ff7b72;}
.token.keyword{color:#ff7b72;}
.response-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;overflow:hidden;}
.response-header{background:var(--success);color:white;padding:0.75rem 1rem;font-weight:500;display:flex;align-items:center;gap:0.5rem;}
.response-body .code-block{background:var(--code-bg);border-radius:6px;margin:0;}
.endpoint{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:1.5rem 0;display:flex;align-items:center;gap:1rem;}
.method{background:var(--success);color:white;padding:0.25rem 0.75rem;border-radius:4px;font-weight:600;font-size:0.8rem;min-width:60px;text-align:center;}
.method.post{background:#fb8500;}
.method.put{background:#8338ec;}
.method.delete{background:var(--warning);}
.endpoint-url{font-family:monospace;font-size:0.9rem;color:var(--text-primary);flex:1;background:var(--code-bg);padding:0.5rem;border-radius:4px;}
.try-btn{background:var(--accent);color:white;border:none;padding:0.5rem 1rem;border-radius:4px;cursor:pointer;font-size:0.8rem;transition:all 0.2s ease;}
.try-btn:hover{background:var(--accent-hover);transform:translateY(-1px);}
.params-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--bg-secondary);border-radius:8px;overflow:hidden;border:1px solid var(--border);}
.params-table th{background:var(--bg-tertiary);padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border);}
.params-table td{padding:1rem;border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:top;}
.params-table tr:last-child td{border-bottom:none;}
/* Parameters heading with right-aligned small button */
.params-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:1.5rem 0 1rem 0}
.params-heading h3{margin:0;font-size:1.5rem}
.params-heading .btn{padding:4px 8px;font-size:0.8rem;border-radius:6px;background:var(--accent);color:#fff;text-decoration:none;border:none;display:inline-flex;align-items:center;justify-content:center}
.params-heading .btn:hover{background:var(--accent-hover);transform:translateY(-1px)}
.params-heading .btn.btn-sm{padding:3px 6px;font-size:0.75rem}
@media (max-width:768px){
	.params-heading{flex-direction:column;align-items:flex-start}
	.params-heading .btn{margin-top:8px}
}
.param-name{font-family:monospace;color:var(--accent);font-weight:600;}
.param-required{background:var(--warning);color:white;padding:0.125rem 0.5rem;border-radius:12px;font-size:0.7rem;font-weight:600;margin-left:0.5rem;}
.prequiredi{display: none;color:var(--warning);}
.param-optional{background:var(--text-muted);color:white;padding:0.125rem 0.5rem;border-radius:12px;font-size:0.7rem;font-weight:600;margin-left:0.5rem;}
.alert{padding:1rem;border-radius:8px;margin:1.5rem 0;border-left:4px solid;display:flex;align-items:flex-start;gap:0.75rem;}
.alert-info{background:rgba(88, 166, 255, 0.1);border-color:var(--accent);color:var(--text-primary);}
.alert-warning{background:rgba(248, 81, 73, 0.1);border-color:var(--warning);color:var(--text-primary);}
.alert-success{background:rgba(35, 134, 54, 0.1);border-color:var(--success);color:var(--text-primary);}
.alert::before{content:'📘';font-size:1.2rem;flex-shrink:0;}
.alert-warning::before{content:'⚠️';}
.alert-success::before{content:'✅';}
.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.2rem;cursor:pointer;margin-right:1rem;}
.scroll-top{position:fixed;bottom:2rem;right:2rem;background:var(--accent);color:white;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;}
.scroll-top.visible{opacity:1;visibility:visible;}
.scroll-top:hover{background:var(--accent-hover);transform:translateY(-2px);}
.loading{display:inline-block;width:20px;height:20px;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);animation:spin 1s ease-in-out infinite;}
@keyframes spin{to{transform:rotate(360deg);} }
.content-section{animation:fadeIn 0.3s ease-in-out;margin-bottom: 4rem;scroll-margin-top:calc(var(--header-height) + 1rem);}
.display_section{}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);} }
.progress-bar{position:fixed;top:var(--header-height);left:0;width:var(--scroll-progress, 0%);height:3px;background:linear-gradient(90deg, var(--accent), var(--accent-hover));z-index:1001;transition:width 0.1s ease;}
.sidebar::-webkit-scrollbar, .right-panel::-webkit-scrollbar{width:6px;}
.sidebar::-webkit-scrollbar-track, .right-panel::-webkit-scrollbar-track{background:var(--bg-secondary);}
.sidebar::-webkit-scrollbar-thumb, .right-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}
.sidebar::-webkit-scrollbar-thumb:hover, .right-panel::-webkit-scrollbar-thumb:hover{background:var(--text-muted);}
.right-panel .code-example-section.active .code-example-title::before{background:var(--accent);box-shadow:0 0 10px var(--accent);}
.json-highlighted pre{color:#9cdcfe;}
.json-key{color:#9cdcfe;font-weight:500;}
.json-string{color:#98d982;}
.json-number{color:#ffb052;}
.json-boolean{color:#ff7b72;font-weight:500;}
.json-null{color:#8b949e;font-style:italic;}
.json-bracket{color:#f0f6fc;font-weight:bold;}
.json-brace{color:#58a6ff;font-weight:bold;}
.json-comma{color:#8b949e;}
.json-colon{color:#8b949e;}
.response-fields li{border-bottom:1px solid #333;padding:0.2em;}
.info-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;margin:1.5rem 0;border-left:4px solid var(--accent);}
.info-box.warning{border-left-color:var(--warning);background:rgba(248, 81, 73, 0.1);}
.info-box.success{border-left-color:var(--success);background:rgba(35, 134, 54, 0.1);}
code{background:var(--code-bg);color:var(--accent);padding:0.125rem 0.25rem;border-radius:3px;font-family:monospace;font-size:0.9em;}
.example-grid{display:grid;gap:1rem;margin:1.5rem 0;}
.example-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1rem;transition:transform 0.2s ease;}
.example-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.example-label{font-weight:600;color:var(--accent);margin-bottom:0.5rem;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}
.example-label i{font-size:0.8rem;}
.example-item .exam_msg{padding-left: 0.7rem;padding-top: 0.5rem;font-size: 0.8rem;color:var(--text-secondary)}
.example-item .exam_msg .nav-item{padding: 0 2rem;}
.example-url{font-family:monospace;background:var(--code-bg);color:var(--text-primary);padding:0.75rem;border-radius:6px;font-size:0.85rem;word-break:break-all;position:relative;}
.copy-btn{position:absolute;top:0.5rem;right:0.5rem;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);padding:0.25rem 0.5rem;border-radius:4px;cursor:pointer;font-size:0.7rem;transition:all 0.2s ease;}
.example-url .copy-btn{ top:-0.7rem};
.copy-btn:hover{background:var(--accent);color:white;}
.response-grid{display:flex;gap:1rem;margin:1.5rem 0;}
.response-grid .res_field_1{order:1;flex:1;}
.response-grid .res_field_2{order:2;flex:1;overflow: auto;}
.response-fields{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.5rem;padding-right:1rem;}
.field-item{display:flex;align-items:center;gap:1rem;padding:0.5rem 0;border-bottom:1px solid var(--border);}
.field-item:last-child{border-bottom:none;}
.field-code{font-family:monospace;background:var(--code-bg);color:var(--accent);padding:0.25rem 0.5rem;border-radius:4px;font-weight:600;min-width:30px;text-align:center;}
.field-desc{color:var(--text-secondary);flex:1;}
.main-nav{display:flex;align-items:center;gap:0.5rem;margin-left:2rem;}
.nav-link{position:relative;display:flex;align-items:center;gap:0.5rem;color:var(--text-secondary);text-decoration:none;padding:0.75rem 1rem;border-radius:8px;font-weight:500;transition:all 0.3s ease;overflow:hidden;}
.nav-link::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, var(--accent), var(--accent-hover));opacity:0;transform:scale(0.8);transition:all 0.3s ease;border-radius:8px;z-index:-1;}
.nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent);transition:all 0.3s ease;transform:translateX(-50%);}
.nav-link:hover::before, .nav-link.active::before{opacity:0.1;transform:scale(1);}
.nav-link:hover::after, .nav-link.active::after{width:80%;}
.nav-link:hover{color:var(--text-primary);transform:translateY(-2px);}
.nav-link.active{color:var(--accent);}
.nav-link i{font-size:0.9rem;margin-right:0.3rem;transition:transform 0.3s ease;}
.nav-link:hover i{transform:scale(1.1);}
.dropdown{position:relative;}
.dropdown-toggle .fa-chevron-down{font-size:0.7rem;margin-left:0.3rem;transition:transform 0.3s ease;}
.dropdown:hover .dropdown-toggle .fa-chevron-down{transform:rotate(180deg);}
.dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.3);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:1000;padding:0.5rem;margin-top:0.5rem;}
.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown-item{display:flex;align-items:center;gap:0.75rem;color:var(--text-secondary);text-decoration:none;padding:0.75rem 1rem;border-radius:8px;transition:all 0.2s ease;font-size:0.9rem;}
.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:translateX(4px);}
.dropdown-item i{width:16px;color:var(--accent);}
.login-btn{display:flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:white;text-decoration:none;padding:0.6rem 1.2rem;border-radius:8px;font-weight:600;transition:all 0.3s ease;margin-right:1rem;}
.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(88, 166, 255, 0.4);}
.main-nav-mobile{display:none;border-bottom:1px solid var(--border);}
.mobile-nav-section{display:flex;flex-direction:column;}
.dropdown-mobile{position:relative;}
.dropdown-menu-mobile{max-height:0;overflow:hidden;transition:all 0.3s ease;margin-left:0.5rem;border-left: 1px solid var(--accent);}
.dropdown-menu-mobile.open{max-height:300px;}
.dropdown-mobile .dropdown-toggle .fa-chevron-down{transition:transform 0.3s ease;}
.dropdown-mobile.open .dropdown-toggle .fa-chevron-down{transform:rotate(180deg);}
.mobile-login{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);}
.mobile-toggle-right{display: none;}
.whitespace_normal{white-space: normal;}
.github-links-container{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:0.5rem;margin-left:0.5rem;}
.github-link-btn{display:inline-flex;align-items:center;gap:0.35rem;background:transparent;border:none;color:var(--text-secondary);padding:0.25rem 0.5rem;border-radius:4px;text-decoration:none;font-size:0.8rem;font-weight:500;transition:all 0.2s ease;}
.github-link-btn:hover{color:var(--accent);background:rgba(var(--accent-rgb),0.1);}
.github-link-btn i{font-size:0.95rem;}
.github-link-btn .fa-python{color:#3776ab;}
.github-link-btn .fa-js{color:#f7df1e;}
.github-link-btn .fa-php{color:#777bb4;}
.github-link-btn .fa-java{color:#ed8b00;}
.github-link-btn .fa-code{color:#68217a;}
.github-link-btn .fa-key{color:#e74c3c;}
.footer { background: var(--bg-secondary); border-top: 1px solid var(--border); margin-top: auto; padding: 1rem 0 2rem 0; z-index: 999; }
.footer_copyright{text-align: center; padding: 1rem;}
.sm-link__label{color: var(--text-primary);}
.footer-content { max-width: 1200px; margin: 0 auto; padding: 0 2rem; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; }
.footer-section h4 { color: var(--text-primary); font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; }
.footer-section p { color: var(--text-secondary); margin-bottom: 1rem; line-height: 1.6; }
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 0.5rem; }
.footer-links a { color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; transition: color 0.2s ease; }
.footer-links a:hover { color: var(--accent); }
.footer-social { display: flex; gap: 1rem; margin-top: 1rem; }
.footer-social a { color: var(--text-secondary); font-size: 1.2rem; transition: color 0.2s ease; }
.footer-social a:hover { color: var(--accent); }
.footer-bottom { border-top: 1px solid var(--border); margin-top: 2rem; padding-top: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
.footer-bottom-left { color: var(--text-muted); font-size: 0.9rem; }
.footer-bottom-right { display: flex; gap: 2rem; }
.footer-bottom-right a { color: var(--text-secondary); text-decoration: none; font-size: 0.9rem; transition: color 0.2s ease; }
.footer-bottom-right a:hover { color: var(--accent); }
.newsletter-form { display: flex; gap: 0.5rem; margin-top: 1rem; }
.newsletter-input { flex: 1; background: var(--bg-tertiary); border: 1px solid var(--border); color: var(--text-primary); padding: 0.75rem; border-radius: 6px; font-size: 0.9rem; }
.newsletter-input:focus { outline: none; border-color: var(--accent); }
.newsletter-btn { background: var(--accent); color: white; border: none; padding: 0.75rem 1.5rem; border-radius: 6px; cursor: pointer; font-size: 0.9rem; font-weight: 500; transition: background 0.2s ease; }
.newsletter-btn:hover { background: var(--accent-hover); }
.status-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--bg-tertiary); padding: 0.5rem 1rem; border-radius: 20px; font-size: 0.8rem; margin-top: 1rem; }
.status-online { width: 8px; height: 8px; background: var(--success); border-radius: 50%; }
.search-filter{position:relative;background:var(--code-bg);}
.search-icon{position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);}
.search-filter input{margin-left:1.5rem;padding:0.5rem 1rem;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:0.9rem;min-width:200px;background:var(--code-bg);}
.search-filter input:focus{outline:none;border-color:var(--accent-color);}
.stats-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;}
.dashboard-card{background:var(--code-bg);border-radius:12px;padding:0.2rem 0.7rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--border-color);transition:all 0.3s ease;}
.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.1);}
.dashboard-card.primary{border-left:4px solid #007bff;}
.dashboard-card.success{border-left:4px solid #28a745;}
.dashboard-card.info{border-left:4px solid #17a2b8;}
.dashboard-card.warning{border-left:4px solid #ffc107;}
.card-icon{font-size:2rem;opacity:0.8;}
.card-number{font-size:1.8rem;font-weight:700;color:var(--text-primary);}
.card-label{color:var(--text-secondary);font-size:0.9rem;margin-top:0.25rem;}
.coverage-overview{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem;}
.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;text-align:center;}
.stat-item{display:flex;flex-direction:column;}
.stat-value{font-size:2rem;font-weight:600;color:var(--accent-color);margin-bottom:0.5rem;}
.stat-label{color:var(--text-secondary);font-size:0.9rem;}
.exchange-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;}
.filter-buttons{display:flex;gap:0.5rem;}
.filter-btn{padding:0.5rem 1rem;border:1px solid var(--border-color);background: var(--bg-secondary);color:var(--text-primary);border-radius:4px;cursor:pointer;font-size:0.9rem;transition:all 0.2s ease;}
.filter-btn:hover{background:var(--card-bg-hover);}
.filter-btn.active{background:var(--accent);color:white;border-color:var(--accent);}
.exchanges-table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;max-height: 400px;overflow-y: auto;}
.exchanges-table{width:100%;border-collapse:collapse;}
.exchanges-table th{background:var(--bg-tertiary);padding:1rem;text-align:center;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);}
.exchanges-table td{padding:0.75rem 1rem;border-bottom:1px solid var(--border-color);}
.exchange-row:hover{background:var(--card-bg-hover);}
.exchange-name-cell{display:flex;align-items:center;gap:0.5rem;}
.exchange-name{font-weight:500;color:var(--text-primary);}
.exchanges-table .fx_name{margin-top: -0.4rem;font-size: 0.7rem;color: var(--text-secondary);}
.bulk-indicator{color:#28a745;font-size:0.8rem;}
.number-cell{font-weight:500;text-align:center;}
.number-cell.success{color:#28a745;}
.number-cell.muted{color:var(--text-secondary);}
.coverage-bar{position:relative;height:20px;background:var(--border-color);border-radius:10px;overflow:hidden;min-width:80px;}
.coverage-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);transition:width 0.3s ease;}
.coverage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0.75rem;font-weight:500;color:var(--text-primary);}
.loading-message,.error-message{text-align:center;padding:2rem;color:var(--text-secondary);}
.error-message{color:#dc3545;}
@media (max-width:1550px){
	:root{--sidebar-width:210px;--right-panel-width:430px; }
	.nav-menu{padding: 0.9rem}
	.nav-item{padding: 0.5rem 0.6rem;} 
	.main-content{padding: 1.5rem;}
}
@media (max-width:1250px){
	:root{--sidebar-width:160px;--right-panel-width:340px; }
	.nav-menu{padding: 0.2rem} 
	.nav-menu i{display: none} 
	.nav-item{padding: 0.5rem 0.4rem;font-size: 0.82rem;} 
	.main-nav{margin-left: 1rem;}
	.main-content{padding: 1rem;}
	.right-panel-content{padding: 0.6rem;}
	.code-block{font-size: 0.85rem;}
	.prequiredi{display: inline}
	.prequiredtext{display: none}
}
@media (max-width:1024px){
	.right-panel{transform:translateX(100%);} .main-content{margin-right:0;max-width:calc(100vw - var(--sidebar-width));}
	.mobile-toggle-right{display:block;position:fixed;top:50%;right:1rem;background:var(--accent);color:white;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;z-index:1001;transform:translateY(-50%);}
	.right-panel.open{transform:translateX(0);} 
	.main-content{padding:2rem 1rem 1rem 1.5rem;}.sidebar-search{padding: 0.4rem}
	.main-nav{display:none;} .login-btn{display:none;} .main-nav-mobile{display:block;} 
	.response-grid { flex-direction: column; /* stack vertically */}
	.response-grid .res_field_1{order:2;}
	.response-grid .res_field_2{order:1;}
	.footer-content { grid-template-columns: 1fr 1fr; gap: 2rem; }
}
@media (max-width:768px){
	.main-content{max-width:calc(100vw);}
	.mobile-menu-toggle{display:block;} .sidebar{transform:translateX(-100%);} .sidebar.open{transform:translateX(0);} .main-content{margin-left:0;padding:1rem;} .header{padding:0 1rem;} h1{font-size:2rem;} h2{font-size:1.5rem;} .right-panel{width:100%;} .response-grid{grid-template-columns:1fr;gap:1rem;} .endpoint{flex-direction:column;align-items:stretch;} .endpoint-url{min-width:unset;}
	.header{padding:0 1rem;}
	.footer-content { grid-template-columns: 1fr; gap: 1.5rem; } .footer-bottom { flex-direction: column; text-align: center; } .footer-bottom-right { justify-content: center; }
	.exchange-controls{flex-direction:column;align-items:stretch;}
	.filter-buttons{justify-content:center;}
	.overview-stats{grid-template-columns:repeat(2,1fr);gap:1rem;}
	.exchanges-table{font-size:0.9rem;}
	.exchanges-table th,.exchanges-table td{padding:0.5rem;}
}
@media (max-width:500px){
	.table_parms,.example-grid{overflow-x: auto}
	.github-btn,.td_mbl{display: none}
 }
