@font-face{font-family:Vazirmatn;src:url('fonts/vazirmatn-ui-fd-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('fonts/vazirmatn-ui-fd-medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('fonts/vazirmatn-ui-fd-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:light;--ink:#171512;--muted:#81786e;--line:rgba(30,25,20,.09);--cream:#efe2cf;--cream2:#f7efe4;--green:#23845c;--green-soft:#eaf7f1;--warn:#9b6b28;--warn-soft:#fff6e8}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;overflow-x:hidden;font-family:Vazirmatn,Tahoma,Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 85% 12%,rgba(223,201,168,.52),transparent 31%),radial-gradient(circle at 10% 88%,rgba(247,239,228,.95),transparent 36%),linear-gradient(135deg,#fff 0%,#fefdfb 47%,#f2e5d2 100%)}
.status-orb{position:fixed;border-radius:999px;filter:blur(90px);pointer-events:none;opacity:.36}.orb-a{width:360px;height:360px;right:-150px;top:-170px;background:#e2ccb0}.orb-b{width:420px;height:420px;left:-220px;bottom:-220px;background:#f4e6d2}
.status-shell{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}
.storage-status-card{width:min(680px,100%);border:1px solid var(--line);border-radius:30px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(252,248,242,.82));box-shadow:0 30px 100px rgba(72,52,31,.12);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);overflow:hidden;position:relative}
.storage-status-card:after{content:"";position:absolute;left:-38px;top:62px;width:260px;aspect-ratio:2/1;background:url('brand/ellai-logo-dark.webp') center/contain no-repeat;opacity:.025;pointer-events:none}
.brand-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line);direction:ltr}.status-logo{width:108px;height:54px;display:block;object-fit:contain;object-position:left center}.brand-row span{font-size:9px;letter-spacing:.17em;color:#a08d76;font-weight:700}
.status-copy{padding:30px 2px 24px;position:relative;z-index:1}.overall-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:600}.overall-badge.ok{background:var(--green-soft);color:var(--green);border:1px solid rgba(35,132,92,.13)}.overall-badge.warn{background:var(--warn-soft);color:var(--warn);border:1px solid rgba(155,107,40,.15)}.live-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:pulse 2s infinite}.status-copy h1{font-size:clamp(30px,6vw,46px);letter-spacing:-.035em;margin:14px 0 7px}.status-copy p{margin:0;max-width:570px;color:var(--muted);font-size:13px;line-height:2.05}
.service-grid{display:grid;gap:8px}.service-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.64)}.service-item>div strong{display:block;direction:ltr;text-align:right;font-size:12px}.service-item>div span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.service-state{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;font-weight:600}.service-state i{display:block;width:7px;height:7px;border-radius:50%;background:currentColor}.service-state.ok{color:var(--green)}.service-state.warn{color:var(--warn)}
footer{margin-top:22px;padding-top:17px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:7px;color:#9b9186;font-size:9px;direction:ltr;letter-spacing:.03em}.footer-pulse{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(35,132,92,.09)}footer b{font-weight:400;color:#c7baaa}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(35,132,92,.28)}70%{box-shadow:0 0 0 7px rgba(35,132,92,0)}100%{box-shadow:0 0 0 0 rgba(35,132,92,0)}}
@media(max-width:600px){.status-shell{padding:13px}.storage-status-card{padding:20px 16px;border-radius:24px}.status-logo{width:90px;height:45px}.brand-row{padding-bottom:16px}.brand-row span{font-size:7px}.status-copy{padding:24px 2px 20px}.status-copy h1{font-size:32px}.status-copy p{font-size:12px}.service-item{align-items:flex-start;padding:12px;gap:10px}.service-item>div strong{font-size:11px}.service-item>div span{font-size:9px}.service-state{font-size:9px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}
