/* Sadaf Alizadeh visual identity — presentation only. */
:root{--bg:#fff;--card:#fff;--ink:#111820;--muted:#626b72;--line:#dfe5e5;--accent:#50afb1;--accent-ink:#246f71;--r:8px}
body{background:#fff}
.auth-shell{background:linear-gradient(90deg,transparent 49.8%,#eaf2f2 50%,transparent 50.2%),#fff;background-size:100px 100%}
.auth-card{border-radius:80px 80px 8px 8px;box-shadow:none;padding:40px 32px}
.logo{border-radius:3px;color:#111820;letter-spacing:.03em}
.sidebar{border-color:var(--line)}
.nav{border-radius:4px;color:#525d64;border-left:2px solid transparent}
.nav.active{background:#edf7f7;border-left-color:var(--accent);color:var(--ink)}
.nav:hover{background:#f3f8f8}
header{border-bottom:1px solid var(--line);margin-bottom:28px;gap:20px}
.site-link{color:var(--muted);font-size:12px;text-decoration:none;margin-right:auto;padding:10px 0}
.site-link:hover{color:var(--accent-ink)}
.hero{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:38px;min-height:255px;gap:24px}
.hero:before{content:"";position:absolute;inset:auto 32px 0 auto;width:170px;height:210px;border:1px solid #b8cccc;border-bottom:0;border-radius:100px 100px 0 0;pointer-events:none}
.hero:after{width:110px;height:110px;border-radius:50%;background:#50afb1;right:62px;top:22px;opacity:.16;pointer-events:none}
.hero>div,.hero>button{position:relative}
.hero h1,.page-title h1{font-weight:500;letter-spacing:-.04em}
.hero p{color:var(--muted)}.hero .eyebrow,.eyebrow{color:var(--accent-ink)}
.primary{color:#111820;background:var(--accent);border-radius:5px}
.primary:hover,.manual-action:hover{background:#69bcbc}
.secondary{background:#fff;border-radius:5px;border-color:#cbd5d5}
.secondary:hover{background:#f1f8f8}
.text-btn{color:var(--accent-ink)}
.danger{color:var(--bad)}
:is(button,a,input,textarea,select):focus-visible{outline:2px solid #246f71;outline-offset:3px}
.field input,.input,.form-card textarea{border-radius:5px}
.field input:focus,.input:focus,.form-card textarea:focus{border-color:var(--accent)}
.usage-badge{background:#edf6f6;color:#345f60;border-radius:4px}
.platform-icon{border-radius:4px}.avatar{background:#edf6f6;color:#246f71}
.account-card{min-width:0;flex-wrap:wrap;gap:9px}.account-card small{overflow-wrap:anywhere}
.account-card .status{font-size:9px}.status.off{color:#5b6267}
.platform-option,.ig-mode{border-radius:5px}
.platform-option.selected,.ig-mode.selected{background:#eff8f8}
.config-card{background:#f0f8f8;border-color:#bfdadb;color:#285e60}
.draft-help{background:#f3f9f9;border-color:#c4dddd;border-radius:5px}
.draft-location{color:#346e70}.post-card.draft-card{border-color:#b9d8d9}
.instagram-options{background:#fafcfc;border-radius:6px}
.manual-action{background:var(--accent);color:#111820;border-radius:4px}
.delivery-summary{background:#f2f7f7;border-radius:5px}
.plan-card{border-radius:5px}.setup-box{border-radius:5px}
.profile{line-height:1.5}.auth-site-link{display:block;margin-top:24px;text-align:center;color:var(--accent-ink);font-size:12px;text-decoration:none}
@media(min-width:901px) and (max-width:1200px){.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding-left:28px;padding-right:28px}}
@media(max-width:900px){header{margin-bottom:18px;gap:12px}.site-link{margin-right:0;font-size:11px}.hero{padding:28px}.hero:before{right:18px;width:130px;height:180px}.hero:after{right:38px;width:90px;height:90px}}
@media(max-width:520px){.auth-card{padding:32px 22px;border-radius:60px 60px 8px 8px}.hero{border-radius:6px}.mini-brand{font-size:10px}.site-link{font-size:10px}.account-grid{grid-template-columns:1fr}.hero h1,.page-title h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}