:root{--navy:#0e4a46;--navy-2:#17635d;--ink:#142825;--muted:#5a6f6b;--line:#d3e3de;--cream:#f1f6f4;--paper:#fff;--red:#d4652d;--red-soft:#f8e9df;--good:#1b7a5a;--good-soft:#e3f4ec;--nav-bg:#fffffff5;--shadow:0 10px 28px #0e4a461a;--sans:"Cairo", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--radius:16px;--page-gutter:clamp(12px, 4vw, 24px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--cream);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}html,body{touch-action:manipulation}body{color:var(--ink);font-family:var(--sans);background:radial-gradient(900px 380px at 8% -12%, #d4652d14, transparent 52%), radial-gradient(800px 420px at 108% 0%, #0e4a461f, transparent 48%), var(--cream);margin:0;font-size:16px;line-height:1.65;overflow-x:hidden}html[lang=ar] body{font-size:17px}#root{width:100%;max-width:none;text-align:initial;border:0;min-height:100svh;margin:0}button,input,select,textarea{font:inherit;font-size:16px}a{color:inherit}h1,h2,h3,.display,.price{font-family:var(--sans);letter-spacing:0;color:var(--navy);font-weight:700;line-height:1.25}p,li,h1,h2,h3{overflow-wrap:break-word}.skip{position:absolute;left:-999px}.app-frame{flex-direction:column;min-height:100svh;display:flex}.topbar,.scan-top{padding:max(12px, env(safe-area-inset-top)) 0 8px;justify-content:space-between;align-items:center;gap:8px;display:flex}.header-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.brand{min-width:0;color:var(--navy);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand span{min-width:0}.brand small{text-overflow:ellipsis;white-space:nowrap;font-family:var(--sans);color:var(--muted);letter-spacing:.04em;font-size:12px;font-weight:500;display:block;overflow:hidden}.lang-toggle,.icon-btn{border:1px solid var(--line);background:var(--paper);cursor:pointer;min-width:44px;min-height:44px;color:var(--navy);white-space:nowrap;line-height:1.25;font-family:var(--sans);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.lang-short{font-weight:700;display:none}.header-cta{white-space:nowrap;flex-shrink:0;min-height:44px;padding:8px 14px}.wrap{width:min(1080px, calc(100% - 2 * var(--page-gutter)));margin:0 auto}.hero{gap:28px;padding:28px 0 12px;display:grid}.hero h1{margin:0 0 16px;font-size:clamp(1.7rem,5.4vw,3.2rem);line-height:1.22}.lede{color:var(--muted);max-width:42rem;font-size:1.15rem}.hero-actions,.row{flex-wrap:wrap;gap:10px;display:flex}.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--navy);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-ghost{color:var(--navy);border:1px solid var(--line);background:0 0}.btn-wide{width:100%}.grid-3,.grid-2,.cards{gap:16px;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.card,.ticket,.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card,.panel{padding:20px;transition:opacity .35s,filter .35s}.ticket{background:var(--paper);padding:18px;transition:opacity .35s,filter .35s}.btn{transition:opacity .3s}.btn:disabled,button:disabled{opacity:.4;cursor:not-allowed}.ticket.is-disabled,.panel.is-disabled{opacity:.38;filter:grayscale(.45)}.kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--red);margin:0 0 8px;font-size:11px;font-weight:700}html[dir=rtl] .kicker,html[lang=ar] .kicker{text-transform:none;letter-spacing:.06em}.muted{color:var(--muted)}.pill{background:var(--red-soft);color:var(--red);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill-good{background:var(--good-soft);color:var(--good)}.pill-navy{color:var(--navy);background:#e5f1ee}.privacy-band{border-radius:var(--radius);background:var(--navy);color:#eef2f6;margin:28px 0;padding:clamp(18px,4vw,28px)}.privacy-band h2{color:#fff;margin-top:0}.form{gap:12px;display:grid}label{gap:6px;font-size:14px;font-weight:600;display:grid}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:14px;padding:12px 14px}select{appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230E4A46' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:18px;min-height:48px;padding-inline-end:44px}html[dir=rtl] select,html[lang=ar] select{background-position:14px}textarea{resize:vertical;min-height:90px}.auth-card{width:min(440px, calc(100% - 2 * var(--page-gutter)));margin:clamp(20px,6vw,48px) auto}.bottom-nav{z-index:40;padding:6px 4px calc(8px + var(--safe-bottom));background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius);justify-content:stretch;align-items:stretch;gap:0;margin-top:auto;display:flex;position:sticky;bottom:0;overflow:hidden}.nav-icon{display:inline-flex;position:relative}.nav-badge{top:-6px;background:var(--red);color:#fff;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;inset-inline-end:-10px}.alert-toast{z-index:90;left:12px;right:12px;top:calc(12px + var(--safe-top));background:var(--navy);color:#fff;box-shadow:var(--shadow);border-radius:18px;gap:4px;padding:14px 16px;text-decoration:none;display:grid;position:fixed}.alert-toast .pill{background:var(--red);color:#fff;width:fit-content}.alert-toast strong,.alert-toast span{color:#fff}.bottom-nav a,.bottom-nav .nav-install{text-align:center;min-width:0;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:8px 2px;font-size:clamp(10px,2.5vw,12px);font-weight:600;text-decoration:none;display:flex}.nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.2;overflow:hidden}.bottom-nav a.active,.bottom-nav a:hover,.bottom-nav .nav-install:hover{color:var(--navy);background:#edf1f6}.bottom-nav a.active{box-shadow:inset 0 2px 0 var(--navy)}.scan-page{width:min(560px, calc(100% - 2 * var(--page-gutter)));gap:16px;margin:0 auto 40px;display:grid}.kind-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,148px),1fr));gap:10px;margin:12px 0;display:grid}.kind-grid button{white-space:normal;text-align:center;border-radius:18px;min-height:52px;font-size:1.05rem}.medical{border:1px dashed var(--line);background:#fff;border-radius:18px;padding:16px}.medical dl{gap:10px;margin:0;display:grid}.medical dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.medical dd{margin:2px 0 0;font-weight:600}.banner{background:#e5f1ee;border-radius:16px;padding:14px 16px}.error{color:var(--red);background:var(--red-soft);border-radius:12px;padding:10px 12px}.success{color:var(--good);background:var(--good-soft);border-radius:12px;padding:10px 12px}.qr-box{background:#fff;border-radius:22px;place-items:center;padding:8px;display:grid}.styled-qr{line-height:0;display:block}.styled-qr svg{width:100%;height:auto;display:block}.price{margin:8px 0;font-size:clamp(1.4rem,4vw,1.8rem)}.app-main{flex:1;padding:8px 0 24px}.list{gap:10px;display:grid}.list article{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.page-head h1{margin:0;font-size:clamp(1.4rem,5vw,2rem)}.page-head .btn{min-height:40px;padding:8px 12px;font-size:13px}.list article h3{overflow-wrap:anywhere;margin:8px 0 4px;font-size:1.15rem}.list article p{overflow-wrap:anywhere}.alert-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.alert-actions .btn{min-height:40px;padding:8px 12px;font-size:13px}.share-field{border-bottom:1px solid var(--line);gap:8px;padding-bottom:12px;display:grid}.share-field:last-of-type{border-bottom:0;padding-bottom:0}.field-head{justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.share-flag{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.share-flag.is-on{background:var(--good-soft);color:var(--good);border-color:#b7e0c6}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;display:flex}.switch>span:first-child{flex:1;min-width:0;line-height:1.4}.switch-ui{flex-shrink:0;width:48px;height:28px;position:relative}.switch-ui input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch-control{pointer-events:none;background:#c5ced8;border-radius:999px;width:100%;height:100%;transition:background .2s;display:block;position:relative;box-shadow:inset 0 0 0 1px #0a254014}.switch-control:after{content:"";top:3px;background:#fff;border-radius:50%;width:22px;height:22px;transition:inset-inline-start .2s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0a254033}.switch-ui:has(input:checked) .switch-control{background:var(--good)}.switch-ui:has(input:checked) .switch-control:after{inset-inline-start:23px}.switch-ui:has(input:focus-visible) .switch-control{outline:2px solid var(--navy);outline-offset:2px}.install-overlay{z-index:80;padding:16px 16px calc(16px + var(--safe-bottom));background:#10233f73;align-items:end;display:grid;position:fixed;inset:0}.install-card{background:var(--paper);border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);border-radius:24px;margin:0 auto;padding:22px 20px 18px;position:relative}.install-close{top:12px;color:var(--muted);cursor:pointer;background:0 0;border:0;position:absolute;inset-inline-end:12px}.install-steps{color:var(--navy);background:#eef2f6;border-radius:16px;margin:12px 0 18px;padding:12px 14px 12px 32px;font-weight:600;line-height:1.7}.install-steps li+li{margin-top:8px}.install-bar{z-index:70;left:12px;right:12px;bottom:calc(78px + var(--safe-bottom));background:var(--navy);color:#fff;min-height:52px;box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex;position:fixed}@media (width<=480px){.brand small,.hide-sm,.lang-full{display:none}.lang-short{display:inline}.install-chip{width:44px;padding:0}.header-cta{text-overflow:ellipsis;max-width:38vw;padding-inline:12px;font-size:14px;overflow:hidden}.nav-label{font-size:10px}}@media (width>=860px){.install-bar{width:min(420px,100% - 24px);bottom:24px;left:50%;right:auto;transform:translate(-50%)}.hero{grid-template-columns:1.2fr .8fr;align-items:center;padding-top:56px}.shop-hero{grid-template-columns:1.1fr .9fr;align-items:center}.install-overlay{align-items:center}}@media (width<=360px){.nav-label{display:none}.bottom-nav a,.bottom-nav .nav-install{min-height:48px}}img,svg{max-width:100%}.shop-hero{gap:20px;display:grid}.shop-hero h2{margin:8px 0 10px;font-size:clamp(1.3rem,4vw,1.8rem)}.shop-hero .btn-wide{margin-top:16px}.use-chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 4px;padding:0;list-style:none;display:grid}.use-chips li{text-align:center;border:1px solid var(--line);min-height:52px;color:var(--navy);background:#f7f9fb;border-radius:12px;justify-content:center;align-items:center;padding:8px 6px;font-size:clamp(12px,2.8vw,14px);font-weight:700;line-height:1.3;display:flex}.admin-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:start;border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:10px 12px}.admin-table th{color:var(--muted);font-weight:700}.admin-table tr:last-child td{border-bottom:0}.admin-table-qr{vertical-align:middle;width:1%}.admin-table-qr .styled-qr{display:block}.admin-table-when{white-space:nowrap;overflow-wrap:normal}.qr-download{cursor:pointer;background:0 0;border:0;border-radius:16px;margin:0;padding:0;line-height:0;display:block}.qr-download:hover .styled-qr,.qr-download:focus-visible .styled-qr{outline:2px solid var(--navy);outline-offset:2px}@media (width<=560px){.use-chips{grid-template-columns:1fr}.hero-actions .btn{width:100%}}