:root{
  --green-dark:#245C4A;--green-mid:#3F8068;--green-light:#78A995;--green-pale:#E4F0EA;--green-soft:#F1F7F3;
  --cream:#F8F7F2;--gold:#C6A15B;--gold-light:#E7D7B6;--white:#fff;--gray:#68756F;--text:#26332D;
  --border:#DFE9E3;--shadow:0 18px 55px rgba(36,92,74,.11);--radius:24px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:"Vazirmatn",Tahoma,sans-serif;min-height:100vh}button,input{font:inherit}button,a{transition:.2s ease}a{text-decoration:none;color:inherit}.is-hidden{display:none!important}
.portal-topbar{height:82px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,60px);position:sticky;top:0;z-index:50}.portal-brand{display:flex;align-items:center;gap:12px}.portal-brand-logos{display:flex;direction:ltr}.portal-brand-logos img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 14px rgba(36,92,74,.11)}.portal-brand-logos img+img{margin-left:-10px}.portal-brand-copy{display:flex;flex-direction:column;line-height:1.4}.portal-brand-copy strong{font-size:.98rem;color:var(--green-dark)}.portal-brand-copy small{color:var(--gray);font-size:.73rem}.portal-top-actions{display:flex;align-items:center;gap:10px}.portal-home-link,.portal-ghost-btn{border:1px solid var(--border);background:#fff;padding:9px 14px;border-radius:12px;color:var(--green-dark);font-weight:600;cursor:pointer}.portal-home-link:hover,.portal-ghost-btn:hover{background:var(--green-soft)}
.auth-shell{max-width:1180px;margin:46px auto;padding:0 22px;display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:stretch}.auth-visual{background:linear-gradient(145deg,#245C4A,#3F8068);border-radius:30px;padding:56px 48px;color:#fff;position:relative;overflow:hidden;min-height:610px}.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.auth-visual:before{width:280px;height:280px;left:-90px;bottom:-80px}.auth-visual:after{width:190px;height:190px;right:-75px;top:-50px}.auth-kicker{display:inline-flex;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.19);padding:7px 13px;border-radius:999px;font-size:.8rem}.auth-visual h1{font-size:2.25rem;line-height:1.6;margin:24px 0 12px}.auth-visual>p{opacity:.87;line-height:2;font-size:.96rem;max-width:560px}.auth-benefits{display:grid;gap:12px;margin-top:38px}.auth-benefits>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:2px 10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);padding:15px 17px;border-radius:18px}.auth-benefits span{grid-row:1/3;font-size:1.45rem;align-self:center}.auth-benefits strong{font-size:.95rem}.auth-benefits small{opacity:.72}.auth-card{background:#fff;border:1px solid var(--border);border-radius:30px;padding:34px;box-shadow:var(--shadow)}.auth-tabs{display:flex;background:var(--green-soft);padding:5px;border-radius:14px;margin-bottom:28px}.auth-tab{width:50%;border:0;background:transparent;padding:11px;border-radius:10px;color:var(--gray);font-weight:700;cursor:pointer}.auth-tab.active{background:#fff;color:var(--green-dark);box-shadow:0 3px 12px rgba(36,92,74,.08)}.auth-form{display:none}.auth-form.active{display:block}.auth-form h2{color:var(--green-dark);font-size:1.45rem;margin:0 0 7px}.auth-form>p{color:var(--gray);font-size:.86rem;line-height:1.8;margin:0 0 21px}.auth-form label,.profile-form label{display:flex;flex-direction:column;gap:8px;font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:15px}.auth-form input,.profile-form input{border:1px solid #dce7e1;background:#fbfdfc;border-radius:13px;padding:12px 13px;outline:none;color:var(--text)}.auth-form input:focus,.profile-form input:focus{border-color:var(--green-light);box-shadow:0 0 0 3px rgba(120,169,149,.13)}.portal-primary-btn{border:0;background:var(--green-dark);color:#fff;padding:12px 18px;border-radius:13px;font-weight:700;cursor:pointer}.portal-primary-btn:hover{background:var(--green-mid);transform:translateY(-1px)}.auth-form .portal-primary-btn{width:100%;margin-top:3px}.demo-login-btn{width:100%;border:1px dashed var(--green-light);background:var(--green-soft);color:var(--green-dark);padding:11px;border-radius:13px;margin-top:10px;cursor:pointer;font-weight:600}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:#98a39e;font-size:.76rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--border);flex:1}.auth-divider span{padding:0 4px}.google-auth-box{border:1px solid var(--border);background:#fbfdfc;border-radius:16px;padding:14px}.google-auth-box>strong{display:block;color:var(--green-dark);font-size:.86rem;margin-bottom:3px}.google-auth-box>p{margin:0 0 11px!important;color:var(--gray)!important;font-size:.73rem!important;line-height:1.7!important}.google-signin-host{min-height:44px;display:flex;justify-content:center;align-items:center;overflow:hidden}.google-signin-host>div{max-width:100%}.google-config-placeholder{width:min(320px,100%);height:44px;border:1px solid #cfd8d3;border-radius:8px;background:#fff;color:#3c4043;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;cursor:not-allowed}.google-config-placeholder span{font-family:Arial,sans-serif;font-weight:800;font-size:1.08rem;color:#4285f4}.google-auth-status{min-height:18px;margin-top:8px;text-align:center;font-size:.7rem;line-height:1.7;color:#8b7067}.google-auth-status.success{color:var(--green-mid)}.google-auth-status.error{color:#a34d49}.google-auth-status.setup{background:#fff7e8;border:1px solid #f0dfbb;border-radius:10px;padding:8px 9px;color:#806938}.auth-message{min-height:20px;margin-top:10px;font-size:.8rem;color:#a34d49}.auth-message.success{color:var(--green-mid)}.prototype-note{font-size:.72rem!important;color:#7b8681!important;border-top:1px solid var(--border);padding-top:14px;margin-top:22px!important;line-height:1.8!important}
.dashboard-shell{max-width:1420px;margin:0 auto;min-height:calc(100vh - 82px);display:grid;grid-template-columns:260px 1fr;gap:0;background:#fff;border-left:1px solid var(--border);border-right:1px solid var(--border)}.dashboard-sidebar{background:#f8fbf9;border-left:1px solid var(--border);padding:26px 17px;position:sticky;top:82px;height:calc(100vh - 82px);align-self:start}.sidebar-profile{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--border);padding:13px;border-radius:17px;margin-bottom:22px}.avatar{width:42px;height:42px;border-radius:14px;background:var(--green-dark);color:#fff;display:grid;place-items:center;font-weight:800}.sidebar-profile>div:last-child{min-width:0;display:flex;flex-direction:column}.sidebar-profile strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile small{color:var(--gray);direction:ltr;text-align:right;font-size:.73rem}.panel-nav{display:grid;gap:5px}.panel-nav-item{width:100%;border:0;background:transparent;color:#5f6d67;padding:11px 13px;border-radius:12px;display:flex;align-items:center;gap:10px;text-align:right;cursor:pointer;font-weight:600}.panel-nav-item:hover,.panel-nav-item.active{background:var(--green-pale);color:var(--green-dark)}.panel-nav-item span{width:22px;text-align:center}.sidebar-booking{display:block;margin-top:24px;padding:12px 13px;border-radius:13px;background:#fff;border:1px solid var(--gold-light);color:#856b39;font-size:.84rem;font-weight:700}.dashboard-main{padding:34px clamp(22px,3vw,42px);min-width:0}.mobile-panel-menu{display:none}.panel-view{display:none}.panel-view.active{display:block}.welcome-card{background:linear-gradient(135deg,#eff7f3,#e4f0ea);border:1px solid var(--border);border-radius:26px;padding:31px 32px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.welcome-kicker{color:var(--green-mid);font-size:.8rem;font-weight:700}.welcome-card h1{margin:7px 0 8px;color:var(--green-dark);font-size:1.85rem}.welcome-card p{margin:0;color:var(--gray);font-size:.9rem}.welcome-illustration{font-size:4.1rem;filter:drop-shadow(0 8px 12px rgba(36,92,74,.15));transform:rotate(-8deg)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.metric-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;text-align:right;cursor:pointer;display:grid;gap:3px}.metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(36,92,74,.08)}.metric-card span{font-size:.78rem;color:var(--gray)}.metric-card strong{color:var(--green-dark);font-size:1.55rem}.metric-card small{color:#8c9792;font-size:.7rem}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.home-panel-card{background:#fff;border:1px solid var(--border);border-radius:21px;padding:20px}.panel-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-card-head small{color:var(--green-mid);font-size:.72rem}.panel-card-head h2{margin:2px 0 0;font-size:1.04rem;color:var(--green-dark)}.panel-card-head button{border:0;background:transparent;color:var(--green-mid);font-size:.76rem;cursor:pointer}.mini-podcast-list,.mini-event-list{display:grid;gap:9px}.mini-row{display:flex;align-items:center;gap:10px;background:#fafcfb;border:1px solid #eef3f0;padding:10px;border-radius:13px}.mini-row-icon{width:38px;height:38px;border-radius:12px;background:var(--green-soft);display:grid;place-items:center}.mini-row-copy{min-width:0;flex:1}.mini-row-copy strong{display:block;font-size:.81rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-row-copy small{font-size:.68rem;color:var(--gray)}
.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.view-heading span{color:var(--green-mid);font-size:.78rem;font-weight:700}.view-heading h1{margin:4px 0 5px;color:var(--green-dark);font-size:1.65rem}.view-heading p{margin:0;color:var(--gray);font-size:.84rem}.cart-button{border:1px solid var(--border);background:#fff;color:var(--green-dark);padding:10px 14px;border-radius:13px;font-weight:700;cursor:pointer}.cart-button b{display:inline-grid;place-items:center;background:var(--green-dark);color:#fff;min-width:24px;height:24px;border-radius:8px;margin-right:5px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{border:1px solid var(--border);border-radius:20px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.product-cover{height:160px;background:linear-gradient(135deg,#e4f0ea,#f7f3e7);display:flex;align-items:center;justify-content:center;font-size:3.5rem;position:relative}.product-badge{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.88);border:1px solid rgba(36,92,74,.08);border-radius:999px;padding:5px 9px;font-size:.68rem;color:var(--green-dark);font-weight:700}.product-body{padding:17px;display:flex;flex-direction:column;gap:10px;flex:1}.product-body h3{font-size:.96rem;margin:0;color:var(--green-dark);line-height:1.7}.product-body p{font-size:.78rem;color:var(--gray);line-height:1.85;margin:0;flex:1}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-price{font-size:.83rem;font-weight:800;color:var(--text)}.product-add{border:0;background:var(--green-dark);color:#fff;padding:8px 11px;border-radius:10px;font-size:.73rem;cursor:pointer}.product-add[disabled]{background:#b4c4bd;cursor:default}.podcast-grid{display:grid;gap:14px}.podcast-card{border:1px solid var(--border);border-radius:20px;background:#fff;padding:17px;display:grid;grid-template-columns:78px 1fr;gap:16px;align-items:center}.podcast-art{width:78px;height:78px;border-radius:18px;background:linear-gradient(140deg,var(--green-pale),#f7efd9);display:grid;place-items:center;font-size:2.2rem}.podcast-info{min-width:0}.podcast-topline{display:flex;justify-content:space-between;align-items:center;gap:10px}.podcast-info h3{margin:0;color:var(--green-dark);font-size:.95rem}.podcast-info p{margin:5px 0 11px;color:var(--gray);font-size:.77rem;line-height:1.7}.podcast-meta{font-size:.68rem;color:#8b9792}.podcast-card audio{width:100%;height:36px}.lock-note{display:flex;align-items:center;gap:8px;background:#fbf7ec;border:1px solid #efe2c3;color:#806938;border-radius:11px;padding:8px 10px;font-size:.72rem}.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.event-card{border:1px solid var(--border);background:#fff;border-radius:20px;padding:19px}.event-status{display:inline-flex;background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:700}.event-card h3{color:var(--green-dark);font-size:1rem;margin:10px 0 6px}.event-card p{color:var(--gray);font-size:.78rem;line-height:1.8;margin:0 0 12px}.event-meta{font-size:.72rem;color:#7a8782;border-top:1px solid #edf2ef;padding-top:10px}.event-actions{display:flex;gap:8px;margin-top:13px}.event-actions button,.event-actions a{border:1px solid var(--border);background:#fff;padding:8px 11px;border-radius:10px;font-size:.72rem;color:var(--green-dark);font-weight:700;cursor:pointer}.event-actions .event-register{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}.my-registration-box{margin-top:28px;border-top:1px solid var(--border);padding-top:22px}.my-registration-box h2{font-size:1.08rem;color:var(--green-dark)}.empty-state{border:1px dashed #cddbd4;background:#fbfdfc;border-radius:16px;padding:28px;text-align:center;color:var(--gray);font-size:.82rem}.registration-row,.order-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--border);background:#fff;border-radius:15px;padding:14px 16px;margin-bottom:9px}.registration-row strong,.order-row strong{font-size:.83rem;color:var(--green-dark)}.registration-row small,.order-row small{display:block;color:var(--gray);font-size:.7rem;margin-top:3px}.status-pill{background:var(--green-soft);color:var(--green-dark);padding:5px 9px;border-radius:999px;font-size:.66rem;font-weight:700;white-space:nowrap}.order-price{font-size:.78rem;font-weight:800;white-space:nowrap}.profile-form{max-width:620px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px}.profile-form .portal-primary-btn{margin-top:4px}.profile-form input:disabled{background:#f1f3f2;color:#87918d}.privacy-card{max-width:620px;margin-top:14px;background:#fbf7ec;border:1px solid #efe2c3;border-radius:16px;padding:16px;color:#6f603e}.privacy-card strong{font-size:.84rem}.privacy-card p{font-size:.74rem;line-height:1.8;margin:5px 0 0}
.cart-drawer{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:0;transition:.2s}.cart-drawer.open{pointer-events:auto;opacity:1}.cart-backdrop{position:absolute;inset:0;background:rgba(26,42,35,.34)}.cart-panel{position:absolute;left:0;top:0;height:100%;width:min(420px,92vw);background:#fff;box-shadow:20px 0 55px rgba(0,0,0,.14);padding:22px;transform:translateX(-100%);transition:.25s;display:flex;flex-direction:column}.cart-drawer.open .cart-panel{transform:translateX(0)}.cart-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:12px}.cart-head h2{margin:0;color:var(--green-dark);font-size:1.15rem}.cart-head button{border:0;background:#f3f5f4;width:34px;height:34px;border-radius:10px;font-size:1.4rem;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:14px 0}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eef2f0;padding:11px 0}.cart-item strong{font-size:.78rem}.cart-item small{font-size:.68rem;color:var(--gray);display:block}.cart-remove{border:0;background:#fff1ef;color:#a34d49;width:30px;height:30px;border-radius:9px;cursor:pointer}.cart-footer{border-top:1px solid var(--border);padding-top:14px}.cart-footer>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cart-footer span{font-size:.78rem;color:var(--gray)}.cart-footer strong{font-size:.95rem;color:var(--green-dark)}.cart-footer .portal-primary-btn{width:100%}.cart-footer small{display:block;text-align:center;color:#8a9490;font-size:.67rem;margin-top:8px}.toast{position:fixed;bottom:24px;right:24px;z-index:120;background:#233d33;color:#fff;padding:11px 15px;border-radius:12px;box-shadow:0 10px 28px rgba(0,0,0,.18);font-size:.78rem;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translateY(0);opacity:1}
@media(max-width:1050px){.product-grid{grid-template-columns:repeat(2,1fr)}.dashboard-shell{grid-template-columns:220px 1fr}.dashboard-main{padding:28px 20px}}
@media(max-width:820px){.portal-topbar{height:72px;padding:0 14px}.portal-brand-copy strong{font-size:.86rem}.portal-home-link{display:none}.auth-shell{grid-template-columns:1fr;margin:22px auto}.auth-visual{min-height:auto;padding:35px 28px}.auth-visual h1{font-size:1.7rem}.auth-benefits{grid-template-columns:1fr 1fr 1fr}.auth-benefits>div{display:flex;flex-direction:column;text-align:center;align-items:center}.auth-benefits small{display:none}.dashboard-shell{display:block;min-height:calc(100vh - 72px)}.dashboard-sidebar{position:fixed;right:0;top:72px;height:calc(100vh - 72px);width:260px;z-index:60;transform:translateX(100%);transition:.25s;box-shadow:-14px 0 35px rgba(36,92,74,.12)}.dashboard-shell.sidebar-open .dashboard-sidebar{transform:translateX(0)}.dashboard-main{padding:18px 14px}.mobile-panel-menu{display:block;margin-bottom:12px}.mobile-panel-menu button{border:1px solid var(--border);background:#fff;border-radius:11px;padding:8px 12px;color:var(--green-dark);font-weight:700}.welcome-card{padding:24px 20px}.welcome-illustration{font-size:3rem}.home-grid{grid-template-columns:1fr}.event-grid{grid-template-columns:1fr}}
@media(max-width:560px){.portal-brand-logos img{width:40px;height:40px}.portal-brand-copy small{display:none}.portal-ghost-btn{padding:8px 10px}.auth-shell{padding:0 12px}.auth-visual{padding:28px 20px;border-radius:22px}.auth-benefits{grid-template-columns:1fr;gap:8px}.auth-benefits>div{display:grid;grid-template-columns:35px 1fr;text-align:right}.auth-benefits small{display:block}.auth-card{padding:24px 18px;border-radius:22px}.metric-grid{grid-template-columns:1fr 1fr}.metric-card:last-child{grid-column:1/3}.welcome-card p{font-size:.78rem;max-width:250px}.welcome-illustration{display:none}.view-heading{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:1fr}.podcast-card{grid-template-columns:1fr}.podcast-art{width:62px;height:62px}.podcast-card audio{margin-top:5px}.event-actions{flex-wrap:wrap}.registration-row,.order-row{align-items:flex-start;flex-direction:column}.toast{right:12px;left:12px;text-align:center}}


/* ===== MOBILE QA v65 ===== */
@media(max-width:820px){
  html,body{max-width:100%;overflow-x:hidden}
  .auth-card{order:1}
  .auth-visual{order:2}
  .portal-topbar{min-height:68px;height:auto;padding:8px 12px;gap:8px}
  .portal-brand{min-width:0;gap:8px}
  .portal-brand-copy{min-width:0}
  .portal-brand-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
  .portal-top-actions{flex:0 0 auto}
  .dashboard-sidebar{top:68px;height:calc(100dvh - 68px);overflow-y:auto}
  .dashboard-main{padding:16px 12px}
  .mobile-panel-menu button{min-height:42px}
}
@media(max-width:560px){
  .portal-topbar{padding:7px 10px}
  .portal-brand-logos img{width:38px;height:38px}
  .portal-brand-copy strong{font-size:.78rem;max-width:155px}
  .portal-ghost-btn{min-height:40px;padding:7px 9px;font-size:.76rem}
  .auth-shell{margin:14px auto 24px;padding:0 10px;gap:14px}
  .auth-card{padding:20px 15px;border-radius:19px}
  .auth-tabs{margin-bottom:20px}
  .auth-tab{min-height:42px}
  .auth-form h2{font-size:1.25rem}
  .auth-form input,.profile-form input{font-size:16px;min-height:44px}
  .portal-primary-btn,.demo-login-btn{min-height:44px}
  .auth-visual{padding:22px 17px;border-radius:19px}
  .auth-visual h1{font-size:1.4rem;margin:16px 0 8px}
  .auth-visual>p{font-size:.82rem;line-height:1.9}
  .auth-benefits{margin-top:20px}
  .welcome-card{padding:20px 16px;border-radius:19px}
  .welcome-card h1{font-size:1.4rem}
  .metric-grid{gap:9px}
  .metric-card{padding:14px;border-radius:15px}
  .home-panel-card,.product-card,.podcast-card,.event-card,.profile-form{border-radius:16px}
  .dashboard-main{padding:13px 10px}
  .view-heading h1{font-size:1.3rem}
  .cart-panel{width:94vw;padding:17px}
}