:root{--forest:#145c3f;--forest-dark:#0e3d2c;--leaf:#2f8f63;--mint:#e7f4ec;--gold:#c4a35a;--gold-dark:#8a6a2f;--cream:#f6f2e9;--sand:#e8dfc8;--ink:#1c2b24;--muted:#5e6f66;--card:#fff;--danger:#b42318;--border:#145c3f1a;--shadow:0 8px 18px #00000014;--nav-h:72px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--cream);color:var(--ink);direction:rtl;font-family:Cairo,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.app-shell{background:var(--cream);max-width:520px;min-height:100vh;margin:0 auto;position:relative;box-shadow:0 0 40px #145c3f14}.page{padding:16px 20px 32px}.page.with-nav{padding-bottom:calc(var(--nav-h) + 28px)}.appbar{z-index:20;background:var(--forest);color:#fff;justify-content:center;align-items:center;min-height:56px;padding:12px 16px;font-size:18px;font-weight:700;display:flex;position:sticky;top:0}.appbar .back{color:#fff;cursor:pointer;background:0 0;border:0;padding:8px;display:flex;position:absolute;right:12px}.hero{color:#fff;background:linear-gradient(135deg,#0e3d2c,#145c3f,#2f8f63);border-radius:0 0 32px 32px;padding:28px 20px}.hero h1{margin:0;font-size:30px;font-weight:900}.hero .official{color:var(--sand);font-size:13.5px;font-weight:600}.badge{border:1px solid var(--gold);color:var(--gold);background:#c4a35a33;border-radius:30px;margin-top:14px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-block}.hero p{margin:16px 0 18px;font-size:15px;line-height:1.8}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:18px}.card.mint{background:var(--mint)}.card.forest{background:var(--forest);color:#fff}.card.clickable{cursor:pointer;display:block}.card.clickable:hover{transform:translateY(-1px)}.label{color:var(--forest);margin:22px 0 10px;font-size:16px;font-weight:800}.muted{color:var(--muted);line-height:1.7}.row{gap:12px;display:flex}.row>*{flex:1}.mini-action,.center-row,.news-row,.contact-row{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:12px;padding:14px 16px;display:flex}.mini-action{flex-direction:column;align-items:flex-start}.mini-action strong,.center-row strong{font-weight:800}.icon-box{border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.grow{flex:1;min-width:0}.btn{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:52px;padding:12px 16px;font-size:16px;font-weight:700;display:inline-flex}.btn.primary{background:var(--forest);color:#fff}.btn.white{color:var(--forest);background:#fff}.btn.gold{background:var(--gold);color:var(--ink)}.btn.outline{color:var(--forest);border:1px solid var(--forest);background:0 0}.btn.danger{background:var(--danger);color:#fff}.btn.outline-light{color:#fff;background:0 0;border:1px solid #ffffff73}.hero-auth{gap:8px;margin-top:12px;display:flex}.auth-switch{text-align:center;color:var(--muted);margin-top:16px}.auth-switch a{color:var(--forest);font-weight:800}.profile-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.profile-head h1{margin:0;font-size:22px}.profile-photo{object-fit:cover;border:2px solid var(--gold);background:var(--mint);border-radius:12px;width:72px;height:88px}.profile-photo.placeholder{background:var(--forest);color:#fff;border:0;place-items:center;font-size:28px;font-weight:900;display:grid}.profile-details p{margin:0 0 8px}.profile-details p:last-child{margin-bottom:0}.profile-edit-actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}.paywall h2{margin:0 0 8px;font-size:18px}.paywall p{margin:0 0 14px;line-height:1.7}.profile-card-locked{opacity:.45;pointer-events:none;filter:grayscale(.15)}.profile-card-wrap{margin-bottom:16px}.btn svg{margin-inline-end:6px}.btn:disabled{opacity:.6;cursor:not-allowed}.actions{gap:8px;display:flex}.chip{background:var(--mint);color:var(--forest);cursor:pointer;border:0;border-radius:30px;padding:8px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.chip.selected{background:var(--forest);color:#fff}.chips{flex-wrap:wrap;gap:8px;display:flex}.field{margin-bottom:10px;display:block}.field span{margin-bottom:6px;font-size:14px;font-weight:700;display:block}.field input,.field select,.field textarea{background:#fff;border:1px solid #145c3f33;border-radius:14px;width:100%;padding:14px 16px;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--forest);border-color:var(--forest)}.error{color:var(--danger);margin-top:4px;font-size:13px}.radio{cursor:pointer;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.radio-card{cursor:pointer;background:#fff;border:1px solid #145c3f33;border-radius:16px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:14px;display:flex}.radio-card.selected{background:var(--mint);border-color:var(--forest)}.branch-list{border-right:3px solid var(--gold);background:#f7faf8;border-radius:0 0 14px 14px;margin:-2px 18px 14px;padding:10px 12px 4px}.radio-card.branch{border-radius:12px;margin-bottom:8px;padding:12px}.branch-activities{margin:0;padding:0 18px 0 0;line-height:1.8}.branch-detail-card{border:1px solid var(--border);background:#fff;border-radius:16px;margin-bottom:12px;padding:16px}.branch-detail-card h3{color:var(--forest);margin:0 0 8px}.branch-detail-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.radio-card small,.radio small{color:var(--muted);line-height:1.5;display:block}.sticky-cta{background:var(--cream);padding:8px 20px 16px;position:sticky;bottom:0}.bottom-nav{width:min(520px,100%);height:var(--nav-h);border-top:1px solid var(--border);z-index:30;background:#fff;justify-content:space-evenly;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav a{min-width:0;color:var(--muted);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.bottom-nav a.active{color:var(--forest);font-weight:800}.bottom-nav a.active span.icon-wrap{background:var(--mint)}.icon-wrap{border-radius:16px;place-items:center;width:40px;height:28px;display:grid}.match-banner{color:#fff;cursor:pointer;background:linear-gradient(90deg,#c4a35a,#8a6a2f);border-radius:20px;gap:12px;padding:18px;display:flex}.dialog-backdrop{z-index:50;background:#0006;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:20px;width:100%;max-width:360px;padding:22px}.toast{background:var(--ink);color:#fff;z-index:60;border-radius:12px;max-width:90%;padding:12px 16px;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.empty{text-align:center;color:var(--muted);padding:32px 16px;line-height:1.7}.pdf-title{color:var(--forest);margin:0 0 22px;font-size:18px;font-weight:900;line-height:1.7}.pdf-field{margin-bottom:18px}.pdf-field h3{margin:0 0 6px;font-size:15px;font-weight:800}.pdf-field p{white-space:pre-wrap;margin:0;font-size:14.5px;line-height:1.9}.news-body{white-space:pre-wrap;font-size:15.5px;line-height:1.95}.footer-note{text-align:center;color:var(--muted);margin-top:18px;font-size:12px}.range{width:100%;accent-color:var(--forest)}.photo-preview{object-fit:cover;border:2px solid var(--forest);border-radius:16px;width:120px;height:120px;margin-bottom:16px}.status-pill{white-space:nowrap;background:#ffffff29;border-radius:30px;padding:6px 10px;font-size:12px;font-weight:800}.status-pill.pending{color:#1c2b24;background:#c4a35a}.status-pill.accepted{color:#145c3f;background:#b7f0ce}.status-pill.unpaid{color:#9b1c1c;background:#f3d6d4}.settings-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pvc-set{width:min(340px,100%);margin-inline:auto}.pvc-set.landscape{width:min(560px,100%)}.pvc-stage{perspective:1200px;cursor:pointer;width:100%;font:inherit;color:inherit;appearance:none;background:0 0;border:0;padding:0;display:block}.pvc-flip{aspect-ratio:625/1024;transform-style:preserve-3d;transition:transform .7s;position:relative}.pvc-stage.flipped .pvc-flip{transform:rotateY(180deg)}.pvc-set.landscape .pvc-flip{aspect-ratio:1024/582}.pvc{backface-visibility:hidden;text-align:center;background:#fff;border-radius:18px;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 40px #0e3d2c2e;container-type:size}.pvc-bg{object-fit:cover;object-position:center top;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.pvc-front{color:#16351c}.pvc-front-body{z-index:1;flex-direction:column;align-items:center;min-height:0;display:flex;position:absolute;inset:43% 4.2% 3%;overflow:visible}.pvc-panel{width:100%;min-height:0;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;flex:auto;margin-top:2px;padding:2px 6px 0;display:flex;overflow:hidden}.pvc-photo-wrap{z-index:3;background:linear-gradient(#d4b36a,#8a6a2f);border-radius:50%;flex-shrink:0;width:clamp(72px,18cqh,96px);height:clamp(72px,18cqh,96px);margin-top:clamp(-40px,-9cqh,-28px);padding:3px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #fff,0 6px 14px #16351c2e}.pvc-photo{object-fit:cover;color:#1b431c;background:#e8efe9;border-radius:50%;place-items:center;width:100%;height:100%;font-size:32px;font-weight:900;display:grid}.pvc-status{border-radius:999px;flex-shrink:0;margin-bottom:4px;padding:2px 8px;font-size:clamp(9px,1.9cqh,11px);font-weight:800;display:inline-block}.pvc-status.ok{color:#145c3f;background:#d8f3e3}.pvc-status.wait{color:#9b1c1c;background:#fde8e8}.pvc-name{color:#1b431c;overflow-wrap:anywhere;margin:0 0 2px;font-size:clamp(13px,3.1cqh,17px);font-weight:900;line-height:1.25}.pvc-role{color:#0062bd;margin:0 0 6px;font-size:clamp(11px,2.3cqh,13px);font-weight:800}.pvc-rows{text-align:right;gap:0;width:100%;min-height:0;margin:0;display:grid}.pvc-rows div{grid-template-columns:52px minmax(0,1fr);align-items:start;gap:6px;display:grid}.pvc-rows dt{color:#1b431c;font-size:clamp(10px,2cqh,12px);font-weight:800}.pvc-rows dt:after{content:" :"}.pvc-rows dd{overflow-wrap:anywhere;margin:0;font-size:clamp(10px,2cqh,12px);font-weight:700;line-height:1.35}.pvc-bar{flex-shrink:0;width:100%;margin-top:10px}.pvc-barcode{fill:#16351c;width:100%;height:clamp(16px,4.2cqh,24px)}.pvc-bar small{letter-spacing:1px;color:#5b6b5e;margin-top:1px;font-size:clamp(8px,1.7cqh,10px);display:block}.pvc-back{transform:rotateY(180deg)translateZ(1px)}.pvc-back-panel{z-index:2;color:#12325a;background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;width:88%;margin:0;padding:10px 12px 8px;display:flex;position:absolute;top:67%;bottom:3.4%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 22px #0b3d7a24}.pvc-back-top{grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-bottom:4px;display:grid}.pvc-back h3{color:#0b3d7a;text-align:right;margin:0;font-size:clamp(13px,2.6cqh,15px)}.pvc-back ul{text-align:right;color:#1a2a3d;margin:0;padding:0 14px 0 0;font-size:clamp(10px,2cqh,12px);line-height:1.5}.pvc-qr-wrap{background:#fff;border:1px solid #d5e2f2;border-radius:8px;flex-shrink:0;width:clamp(48px,10cqh,58px);height:clamp(48px,10cqh,58px);padding:3px}.pvc-qr{width:100%;height:100%}.pvc-qr rect{fill:#0b3d7a}.pvc-sign{text-align:center;margin-top:auto;padding-top:6px}.pvc-sign b{color:#0b3d7a;font-size:clamp(11px,2.1cqh,13px);display:block}.pvc-sign span{color:#0b3d7a;letter-spacing:.5px;-webkit-font-smoothing:antialiased;margin-top:2px;font-size:clamp(12px,2.3cqh,14px);font-weight:900;display:inline-block}.pvc-hint{text-align:center;color:var(--muted);margin:10px 0 0;font-size:12.5px;font-weight:700}.pvc-print{pointer-events:none;width:340px;position:fixed;top:0;left:-2400px}.pvc-print-face{width:340px}.pvc-print .pvc{aspect-ratio:625/1024;backface-visibility:visible;width:340px;position:relative;inset:auto;transform:none!important}.pvc-print.landscape{width:560px}.pvc-print.landscape .pvc-print-face,.pvc-print.landscape .pvc{aspect-ratio:1024/582;width:560px}.pvc-land-photo{z-index:3;background:linear-gradient(#d4b36a,#8a6a2f);border-radius:50%;width:clamp(52px,22cqh,70px);height:clamp(52px,22cqh,70px);padding:3px;position:absolute;top:50%;left:36%;overflow:hidden;transform:translateY(-50%);box-shadow:0 0 0 3px #fff,0 6px 14px #16351c29}.pvc-land-fields{z-index:2;pointer-events:none;position:absolute;inset:0}.pvc-land-row{color:#111;text-align:right;white-space:nowrap;text-overflow:ellipsis;justify-content:flex-start;align-items:flex-end;height:auto;margin:0;padding-bottom:.55%;font-size:clamp(12px,4.2cqh,15px);font-weight:800;line-height:1;display:flex;position:absolute;left:26%;right:18%;overflow:hidden;transform:translateY(-100%)}.pvc-land-row:first-child{top:29.9%}.pvc-land-row:nth-child(2){top:44.33%}.pvc-land-row:nth-child(3){top:59.45%}.pvc-land-row:nth-child(4){top:77.15%}.pvc-land-back-meta{z-index:2;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;bottom:8%;left:4%}.pvc-land-back-meta span{color:#fff;letter-spacing:.4px;text-shadow:0 1px 2px #00000059;font-size:clamp(11px,3.4cqh,13px);font-weight:900}.admin-heading-actions{flex-wrap:wrap;gap:10px;display:flex}.dash-login{background:linear-gradient(160deg,#0e3d2c,#145c3f);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login{background:radial-gradient(circle at 20% 20%,#c4a35a2e,#0000 32%),linear-gradient(160deg,#0b2f23,#145c3f 55%,#1b7a4e);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-login-panel{background:#fff;border-radius:28px;grid-template-columns:1.1fr .9fr;width:min(920px,100%);display:grid;overflow:hidden;box-shadow:0 30px 80px #00000040}.admin-login-hero{color:#fff;background:linear-gradient(160deg,#0e3d2c,#145c3f);flex-direction:column;justify-content:center;padding:48px 40px;display:flex}.admin-login-hero h1{margin:12px 0 8px;font-size:32px}.admin-login-hero p{color:var(--sand);line-height:1.8}.admin-login-form{padding:40px}.admin-login-form h2{color:var(--forest);margin:0 0 6px}.admin-logo{background:var(--gold);color:#1c2b24;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.admin-logo.large{width:64px;height:64px;font-size:22px}.admin{background:#eef3ef;grid-template-columns:268px 1fr;align-items:start;min-height:100vh;transition:grid-template-columns .2s;display:grid}.admin.collapsed{grid-template-columns:84px 1fr}.admin.collapsed .admin-link,.admin.collapsed .admin-brand{justify-content:center}.admin.collapsed .admin-link span,.admin.collapsed .admin-brand div{display:none}.admin.collapsed .admin-logo{margin:0 auto}.admin-sidebar{color:#fff;background:#0e3d2c;flex-direction:column;height:100vh;max-height:100dvh;padding:18px 12px;display:flex;position:sticky;top:0;overflow:hidden auto}.admin-brand{flex-shrink:0;align-items:center;gap:10px;padding:8px 10px 18px;display:flex}.admin-brand small{color:var(--sand);display:block}.admin-nav{flex-direction:column;flex:1;gap:6px;display:flex}.admin-link{color:#dce8e1;cursor:pointer;text-align:right;white-space:nowrap;background:0 0;border:0;border-radius:14px;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:12px;font-weight:700;display:flex}.admin-link svg{flex-shrink:0}.admin-link.active,.admin-link:hover{color:#fff;background:#ffffff1a}.admin-link.logout{color:#ffd7d7;margin-top:auto}.admin-body{flex-direction:column;min-width:0;display:flex}.admin-top{border-bottom:1px solid var(--border);z-index:10;background:#fff;align-items:center;gap:14px;padding:14px 22px;display:flex;position:sticky;top:0}.admin-top-title{flex:1;font-weight:800}.admin-user{align-items:center;gap:12px;display:flex}.admin-login-form p{color:var(--muted);margin:0 0 20px}.admin-hint{background:var(--mint);color:var(--forest);border-radius:12px;margin-top:16px;padding:12px 14px;font-size:13px;line-height:1.7}.admin-avatar{background:var(--mint);width:38px;height:38px;color:var(--forest);border-radius:50%;place-items:center;font-weight:800;display:grid}.stat-icon{color:#fff;background:currentColor;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.stat-card.forest .stat-icon{background:var(--forest)}.stat-card.gold .stat-icon{background:var(--gold-dark)}.stat-card.mint .stat-icon{background:var(--leaf)}.empty-state{text-align:center;color:var(--muted);padding:48px 20px}.empty-state strong{color:var(--ink);margin:12px 0 6px;display:block}.empty-state p{margin:0;line-height:1.7}.staff-login-link{text-align:center;color:var(--muted);margin-top:20px;font-size:13px;font-weight:700;display:block}.admin-table tbody tr:hover{background:#f7faf8}.admin-user small{color:var(--muted);unicode-bidi:isolate;display:block}.icon-btn,.logout-btn{background:var(--mint);color:var(--forest);cursor:pointer;border:0;border-radius:12px;align-items:center;gap:6px;padding:10px 12px;font-weight:800;display:inline-flex}.logout-btn{color:#fff;background:#145c3f}.admin-main{padding:24px}.admin-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.admin-heading h1{margin:0 0 4px}.admin-heading p,.back-link{color:var(--muted)}.stat-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.stat-card{box-shadow:var(--shadow);background:#fff;border-radius:20px;align-items:center;gap:12px;padding:18px;display:flex}.stat-card strong{font-size:28px;display:block}.stat-card.forest{color:var(--forest)}.stat-card.gold{color:#8a6a2f}.stat-card.mint{color:#1b7a4e}.admin-panel{box-shadow:var(--shadow);background:#fff;border-radius:20px;padding:18px}.admin-panel-head{justify-content:space-between;margin-bottom:12px;display:flex}.admin-panel-head a{color:var(--forest);font-weight:800}.table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:right;border-bottom:1px solid var(--border);padding:12px 8px}.table-user{align-items:center;gap:10px;display:flex}.table-user img{object-fit:cover;border-radius:8px;width:40px;height:48px}.table-user small{color:var(--muted);display:block}.mono{font-family:ui-monospace,monospace}.detail-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}@media (width<=900px){.admin,.admin.collapsed{grid-template-columns:1fr}.admin-sidebar{z-index:20;flex-direction:column;height:auto;max-height:none;position:sticky;top:0}.admin-nav{flex:none;grid-template-columns:1fr 1fr;display:grid}.admin-link{white-space:normal}.admin-login-panel,.stat-grid,.detail-grid,.admin-heading,.admin-user{flex-wrap:wrap;grid-template-columns:1fr}}.role-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.role-tabs button{border:1px solid var(--border);color:var(--forest);cursor:pointer;background:#fff;border-radius:12px;padding:12px;font-weight:800}.role-tabs button.active{background:var(--mint);border-color:var(--forest)}.qi-box h3{margin:0 0 8px}.qi-box p{margin:6px 0}.radio-card.disabled{opacity:.55;cursor:not-allowed}.invoice-preview{object-fit:contain;border:1px solid var(--border);background:#f7faf8;border-radius:12px;width:100%;max-height:420px;display:block}.detail-photo{object-fit:cover;border-radius:16px;width:96px;height:96px;margin-bottom:12px}.detail-list p{margin:8px 0;line-height:1.7}