/* GAR ACADEMY V12 — PREMIUM UNIFIED UI / APP THEME */
:root{
  --gar-bg:#fffaf6;--gar-paper:#ffffff;--gar-ink:#102033;--gar-text:#455363;--gar-muted:#7a8794;
  --gar-green:#0f695c;--gar-green-dark:#0a4e46;--gar-mint:#75e0d0;--gar-mint-soft:#dff9f3;
  --gar-gold:#f6b63e;--gar-gold2:#f9cc72;--gar-gold-soft:#fff1ce;--gar-blue:#8ed9f5;--gar-blue-soft:#e4f7ff;
  --gar-pink:#f7b9b7;--gar-pink-soft:#fff0f0;--gar-purple:#bda7f7;--gar-purple-soft:#f1edff;
  --gar-line:rgba(22,43,61,.085);--gar-line2:rgba(22,43,61,.055);
  --gar-shadow:0 14px 44px rgba(32,48,65,.075);--gar-shadow-lg:0 26px 80px rgba(49,57,73,.10);
  --gar-radius:22px;--gar-radius-sm:16px;--gar-max:1480px;--gar-pad:24px;
}
*{box-sizing:border-box}
html{background:var(--gar-bg);scroll-behavior:smooth;overflow-x:hidden}
body{margin:0!important;min-width:320px;max-width:100%;overflow-x:hidden!important;background:linear-gradient(180deg,#fff 0,#fff9f5 42%,#fdfcfb 100%)!important;color:var(--gar-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img,svg,video,canvas{max-width:100%;height:auto}
.container,.wrap,.appbar-in{width:100%!important;max-width:var(--gar-max)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--gar-pad)!important;padding-right:var(--gar-pad)!important}

/* APP HEADER */
.appbar{position:sticky!important;top:0!important;z-index:100!important;background:rgba(255,255,255,.985)!important;backdrop-filter:none!important;border-bottom:1px solid var(--gar-line)!important;box-shadow:0 6px 20px rgba(22,43,61,.035)!important}
.appbar-in{min-height:72px!important;gap:18px!important}
.logo{display:flex!important;flex-direction:column!important;font-size:17px!important;font-weight:950!important;color:var(--gar-ink)!important;letter-spacing:-.035em!important;line-height:1.05!important}
.logo:before{content:"GAR";display:inline-grid;place-items:center;float:left;width:42px;height:42px;margin-right:11px;margin-bottom:-38px;border:2px solid #e4b857;border-radius:50%;color:#c79530;font-size:9px;font-weight:950;background:#fff7e7}
.logo small{padding-left:54px!important;margin-top:4px!important;color:var(--gar-muted)!important;font-size:7.5px!important;letter-spacing:.16em!important}
.nav{gap:5px!important}.nav a{padding:9px 11px!important;border-radius:12px!important;color:#40505e!important;font-size:11px!important;font-weight:820!important}.nav a:hover,.nav a.active{background:var(--gar-mint-soft)!important;color:var(--gar-green-dark)!important}
.mobile-menu{border:1px solid var(--gar-line)!important;background:#fff!important;color:var(--gar-ink)!important;border-radius:12px!important}

/* APP CONTENT */
.wrap{margin-top:20px!important;margin-bottom:90px!important}
.hero{padding:24px!important;border-radius:24px!important;background:linear-gradient(135deg,#fff 0%,#fff9f4 48%,#eafbf8 100%)!important;border:1px solid var(--gar-line)!important;box-shadow:var(--gar-shadow)!important}
.hero h1{font-size:clamp(30px,4vw,48px)!important;color:var(--gar-ink)!important;letter-spacing:-.05em!important}.hero p{color:var(--gar-muted)!important}
.eyebrow,.tag{background:var(--gar-mint-soft)!important;color:var(--gar-green)!important;border:1px solid rgba(62,186,166,.12)!important}.tag.gold{background:var(--gar-gold-soft)!important;color:#9a6812!important}.tag.warn{background:#fff5df!important;color:#9a6812!important}.tag.red{background:#fff0ef!important;color:#b4524c!important}
.grid{gap:14px!important}.card{padding:19px!important;border-radius:19px!important;background:#fff!important;border:1px solid var(--gar-line)!important;box-shadow:var(--gar-shadow)!important}.card h2,.card h3,.card h4{color:var(--gar-ink)!important}.muted{color:var(--gar-muted)!important}
.stat{font-size:30px!important;color:var(--gar-ink)!important}.progress{height:7px!important;background:#edf1ef!important}.progress i{background:linear-gradient(90deg,#31c9ad,#72e3cf)!important}
.btn{min-height:43px!important;padding:0 16px!important;border-radius:13px!important;background:var(--gar-green-dark)!important;color:#fff!important;font-weight:850!important;box-shadow:none!important}.btn:hover{background:var(--gar-green)!important}.btn.light{background:#fff!important;color:var(--gar-ink)!important;border:1px solid var(--gar-line)!important}.btn.soft{background:var(--gar-gold)!important;color:#17212d!important}.btn.danger{background:#fff0ee!important;color:#a64742!important}
.notice{border-radius:14px!important}.section-title h2{color:var(--gar-ink)!important;font-size:24px!important}
.table-wrap{border-radius:18px!important;border-color:var(--gar-line)!important;box-shadow:var(--gar-shadow)!important}.table th{background:#f7faf9!important}.table td,.table th{border-color:var(--gar-line2)!important}
input,select,textarea{border:1px solid var(--gar-line)!important;border-radius:12px!important;background:#fff!important;min-height:44px!important;outline:none!important}input:focus,select:focus,textarea:focus{border-color:#67cdbd!important;box-shadow:0 0 0 4px rgba(93,211,193,.12)!important}

/* COURSE EXPERIENCE */
.course-shell{grid-template-columns:285px minmax(0,1fr)!important;gap:18px!important}.course-side{top:92px!important}.course-side .card{border-radius:20px!important}.course-nav a{border-radius:12px!important;padding:10px!important}.course-nav a.active,.course-nav a:hover{background:linear-gradient(90deg,#e7fbf7,#fff6e4)!important}.course-nav .num{background:#f4f7f6!important;border-radius:10px!important}.module-card{border-radius:16px!important;padding:15px!important;border-color:var(--gar-line)!important;box-shadow:none!important}.module-card:hover{box-shadow:var(--gar-shadow)!important}.module-card .n{background:var(--gar-mint-soft)!important;color:var(--gar-green)!important}.lesson-block{border-radius:19px!important;border-color:var(--gar-line)!important;box-shadow:var(--gar-shadow)!important}.sticky-complete{background:#fff!important;border-color:var(--gar-line)!important}

/* MOBILE APP */
.mobile-bottom{border:1px solid var(--gar-line)!important;background:#fff!important;box-shadow:0 10px 36px rgba(23,48,58,.13)!important}.mobile-bottom a{color:#74818a!important}.mobile-bottom a b{color:#263a46!important}.mobile-bottom a:active,.mobile-bottom a:hover{background:var(--gar-mint-soft)!important;color:var(--gar-green)!important}

/* ADMIN — DESKTOP GMS SIDEBAR STYLE */
body.gar-admin-app .wrap{max-width:calc(var(--gar-max) - 220px)!important;margin-left:240px!important;margin-right:auto!important}
body.gar-admin-app .appbar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:220px!important;height:100vh!important;background:#142b39!important;border:0!important;box-shadow:8px 0 32px rgba(12,35,48,.12)!important;overflow:auto!important}
body.gar-admin-app .appbar-in{display:block!important;min-height:100vh!important;padding:25px 16px!important;width:100%!important}
body.gar-admin-app .logo{color:#fff!important;margin-bottom:28px!important;padding-left:2px!important}body.gar-admin-app .logo small{color:#a6bac4!important}body.gar-admin-app .logo:before{background:#173b49!important;color:#f5c45d!important}
body.gar-admin-app .nav{display:grid!important;gap:5px!important;margin:0!important}body.gar-admin-app .nav a{display:block!important;color:#d7e1e5!important;padding:11px 12px!important;border-radius:12px!important;font-size:11px!important}body.gar-admin-app .nav a:hover,body.gar-admin-app .nav a.active{background:rgba(255,255,255,.10)!important;color:#fff!important}
body.gar-admin-app .mobile-menu{display:none!important}

/* Dashboard accent cards */
.grid.four .card:nth-child(4n+1){background:linear-gradient(135deg,#eefcf8,#fff)!important}.grid.four .card:nth-child(4n+2){background:linear-gradient(135deg,#f4f0ff,#fff)!important}.grid.four .card:nth-child(4n+3){background:linear-gradient(135deg,#eef8ff,#fff)!important}.grid.four .card:nth-child(4n+4){background:linear-gradient(135deg,#fff7e7,#fff)!important}

@media(max-width:1000px){
  body.gar-admin-app .appbar{position:sticky!important;width:auto!important;height:auto!important;bottom:auto!important;background:#fff!important}body.gar-admin-app .appbar-in{display:flex!important;min-height:62px!important;padding-left:var(--gar-pad)!important;padding-right:var(--gar-pad)!important}body.gar-admin-app .logo{color:var(--gar-ink)!important;margin-bottom:0!important}body.gar-admin-app .logo small{color:var(--gar-muted)!important}body.gar-admin-app .nav{display:none!important}body.gar-admin-app .appbar.open .nav{display:grid!important;position:absolute!important;left:12px!important;right:12px!important;top:62px!important;background:#fff!important;border:1px solid var(--gar-line)!important;border-radius:18px!important;padding:10px!important;box-shadow:var(--gar-shadow-lg)!important}body.gar-admin-app .nav a{color:var(--gar-text)!important}body.gar-admin-app .mobile-menu{display:block!important}body.gar-admin-app .wrap{max-width:var(--gar-max)!important;margin-left:auto!important;margin-right:auto!important}
  .course-shell{grid-template-columns:1fr!important}.course-side{position:relative!important;top:auto!important}
}
@media(max-width:760px){
  :root{--gar-pad:12px}.appbar-in{min-height:60px!important}.logo{font-size:14px!important}.logo:before{width:36px;height:36px;margin-bottom:-33px}.logo small{padding-left:47px!important}.wrap{margin-top:12px!important}.hero{padding:18px!important;border-radius:20px!important}.hero h1{font-size:30px!important}.grid,.grid.two,.grid.four,.split,.course-summary{grid-template-columns:1fr!important}.card{padding:16px!important;border-radius:17px!important}.section-title{align-items:flex-start!important;flex-direction:column!important}.section-title h2{font-size:21px!important}.mobile-bottom{left:8px!important;right:8px!important;bottom:8px!important;border-radius:20px!important;padding-bottom:calc(7px + env(safe-area-inset-bottom))!important}.mobile-bottom a{font-size:9px!important}.course-nav{max-height:280px;overflow:auto}
}