:root{--red:#e62b1e;--bg:#0a0a0a;--panel:#111;--muted:#aaa;--line:#1d1d1d;}
 *{box-sizing:border-box;}
 body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#fff;margin:0;padding:0;line-height:1.5;}
 a{color:inherit;text-decoration:none;}
 .container{max-width:900px;margin:50px auto;background:var(--panel);padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);} 
 h1{text-align:center;color:#fff;margin:0 0 16px 0;font-weight:800;}
 table{width:100%;border-collapse:collapse;}
 th,td{padding:12px;border:1px solid var(--line);text-align:center;color:#ddd !important;}
 th{background:var(--red);color:#fff;font-weight:800;letter-spacing:.2px;}
 td{background:#0f0f0f;color:#ddd !important;}
 tr:hover td{background:#151515;}
 
 /* Make sure promo table content is visible - CRITICAL FIX */
 #promoTable {
     width: 100%;
     border-collapse: collapse;
 }
 
 #promoTable th {
     background: var(--red);
     color: #fff !important;
     font-weight: 800;
     text-align: center;
     padding: 12px;
     border: 1px solid var(--line);
 }
 
 #promoTable td {
     color: #ddd !important;
     visibility: visible !important;
     display: table-cell !important;
     background: #0f0f0f !important;
     border: 1px solid var(--line) !important;
     padding: 12px !important;
     text-align: center;
 }
 
 #promoTable tr:hover td {
     background: #151515 !important;
 }
 
 #promoTable button {
     visibility: visible !important;
     display: inline-block !important;
     color: #fff !important;
     background: var(--red) !important;
     border: none !important;
     padding: 6px 12px !important;
     margin: 2px !important;
     border-radius: 4px !important;
     cursor: pointer !important;
     font-size: 12px !important;
 }
 
 #promoTable button:hover {
     background: #c1271a !important;
 }
 
 input[type="email"],input[type="password"],input[type="text"],input[type="tel"],select{width:100%;padding:12px 14px;margin-top:8px;border:1px solid var(--line);border-radius:8px;background:#0f0f0f;color:#fff;outline:none;}
 input::placeholder{color:#777;}
 
 /* Original button styles - red, white, black theme */
button{padding:10px 16px;margin:2px;border:none;border-radius:999px;cursor:pointer;font-weight:700;background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(230,43,30,0.25);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;}
button:hover{background:#c1271a;transform:translateY(-1px);} 
button:active{transform:translateY(0);} 
 
 .container{max-width:980px;margin:50px auto;background:var(--panel);padding:24px;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 36px rgba(0,0,0,0.32);} 
 #panelSection > div{margin:10px 0;}
 h2{margin:10px 0 8px 0;color:#fff;}
  
 /* Modal */
 .modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;}
 .modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.7);} 
 .modal-content{position:relative;background:#111;padding:10px;border-radius:12px;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);} 
 .modal-content img{max-width:85vw;max-height:80vh;border-radius:8px;}
 .modal-close{position:absolute;top:6px;right:10px;background:var(--red);color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:18px;cursor:pointer;box-shadow:0 6px 18px rgba(230,43,30,0.25);} 

/* Admin app layout */
.admin-page{
  display:flex;
  min-height:100vh;
}

.admin-sidebar{
  width:230px;
  background:#050505;
  border-right:1px solid var(--line);
  padding:20px 16px;
  display:flex;
  flex-direction:column;
  gap:16px;
}

.sidebar-header{
  margin-bottom:8px;
}

.sidebar-logo{
  font-weight:800;
  letter-spacing:0.5px;
}

.sidebar-subtitle{
  font-size:0.8rem;
  color:var(--muted);
}

.sidebar-nav{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.sidebar-link{
  width:100%;
  text-align:left;
  padding:8px 12px;
  border-radius:8px;
  background:transparent;
  border:1px solid transparent;
  color:var(--muted);
  font-size:0.9rem;
}

.sidebar-link.active{
  background:var(--panel);
  border-color:var(--red);
  color:#fff;
}

.admin-main{
  flex:1;
  padding:32px 24px;
  overflow:auto;
}

/* Show only active dashboard section in app layout */
.dashboard-section{
  display:none;
}

.dashboard-section.active-section{
  display:block;
}

/* Password toggle styling */
.password-toggle {
  font-size: 16px;
  transition: color 0.2s ease;
  padding: 4px;
  border-radius: 4px;
}

.password-toggle:hover {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.1);
}

.password-toggle:active {
  transform: scale(0.9);
}

 .global-loading{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.75);
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2000;
 }

 .global-loading-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:18px 20px;
  background:#0f0f0f;
  border:1px solid var(--line);
  border-radius:14px;
  box-shadow:0 16px 36px rgba(0,0,0,0.45);
  min-width:260px;
 }

 .global-loading-text{
  color:#ddd;
  font-weight:700;
  text-align:center;
 }

 .loading-spinner{
  width:46px;
  height:46px;
  border-radius:50%;
  border:4px solid #2b2b2b;
  border-top-color:var(--red);
  animation:globalSpin 0.9s linear infinite;
 }

 @keyframes globalSpin{
  to{transform:rotate(360deg);}
 }

/* Corner Loading Indicator */
.corner-loading{
  position:fixed;
  bottom:20px;
  right:20px;
  background:rgba(0,0,0,0.85);
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px 16px;
  display:flex;
  align-items:center;
  gap:10px;
  z-index:1500;
  box-shadow:0 8px 24px rgba(0,0,0,0.4);
  backdrop-filter:blur(8px);
}

.corner-loading-content{
  display:flex;
  align-items:center;
  gap:10px;
  color:#ddd;
  font-size:14px;
  font-weight:500;
}

.corner-spinner{
  width:20px;
  height:20px;
  border-radius:50%;
  border:2px solid #2b2b2b;
  border-top-color:var(--red);
  animation:cornerSpin 0.8s linear infinite;
}

@keyframes cornerSpin{
  to{transform:rotate(360deg);}
}

/* Custom Alert Container */
.custom-alert-container{
  position:fixed;
  top:20px;
  right:20px;
  z-index:1600;
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:400px;
}

/* Custom Alert */
.custom-alert{
  background:rgba(0,0,0,0.9);
  border:1px solid var(--line);
  border-radius:12px;
  padding:16px 20px;
  min-width:300px;
  box-shadow:0 12px 32px rgba(0,0,0,0.5);
  backdrop-filter:blur(10px);
  animation:slideInRight 0.3s ease-out;
  transition:all 0.3s ease;
}

.custom-alert.removing{
  animation:slideOutRight 0.3s ease-out forwards;
}

.custom-alert-content{
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:#ddd;
  font-size:14px;
  line-height:1.4;
}

.custom-alert-close{
  background:none;
  border:none;
  color:#999;
  font-size:18px;
  cursor:pointer;
  padding:0;
  margin:0;
  flex-shrink:0;
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:4px;
  transition:all 0.2s;
}

.custom-alert-close:hover{
  background:rgba(255,255,255,0.1);
  color:#fff;
}

@keyframes slideInRight{
  from{
    transform:translateX(100%);
    opacity:0;
  }
  to{
    transform:translateX(0);
    opacity:1;
  }
}

@keyframes slideOutRight{
  from{
    transform:translateX(0);
    opacity:1;
  }
  to{
    transform:translateX(100%);
    opacity:0;
  }
}