.account-body { background: #041f1a; min-height: 100vh; }
.account-body::before { background: radial-gradient(circle at 20% 30%,rgba(45,212,168,.2),transparent 30rem),radial-gradient(circle at 80% 75%,rgba(12,139,164,.2),transparent 32rem); content:""; inset:0; position:fixed; }
.account-header { align-items:center; display:flex; justify-content:space-between; margin:0 auto; max-width:1240px; padding:1.2rem; position:relative; z-index:1; }
.account-header .brand { color:white; }
.account-header .brand small { color:rgba(255,255,255,.6); }
.account-header > a:last-child { color:#bfffee; font-size:.82rem; font-weight:900; }
.account-main { align-items:center; display:grid; gap:clamp(2rem,6vw,6rem); grid-template-columns:1fr minmax(340px,.72fr); margin:0 auto; max-width:1180px; min-height:calc(100vh - 100px); padding:2rem 1.2rem 5rem; position:relative; z-index:1; }
.account-intro { color:white; max-width:650px; }
.account-intro .eyebrow { color:#7ce3cb; }
.account-intro h1 { font-family:Manrope,sans-serif; font-size:clamp(3rem,7vw,6.5rem); letter-spacing:-.07em; line-height:.9; margin:.5rem 0 1.5rem; }
.account-intro > p { color:rgba(255,255,255,.7); font-size:1.08rem; line-height:1.7; max-width:560px; }
.account-intro ul { display:flex; flex-wrap:wrap; gap:.55rem; list-style:none; padding:1rem 0; }
.account-intro li { border:1px solid rgba(255,255,255,.16); border-radius:999px; color:rgba(255,255,255,.8); font-size:.78rem; font-weight:800; padding:.6rem .8rem; }
.account-card { backdrop-filter:blur(24px); background:rgba(255,255,255,.95); border:1px solid rgba(255,255,255,.5); border-radius:28px; box-shadow:0 40px 120px rgba(0,0,0,.3); padding:clamp(1.2rem,4vw,2rem); }
.account-tabs { background:#eaf1ed; border-radius:14px; display:grid; grid-template-columns:1fr 1fr; padding:.3rem; }
.account-tab { background:transparent; box-shadow:none; color:var(--muted); min-height:42px; }
.account-tab.active { background:white; box-shadow:0 8px 24px rgba(5,46,39,.1); color:var(--leaf-dark); }
.account-form { display:grid; gap:1rem; padding-top:1.5rem; }
.account-form h2,.account-dashboard h2 { font-family:Manrope,sans-serif; letter-spacing:-.04em; margin:0; }
.account-form > p { color:var(--muted); margin:-.55rem 0 .4rem; }
.account-form label { display:grid; font-size:.8rem; font-weight:900; gap:.4rem; }
.account-form label small { color:var(--muted); font-weight:600; }
.account-form button[type=submit] { border-radius:999px; margin-top:.3rem; }
.account-message { color:var(--leaf-dark); font-size:.82rem; font-weight:800; line-height:1.5; min-height:1.25rem; }
.account-empty { background:#edf5f1; border:1px dashed rgba(8,122,99,.2); border-radius:20px; margin:1.5rem 0; padding:2rem; text-align:center; }
.account-empty span { color:var(--leaf); font-size:2.5rem; }.account-empty h3{margin:.4rem 0}.account-empty p{color:var(--muted)}.account-empty a{color:var(--leaf);font-weight:900}
.account-booking{background:#edf5f1;border:1px solid rgba(8,122,99,.12);border-radius:16px;display:grid;gap:.55rem;margin:1rem 0;padding:1rem}.account-booking>div{align-items:center;display:flex;justify-content:space-between}.account-booking span{background:#d4f5e9;border-radius:999px;color:var(--leaf-dark);font-size:.7rem;font-weight:900;padding:.35rem .55rem;text-transform:capitalize}.account-booking p{color:var(--muted);font-size:.8rem;margin:0}
@media(max-width:850px){.account-main{grid-template-columns:1fr}.account-intro h1{font-size:clamp(3rem,14vw,5rem)}.account-header .brand small{display:none}}