:root{--primary:#1855a4;--navy:#002654;--teal:#4fced2;--text:#122844;--muted:#6c7d94;--line:#e5ebf3;--surface:#fff;--canvas:#f6f8fc;--phone-scale:1;--radius:20px;--font:'Noto Kufi Arabic',Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);color:var(--text);background:#edf2f8}body{background:radial-gradient(ellipse at 66% 45%,#fff 0,#f3f6fb 35%,#eaf0f7 100%);font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit}button:disabled{cursor:not-allowed;opacity:.48}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #68cbd3}a{color:var(--primary)}button{border:0}svg{vertical-align:middle;flex-shrink:0}button svg{pointer-events:none}button img{pointer-events:none}h1,h2,h3,h4,p{margin:0}img{max-width:100%;display:block}button{background:none}input,select{min-width:0}input[type=checkbox]{accent-color:var(--primary)}[hidden]{display:none!important}.presentation{max-width:1440px;margin:auto;padding:25px 56px 12px}.studio-header{height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px}.studio-logo{width:218px;height:auto}.studio-tools{display:flex;align-items:center;gap:10px}.private-badge{display:flex;gap:7px;align-items:center;color:#64748b;font-size:10px;margin-inline-end:12px}.private-badge svg{width:15px;height:15px}.studio-btn{background:#fff9;border:1px solid #dbe4ef;border-radius:12px;padding:8px 13px;font-size:11px;display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px}.studio-btn:hover{background:#fff;border-color:#a3bbdb}.studio-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:65px;align-items:center;min-height:calc(100dvh - 142px);max-width:1120px;margin:0 auto}.story-panel{padding:24px 0 30px;max-width:430px}.eyebrow{font-size:11px;letter-spacing:.2px;color:var(--primary);display:flex;gap:9px;align-items:center;font-weight:600}.eyebrow:before{content:'';width:23px;height:2px;background:var(--teal)}.story-panel h1{font-size:43px;line-height:1.65;letter-spacing:-1.2px;font-weight:700;color:var(--navy);margin:18px 0 16px}.story-panel h1 em{font-style:normal;color:var(--primary)}.story-copy{font-size:13px;line-height:2.1;color:#63748b;max-width:390px}.studio-stats{display:flex;gap:0;margin:26px 0 25px}.studio-stat{min-width:103px;padding-inline-end:24px;margin-inline-end:22px;border-inline-end:1px solid #d6e1ef}.studio-stat:last-child{border:0;margin:0;padding:0}.studio-stat b{font-family:Arial,sans-serif;font-weight:700;font-size:30px;letter-spacing:-.7px;color:var(--navy);display:block;line-height:1.3}.studio-stat span{font-size:10px;color:var(--muted)}.role-switch{display:flex;padding:5px;border:1px solid #d7e2ef;background:#e4ecf5;border-radius:15px;gap:5px;max-width:367px}.role-switch button{flex:1;border-radius:11px;font-size:11px;padding:11px 8px;display:flex;gap:8px;align-items:center;justify-content:center;min-height:44px;color:#627a96}.role-switch button.active{background:#fff;box-shadow:0 3px 9px #0026540c;color:var(--primary);font-weight:600}.role-switch svg{width:17px;height:17px}.journey-title{font-size:11px;color:#63748b;margin:26px 0 10px}.journey-list{display:grid;gap:6px}.journey-action{display:flex;gap:12px;align-items:center;text-align:start;min-height:53px;padding:8px 12px;border:1px solid transparent;border-radius:13px;max-width:368px;width:100%;transition:.2s}.journey-action:hover{background:#fff9;border-color:#d7e2ef}.journey-number{border:1px solid #c9d9ec;border-radius:9px;min-width:29px;height:29px;display:grid;place-items:center;color:#6c85a5;font:11px Arial}.journey-text{flex:1}.journey-text b{display:block;font-size:11px;font-weight:600}.journey-text small{display:block;font-size:9px;color:var(--muted);line-height:1.9}.journey-arrow{color:#7b95b5}.studio-note{font-size:9px;color:#77869b;line-height:2;max-width:365px;margin-top:20px}.studio-note b{color:#4f6480;font-weight:500}.device-column{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:13px 0 8px}.device-caption{width:calc(430px * var(--phone-scale));padding:0 10px 13px;display:flex;gap:7px;align-items:center;direction:ltr;color:#4d6077;font-size:11px;font-family:Arial,sans-serif;letter-spacing:.4px}.device-dot{width:5px;height:5px;border-radius:50%;background:#1855a4}.device-edition{margin-left:auto;color:#91a0b2;letter-spacing:1.1px;font-size:8px}.device-stage{width:calc(430px * var(--phone-scale));height:calc(932px * var(--phone-scale));position:relative}.device{width:430px;height:932px;border-radius:59px;background:linear-gradient(120deg,#a6abb4,#303642 25%,#171c23 65%,#646d7d);padding:9px;position:relative;box-shadow:0 30px 50px #00265423,0 7px 12px #00265419,inset 0 0 0 1px #ced3db, inset 0 0 0 4px #242933;transform:scale(var(--phone-scale));transform-origin:top left;direction:ltr}.screen{direction:rtl;background:var(--canvas);width:412px;height:914px;border-radius:50px;overflow:hidden;display:flex;flex-direction:column;position:relative;border:1px solid #0c121b}.hardware-key{position:absolute;background:linear-gradient(90deg,#3b4350,#9299a3);width:4px;border-radius:3px;left:-3px}.key-one{top:133px;height:26px}.key-two{top:184px;height:57px}.key-three{top:256px;height:57px;left:auto;right:-3px}.status-bar{height:51px;min-height:51px;position:relative;direction:ltr;display:flex;align-items:center;justify-content:space-between;padding:9px 27px 0;font:14px Arial,sans-serif;color:#11223b;background:#fff;z-index:7}.status-bar b{font-weight:700;letter-spacing:.1px;min-width:40px}.dynamic-island{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:116px;height:31px;border-radius:30px;background:#07090e}.dynamic-island span{position:absolute;width:8px;height:8px;right:11px;top:11px;border-radius:50%;background:#0c192b;box-shadow:inset 0 0 3px #20395a}.status-signals{display:flex;align-items:center;gap:4px}.status-signals svg{width:14px;height:13px}.battery{height:10px;width:22px;border:1px solid #9ba2ac;border-radius:3px;position:relative;margin-left:2px}.battery:before{content:'';position:absolute;inset:1px;background:#122238;border-radius:1px}.battery:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:4px;background:#9ba2ac;border-radius:0 2px 2px 0}.app-shell{display:flex;flex-direction:column;flex:1;min-height:0}.app-header{min-height:63px;height:63px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 21px;border-bottom:1px solid #edf1f6;z-index:5}.app-header.home-header{border-bottom:0}.app-header img{width:161px;height:auto}.app-header h2{font-size:16px;color:var(--navy);font-weight:700}.app-header p{font-size:9px;color:var(--muted);margin-top:3px}.header-actions{display:flex;gap:8px}.icon-button{width:39px;height:39px;border:1px solid var(--line);background:#fff;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.icon-button svg{width:19px;height:19px}.icon-button:hover{background:#f0f5fb}.notification-dot{position:absolute;top:7px;right:9px;width:5px;height:5px;border:1.5px solid white;background:#1855a4;border-radius:50%}.app-main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:20px 21px 25px;scroll-behavior:smooth}.app-main::-webkit-scrollbar{display:none}.bottom-nav{height:77px;min-height:77px;background:#fffffff5;backdrop-filter:blur(18px);border-top:1px solid #e6ebf2;display:flex;padding:9px 8px 12px;align-items:center;gap:2px;z-index:6}.nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#8090a4;position:relative;border-radius:12px;height:55px}.nav-item svg{width:22px;height:22px;stroke-width:1.7}.nav-item.active{color:var(--primary);font-weight:600}.nav-item.active:before{content:'';position:absolute;top:-10px;width:17px;height:3px;border-radius:0 0 3px 3px;background:var(--primary)}.nav-item.active svg{fill:#e7effb}.home-indicator{height:18px;min-height:18px;background:#fff;position:relative;z-index:7}.home-indicator:after{content:'';width:126px;height:5px;background:#16273e;border-radius:9px;position:absolute;bottom:6px;left:50%;transform:translateX(-50%)}.device-hint{font-size:9px;color:#8a99aa;text-align:center;margin-top:14px}.studio-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dce5ef;font-size:9px;color:#8393a8;padding:13px 0 0;gap:15px}.studio-footer button{font-size:9px;color:#657d99;padding:3px}.studio-footer>div{display:flex;gap:14px;align-items:center}.studio-footer .version{font-family:Arial,sans-serif;letter-spacing:.8px}.icon{width:20px;height:20px;display:inline-block}.greeting-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:17px}.greeting-eyebrow{font-size:10px;color:var(--muted);margin-bottom:2px}.greeting-row h1{font-size:21px;line-height:1.7;color:var(--navy);font-weight:700}.location-pill{padding:8px 9px;border:1px solid #dfe8f3;border-radius:30px;display:flex;gap:5px;align-items:center;font-size:9px;background:#fff;white-space:nowrap}.location-pill svg{width:13px;height:13px;color:var(--primary)}.hero-card{background:var(--navy);border-radius:23px;padding:21px;color:#fff;overflow:hidden;position:relative;min-height:195px;margin-bottom:20px}.hero-brand{position:absolute;width:169px;height:auto;left:-13px;top:10px;opacity:.17;transform:rotate(-12deg);pointer-events:none}.hero-card:after{content:'';position:absolute;width:180px;height:180px;left:-69px;bottom:-141px;border:35px solid #3b7dc477;border-radius:50%;pointer-events:none}.hero-kicker{display:inline-flex;gap:5px;align-items:center;font-size:9px;color:#9fe6ec;margin-bottom:9px}.hero-kicker i{width:5px;height:5px;border-radius:50%;background:#78e4d5}.hero-card h2{font-size:21px;line-height:1.8;position:relative;z-index:1}.hero-card p{font-size:9px;color:#b4c5de;margin-top:3px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;position:relative;z-index:1}.hero-action{background:#fff;color:var(--navy);padding:9px 13px;display:flex;gap:7px;align-items:center;border-radius:10px;font-size:10px;font-weight:600}.hero-action svg{width:15px;height:15px}.hero-membership{font-size:8px;color:#b5c9e4;display:flex;align-items:center;gap:5px}.hero-membership svg{width:16px;height:16px}.search-box{display:flex;align-items:center;gap:9px;padding:0 13px;height:45px;background:#fff;border:1px solid var(--line);border-radius:13px}.search-box svg{color:#8999ac;width:18px;height:18px}.search-box input{border:0;outline:0;background:transparent;flex:1;width:100%;font-size:11px;height:43px;color:var(--text)}.search-box input::placeholder{color:#8e9aad}.home-search{margin-bottom:21px;cursor:text}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:21px 0 12px}.section-heading h3{font-size:14px;font-weight:700;color:var(--navy)}.text-button{font-size:10px;color:var(--primary);padding:5px 0;display:flex;gap:4px;align-items:center}.text-button svg{width:13px;height:13px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 10px}.category-item{min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:2px 0;font-size:9px;color:#4c607c}.category-item .category-symbol{display:grid;place-items:center;width:53px;height:53px;border-radius:17px;background:#eaf1fb;color:var(--primary);border:1px solid #e1eaf6;transition:.2s}.category-item svg{width:24px;height:24px;stroke-width:1.5}.category-item:hover .category-symbol{background:var(--primary);color:white;transform:translateY(-2px)}.category-item span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}.merchant-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.merchant-card{border:1px solid #e5ebf4;border-radius:17px;background:#fff;overflow:hidden;position:relative;min-width:0;box-shadow:0 3px 9px #00265403}.merchant-open{width:100%;display:block;padding:0;text-align:start}.merchant-photo{height:124px;background:#e6eaf0;position:relative;overflow:hidden}.merchant-photo img{height:100%;width:100%;object-fit:cover;transition:.4s}.merchant-open:hover .merchant-photo img{transform:scale(1.05)}.merchant-logo{position:absolute;bottom:8px;inset-inline-start:9px;background:#ffffffed;box-shadow:0 2px 7px #0001;border:1px solid #fff;border-radius:10px;min-width:36px;height:36px;padding:5px;display:grid;place-items:center;font-weight:700;font-family:Arial,sans-serif;font-size:12px;color:var(--navy)}.merchant-favorite{position:absolute;top:9px;inset-inline-end:9px;background:#ffffffed;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;z-index:1;box-shadow:0 2px 6px #0001}.merchant-favorite svg{width:15px;height:15px;stroke-width:1.8}.merchant-favorite.saved{color:var(--primary)}.merchant-favorite.saved svg{fill:#1855a4;stroke:#1855a4}.merchant-body{padding:12px 11px 13px}.merchant-body h4{font-size:11px;line-height:1.9;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-meta{font-size:8px;color:#8a98aa;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.merchant-offer{color:var(--primary);font-size:11px;font-weight:600;margin-top:7px;display:flex;align-items:center;gap:4px}.merchant-offer svg{width:13px;height:13px}.mini-banner{background:#eef7fa;border:1px solid #d9edf3;border-radius:17px;padding:15px;display:flex;gap:13px;align-items:center;margin-top:20px}.mini-banner>.icon{color:var(--primary);width:27px;height:27px}.mini-banner b{font-size:11px;display:block}.mini-banner p{font-size:9px;line-height:1.9;color:#69859d;margin-top:3px}.page-title{font-size:22px;color:var(--navy);line-height:1.7;font-weight:700}.page-subtitle{font-size:10px;color:var(--muted);line-height:1.9;margin-top:3px;margin-bottom:17px}.catalog-search-row{display:flex;gap:8px;margin-top:5px}.catalog-search-row>.search-box{flex:1}.catalog-search-row>.icon-button{width:45px;height:45px;border-radius:13px;background:#1855a4;color:white;border-color:#1855a4}.filter-strip{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:16px -21px 13px;padding:0 21px;white-space:nowrap}.filter-strip::-webkit-scrollbar{display:none}.chip{border:1px solid #e0e7f1;background:#fff;padding:7px 13px;border-radius:24px;font-size:10px;color:#73849a;white-space:nowrap}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;margin:14px 0 13px;font-size:9px;color:var(--muted);gap:8px}.catalog-toolbar select{border:0;background:transparent;color:var(--navy);font-size:9px;max-width:145px;outline-offset:1px}.load-more{width:100%;border:1px solid #cfdbeb;color:var(--primary);font-size:11px;padding:12px;border-radius:12px;margin-top:20px;background:#fff}.result-footnote{font-size:9px;color:#97a4b5;text-align:center;margin-top:10px}.detail-main{padding:0!important}.detail-hero{height:215px;position:relative}.detail-hero>img{width:100%;height:100%;object-fit:cover}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#001b3c75)}.detail-logo{position:absolute;bottom:-25px;inset-inline-start:22px;width:65px;height:65px;border:4px solid #fff;background:#eef3fb;border-radius:20px;display:grid;place-items:center;font:bold 24px Arial;color:#1855a4;z-index:1;box-shadow:0 4px 15px #00265412}.detail-content{padding:38px 21px 24px}.detail-heading{display:flex;justify-content:space-between;gap:10px;align-items:start}.detail-heading h1{font-size:21px;color:var(--navy);line-height:1.7}.detail-category{color:#8190a5;font-size:10px;display:flex;gap:7px;align-items:center;margin-top:4px}.detail-description{font-size:11px;line-height:2.1;color:#78879d;margin:12px 0 16px}.detail-tabs{display:flex;gap:5px;border-bottom:1px solid #dfe6f0;margin-bottom:18px}.detail-tab{font-size:11px;color:#8391a4;flex:1;padding:13px 4px;border-bottom:2px solid transparent}.detail-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.offer-card{border:1px solid #dde6f2;border-radius:17px;background:#fff;margin-bottom:13px;padding:16px;position:relative;overflow:hidden}.offer-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.benefit-badge{font-size:20px;color:var(--primary);font-weight:700;letter-spacing:-.4px;line-height:1.7}.type-label{font-size:8px;color:#6d839e;background:#f0f5fb;padding:4px 8px;border-radius:6px;display:flex;gap:4px;align-items:center;white-space:nowrap}.type-label svg{width:12px;height:12px}.offer-card h3{font-size:12px;font-weight:600;margin:7px 0 6px;line-height:1.9}.offer-card p{font-size:10px;color:#8090a3;line-height:1.9}.offer-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #dae4f1;margin-top:13px;padding-top:13px;gap:7px}.offer-footer small{color:#8090a3;font-size:9px}.offer-footer button{font-size:10px;background:var(--primary);color:#fff;border-radius:9px;padding:9px 14px}.offer-expiry{font-size:8px;color:#8c9aae;margin-top:10px;display:flex;gap:4px;align-items:center}.offer-expiry svg{width:12px;height:12px}.branch-card{border:1px solid var(--line);border-radius:15px;padding:15px;background:#fff;margin-bottom:12px}.branch-card h3{font-size:12px}.branch-card p{font-size:10px;color:var(--muted);line-height:2;margin-top:5px}.branch-card .branch-actions{display:flex;gap:8px;margin-top:12px}.branch-card button{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:9px;display:flex;gap:5px;align-items:center;color:var(--primary)}.map-panel{height:170px;background:#eaf0f6;border-radius:13px;overflow:hidden;position:relative;margin:15px 0;border:1px solid #dbe5ef}.map-panel svg{width:100%;height:100%}.map-caption{font-size:9px;color:var(--muted);text-align:center}.info-list{padding:0;margin:0;list-style:none}.info-list li{display:flex;gap:10px;align-items:flex-start;padding:12px 0;font-size:10px;border-bottom:1px solid #e7ecf3;line-height:2;color:#72829a}.info-list svg{width:18px;height:18px;color:var(--primary);margin-top:3px}.membership-card{background:var(--navy);border-radius:22px;color:white;padding:22px;position:relative;overflow:hidden;min-height:211px;box-shadow:0 9px 18px #00265416}.membership-pattern{position:absolute;width:183px;left:-5px;top:23px;opacity:.14;pointer-events:none}.membership-card .brand-label{font-size:11px;font-weight:600;color:#c5d9f4;position:relative}.membership-card .card-tier{font-size:9px;letter-spacing:1.8px;font-family:Arial,sans-serif;color:#8ecfdc;margin-top:4px}.membership-card h2{font-size:19px;margin-top:27px;position:relative}.membership-card .member-number{font:12px Arial,sans-serif;color:#9fb9d8;margin-top:6px;letter-spacing:2px}.membership-card .member-foot{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-top:19px;position:relative;color:#b7cbe5}.membership-card .member-status{color:#b7f5e2;background:#2d7b7d4d;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:5px}.membership-card .member-status.inactive{color:#ffd5af;background:#9e6b313d}.quota-card{background:white;border:1px solid var(--line);border-radius:17px;padding:17px;margin:16px 0}.quota-top{display:flex;justify-content:space-between;font-size:11px}.quota-top strong{color:var(--primary)}.quota-progress{height:6px;border-radius:10px;background:#eaf0f8;margin:13px 0;overflow:hidden}.quota-progress i{height:100%;background:var(--primary);display:block;border-radius:10px}.quota-card small{font-size:9px;color:var(--muted);line-height:2}.transaction-list{display:grid;gap:11px}.transaction-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;text-align:start;width:100%;display:flex;gap:11px;align-items:center}.transaction-symbol{width:43px;height:43px;background:#edf3fb;color:var(--primary);border-radius:13px;display:grid;place-items:center;flex-shrink:0;font-weight:700;font-family:Arial,sans-serif}.transaction-content{flex:1;min-width:0}.transaction-content h3{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.transaction-content p{font-size:9px;color:#8897aa;margin:3px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.transaction-content small{font-size:8px;color:#95a1b3}.status-tag{display:inline-flex;align-items:center;gap:4px;font-size:8px;padding:4px 7px;border-radius:6px;white-space:nowrap}.status-tag.used{color:#247a66;background:#e9f6f1}.status-tag.unused{color:#b17824;background:#fff5df}.status-tag.cancelled{color:#8290a4;background:#f0f3f7}.wallet-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.wallet-summary>div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 6px;text-align:center}.wallet-summary b{font-size:22px;font-family:Arial;color:var(--navy);display:block}.wallet-summary span{font-size:9px;color:#8896a9;display:block;margin-top:5px}.empty-state{padding:45px 15px;text-align:center;border:1px dashed #d3deed;border-radius:18px;background:#fff8}.empty-state>span{display:grid;place-items:center;width:61px;height:61px;border-radius:20px;background:#eaf1fb;color:var(--primary);margin:0 auto 15px}.empty-state svg{width:27px;height:27px}.empty-state h3{font-size:14px;margin-bottom:7px}.empty-state p{font-size:10px;color:var(--muted);line-height:2}.empty-state button{margin-top:18px}.profile-head{display:flex;align-items:center;gap:14px;padding:5px 0 22px}.avatar{width:57px;height:57px;border:5px solid white;box-shadow:0 0 0 1px #dbe6f4;border-radius:50%;background:#ddeaf9;color:var(--primary);display:grid;place-items:center;font-size:17px;font-weight:600;flex-shrink:0}.profile-head h2{font-size:16px}.profile-head p{font-size:10px;color:var(--muted);margin-top:6px}.settings-group{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;margin-bottom:16px}.settings-row{display:flex;align-items:center;gap:11px;text-align:start;padding:15px;width:100%;min-height:57px;border-bottom:1px solid #edf1f6;font-size:11px}.settings-row:last-child{border:0}.settings-row>svg{color:var(--primary);width:19px;height:19px}.settings-row>span{flex:1}.settings-row small{font-size:9px;color:var(--muted)}.settings-row .arrow{color:#adb8c6;width:13px;height:13px}.settings-row.danger{color:#ae515a}.settings-row.danger>svg{color:#ae515a}.profile-note{text-align:center;font-size:9px;color:#99a4b4;line-height:2;margin-top:17px}.profile-note img{width:145px;opacity:.7;margin:0 auto 10px}.notification-card{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:12px}.notification-card .notification-icon{width:37px;height:37px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#eaf2fc;color:var(--primary)}.notification-card h3{font-size:11px}.notification-card p{font-size:10px;line-height:2;color:var(--muted);margin-top:5px}.notification-card small{font-size:8px;color:#95a2b3}.primary-button,.secondary-button,.danger-button{border-radius:13px;min-height:46px;padding:12px 17px;display:flex;gap:8px;justify-content:center;align-items:center;font-size:12px;font-weight:500;width:100%;line-height:1.6}.primary-button{color:#fff;background:var(--primary);box-shadow:0 4px 9px #1855a417}.primary-button:hover{background:#12488e}.secondary-button{color:var(--primary);background:#edf3fb;border:1px solid #d9e4f3}.danger-button{color:#a14b54;background:#fbf0f1;border:1px solid #f1dce0}.primary-button svg,.secondary-button svg,.danger-button svg{width:18px;height:18px}.button-stack{display:grid;gap:9px;margin-top:20px}.overlay{position:absolute;inset:51px 0 18px;z-index:30;background:#00162c77;backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fff;border-radius:27px 27px 0 0;width:100%;max-height:95%;overflow:auto;scrollbar-width:none;box-shadow:0 -8px 30px #00265426;animation:sheetIn .22s ease-out;padding:12px 23px 26px;outline:0}.sheet-handle{width:35px;height:4px;background:#dce3ed;margin:0 auto 16px;border-radius:9px}.sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:16px}.sheet-heading h2{font-size:16px;color:var(--navy)}.sheet-heading .icon-button{width:30px;height:30px;border-radius:50%;background:#f2f5f9;border:0}.sheet-heading .icon-button svg{width:16px;height:16px}.sheet p{line-height:2.1}.sheet-caption{font-size:10px;color:var(--muted);margin-bottom:15px}.sheet-subtitle{font-size:11px;font-weight:600;margin:19px 0 10px}.sheet-summary{border:1px solid var(--line);border-radius:15px;padding:15px;background:#f8fafd;margin-bottom:15px}.sheet-summary-row{display:flex;justify-content:space-between;align-items:start;gap:14px;font-size:10px;margin-bottom:10px;line-height:1.9}.sheet-summary-row:last-child{margin:0}.sheet-summary-row span{color:var(--muted)}.sheet-summary-row strong{font-weight:500;text-align:end;max-width:62%}.terms-check{display:flex;gap:9px;align-items:flex-start;font-size:10px;color:#728198;line-height:2;margin-top:14px}.terms-check input{margin:4px 0 0;width:16px;height:16px;flex-shrink:0}.terms-list{font-size:10px;line-height:2.1;padding-inline-start:17px;color:var(--muted);margin:9px 0}.notice-box{padding:12px 13px;background:#eef7fa;border:1px solid #d9edf2;border-radius:12px;font-size:10px;color:#517990;line-height:2}.notice-box.warning{color:#987334;background:#fff8e9;border-color:#f1e1ba}.field-label{display:block;font-size:10px;color:var(--muted);margin-bottom:7px}.select-field,.text-field{width:100%;border:1px solid #dbe4f1;background:#fff;border-radius:11px;min-height:43px;padding:10px;font-size:11px;color:var(--text)}.filter-options{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.success-icon{width:69px;height:69px;border-radius:50%;background:#e8f6f2;color:#278675;display:grid;place-items:center;margin:13px auto 17px;box-shadow:0 0 0 10px #f6fbf9}.success-icon svg{width:33px;height:33px;stroke-width:2}.success-head{text-align:center;font-size:21px;color:var(--navy);margin:15px 0 8px!important}.success-sub{text-align:center;font-size:10px;color:var(--muted);margin-bottom:21px!important}.code-box{border:1.5px dashed #a9c2e3;background:#f4f8fd;padding:20px 13px;border-radius:14px;text-align:center}.code-box small{display:block;font-size:9px;color:var(--muted);margin-bottom:8px}.code-box code{font:bold 23px Arial,sans-serif;color:var(--primary);letter-spacing:1.8px;display:block;direction:ltr;user-select:all;overflow-wrap:anywhere}.code-box button{font-size:9px;color:var(--primary);margin-top:12px;display:inline-flex;gap:5px;align-items:center}.scan-preview{height:225px;border-radius:17px;background:radial-gradient(#183b60,#071c33);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:17px 0}.scan-target{width:147px;height:147px;border:2px solid #74d4dd;border-radius:17px;position:relative;padding:12px;background:#fff}.scan-target svg{width:100%;height:100%}.scan-line{position:absolute;left:8px;right:8px;top:20%;height:2px;background:#4fced2;box-shadow:0 0 12px #4fced2;animation:scan 2.5s linear infinite}.scan-caption{position:absolute;bottom:13px;color:#99b4d2;font-size:9px}.transaction-info-small{font:10px Arial,sans-serif;color:#8b9caf;direction:ltr;text-align:center;margin:15px 0}.membership-details{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.membership-details div{background:#f0f5fb;border:1px solid #e4ebf5;border-radius:12px;padding:12px}.membership-details small{font-size:8px;color:var(--muted);display:block}.membership-details b{font-size:11px;display:block;margin-top:6px}.welcome-view{background:#fff!important;padding:30px 25px 25px!important;display:flex;flex-direction:column}.welcome-brand{width:190px;margin:0 auto 30px}.welcome-collage{height:270px;display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;margin:3px 0 24px}.welcome-collage img{object-fit:cover;width:100%;height:100%;border-radius:90px 90px 23px 23px}.welcome-collage>div{display:grid;grid-template-rows:1fr 1fr;gap:10px}.welcome-collage>div img{border-radius:20px}.welcome-badge{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#ffffffed;border:1px solid #fff;border-radius:14px;padding:10px 15px;box-shadow:0 10px 30px #001b3a1c;color:var(--primary);font-size:11px;white-space:nowrap}.welcome-view h1{font-size:27px;line-height:1.8;color:var(--navy);text-align:center}.welcome-view>p{font-size:11px;color:var(--muted);line-height:2.1;text-align:center;margin:10px 0 23px}.welcome-view .button-stack{margin-top:auto}.login-view{padding-top:40px!important}.login-icon{width:65px;height:65px;background:#eaf2fc;border-radius:22px;display:grid;place-items:center;margin:0 0 22px;color:var(--primary)}.login-icon svg{width:31px;height:31px}.login-view h1{font-size:23px;color:var(--navy);margin-bottom:10px}.login-view p{font-size:11px;color:var(--muted);line-height:2.1;margin-bottom:26px}.employee-picker{display:grid;gap:10px;margin:18px 0}.employee-choice{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #dce5f0;background:white;border-radius:14px;text-align:start;width:100%}.employee-choice.selected{border-color:var(--primary);background:#eef4fc}.employee-choice .avatar{width:40px;height:40px;font-size:13px;border-width:3px}.employee-choice b{font-size:11px;display:block}.employee-choice small{font-size:9px;color:var(--muted)}.employee-choice>.check{margin-inline-start:auto;color:var(--primary);width:17px;height:17px}.faq-item{border:1px solid #e1e8f2;border-radius:12px;margin-bottom:10px;overflow:hidden}.faq-item summary{padding:13px;font-size:11px;cursor:pointer}.faq-item p{padding:0 13px 13px;font-size:10px;color:var(--muted)}.toast{position:absolute;bottom:107px;left:20px;right:20px;z-index:60;padding:12px 16px;background:#0c2e54f2;border:1px solid #1d4a79;border-radius:13px;color:white;box-shadow:0 8px 23px #001c3940;font-size:10px;line-height:1.9;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s;text-align:center}.toast.visible{opacity:1;transform:translateY(0)}.toast.error{background:#713941f2;border-color:#98616a}.toast.success{background:#195c54f2;border-color:#377b70}.about-heading{font-size:12px;margin:19px 0 9px}.about-copy{font-size:10px;line-height:2.2;color:var(--muted)}.about-copy a{word-break:break-all}.about-chips{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.about-chips span{background:#f0f5fb;border-radius:7px;padding:5px 9px;font-size:9px;color:#50739b}.report-endnote{font-size:9px;color:#8697ad;line-height:2;margin-top:12px}.storage-banner{font-size:9px;padding:10px;background:#fff4d9;color:#88631e;line-height:2;margin-bottom:14px;border-radius:9px}.focus-mode .story-panel,.focus-mode .studio-footer,.focus-mode .private-badge{display:none}.focus-mode .studio-grid{display:flex;justify-content:center;min-height:calc(100dvh - 104px)}.focus-mode .studio-header{position:absolute;top:12px;left:30px;right:30px;pointer-events:none}.focus-mode .studio-tools{pointer-events:auto}.focus-mode .studio-logo{width:175px;opacity:.7}.focus-mode .device-hint{display:none}.focus-mode .device-column{padding-top:0}.print-report{display:none}.control-detail{font-size:9px;color:var(--muted);line-height:2;margin:9px 0}.compact-actions{display:flex;gap:8px;margin-top:14px}.compact-actions>*{flex:1}.mini-badge{font-size:9px;border-radius:6px;padding:3px 7px;background:#edf3fb;color:var(--primary)}.list-label{font-size:10px;color:var(--muted);margin-bottom:12px}.sheet .category-grid{gap:18px 12px;margin:20px 0}.avatar-initials{font-family:var(--font)}.screen[dir=ltr]{direction:ltr}.screen[dir=ltr] .hero-brand,.screen[dir=ltr] .membership-pattern{left:auto;right:-13px}.screen[dir=ltr] .greeting-row h1{font-size:20px}.screen[dir=ltr] .merchant-body h4{font-size:12px}.screen[dir=ltr] .nav-item{font-size:9px}.screen[dir=ltr] .category-item{font-size:9px}.screen[dir=ltr] .membership-card h2{font-size:17px}.screen[dir=ltr] .arrow{transform:rotate(180deg)}html[dir=ltr] .studio-grid{direction:ltr}html[dir=ltr] .story-panel h1{font-size:43px;line-height:1.25;letter-spacing:-1.6px;margin-bottom:21px}html[dir=ltr] .story-copy{line-height:1.9}.back-icon{transform:scaleX(-1)}.screen[dir=ltr] .back-icon{transform:none}@keyframes sheetIn{from{transform:translateY(25px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes scan{0%,100%{top:20%}50%{top:80%}}
.admin-main{padding:0!important}.merchant-body h4{font-size:12px}.merchant-meta{font-size:9px}.nav-item{font-size:10px}.category-item{font-size:10px}.greeting-eyebrow{font-size:11px}.hero-card{padding:18px 20px;min-height:180px}.hero-kicker{margin-bottom:6px;font-size:10px}.hero-card h2{font-size:20px;line-height:1.65}.hero-card p{font-size:10px}.hero-bottom{margin-top:12px}.hero-action{font-size:11px}.hero-membership{font-size:10px}.home-search{margin-bottom:14px}.greeting-row{margin-bottom:14px}.category-grid{gap:10px}.category-item .category-symbol{width:47px;height:47px;border-radius:15px}.section-heading{margin-top:17px}.offer-card p,.detail-description{font-size:11px}.transaction-content h3{font-size:12px}.transaction-content p{font-size:10px}.status-tag{font-size:9px}.sheet-caption,.about-copy,.notice-box,.terms-check,.terms-list{font-size:11px}.sheet-summary-row{font-size:11px}.membership-card .member-status svg{width:13px;height:13px}.search-box input{font-size:12px}.profile-note{font-size:10px}.hero-action{white-space:nowrap}.app-main>.hero-card:after{display:none}
@media(min-width:1500px){.studio-grid{gap:95px}.story-panel h1{font-size:48px}}
@media(max-width:1100px){.presentation{padding:19px 28px 12px}.studio-grid{gap:28px;grid-template-columns:1fr 1.1fr}.story-panel h1{font-size:35px}.story-copy{font-size:12px}.studio-stat{min-width:80px;margin-inline-end:15px;padding-inline-end:15px}.studio-stat b{font-size:25px}.studio-logo{width:190px}}
@media(max-width:760px){.presentation{padding:16px 16px 10px}.studio-header{height:45px}.studio-logo{width:160px}.private-badge{display:none}.studio-tools{gap:6px}.studio-btn{font-size:10px;padding:6px 9px;min-height:33px}.studio-grid{display:flex;flex-direction:column;gap:0;min-height:auto}.story-panel{padding:21px 0 10px;text-align:center;max-width:500px;width:100%}.story-panel .eyebrow{justify-content:center;font-size:9px}.story-panel h1{font-size:26px;margin:10px 0;line-height:1.6;letter-spacing:-.7px}.story-panel h1 br{display:none}.story-copy,.studio-stats,.journey-title,.journey-list,.studio-note{display:none}.role-switch{max-width:360px;margin:13px auto 0}.role-switch button{padding:8px;font-size:10px;min-height:35px}.device-column{padding:15px 0}.studio-footer{font-size:8px;margin-top:8px;align-items:flex-start}.studio-footer>div{gap:8px}.studio-footer button{font-size:8px}.device-hint{max-width:320px}.focus-mode .studio-header{position:static;margin-bottom:9px;pointer-events:auto}.focus-mode .device-caption{display:none}.focus-mode .studio-grid{min-height:auto}.focus-mode .device-column{padding:0}.focus-mode .studio-logo{width:150px}html[dir=ltr] .story-panel h1{font-size:27px;line-height:1.4}}
@media(max-width:480px){body{background:#fff}.presentation{padding:0}.studio-header{height:45px;padding:7px 15px;border-bottom:1px solid #e6ecf3}.studio-logo{width:137px}.studio-tools .studio-btn{min-height:29px;padding:4px 8px;border-radius:8px;font-size:9px}.story-panel{padding:9px 13px 0}.story-panel .eyebrow,.story-panel h1{display:none}.role-switch{margin:0;max-width:none;border-radius:12px;padding:3px;background:#f0f4fa}.role-switch button{min-height:30px;padding:5px}.device-column{width:100%;padding:8px 0 0}.device-caption,.device-hint,.studio-footer{display:none}.device-stage{width:100%!important;height:calc(100dvh - 100px)!important}.device{transform:none!important;width:100%;height:100%;padding:0;background:none;border-radius:0;box-shadow:none}.screen{width:100%;height:100%;border-radius:0;border:0}.hardware-key{display:none}.status-bar{height:39px;min-height:39px;padding:3px 24px 0}.dynamic-island{top:5px;width:108px;height:28px}.dynamic-island span{top:10px}.app-main{padding-bottom:24px}.overlay{inset:39px 0 18px}.focus-mode .device-stage{height:calc(100dvh - 45px)!important}.focus-mode .studio-header{margin:0}.focus-mode .story-panel{display:none}.home-indicator{padding-bottom:env(safe-area-inset-bottom);height:calc(18px + env(safe-area-inset-bottom));min-height:calc(18px + env(safe-area-inset-bottom))}.home-indicator:after{bottom:calc(6px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{body{background:#fff;font-size:11px}.presentation{display:none!important}.print-report{display:block;direction:rtl;padding:15px}.print-report img{width:190px;margin-bottom:20px}.print-report h1{font-size:23px;margin-bottom:7px}.print-report p{font-size:10px;line-height:2;margin-bottom:15px}.print-report table{width:100%;border-collapse:collapse;font-size:8px}.print-report th{background:#eaf0f9;color:#002654}.print-report th,.print-report td{border:1px solid #d9e2ee;padding:7px;text-align:start}.print-report tr{break-inside:avoid}.print-report thead{display:table-header-group}.print-report .print-summary{display:flex;gap:20px;margin:18px 0;font-size:11px}.print-report .print-summary strong{color:#1855a4}@page{size:A4 landscape;margin:12mm}}