/* Admin Black & White Minimal Theme */
/* Typography & base */
body.admin-bw{background:#0d0f10;color:#fff;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.35;-webkit-font-smoothing:antialiased;font-size:14px;padding-top:60px!important}
body.admin-bw a{color:#fff;text-decoration:none}
body.admin-bw .muted{color:#bdbdbd}

/* Layout cleanup - Fixed positioning approach that works */
.admin-bw .cp-root,.admin-bw .cp-content,.admin-bw .cp-stage{background:transparent!important}
.admin-bw .cp-root{display:block!important;min-height:calc(100vh - 60px)!important;width:100%!important;position:relative!important}
.admin-bw .cp-sidebar{position:fixed!important;top:60px!important;left:0!important;width:240px!important;height:calc(100vh - 60px)!important;z-index:200!important;overflow-y:auto!important;padding:0!important}
.admin-bw #user-sidebar-container{position:fixed!important;top:60px!important;left:0!important;width:240px!important;height:calc(100vh - 60px)!important;z-index:200!important;overflow-y:auto!important;background:#0d0f10!important;border-right:1px solid rgba(255,255,255,0.14)!important}
.admin-bw .cp-content{margin-left:240px!important;width:calc(100% - 240px)!important;min-height:calc(100vh - 60px)!important;position:relative!important;z-index:1!important;padding-left:20px!important;box-sizing:border-box!important}
.admin-bw .cp-stage{padding:60px 40px 60px 60px!important;position:relative!important;z-index:1!important;width:100%!important;box-sizing:border-box!important}
.admin-bw .cp-grid{gap:80px!important}
@media (max-width:980px){
  .admin-bw .cp-sidebar{width:200px!important}
  .admin-bw #user-sidebar-container{width:200px!important}
  .admin-bw .cp-content{margin-left:200px!important;width:calc(100% - 200px)!important}
}
.admin-bw .cp-topbar,.admin-bw .v-card,.admin-bw .cp-column,.admin-bw .drop,.admin-bw #previewArea,.admin-bw #metaCard,.admin-bw #yourPlayer{background:transparent!important;border:none!important;box-shadow:none!important}
.admin-bw .cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
@media (max-width:1000px){.admin-bw .cp-grid{grid-template-columns:1fr}}

/* Sidebar becomes plain black with simple text links */
.admin-bw .cp-sidebar{background:#0d0f10!important;border-right:1px solid rgba(255,255,255,0.14)!important;position:fixed!important;top:60px!important;left:0!important;width:240px!important;height:calc(100vh - 60px)!important;z-index:200!important;overflow-y:auto!important}
.admin-bw #user-sidebar-container{position:fixed!important;top:60px!important;left:0!important;width:240px!important;height:calc(100vh - 60px)!important;z-index:200!important;overflow-y:auto!important;background:#0d0f10!important;border-right:1px solid rgba(255,255,255,0.14)!important}
.admin-bw .cp-brand{color:#fff;font-weight:900;font-size:22px;padding:16px 18px}

/* Navigation styles - enhanced and consistent */
.admin-bw .cp-nav{align-items:stretch!important;padding-top:0!important;gap:0!important}
.admin-bw .cp-nav .cp-tab{all:unset;display:flex!important;align-items:center!important;color:#9aa0a6!important;padding:10px 24px!important;font-weight:400!important;cursor:pointer!important;white-space:nowrap!important;min-height:44px!important;border-radius:0!important;width:100%!important;margin:0!important;background:transparent!important;box-sizing:border-box!important}
.admin-bw .cp-nav .cp-tab .cp-icon{width:22px;display:inline-flex;justify-content:center}
.admin-bw .cp-nav .cp-tab .cp-icon i{color:currentColor!important;filter:none!important}
.admin-bw .cp-nav .cp-tab .cp-label{padding:0!important;width:100%!important;display:block!important;text-decoration:none!important;color:inherit!important}
.admin-bw .cp-nav .cp-tab:hover{background:rgba(255,255,255,0.05)!important;border-radius:0!important;color:#fff!important}
.admin-bw .cp-nav .cp-tab.is-active{background:rgba(255,255,255,0.1)!important;border-radius:0!important;color:#fff!important;font-weight:700!important}
.admin-bw .cp-nav .cp-tab.is-active .cp-label{font-weight:700!important;color:#fff!important}
/* Topbar */
.admin-bw .cp-topbar{padding:18px 22px!important;border-bottom:1px solid rgba(255,255,255,0.12)!important}
.admin-bw .cp-title{font-size:clamp(32px,6vw,56px);font-weight:600;letter-spacing:-0.03em}
.admin-bw .cp-search input,.admin-bw .cp-api input{background:transparent!important;color:#fff;border:1px solid #444!important;border-radius:0!important;padding:8px 10px}

/* Headings with thin underline */
.admin-bw h1,.admin-bw h2,.admin-bw h3{font-weight:600;margin:0 0 12px;letter-spacing:-0.03em}
.admin-bw h1{font-size:clamp(44px,7vw,72px)}
.admin-bw h2{font-size:clamp(32px,6vw,56px)}
.admin-bw h3{font-size:clamp(20px,4vw,40px)}
/* Removed underline styling: .admin-bw h1::after,.admin-bw h2::after,.admin-bw h3::after{content:"";display:block;height:1px;background:#fff;margin-top:8px;opacity:.9} */

/* Lists: tidy rows/columns */
.admin-bw .cp-list{margin-top:6px}
.admin-bw .cp-list .row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.09)}
.admin-bw .cp-list .row .muted{color:#9aa0a6}
.admin-bw .cp-list .row:last-child{border-bottom:none}
.admin-bw .v-badge, .admin-bw .badge, .admin-bw .status-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  font-size:11px;
  padding:4px 8px;
  border-radius:8px;
  margin-right:8px;
  transition:all 0.2s ease;
  letter-spacing:0.025em;
  text-transform:uppercase;
}
.admin-bw .v-badge, .admin-bw .badge{
  background:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
  color:#ffffff;
  box-shadow:0 2px 4px rgba(20, 184, 166, 0.2);
}
.admin-bw .badge-success, .admin-bw .status-success{
  background:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  color:#ffffff;
  box-shadow:0 2px 4px rgba(34, 197, 94, 0.2);
}
.admin-bw .badge-danger, .admin-bw .status-error{
  background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color:#ffffff;
  box-shadow:0 2px 4px rgba(239, 68, 68, 0.2);
}
.admin-bw .badge-warning, .admin-bw .status-warning{
  background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color:#ffffff;
  box-shadow:0 2px 4px rgba(245, 158, 11, 0.2);
}
.admin-bw .badge-info, .admin-bw .status-info{
  background:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
  color:#ffffff;
  box-shadow:0 2px 4px rgba(20, 184, 166, 0.2);
}
.admin-bw .badge-secondary, .admin-bw .status-secondary{
  background:rgba(255, 255, 255, 0.1);
  border:1px solid rgba(255, 255, 255, 0.2);
  color:#5eead4;
}

/* Gorgeous Buttons: Beautiful teal gradients and animations */
.admin-bw .v-btn, .admin-bw .primary-btn, .admin-bw .modern-btn--primary{
  padding:12px 24px;
  background:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
  border:none;
  color:#ffffff;
  font-weight:600;
  font-size:14px;
  border-radius:12px;
  cursor:pointer;
  transition:all 0.3s ease;
  box-shadow:0 4px 12px rgba(20, 184, 166, 0.3);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:120px;
  letter-spacing:0.025em;
}
.admin-bw .v-btn:hover, .admin-bw .primary-btn:hover, .admin-bw .modern-btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(20, 184, 166, 0.4);
}
.admin-bw .v-btn:active, .admin-bw .primary-btn:active, .admin-bw .modern-btn--primary:active{
  transform:translateY(0);
}
.admin-bw .v-btn--primary{
  background:linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);
  border:none;
  color:#ffffff;
  box-shadow:0 4px 12px rgba(20, 184, 166, 0.3);
}
.admin-bw .v-btn--primary:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(20, 184, 166, 0.4);
}
.admin-bw .v-btn--secondary, .admin-bw .secondary-btn, .admin-bw .modern-btn--secondary{
  background:transparent;
  border:1px solid rgba(20, 184, 166, 0.5);
  color:#5eead4;
  font-weight:600;
  font-size:14px;
  border-radius:12px;
  padding:12px 24px;
  cursor:pointer;
  transition:all 0.3s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:120px;
  letter-spacing:0.025em;
}
.admin-bw .v-btn--secondary:hover, .admin-bw .secondary-btn:hover, .admin-bw .modern-btn--secondary:hover{
  background:rgba(20, 184, 166, 0.1);
  border-color:rgba(20, 184, 166, 0.7);
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(20, 184, 166, 0.2);
}
.admin-bw .v-btn--small{
  padding:8px 16px;
  font-size:12px;
  min-width:80px;
}
.admin-bw .v-btn:disabled, .admin-bw .primary-btn:disabled, .admin-bw .secondary-btn:disabled{
  opacity:0.6;
  cursor:not-allowed;
  transform:none !important;
  box-shadow:none !important;
}

/* Additional gorgeous button variants */
.admin-bw .cp-topbar-btn{
  background:rgba(255, 255, 255, 0.1);
  border:1px solid rgba(20, 184, 166, 0.5);
  border-radius:8px;
  padding:8px 12px;
  color:#5eead4;
  cursor:pointer;
  transition:all 0.3s ease;
  font-size:0.9rem;
  font-weight:500;
}
.admin-bw .cp-topbar-btn:hover{
  background:rgba(20, 184, 166, 0.1);
  border-color:rgba(20, 184, 166, 0.7);
  transform:translateY(-1px);
  box-shadow:0 2px 8px rgba(20, 184, 166, 0.2);
}

/* Danger buttons with beautiful red gradient */
.admin-bw .v-btn--danger, .admin-bw .btn-danger, .admin-bw .danger-btn{
  background:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  color:white;
  box-shadow:0 4px 12px rgba(239, 68, 68, 0.3);
}
.admin-bw .v-btn--danger:hover, .admin-bw .btn-danger:hover, .admin-bw .danger-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(239, 68, 68, 0.4);
}

/* Success buttons with beautiful green gradient */
.admin-bw .v-btn--success, .admin-bw .btn-success, .admin-bw .success-btn{
  background:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
  color:white;
  box-shadow:0 4px 12px rgba(34, 197, 94, 0.3);
}
.admin-bw .v-btn--success:hover, .admin-bw .btn-success:hover, .admin-bw .success-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(34, 197, 94, 0.4);
}

/* Warning buttons with beautiful orange gradient */
.admin-bw .v-btn--warning, .admin-bw .btn-warning, .admin-bw .warning-btn{
  background:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
  color:white;
  box-shadow:0 4px 12px rgba(245, 158, 11, 0.3);
}
.admin-bw .v-btn--warning:hover, .admin-bw .btn-warning:hover, .admin-bw .warning-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(245, 158, 11, 0.4);
}

/* 🎬 UPLOAD STUDIO STYLES */

/* Upload Progress Overlay */
.upload-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.95);
  backdrop-filter: blur(10px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.3s ease;
}

.upload-overlay.hidden {
  display: none;
}

.upload-overlay-content {
  background: #1a1a1a;
  border: 1px solid #333;
  padding: 30px;
  max-width: 600px;
  width: 90%;
  border-radius: 0;
}

.upload-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 1px solid #333;
}

