@font-face{font-family:Vazirmatn;src:url('/assets/fonts/Vazirmatn-wght.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#101722;--panel:rgba(255,255,255,.075);--line:rgba(255,255,255,.12);--text:#f4f6f8;--muted:#a9b4c1;--accent:#55d6a5;--danger:#ff8a8a}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 8%,#24443e 0,transparent 34%),radial-gradient(ellipse at 90% 75%,#29334e 0,transparent 38%),var(--bg);color:var(--text);font-family:Vazirmatn, sans-serif}button,input{font:inherit}.shell{width:min(1040px,calc(100% - 36px));margin:auto;min-height:100vh;display:flex;flex-direction:column;padding:24px 0 16px}.glass{background:var(--panel);border:1px solid var(--line);box-shadow:0 18px 50px #0002;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:22px}.topbar{min-height:66px;padding:10px 18px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:700;text-decoration:none;margin-left:auto}.brand img{width:42px;height:42px;object-fit:contain}.muted{color:var(--muted)}.small{font-size:.82rem}.login-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch;margin:auto 0;padding:54px 0}.welcome,.login-card{padding:clamp(24px,5vw,48px);position:relative;overflow:hidden}.welcome{display:flex;flex-direction:column;justify-content:center;min-height:390px}.eyebrow{font-size:.75rem;letter-spacing:.12em;color:var(--accent);font-weight:700}.welcome h1,.page-heading h1{font-size:clamp(2rem,5vw,3.4rem);margin:14px 0 8px}.welcome p{color:var(--muted);max-width:360px;line-height:2}.welcome-mark{position:absolute;left:34px;bottom:-90px;font-size:290px;line-height:1;color:#ffffff08;font-weight:900;pointer-events:none}.login-card{display:flex;flex-direction:column;gap:12px;justify-content:center}.login-card h2{margin:0 0 10px}.login-card label,.account-form label{font-size:.9rem;color:#dbe2e9}.input, input{min-width:0;width:100%;background:#0b111a99;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #55d6a522}.button{border:0;border-radius:12px;padding:11px 18px;cursor:pointer;font-weight:700;transition:transform .15s,filter .15s}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button-primary{background:var(--accent);color:#10231c;margin-top:8px}.button-quiet{background:#ffffff12;color:var(--text);border:1px solid var(--line)}.button-danger{background:#ff6b6b20;color:#ffb1b1;border:1px solid #ff6b6b55;padding:8px 12px}.hidden{display:none!important}.notice{margin:18px 0 0;padding:12px 16px;border-radius:12px;background:#ffb84d1a;border:1px solid #ffb84d55;color:#ffdda7}.notice.success{background:#55d6a518;border-color:#55d6a555;color:#a7f2d3}.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-heading{margin:32px 0 18px}.page-heading h1{font-size:2rem;margin:4px 0}.badge{border:1px solid var(--line);background:#ffffff0b;border-radius:999px;padding:6px 12px;color:#dce6ed;font-size:.82rem}.gateway-banner{padding:13px 16px;border-radius:14px;margin-bottom:18px;background:#ffb84d15;border:1px solid #ffb84d55;color:#ffdda7}.gateway-banner.enforced{background:#55d6a515;border-color:#55d6a555;color:#a7f2d3}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{padding:19px;display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:.88rem}.stat-card strong{color:var(--text);font-size:1.5rem;direction:ltr;text-align:right}.stat-card small{font-size:.76rem}.section-heading{margin:30px 0 12px}.section-heading h2{margin:0;font-size:1.2rem}.section-heading p{margin:4px 0 0;font-size:.88rem}.session-list,.account-list{display:grid;gap:10px}.session-card,.account-row{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:16px;background:#ffffff08;border:1px solid var(--line)}.session-info{flex:1;min-width:0}.session-info strong,.session-info span{display:block;overflow-wrap:anywhere}.session-info span{font-size:.82rem;color:var(--muted);margin-top:4px}.session-icon{width:40px;height:40px;display:grid;place-items:center;background:#55d6a518;color:var(--accent);border-radius:13px}.empty{padding:22px;text-align:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.it-section{margin:38px 0 20px;padding-top:22px;border-top:1px solid var(--line)}.account-form{padding:16px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}.account-form label{display:grid;gap:7px}.account-row .session-info{display:flex;gap:12px;align-items:center}.account-row .session-info span{margin:0}.status-enabled{color:var(--accent)!important}.status-disabled{color:var(--danger)!important}footer{margin-top:auto;text-align:center;padding-top:34px;color:#85919e;font-size:.78rem}footer span{color:var(--accent);padding:0 5px}
.daily-panel{min-height:110px;margin-top:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.daily-panel h2{margin:0;font-size:1.05rem}.daily-panel p{margin:5px 0 0;font-size:.85rem}.daily-mark{font-size:2.4rem;color:#ffffff55}
.button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.6;cursor:wait}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){.login-layout{grid-template-columns:1fr;padding:30px 0}.welcome{min-height:220px}.welcome-mark{font-size:210px;bottom:-65px}.stats-grid{grid-template-columns:repeat(2,1fr)}.account-form{grid-template-columns:1fr 1fr}.account-form button{grid-column:1/-1}.topbar{padding:8px 12px}.shell{width:min(100% - 24px,600px)}}@media(max-width:430px){.stats-grid{gap:8px}.stat-card{padding:14px}.stat-card strong{font-size:1.18rem}.account-form{grid-template-columns:1fr}.account-form button{grid-column:auto}.session-card,.account-row{padding:12px}.page-heading h1{font-size:1.65rem}}

.service-status{padding:14px 18px;margin:16px 0;line-height:1.9}.service-status[data-state="active"]{border-color:#55d6a5}.service-status[data-state="quota_exhausted"],.service-status[data-state="account_disabled"]{border-color:#ffae90;color:#ffdccb}.service-status[data-state="session_expired"]{border-color:#e8c547}

/* Reference: dashboard-sample.jpg — smoked glass, compact rail, cyan/yellow rings. */
:root{--bg:#233a42;--panel:rgba(219,229,229,.085);--line:rgba(255,255,255,.16);--text:#f7f8f6;--muted:#c5cece;--accent:#d9e777}
body{background:#20363e;isolation:isolate}.room-scene{position:fixed;inset:-20px;z-index:-2;overflow:hidden;filter:blur(10px);background:linear-gradient(0deg,#8b795b 0%,#756851 18%,transparent 18%),radial-gradient(ellipse at 28% 28%,#50727c,transparent 58%),#182e37}.room-window{position:absolute;right:7%;top:7%;height:58%;width:18%;background:#0f2027;border:8px solid #3c5053;box-shadow:0 0 70px #1118}.room-cabinet{position:absolute;bottom:17%;left:18%;width:65%;height:22%;background:repeating-linear-gradient(90deg,#95998d 0%,#a8aaa0 24%,#777d76 25%);border-top:12px solid #b1ab97;box-shadow:0 20px 40px #0008}.room-plant{position:absolute;left:6%;bottom:17%;width:11%;height:42%;background:radial-gradient(ellipse at 35% 20%,#6e8641 0%,transparent 34%),radial-gradient(ellipse at 80% 45%,#718d4a,transparent 40%),radial-gradient(ellipse at 25% 70%,#688744,transparent 38%);border-bottom:65px solid #b8b4a0;border-radius:45% 45% 28% 28%}.shell{position:relative;width:min(1060px,calc(100% - 140px));min-height:0;margin:8vh auto;padding:25px 28px 18px;border:1px solid #ffffff30;border-radius:26px;background:linear-gradient(125deg,#77949b65,#242e338c 62%,#b7c5bf55);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 28px 90px #06171c66,inset 0 1px #ffffff14}.side-rail{position:absolute;right:-65px;top:125px;width:44px;padding:12px 0;display:flex;align-items:center;flex-direction:column;gap:25px;background:#94afb135;border:1px solid #ffffff30;border-radius:24px;color:#edf4ed;box-shadow:0 8px 25px #0002}.side-rail span{font-size:20px}.side-rail .rail-logo{border:1px solid #ffffff55;border-radius:50%;width:29px;height:29px;text-align:center;font-weight:700}.rail-bottom{margin-top:20px}.glass{border-radius:15px;box-shadow:none;background:linear-gradient(130deg,#dbe6e616,#e1e8e807);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #ffffff09}.topbar{background:transparent;border:0;padding:0 0 20px;min-height:58px;border-radius:0;box-shadow:none;backdrop-filter:none}.brand{gap:14px}.brand img{width:52px;height:42px}.brand span{border-right:1px solid #ffffff30;padding-right:14px;font-size:.9rem;font-weight:500}#today{font-size:.76rem}.service-status{font-size:.85rem;padding:10px 15px;margin:0 0 14px;border-color:#ffffff1a}.service-status[data-state=active]{border-color:#a9dc8655;background:#9acb6f12}.login-layout{gap:18px;padding:0;margin:0;grid-template-columns:1.15fr 1fr}.welcome,.login-card{padding:32px}.welcome{min-height:390px}.welcome h1{font-size:2.5rem;font-weight:600}.eyebrow{color:#e0e7b3;letter-spacing:.03em;font-weight:500}.welcome p{font-size:.9rem}.login-card h2{font-size:1.25rem;font-weight:600}.access-overview{display:flex;gap:22px;align-items:center;margin-top:24px}.access-ring,.usage-ring{width:145px;height:145px;flex-shrink:0;border-radius:50%;padding:13px;background:conic-gradient(#e4d83c 0 42%,#38bce3 42% 76%,#d5e7e526 76%)}.access-ring>div,.usage-ring>div{height:100%;border-radius:50%;background:#455960;display:flex;align-items:center;justify-content:center;flex-direction:column}.access-ring strong{font-size:2.3rem}.access-ring span,.usage-ring span{font-size:.7rem;color:#dce4e4}.access-features{font-size:.76rem;color:#e0e6e4;line-height:1.8}.access-features i{display:inline-block;width:5px;height:5px;background:#e4d83c;border-radius:50%;margin-left:7px}.access-features p:nth-child(2) i{background:#38bce3}.access-features p:nth-child(3) i{background:#bbd564}input{background:#1a2c324d;border-color:#ffffff25;border-radius:9px;padding:11px 13px}.button{border-radius:9px;font-size:.84rem}.button-primary{background:#d7e47c;color:#263923}.button-primary:hover{background:#e1ec96}.page-heading{margin:20px 0 16px}.page-heading h1{font-size:1.6rem;font-weight:600}.badge{background:#d4e87b26;border-color:#d4e87b40;color:#e7f3c5}.gateway-banner{font-size:.8rem;padding:10px 14px}.gateway-banner.enforced{border-color:#a2d57d40;color:#d9efc4;background:#a2d57d12}.stats-grid{gap:12px}.stat-card{padding:18px;gap:10px}.stat-card strong{font-weight:600;font-size:1.45rem}.stat-card:first-child{background:#d4e87b16}.stat-card:nth-child(2){background:#38bce311}.quota-overview{margin-top:14px;display:flex;justify-content:space-between;align-items:center;padding:22px 28px}.quota-overview h2{font-size:1.25rem;margin:9px 0}.quota-overview p{font-size:.85rem}.usage-ring{width:130px;height:130px;padding:12px;background:conic-gradient(#e4d83c var(--used,0%),#38bce3 var(--used,0%) 100%)}.usage-ring strong{font-size:1.45rem}.daily-panel{min-height:85px}.daily-panel p{font-size:.78rem}.section-heading{margin-top:24px}.section-heading h2{font-size:1.05rem}.session-info strong{font-size:.85rem;font-weight:500;direction:ltr;text-align:right;max-width:560px}.session-info span{font-size:.75rem}.session-card,.account-row{background:#dce7e70a;border-color:#ffffff12;border-radius:12px}.session-icon{background:#cddb8a20;color:#deedac}.it-section{margin-top:26px}.account-list{margin-top:12px}.account-row .session-info strong{direction:inherit}footer{padding-top:24px;color:#d4ded3aa;font-size:.7rem}
@media(min-width:1450px){.shell{margin:12vh auto}}@media(max-width:900px){.shell{width:calc(100% - 95px);margin:32px auto;padding:20px}.access-overview{gap:12px;flex-direction:column;align-items:flex-start}.welcome,.login-card{padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{width:calc(100% - 28px);margin:14px auto;border-radius:20px;padding:18px}.side-rail{display:none}.login-layout{grid-template-columns:1fr;gap:12px;padding:0}.welcome{min-height:0;padding:24px}.welcome h1{font-size:1.9rem}.access-overview{flex-direction:row;align-items:center;margin-top:12px}.access-ring{width:110px;height:110px;padding:10px}.access-ring strong{font-size:1.7rem}.access-ring span{font-size:.6rem}.access-features{font-size:.7rem}.topbar{gap:10px;flex-wrap:wrap}.brand span{font-size:.78rem}.brand img{width:42px}#today{font-size:.65rem}.login-card{padding:24px}.quota-overview{padding:18px;gap:15px}.quota-overview h2{font-size:1.05rem}.usage-ring{width:105px;height:105px;padding:9px}.session-card{flex-wrap:wrap}.session-info{min-width:150px}.session-card .button{margin-right:auto}.account-row .session-info{align-items:flex-start;flex-direction:column;gap:4px}}@media(max-width:400px){.brand span{display:none}.stat-card strong{font-size:1.1rem}.quota-overview p{font-size:.7rem}.access-overview{gap:12px}}

/* Double-size LAZIZ logo, neutral white glow. */
.brand img{width:104px;height:84px;filter:drop-shadow(0 0 5px #ffffffb3) drop-shadow(0 0 15px #ffffff66)}
@media(max-width:760px){.brand img{width:84px;height:84px}.topbar{min-height:100px}}

/* Exact variant 4 from docs/artifacts/logo-glow-4.html. */
.brand .portal-logo{width:104px;height:84px;flex:none;position:relative;display:grid;place-items:center;isolation:isolate;padding:0;border:0}
.brand .portal-logo img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;animation:white-breathe 4.2s ease-in-out infinite}
.portal-logo:before,.portal-logo:after{content:'';position:absolute;border-radius:50%;pointer-events:none;z-index:-1}
.portal-logo:before{inset:-40%;background:radial-gradient(circle,#e9faff50,transparent 70%);animation:halo-breathe 4.2s ease-in-out infinite}
.portal-logo:after{z-index:3;inset:0;background:linear-gradient(105deg,transparent 32%,#ffffff00 38%,#ffffff66 48%,#ffffff00 58%,transparent 66%);background-size:280% 100%;animation:white-sheen 4.2s ease-in-out infinite}
@keyframes white-breathe{0%,100%{filter:drop-shadow(0 0 3px #fffbd990) drop-shadow(0 0 9px #e6fbff70)}50%{filter:drop-shadow(0 0 7px #fffbd9df) drop-shadow(0 0 19px #e6fbffc0)}}
@keyframes halo-breathe{0%,100%{transform:scale(.86);opacity:.55}50%{transform:scale(1.16);opacity:1}}
@keyframes white-sheen{0%,15%{background-position:170% 0}65%,100%{background-position:-70% 0}}
@media(max-width:760px){.brand .portal-logo{width:84px;height:84px}}
@media(max-width:400px){.brand .portal-logo{display:grid}}
@media(prefers-reduced-motion:reduce){.portal-logo img,.portal-logo:before,.portal-logo:after{animation:none!important}.portal-logo:after{display:none}}

/* Balanced brand lockup: compact logo and readable portal title. */
.brand{gap:18px}
.brand .portal-logo{width:76px;height:76px}
.brand>span:not(.portal-logo){font-size:1.15rem;font-weight:650;line-height:1.7;padding-right:18px}
@media(max-width:760px){.brand{gap:12px}.brand .portal-logo{width:64px;height:64px}.brand>span:not(.portal-logo){font-size:1rem;padding-right:12px}.topbar{min-height:80px}}
@media(max-width:400px){.brand>span:not(.portal-logo){display:inline;font-size:.9rem}.brand .portal-logo{width:58px;height:58px}}

/* Build the access emblem after the introductory count, once per page load. */
.access-ring{position:relative;background:transparent;padding:13px}
.access-ring>div{position:relative;background:#45596088}
.access-orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}
.access-orbit circle{fill:none;stroke-width:10}
.orbit-track{stroke:#d5e7e51a}
.orbit-color{stroke:url(#access-spectrum);stroke-linecap:round;stroke-dasharray:314.16;stroke-dashoffset:0;animation:access-orbit-build 1.15s cubic-bezier(.22,1,.36,1) 1.15s both;filter:drop-shadow(0 0 3px #38bce326)}
.access-count{font-variant-numeric:tabular-nums;animation:access-number-settle .4s ease-out 1.12s both}
@keyframes access-orbit-build{from{stroke-dashoffset:314.16;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@keyframes access-number-settle{from{transform:scale(1.12)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.orbit-color,.access-count{animation:none!important}}

/* No decorative navigation: the nonfunctional side rail has been removed. */
@media(min-width:761px){.shell{width:min(1060px,calc(100% - 64px))}}