:root{--panel:#222631;--panel2:#292e3a;--line:#3b4250;--blue:#168bea;--sidebar:245px}body{background:#191d26;color:#e9edf3;min-height:100vh}.content-wrap{max-width:1450px;margin:auto;min-height:calc(100vh - 115px)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:1030;background:linear-gradient(180deg,#168bea,#0870cb);display:flex;flex-direction:column;color:#fff;box-shadow:5px 0 25px #0004}.sidebar-brand{display:flex;align-items:center;color:#fff;text-decoration:none;font-size:1.15rem;font-weight:700;padding:1.4rem 1.25rem;border-bottom:1px solid #ffffff2b}.brand-dot{display:inline-block;width:11px;height:11px;background:#fff;border-radius:50%;margin-right:9px;box-shadow:0 0 12px #fff}.sidebar-nav{padding:1rem .75rem}.sidebar-link{display:flex;align-items:center;gap:.8rem;color:#eaf6ff;text-decoration:none;padding:.8rem 1rem;margin:.25rem 0;border-radius:.5rem;font-weight:600}.sidebar-link:hover,.sidebar-link.active{background:#fff;color:#0874cf}.menu-icon{width:1.5rem;text-align:center;font-size:1.25rem}.sidebar-language{margin-top:auto;padding:.9rem 1.2rem;border-top:1px solid #ffffff33;display:flex;justify-content:space-between}.sidebar-language a{color:#dcefff;text-decoration:none;margin-left:.65rem}.sidebar-language a.active{color:#fff;font-weight:800;text-decoration:underline}.sidebar-user{padding:1.2rem;display:flex;justify-content:space-between;border-top:1px solid #ffffff33}.sidebar-user a{color:#fff}.app-main{margin-left:var(--sidebar);width:calc(100% - var(--sidebar))}.mobile-header{display:none}.app-footer{text-align:center;color:#8f9aad;padding:1.5rem 0 .5rem;border-top:1px solid #343b48;margin-top:2rem}.app-footer a{color:#42aaf2;text-decoration:none}.radio-toast-container{position:fixed;top:1.25rem;right:1.25rem;z-index:1090;width:min(390px,calc(100vw - 2rem))}.app-toast{width:100%;font-size:.95rem}.app-toast .toast-header{background:#fff;color:#20242d}.app-toast .toast-body{padding:1rem}.card{background:var(--panel);border-color:var(--line);color:#e9edf3}.card-header{background:var(--blue);border:0;padding:1rem}.stat-card{height:100%;border-left:4px solid var(--blue)}.on-air-card .card-body{padding:1.4rem}.air-label{font-size:1rem;font-weight:700}.min-w-0{min-width:0}.cover-wrap{width:72px;height:72px;flex:0 0 72px}.track-cover,.cover-placeholder{width:72px;height:72px;border-radius:.45rem;object-fit:cover}.cover-placeholder{background:linear-gradient(135deg,#168bea,#6546d8);display:grid;place-items:center;font-size:1.8rem}.track-time{font-size:.85rem;color:#dce9f5}.queue-list{display:grid;gap:.65rem}.queue-item{display:grid;grid-template-columns:24px 48px minmax(0,1fr);gap:.7rem;align-items:center;padding:.45rem;border-radius:.45rem;background:#ffffff08}.queue-number{width:24px;height:24px;border-radius:50%;background:#168bea;display:grid;place-items:center;font-size:.75rem;font-weight:700}.queue-cover{width:48px;height:48px;border-radius:.35rem;object-fit:cover;background:#303744}.text-secondary,small{color:#aab2c0!important}.form-control,.form-select{background:#20242d;border-color:#596273;color:#f3f5f8}.form-control:focus,.form-select:focus{background:#20242d;color:#fff;border-color:var(--blue);box-shadow:0 0 0 .2rem #2895e833}.form-control::placeholder{color:#788293}.table{--bs-table-bg:transparent;--bs-table-color:#e9edf3;--bs-table-border-color:#3b4250}.upload-zone{border:3px dashed #39414e;border-radius:.5rem;padding:2.5rem;text-align:center;transition:.2s}.upload-zone.drag{border-color:var(--blue);background:#2895e811}.progress{height:1.25rem;background:#151922;border:1px solid var(--line)}.progress-bar{font-weight:600;transition:width .15s linear}.login-page{display:grid;place-items:center;padding:1rem}.login-card{width:min(440px,100%)}.form-check-input:checked{background-color:var(--blue);border-color:var(--blue)}@media(max-width:991.98px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile-header{display:flex;align-items:center;justify-content:space-between;background:#168bea;padding:.5rem 1rem}.mobile-header .sidebar-brand{border:0;padding:.5rem}.app-main{margin-left:0;width:100%}.radio-toast-container{top:.75rem;right:.75rem;width:calc(100vw - 1.5rem)}}