.upload-header h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}

.upload-close {
  background: none;
  border: 1px solid #666;
  color: #fff;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
}

.process-stages {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 30px;
}

.stage {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  border: 1px solid #333;
  background: #0f0f0f;
  transition: all 0.3s ease;
}

.stage.active {
  border-color: #fff;
  background: #1a1a1a;
}

.stage.complete {
  border-color: #22c55e;
  background: rgba(34, 197, 94, 0.1);
}

.stage.error {
  border-color: #ef4444;
  background: rgba(239, 68, 68, 0.1);
}

.stage-icon {
  font-size: 24px;
  width: 40px;
  text-align: center;
}

.stage-content {
  flex: 1;
}

.stage-content h4 {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 600;
}

.progress-bar {
  background: #333;
  height: 8px;
  border-radius: 0;
  overflow: hidden;
  margin-bottom: 8px;
}

.progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #0ea5e9, #22c55e);
  width: 0%;
  transition: width 0.3s ease;
}

.stage-status {
  font-size: 12px;
  color: #999;
  font-weight: 500;
}

.upload-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

/* Upload Grid Layout */
.upload-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 30px;
  margin-bottom: 30px;
}

@media (max-width: 1200px) {
  .upload-grid {
    grid-template-columns: 1fr;
  }
}

