.program-preview[hidden]{display:none!important}.program-preview-open>.page,.program-preview-open>.install-link{display:none!important}
.program-preview{min-height:100dvh;color:#2b3037;background:#f7f9fb;direction:rtl;font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif}.program-preview *{box-sizing:border-box}.program-preview button{font:inherit;cursor:pointer;color:inherit}.program-preview button:focus-visible{outline:2px solid #667890;outline-offset:3px}.program-preview .i{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.program-preview button,.program-preview a{border:0;text-decoration:none}.program-preview .pm-dashboard{max-width:100%;border:0;border-radius:0;margin:0}.program-preview .pm-dashboard button{font-family:inherit}.program-preview .pm-pay-card{padding:20px}.program-preview .pm-bottom{z-index:10}.program-preview .pm-topbar{margin-top:30px}.program-preview .pm-reference-ring{fill:none}.program-preview .pm-notes-pill{display:flex;gap:6px}.program-preview .pm-donut svg{position:absolute;inset:0;width:100%;height:100%}.program-preview .pm-reference-track{stroke:#c8d2d8;stroke-width:1;stroke-dasharray:2 3}.program-preview .pm-reference-dot{fill:#42c9d9;stroke:none}.program-preview .pm-tool.primary:first-child{transform:rotate(-8deg)}
.preview-surface{max-width:1000px;margin:auto;padding:58px 24px 40px;min-height:100dvh}.preview-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:24px;background:white;padding:12px 18px;direction:ltr}.preview-topbar img{width:130px;height:45px;object-fit:contain}.preview-clock{font-size:11px;color:#68717a}.preview-topbar>div{display:flex;gap:7px}.preview-topbar button{display:grid;place-items:center;background:#fafbfc;border:1px solid #e5e8ed;border-radius:12px;width:36px;height:36px}.preview-topbar .i{width:20px;height:20px}.preview-heading{margin:35px 0 24px}.preview-heading h1{font-size:clamp(23px,4vw,36px);font-weight:500;line-height:1.7;margin:0}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.preview-stats button{background:none;display:flex;flex-direction:column;align-items:center;gap:9px;border-inline-end:1px solid #dfe4e8;padding:12px}.preview-stats button:last-child{border:0}.preview-stats strong{font-size:34px;font-weight:400}.preview-stats button>span{font-size:12px;color:#7c8490}.preview-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.preview-service-grid button{display:flex;flex-direction:column;gap:22px;align-items:flex-start;text-align:right;background:#fff;padding:28px;border:1px solid #e5e8eb;border-radius:27px;min-height:150px}.preview-service-grid button .i{width:31px;height:31px;color:#89929b}.preview-hub button:first-child{background:#30353c;color:#fff}.preview-folders button{min-height:180px;justify-content:center;align-items:center}.preview-folders .i{width:55px!important;height:55px!important;stroke-width:1}.preview-tabs{display:flex;gap:8px;justify-content:space-between;background:white;border:1px solid #e5e8eb;border-radius:50px;padding:8px;margin-bottom:20px}.preview-tabs button{background:none;display:flex;justify-content:center;align-items:center;gap:8px;font-size:12px;padding:10px}.preview-tabs button:first-child{background:#f0f2f5;border-radius:30px}.preview-tabs .i{width:20px;height:20px}.preview-privacy{color:#8a939c;font-size:11px;text-align:center;margin:22px 0 0}.preview-motto{font-size:49px;line-height:1.1;margin:20px 0;color:#40464f}.preview-motto small{font-size:17px;display:block;color:#b0b5bc;margin-top:12px}.preview-policy{display:flex;align-items:center;gap:24px;background:white;border-radius:25px;box-shadow:0 10px 25px #2634440a;width:100%;padding:30px;text-align:right;min-height:220px}.preview-policy>.i{width:70px;height:70px;color:#b8bec5}.preview-policy>span{display:flex;flex-direction:column;gap:16px}.preview-policy small{color:#9098a1}.preview-policy b{font-size:20px;font-weight:500}.preview-policy>span>span{font-size:13px}.preview-policycenter{background:white}.preview-flow{background:#fff;padding:24px;border-radius:24px}.preview-flow h2{font-size:18px;font-weight:500}.preview-flow button{display:flex;align-items:center;gap:16px;padding:20px 0;background:none;width:100%;text-align:right;border-bottom:1px solid #eef0f3}.preview-flow i{width:25px;height:25px;border:1px solid #d9dfe4;border-radius:50%}.preview-flow small{margin-right:auto;color:#a6acb4}.preview-table{background:white;border-radius:22px;overflow:hidden;display:block;width:100%;padding:12px;text-align:right}.preview-table>span{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px;border-bottom:1px solid #eef0f2}.preview-table-head{background:#f0f3f5;font-size:12px}.preview-table-head b{font-weight:500}.preview-table-row{color:#ccd2d9;font-size:24px}.preview-frame{width:100%;border:0;display:block;min-height:100dvh}.preview-dark{background:#1e242b;color:#e5eaf0}.preview-dark .preview-surface{background:#1e242b}.preview-dark :is(.preview-topbar,.preview-service-grid button,.preview-tabs,.preview-policy,.preview-flow,.preview-table){background:#2c333d;color:#e5eaf0;border-color:#404956}.preview-dark .preview-topbar img{background:white;border-radius:7px}
@media(max-width:600px){.preview-surface{padding:52px 16px 24px}.preview-topbar{gap:8px;padding:10px;border-radius:20px}.preview-topbar img{width:104px;height:38px}.preview-clock{font-size:9px}.preview-topbar button{width:30px;height:32px}.preview-topbar>div{gap:4px}.preview-heading{margin:28px 0 20px}.preview-service-grid{gap:10px}.preview-service-grid button{padding:21px 17px;min-height:135px;border-radius:23px;font-size:13px}.preview-tabs{gap:3px;padding:5px}.preview-tabs button{font-size:10px;padding:8px;gap:4px}.preview-tabs .i{width:16px;height:16px}.preview-stats button{padding:8px}.preview-stats button>span{font-size:10px}.preview-policy{padding:25px 18px}.program-preview .pm-dashboard{padding-inline:13px}.program-preview .pm-heading h2{font-size:26px}.program-preview .pm-net-value strong{font-size:30px}.program-preview .pm-status{grid-template-columns:52px 48px minmax(85px,1fr) minmax(100px,auto);gap:6px}.program-preview .pm-kpi strong{font-size:33px}.program-preview .pm-kpi span{font-size:10px}.program-preview .pm-topbar{padding-inline:10px}.program-preview .pm-clock{font-size:9px}.program-preview .pm-logo{max-width:90px}.program-preview .pm-icon-button{width:31px;height:33px}.program-preview .pm-top-actions{gap:5px}.program-preview .pm-pay-cards,.program-preview .pm-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.program-preview .pm-tools{padding:0;background:none}.program-preview .pm-tool{min-height:85px}.program-preview .pm-sync{font-size:10px}.program-preview .pm-pay-card{padding:16px 12px}}
@media(max-width:360px){.preview-clock{display:none}.preview-table-head{font-size:10px}.preview-tabs button{font-size:9px;padding:7px}.program-preview .pm-status{grid-template-columns:repeat(2,minmax(0,1fr))}}

.program-preview :is(h1,h2)[tabindex="-1"]:focus{outline:none}

.program-preview-open:has(.preview-frame)>.gazali-page-back{display:none}