@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--primary-glow:#f0f;--secondary-glow:#0ff;--accent-glow:#ff0;--bg-dark:#0a0a0c;--card-bg:#ffffff08;--card-border:#ffffff1a;--text-main:#fff;--text-muted:#a0a0a0;--font-main:"Outfit", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;line-height:1.6;overflow-x:hidden}.bg-mesh{z-index:-1;background:radial-gradient(circle at 20% 30%,#ff00ff0d 0%,#0000 40%),radial-gradient(circle at 80% 70%,#00ffff0d 0%,#0000 40%);width:100%;height:100%;position:fixed;top:0;left:0}header{border-bottom:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0a0ccc;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.header-brand{text-align:center}.nav-menu{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-main);transition:var(--transition-smooth);border-radius:8px;padding:.5rem 1rem;font-size:1rem;font-weight:600;text-decoration:none}.nav-link:hover,.nav-link.active{color:var(--secondary-glow);background:#00ffff1a}.logo{text-transform:uppercase;letter-spacing:2px;background:linear-gradient(45deg, var(--primary-glow), var(--secondary-glow));-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ff00ff4d;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;text-decoration:none;display:inline-block}.subtitle{color:var(--text-muted);margin-top:.5rem;font-size:1rem;font-weight:300}main{max-width:1200px;margin:0 auto;padding:2rem}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.search-container{flex:1;min-width:300px;position:relative}input,select,textarea{background:var(--card-bg);border:1px solid var(--card-border);color:#fff;width:100%;transition:var(--transition-smooth);border-radius:12px;outline:none;padding:1rem 1.5rem;font-size:1rem}option{color:#fff;background:#111}input:focus,select:focus,textarea:focus{border-color:var(--secondary-glow);box-shadow:0 0 15px #00ffff1a}.karaoke-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.card{background:var(--card-bg);border:1px solid var(--card-border);transition:var(--transition-smooth);color:inherit;border-radius:16px;flex-direction:row;align-items:center;text-decoration:none;display:flex;overflow:hidden}.card:hover{border-color:var(--primary-glow);transform:translateY(-5px);box-shadow:0 10px 30px #ff00ff1a}.card-img-container{border-radius:12px;width:80px;min-width:80px;height:80px;margin:.8rem 0 .8rem 1rem;position:relative;overflow:hidden}.card-img-container img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.card:hover .card-img-container img{transform:scale(1.1)}.card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.card-state{text-transform:uppercase;color:var(--secondary-glow);letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.card-title{color:#fff;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.btn{text-align:center;transition:var(--transition-smooth);cursor:pointer;border:1px solid #0000;border-radius:12px;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none}.btn-card{color:#fff;border:1px solid var(--card-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(45deg,#ff00ff1a,#00ffff1a);margin-top:auto}.btn-card:hover{background:linear-gradient(45deg, var(--primary-glow), var(--secondary-glow));border-color:#0000;box-shadow:0 0 15px #f0f6}.detail-container{max-width:700px;margin:1rem auto;padding:0 1rem}.carousel-container{aspect-ratio:1;border:1px solid var(--card-border);border-radius:20px;width:100%;max-width:500px;margin:0 auto 2rem;position:relative;overflow:hidden;box-shadow:0 15px 40px #00000080}.carousel-slide{opacity:0;width:100%;height:100%;transition:opacity 1s ease-in-out;position:absolute;top:0;left:0}.carousel-slide.active{opacity:1}.carousel-slide img{object-fit:cover;width:100%;height:100%}.detail-info{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2.5rem}.detail-title{background:linear-gradient(90deg, #fff, var(--secondary-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.8rem;font-weight:800}.detail-location{color:var(--secondary-glow);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;font-size:.9rem;font-weight:600}.detail-description{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8}.detail-grid{background:#ffffff05;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem;padding:2rem;display:grid}.detail-item h4{text-transform:uppercase;color:var(--secondary-glow);letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem}.detail-item p{color:#fff;overflow-wrap:break-word;font-size:1rem}.detail-actions{flex-wrap:wrap;gap:1.5rem;display:flex}.btn-primary{color:var(--primary-glow);background:#ff00ff1a;border:1px solid #ff00ff4d}.btn-primary:hover{background:var(--primary-glow);color:#fff}.btn-secondary{color:var(--secondary-glow);background:#00ffff1a;border:1px solid #00ffff4d}.btn-secondary:hover{background:var(--secondary-glow);color:#fff}.btn-large{flex:1;min-width:200px;padding:1rem 2rem;font-size:1rem}.instagram-notice{border:1px solid var(--card-border);transition:var(--transition-smooth);cursor:pointer;background:linear-gradient(135deg,#ff00ff0d 0%,#00ffff0d 100%);border-radius:16px;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.2rem;text-decoration:none;display:flex}.instagram-notice:hover{border-color:var(--primary-glow);background:linear-gradient(135deg,#ff00ff1a 0%,#00ffff1a 100%);transform:translateY(-2px);box-shadow:0 10px 20px #ff00ff1a}.instagram-icon-wrapper{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #dc27434d}.instagram-notice-text{color:#fff;font-size:1rem;font-weight:500;line-height:1.4}.instagram-notice-text b{color:var(--secondary-glow);font-weight:700}.admin-list-grid{flex-direction:column;gap:1rem;display:flex}.admin-list-item{background:var(--card-bg);border:1px solid var(--card-border);transition:var(--transition-smooth);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.admin-list-item:hover{border-color:var(--secondary-glow);background:#ffffff0d}.btn-small{min-width:80px;padding:.5rem 1rem;font-size:.75rem}.admin-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-form{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:2rem}.json-output{white-space:pre-wrap;color:#0f0;border:1px dashed var(--secondary-glow);background:#000;border-radius:10px;margin-top:2rem;padding:1rem;font-family:monospace;font-size:.8rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.6s forwards fadeIn}.menu-toggle{color:var(--text-main);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:1.8rem;display:none;position:absolute;top:1.5rem;right:1.5rem}.menu-toggle:hover{color:var(--primary-glow)}@media (width<=768px){.logo{font-size:1.8rem}.controls{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.detail-title{font-size:2rem}.detail-grid,.karaoke-grid{grid-template-columns:1fr}.card{flex-direction:row;padding-right:.5rem}.card-img-container{width:60px;min-width:60px;height:60px;margin:.5rem 0 .5rem .8rem}.card-content{padding:1rem}.card-title{font-size:1.1rem}.menu-toggle{display:block}.nav-menu{border-top:1px solid var(--card-border);flex-direction:column;gap:.5rem;width:100%;padding-top:1rem;display:none}.nav-menu.active{display:flex}.instagram-notice{text-align:center;flex-direction:column;gap:.8rem;padding:1.5rem 1rem}.instagram-notice-text{font-size:.95rem}}@media (width<=480px){main{padding:1rem}.card-title{font-size:1rem}}footer{text-align:center;border-top:1px solid var(--card-border);background:#0a0a0ccc;margin-top:4rem;padding:3rem 1rem 2rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1rem;display:flex}.footer-link{color:var(--text-muted);transition:var(--transition-smooth);text-decoration:none}.footer-link:hover{color:var(--primary-glow)}.footer-copy{color:var(--text-muted);font-size:.9rem}.tab-btn{color:var(--text-muted);cursor:pointer;text-align:left;transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;width:100%;padding:.8rem 1rem;font-size:.95rem;font-weight:600}.tab-btn.active{color:var(--secondary-glow);box-shadow:inset 4px 0 0 var(--secondary-glow);background:#00ffff1a}.tab-btn:hover:not(.active){background:#ffffff0d}.tab-content{display:none}.tab-content.active{display:block}.region-filter{margin-top:1rem}.region-btn{border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:50px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600}.region-btn:hover{color:var(--text-main);border-color:var(--secondary-glow);background:#ffffff1a}.region-btn.active{background:linear-gradient(45deg, var(--primary-glow), var(--secondary-glow));color:#fff;border-color:#0000;box-shadow:0 0 15px #ff00ff4d}.dashboard-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.floating-toggle{z-index:1001;border:1px solid var(--card-border);color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-smooth);background:#0a0a0ce6;border-radius:8px;padding:.6rem .8rem;font-size:1.5rem;position:fixed;top:1.5rem;left:1.5rem}.floating-toggle:hover{color:var(--primary-glow);border-color:var(--primary-glow);box-shadow:0 0 15px #ff00ff4d}.dashboard-sidebar{border-right:1px solid var(--card-border);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);white-space:nowrap;background:#0a0a0cf2;flex-direction:column;width:0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.dashboard-sidebar.open{width:280px}.sidebar-header{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:1.5rem 1rem 1.5rem 1.5rem;display:flex}.sidebar-toggle-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem;display:flex;overflow-y:auto}.sidebar-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:1.5rem 0 .5rem .5rem;font-size:.75rem;font-weight:800}.dashboard-main{flex-direction:column;flex:1;height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden auto}.dashboard-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem}.admin-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.admin-grid-box{border:1px solid var(--card-border);background:#00ffff05;border-radius:8px;padding:1rem}@media (width<=768px){.dashboard-content{padding:1rem}.admin-grid{grid-template-columns:1fr;gap:1.5rem}.dashboard-main{padding-top:5rem}.admin-list-item{flex-direction:column;gap:1rem;align-items:flex-start!important}.admin-list-item>div:last-child{justify-content:space-between;width:100%;display:flex}}@media (width<=900px){.dashboard-sidebar{width:280px;height:100%;position:fixed;top:0;left:0;transform:translate(-100%)}.dashboard-sidebar.open{width:280px;transform:translate(0)}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s linear infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{border:1px solid var(--card-border);background:var(--card-bg);border-radius:16px;align-items:center;gap:1rem;width:100%;height:110px;margin-bottom:1rem;padding:1rem;display:flex}.skeleton-img{flex-shrink:0;width:80px;height:80px}.skeleton-text-container{flex:1}.skeleton-title{width:60%;height:1.2rem;margin-bottom:.8rem}.skeleton-subtitle{width:40%;height:.8rem}