/* Abiola Lift visual refresh — charcoal / orange / Space Grotesk */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{
 --bg:#0c0e0f!important;--panel:#15191b!important;--panel2:#1b2022!important;
 --border:#292f32!important;--orange:#ff6b35!important;--white:#f4f5f6!important;
 --muted:#9aa4a8!important;--green:#8bd6a0!important;--red:#ff806d!important;
 --shadow:0 18px 50px rgba(0,0,0,.22);
}
html{background:var(--bg);scroll-behavior:smooth}
body{background:radial-gradient(ellipse at 80% -10%,rgba(255,107,53,.10),transparent 34%),var(--bg)!important;color:var(--white)!important;font-family:'DM Sans',sans-serif!important;letter-spacing:-.01em}
h1,h2,h3,h4,.brand,.eyebrow,.mono,.stat strong{font-family:'Space Grotesk','DM Sans',sans-serif!important}
h1{font-weight:700!important;letter-spacing:-.045em!important}
h2{font-weight:650!important;letter-spacing:-.025em!important}
header{background:rgba(12,14,15,.88)!important;backdrop-filter:blur(16px);border-bottom:1px solid var(--border)!important;position:sticky;top:0;z-index:20}
.brand{font-weight:700!important;letter-spacing:1.8px!important}
main{max-width:1160px!important}
.panel,.stat,.hero,.week,.day,.meal,.login,main>section,.group{
 background:linear-gradient(145deg,rgba(27,32,34,.98),rgba(18,22,23,.98))!important;
 border:1px solid var(--border)!important;border-radius:18px!important;box-shadow:var(--shadow);
}
.stat{position:relative;overflow:hidden}
.stat:after{content:"";position:absolute;right:-26px;top:-38px;width:100px;height:100px;border-radius:50%;background:rgba(255,107,53,.07)}
.stat strong{font-size:34px!important;letter-spacing:-.05em}
.eyebrow,.pill,.tag{letter-spacing:1.6px!important;font-weight:700!important}
button,.primary,.open,.back,.logout,.tabs button{
 transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
button:hover,.open:hover{transform:translateY(-1px)}
button.primary,.primary,button[type=submit]{
 background:linear-gradient(135deg,#ff814f,#ff6b35)!important;color:#15100d!important;
 border:0!important;border-radius:11px!important;box-shadow:0 8px 24px rgba(255,107,53,.16);font-weight:800!important;
}
input,select,textarea{
 background:#0d1112!important;border:1px solid #30383b!important;border-radius:10px!important;color:var(--white)!important;
}
input:focus,select:focus,textarea:focus{border-color:var(--orange)!important;box-shadow:0 0 0 3px rgba(255,107,53,.12);outline:0}
label{color:#cbd1d3!important;font-weight:600}
a{transition:color .18s ease}
.client,.program,.exercise{border-color:var(--border)!important}
.tabs button{border-radius:999px!important;padding:11px 17px!important}
.tabs button.active{background:var(--orange)!important;color:#16100d!important}
.archive,.refresh,.logout,.back{border-radius:10px!important}
footer{letter-spacing:1.5px}
@media(max-width:700px){
 main{margin:24px auto!important;padding-left:15px!important;padding-right:15px!important}
 .panel,.stat,.hero,.week,.day,.meal{border-radius:15px!important}
 header{padding-left:16px!important;padding-right:16px!important}
}