@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";:root{--bg-darkest:#07070a;--bg-dark:#0f0f15;--bg-card:#16162199;--bg-card-hover:#1e1e2dcc;--border-color:#ffffff14;--primary:#9d4edd;--primary-glow:#9d4edd4d;--secondary:#3a86c8;--secondary-glow:#3a86c833;--text-primary:#f8f9fa;--text-secondary:#adb5bd;--text-muted:#6c757d;--sidebar-width:240px;--player-height:88px;--font-outfit:"Outfit", "Inter", sans-serif;--glass:backdrop-filter: blur(12px);--transition:all .3s cubic-bezier(.25, .8, .25, 1);--shadow-premium:0 10px 30px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-outfit);background-color:var(--bg-darkest);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}#root{background-image:radial-gradient(circle at 10% 20%,#1e0f3c26 0%,#0000 40%),radial-gradient(circle at 90% 80%,#0f1e3c1a 0%,#0000 40%);width:100vw;height:100vh;display:flex;position:relative}.app-container{width:100%;height:calc(100vh - var(--player-height));display:flex;position:relative}.sidebar{width:var(--sidebar-width);background-color:var(--bg-dark);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;padding:24px 16px 120px;display:flex}.logo-section{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:32px;display:flex}.logo-section h1{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-primary) 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.logo-icon{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.nav-links{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-item{cursor:pointer;color:var(--text-secondary);transition:var(--transition);border-radius:12px;align-items:center;gap:16px;padding:12px 16px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#ffffff0a}.nav-item.active{color:var(--text-primary);border-left:3px solid var(--primary);background:linear-gradient(90deg,#9d4edd26 0%,#9d4edd08 100%);padding-left:13px}.nav-item .icon{width:20px;height:20px}.main-content{flex-grow:1;height:100%;padding:32px 40px 120px;position:relative;overflow-y:auto}@media (width<=768px){.sidebar{z-index:1000;width:250px;height:100vh;padding-top:24px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.mobile-overlay.active{opacity:1;pointer-events:auto}.mobile-header{background-color:var(--bg-dark);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.mobile-header .logo-section{border-bottom:none;margin-bottom:0;padding-bottom:0}.hamburger-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.app-container{flex-direction:column;height:100%}.main-content{height:calc(100vh - var(--player-height) - 60px);padding:20px 16px}.bottom-player{justify-content:space-between;height:70px;padding:0 16px}.player-song-info{flex:1;width:auto;min-width:0;margin-right:12px}.player-img{width:44px;height:44px}.player-extras,.progress-row{display:none!important}.player-controls-container{flex-direction:row;width:auto}.controls-row{gap:16px}.controls-row .control-btn:not(.play-pause-btn):not(.next-btn){display:none}.song-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}}.hero-banner{border:1px solid var(--border-color);box-shadow:var(--shadow-premium);background:linear-gradient(135deg,#9d4edd4d 0%,#3a86c81a 100%);border-radius:20px;margin-bottom:40px;padding:40px;position:relative;overflow:hidden}.hero-banner:after{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);pointer-events:none;width:300px;height:300px;position:absolute;top:-20%;right:-10%}.hero-banner.home-hero{background:linear-gradient(135deg,#261546 0%,#150926 100%);align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.hero-banner.home-hero:after{opacity:.5}.hero-content{z-index:2;max-width:55%;position:relative}.hero-mascot-bg{z-index:1;pointer-events:none;background-position:100%;background-repeat:no-repeat;background-size:contain;width:55%;transition:transform .6s cubic-bezier(.25,1,.5,1);position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15%);mask-image:linear-gradient(90deg,#0000 0%,#000 15%)}.hero-banner.home-hero:hover .hero-mascot-bg{transform:scale(1.04)translate(-5px)}@media (width<=1024px){.hero-content{max-width:70%}.hero-mascot-bg{width:45%}}@media (width<=768px){.hero-banner.home-hero{padding:32px}.hero-content{z-index:2;max-width:100%}.hero-mascot-bg{opacity:.25;width:100%;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}}.hero-tag{text-transform:uppercase;color:var(--primary);letter-spacing:2px;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.hero-title{letter-spacing:-1px;margin-bottom:12px;font-size:36px;font-weight:800}.hero-desc{color:var(--text-secondary);max-width:500px;margin-bottom:24px;font-size:16px;line-height:1.6}.play-btn-premium{background-color:var(--text-primary);color:var(--bg-darkest);cursor:pointer;transition:var(--transition);border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;display:inline-flex;box-shadow:0 4px 15px #fff3}.play-btn-premium:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffffff4d}.category-container{gap:12px;margin-bottom:32px;padding-bottom:8px;display:flex;overflow-x:auto}.category-chip{border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;transition:var(--transition);color:var(--text-secondary);background-color:#ffffff0d;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:500}.category-chip:hover,.category-chip.active{background-color:var(--primary);color:var(--text-primary);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.section-header h2{letter-spacing:-.5px;font-size:24px;font-weight:700}.song-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;margin-bottom:48px;display:grid}.song-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);border-radius:16px;flex-direction:column;padding:16px;display:flex;position:relative}.song-card:hover{background-color:var(--bg-card-hover);box-shadow:var(--shadow-premium);border-color:#ffffff26;transform:translateY(-4px)}.card-img-container{aspect-ratio:1;border-radius:12px;width:100%;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 4px 10px #0000004d}.card-img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.song-card:hover .card-img{transform:scale(1.05)}.card-play-overlay{opacity:0;transition:var(--transition);background-color:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.song-card:hover .card-play-overlay{opacity:1}.play-icon-glow{background-color:var(--primary);color:var(--text-primary);width:48px;height:48px;box-shadow:0 0 15px var(--primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.9)}.song-card:hover .play-icon-glow{transform:scale(1)}.card-info{flex-direction:column;gap:4px;display:flex}.card-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.card-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.song-list-premium{flex-direction:column;gap:10px;margin-bottom:48px;display:flex}.song-row{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);border-radius:12px;align-items:center;padding:12px 20px;display:flex}.song-row:hover{background-color:var(--bg-card-hover);border-color:#ffffff26}.row-index{color:var(--text-muted);width:30px;font-size:14px;font-weight:700}.row-img{object-fit:cover;border-radius:6px;width:48px;height:48px;margin-right:16px}.row-details{flex-direction:column;flex-grow:1;min-width:0;display:flex}.row-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.row-artist{color:var(--text-secondary);font-size:13px}.row-meta{color:var(--text-secondary);align-items:center;gap:24px;font-size:13px;display:flex}.meta-item{align-items:center;gap:6px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none}.icon-btn:hover{color:var(--text-primary)}.icon-btn.liked{color:#ff4d6d;filter:drop-shadow(0 0 6px #ff4d6d66)}.bottom-player{height:var(--player-height);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:100;background-color:#0a0a0fd9;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:absolute;bottom:0;left:0;right:0}.player-song-info{align-items:center;gap:16px;width:30%;min-width:180px;display:flex}.player-img{object-fit:cover;border-radius:8px;width:56px;height:56px;box-shadow:0 4px 10px #0006}.player-details{flex-direction:column;min-width:0;display:flex}.player-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.player-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.player-controls-container{flex-direction:column;align-items:center;gap:8px;width:40%;display:flex}.controls-row{align-items:center;gap:20px;display:flex}.control-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none}.control-btn:hover{color:var(--text-primary)}.control-btn.active{color:var(--primary)}.play-pause-btn{background-color:var(--text-primary);color:var(--bg-darkest);width:40px;height:40px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.play-pause-btn:hover{background-color:var(--primary);color:var(--text-primary);transform:scale(1.05)}.progress-row{width:100%;color:var(--text-muted);align-items:center;gap:12px;font-size:11px;display:flex}.progress-track-bg{cursor:pointer;background-color:#ffffff1a;border-radius:2px;flex-grow:1;height:4px;position:relative}.progress-track-fill{background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);border-radius:2px;height:100%;position:absolute;top:0;left:0}.progress-thumb{background-color:var(--text-primary);opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .1s;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-track-bg:hover .progress-thumb{opacity:1}.progress-track-bg:hover{height:6px}.player-extras{justify-content:flex-end;align-items:center;gap:16px;width:30%;display:flex}.volume-container{align-items:center;gap:8px;width:120px;display:flex}.volume-track{cursor:pointer;background-color:#ffffff26;border-radius:2px;flex-grow:1;height:4px;position:relative}.volume-fill{background-color:var(--text-primary);border-radius:2px;width:80%;height:100%}.sleep-timer-container{align-items:center;display:flex}.sleep-timer-btn{justify-content:center;align-items:center;display:flex;position:relative}.sleep-badge{background-color:var(--primary);color:var(--text-primary);text-align:center;min-width:14px;box-shadow:0 0 6px var(--primary-glow);border-radius:8px;padding:2px 5px;font-size:8px;font-weight:700;position:absolute;top:-8px;right:-8px}.sleep-timer-popover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);z-index:200;background-color:#14141ef2;border-radius:12px;flex-direction:column;width:160px;padding:8px 0;animation:.2s cubic-bezier(.25,.8,.25,1) popoverFadeIn;display:flex;position:absolute;bottom:50px;right:0;box-shadow:0 10px 25px #00000080}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sleep-timer-popover .popover-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff0d;margin-bottom:4px;padding:8px 16px 4px;font-size:11px;font-weight:700}.sleep-timer-popover .popover-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:left;padding:8px 16px;font-size:13px}.sleep-timer-popover .popover-item:hover{color:var(--text-primary);background-color:#ffffff0d}.sleep-timer-popover .popover-divider{background-color:#ffffff0d;height:1px;margin:4px 0}.sleep-timer-popover .popover-item.disable{color:#ff4d6d}.sleep-timer-popover .popover-item.disable:hover{background-color:#ff4d6d1a}.lyrics-drawer{top:0;right:-380px;bottom:var(--player-height);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid var(--border-color);z-index:95;background-color:#0f0f19f2;flex-direction:column;width:380px;transition:right .4s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;box-shadow:-10px 0 30px #0009}.lyrics-drawer.open{right:0}.lyrics-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.lyrics-header h3{font-size:18px;font-weight:700}.lyrics-body{color:var(--text-secondary);text-align:center;white-space:pre-wrap;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:32px 24px;font-size:16px;line-height:2.2;display:flex;overflow:hidden}.lyrics-body::-webkit-scrollbar{display:none}.lyrics-line{cursor:pointer;opacity:.5;margin-bottom:20px;transition:all .3s cubic-bezier(.25,.8,.25,1);transform:scale(.98)}.lyrics-line.active{color:var(--secondary);opacity:1;text-shadow:0 0 8px var(--secondary-glow);font-size:17px;font-weight:700;transform:scale(1.03)}.lyrics-line.clickable:hover:not(.active){color:var(--text-primary);opacity:.7;transform:scale(1.02)}.admin-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;max-width:700px;margin:0 auto;padding:40px}.form-group{text-align:left;flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.form-group label{color:var(--text-secondary);font-size:14px;font-weight:600}.form-control{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-outfit);transition:var(--transition);background-color:#0000004d;border-radius:10px;padding:12px 16px;font-size:15px}.form-control:focus{border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow);outline:none}.file-upload-box{border:2px dashed var(--border-color);text-align:center;cursor:pointer;transition:var(--transition);background-color:#ffffff03;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:30px;display:flex}.file-upload-box:hover{border-color:var(--primary);background-color:#9d4edd05}.file-upload-box .icon{width:32px;height:32px;color:var(--primary)}.btn-primary-glow{background:linear-gradient(135deg, var(--primary) 0%, #7b2cbf 100%);color:var(--text-primary);cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:30px;padding:14px 32px;font-size:15px;font-weight:600}.btn-primary-glow:hover{box-shadow:0 6px 20px var(--primary);transform:translateY(-2px)}.btn-primary-glow:disabled{background:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;display:grid}.playlist-card{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.playlist-card:hover{background-color:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-4px)}.playlist-folder-icon{width:64px;height:64px;color:var(--secondary);filter:drop-shadow(0 0 10px var(--secondary-glow))}.playlist-name{font-size:18px;font-weight:700}.playlist-desc{color:var(--text-secondary);font-size:13px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-dark);border:1px solid var(--border-color);width:90%;max-width:480px;box-shadow:var(--shadow-premium);border-radius:20px;padding:32px;position:relative}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{font-size:20px;font-weight:700}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition);background-color:#ffffff0d;border-radius:20px;padding:10px 20px;font-weight:500}.btn-secondary:hover{background-color:#ffffff1a}.search-wrapper{width:100%;margin-bottom:32px;position:relative}.search-input{background-color:var(--bg-card);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-size:16px;font-family:var(--font-outfit);transition:var(--transition);border-radius:30px;padding:16px 24px 16px 56px}.search-input:focus{border-color:var(--primary);background-color:var(--bg-card-hover);box-shadow:0 0 15px var(--primary-glow);outline:none}.search-icon-inside{color:var(--text-secondary);position:absolute;top:50%;left:20px;transform:translateY(-50%)}.playlist-select-popover{background-color:var(--bg-dark);border:1px solid var(--border-color);z-index:10;box-shadow:var(--shadow-premium);border-radius:8px;flex-direction:column;gap:4px;min-width:160px;padding:8px;display:flex;position:absolute;right:20px}.popover-item{cursor:pointer;color:var(--text-secondary);transition:var(--transition);text-align:left;border-radius:4px;padding:8px 12px;font-size:13px}.popover-item:hover{color:var(--text-primary);background-color:#ffffff0d}.toast-msg{background-color:var(--primary);color:var(--text-primary);z-index:2000;box-shadow:0 4px 15px var(--primary-glow);border-radius:30px;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s ease-out forwards slideDownIn;position:fixed;top:24px;left:50%;transform:translate(-50%)}@keyframes slideDownIn{0%{opacity:0;top:-50px}to{opacity:1;top:24px}}.icon-btn.edit-btn:hover{filter:drop-shadow(0 0 6px var(--secondary-glow));color:var(--secondary)!important}.icon-btn.delete-btn:hover{filter:drop-shadow(0 0 6px #ff4d6d66);color:#ff4d6d!important}.card-admin-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);z-index:10;opacity:0;background-color:#07070acc;border-radius:12px;gap:8px;padding:6px 8px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:8px;right:8px;transform:translateY(-5px)}.song-card:hover .card-admin-overlay{opacity:1;transform:translateY(0)}.card-admin-overlay .icon-btn{color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;display:flex}.vs-grid{grid-template-columns:1fr;gap:32px;margin-top:16px;margin-bottom:48px;display:grid}@media (width>=1024px){.vs-grid{grid-template-columns:1fr}}.vs-card{background-color:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition);box-shadow:var(--shadow-premium);border-radius:20px;padding:32px;position:relative}.vs-card:hover{border-color:#ffffff26}.vs-admin-actions{z-index:10;gap:12px;display:flex;position:absolute;top:20px;right:20px}.vs-action-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.vs-action-btn.edit:hover{color:var(--secondary);filter:drop-shadow(0 0 6px var(--secondary-glow))}.vs-action-btn.delete:hover{color:#ff4d6d;filter:drop-shadow(0 0 6px #ff4d6d66)}.vs-card-title{text-align:center;letter-spacing:-.5px;margin-bottom:32px;font-size:20px;font-weight:700}.vs-layout-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;margin-bottom:40px;display:flex}.vs-song-section{text-align:center;width:200px;transition:var(--transition);border:1px solid #0000;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:16px;padding:16px;display:flex}.vs-song-section.voted{background-color:#9d4edd0d;border-color:#9d4edd4d;box-shadow:0 0 20px #9d4edd1a}.vs-img-container{cursor:pointer;border-radius:12px;width:140px;height:140px;position:relative;overflow:hidden;box-shadow:0 8px 20px #0006}.vs-cover-img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.vs-img-container:hover .vs-cover-img{transform:scale(1.08)}.vs-play-overlay{opacity:0;transition:var(--transition);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.vs-img-container:hover .vs-play-overlay{opacity:1}.vs-play-btn-glow{background-color:var(--primary);color:var(--text-primary);width:44px;height:44px;box-shadow:0 0 15px var(--primary);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.9)}.vs-img-container:hover .vs-play-btn-glow{transform:scale(1)}.vs-song-details{flex-direction:column;gap:4px;display:flex}.vs-song-title{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:16px;font-weight:600;overflow:hidden}.vs-song-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:13px;overflow:hidden}.vs-vote-button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition);background-color:#ffffff0d;border-radius:30px;margin-top:8px;padding:8px 20px;font-size:13px;font-weight:600}.vs-vote-button:hover{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.vs-vote-button.active{background:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);color:var(--text-primary);box-shadow:0 0 15px var(--primary-glow);border-color:#0000}.vs-middle-section{flex-direction:column;justify-content:center;align-items:center;display:flex}.vs-badge{color:var(--text-primary);font-family:var(--font-outfit);letter-spacing:-.5px;background:linear-gradient(135deg,#f72585 0%,#7209b7 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;font-weight:800;animation:2s infinite alternate pulseVS;display:flex;box-shadow:0 0 20px #f7258566}@keyframes pulseVS{0%{transform:scale(1);box-shadow:0 0 20px #f7258566}to{transform:scale(1.08);box-shadow:0 0 30px #f7258599}}.vs-progress-section{flex-direction:column;gap:12px;width:100%;max-width:600px;margin:0 auto;display:flex}.vs-progress-bar-container{border:1px solid var(--border-color);background-color:#ffffff0d;border-radius:12px;height:24px;display:flex;position:relative;overflow:hidden}.vs-progress-fill{box-sizing:border-box;align-items:center;height:100%;padding:0 16px;transition:width .6s cubic-bezier(.25,.8,.25,1);display:flex}.vs-progress-fill.song1-fill{background:linear-gradient(90deg,#9d4edd 0%,#7b2cbf 100%);border-right:1px solid #ffffff1a;justify-content:flex-start;box-shadow:inset -5px 0 10px #0003}.vs-progress-fill.song2-fill{background:linear-gradient(90deg,#3a86c8 0%,#3f37c9 100%);justify-content:flex-end;box-shadow:inset 5px 0 10px #0003}.pct-label{font-family:var(--font-outfit);color:var(--text-primary);text-shadow:0 1px 3px #00000080;font-size:13px;font-weight:700}.vs-votes-summary{color:var(--text-secondary);justify-content:space-between;align-items:center;padding:0 4px;font-size:13px;display:flex}.sync-edit-trigger-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:#ffffff0d;border-radius:20px;margin-top:4px;padding:4px 8px;font-size:11px;font-weight:600}.sync-edit-trigger-btn:hover{background-color:var(--primary);color:var(--text-primary);box-shadow:0 0 8px var(--primary-glow);border-color:#0000}.sync-badge-recording{color:#ff4d6d;background-color:#ff4d6d26;border:1px solid #ff4d6d4d;border-radius:20px;margin-top:4px;padding:4px 8px;font-size:11px;font-weight:700;animation:1.5s infinite alternate pulseRecording}@keyframes pulseRecording{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1.02)}}.sync-editing.lyrics-drawer{width:420px}.sync-edit-body{flex-direction:column;height:calc(100% - 80px);display:flex;padding:16px 20px!important}.sync-editor-container{flex-direction:column;gap:16px;height:100%;display:flex}.highlight-hint{color:var(--text-secondary);text-align:left;border-left:2px solid var(--primary);background-color:#ffffff05;border-radius:4px;padding:8px 12px;font-size:12px;line-height:1.5}.sync-timer{font-family:var(--font-outfit);color:var(--secondary);text-align:center;letter-spacing:.5px;text-shadow:0 0 10px var(--secondary-glow);font-size:18px;font-weight:700}.sync-lines-list{border:1px solid var(--border-color);background-color:#0003;border-radius:12px;flex-direction:column;flex-grow:1;gap:6px;max-height:50vh;padding:8px;display:flex;overflow-y:auto}.sync-lines-list::-webkit-scrollbar{width:6px}.sync-lines-list::-webkit-scrollbar-track{background:0 0}.sync-lines-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sync-lines-list::-webkit-scrollbar-thumb:hover{background:#fff3}.sync-edit-line{transition:var(--transition);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.sync-edit-line:hover{background-color:#ffffff08}.sync-edit-line .line-num{font-family:var(--font-outfit);color:var(--text-muted);width:20px;font-size:11px;font-weight:700}.sync-edit-line .line-text{text-align:left;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex-grow:1;overflow:hidden}.sync-edit-line .line-time{font-family:var(--font-outfit);color:var(--secondary);font-size:11px;font-weight:600}.sync-edit-line.recorded{opacity:.5}.sync-edit-line.recorded .line-text{color:var(--text-muted)}.sync-edit-line.recorded .line-time{color:#52b788}.sync-edit-line.current{background-color:#9d4edd14;border-color:#9d4edd66;box-shadow:0 0 10px #9d4edd26}.sync-edit-line.current .line-text{color:var(--text-primary);font-weight:700}.sync-edit-line.current .line-num{color:var(--primary)}.btn-sync-record{background:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);color:var(--text-primary);cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px var(--primary-glow);border:none;border-radius:30px;width:100%;padding:16px;font-size:15px;font-weight:700}.btn-sync-record:hover:not(:disabled){box-shadow:0 6px 20px var(--primary);transform:translateY(-2px)}.btn-sync-record:active:not(:disabled){transform:translateY(0)}.btn-sync-record:disabled{background:var(--border-color);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.sync-editor-actions{flex-direction:column;gap:12px;margin-top:auto;display:flex}.fullscreen-player-overlay{z-index:1500;width:100vw;height:100vh;color:var(--text-primary);justify-content:center;align-items:center;animation:.45s cubic-bezier(.25,1,.5,1) forwards slideUpFade;display:flex;position:fixed;top:0;left:0;overflow:hidden}@keyframes slideUpFade{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.fullscreen-player-overlay.closing{animation:.4s cubic-bezier(.25,1,.5,1) forwards slideDownFade}@keyframes slideDownFade{0%{opacity:1;transform:translateY(0)}to{opacity:.5;transform:translateY(100%)}}.fs-bg-ambient{filter:blur(10px)brightness(.45)saturate(110%);z-index:1;background-position:50%;background-size:cover;width:110%;height:110%;transition:background-image .5s ease-in-out;position:absolute;top:-5%;left:-5%;transform:scale(1.05)}.fs-bg-overlay{z-index:2;background:radial-gradient(circle,#0a0a0f26 0%,#0a0a0f80 50%,#07070ae6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.fs-container{width:100%;max-width:600px;height:100%;padding:32px 24px var(--safe-area-inset-bottom,24px) 24px;z-index:10;flex-direction:column;justify-content:space-between;display:flex;position:relative}.fs-header{justify-content:space-between;align-items:center;height:48px;margin-bottom:16px;display:flex}.fs-close-btn,.fs-option-btn{color:#ffffffb3;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.fs-close-btn:hover,.fs-option-btn:hover{color:var(--text-primary);background-color:#ffffff14}.fs-header-title{flex-direction:column;align-items:center;display:flex}.fs-header-title span{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:700}.fs-content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;min-height:0;margin:16px 0;display:flex}.fs-cover-view{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.fs-cover-wrap{border-radius:20px;width:280px;max-width:75vw;height:280px;max-height:75vw;margin-bottom:40px;transition:transform .5s ease-out;position:relative;overflow:hidden;box-shadow:0 16px 40px #0009,0 0 30px #9d4edd40}.fs-cover-wrap:hover{transform:scale(1.03)}.fs-cover-img{object-fit:cover;width:100%;height:100%}.fs-cover-wrap.spinning{animation:40s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fs-lyrics-preview{text-align:center;flex-direction:column;gap:8px;width:100%;min-height:56px;padding:0 20px;display:flex}.fs-lyrics-active{color:var(--secondary);text-shadow:0 2px 10px #000000f2, 0 0 15px var(--secondary-glow);font-size:15px;font-weight:600;transition:all .3s}.fs-lyrics-next{color:var(--text-muted);opacity:.85;text-shadow:0 1px 5px #000000e6;font-size:13px;transition:all .3s}.fs-lyrics-placeholder{color:var(--text-muted);text-shadow:0 1px 4px #000000e6;font-size:14px;font-style:italic}.fs-lyrics-view{-webkit-backdrop-filter:blur(25px);background-color:#0000008c;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;width:100%;height:380px;min-height:0;padding:24px 16px;display:flex}.fs-lyrics-header-tabs{border-bottom:1px solid #ffffff0d;justify-content:space-between;width:100%;margin-bottom:16px;padding-bottom:12px;display:flex}.fs-tab-btn,.fs-sync-edit-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:600}.fs-tab-btn:hover,.fs-sync-edit-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.fs-lyrics-list{flex-direction:column;flex-grow:1;align-items:center;gap:24px;width:100%;padding:20px 8px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#fff 15% 85%,#0000 100%);mask-image:linear-gradient(#0000 0%,#fff 15% 85%,#0000 100%)}.fs-lyrics-list::-webkit-scrollbar{display:none}.fs-lyric-line{color:#ffffff8c;text-shadow:0 1px 4px #000000d9;text-align:center;cursor:pointer;width:90%;font-size:15px;line-height:1.6;transition:all .3s cubic-bezier(.25,.8,.25,1)}.fs-lyric-line:hover{color:var(--text-primary)}.fs-lyric-line.active{color:var(--secondary);text-shadow:0 2px 10px #000000f2, 0 0 15px var(--secondary-glow);font-size:18px;font-weight:700;transform:scale(1.05)}.fs-no-lyrics{color:var(--text-muted);margin-top:100px;font-style:italic}.fs-song-info{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px;display:flex}.fs-details{text-align:left;flex-direction:column;gap:6px;min-width:0;display:flex}.fs-title{color:var(--text-primary);text-shadow:0 2px 8px #000000e6;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;overflow:hidden}.fs-artist{color:var(--text-secondary);text-shadow:0 1px 4px #000000d9;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.fs-like-btn{color:#ffffff80;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.fs-like-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.fs-like-btn.liked{color:#ff4d6d;filter:drop-shadow(0 0 8px #ff4d6d80)}.fs-progress-row{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:24px;font-size:11px;display:flex}.fs-progress-time{text-align:center;width:36px}.fs-progress-track-bg{cursor:pointer;background-color:#ffffff1a;border-radius:2px;flex-grow:1;height:4px;transition:height .15s;position:relative}.fs-progress-track-bg:hover{height:6px}.fs-progress-track-fill{background:linear-gradient(90deg, var(--secondary) 0%, var(--primary) 100%);border-radius:2px;height:100%;position:absolute;top:0;left:0}.fs-progress-thumb{background-color:var(--text-primary);opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .1s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #fffc}.fs-progress-track-bg:hover .fs-progress-thumb{opacity:1}.fs-controls{justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 16px;display:flex}.fs-control-btn{color:#ffffff80;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.fs-control-btn:hover{color:var(--text-primary);background-color:#ffffff0d}.fs-control-btn.active{color:var(--secondary);filter:drop-shadow(0 0 6px var(--secondary-glow))}.fs-play-pause-btn{background:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);color:var(--text-primary);cursor:pointer;width:64px;height:64px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #9d4edd73}.fs-play-pause-btn:hover{transform:scale(1.06);box-shadow:0 10px 28px #9d4edd99}.fs-bottom-bar{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.fs-bottom-btn{color:#fff9;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;font-size:10px;font-weight:500;display:flex}.fs-bottom-btn:hover{color:var(--text-primary);background-color:#ffffff08}.fs-bottom-btn.active{color:var(--secondary)}.fs-volume-control{align-items:center;gap:8px;width:120px;display:flex}.fs-volume-icon{color:#fff9;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.fs-volume-icon:hover{color:var(--text-primary)}.fs-volume-track{cursor:pointer;background-color:#ffffff26;border-radius:2px;flex-grow:1;height:4px;position:relative}.fs-volume-fill{background-color:var(--text-primary);border-radius:2px;height:100%}.fs-queue-drawer{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:100;background-color:#0f0f19f5;border-top:1px solid #ffffff14;border-radius:24px 24px 0 0;flex-direction:column;width:100%;height:440px;padding:24px 20px;animation:.35s cubic-bezier(.25,1,.5,1) forwards slideUpDrawer;display:flex;position:absolute;bottom:0;left:0;box-shadow:0 -12px 30px #0009}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fs-queue-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.fs-queue-header h4{font-size:16px;font-weight:700}.fs-queue-close{color:#fff9;cursor:pointer;background:0 0;border:none;padding:4px}.fs-queue-close:hover{color:var(--text-primary)}.fs-queue-list{flex-direction:column;flex-grow:1;gap:8px;display:flex;overflow-y:auto}.fs-queue-item{cursor:pointer;transition:var(--transition);background-color:#ffffff03;border-radius:12px;align-items:center;padding:10px 12px;display:flex}.fs-queue-item:hover{background-color:#ffffff0a}.fs-queue-item.active{background-color:#9d4edd14;border:1px solid #9d4edd33}.fs-qi-index{color:var(--text-muted);text-align:center;width:24px;font-size:12px}.fs-qi-img{object-fit:cover;border-radius:6px;width:40px;height:40px;margin-right:12px}.fs-qi-details{text-align:left;flex-direction:column;flex-grow:1;gap:4px;min-width:0;display:flex}.fs-qi-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.fs-qi-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.fs-qi-item.active .fs-qi-title{color:var(--secondary)}.fs-playing-wave{align-items:flex-end;gap:3px;height:12px;margin-left:8px;display:flex}.fs-playing-wave span{background-color:var(--secondary);width:2px;animation:1.2s ease-in-out infinite waveBounce}.fs-playing-wave span:first-child{height:60%;animation-delay:.2s}.fs-playing-wave span:nth-child(2){height:100%;animation-delay:.4s}.fs-playing-wave span:nth-child(3){height:40%;animation-delay:.6s}@keyframes waveBounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.player-song-info{cursor:pointer}.player-song-info:hover .player-img{box-shadow:0 4px 12px var(--primary-glow);transform:scale(1.04)}.player-img{transition:transform .25s,box-shadow .25s}.expand-btn{transition:var(--transition);margin-left:12px}.expand-btn:hover{filter:drop-shadow(0 0 6px var(--secondary-glow));transform:scale(1.2);color:var(--secondary)!important}.board-container{flex-direction:column;gap:24px;margin-bottom:60px;display:flex}.board-hero{border-radius:20px;margin-bottom:24px}.board-table{border-collapse:collapse;background-color:var(--bg-card);width:100%;box-shadow:var(--shadow-premium);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.board-table th,.board-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:16px;font-size:14px}.board-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background-color:#ffffff08;font-weight:600}.board-table tbody tr{cursor:pointer;transition:var(--transition)}.board-table tbody tr:hover{background-color:#ffffff0d}.board-table tbody tr:last-child td{border-bottom:none}.board-id,.board-views{width:80px;color:var(--text-secondary);text-align:center!important}.board-table th:first-child,.board-table th:nth-child(4){text-align:center}.board-author{width:140px;color:var(--secondary)}.board-date{width:120px;color:var(--text-secondary)}.board-title-cell{color:var(--text-primary);font-weight:500}.board-table tbody tr:hover .board-title-cell{color:var(--primary)}.board-textarea{font-family:inherit;line-height:1.6}.comment-delete-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:4px;font-size:12px;display:flex}.comment-delete-btn:hover{color:#ff4d6d}.sync-badge-count{color:#fff;background:linear-gradient(135deg,#ff4d6d,#e03e5c);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite syncBadgePulse;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 8px #ff4d6d66}@keyframes syncBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.sync-warning-banner{background:linear-gradient(135deg,#ffaa331f,#ff643214);border:1px solid #ffaa3340;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:8px;padding:18px 20px;display:flex}.sync-warning-icon{flex-shrink:0;margin-top:2px;font-size:28px}.sync-warning-content{flex-direction:column;gap:4px;display:flex}.sync-warning-content strong{color:#fa3;font-size:15px}.sync-warning-content span{color:var(--text-secondary);font-size:13px}.sync-warning-size{font-weight:600;color:#f85!important}.sync-ok-banner{background:linear-gradient(135deg,#51cf661a,#28a7450f);border:1px solid #51cf6633;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:8px;padding:18px 20px;display:flex}.sync-ok-icon{flex-shrink:0;margin-top:2px;font-size:28px}.sync-ok-content{flex-direction:column;gap:4px;display:flex}.sync-ok-content strong{color:#51cf66;font-size:15px}.sync-ok-content span{color:var(--text-secondary);font-size:13px}.sync-stat-card{text-align:center;transition:var(--transition);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;padding:18px 16px}.sync-stat-card:hover{background:#ffffff0f}.sync-stat-number{color:var(--text-primary);margin-bottom:4px;font-size:28px;font-weight:700}.sync-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.sync-stat-ok{border-color:#51cf6626}.sync-stat-ok .sync-stat-number{color:#51cf66}.sync-stat-warn{background:#ffaa330f;border-color:#fa33}.sync-stat-warn .sync-stat-number{color:#fa3}.sync-song-table{border:1px solid #ffffff0f;border-radius:10px;overflow:hidden}.sync-song-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#ffffff0a;grid-template-columns:2fr 1.2fr 1fr .8fr 1fr;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;display:grid}.sync-song-row{border-top:1px solid #ffffff0a;grid-template-columns:2fr 1.2fr 1fr .8fr 1fr;align-items:center;gap:8px;padding:12px 16px;transition:background .2s;display:grid}.sync-song-row:hover{background:#ffffff08}.sync-song-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.sync-song-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.sync-song-date{color:var(--text-muted);font-size:12px}.sync-status-badge{letter-spacing:.3px;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.sync-status-unsynced{color:#fa3;background:#ffaa3326;border:1px solid #ffaa3340}.sync-status-synced{color:#51cf66;background:#51cf661a;border:1px solid #51cf6633}.sync-download-btn{color:#c084fc;transition:var(--transition);cursor:pointer;background:#9d4edd1f;border:1px solid #9d4edd40;border-radius:6px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.sync-download-btn:hover{color:#d8b4fe;background:#9d4edd40;transform:translateY(-1px)}.sync-log-container{margin-top:8px}.sync-log-console{background:#0a0a12;border:1px solid #ffffff0f;border-radius:10px;max-height:350px;padding:16px;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.7;overflow-y:auto}.sync-log-line{gap:10px;padding:2px 0;animation:.3s ease-out syncLogFadeIn;display:flex}@keyframes syncLogFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sync-log-time{color:var(--text-muted);flex-shrink:0;min-width:72px;font-size:11px}.sync-log-msg{color:var(--text-secondary);word-break:break-word}.sync-log-error .sync-log-msg{color:#ff6b6b}.sync-log-warning .sync-log-msg{color:#fa3}.sync-log-success .sync-log-msg{color:#51cf66}.sync-log-step .sync-log-msg{color:#74c0fc}.sync-log-progress .sync-log-msg{color:#c084fc;font-weight:500}.sync-complete-banner{color:#51cf66;text-align:center;background:linear-gradient(135deg,#51cf661a,#28a7450f);border:1px solid #51cf6633;border-radius:10px;margin-top:12px;padding:16px 20px;font-size:15px;font-weight:600}.sync-complete-banner code{color:#c084fc;background:#ffffff1a;border-radius:4px;padding:2px 8px;font-size:12px}.sync-spin-icon{animation:1.2s linear infinite syncSpin}@keyframes syncSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.sync-song-header,.sync-song-row{grid-template-columns:2fr 1fr .8fr}.sync-song-header>:nth-child(3),.sync-song-header>:nth-child(5),.sync-song-row>:nth-child(3),.sync-song-row>:nth-child(5){display:none}.sync-stat-card{padding:14px 10px}.sync-stat-number{font-size:22px}}.hero-section{z-index:9999;background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:hidden}.hero-section>.container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.hero-section .content{border-radius:40px;width:1000px;height:562px;animation:200s linear infinite brightness;position:relative;overflow:hidden}.hero-section .container-full{justify-content:center;align-items:center;width:1000px;height:562px;margin:0;animation:200s linear infinite zoom-in;display:flex;position:relative;transform:scale(1)}.hero-section .backgroundImage{object-fit:cover;pointer-events:none;width:1000px;height:562px;position:absolute;top:0;left:0}.hero-section .boyImage{object-fit:cover;z-index:3;pointer-events:none;width:1000px;height:562px;animation:200s linear infinite blur;position:absolute;top:0;left:0}.hero-section .container-full>.container{transform-style:preserve-3d;z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.hero-section .cube{width:870px;height:190px;transform-style:preserve-3d;perspective:480px;perspective-origin:51% 70%;position:relative}.hero-section .face{opacity:.5;background:0 0;border:0 solid #000;align-items:center;width:870px;height:190px;display:flex;position:absolute;overflow:hidden}.hero-section .face.bottom,.hero-section .face.top{width:870px;height:870px}.hero-section .face p{white-space:nowrap;color:#fff;margin:0;padding-top:20px;font-family:Bebas Neue,sans-serif;font-size:calc(6em + 13.3px);font-weight:400;overflow:hidden}.hero-section .face span{color:#9d4edd;text-shadow:0 0 12px #9d4eddcc;font-weight:700}.hero-section .front{display:none;transform:translateZ(435px)}.hero-section .back{transform:translateZ(-435px)rotateY(180deg)scaleX(-1)}.hero-section .left{transform:translate(-435px)rotateY(-90deg)scaleX(-1)}.hero-section .right{transform:translate(435px)rotateY(90deg)scaleX(-1)}.hero-section .top{transform:translateY(-435px)rotateX(90deg)scaleY(-1)}.hero-section .bottom{transform:translateY(-245px)rotateX(-90deg)scaleY(-1)}.hero-section .left p{margin-left:480px;animation:500s linear infinite left}.hero-section .back p{margin-left:-390px;animation:500s linear infinite back}.hero-section .right p{margin-left:-1260px;animation:500s linear infinite right}@keyframes left{to{margin-left:-54000px}}@keyframes back{to{margin-left:-54870px}}@keyframes right{to{margin-left:-55740px}}.hero-section .container-reflect{opacity:.15;filter:blur(6px);transform-style:preserve-3d;z-index:2;margin-top:380px;position:absolute;transform:scaleY(-1)}.hero-section .animated.hue{mix-blend-mode:overlay;z-index:1;pointer-events:none;background:linear-gradient(45deg,#9d4edd1f,#3a86c81f);width:1000px;height:562px;animation:200s linear infinite hue;position:absolute;top:0;left:0}@keyframes hue{to{filter:hue-rotate(360deg)}}@keyframes brightness{0%,to{filter:brightness()}50%{filter:brightness(1.15)}}@keyframes blur{0%,to{filter:blur()}50%{filter:blur(1.5px)}}@keyframes zoom-in{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.enter-button{z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;letter-spacing:2px;background:#9d4edd33;border:1px solid #9d4edd80;border-radius:30px;padding:14px 44px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1);position:absolute;bottom:8%;left:50%;transform:translate(-50%);box-shadow:0 0 15px #9d4edd4d}.enter-button:hover{background:#9d4edd80;border-color:#9d4eddcc;transform:translate(-50%)scale(1.05);box-shadow:0 0 25px #9d4eddb3}.enter-button:active{transform:translate(-50%)scale(.98)}@media (width<=768px){.hero-section .content{border-radius:0;width:100vw;height:100vh}.hero-section .container-full{width:100vw;height:100vh}.hero-section .backgroundImage{object-fit:cover;width:100vw;height:100vh}.hero-section .boyImage{object-fit:cover;object-position:top center;z-index:3;width:100vw;height:60vh;top:auto;bottom:0}.hero-section .cube{perspective:300px;perspective-origin:50%;width:320px;height:120px}.hero-section .face{width:320px;height:120px}.hero-section .face p{padding-top:10px;font-size:calc(3em + 8px)}.hero-section .front{display:none;transform:translateZ(160px)}.hero-section .back{transform:translateZ(-160px)rotateY(180deg)scaleX(-1)}.hero-section .left{transform:translate(-160px)rotateY(-90deg)scaleX(-1)}.hero-section .right{transform:translate(160px)rotateY(90deg)scaleX(-1)}.hero-section .left p{margin-left:160px;animation:500s linear infinite left}.hero-section .back p{margin-left:-160px;animation:500s linear infinite back}.hero-section .right p{margin-left:-480px;animation:500s linear infinite right}.hero-section .container-reflect{margin-top:240px}.enter-button{padding:12px 36px;font-size:14px;bottom:12%}}.admin-workspace{width:100%;max-width:1280px;margin:0 auto;padding-bottom:56px}.admin-workspace-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 0 24px;display:flex}.admin-workspace-header h1{letter-spacing:0;margin:5px 0 6px;font-size:30px;line-height:1.2}.admin-workspace-header p{color:var(--text-secondary);margin:0;font-size:14px}.admin-eyebrow,.admin-section-heading>div>span{color:#5eead4;text-transform:uppercase;letter-spacing:0;font-size:11px;font-weight:700}.admin-header-actions,.admin-inline-actions,.admin-actions{align-items:center;gap:10px;display:flex}.admin-icon-button,.admin-secondary-button,.admin-primary-button,.admin-table-button{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:8px;font-weight:650;display:inline-flex}.admin-icon-button{background:#ffffff0a;border-radius:6px;width:38px;height:38px;padding:0}.admin-secondary-button,.admin-table-button{background:#ffffff0a;border-radius:6px;min-height:38px;padding:0 14px}.admin-primary-button{background:#0f766e;border-color:#14b8a6;border-radius:6px;min-height:40px;padding:0 17px}.admin-icon-button:hover,.admin-secondary-button:hover,.admin-table-button:hover{background:#ffffff17;border-color:#fff3}.admin-primary-button:hover{background:#0d9488}.admin-icon-button:disabled,.admin-primary-button:disabled{opacity:.45;cursor:not-allowed}.admin-tabs{border-bottom:1px solid var(--border-color);scrollbar-width:none;align-items:center;gap:4px;padding:14px 0;display:flex;overflow-x:auto}.admin-tabs::-webkit-scrollbar{display:none}.admin-tabs button{height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;align-items:center;gap:8px;padding:0 14px;font-weight:650;display:inline-flex;position:relative}.admin-tabs button:hover{color:var(--text-primary);background:#ffffff0a}.admin-tabs button.active{color:#f8fafc;background:#14b8a629;box-shadow:inset 0 0 0 1px #2dd4bf33}.admin-tabs button i{color:#fff;background:#e11d48;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-style:normal;display:inline-flex}.admin-content{padding-top:24px}.admin-panel-stack{flex-direction:column;gap:22px;display:flex}.admin-metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.admin-metric-grid-compact{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-metric{border:1px solid var(--border-color);background:#12121bb8;border-radius:8px;align-items:flex-start;gap:12px;min-height:112px;padding:16px;display:flex}.admin-metric-icon{background:#ffffff0f;border-radius:6px;flex:none;place-items:center;width:34px;height:34px;display:grid}.admin-metric-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.admin-metric-copy>span,.admin-metric-copy small{color:var(--text-secondary);font-size:11px}.admin-metric-copy strong{letter-spacing:0;white-space:nowrap;font-size:21px;line-height:1.2}.admin-tone-teal .admin-metric-icon{color:#2dd4bf;background:#14b8a621}.admin-tone-amber .admin-metric-icon{color:#fbbf24;background:#f59e0b21}.admin-tone-rose .admin-metric-icon{color:#fb7185;background:#f43f5e21}.admin-tone-blue .admin-metric-icon{color:#60a5fa;background:#3b82f621}.admin-tone-violet .admin-metric-icon{color:#c084fc;background:#a855f721}.admin-tone-green .admin-metric-icon{color:#4ade80;background:#22c55e21}.admin-section{border-top:1px solid var(--border-color);width:100%;padding:22px 0}.admin-section-heading{justify-content:space-between;align-items:flex-start;gap:18px;min-height:42px;margin-bottom:18px;display:flex}.admin-section-heading h2{letter-spacing:0;margin:4px 0 0;font-size:17px;line-height:1.3}.admin-section-heading>small{max-width:420px;color:var(--text-secondary);text-align:right;font-size:12px;line-height:1.5}.admin-split-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.admin-chart-wrap{min-width:0}.admin-chart-legend{color:var(--text-secondary);justify-content:flex-end;gap:16px;margin-bottom:10px;font-size:11px;display:flex}.admin-chart-legend span{align-items:center;gap:6px;display:inline-flex}.admin-chart-legend i{border-radius:2px;width:8px;height:8px}.admin-legend-play{background:#2dd4bf}.admin-legend-visit{background:#f59e0b}.admin-daily-chart{border:1px solid var(--border-color);background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 25%;border-radius:8px;grid-template-columns:repeat(14,minmax(22px,1fr));align-items:end;gap:7px;height:220px;padding:14px 10px 0;display:grid}.admin-chart-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0;height:100%;display:flex}.admin-chart-bars{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:174px;display:flex}.admin-chart-bar{border-radius:2px 2px 0 0;width:min(12px,42%);min-height:3px;transition:height .3s}.admin-chart-play{background:#2dd4bf}.admin-chart-visit{background:#f59e0b}.admin-chart-label{color:var(--text-muted);white-space:nowrap;font-size:10px}.admin-traffic-section{background:#f43f5e06;border:1px solid #f43f5e2e;border-radius:8px;padding:20px}.admin-traffic-chart{grid-template-columns:repeat(14,minmax(28px,1fr));align-items:end;gap:7px;height:230px;display:grid;overflow-x:auto}.admin-traffic-column{text-align:center;grid-template-rows:22px minmax(0,1fr) 18px;align-items:end;gap:5px;min-width:28px;height:100%;display:grid}.admin-traffic-column>strong{color:var(--text-secondary);white-space:nowrap;font-size:9px;font-weight:600;overflow:hidden}.admin-traffic-column>div{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/100% 25%;border-bottom:1px solid #ffffff14;justify-content:center;align-items:flex-end;height:176px;display:flex}.admin-traffic-column>div span{background:#f43f5e;border-radius:2px 2px 0 0;width:min(20px,72%);min-height:3px}.admin-traffic-column small{color:var(--text-muted);white-space:nowrap;font-size:9px}.admin-ranked-track-traffic span{background:#f43f5e}.admin-traffic-guide dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.admin-traffic-guide dl>div{border:1px solid var(--border-color);background:#ffffff05;border-radius:6px;min-height:70px;padding:12px}.admin-traffic-guide dt{color:var(--text-secondary);font-size:10px}.admin-traffic-guide dd{color:var(--text-primary);margin:8px 0 0;font-size:17px;font-weight:700}.admin-traffic-guide p{color:var(--text-secondary);margin:14px 0 0;font-size:11px;line-height:1.65}.admin-ranked-bars{flex-direction:column;gap:13px;display:flex}.admin-ranked-row{align-items:center;gap:10px;display:flex}.admin-rank{width:21px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.admin-ranked-main{flex:1;min-width:0}.admin-ranked-label{grid-template-columns:minmax(0,1fr) auto auto;align-items:baseline;gap:8px;margin-bottom:6px;display:grid}.admin-ranked-label>span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.admin-ranked-label small{color:var(--text-secondary);font-size:10px}.admin-ranked-label strong{color:#5eead4;font-size:11px}.admin-ranked-track{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.admin-ranked-track span{background:#14b8a6;min-width:2px;height:100%;display:block}.admin-table-scroll{border:1px solid var(--border-color);border-radius:8px;width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:760px;font-size:12px}.admin-table th{height:40px;color:var(--text-secondary);text-transform:uppercase;background:#ffffff09;padding:0 13px;font-size:10px;font-weight:700}.admin-table td{height:58px;color:var(--text-secondary);vertical-align:middle;border-top:1px solid #ffffff0e;padding:9px 13px}.admin-table tbody tr:hover{background:#ffffff06}.admin-table td strong{max-width:230px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.admin-table td small{color:var(--text-muted);margin-top:3px;font-size:10px;display:block}.admin-user-link{max-width:240px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.admin-user-link:hover strong{color:#5eead4}.admin-chip,.admin-role{white-space:nowrap;border-radius:4px;align-items:center;min-height:24px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.admin-chip{color:#93c5fd;background:#3b82f61f}.admin-role-admin{color:#d8b4fe;background:#a855f724}.admin-role-user{color:#cbd5e1;background:#94a3b81f}.admin-role-ready{color:#5eead4;background:#14b8a624}.admin-role-wait{color:#fbbf24;background:#f59e0b24}.admin-table-button{min-height:30px;padding:0 10px;font-size:10px}.admin-activity-list{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.admin-activity-row{border-top:1px solid #ffffff0e;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px 14px;display:grid}.admin-activity-row:first-child{border-top:0}.admin-activity-icon{color:#5eead4;background:#14b8a61f;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.admin-activity-row div{min-width:0}.admin-activity-row strong,.admin-activity-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-activity-row strong{font-size:12px}.admin-activity-row small,.admin-activity-row time{color:var(--text-secondary);margin-top:3px;font-size:10px}.admin-notice{border:1px solid;border-radius:8px;align-items:center;gap:11px;min-height:54px;padding:13px 16px;font-size:12px;display:flex}.admin-notice>div{flex-direction:column;gap:3px;display:flex}.admin-notice strong{font-size:13px}.admin-notice span{color:var(--text-secondary)}.admin-notice-warning{color:#fbbf24;background:#f59e0b12;border-color:#f59e0b47}.admin-notice-success{color:#5eead4;background:#14b8a612;border-color:#14b8a647}.admin-match-list{flex-direction:column;gap:10px;display:flex}.admin-match-row{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;padding:15px}.admin-match-title,.admin-match-labels{justify-content:space-between;gap:16px;display:flex}.admin-match-title strong{font-size:13px}.admin-match-title span,.admin-match-labels{color:var(--text-secondary);font-size:10px}.admin-match-labels{margin:13px 0 7px}.admin-vote-track{background:#ffffff0d;border-radius:3px;height:7px;display:flex;overflow:hidden}.admin-vote-track span{background:#14b8a6;height:100%}.admin-vote-track i{background:#f43f5e;height:100%}.admin-upload-form{flex-direction:column;gap:22px;display:flex}.admin-form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.admin-form-grid label{color:var(--text-secondary);flex-direction:column;gap:7px;font-size:11px;font-weight:650;display:flex}.admin-form-wide{grid-column:1/-1}.admin-lyrics-input{resize:vertical;min-height:150px}.admin-file-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-file-picker{color:#5eead4;cursor:pointer;background:#ffffff05;border:1px dashed #ffffff2e;border-radius:8px;justify-content:center;align-items:center;gap:13px;min-height:94px;padding:15px;display:flex}.admin-file-picker:hover{background:#14b8a60d;border-color:#14b8a6}.admin-file-picker span{text-align:left;min-width:0}.admin-file-picker strong,.admin-file-picker small{text-overflow:ellipsis;white-space:nowrap;max-width:280px;display:block;overflow:hidden}.admin-file-picker strong{color:var(--text-primary);font-size:12px}.admin-file-picker small{color:var(--text-secondary);margin-top:4px;font-size:10px}.admin-actions{justify-content:flex-end}.admin-download-link{color:#5eead4;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:650;text-decoration:none;display:inline-flex}.admin-download-link:hover{color:#99f6e4}.admin-log{border:1px solid var(--border-color);background:#09090f;border-radius:8px;max-height:330px;padding:10px 14px;font-family:Consolas,monospace;overflow-y:auto}.admin-log>div{color:var(--text-secondary);grid-template-columns:150px minmax(0,1fr);gap:12px;padding:4px 0;font-size:11px;display:grid}.admin-log time{color:var(--text-muted)}.admin-log-error span{color:#fb7185}.admin-log-warning span{color:#fbbf24}.admin-log-success span,.admin-log-done span{color:#5eead4}.admin-log-progress span{color:#93c5fd}.admin-loading,.admin-empty{min-height:180px;color:var(--text-secondary);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.admin-spin{animation:1s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-auth-layout{place-items:center;min-height:62vh;display:grid}.admin-auth-panel{border:1px solid var(--border-color);background:#12121bc7;border-radius:8px;width:min(420px,100%);padding:34px;box-shadow:0 18px 55px #00000038}.admin-auth-icon{color:#5eead4;background:#14b8a621;border-radius:8px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}.admin-auth-panel h1{letter-spacing:0;margin:6px 0 8px;font-size:25px}.admin-auth-panel>p{color:var(--text-secondary);margin:0 0 24px;font-size:13px;line-height:1.65}.admin-auth-panel form,.admin-auth-panel label{flex-direction:column;gap:9px;display:flex}.admin-auth-panel label>span{color:var(--text-secondary);font-size:11px;font-weight:650}.admin-password-field{border:1px solid var(--border-color);height:44px;color:var(--text-muted);background:#00000038;border-radius:6px;align-items:center;gap:9px;padding:0 12px;display:flex}.admin-password-field:focus-within{border-color:#14b8a6}.admin-password-field input{min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;flex:1}.admin-auth-panel form .admin-primary-button{width:100%;margin-top:9px}.admin-drawer-backdrop{z-index:1800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000094;justify-content:flex-end;display:flex;position:fixed;inset:0}.admin-user-drawer{border-left:1px solid var(--border-color);background:#111119;width:min(620px,100vw);height:100%;animation:.25s both adminDrawerIn;overflow-y:auto;box-shadow:-20px 0 60px #00000059}@keyframes adminDrawerIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.admin-user-drawer>header{z-index:2;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111119f5;justify-content:space-between;align-items:flex-start;gap:18px;min-height:104px;padding:22px 24px;display:flex;position:sticky;top:0}.admin-user-drawer header h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;max-width:480px;margin:5px 0 3px;font-size:20px;overflow:hidden}.admin-user-drawer header p{color:var(--text-secondary);margin:0;font-size:11px}.admin-drawer-body{padding:20px 24px 50px}.admin-drawer-summary{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.admin-drawer-summary>div{border:1px solid var(--border-color);background:#ffffff05;border-radius:6px;min-height:72px;padding:12px}.admin-drawer-summary span{color:var(--text-secondary);font-size:10px;display:block}.admin-drawer-summary strong{color:#5eead4;margin-top:8px;font-size:17px;display:block}.admin-drawer-summary .admin-drawer-date{color:var(--text-primary);font-size:12px}.admin-user-song-list{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.admin-user-song-list>div:not(.admin-empty){border-top:1px solid #ffffff0e;grid-template-columns:24px 38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:60px;padding:8px 12px;display:grid}.admin-user-song-list>div:not(.admin-empty):first-child{border-top:0}.admin-user-song-list>.admin-empty{min-height:130px}.admin-user-song-list>div>span{color:var(--text-muted);font-size:10px}.admin-user-song-list img,.admin-song-placeholder{object-fit:cover;border-radius:4px;width:38px;height:38px}.admin-song-placeholder{color:var(--text-muted);background:#ffffff0d;place-items:center;display:grid}.admin-user-song-list p{min-width:0;margin:0}.admin-user-song-list p strong,.admin-user-song-list p small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-song-list p strong{font-size:12px}.admin-user-song-list p small{color:var(--text-secondary);margin-top:4px;font-size:10px}.admin-user-song-list b{color:#5eead4;font-size:11px}.admin-user-timeline{border-left:1px solid var(--border-color);margin-left:15px}.admin-user-timeline>div{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;margin-left:-15px;display:grid}.admin-user-timeline p{min-width:0;margin:0}.admin-user-timeline p strong,.admin-user-timeline p small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-timeline p strong{font-size:11px}.admin-user-timeline p small,.admin-user-timeline time{color:var(--text-secondary);margin-top:3px;font-size:9px}@media (width<=1120px){.admin-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-metric-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.admin-workspace-header{flex-direction:column;align-items:flex-start}.admin-workspace-header h1{font-size:25px}.admin-header-actions{justify-content:flex-end;width:100%}.admin-tabs button{padding:0 11px}.admin-tabs button span{font-size:11px}.admin-content{padding-top:18px}.admin-metric-grid,.admin-metric-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-metric{min-height:104px;padding:13px}.admin-metric-copy strong{font-size:18px}.admin-split-grid,.admin-form-grid,.admin-file-grid{grid-template-columns:1fr;gap:12px}.admin-form-wide{grid-column:auto}.admin-section-heading{flex-direction:column}.admin-section-heading>small{text-align:left}.admin-daily-chart,.admin-traffic-chart{grid-template-columns:repeat(14,32px);overflow-x:auto}.admin-chart-label{font-size:9px}.admin-traffic-guide dl{grid-template-columns:1fr 1fr}.admin-activity-row{grid-template-columns:32px minmax(0,1fr)}.admin-activity-row time{grid-column:2}.admin-log>div{grid-template-columns:1fr;gap:2px}.admin-drawer-summary{grid-template-columns:repeat(2,1fr)}.admin-user-timeline>div{grid-template-columns:30px minmax(0,1fr)}.admin-user-timeline time{grid-column:2}}@media (width<=430px){.admin-metric-grid,.admin-metric-grid-compact{grid-template-columns:1fr}.admin-metric{min-height:86px}.admin-auth-panel{padding:25px 20px}.admin-secondary-button{padding:0 10px}.admin-workspace-header p{font-size:12px}}.admin-container{color:#fff;background-color:#121212;max-width:1000px;min-height:100vh;margin:0 auto;padding:2rem}.admin-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.back-btn{color:#a0a0a0;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}.back-btn:hover{color:#fff;background:#ffffff1a}.admin-table-container{background:#1e1e1e;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000004d}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #333;padding:1rem}.admin-table th{color:#a0a0a0;background:#252525;font-weight:600}.role-badge{border-radius:4px;padding:.25rem .5rem;font-size:.875rem;font-weight:500}.role-badge.admin{color:#ff4081;background:#ff408133}.role-badge.user{color:#40c4ff;background:#40c4ff33}.action-buttons{gap:.5rem;display:flex}.role-btn,.delete-btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.role-btn:disabled,.delete-btn:disabled{opacity:.5;cursor:not-allowed}.role-btn.grant{color:#fff;background:#1e88e5}.role-btn.grant:hover:not(:disabled){background:#1976d2}.role-btn.revoke{color:#fff;background:#f57c00}.role-btn.revoke:hover:not(:disabled){background:#e65100}.delete-btn{color:#fff;background:#d32f2f}.delete-btn:hover:not(:disabled){background:#c62828}.admin-loading{color:#fff;justify-content:center;align-items:center;height:100vh;font-size:1.25rem;display:flex}