.sidebar{width:280px;background:#0a0a1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(0,247,255,.2);height:100vh;position:fixed;z-index:1000;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease,backdrop-filter .3s ease}.sidebar.active{transform:translate(0)}.sidebar-close{position:absolute;top:15px;right:15px;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .3s ease;z-index:1001}.sidebar-close:hover{color:#00f7ff;transform:rotate(90deg)}@media(min-width:768px){.sidebar-close{display:none}}.profile{padding:30px 20px 20px;display:flex;align-items:center;border-bottom:1px solid rgba(0,247,255,.2)}.profile-img{width:50px;height:50px;border-radius:50%;border:2px solid #00f7ff;object-fit:cover;margin-right:15px;transition:all .3s ease}.profile-img:hover{transform:scale(1.05);box-shadow:0 0 20px #00f7ff80}.profile-info h5{margin:0;color:#fff;font-size:1rem}.profile-info p{margin:0;color:#fff9;font-size:.8rem}.nav-menu{padding:20px 0}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#fffc;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.nav-item:hover{color:#fff;background:#00f7ff1a}.nav-item.active{color:#00f7ff;background:#00f7ff33}.nav-item i,.nav-item svg{font-size:1.2rem;margin-right:10px;width:24px;text-align:center}.nav-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#00f7ff;transform:scaleY(0);transition:transform .3s ease}.nav-item:hover:before{transform:scaleY(1)}.music-player{position:fixed;bottom:20px;right:20px;z-index:1000;transition:opacity .3s ease-in-out}.hide-music-player{opacity:0;pointer-events:none}.music-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--dark);border:none;border-radius:50px;padding:12px 20px;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #00f7ff4d;transition:all .3s ease;display:flex;align-items:center}.music-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00f7ff66}.music-btn i{margin-right:8px}.footer{text-align:center;padding:20px;color:#fff9;font-size:.9rem}.footer a{color:var(--primary);text-decoration:none}.footer a:hover{text-decoration:underline}*{box-sizing:border-box;margin:0;padding:0}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:separate;border-spacing:0;color:var(--light);min-width:600px}.table thead th{background:#00f7ff1a;color:var(--primary);font-weight:600;padding:15px;text-align:left;border-bottom:2px solid rgba(0,247,255,.3)}.table tbody tr{transition:all .3s ease}.table tbody tr:hover{background:#00f7ff1a}.table tbody td{padding:15px;border-bottom:1px solid rgba(0,247,255,.1);vertical-align:middle}.endpoint-name{font-weight:700;margin-bottom:5px}.endpoint-method{background:#00f7ff1a;color:var(--primary);padding:3px 8px;border-radius:4px;font-size:.8rem;font-family:monospace;float:right}.btn{padding:8px 15px;border-radius:8px;font-weight:500;transition:all .3s ease;border:none;display:inline-flex;align-items:center;justify-content:center}.btn i{margin-right:5px}.btn-success{background:#00c85333;color:#00c853;border:1px solid #00c853;animation:blink 1.5s infinite ease-in-out;transition:all .3s ease}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 #00c85300}50%{opacity:.7;box-shadow:0 0 10px #00c85380}}.btn-primary{background:#007bff33;color:var(--primary);border:1px solid var(--primary);animation:gentleShake 3s infinite ease-in-out;transition:all .3s ease}.btn-primary:hover{background:#007bff66;transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d;animation:gentleShakeHover 3s infinite ease-in-out}@keyframes gentleShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-1px) rotate(-.3deg)}50%{transform:translate(1px) rotate(.3deg)}75%{transform:translate(-.5px) rotate(-.2deg)}}@keyframes gentleShakeHover{0%,to{transform:translate(0) rotate(0) translateY(-2px)}25%{transform:translate(-1px) rotate(-.3deg) translateY(-2px)}50%{transform:translate(1px) rotate(.3deg) translateY(-2px)}75%{transform:translate(-.5px) rotate(-.2deg) translateY(-2px)}}.status-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.modal-container{background:#141428f2;border-radius:15px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px #00f7ff4d;border:1px solid rgba(0,247,255,.3);transform:translateY(20px);transition:all .3s ease}.endpoint-url{background:#0000004d;border-radius:8px;padding:10px 15px;margin-bottom:20px;font-family:monospace;display:flex;justify-content:space-between;align-items:center}.endpoint-url span{overflow-x:auto;white-space:nowrap;margin-right:10px}.btn-copy-url{background:#00f7ff1a;color:var(--primary);border:1px solid var(--primary);padding:5px 10px;border-radius:5px;font-size:.8rem;cursor:pointer;transition:all .3s ease;flex-shrink:0}.btn-copy-url:hover{background:#00f7ff33}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;color:var(--primary);font-size:.9rem}.form-control{width:100%;padding:10px 15px;background:#0000004d;border:1px solid rgba(0,247,255,.2);border-radius:8px;color:var(--light);transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px #00f7ff4d}.modal-footer{padding:15px 20px;background:#00f7ff1a;border-top:1px solid rgba(0,247,255,.2);display:flex;justify-content:flex-end}.btn-test{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--dark);font-weight:700;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;animation:gentleShake 2s infinite ease-in-out}.btn-test:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00f7ff66;animation:none}@keyframes gentleShake{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-2px) rotate(-.5deg)}50%{transform:translate(2px) rotate(.5deg)}75%{transform:translate(-1px) rotate(-.3deg)}}@media(min-width:992px){.main-content{margin-left:var(--sidebar-width)}.sidebar{transform:translate(0)}.menu-toggle{display:none}.sidebar-close{display:block}.page-overlay{display:none!important}}@media(max-width:991px){.table{min-width:100%}.table thead{display:none}.table tbody tr{display:block;margin-bottom:15px;border:1px solid rgba(0,247,255,.2);border-radius:8px}.table tbody td{display:block;padding:10px 15px;border-bottom:1px solid rgba(0,247,255,.1)}.table tbody td:before{content:attr(data-label);font-weight:700;color:var(--primary);margin-bottom:5px;display:block}.endpoint-method{float:none;display:inline-block;margin-top:5px}.status-actions{justify-content:flex-start;gap:10px}}:root{--primary: #00f7ff;--secondary: #0066ff;--accent: #7b00ff;--dark: #0a0a1a;--light: #ffffff;--highlight: #ff00ff;--sidebar-width: 280px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #00f7ff66}70%{box-shadow:0 0 0 15px #00f7ff00}to{box-shadow:0 0 #00f7ff00}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes textGlow{0%,to{text-shadow:0 0 5px var(--primary)}50%{text-shadow:0 0 20px var(--primary)}}body{font-family:Segoe UI,system-ui,sans-serif;background-color:var(--dark);color:var(--light);margin:0;padding:0;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}@media(min-width:768px){body{margin-right:20%}}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at center,rgba(0,20,40,.9) 0%,var(--dark) 100%)}.main-content{margin-left:0;flex:1;padding-top:70px;transition:all .3s ease;width:100%}.page-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.page-overlay.active{opacity:1;visibility:visible}.top-nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#0a0a1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000004d;z-index:900}.menu-toggle{font-size:1.5rem;color:var(--light);cursor:pointer;transition:all .3s ease}.menu-toggle:hover{color:var(--primary)}.page-title{font-size:1.2rem;color:var(--light);margin:0;display:flex;align-items:center}.page-title img{width:30px;height:30px;border-radius:50%;margin-right:10px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px}.card{background:#14142899;border-radius:15px;padding:20px;box-shadow:0 5px 15px #0003;transition:all .3s ease;border-left:3px solid var(--primary)}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00f7ff33}.card-icon{font-size:2.5rem;color:var(--primary);margin-bottom:15px}.card-title{font-size:1rem;color:var(--primary);margin-bottom:10px}.card-value{font-size:1.5rem;font-weight:700;color:var(--light);text-align:right}.dashboard-section{background:#14142899;border-radius:15px;padding:20px;margin:20px;box-shadow:0 5px 15px #0003}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(0,247,255,.2)}.section-title{font-size:1.2rem;color:var(--primary);margin:0;display:flex;align-items:center}.section-title i{margin-right:10px}.section-link{color:var(--primary);text-decoration:none;font-size:.9rem;transition:all .3s ease}.section-link:hover{color:var(--light);text-decoration:underline}.api-key-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:var(--dark);font-weight:700;padding:8px 15px;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;animation:pulse 2s infinite}.api-key-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00f7ff66}.api-key-display{display:flex;align-items:center;gap:10px}.api-key-display code{color:var(--primary);font-size:1.2rem;font-family:monospace}.changelog-list{list-style:none;padding:0;margin:0}.changelog-item{padding:10px 0;border-bottom:1px dashed rgba(0,247,255,.1)}.changelog-item:last-child{border-bottom:none}.changelog-item:before{content:"▹";color:var(--primary);margin-right:10px}.contact-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.contact-link{display:flex;align-items:center;color:var(--light);text-decoration:none;padding:10px;border-radius:8px;background:#00f7ff1a;transition:all .3s ease}.contact-link:hover{background:#00f7ff33;transform:translate(5px)}.contact-link i{font-size:1.2rem;margin-right:10px;color:var(--primary)}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{background:#141428f2;border-radius:15px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px #00f7ff4d;border:1px solid rgba(0,247,255,.3);transform:translateY(20px);transition:all .3s ease}.modal-overlay.active .modal-container{transform:translateY(0)}.modal-header{padding:15px 20px;background:#00f7ff1a;border-bottom:1px solid rgba(0,247,255,.2);display:flex;justify-content:space-between;align-items:center}.modal-title{margin:0;color:var(--primary);font-size:1.2rem}.modal-close{background:none;border:none;color:var(--light);font-size:1.5rem;cursor:pointer;transition:all .3s ease}.modal-close:hover{color:var(--primary);transform:rotate(90deg)}.modal-body{padding:20px;overflow-y:auto;max-height:60vh}.response-container{margin-top:20px;background:#0000004d;border-radius:8px;padding:15px;position:relative;max-height:300px;overflow-y:auto}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.response-title{margin:0;color:var(--primary);font-size:1rem}.btn-copy{background:#00f7ff1a;color:var(--primary);border:1px solid var(--primary);padding:5px 10px;border-radius:5px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.btn-copy:hover{background:#00f7ff33}.response-content{font-family:monospace;white-space:pre-wrap;color:var(--light);font-size:.9rem}@media(min-width:992px){.main-content{margin-left:var(--sidebar-width)}.sidebar{transform:translate(0)}.top-nav{display:none}.sidebar-close{display:block}.page-overlay{display:none!important}}@media(max-width:991px){.card-grid{grid-template-columns:1fr}}body.sidebar-open{overflow:hidden;height:100vh}