.qr-page{--black:#0d0d0d;--grey:#e7e6e3;--grey-3:#e7e6e3a6;--grey-5:#e7e6e333;--grey-6:#e7e6e31f;--accent:#00e28d;--accent-dim:#00e28d22;--font-sans:"Manrope",system-ui,sans-serif;--font-serif:"Instrument Serif",Georgia,serif;--ease-out:cubic-bezier(0.22,0.61,0.36,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--grey-8:#1a1a1b;--panel:#141415;--red:#ff5c5c;--font-ar:"Tajawal","IBM Plex Sans Arabic","Manrope",ui-sans-serif,system-ui,sans-serif;background:var(--black);color:var(--grey);font-family:var(--font-sans)!important;min-height:100vh;width:100%;-webkit-font-smoothing:antialiased}.qr-page[dir=rtl]{font-family:var(--font-ar)!important}.qr-page *,.qr-page :after,.qr-page :before{box-sizing:border-box;font-family:inherit!important}.qr-page a{color:inherit;text-decoration:none}.qr-page ::selection{background:var(--accent);color:#06231c}.qr-page .wrap{max-width:1240px;margin:0 auto;padding:0 clamp(1.1rem,4vw,3rem)}.qr-page .qr-nav{position:-webkit-sticky;position:sticky;top:0;left:auto;right:auto;transform:none;width:100%;max-width:none;border-radius:0;z-index:40;background:rgba(10,10,11,.72);-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--grey-6);box-shadow:none}.qr-page .qr-nav-inner{max-width:1240px;margin:0 auto;padding:.85rem clamp(1.1rem,4vw,3rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}.qr-page .qr-nav-logo{display:flex;align-items:center;gap:.7rem}.qr-page .qr-nav-logo img{width:5rem;display:block}.qr-page .qr-nav-logo .by{font-size:.66rem;letter-spacing:.04em;color:var(--grey-3);-webkit-border-start:1px solid var(--grey-5);border-inline-start:1px solid var(--grey-5);-webkit-padding-start:.7rem;padding-inline-start:.7rem}.qr-page .qr-nav-right{display:flex;align-items:center;gap:.6rem}.qr-page .qr-nav-link{font-size:.85rem;font-weight:500;color:var(--grey);opacity:.82;padding:.5rem .2rem}.qr-page .qr-nav-link:hover{opacity:1;color:var(--accent)}.qr-page .langtog,.qr-page .tbtn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-sans);font-size:.82rem;font-weight:600;color:var(--grey);cursor:pointer;border:1px solid var(--grey-5);border-radius:2rem;padding:.5rem .95rem;background:var(--grey-8);transition:.2s}.qr-page .langtog:hover,.qr-page .tbtn:hover{border-color:var(--accent);color:var(--accent)}.qr-page .tbtn.on{background:var(--accent);color:#06231c;border-color:var(--accent)}.qr-page .tbtn svg{width:14px;height:14px}.qr-page .head{padding:clamp(2.6rem,6vw,4.6rem) 0 1.6rem}.qr-page .eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.qr-page .head h1{font-size:clamp(2.1rem,5.4vw,3.5rem);font-weight:300;line-height:1.04;letter-spacing:-.02em;margin:.7rem 0 0}.qr-page .head h1 em{font-family:var(--font-serif)!important;font-style:italic!important;color:var(--accent)}.qr-page .head p{max-width:42rem;margin:1rem 0 0;color:var(--grey-3);font-weight:300;font-size:1.02rem;line-height:1.6}.qr-page .filters{position:-webkit-sticky;position:sticky;top:62px;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:.7rem .9rem;padding:1rem 0 1.1rem;margin-bottom:.4rem;background:linear-gradient(var(--black) 70%,transparent)}.qr-page .fgroup{display:flex;align-items:center;gap:.5rem}.qr-page .flab{font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey-3)}.qr-page .sel{position:relative}.qr-page .sel select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-family:var(--font-sans);font-size:.86rem;font-weight:600;color:var(--grey);background:var(--panel);border:1px solid var(--grey-5);border-radius:11px;padding:.55rem 2.1rem .55rem .85rem;cursor:pointer;min-width:9.5rem;transition:border-color .2s}.qr-page .sel select:focus,.qr-page .sel select:hover{border-color:var(--accent);outline:none}.qr-page .sel:after{content:"";position:absolute;inset-inline-end:.85rem;top:50%;width:8px;height:8px;border-right:1.6px solid var(--accent);border-bottom:1.6px solid var(--accent);transform:translateY(-65%) rotate(45deg);pointer-events:none}.qr-page .fcount{-webkit-margin-start:auto;margin-inline-start:auto;font-size:.82rem;color:var(--grey-3);font-weight:400}.qr-page .fcount b{color:var(--grey);font-weight:700}.qr-page .fclear{font-size:.8rem;color:var(--grey-3);cursor:pointer;border:0;background:none;font-family:var(--font-sans);padding:.4rem .2rem}.qr-page .fclear:hover{color:var(--accent)}.qr-page .uploader{display:none;margin:0 0 1.6rem;border:1px solid var(--accent-dim);border-radius:18px;padding:1.2rem 1.3rem 1.35rem;background:linear-gradient(180deg,rgba(0,226,141,.06),transparent),var(--panel)}.qr-page .uploader.show{display:block}.qr-page .uploader h3{margin:0 0 .2rem;font-size:1.05rem;font-weight:700}.qr-page .uploader .sub{font-size:.82rem;color:var(--grey-3);margin:0 0 1rem}.qr-page .uprow{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;grid-gap:.8rem;gap:.8rem;align-items:end}.qr-page .ufield{display:flex;flex-direction:column;gap:.4rem}.qr-page .ufield label{font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-3)}.qr-page .drop{display:flex;align-items:center;gap:.6rem;border:1.5px dashed var(--grey-5);border-radius:11px;padding:.6rem .85rem;cursor:pointer;color:var(--grey-3);font-size:.85rem;transition:.2s;min-height:42px}.qr-page .drop.drag,.qr-page .drop:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.qr-page .drop svg{width:18px;height:18px;flex:none}.qr-page .drop b{color:var(--grey);font-weight:600}.qr-page .unote{font-size:.74rem;color:var(--grey-3);margin:.9rem 0 0;display:flex;align-items:center;gap:.45rem}.qr-page .unote svg{width:13px;height:13px;color:var(--accent);flex:none}.qr-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-family:var(--font-sans);font-size:.88rem;font-weight:700;color:var(--grey);background:transparent;border:1px solid var(--grey-5);border-radius:11px;padding:.65rem 1.1rem;cursor:pointer;transition:.2s}.qr-page .btn.solid{background:var(--accent);color:#06231c;border-color:var(--accent)}.qr-page .btn.solid:hover{filter:brightness(1.05)}.qr-page .btn.block{width:100%}.qr-page .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));grid-gap:clamp(1rem,2.4vw,1.8rem);gap:clamp(1rem,2.4vw,1.8rem);padding-bottom:4rem}.qr-page .rcard{position:relative;display:flex;flex-direction:column;cursor:pointer;opacity:0;transform:translateY(10px);animation:qr-rin .5s var(--ease-out) forwards}@keyframes qr-rin{to{opacity:1;transform:none}}.qr-page .rcover{position:relative;aspect-ratio:1/1.414;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--grey-6);box-shadow:0 18px 40px -24px rgba(0,0,0,.8);transition:transform .35s var(--ease-out),box-shadow .35s,border-color .25s}.qr-page .rcover img{width:100%;height:100%;object-fit:contain;object-position:top center;display:block;background:#fff}.qr-page .rcard:hover .rcover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 26px 54px -22px rgba(0,226,141,.3)}.qr-page .rcover .badge{inset-inline-start:.6rem;font-size:.6rem;letter-spacing:.1em;color:#06231c;background:var(--accent)}.qr-page .rcover .badge,.qr-page .rcover .ptype{position:absolute;top:.6rem;font-weight:700;text-transform:uppercase;padding:.28rem .5rem;border-radius:6px}.qr-page .rcover .ptype{inset-inline-end:.6rem;font-size:.58rem;letter-spacing:.08em;color:var(--grey);background:rgba(10,10,11,.85)}.qr-page .rcover .open{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;background:rgba(10,10,11,.32)}.qr-page .rcard:hover .rcover .open{opacity:1}.qr-page .rcover .open span{font-size:.78rem;font-weight:700;color:#06231c;background:var(--accent);padding:.5rem .9rem;border-radius:2rem;display:inline-flex;align-items:center;gap:.4rem}.qr-page .rmeta{padding:.85rem .15rem 0}.qr-page .rmeta .rp{font-size:1rem;font-weight:700;letter-spacing:-.01em}.qr-page .rmeta .rq{font-size:.82rem;color:var(--grey-3);margin-top:.15rem}.qr-page .rdel{position:absolute;bottom:.55rem;inset-inline-end:.55rem;width:30px;height:30px;border-radius:50%;border:1px solid var(--grey-5);background:rgba(10,10,11,.7);color:var(--grey-3);display:none;align-items:center;justify-content:center;cursor:pointer;z-index:3}.qr-page.team .rcard[data-owned="1"] .rdel{display:flex}.qr-page .rdel:hover{color:var(--red);border-color:var(--red)}.qr-page .rdel svg{width:14px;height:14px}.qr-page .rshare{position:absolute;bottom:.55rem;inset-inline-start:.55rem;width:30px;height:30px;border-radius:50%;border:1px solid var(--grey-5);background:rgba(10,10,11,.66);color:var(--grey);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;opacity:.82;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:.18s}.qr-page .rcard:hover .rshare{opacity:1}.qr-page .rshare:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.qr-page .rshare svg{width:14px;height:14px}.qr-page .rcard.flash .rcover{box-shadow:0 0 0 3px var(--accent),0 26px 54px -22px rgba(0,226,141,.4)}.qr-page .empty{grid-column:1/-1;text-align:center;padding:4rem 1rem;color:var(--grey-3)}.qr-page .empty svg{width:46px;height:46px;color:var(--grey-5);margin:0 auto 1rem;display:block}.qr-page .empty h3{color:var(--grey);font-weight:600;margin:0 0 .4rem}.qr-page .foot{border-top:1px solid var(--grey-6);padding:2.4rem 0;margin-top:2rem}.qr-page .foot .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.qr-page .foot a,.qr-page .foot p{font-size:.8rem;color:var(--grey-3)}.qr-page .foot a:hover{color:var(--accent)}.qr-page .modal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:1.2rem}.qr-page .modal.show{display:flex}.qr-page .modal .scrim{position:absolute;inset:0;background:rgba(6,8,8,.6);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.qr-page .modal .box{position:relative;width:min(380px,100%);background:var(--panel);border:1px solid var(--grey-5);border-radius:18px;padding:1.7rem 1.6rem 1.8rem;box-shadow:0 40px 100px -30px rgba(0,0,0,.8)}.qr-page .modal .box h2{margin:.2rem 0 .3rem;font-size:1.3rem;font-weight:700}.qr-page .modal .box p{font-size:.85rem;color:var(--grey-3);margin:0 0 1.2rem}.qr-page .modal .box .lk{display:flex;align-items:center;gap:.55rem;width:36px;height:36px;border-radius:10px;background:var(--accent-dim);color:var(--accent);justify-content:center;margin-bottom:1rem}.qr-page .modal .box .lk svg{width:18px;height:18px}.qr-page .fld input{width:100%;font-family:var(--font-sans);font-size:.95rem;color:var(--grey);background:var(--black);border:1px solid var(--grey-5);border-radius:11px;padding:.75rem .9rem;outline:none;transition:border-color .2s}.qr-page .fld input:focus{border-color:var(--accent)}.qr-page .modal .err{font-size:.78rem;color:var(--red);margin:.6rem 0 0;min-height:1rem}.qr-page .modal .box .btn{margin-top:1rem}.qr-page .modal .box .btn.loading{position:relative;color:transparent;pointer-events:none;overflow:hidden}.qr-page .modal .box .btn.loading:after{content:"";position:absolute;inset:0;margin:auto;width:58%;height:11px;border-radius:6px;background:linear-gradient(90deg,hsla(0,0%,100%,.18),hsla(0,0%,100%,.55) 50%,hsla(0,0%,100%,.18));background-size:200% 100%;animation:qr-btn-shimmer 1.1s ease-in-out infinite}@keyframes qr-btn-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.qr-page .modal .box .btn:disabled{opacity:1;cursor:wait}.qr-page .modal .fld input:disabled{opacity:.65;cursor:not-allowed}.qr-page .modal .x{position:absolute;top:.7rem;inset-inline-end:.7rem;width:30px;height:30px;border-radius:50%;border:1px solid var(--grey-5);background:none;color:var(--grey-3);cursor:pointer;font-size:1rem}.qr-page .modal .x:hover{color:var(--grey);border-color:var(--grey-3)}.qr-page .toast{position:fixed;left:50%;bottom:1.6rem;transform:translateX(-50%) translateY(14px);z-index:95;max-width:90vw;text-align:center;background:var(--panel);border:1px solid var(--grey-5);border-radius:13px;padding:.7rem 1.1rem;font-size:.86rem;font-weight:600;color:var(--grey);box-shadow:0 24px 50px -18px rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:opacity .25s,transform .3s var(--ease-spring)}.qr-page .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.qr-page .busy{pointer-events:none;opacity:.6}@media (max-width:760px){.qr-page .qr-nav-logo .by{display:none}.qr-page .uprow{grid-template-columns:1fr 1fr}.qr-page .uprow .btn,.qr-page .uprow .ufield.full{grid-column:1/-1}.qr-page .filters{top:58px}}