/* Sepehrno Account System 2.0 */
:root{
--sp-shadow:0 28px 90px rgba(65,57,42,.14);
--sp-bg:#FCF9F3;--sp-bg2:#F6F0E9;--sp-text:#2E2D27;--sp-gold:#D08E27;
--sp-gold2:#E8D4A5;--sp-muted:#6B675F;--sp-placeholder:#B2AFA7;
--sp-card:#FBF8F0;--sp-border:#BCB9B3;
}
html,body{min-height:100%;}
body.sepehrno-account-page{background:var(--sp-bg)!important;color:var(--sp-text)!important;overflow-x:hidden!important}
body.sepehrno-account-page .sp-fullbleed-host{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body.sepehrno-account-page .sp-fullbleed-host>.sp-account-app,body.sepehrno-account-page .sp-fullbleed-host>.sp-login-page{width:100%!important;max-width:none!important;box-sizing:border-box!important;margin:0!important}
body.sepehrno-account-page .sp-account-app,body.sepehrno-account-page .sp-login-page{border-radius:0!important}
.sp-account-app,.sp-login-page{font-family:inherit;color:var(--sp-text);position:relative;overflow:hidden}
.sp-account-app{min-height:100vh;min-height:100svh;background:radial-gradient(circle at 85% 8%,rgba(208,142,39,.10),transparent 25%),linear-gradient(135deg,var(--sp-bg),var(--sp-bg2));padding:22px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px}
.sp-bg-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.35;animation:spFloat 9s ease-in-out infinite}
.sp-orb-a{width:260px;height:260px;background:rgba(208,142,39,.08);top:-100px;right:20%}
.sp-orb-b{width:180px;height:180px;background:rgba(232,212,165,.18);bottom:8%;left:15%;animation-delay:-3s}
@keyframes spFloat{50%{transform:translate3d(15px,-12px,0) scale(1.04)}}
.sp-sidebar{position:relative;z-index:2;background:rgba(251,248,240,.84);border:1px solid rgba(188,185,179,.7);box-shadow:0 18px 55px rgba(70,62,45,.08);border-radius:28px;padding:20px;backdrop-filter:blur(18px);height:max-content;position:sticky;top:18px}
.sp-brand{display:flex;align-items:center;gap:12px;padding:5px 3px 22px}.sp-brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#fffaf1,#eadfcb);border:1px solid var(--sp-gold2);color:var(--sp-gold);font-weight:900;font-size:22px;box-shadow:0 0 24px rgba(208,142,39,.18)}
.sp-brand strong{display:block;font-size:18px}.sp-brand small{display:block;color:var(--sp-muted);font-size:10px;margin-top:3px;direction:ltr;text-align:right}
.sp-nav{display:flex;flex-direction:column;gap:6px}.sp-nav a{color:var(--sp-muted);text-decoration:none;padding:12px 13px;border-radius:15px;display:flex;align-items:center;gap:10px;transition:.25s}.sp-nav a:hover,.sp-nav a.active{color:var(--sp-text);background:linear-gradient(100deg,rgba(208,142,39,.13),rgba(232,212,165,.08));box-shadow:inset 0 0 0 1px rgba(208,142,39,.16),0 8px 20px rgba(208,142,39,.06);transform:translateX(-2px)}.sp-nav a span{width:22px;text-align:center;color:var(--sp-gold)}.sp-nav-label{font-size:10px;color:var(--sp-placeholder);padding:17px 10px 5px}
.sp-main{min-width:0;position:relative;z-index:1}.sp-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 4px 22px}.sp-eyebrow{font-size:11px;color:var(--sp-gold);font-weight:700}.sp-topbar h1{margin:6px 0 0;font-size:29px}.sp-user{display:flex;align-items:center;gap:11px}.sp-user-text{text-align:right}.sp-user-text strong,.sp-user-text small{display:block}.sp-user-text small{color:var(--sp-muted);font-size:11px;margin-top:3px}.sp-avatar{border-radius:50%;object-fit:cover;border:2px solid var(--sp-gold2);box-shadow:0 0 18px rgba(208,142,39,.15)}.sp-avatar-small{width:46px;height:46px}.sp-avatar-large{width:112px;height:112px}
.sp-hero,.sp-section-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px;border-radius:30px;background:linear-gradient(135deg,rgba(255,252,246,.9),rgba(246,240,233,.84));border:1px solid rgba(188,185,179,.72);box-shadow:0 20px 70px rgba(65,57,42,.08);overflow:hidden}.sp-hero:after,.sp-section-hero:after{content:"";position:absolute;inset:auto -15% -75% 25%;height:250px;background:radial-gradient(circle,rgba(208,142,39,.13),transparent 65%)}.sp-pill{display:inline-flex;align-items:center;gap:7px;color:var(--sp-gold);font-size:11px;font-weight:800;background:rgba(208,142,39,.08);border:1px solid rgba(208,142,39,.16);padding:7px 11px;border-radius:999px}.sp-hero h2,.sp-section-hero h2{margin:12px 0 7px;font-size:30px}.sp-hero p,.sp-section-hero p{color:var(--sp-muted);max-width:720px;line-height:2;font-size:13px;margin:0}.sp-hero-glow,.sp-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;flex:none;border:1px solid rgba(208,142,39,.25);box-shadow:0 0 0 12px rgba(208,142,39,.035),0 0 55px rgba(208,142,39,.15);background:radial-gradient(circle,rgba(232,212,165,.45),rgba(251,248,240,.3) 55%,transparent 70%);animation:spPulse 4s ease-in-out infinite}.sp-hero-glow span,.sp-ring span{font-weight:900;color:var(--sp-gold);font-size:18px}@keyframes spPulse{50%{box-shadow:0 0 0 20px rgba(208,142,39,.025),0 0 75px rgba(208,142,39,.18);transform:scale(1.02)}}
.sp-panel{margin-top:20px;background:rgba(251,248,240,.72);border:1px solid rgba(188,185,179,.68);border-radius:26px;padding:22px;box-shadow:0 16px 45px rgba(65,57,42,.055)}.sp-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sp-panel-head h3{margin:0;font-size:18px}.sp-panel-head span{display:block;color:var(--sp-muted);font-size:11px;margin-top:5px}.sp-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px}.sp-service-card{position:relative;text-decoration:none;color:var(--sp-text);padding:20px;border-radius:21px;background:linear-gradient(145deg,#fffdf8,var(--sp-card));border:1px solid rgba(188,185,179,.65);min-height:155px;display:flex;flex-direction:column;align-items:flex-start;transition:.3s;overflow:hidden}.sp-service-card:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;top:-45px;background:rgba(208,142,39,.08);transition:.4s}.sp-service-card:hover{transform:translateY(-5px);border-color:rgba(208,142,39,.45);box-shadow:0 18px 35px rgba(65,57,42,.1),0 0 30px rgba(208,142,39,.08)}.sp-service-card:hover:before{transform:scale(1.5)}.sp-service-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--sp-gold);background:rgba(208,142,39,.08);border:1px solid rgba(208,142,39,.18);font-size:19px}.sp-service-card strong{margin-top:14px;font-size:15px}.sp-service-card small{color:var(--sp-muted);line-height:1.8;font-size:11px;margin-top:5px}.sp-service-card b{margin-top:auto;padding-top:13px;color:var(--sp-gold);font-size:11px}
.sp-module-view{margin-top:4px}.sp-module-view-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:rgba(251,248,240,.8);border:1px solid var(--sp-border);border-radius:26px;padding:25px}.sp-module-view-head h2{margin:11px 0 5px}.sp-module-view-head p{margin:0;color:var(--sp-muted);font-size:12px}.sp-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid rgba(208,142,39,.3);color:var(--sp-text);background:linear-gradient(135deg,#fffdf8,#f5ead9);border-radius:13px;padding:10px 15px;font-weight:700;cursor:pointer;transition:.25s}.sp-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(208,142,39,.12)}.sp-button-main{background:linear-gradient(135deg,#D08E27,#E8D4A5);color:#fff;border:0}.sp-module-content{margin-top:16px}
.sp-empty-state{text-align:center;padding:55px 20px;background:var(--sp-card);border:1px dashed var(--sp-border);border-radius:22px}.sp-empty-state span{font-size:30px;color:var(--sp-gold)}.sp-empty-state strong{display:block;margin:10px}.sp-empty-state p{color:var(--sp-muted)}
.sp-profile-form{display:grid;grid-template-columns:170px 1fr;gap:25px}.sp-profile-avatar{display:flex;flex-direction:column;align-items:center;gap:12px}.sp-upload{cursor:pointer;color:var(--sp-gold);font-size:12px}.sp-upload input{display:none}.sp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sp-fields label{font-size:11px;color:var(--sp-muted)}.sp-fields input{display:block;width:100%;box-sizing:border-box;margin-top:6px;border:1px solid var(--sp-border);background:#fffdf9;color:var(--sp-text);border-radius:13px;padding:11px}.sp-fields button{grid-column:1/-1;justify-self:start}.sp-profile-notice{padding:10px 13px;border-radius:12px;margin-bottom:12px;font-size:12px}.sp-profile-notice.success{background:rgba(208,142,39,.1)}.sp-profile-notice.error{background:rgba(150,60,40,.08)}
/* Full viewport shell + profile overlay */
.sp-account-app{isolation:isolate}
.sp-account-app:before,.sp-login-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.28) 48%,transparent 62%);transform:translateX(-120%);animation:spSheen 11s ease-in-out infinite;z-index:0}
.sp-sidebar,.sp-main{animation:spRise .7s cubic-bezier(.2,.8,.2,1) both}.sp-main{animation-delay:.08s}
.sp-service-card{animation:spCardIn .6s cubic-bezier(.2,.8,.2,1) both}.sp-service-card:nth-child(2){animation-delay:.05s}.sp-service-card:nth-child(3){animation-delay:.1s}.sp-service-card:nth-child(4){animation-delay:.15s}.sp-service-card:nth-child(5){animation-delay:.2s}.sp-service-card:nth-child(6){animation-delay:.25s}
@keyframes spSheen{0%,55%,100%{transform:translateX(-120%)}70%{transform:translateX(120%)}}@keyframes spRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes spCardIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.sp-profile-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px;background:rgba(46,45,39,.24);backdrop-filter:blur(13px);animation:spOverlayIn .25s ease both}.sp-profile-overlay[hidden]{display:none!important}
.sp-profile-dialog{position:relative;width:min(850px,calc(100vw - 34px));max-height:min(820px,calc(100vh - 34px));overflow:auto;margin:0!important;box-shadow:0 35px 110px rgba(46,45,39,.25),0 0 60px rgba(208,142,39,.12);animation:spDialogIn .35s cubic-bezier(.2,.8,.2,1) both}.sp-profile-close{position:absolute;top:17px;left:17px;width:38px;height:38px;border:1px solid rgba(188,185,179,.7);border-radius:12px;background:rgba(255,253,248,.8);color:var(--sp-text);font-size:23px;line-height:1;cursor:pointer;transition:.25s;z-index:2}.sp-profile-close:hover{transform:rotate(8deg) scale(1.05);border-color:rgba(208,142,39,.45);box-shadow:0 0 22px rgba(208,142,39,.15)}
@keyframes spOverlayIn{from{opacity:0}to{opacity:1}}@keyframes spDialogIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}body.sp-profile-open{overflow:hidden}
/* Login */
.sp-login-page{min-height:100vh;min-height:100svh;padding:30px 18px;background:radial-gradient(circle at 8% 20%,rgba(208,142,39,.12),transparent 28%),radial-gradient(circle at 90% 85%,rgba(232,212,165,.2),transparent 30%),linear-gradient(135deg,var(--sp-bg),var(--sp-bg2));display:grid;place-items:center}.sp-login-layout{width:min(1180px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:stretch}.sp-login-showcase{position:relative;overflow:hidden;animation:spLoginLeft .75s cubic-bezier(.2,.8,.2,1) both;padding:42px;border-radius:34px;background:linear-gradient(145deg,rgba(255,253,248,.88),rgba(246,240,233,.72));border:1px solid rgba(188,185,179,.75);box-shadow:0 25px 80px rgba(65,57,42,.09)}.sp-brand-login{margin-bottom:28px}.sp-login-kicker{display:inline-block;color:var(--sp-gold);font-weight:800;font-size:11px;letter-spacing:.2px}.sp-login-showcase h1{font-size:38px;line-height:1.55;margin:12px 0}.sp-login-showcase h1 em{font-style:normal;color:var(--sp-gold)}.sp-login-showcase>p{color:var(--sp-muted);line-height:2.15;font-size:13px;max-width:700px}.sp-login-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:25px}.sp-login-service{display:flex;gap:10px;padding:12px;border-radius:17px;background:rgba(255,255,255,.45);border:1px solid rgba(188,185,179,.45)}.sp-login-service>span{width:33px;height:33px;display:grid;place-items:center;border-radius:11px;background:rgba(208,142,39,.1);color:var(--sp-gold)}.sp-login-service strong,.sp-login-service small{display:block}.sp-login-service strong{font-size:12px}.sp-login-service small{font-size:10px;color:var(--sp-muted);margin-top:3px}.sp-login-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.sp-login-points span{font-size:10px;color:var(--sp-muted);padding:7px 9px;border-radius:999px;border:1px solid rgba(188,185,179,.5);background:rgba(255,255,255,.38)}
.sp-login-card-wrap{display:flex;align-items:center}.sp-login-card{width:100%;animation:spLoginRight .85s .08s cubic-bezier(.2,.8,.2,1) both;padding:27px;border-radius:30px;background:rgba(251,248,240,.92);border:1px solid rgba(188,185,179,.82);box-shadow:0 25px 80px rgba(65,57,42,.12);backdrop-filter:blur(18px)}.sp-login-card-head{display:flex;align-items:center;gap:11px;margin-bottom:22px}.sp-login-card-head>div{flex:1}.sp-login-card-head strong,.sp-login-card-head small{display:block}.sp-login-card-head strong{font-size:18px}.sp-login-card-head small{font-size:11px;color:var(--sp-muted);margin-top:4px}.sp-login-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#D08E27,#B87920);box-shadow:0 10px 30px rgba(208,142,39,.22)}.sp-live-dot{width:7px;height:7px;border-radius:50%;background:var(--sp-gold);box-shadow:0 0 0 5px rgba(208,142,39,.1),0 0 16px rgba(208,142,39,.55);animation:spDot 2s infinite}.sp-login-form-area{background:rgba(255,255,255,.42);border-radius:20px;padding:17px;border:1px solid rgba(188,185,179,.4)}.sp-login-form-area input{max-width:100%;box-sizing:border-box}.sp-login-footnote{display:flex;justify-content:space-between;gap:10px;margin-top:16px;color:var(--sp-placeholder);font-size:9px}.sp-login-form-area form{margin:0}@keyframes spLoginLeft{from{opacity:0;transform:translateX(-28px) scale(.985)}to{opacity:1;transform:none}}@keyframes spLoginRight{from{opacity:0;transform:translateX(28px) scale(.985)}to{opacity:1;transform:none}}@keyframes spDot{50%{opacity:.45;transform:scale(.75)}}
@media(max-width:980px){.sp-account-app{grid-template-columns:1fr}.sp-sidebar{position:relative;top:auto}.sp-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sp-nav-label{grid-column:1/-1}.sp-login-layout{grid-template-columns:1fr}.sp-login-showcase{padding:30px}.sp-login-showcase h1{font-size:31px}}
@media(max-width:640px){.sp-account-app{padding:10px;gap:12px}.sp-sidebar{border-radius:20px;padding:14px}.sp-nav{grid-template-columns:1fr 1fr}.sp-topbar{align-items:flex-start}.sp-topbar h1{font-size:22px}.sp-user-text{display:none}.sp-hero,.sp-section-hero{padding:23px;border-radius:22px}.sp-hero h2,.sp-section-hero h2{font-size:23px}.sp-hero-glow,.sp-ring{width:100px;height:100px}.sp-service-grid{grid-template-columns:1fr 1fr}.sp-profile-form{grid-template-columns:1fr}.sp-fields{grid-template-columns:1fr}.sp-login-page{padding:14px;min-height:100vh}.sp-login-showcase{padding:22px;border-radius:25px}.sp-login-showcase h1{font-size:26px}.sp-login-services{grid-template-columns:1fr}.sp-login-card{padding:20px;border-radius:24px}.sp-login-footnote{flex-direction:column}.sp-profile-overlay{padding:10px}.sp-profile-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);padding:18px}.sp-module-view-head{flex-direction:column}}