:root{--accent:#cb2026;--dark:#161717}
    *{box-sizing:border-box}
    body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;background:#0f0f10;color:#e9ecef}
    .sidebar{width:260px;background:linear-gradient(180deg,var(--dark),#0c0c0d);min-height:100vh;padding:1rem}
    .sidebar .brand{font-weight:800;color:#fff;font-size:1.05rem}
    .nav-link{color:rgba(255,255,255,0.85)}
    .nav-link.active{background:rgba(255,255,255,0.04);border-radius:8px}
    .topbar{height:64px;background:transparent;border-bottom:1px solid rgba(255,255,255,0.04);display:flex;align-items:center;padding:0 1rem}
    .content{padding:1.25rem}

    /* Dashboard cards */
    .stat-card{border-radius:12px;padding:1rem;background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.04)}
    .stat-card .value{font-weight:800;font-size:1.4rem}
    .accent{color:var(--accent)}

    /* Table styling */
    .table thead th{border-bottom:1px solid rgba(255,255,255,0.06)}
    .table tbody tr td{vertical-align:middle}

    /* Forms */
    .form-control, .form-select{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);color:#fff}
    .form-control:focus{box-shadow:none;border-color:var(--accent)}

    /* Responsive tweaks */
    @media(max-width:992px){
      .sidebar{position:fixed;left:-280px;z-index:1040;transition:left .25s}
      .sidebar.show{left:0}
    }

    /* small helpers */
    .muted{color:rgba(255,255,255,0.6)}
    
    
    /* === Logo Manager Page === */
.inner-card{
  border-radius:12px;
  background:linear-gradient(180deg,rgba(255,255,255,0.02),rgba(255,255,255,0.01));
  border:1px solid rgba(255,255,255,0.05);
  color:#fff;
}
.preview-box{
  background:rgba(255,255,255,0.03);
  border:1px dashed rgba(255,255,255,0.1);
  border-radius:10px;
  padding:1rem;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:120px;
}
.preview-img{
  max-height:120px;
  max-width:100%;
  object-fit:contain;
  filter:drop-shadow(0 0 4px rgba(0,0,0,0.3));
}
.alert{
  border-radius:8px;
  padding:0.75rem 1rem;
  font-size:0.9rem;
}
.alert-success{
  background:rgba(0,128,0,0.15);
  color:#b8ffb8;
  border:1px solid rgba(0,255,0,0.15);
}
.alert-danger{
  background:rgba(128,0,0,0.25);
  color:#ffb8b8;
  border:1px solid rgba(255,0,0,0.15);
}
.btn-outline-danger{
  border-color:#ff6b6b;
  color:#ff6b6b;
}
.btn-outline-danger:hover{
  background:#ff6b6b;
  color:#fff;
}
.edit-input{width:220px;display:inline-block;}
.action-btn{min-width:36px;}

/* Optional: make sure scroll shows nicely on small screens */
.dataTables_wrapper {
  overflow-x: auto;
}
table.dataTable {
  width: 100% !important;
}
table.dataTable td {
  white-space: normal !important;
  word-wrap: break-word;
}

@media (max-width: 576px) {
  #addressesTable td:nth-child(3) {
    max-width: 180px;
  }
}


/* Sidebar nav hover */
.sidebar .nav-link:hover {
  background: rgba(203, 32, 38, 0.1); /* light red background */
  color: var(--accent); /* red text */
  transition: all 0.2s;
}

/* Sidebar nav active / expanded (collapse show) */
.sidebar .nav-link.active,
.sidebar .nav-link:focus,
.sidebar .nav-item .collapse.show ~ .nav-link,
.sidebar .nav-item .nav-link[aria-expanded="true"] {
  background: rgba(203, 32, 38, 0.1); /* light red background */
  color: var(--accent); /* red text */
}