/* Upload Panels */
.upload-panel {
  border: 1px solid #333;
  background: #0f0f0f;
}

.upload-panel--full {
  grid-column: 1 / -1;
}

.panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-bottom: 1px solid #333;
  background: #1a1a1a;
}

.panel-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.panel-header h3::after {
  display: none;
}

.panel-status {
  font-size: 12px;
  color: #999;
  font-weight: 500;
}

.panel-actions {
  display: flex;
  gap: 8px;
}

/* Upload Dropzone */
.upload-dropzone {
  padding: 20px;
  position: relative;
  min-height: 300px;
}

.dropzone-content {
  border: 2px dashed #444;
  padding: 40px 20px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.dropzone-content:hover {
  border-color: #666;
  background: rgba(255, 255, 255, 0.02);
}

.dropzone-content.dragover {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.05);
}

.dropzone-icon {
  font-size: 48px;
  color: #666;
  margin-bottom: 20px;
}

.dropzone-content h4 {
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: 600;
}

.dropzone-content p {
  margin: 0 0 20px 0;
  color: #999;
}

.dropzone-formats {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

.format-badge {
  background: #333;
  color: #fff;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid #444;
}

/* Video Preview */
.video-preview {
  padding: 20px;
}

.video-preview.hidden {
  display: none;
}

.video-preview video {
  width: 100%;
  height: auto;
  background: #000;
  border: 1px solid #333;
}

.video-info {
  margin-top: 15px;
  display: grid;
  gap: 8px;
}

.info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #333;
}

