:root{--portal-ink:#252b35;--portal-muted:#66717c;--portal-card:#fffdfa;--portal-line:#eedfce}
*{box-sizing:border-box}html,body{margin:0}body.portal-body{font-family:Vazirmatn,Tahoma,sans-serif;color:var(--portal-ink);background:radial-gradient(circle at 8% 80%,#ffe7c7 0,transparent 28%),radial-gradient(circle at 88% 12%,#ffe0bb 0,transparent 26%),#fff9f2;min-height:100svh}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}
.portal-wrap{max-width:1480px;margin:0 auto;padding:0 clamp(18px,3vw,48px);min-height:100svh;display:flex;flex-direction:column}.portal-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e9d8c5;flex:none}.portal-logo{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:900}.portal-logo:first-letter{color:#e96815}.portal-logo small{font-size:13px;font-weight:800;color:#d75c14}.portal-nav nav{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:800}.portal-nav nav a:not(.nav-signup):hover{color:#d85b13}.nav-signup,.nav-icon{background:#fff;border:1px solid #e9d1b9;color:#9f4917;border-radius:12px;padding:9px 14px}.nav-signup{background:#f97316;color:#fff;border-color:#f97316}.nav-icon:hover{background:#fff0df}.nav-user{color:#72747a}
.landing-main{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;min-height:0;padding:28px 0}.landing-copy{position:relative;z-index:1}.landing-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#b6581d}.landing-eyebrow span{width:7px;height:7px;border-radius:50%;background:#f97316;box-shadow:0 0 0 4px #ffead5}.landing-copy h1{font-size:clamp(40px,5.3vw,78px);line-height:1.35;letter-spacing:-.04em;margin:18px 0 16px;font-weight:900}.landing-copy h1 em{font-style:normal;color:#e96815}.landing-copy>p{font-size:clamp(13px,1.2vw,16px);line-height:2;max-width:580px;color:var(--portal-muted);margin:0}.landing-actions{display:flex;gap:12px;align-items:center;margin-top:28px}.action-primary,.action-secondary{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:48px;padding:10px 22px;border-radius:13px;font-weight:800;font-size:13px;border:0}.action-primary{color:#fff;background:linear-gradient(135deg,#fb923c,#e75c0d);box-shadow:0 12px 26px #e55a1433}.action-primary:hover{filter:brightness(1.06);transform:translateY(-2px)}.action-secondary{background:#fff;border:1px solid #e9d3bf;color:#91461a}.full{width:100%;margin-top:10px}.landing-points{display:flex;flex-wrap:wrap;gap:10px 18px;color:#866b58;font-size:11px;font-weight:700;margin-top:32px}
.landing-visual{height:min(62vh,530px);min-height:330px;position:relative;display:grid;place-items:center;isolation:isolate}.landing-visual:before{content:"";position:absolute;width:min(76%,390px);aspect-ratio:1;background:linear-gradient(135deg,#ffdfbd,#ffbc7d);border-radius:46% 54% 52% 48%;transform:rotate(-12deg);box-shadow:0 24px 70px #ce692834;z-index:-1}.visual-orbit{position:absolute;width:86%;aspect-ratio:1;border:1px solid #e8ab7580;border-radius:50%;transform:rotate(-20deg)}.orbit-two{width:68%;transform:rotate(22deg)}.visual-owl{scale:2.25}.visual-owl .hero-art:after{right:0}.visual-card{position:absolute;background:#fffcf7ed;backdrop-filter:blur(12px);border:1px solid #f1d7b9;border-radius:18px;padding:15px 18px;box-shadow:0 16px 38px #8a4d1b25;min-width:150px}.visual-card small,.visual-card strong{display:block}.visual-card small{color:#a57451;font-size:10px}.visual-card strong{font-size:17px;margin-top:2px}.visual-card-one{top:12%;left:5%;animation:card-float 5s ease-in-out infinite}.visual-card-two{bottom:12%;right:2%;animation:card-float 5s ease-in-out -2s infinite}.visual-bars{display:flex;align-items:end;gap:5px;height:28px;margin-top:8px}.visual-bars i{display:block;width:14px;background:#fa8c3d;border-radius:4px 4px 0 0}.visual-bars i:nth-child(1){height:40%}.visual-bars i:nth-child(2){height:80%}.visual-bars i:nth-child(3){height:60%}.visual-line{display:flex;gap:5px;margin-top:12px}.visual-line i{height:6px;border-radius:9px;background:#aab5c1;width:55px}.visual-line i+ i{width:85px;background:#f97316}@keyframes card-float{50%{transform:translateY(-8px)}}
.landing-footer{height:52px;flex:none;border-top:1px solid #eadac9;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#977d69;font-size:10px}
.auth-main{flex:1;display:grid;grid-template-columns:1fr minmax(340px,450px);gap:5%;align-items:center;padding:32px 0}.auth-intro h1{font-size:clamp(32px,4.2vw,58px);margin:14px 0;color:#272c35}.auth-intro p{color:var(--portal-muted);max-width:500px;line-height:2;font-size:14px}.auth-symbol{margin-top:28px;width:140px;height:130px;border-radius:34px;background:#ffdfbb;display:grid;place-items:center;transform:rotate(-7deg)}.auth-symbol .hero-art{scale:1.1;transform:rotate(7deg)}.auth-card,.admin-card{background:var(--portal-card);border:1px solid var(--portal-line);border-radius:24px;padding:clamp(20px,2.5vw,34px);box-shadow:0 20px 50px #71441a18}.card-eyebrow{color:#d45d16;font-weight:800;font-size:11px}.auth-card h2,.admin-card h2{margin:6px 0 4px;font-size:22px}.card-sub,.admin-card>p,.list-heading p{font-size:12px;color:var(--portal-muted);margin:0 0 20px}.auth-card form,.admin-card form{display:grid;gap:14px}.auth-card label,.admin-card label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#5a5e65}.auth-card input,.admin-card input{width:100%;padding:11px 12px;border-radius:11px;border:1px solid #e3d3c2;background:#fff;color:#242d36;outline:none;min-height:43px}.auth-card input:focus,.admin-card input:focus{border-color:#ee7b31;box-shadow:0 0 0 3px #f9731629}.form-message{font-size:11px;min-height:18px;color:#b34b18;margin:0}.auth-switch{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--portal-line);font-size:12px;color:var(--portal-muted)}.auth-switch a{font-weight:800;color:#e55f10}
.admin-wrap{max-width:1500px}.admin-main{flex:1;padding:28px 0}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.admin-heading h1{margin:4px 0;font-size:28px}.admin-heading p{font-size:12px;color:var(--portal-muted);margin:0}.admin-badge{font-size:11px;color:#b24c15;background:#fff0e1;border:1px solid #f2cfaa;padding:7px 12px;border-radius:12px}.admin-grid{display:grid;grid-template-columns:minmax(290px,390px) minmax(0,1fr);gap:18px;align-items:start}.admin-card h2{font-size:17px}.list-heading{display:flex;align-items:start;justify-content:space-between;gap:10px}.booklet-list{display:grid;gap:9px;max-height:70vh;overflow:auto}.booklet-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid var(--portal-line);border-radius:14px;background:#fffaf5}.booklet-item strong,.booklet-item small{display:block}.booklet-item strong{font-size:13px}.booklet-item small{font-size:10px;color:var(--portal-muted);margin-top:3px;overflow-wrap:anywhere}.booklet-actions{display:flex;align-items:center;gap:9px;flex:none}.booklet-status{font-size:10px;padding:5px 8px;border-radius:9px;background:#f2ebe3;color:#6c6d75}.booklet-status.published{background:#dbf5e7;color:#087b4d}.booklet-status.draft{background:#fff0d8;color:#a3530c}.booklet-actions button{font-size:10px;font-weight:800;border:1px solid #eab98d;background:#fff6eb;color:#ad541b;border-radius:9px;padding:7px 10px}.booklet-actions button:hover{background:#ffe2c5}.empty-list{color:var(--portal-muted);font-size:12px}
html[data-theme="dark"]{--portal-ink:#edf1f5;--portal-muted:#b5c0cb;--portal-card:#25313d;--portal-line:#40505e;color-scheme:dark}html[data-theme="dark"] body.portal-body{background:radial-gradient(circle at 10% 82%,#343c40,transparent 33%),radial-gradient(circle at 90% 10%,#493426,transparent 28%),#17212b;color:var(--portal-ink)}html[data-theme="dark"] .portal-nav,html[data-theme="dark"] .landing-footer{border-color:#3a4855}html[data-theme="dark"] .portal-logo,html[data-theme="dark"] .landing-copy h1,html[data-theme="dark"] .auth-intro h1{color:#f1f5f9}html[data-theme="dark"] .landing-copy h1 em,html[data-theme="dark"] .portal-logo small{color:#ffab69}html[data-theme="dark"] .nav-icon,html[data-theme="dark"] .action-secondary{background:#2e3b46;border-color:#53606a;color:#ffd1ad}html[data-theme="dark"] .nav-signup{background:#e96815}html[data-theme="dark"] .landing-points,html[data-theme="dark"] .landing-footer{color:#a9b4c2}html[data-theme="dark"] .landing-visual:before{background:linear-gradient(135deg,#754930,#423c3c)}html[data-theme="dark"] .visual-card{background:#27343deb;border-color:#674f3f}html[data-theme="dark"] .visual-card small{color:#d5ae8e}html[data-theme="dark"] .auth-card,html[data-theme="dark"] .admin-card{background:#25313d;border-color:#40505e}html[data-theme="dark"] .auth-card label,html[data-theme="dark"] .admin-card label{color:#d2dce6}html[data-theme="dark"] .auth-card input,html[data-theme="dark"] .admin-card input{background:#1b2732;border-color:#516171;color:#eff4f8}html[data-theme="dark"] .booklet-item{background:#1e2a35;border-color:#40505e}html[data-theme="dark"] .booklet-status{background:#3d4751;color:#d3dce5}html[data-theme="dark"] .booklet-status.published{background:#244b3a;color:#8cf1b7}html[data-theme="dark"] .booklet-status.draft{background:#51412e;color:#ffd498}html[data-theme="dark"] .booklet-actions button{background:#45372d;border-color:#815737;color:#ffcb9e}html[data-theme="dark"] .admin-badge{background:#453326;border-color:#765238;color:#ffc391}
@media(max-width:900px){.landing-main{gap:0}.landing-visual{scale:.86}.admin-grid{grid-template-columns:1fr}.auth-main{gap:20px}}
@media(max-width:680px){.portal-nav{height:64px}.portal-logo small{display:none}.landing-main{grid-template-columns:1fr;padding:24px 0}.landing-copy h1{font-size:42px}.landing-visual{min-height:180px;height:190px;scale:.58;margin:-25px 0}.landing-points{margin-top:20px}.landing-footer{height:auto;padding:12px 0}.landing-footer span+span{display:none}.auth-main{grid-template-columns:1fr;padding:20px 0}.auth-intro h1{font-size:28px}.auth-intro p,.auth-symbol{display:none}.auth-card{padding:22px}.admin-heading h1{font-size:23px}.booklet-item{align-items:flex-start;flex-direction:column;width:100%}.booklet-actions{width:100%;justify-content:space-between}.nav-user{display:none}}
@media(max-height:650px) and (min-width:681px){.landing-main{padding:8px 0}.landing-copy h1{font-size:clamp(36px,4.3vw,60px);margin:8px 0}.landing-actions{margin-top:14px}.landing-points{margin-top:14px}.landing-visual{height:360px;min-height:0;scale:.78}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.preview-panel{margin-top:20px;border:1px solid var(--portal-line);border-radius:16px;background:var(--portal-card);padding:16px}.preview-panel[hidden]{display:none}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.preview-heading button{border:0;background:#fff0e1;color:#a95118;border-radius:8px;width:28px;height:28px;font-size:19px}.quality-pills{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.quality-pills span{background:#fff1e1;color:#884b28;font-size:10px;border-radius:8px;padding:5px 8px}.quality-warning{font-size:11px;color:#a9403b;background:#fff0ee;padding:9px;border-radius:8px}.preview-hint{font-size:10px;color:var(--portal-muted);margin:10px 0}.preview-rows{max-height:280px;overflow:auto;display:grid;gap:6px}.preview-rows details{border:1px solid var(--portal-line);border-radius:9px;padding:8px;font-size:11px}.preview-rows summary{cursor:pointer;font-weight:800}.preview-rows dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:6px}.preview-rows dt{color:var(--portal-muted);font-size:10px}.preview-rows dd{margin:0;overflow-wrap:anywhere}html[data-theme="dark"] .quality-pills span,html[data-theme="dark"] .preview-heading button{background:#4a382c;color:#ffcb9b}html[data-theme="dark"] .quality-warning{background:#492d32;color:#ffc1bc}
.users-card{margin-top:18px}.user-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:9px}.user-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--portal-line);border-radius:13px;padding:11px;background:#fffaf5}.user-item strong,.user-item small{display:block}.user-item strong{font-size:11px}.user-item small{font-size:10px;color:var(--portal-muted);overflow-wrap:anywhere}.user-item>div:last-child{display:flex;align-items:center;gap:6px;flex:none}.user-item button,.user-pager button{font-size:10px;border:1px solid #dfc4aa;background:#fff5e9;color:#984a1a;border-radius:9px;padding:6px 8px}.user-pager{display:flex;gap:5px}.user-pager button:disabled{opacity:.45}.users-card .list-heading{margin-bottom:14px}html[data-theme="dark"] .user-item{background:#1e2a35}html[data-theme="dark"] .user-item button,html[data-theme="dark"] .user-pager button{background:#47372d;border-color:#785438;color:#ffce9f}

/* === Gorgeous Portal Nav & Landing CTA Buttons === */
.nav-portal-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);color:#fff!important;padding:9px 18px;border-radius:13px;font-size:13px;font-weight:800;box-shadow:0 4px 16px rgba(234,88,12,.32),inset 0 1px 0 rgba(255,255,255,.25);border:1px solid #ea580c;transition:all .22s cubic-bezier(.16,1,.3,1)}
.nav-portal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(234,88,12,.48);filter:brightness(1.05)}
.nav-portal-btn .btn-icon{width:16px;height:16px;flex-shrink:0}
.nav-login-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e7d2be;color:#9b4715;border-radius:12px;padding:8px 14px;font-size:12px;font-weight:800;transition:all .2s ease}
.nav-login-btn:hover{background:#fff3e6;border-color:#f97316;color:#ea580c;transform:translateY(-1px)}
.nav-login-btn .btn-icon{width:15px;height:15px}

.portal-nav .brand-container{display:flex;align-items:center;gap:11px}
.portal-nav .brand-title{display:flex;align-items:baseline;gap:8px;font-size:20px;font-weight:900;color:var(--portal-ink)}

/* === Auth Tabs and OTP Elements === */
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#f3e8dc;padding:4px;border-radius:14px;margin-bottom:18px}
.auth-card form[hidden]{display:none!important}
.auth-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;font-size:12px;font-weight:800;border:0;background:transparent;color:#786657;border-radius:10px;transition:all .2s ease}
.auth-tab-btn .btn-icon{width:15px;height:15px}
.auth-tab-btn.active{background:#fff;color:#d55811;box-shadow:0 2px 8px rgba(120,60,20,.12)}
html[data-theme="dark"] .auth-tabs{background:#1b2530}
html[data-theme="dark"] .auth-tab-btn{color:#9fb0bf}
html[data-theme="dark"] .auth-tab-btn.active{background:#2a3644;color:#ffba82;box-shadow:0 2px 10px rgba(0,0,0,.35)}

.otp-send-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.btn-send-otp{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:43px;padding:0 14px;background:#fff5ea;border:1px solid #f5cfab;color:#b45011;border-radius:11px;font-size:12px;font-weight:800;white-space:nowrap;transition:all .2s ease}
.btn-send-otp:hover:not(:disabled){background:#ffe8d1;border-color:#ea580c;color:#ea580c}
.btn-send-otp:disabled{background:#f1ebe5;border-color:#dcd2c7;color:#a29487;cursor:not-allowed;opacity:.7}
html[data-theme="dark"] .btn-send-otp{background:#35271e;border-color:#6c4327;color:#ffbe8a}
html[data-theme="dark"] .btn-send-otp:hover:not(:disabled){background:#4a3527;border-color:#ea580c}
html[data-theme="dark"] .btn-send-otp:disabled{background:#262c33;border-color:#3e4752;color:#6f7c89}

.otp-code-input{text-align:center;font-size:22px!important;font-weight:900!important;letter-spacing:8px!important;direction:ltr!important;padding:8px!important}
.input-hint{font-size:11px;color:var(--portal-muted);margin-top:2px}

/* === Button System with Icons for Action Buttons === */
.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 22px;border-radius:13px;font-weight:800;font-size:13px;border:0;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);text-decoration:none}
.btn-action .btn-icon{width:17px;height:17px;flex-shrink:0}
.btn-action-primary{color:#fff;background:linear-gradient(135deg,#fb923c,#ea580c);box-shadow:0 10px 24px rgba(234,88,12,.32)}
.btn-action-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 14px 30px rgba(234,88,12,.44)}
.btn-action-secondary{background:#fff;border:1px solid #e9d3bf;color:#91461a;box-shadow:0 2px 8px rgba(100,50,20,.05)}
.btn-action-secondary:hover{background:#fff5eb;border-color:#f97316;color:#ea580c;transform:translateY(-2px)}
html[data-theme="dark"] .btn-action-secondary{background:#2e3b46;border-color:#53606a;color:#ffd1ad}
html[data-theme="dark"] .btn-action-secondary:hover{background:#3a4855;border-color:#f97316}
.btn-action.full{width:100%;margin-top:14px}

/* === Revised Two-Corner Landing Footer === */
.portal-footer-revised{width:100%;border-top:1px solid var(--portal-line);padding:22px 0;margin-top:auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 28px}
.portal-footer-start{display:flex;align-items:center;gap:12px;min-width:260px}
.portal-footer-brand{display:flex;flex-direction:column;gap:2px}
.portal-footer-title{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:800;color:var(--portal-ink)}
.portal-footer-desc{font-size:11px;color:var(--portal-muted);margin:0}
.portal-footer-end{display:flex;align-items:flex-end;flex-direction:column;gap:5px}
.portal-footer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--portal-muted)}
.portal-footer-chip{background:#fff2e4;border:1px solid #fed7aa;color:#b45011;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:800}
html[data-theme="dark"] .portal-footer-chip{background:#3a291d;border-color:#6f4121;color:#ffbe8a}
@media(max-width:720px){.portal-footer-revised{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 0}.portal-footer-end{align-items:flex-start;width:100%}}
.receipt-review{margin-top:18px}.receipt-admin-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #eddfd1;padding:13px 0}.receipt-admin-row small{display:block;color:#746c65;margin-top:4px}.receipt-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.receipt-actions a,.receipt-actions button{border:1px solid #e7b185;border-radius:9px;background:#fff5ea;color:#a24b13;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer}@media(max-width:700px){.receipt-admin-row{flex-direction:column}}