:root{
  --navy:#07172c;
  --blue:#0f5a47;
  --sky:#c79a3b;
  --gold:#d8ad55;
  --bg:#f3ede2;
  --card:#fffcf6;
  --text:#172034;
  --muted:#6e685f;
  --line:#dfd1b9;
  --danger:#bf3f43;
  --ok:#0f6b50;
  --warn:#9a6200;
  --shadow:0 18px 48px rgba(7,23,44,.14);
}

body{
  background:
    radial-gradient(circle at 92% 7%,rgba(216,173,85,.22),transparent 23%),
    radial-gradient(circle at 12% 32%,rgba(15,90,71,.22),transparent 24%),
    linear-gradient(135deg,#07172c 0,#0a2637 20%,#0d4b45 38%,#e8decb 67%,#f8f3ea 100%);
  background-attachment:fixed;
}

.sidebar{
  background:linear-gradient(180deg,#07172c 0%,#0a2a3a 55%,#0f5a47 130%)!important;
  border-right:1px solid rgba(216,173,85,.42);
  box-shadow:14px 0 46px rgba(2,12,26,.28)!important;
}
.brand{padding-bottom:26px!important}
.brand img,.admin-app-brand img{
  object-fit:contain!important;
  background:#fffcf6!important;
  border:1px solid rgba(216,173,85,.62)!important;
}
.brand small{color:rgba(255,248,232,.66)!important}
.nav-group{color:#d8ad55!important;letter-spacing:.16em!important}
.nav button{color:rgba(255,248,232,.72)!important}
.nav button:hover{background:rgba(255,255,255,.08)!important;color:#fff8e8!important}
.nav button.active{
  background:linear-gradient(135deg,#e2ba66,#c69236)!important;
  color:#07172c!important;
  box-shadow:0 10px 24px rgba(0,0,0,.2)!important;
}
.nav-count{background:rgba(255,255,255,.12)!important;color:inherit!important}
.nav button.active .nav-count{background:rgba(7,23,44,.12)!important}

main{padding-top:20px!important}
.topbar{
  position:sticky!important;
  top:12px!important;
  z-index:35!important;
  padding:14px 16px!important;
  border:1px solid rgba(255,255,255,.64)!important;
  border-radius:20px!important;
  background:rgba(255,252,246,.86)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 14px 34px rgba(7,23,44,.12)!important;
}
.topbar h1{color:var(--navy)!important}
.sync-state{background:#edf6f1!important;border-color:#bed9cd!important;color:#0f5a47!important}

.card,.stat,.student-overview-card,.dashboard-card,.active-purchase-stat,.payment-summary-card{
  background:rgba(255,252,246,.94)!important;
  border-color:rgba(216,196,154,.86)!important;
  box-shadow:var(--shadow)!important;
}
.btn{background:linear-gradient(135deg,#0b1f3a,#0f5a47)!important;color:#fff8e8!important}
.btn.secondary,.btn.ghost{
  background:#f3ead9!important;
  border:1px solid #d8c49a!important;
  color:#0b1f3a!important;
}
.btn.gold{background:linear-gradient(135deg,#e2ba66,#c69236)!important;color:#07172c!important}
input,select,textarea{background:#fffcf6!important;border-color:#dfd1b9!important}
input:focus,select:focus,textarea:focus{border-color:#c79a3b!important;box-shadow:0 0 0 3px rgba(199,154,59,.15)!important}
th{background:#eee4d3!important;color:#554d42!important}
.table-wrap{border-color:#d8c49a!important;background:#fffcf6!important}
.pill,.badge,.catalog-card-count,.dashboard-arrow,.student-overview-mark,.modal-close{
  background:#efe4cf!important;
  color:#0f5a47!important;
}

.admin-app-preview{
  background:
    radial-gradient(circle at 95% 0,rgba(216,173,85,.24),transparent 34%),
    linear-gradient(145deg,#07172c,#0b333b 58%,#0f5a47)!important;
  border-color:rgba(216,173,85,.58)!important;
  box-shadow:0 28px 70px rgba(7,23,44,.26)!important;
}
.admin-app-brand small,.admin-app-brand b{color:#fff8e8!important}
.admin-app-section-title{
  background:rgba(255,252,246,.94)!important;
  border-color:rgba(216,173,85,.52)!important;
}
.admin-home-card{
  background:rgba(255,252,246,.95)!important;
  border-color:#d8c49a!important;
}
.admin-home-card.primary{
  background:linear-gradient(145deg,#0b1f3a,#0f5a47)!important;
  border-color:rgba(226,186,102,.62)!important;
}
.admin-home-card-icon,.admin-home-card-arrow{background:#efe4cf!important;color:#0f5a47!important}
.admin-home-card.primary .admin-home-card-icon,.admin-home-card.primary .admin-home-card-arrow{
  background:rgba(216,173,85,.18)!important;
  color:#f2cb78!important;
}

.catalog-workspace{
  background:linear-gradient(150deg,rgba(255,252,246,.97),rgba(236,225,204,.95))!important;
  border-color:#d8c49a!important;
}
.catalog-card,.catalog-list-card,.practice-subcard,.product-check,.exam-check{
  background:#fffcf6!important;
  border-color:#dfd1b9!important;
}
.catalog-card-icon,.catalog-order,.active-purchase-stat-mark{
  background:#e6f0eb!important;
  color:#0f5a47!important;
}
.practice-tabs,.settings-tabs,.product-preset{background:#eee4d3!important;border-color:#d8c49a!important}
.practice-tab.active,.settings-tabs button.active{background:#fffcf6!important;color:#0f5a47!important}
.product-preview{background:linear-gradient(135deg,#07172c,#0f5a47)!important}
.notice{background:#f2eadc!important;color:#51442e!important}

.login-page{
  background:
    radial-gradient(circle at 82% 12%,rgba(216,173,85,.28),transparent 28%),
    linear-gradient(145deg,#07172c,#0c3f40)!important;
}
.login-card{
  background:rgba(255,252,246,.96)!important;
  border:1px solid rgba(216,173,85,.58)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.34)!important;
}
.login-logo img{width:112px!important;height:112px!important;object-fit:contain!important}
.login-card h1{color:#07172c!important}

@media(max-width:900px){
  .sidebar{border-right:0;border-bottom:1px solid rgba(216,173,85,.42)}
  .topbar{top:7px!important}
}