.info-row:last-child {
  border-bottom: none;
}

.info-label {
  font-weight: 600;
  color: #999;
}

/* Upload Actions Row */
.upload-actions-row {
  padding: 20px;
  border-top: 1px solid #333;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* Thumbnail Studio */
.thumbnail-preview {
  padding: 20px;
  position: relative;
}

.thumbnail-preview img {
  width: 100%;
  height: auto;
  max-height: 200px;
  object-fit: cover;
  border: 1px solid #333;
  background: #000;
}

.thumbnail-overlay {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.thumbnail-preview:hover .thumbnail-overlay {
  opacity: 1;
}

.overlay-btn {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
  padding: 12px 20px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.overlay-btn:hover {
  background: #000;
  color: #fff;
}

.overlay-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Timeline Scrubber */
.timeline-scrubber {
  padding: 20px;
  border-top: 1px solid #333;
}

.scrubber-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.scrubber-header span:first-child {
  font-weight: 600;
}

.scrubber-header span:last-child {
  font-family: 'Courier New', monospace;
  background: #333;
  padding: 4px 8px;
  font-size: 12px;
}

.scrubber-track {
  position: relative;
  margin-bottom: 15px;
}

.timeline-slider {
  width: 100%;
  height: 8px;
  background: #333;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

.timeline-slider::-webkit-slider-thumb {
  appearance: none;
  width: 16px;
  height: 16px;
  background: #fff;
  cursor: pointer;
  border-radius: 0;
}

.timeline-slider::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background: #fff;
  cursor: pointer;
  border-radius: 0;
  border: none;
}

.scrubber-preview {
  position: absolute;
  top: -60px;
  left: 0;
  width: 80px;
  height: 45px;
  background: #000;
  border: 1px solid #fff;
  display: none;
  background-size: cover;
  background-position: center;
}

.scrubber-actions {
  display: flex;
  justify-content: center;
}

/* Thumbnail Options */
.thumbnail-options {
  padding: 20px;
  border-top: 1px solid #333;
}

.option-group {
  margin-bottom: 20px;
}

.option-group:last-child {
  margin-bottom: 0;
}

.option-group label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 12px;
  text-transform: uppercase;
  color: #999;
}

.file-upload-group {
  display: flex;
  gap: 8px;
  align-items: center;
}

.thumbnail-sizes {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.size-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #333;
}

.size-item:last-child {
  border-bottom: none;
}

.size-status {
  font-size: 11px;
  color: #999;
  font-weight: 500;
}

.size-status.ready {
  color: #22c55e;
}

/* Upload Form */
.upload-form {
  padding: 20px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 30px;
}

.form-group--full {
  grid-column: 1 / -1;
}

@media (max-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-group label {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 14px;
}

.form-input,
.form-textarea,
.form-select {
  background: #0f0f0f;
  border: 1px solid #333;
  color: #fff;
  padding: 12px;
  font-size: 14px;
  font-family: inherit;
}

.form-input:focus,
.form-textarea:focus,
.form-select:focus {
  outline: none;
  border-color: #fff;
}

.form-textarea {
  resize: vertical;
  min-height: 100px;
}

.field-hint {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
}

/* Tag Input */
.tag-input-container {
  border: 1px solid #333;
  background: #0f0f0f;
  padding: 8px;
  min-height: 44px;
}

.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

.tag-item {
  background: #333;
  color: #fff;
  padding: 4px 8px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.tag-remove {
  background: none;
  border: none;
  color: #999;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tag-remove:hover {
  color: #fff;
}

.tag-input {
  background: none;
  border: none;
  color: #fff;
  outline: none;
  font-size: 14px;
  width: 100%;
  padding: 4px 0;
}

/* Form Actions */
.form-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width: 768px) {
  .form-actions {
    flex-direction: column;
    align-items: stretch;
  }
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideUp {
  from { 
    opacity: 0;
    transform: translateY(20px);
  }
  to { 
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

.uploading .stage.active {
  animation: pulse 2s infinite;
}

/* Responsive Design */
@media (max-width: 768px) {
  .upload-overlay-content {
    padding: 20px;
  }
  
  .upload-header h3 {
    font-size: 20px;
  }
  
  .process-stages {
    gap: 15px;
  }
  
  .stage {
    padding: 12px;
  }
  
  .stage-icon {
    font-size: 20px;
    width: 32px;
  }
}

/* Beautiful Inputs & forms */
.admin-bw input, .admin-bw select, .admin-bw textarea, .admin-bw .form-input, .admin-bw .form-select, .admin-bw .form-textarea{
  background:rgba(255, 255, 255, 0.05) !important;
  color:#fff !important;
  border:1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius:12px !important;
  padding:12px 16px !important;
  font-size:14px !important;
  font-family:inherit !important;
  transition:all 0.3s ease !important;
  backdrop-filter:blur(10px) !important;
}
.admin-bw input:focus, .admin-bw select:focus, .admin-bw textarea:focus, .admin-bw .form-input:focus, .admin-bw .form-select:focus, .admin-bw .form-textarea:focus{
  outline:none !important;
  border-color:rgba(20, 184, 166, 0.5) !important;
  background:rgba(255, 255, 255, 0.08) !important;
  box-shadow:0 0 0 3px rgba(20, 184, 166, 0.1) !important;
}
.admin-bw input::placeholder, .admin-bw textarea::placeholder, .admin-bw .form-input::placeholder, .admin-bw .form-textarea::placeholder{
  color:#9ca3af !important;
}
.admin-bw label, .admin-bw .form-label{
  font-weight:600 !important;
  color:#ffffff !important;
  margin-bottom:8px !important;
  font-size:14px !important;
}

/* Navigation group titles - larger and bolder */
.admin-bw .nav-group-title {
    flex: 1;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 13px !important;
}

/* Navigation group styles */
.admin-bw .nav-group{margin:0}
.admin-bw .nav-group-header{width:100%;background:transparent;border:none;color:#9aa0a6;padding:16px 24px;font-size:12px;font-weight:400;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all 0.2s ease;border-radius:0}
.admin-bw .nav-group-header:hover{background:rgba(255,255,255,0.05);color:#fff}
.admin-bw .nav-group-header.expanded{color:#fff;background:rgba(255,255,255,0.08)}
.admin-bw .nav-group-chevron{font-size:10px;transition:transform 0.3s ease;opacity:0.7}
.admin-bw .nav-group-header.expanded .nav-group-chevron{transform:rotate(180deg)}
.admin-bw .nav-group-items{max-height:0;overflow:hidden;transition:max-height 0.3s ease-out;background:rgba(0,0,0,0.2)}
.admin-bw .nav-group-items.expanded{max-height:500px;transition:max-height 0.3s ease-in}
.admin-bw .nav-group-items .cp-tab{color:#9aa0a6;width:100%;padding:10px 24px!important;display:flex!important;align-items:center;box-sizing:border-box}
.admin-bw .nav-group-items .cp-tab:hover{background:rgba(255,255,255,0.05);color:#fff}
.admin-bw .nav-group-items .cp-tab.is-active{background:rgba(255,255,255,0.1);color:#fff}

/* Uploader: minimal */
.admin-bw #dropZone{border:1px solid #444!important;padding:18px!important}
.admin-bw #previewArea{background:transparent!important}

/* Beautiful Cards & panels */
.admin-bw .cp-grid.cp-grid--cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}
.admin-bw .cp-grid.cp-grid--cards > *, .admin-bw .card, .admin-bw .panel, .admin-bw .upload-panel{
  background:rgba(255, 255, 255, 0.05) !important;
  backdrop-filter:blur(20px) !important;
  border:1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius:16px !important;
  padding:20px !important;
  transition:all 0.3s ease !important;
  box-shadow:0 4px 12px rgba(0, 0, 0, 0.1) !important;
}
.admin-bw .cp-grid.cp-grid--cards > *:hover, .admin-bw .card:hover, .admin-bw .panel:hover{
  border-color:rgba(255, 255, 255, 0.2) !important;
  box-shadow:0 8px 25px rgba(0, 0, 0, 0.15) !important;
  transform:translateY(-2px) !important;
}

/* Beautiful notification/alert styles */
.admin-bw .alert, .admin-bw .notification, .admin-bw .toast{
  border-radius:12px !important;
  padding:16px 20px !important;
  font-weight:500 !important;
  backdrop-filter:blur(10px) !important;
  transition:all 0.3s ease !important;
}
.admin-bw .alert-success, .admin-bw .notification-success{
  background:rgba(34, 197, 94, 0.1) !important;
  border:1px solid rgba(34, 197, 94, 0.3) !important;
  color:#22c55e !important;
}
.admin-bw .alert-error, .admin-bw .notification-error{
  background:rgba(239, 68, 68, 0.1) !important;
  border:1px solid rgba(239, 68, 68, 0.3) !important;
  color:#ef4444 !important;
}
.admin-bw .alert-warning, .admin-bw .notification-warning{
  background:rgba(245, 158, 11, 0.1) !important;
  border:1px solid rgba(245, 158, 11, 0.3) !important;
  color:#f59e0b !important;
}
.admin-bw .alert-info, .admin-bw .notification-info{
  background:rgba(20, 184, 166, 0.1) !important;
  border:1px solid rgba(20, 184, 166, 0.3) !important;
  color:#14b8a6 !important;
}

/* Beautiful Modal & Dropdown styles */
.admin-bw .modal, .admin-bw .dropdown, .admin-bw .popover{
  background:rgba(13, 15, 16, 0.95) !important;
  backdrop-filter:blur(20px) !important;
  border:1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius:16px !important;
  box-shadow:0 20px 40px rgba(0, 0, 0, 0.3) !important;
}
.admin-bw .modal-overlay{
  background:rgba(0, 0, 0, 0.7) !important;
  backdrop-filter:blur(10px) !important;
}
.admin-bw .dropdown-item, .admin-bw .menu-item{
  padding:12px 16px !important;
  border-radius:8px !important;
  margin:4px !important;
  transition:all 0.2s ease !important;
  color:#ffffff !important;
}
.admin-bw .dropdown-item:hover, .admin-bw .menu-item:hover{
  background:rgba(20, 184, 166, 0.1) !important;
  color:#5eead4 !important;
}

/* Beautiful loading and progress indicators */
.admin-bw .progress-bar, .admin-bw .loading-bar{
  background:rgba(255, 255, 255, 0.1) !important;
  border-radius:8px !important;
  overflow:hidden !important;
}
.admin-bw .progress-fill, .admin-bw .loading-fill{
  background:linear-gradient(90deg, #14b8a6, #0d9488) !important;
  transition:width 0.3s ease !important;
}
.admin-bw .spinner, .admin-bw .loading-spinner{
  border:2px solid rgba(20, 184, 166, 0.2) !important;
  border-top:2px solid #14b8a6 !important;
  border-radius:50% !important;
  animation:spin 1s linear infinite !important;
}
@keyframes spin{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}

/* FORCE ACTIVE TAB STYLING - Maximum specificity */
body.admin-bw .cp-nav .cp-tab.is-active {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-weight: 700 !important;
}

body.admin-bw .cp-nav .cp-tab.is-active .cp-label {
    font-weight: 700 !important;
    color: #fff !important;
}

body.admin-bw .cp-nav .cp-tab.is-active span {
    font-weight: 700 !important;
    color: #fff !important;
}

/* Debug pill */
.admin-bw #uploaderDebug{background:#0d0f10;border:1px solid #222}