:root{--page:#f1e8da;--panel:#fff8eed1;--line:#5a3f2429;--heading:#1f2a24;--muted:#6f6557;--accent:#a47234;--accent-deep:#6f4b23;--shadow-soft:0 24px 60px #482f1b1f;--body-font:"Manrope", "Avenir Next", "Trebuchet MS", sans-serif;--display-font:"Cormorant Garamond", "Baskerville", "Palatino Linotype", serif;color:var(--muted);background:linear-gradient(180deg, #ffffff5c, transparent 18%), radial-gradient(circle at top, #ffffffb3, transparent 45%), var(--page);font:16px/1.6 var(--body-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{min-height:100%}body{overscroll-behavior-y:contain;background:linear-gradient(135deg,#6e4a2514,#0000 38%),radial-gradient(circle at 15% 15%,#ffffffb3,#0000 25%),linear-gradient(#f7efe4 0%,#efe2cf 100%);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.45;background-image:linear-gradient(#805e3b0a 1px,#0000 1px),linear-gradient(90deg,#805e3b0a 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}#root{min-height:100vh}h1,h2,h3{color:var(--heading);font-family:var(--display-font);line-height:1.02}h1{margin:0 0 1rem;font-size:clamp(3.3rem,8vw,5.6rem)}h2{margin:0;font-size:clamp(2rem,4vw,2.8rem)}h3{font-size:1.4rem}p{margin:0}.shell,.login-shell{z-index:1;min-height:100vh;position:relative}.login-shell{flex-direction:column;gap:1.5rem;padding:3rem;display:flex}.login-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,420px);align-items:center;gap:2rem;display:grid}.shell{max-width:1040px;padding:calc(1rem + env(safe-area-inset-top,0px)) 1rem calc(1rem + env(safe-area-inset-bottom,0px));margin:0 auto}.shell:before,.login-shell:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 0 0,#a4723433,#0000 26%),radial-gradient(circle at 100% 100%,#283f3429,#0000 28%);position:fixed;inset:0}.hero-panel,.panel,.login-card,.login-copy{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-panel{border-radius:28px;grid-template-columns:minmax(0,1fr) minmax(220px,320px) auto;align-items:start;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:grid}.eyebrow,.panel-kicker,.serial-tag,.feature-index,.status-label{text-transform:uppercase;letter-spacing:.18em}.eyebrow,.panel-kicker{color:var(--accent-deep);margin:0 0 .6rem;font-size:.78rem;font-weight:700}.hero-copy,.panel-copy,.footnote,.empty-state,.preview-description{color:var(--muted)}.hero-brand{margin-bottom:1rem}.hero-brand h1{letter-spacing:.02em;margin:0;font-size:clamp(4.2rem,11vw,7.2rem);line-height:.92}.hero-subtitle{color:var(--accent-deep);font-family:var(--body-font);letter-spacing:.14em;text-transform:uppercase;margin:.5rem 0 0;font-size:clamp(1.1rem,2.4vw,1.8rem);font-weight:600}.status-badge{border:1px solid var(--line);border-radius:20px;padding:1rem 1.1rem}.status-badge p{margin:.45rem 0 0;font-size:.95rem}.status-firebase{background:#376f531a}.status-local{background:#805e3b1a}.workspace{display:block}.view-switcher{border:1px solid var(--line);box-shadow:var(--shadow-soft);top:calc(.75rem + env(safe-area-inset-top,0px));z-index:5;background:#fff8eeb8;border-radius:999px;gap:.65rem;margin-bottom:1rem;padding:.45rem;display:inline-flex;position:sticky}.view-tab{color:var(--muted);background:0 0;padding:.8rem 1.2rem}.view-tab.is-active{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff9ef}.panel,.login-card,.login-copy{border-radius:28px}.panel,.login-card{padding:1.4rem}.login-copy{flex-direction:column;justify-content:center;min-height:420px;padding:3rem;display:flex}.login-top-logo{justify-content:center;width:100%;display:flex}.login-top-logo-image{width:min(340px,30vw);height:auto;display:block}.field{gap:.45rem;display:grid}.field span{color:var(--heading);font-size:.9rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.field-wide{grid-column:1/-1}input,textarea{box-sizing:border-box;width:100%;color:var(--heading);font:inherit;background:#fffbf2b3;border:1px solid #503d282e;border-radius:16px;padding:.85rem .95rem;transition:border-color .14s,transform .14s,box-shadow .14s}textarea{resize:vertical;min-height:120px}input:focus,textarea:focus{border-color:var(--accent);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #a472341f}button{font:inherit;cursor:pointer;border:none;border-radius:999px;transition:transform .14s,opacity .14s,background .14s}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}.primary-button,.secondary-button,.danger-button,.ghost-button{padding:.85rem 1.15rem}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff9ef}.secondary-button{color:var(--heading);background:#21322c14}.danger-button,.ghost-danger{color:#8e2b1b}.danger-button{background:#8e2b1b1a}.ghost-button{color:var(--heading);background:#21322c0f}.action-row,.inline-actions,.list-header,.panel-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.action-row{justify-content:flex-start;margin-top:1rem}.list-header{border-top:1px solid var(--line);margin-top:1.6rem;padding-top:1rem}.admin-list,.preview-list{gap:1rem;margin-top:1rem;display:grid}.admin-item,.preview-card{border:1px solid var(--line);background:#fffaf0b8;border-radius:22px;padding:1.05rem}.admin-item{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-item-copy{min-width:0}.admin-item-title{color:var(--heading);font-weight:700}.admin-item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.45rem;display:-webkit-box;overflow:hidden}.admin-meta{flex-wrap:wrap;gap:.55rem;margin-top:.7rem;display:flex}.admin-meta span{color:var(--heading);background:#a4723414;border-radius:999px;padding:.45rem .65rem;font-size:.82rem}.admin-item h3,.preview-card h3,.login-card h2{margin:0}.admin-item p,.preview-card p{margin:.35rem 0 0}.preview-panel{min-height:480px}.preview-frame{gap:1rem;margin-top:1rem;display:grid}.serial-tag{color:var(--accent-deep);margin:0;font-size:.75rem}.preview-counter{color:var(--accent-deep);font-size:.9rem;font-weight:700}.preview-controls{justify-content:flex-end;gap:.8rem;display:flex}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1rem;display:grid}.detail-grid div{background:#a4723414;border-radius:18px;padding:.85rem}.detail-grid dt{color:var(--muted);font-size:.8rem}.detail-grid dd{color:var(--heading);margin:.3rem 0 0}.error-banner{color:#8e2b1b;background:#8e2b1b14;border:1px solid #8e2b1b33;border-radius:16px;margin:1rem 0 0;padding:.9rem 1rem}.footnote{margin-top:1rem;font-size:.88rem}@media (width<=1080px){.login-grid,.hero-panel{grid-template-columns:1fr}.shell,.login-shell{padding:1rem}.login-copy{min-height:auto;padding:1.6rem}}@media (width<=700px){.login-top-logo-image{width:min(240px,56vw)}.hero-brand h1{font-size:clamp(3.3rem,17vw,5rem)}.hero-subtitle{font-size:.98rem}.shell,.login-shell{padding:calc(.85rem + env(safe-area-inset-top,0px)) .85rem calc(6rem + env(safe-area-inset-bottom,0px))}.form-grid,.detail-grid{grid-template-columns:1fr}.view-switcher{width:100%;top:auto;left:.85rem;right:.85rem;bottom:calc(.85rem + env(safe-area-inset-bottom,0px));background:#fff8eef0;border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0;display:grid;position:fixed}.view-switcher.is-preview-mode{left:auto;right:auto;top:calc(.75rem + env(safe-area-inset-top,0px));margin-bottom:1rem;position:sticky;bottom:auto}.view-tab,.primary-button,.secondary-button,.danger-button,.ghost-button{min-height:48px}.action-row,.inline-actions,.panel-header,.admin-item,.list-header,.preview-controls{flex-direction:column;align-items:stretch}.hero-panel{border-radius:22px}input,textarea{font-size:16px}}[dir=rtl] .eyebrow,[dir=rtl] .panel-kicker,[dir=rtl] .serial-tag,[dir=rtl] .view-tab,[dir=rtl] .field span,[dir=rtl] .admin-meta span,[dir=rtl] .detail-grid dt,[dir=rtl] .preview-field-label,[dir=rtl] .primary-button,[dir=rtl] .secondary-button,[dir=rtl] .danger-button,[dir=rtl] .ghost-button{letter-spacing:normal;text-transform:none;font-family:SF Arabic,Geeza Pro,Noto Naskh Arabic,Tahoma,sans-serif}[dir=rtl] .admin-item-title,[dir=rtl] .admin-item-description,[dir=rtl] .preview-field-value,[dir=rtl] .detail-grid dd,[dir=rtl] .panel-copy,[dir=rtl] .hero-copy,[dir=rtl] .footnote,[dir=rtl] .empty-state,[dir=rtl] input,[dir=rtl] textarea{font-family:SF Arabic,Geeza Pro,Noto Naskh Arabic,Tahoma,sans-serif}[dir=rtl] .eyebrow,[dir=rtl] .panel-kicker,[dir=rtl] .serial-tag,[dir=rtl] .preview-field-label,[dir=rtl] .field span,[dir=rtl] .detail-grid dt,[dir=rtl] .admin-meta span{line-height:1.5}[dir=rtl] .eyebrow,[dir=rtl] .panel-kicker{font-size:.92rem}[dir=rtl] .field span,[dir=rtl] .preview-field-label{font-size:1.08rem}[dir=rtl] .detail-grid dt{font-size:1rem}[dir=rtl] .preview-card .serial-tag{font-size:1.32rem}[dir=rtl] .admin-meta span{font-size:.92rem}@media (width<=720px){[dir=rtl] .eyebrow,[dir=rtl] .panel-kicker{font-size:.98rem}[dir=rtl] .field span,[dir=rtl] .preview-field-label,[dir=rtl] .detail-grid dt{font-size:1.12rem}[dir=rtl] .preview-card .serial-tag{font-size:1.4rem}}:root{--brand-logo-brown:#7a2f11}.hero-brand{justify-items:center;width:fit-content;display:grid}.hero-brand h1,.hero-subtitle,.preview-heading h2{color:var(--brand-logo-brown)}.hero-subtitle{font-family:var(--display-font);letter-spacing:.08em;text-align:center;text-transform:none;width:100%;font-size:clamp(2rem,4.5vw,3.15rem);font-weight:500}@media (width<=700px){.hero-subtitle{font-size:clamp(1.6rem,9vw,2.4rem)}}.view-switcher{width:fit-content;max-width:100%;margin:0 auto 1.4rem;display:flex;position:static;top:auto}.workspace-page{display:block}.view-tab{white-space:nowrap}@media (width<=720px){.view-switcher{box-sizing:border-box;border:1px solid var(--line);width:100%;box-shadow:var(--shadow-soft);background:#fff8eef0;border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0 0 1rem;padding:.45rem;display:grid;position:static;inset:auto}.view-tab{border-radius:20px;min-height:48px}}.preview-logo-wrap{justify-content:center;margin-bottom:1.25rem;display:flex}.preview-logo-image{filter:drop-shadow(0 18px 34px #222d2714);width:min(310px,72vw);height:auto;display:block}.preview-panel-header{justify-content:center;position:relative}.preview-heading{text-align:center}.preview-heading h2{margin:0;font-size:clamp(2.35rem,4.8vw,3.15rem)}.preview-title-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.preview-live-datetime{color:var(--accent-deep);text-align:center;margin:.55rem 0 0;font-size:1.3rem;font-weight:600;line-height:1.4}.preview-approval-number{color:var(--brand-logo-brown);font-family:var(--display-font);text-align:center;margin:.35rem 0 0;font-size:clamp(2.35rem,4.8vw,3.15rem);font-weight:700;line-height:1.02}.preview-main-fields{gap:1rem;margin-top:.85rem;display:grid}.preview-field-block{gap:.35rem;display:grid}.preview-field-label{color:var(--accent-deep);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:1.04rem;font-weight:700}.preview-field-value{color:var(--heading);margin:0;font-size:2.15rem;line-height:1.1}.preview-description.preview-field-value{font-size:1.5rem;line-height:1.35}.preview-card .detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-card .detail-grid dt{font-size:1.05rem}.preview-card .detail-grid dd{font-size:1.58rem;line-height:1.2}.preview-panel-header .preview-counter{position:absolute;bottom:.35rem;right:0}.preview-card .serial-tag{text-align:center;margin:0 0 .9rem;font-size:1.28rem;font-weight:800;line-height:1.12;display:block}@media (width<=720px){.preview-panel{padding-top:.2rem}.preview-logo-wrap{margin-top:0;margin-bottom:.65rem}.preview-field-value{font-size:1.58rem}.preview-live-datetime{font-size:1.16rem}.preview-approval-number{font-size:clamp(2.15rem,9.5vw,2.55rem)}.preview-description.preview-field-value{font-size:1.18rem;line-height:1.28}.preview-card .detail-grid{grid-template-columns:1fr;gap:.6rem;margin-top:.7rem}.preview-card .detail-grid dd{font-size:1.22rem;line-height:1.12}.preview-card .serial-tag{margin-bottom:.6rem;font-size:1.18rem}.preview-logo-image{width:min(205px,56vw)}.preview-panel-header .preview-counter{position:static}.preview-heading h2{font-size:clamp(2.15rem,9.5vw,2.55rem)}.preview-main-fields{gap:.6rem;margin-top:.5rem}.preview-field-block{gap:.2rem}.preview-frame{gap:.7rem;margin-top:.7rem}.preview-card{padding:.9rem}.preview-card .detail-grid dt{font-size:1rem}.preview-card .detail-grid div{padding:.72rem}.preview-controls{gap:.55rem}}@media (orientation:landscape) and (width<=1180px) and (hover:none) and (pointer:coarse){.preview-panel{grid-template-columns:minmax(128px,18vw) minmax(0,1fr);grid-template-areas:"logo header""frame frame";align-items:start;column-gap:1rem;display:grid}.preview-heading .panel-kicker{display:none}.preview-logo-wrap{grid-area:logo;justify-content:flex-start;margin:0;padding-top:1rem}.preview-logo-image{width:min(168px,18.5vw)}.preview-panel-header{grid-area:header;min-width:0;padding-top:2.55rem}.preview-frame{grid-area:frame;margin-top:.45rem}.preview-heading{padding-top:1.35rem}.preview-panel-header .preview-counter{top:3.05rem;bottom:auto}.preview-panel-rtl .preview-main-fields{text-align:right}.preview-panel-rtl .preview-logo-wrap{padding-inline:1.15rem 0;justify-content:flex-start;padding-top:1rem}.preview-panel-rtl .preview-logo-image{width:min(168px,18.5vw)}.preview-panel-rtl .preview-live-datetime{margin-top:0;font-size:1.22rem;font-weight:800;line-height:1.18}.preview-panel-rtl .preview-approval-number{margin-top:.18rem;font-size:clamp(2.15rem,4.6vw,2.7rem);line-height:.98}.preview-panel-rtl .preview-panel-header .preview-counter{top:3.05rem;bottom:auto}.preview-panel-rtl .preview-frame{margin-top:.2rem}.preview-panel-rtl .preview-card{padding-top:.7rem}.preview-panel-rtl .preview-card .serial-tag{margin-bottom:.55rem;font-size:1.28rem}.preview-panel-rtl .preview-main-fields{margin-top:.35rem}.preview-panel-rtl .preview-field-label{padding-inline-start:2.2rem;font-size:1.04rem;font-weight:700;line-height:1.15}.preview-panel-rtl .preview-description.preview-field-value{font-size:1.34rem;font-weight:700;line-height:1.28}.preview-panel-rtl .preview-card .detail-grid{margin-top:.45rem}.preview-panel-rtl .preview-card .detail-grid div{padding:.58rem .72rem}.preview-panel-rtl .detail-grid{direction:ltr}.preview-panel-rtl .detail-grid div{text-align:right;direction:rtl}.preview-card .detail-grid dt{font-size:1.18rem;font-weight:800;line-height:1.1}.preview-card .detail-grid dd{font-size:1.42rem;font-weight:700;line-height:1.1}}