.shell{padding-top:0}.shell.account-shell{padding-top:0}.aligned-head{position:sticky;top:0;z-index:35;background:var(--card);margin-top:0!important;margin-bottom:12px;height:68px}.aligned-head .reference-icon{font-size:24px}.aligned-head .account-photo{width:40px;height:40px}.aligned-head .account-photo-frame{width:40px;height:40px}.aligned-head .account-photo-inner{width:32px;height:32px}.aligned-head .muted{font-size:12px;line-height:18px}.aligned-head .muted b{font-size:14px;color:var(--text)}.front-main{padding-bottom:96px}.reference-bottom{height:90px;padding:0!important;gap:0;justify-content:center;box-shadow:0 -4px 12px #0000000a}.reference-bottom button{flex:0 1 70px;height:90px}.reference-bottom .nav-symbol{height:75px;width:100%;padding-bottom:8px}.reference-bottom button>span:last-child{position:absolute;top:59px;line-height:16.5px}.reference-bottom button.active .nav-symbol{top:-30px;width:70px;height:70px;padding:0;border-width:6px;box-shadow:0 3px 8px #0001}.reference-bottom button.active>span:last-child{margin:0;top:49px}.reference-bottom button:not(.active)>span:last-child{opacity:.65}.reference-bottom img{width:34px;height:34px}.demo-mode-corner{bottom:104px}.filterbar{margin:16px 0}.pill-filters{margin:20px 0 24px}.pill-filters .btn{border:0;border-radius:25px;background:#f3f4f6;min-height:36px;padding:8px 16px}.pill-filters .btn.primary{background:var(--accent);color:white}.text-action{color:var(--accent);font-size:14px;padding:0}.aligned-subtitle{font-size:16px;font-weight:700;margin:24px 0 16px}.grab-summary{border-radius:12px;overflow:hidden}.grab-identity{padding:16px;background:#f3f4f6;display:flex;align-items:center;gap:12px}.grab-identity .account-photo{width:52px;height:52px}.grab-identity .account-photo-frame{width:52px;height:52px}.grab-identity .account-photo-inner{width:44px;height:44px}.grab-identity-text{flex:1;min-width:0}.grab-identity-text>div{display:flex;align-items:center;gap:8px}.grab-identity-text b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grab-identity-text span{background:var(--accent);color:white;border-radius:4px;font-size:12px;padding:2px 8px}.grab-identity-text small{display:block;font-size:10px;color:#7d8490;margin-top:4px}.grab-identity-text strong{display:block;font-size:16px;line-height:20px}.grab-identity>button{background:var(--accent);color:white;padding:8px 16px;border-radius:8px;font-size:14px}.grab-stats{display:flex;background:var(--accent);color:white;padding:12px 16px}.grab-stats>div{flex:1;text-align:center;border-right:1px solid #ffffff4d;min-width:0}.grab-stats>div:last-child{border:0}.grab-stats small{display:block;font-size:12px;opacity:.8;line-height:18px}.grab-stats b{font-size:16px;line-height:24px}.grab-control{padding:32px 0;margin:24px 0;display:flex;flex-direction:column;align-items:center;gap:16px}.grab-orbit{width:220px;height:220px;display:grid;place-items:center;position:relative}.grab-orbit>svg{position:absolute;width:220px;height:220px;transform:rotate(-90deg);opacity:.7}.grab-progress{position:absolute;top:-6px;left:50%;transform:translateX(-50%);background:var(--accent);color:white;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700;z-index:2;box-shadow:0 2px 8px #0002}.grab-decoration{position:absolute;width:256px;height:256px;border:1px dashed var(--accent)33;border-radius:50%;pointer-events:none}.grab-decoration:after{content:'';position:absolute;inset:16px;border-radius:50%;border:1px dashed var(--accent)26}.grab-match{width:152px;height:152px;border-radius:50%;background:#e9154e;color:white;font-size:18px;font-weight:700;box-shadow:0 4px 20px #e9154e50}.grab-count{border-radius:24px;padding:8px 16px;box-shadow:0 3px 8px #0002;font-size:14px;background:var(--card);color:#7d8490}.grab-count b{color:var(--accent)}.grab-count strong{color:var(--text);font-weight:500}.live-orders-section{margin:0 0 16px}.live-orders-section h2{font-size:16px;margin-bottom:12px;gap:8px}.live-orders-section h2 i{width:8px;height:8px}.live-orders-window{height:192px;border-radius:12px}.live-order-row>img{width:40px;height:40px;border-radius:8px}.live-order-row{height:80px;padding:12px 16px}.live-order-row b{font-weight:500}.live-order-row strong{font-size:14px}.grab-records{display:grid;gap:12px}.grab-records button{display:flex;align-items:center;width:100%;background:#f9fafb;border-radius:12px;padding:16px;gap:12px;text-align:left}.grab-records img{width:56px;height:56px;object-fit:contain;border-radius:8px}.grab-records button>div:first-of-type{flex:1;min-width:0}.grab-records b{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grab-records small{display:block;color:#7d8490;font-size:12px;line-height:20px}.grab-records button>div:last-child{text-align:right;flex-shrink:0}.grab-records strong{color:var(--accent);font-size:16px}.grab-records .pending{color:#d69e00}.grab-records .completed{color:#10b981}.aligned-order-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px}.aligned-order-totals>div{text-align:center;background:#f9fafb;border-radius:12px;padding:16px}.aligned-order-totals b{font-size:24px;line-height:32px;display:block}.aligned-order-totals>div:last-child b{color:var(--accent)}.aligned-order-totals small{font-size:12px;color:#7d8490}.compact-orders{gap:12px}.compact-order{border-radius:12px;background:#f9fafb;overflow:hidden}.compact-order-head{display:flex;align-items:center;gap:6px;padding:8px 16px;border-bottom:1px solid #e5e7eb;font-size:10px;min-width:0}.compact-order-head>span{background:#dbeafe;color:#3b82f6;padding:2px 5px;border-radius:4px;font-size:12px;flex-shrink:0}.compact-order-head>button{padding:0;color:#7d8490;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;min-width:0}.compact-order-head em{margin-left:auto;font-size:10px;font-style:normal;flex-shrink:0}.compact-order-head .completed{color:#10b981}.compact-order-head .pending{color:#d69e00}.compact-order-head .cancelled{color:#9ca3af}.compact-order-body{display:flex;text-align:left;gap:12px;padding:16px;width:100%}.compact-order-body>img{width:64px;height:64px;object-fit:contain;border-radius:8px;flex-shrink:0}.compact-order-body>div{flex:1;min-width:0}.compact-order-title{display:flex;align-items:center;gap:8px}.compact-order-title b{flex:1;min-width:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px}.compact-order-title small{font-size:10px;color:#7d8490;white-space:nowrap}.compact-order-money{display:flex;justify-content:space-between;font-size:14px;margin-top:8px}.compact-order-money strong{font-size:16px;color:var(--accent)}.compact-order-rate{display:block;text-align:right;color:#7d8490;font-size:12px;line-height:18px}.aligned-order-detail img{display:block;max-height:170px;width:100%;object-fit:contain}.aligned-order-detail h3{margin:16px 0 8px}.aligned-order-detail p{font-size:12px;color:#7d8490;margin:8px 0}.aligned-order-detail>div{display:flex;justify-content:space-between}.aligned-order-detail strong{color:var(--accent)}.aligned-ledger{background:#f9fafb;border-radius:12px;overflow:hidden}.aligned-ledger-head{display:flex;align-items:center;gap:6px;padding:8px 16px;border-bottom:1px solid #e5e7eb;font-size:10px}.aligned-ledger-head>span{font-size:12px;color:#3b82f6;background:#dbeafe;padding:1px 6px;border-radius:3px;flex-shrink:0}.aligned-ledger-head button{padding:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7d8490}.aligned-ledger-head small{margin-left:auto;flex-shrink:0;color:#7d8490;font-size:10px}.aligned-ledger-body{display:flex;padding:16px;gap:12px;align-items:center}.aligned-ledger-body>i{width:48px;height:48px;border:1px solid #e5e7eb;border-radius:50%;display:grid;place-items:center;font-size:24px;font-style:normal;flex-shrink:0}.aligned-ledger-body>div:first-of-type{flex:1;min-width:0}.aligned-ledger-body b{font-size:14px;display:block}.aligned-ledger-body small{display:block;font-size:12px;color:#7d8490;line-height:18px;margin-top:4px}.aligned-ledger-body>div:last-child{text-align:right}.aligned-ledger-body strong{font-size:16px}.aligned-method{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.aligned-method.default{border-color:var(--accent)}.aligned-method>div{display:flex;align-items:center;gap:8px;padding:16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:14px}.aligned-method>div b{flex:1}.aligned-method>div>button:last-child{color:#ef4444;padding:0;font-size:16px}.aligned-method>p{display:flex;align-items:center;gap:12px;padding:16px;font-size:14px}.aligned-method>p i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#dbeafe;color:#3b82f6;font-size:20px;font-style:normal}.aligned-fixed-action{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(448px,100%);padding:16px;background:var(--card);border-top:1px solid #e5e7eb;z-index:40}.aligned-fixed-action .btn{min-height:44px;border-radius:8px}.aligned-invite{text-align:center;padding:12px 16px}.invite-illustration{width:220px;height:140px;object-fit:contain;display:block;margin:0 auto 32px}.aligned-invite h3{font-size:18px;margin-bottom:8px}.aligned-invite>p{font-size:14px;color:#7d8490;line-height:24px}.invite-stats{background:#f9fafb;border-radius:12px;margin:16px 0 24px;overflow:hidden;color:#7d8490}.invite-stats>div{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px}.invite-stats b{font-size:20px;color:var(--accent)}.invite-stats span{height:24px;border-left:1px solid #e5e7eb;margin:0 12px}.invite-stats button{border-top:1px solid #e5e7eb;width:100%;padding:10px}.aligned-invite>small{display:block;color:#7d8490;font-size:14px;margin:24px 0 8px}.invite-code{display:flex;justify-content:center;gap:8px;align-items:center}.invite-code b{background:var(--accent);color:white;font-size:20px;letter-spacing:2px;border-radius:8px;padding:12px 24px}.invite-code button{border:1px solid #6b7280;border-radius:8px;width:48px;height:48px;font-size:20px}.invite-link{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#f9fafb}.invite-link p{padding:16px;overflow-wrap:anywhere;font-size:14px}.invite-link button{width:100%;padding:12px;background:var(--accent);color:white;font-weight:600}.invite-share{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 10px;margin:20px 0}.invite-share button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;min-width:0}.invite-share .reference-icon{font-size:24px;background:#f3f4f6;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.invite-share small{font-size:10px;color:#7d8490}.aligned-team-summary{background:var(--accent);color:white;text-align:center;border-radius:16px;overflow:hidden;padding-top:20px}.aligned-team-summary>small{font-size:12px;opacity:.7}.aligned-team-summary>strong{font-size:30px;display:block;line-height:40px}.team-periods{display:flex;padding:12px 24px}.team-periods>div{flex:1;border-right:1px solid #ffffff33;line-height:20px}.team-periods>div:last-child{border:0}.team-periods small{font-size:12px;display:block;opacity:.7}.team-periods b{font-size:14px}.team-summary-bottom{background:#00000015;padding:12px 20px}.team-summary-bottom>div{display:flex;justify-content:center;margin-bottom:12px;gap:24px}.team-summary-bottom span{font-size:12px;opacity:.8;text-align:left}.team-summary-bottom b{display:block;padding-left:20px;font-size:14px}.team-summary-bottom>button{padding:12px;width:100%;color:white;background:#ffffff26;border-radius:12px;font-size:14px;font-weight:700}.team-contributors{display:flex;justify-content:center;gap:24px;padding:24px 0}.team-contributors>div{text-align:center;position:relative}.team-contributors .avatar{width:64px;height:64px;border-color:#facc15;font-size:20px;margin:auto}.team-contributors span{position:absolute;right:0;top:48px;background:#facc15;border-radius:50%;width:22px;font-size:12px}.team-contributors b{display:block;font-size:12px;margin-top:12px}.team-levels details{padding:12px;background:#f9fafb;border-radius:12px}.team-levels summary{display:flex;justify-content:space-between;align-items:center;font-size:14px;cursor:pointer;list-style:none}.team-levels summary b{display:flex;gap:8px;align-items:center}.team-levels summary i{background:#22c55e;color:white;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal}.team-levels small{font-size:12px;color:#9ca3af}.team-level-stats{display:flex;margin:12px 0 0;padding-left:36px;justify-content:space-between}.team-level-stats small,.team-level-stats b{display:block;font-size:12px}.team-level-stats b{font-size:14px;margin-top:4px}.team-level-stats>div:nth-child(2) b{color:var(--accent)}.team-levels details>p{font-size:12px;margin:12px 0 0 36px}.aligned-notifications>button{border:1px solid #e5e7eb;border-radius:12px;padding:12px;display:flex;align-items:flex-start;gap:12px;text-align:left}.aligned-notifications>button>i{font-style:normal;background:#f3f4f6;color:#9ca3af;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;font-size:20px}.aligned-notifications>button>div{flex:1;min-width:0}.aligned-notifications b{font-size:14px;color:#6b7280}.aligned-notifications p{font-size:12px;line-height:18px;margin:8px 0;color:#7d8490}.aligned-notifications small{font-size:10px;color:#9ca3af}.aligned-notifications>button>.reference-icon{font-size:16px;color:#9ca3af}.aligned-no-more{font-size:12px;text-align:center;color:#9ca3af;margin:24px 0}.aligned-help-banner{background:var(--accent);border-radius:12px;padding:16px;color:white}.aligned-help-banner h3{font-size:18px;margin-bottom:4px}.aligned-help-banner p{font-size:12px;opacity:.7}.aligned-help-banner form>div{margin-top:12px;background:var(--card);color:#7d8490;border-radius:8px;display:flex;align-items:center;gap:12px;padding:12px}.aligned-help-banner input{width:100%;background:none;border:0;min-width:0;font-size:14px;color:var(--text)}.aligned-help-banner .reference-icon{font-size:20px}.aligned-help-tabs{gap:4px;margin-top:40px}.aligned-help-tabs .btn{border:0;background:none;font-size:12px;padding:8px 12px;min-height:36px}.aligned-help-tabs .btn.primary{background:var(--accent)}.aligned-help-items{gap:12px}.aligned-help-items details{background:#f9fafb;border-radius:12px}.aligned-help-items summary{padding:20px 16px;font-size:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none}.aligned-help-items summary .reference-icon{color:#9ca3af}.aligned-help-items p{border-top:1px solid #e5e7eb;font-size:12px;padding:16px;line-height:20px;color:#7d8490}.aligned-help-contact{text-align:center;margin-top:32px}.aligned-help-contact p{font-size:14px;margin-bottom:12px}.aligned-privacy{padding:20px 8px;font-size:14px;line-height:24px}.aligned-privacy h3{font-size:14px;margin-bottom:16px}.aligned-privacy>img{width:100%;height:175px;object-fit:cover;border-radius:12px;margin-bottom:16px}.aligned-privacy h4{font-size:12px;margin:20px 0 8px}.aligned-privacy p{line-height:24px;color:#6b7280}.aligned-privacy ul{padding-left:20px;font-size:12px;color:#6b7280;line-height:24px}.aligned-recharge-balance{padding:16px;background:var(--accent);color:white;border-radius:12px}.aligned-recharge-balance small{font-size:14px;opacity:.7;display:block}.aligned-recharge-balance strong{display:block;font-size:24px;line-height:32px}.recharge-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.recharge-amounts .btn{background:var(--card);min-height:50px;border-radius:6px;border-color:#e5e7eb;box-shadow:0 1px 2px #0001}.aligned-amount{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;padding:12px 16px;border-radius:8px;font-size:20px}.aligned-amount input{width:100%;min-width:0;border:0;background:none;color:var(--text);font-size:14px}.recharge-range{font-size:10px;margin-top:8px}.recharge-channel{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--accent);border-radius:12px}.recharge-channel img{width:48px;height:48px}.recharge-channel>div{flex:1}.recharge-channel b{font-size:14px}.recharge-channel small{display:block;font-size:12px;color:#7d8490;margin-top:4px}.recharge-channel>.reference-icon{color:var(--accent);font-size:24px}.recharge-submit>div{display:flex;justify-content:space-between;margin:4px 0 12px;align-items:center}.recharge-submit small{font-size:14px;color:#7d8490}.recharge-submit b{font-size:20px}.aligned-points-balance{background:#f3f4f6;border:0;border-radius:12px}.checkin-lock{display:grid!important;place-items:center;background:#f3f4f6!important;color:#d1d5db!important;width:40px!important;height:40px!important;border-radius:50%;font-size:20px!important}
.dark-front .grab-identity,.dark-front .pill-filters .btn,.dark-front .compact-order,.dark-front .aligned-ledger,.dark-front .grab-records button,.dark-front .invite-stats,.dark-front .invite-link,.dark-front .aligned-method>div,.dark-front .aligned-help-items details,.dark-front .team-levels details,.dark-front .aligned-points-balance{background:#1f2937}.dark-front .pill-filters .btn.primary{background:var(--accent)}.dark-front .aligned-method,.dark-front .aligned-method>div,.dark-front .compact-order-head,.dark-front .aligned-ledger-head,.dark-front .aligned-notifications>button,.dark-front .aligned-fixed-action{border-color:#374151}.dark-front .aligned-method.default{border-color:var(--accent)}.dark-front .aligned-notifications b{color:#d1d5db}
.account-shell .account-cover h1{font-size:18px}.aligned-points-balance{padding:0;overflow:hidden}.aligned-points-balance>div{padding:24px 16px;position:relative}.aligned-points-balance small{font-size:14px;color:#7d8490;display:block;margin-bottom:4px}.aligned-points-balance strong{font-size:24px;line-height:32px}.aligned-points-balance .reference-icon{position:absolute;right:16px;top:24px;width:56px;height:56px;border-radius:50%;background:var(--accent)1a;color:var(--accent);display:grid;place-items:center;font-size:28px}.aligned-points-balance>p{padding:16px;background:var(--accent);color:white;font-size:14px;font-weight:600;line-height:20px}.profile-summary .account-photo-frame{width:68px;height:68px}.profile-summary .account-photo-inner{width:56px;height:56px;left:6px;top:6px}.aligned-head .account-photo-inner{left:4px;top:4px}
.source-carousel[data-carousel=hero],.source-carousel[data-carousel=promo]{border-radius:12px;overflow:hidden}.source-carousel[data-carousel=hero] .slide-dots{position:absolute;bottom:16px;width:100%;padding:0}.source-carousel[data-carousel=hero] .slide-dots button{background:#ffffff70}.source-carousel[data-carousel=hero] .slide-dots button.active{background:white}.home-greeting{font-size:24px;line-height:32px;margin:16px 0}.home-notice{display:flex;align-items:center;gap:12px;text-align:left;background:#fff1f5;border-radius:16px;padding:16px;width:100%;margin:16px 0}.home-notice>i{font-size:24px;font-style:normal;background:var(--accent);color:white;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;flex-shrink:0}.home-notice>div{min-width:0;flex:1}.home-notice b{font-size:14px}.home-notice p{font-size:12px;color:#7d8490;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-notice small{font-size:10px;color:#9ca3af}.home-notice>.reference-icon{font-size:20px;color:#9ca3af}.home-checkin-title{margin:20px 0 12px}.home-checkin-title h3{font-size:14px}.home-checkin-title button{font-size:10px;color:#7d8490;padding:0}.home-checkin{border:1px solid #e5e7eb;border-radius:12px;padding:16px}.home-checkin-row{display:flex;align-items:center;gap:12px}.home-checkin-row>i{font-style:normal;width:48px;height:48px;background:#ffe4e6;color:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:24px}.home-checkin-row>div:first-of-type{flex:1}.home-checkin-row b{font-size:14px;display:block}.home-checkin-row small{font-size:12px;color:#7d8490;display:block;margin-top:4px}.home-checkin-row strong{font-size:16px;color:var(--accent)}.home-checkin-row>div:last-child{text-align:right}.home-checkin-row span{display:block;background:var(--accent);color:white;font-size:10px;text-align:center;padding:2px 10px;border-radius:4px;margin-top:4px}.home-checkin-milestones{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:20px 0}.home-checkin-milestones>div{text-align:center;min-width:0}.home-checkin-milestones i{display:grid;place-items:center;font-style:normal;font-size:20px;width:48px;height:48px;background:#f3f4f6;border-radius:50%;color:#d1d5db;margin:auto}.home-checkin-milestones small{display:block;font-size:10px;line-height:16px;color:#9ca3af;margin-top:8px}.home-checkin-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #e5e7eb;font-size:12px}.home-checkin-bottom button{color:var(--accent);padding:0}.home-checkin-button{background:var(--accent);color:white;width:100%;padding:12px;border-radius:8px;font-size:14px;font-weight:600}.home-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.home-metrics section{background:#f9fafb;border-radius:12px;padding:16px;min-width:0}.home-metrics small{font-size:12px;color:#7d8490;display:block}.home-metrics strong{font-size:28px;display:block;line-height:40px}.home-metrics section:first-child>div:not(.progress):not(.levelrail){display:flex;justify-content:space-between;font-size:10px;color:#7d8490;margin-top:8px;gap:4px}.home-metrics .progress{margin:8px 0;height:4px}.home-metrics .levelrail{font-size:8px;gap:4px;margin-bottom:12px}.home-metrics p{font-size:10px;line-height:18px;color:#7d8490}.home-metrics p b{color:var(--text)}.home-metrics button{margin-top:12px;width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:8px 4px;font-size:10px}.home-metrics section:last-child{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.home-metrics .home-profit{font-size:20px;line-height:28px;margin-top:12px;color:var(--accent)}.home-metrics section:last-child button{background:var(--accent);color:white;font-size:14px;border-color:var(--accent)}.home-team{background:#fff1f5;border-radius:12px;padding:16px}.home-team>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:14px}.home-team>div:first-child button{padding:0;font-size:12px;color:#7d8490}.home-team>strong{display:block;font-size:28px;line-height:40px;margin:8px 0}.home-team-periods{display:flex;justify-content:space-between;margin:12px 0}.home-team-periods span{flex:1}.home-team-periods small,.home-team-periods b{display:block;font-size:12px}.home-team-periods small{color:#7d8490}.home-team-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--accent)26;padding-top:12px;gap:8px;font-size:12px}.home-team-bottom span b{display:block}.home-team-bottom button{background:var(--accent);color:white;padding:8px 16px;border-radius:8px}.aligned-chat-search{background:#f3f4f6;border-radius:8px;display:flex;align-items:center;gap:12px;padding:10px 16px;color:#9ca3af}.aligned-chat-search .reference-icon{font-size:20px}.aligned-chat-search input{background:none;border:0;width:100%;min-width:0;color:var(--text);font-size:14px}.aligned-chat-tabs{margin:12px 0 24px}.aligned-chat-tabs .btn{font-size:14px;padding:8px 16px;min-height:36px;border-radius:6px}.aligned-chat-quick{padding:16px;background:#f9fafb;margin:0 -16px}.aligned-chat-quick>div{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:12px}.aligned-chat-quick>div>button{background:#ffe4e6;color:var(--accent);border-radius:12px;font-size:10px;padding:3px 12px}.support-contact{background:var(--card);padding:12px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 1px 2px #0001}.support-contact i,.aligned-chat-conversation>i{border:2px solid #3b82f6;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:24px;color:var(--accent);font-style:normal}.support-contact b{font-size:12px}.aligned-chat-all{display:flex;align-items:center;gap:8px;font-size:12px;color:#7d8490;margin:12px 0}.aligned-chat-all:after{content:'';height:1px;background:#e5e7eb;flex:1}.aligned-chat-conversation{display:flex;align-items:center;gap:12px;padding:16px 0;width:100%;text-align:left;border-bottom:1px solid #e5e7eb}.aligned-chat-conversation>i{flex-shrink:0}.aligned-chat-conversation>div{min-width:0;flex:1}.aligned-chat-conversation b{font-size:16px}.aligned-chat-conversation p{font-size:12px;color:#7d8490;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.aligned-chat-conversation>small{font-size:10px;color:#9ca3af;flex-shrink:0}.dark-front .home-checkin,.dark-front .home-checkin-bottom,.dark-front .home-metrics button{border-color:#374151}.dark-front .home-metrics section,.dark-front .aligned-chat-search,.dark-front .aligned-chat-quick{background:#1f2937}.dark-front .home-team,.dark-front .home-notice{background:var(--accent)15}
.grab-records{grid-template-columns:minmax(0,1fr);min-width:0}.grab-records button{min-width:0;max-width:100%}.aligned-head .row{gap:8px}
.grab-orbit>svg,.grab-progress,.grab-decoration,.grab-decoration:after{pointer-events:none}.grab-match{position:relative;z-index:1}
@media(max-width:400px){.compact-order-title{flex-wrap:wrap;gap:4px}.compact-order-title b{flex-basis:100%}.compact-order-title small{font-size:9px}.grab-stats b{font-size:14px}.aligned-ledger-head small{max-width:100px;overflow:hidden;text-overflow:ellipsis}.aligned-ledger-body strong{font-size:14px}.invite-stats span{margin:0 4px}.invite-stats b{font-size:18px}.compact-order-body>img{width:56px;height:56px}.home-checkin-milestones i{width:40px;height:40px}.home-metrics section{padding:12px}}

.compact-order-breakdown{display:flex;justify-content:space-between;gap:8px;color:#718096;margin-top:5px}.compact-order-breakdown .compact-order-rate{margin:0}
.support-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.support-conversation{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:var(--card,#fff);text-align:left;margin-bottom:8px;cursor:pointer}.support-conversation.selected{border-color:var(--accent)}.support-conversation small{color:#718096}.support-conversation span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-layout>section{min-width:0}@media(max-width:720px){.support-layout{grid-template-columns:1fr}}
.points-streak-rewards{margin-top:18px;color:var(--muted);font-size:13px;line-height:1.7}.points-streak-rewards p{margin:5px 0}

.account-number{display:flex;flex-direction:column;gap:5px;min-width:74px}.account-number small{font-size:12px;opacity:.85}.account-number b{font-size:18px;letter-spacing:1px}.account-details{flex-wrap:wrap;gap:12px}

.account-identity .account-number{display:block;font-size:12px;font-weight:400;line-height:1.5;opacity:.8;letter-spacing:0;margin-top:4px}

.points-totals{display:flex;gap:24px;margin:12px 0;flex-wrap:wrap}.live-update-notice{padding:10px;background:#fff4cc;color:#745600;border-radius:8px;font-size:13px}.danger-zone{margin-top:24px;padding:12px;border:1px solid var(--accent);border-radius:8px}.danger-zone p{font-size:13px;line-height:1.5}

.grab-records .cancelled{color:#6b7280}
.sync-status{font-size:11px;color:#64748b;padding:5px 0;line-height:1.5}.sync-status[data-state="offline"]{color:#b45309;background:#fff7ed;padding:8px;border-radius:8px}

[dir="rtl"] .source-track{direction:ltr}[dir="rtl"] .source-track>div{direction:rtl}
[dir="rtl"] .home-category-scroll-track{animation-name:homeCategoryScrollRtl}
@keyframes homeCategoryScrollRtl{to{transform:translateX(50%)}}
.source-product-body h3,.source-category small,.points-streak-rewards,.sync-status{overflow-wrap:anywhere}
.source-product-price>b,.product-detail-price,.account-identity .account-number{unicode-bidi:isolate;direction:ltr}
[dir="rtl"] .source-product-price .iconbtn{margin-left:0;margin-inline-start:auto}

.grab-flow-status{min-height:24px;text-align:center;font-size:13px;color:var(--muted);margin:16px 0 0}.grab-flow-status[hidden]{display:none}.grab-orbit.matching>svg{filter:drop-shadow(0 0 5px var(--accent)20)}.grab-orbit.matching [data-grab-ring]{transition:stroke-dasharray .08s linear;stroke-linecap:round}.grab-orbit.matching .grab-match{opacity:1;cursor:wait;animation:grabBreath 1.25s ease-in-out infinite;font-size:16px;padding:20px;line-height:1.6}.grab-orbit.matching .grab-decoration{animation:grabHalo 1.6s ease-out infinite}
.grab-order-detail>img{width:100%;max-width:220px;height:180px;object-fit:contain;display:block;margin:12px auto 20px}.grab-order-detail h3{font-size:18px;line-height:1.5;overflow-wrap:anywhere}.grab-match-success{display:flex!important;align-items:center;justify-content:center;gap:7px;color:#15803d;background:#f0fdf4;border-radius:10px;padding:9px;font-size:13px}.grab-match-success svg{width:18px;height:18px}.grab-order-id{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.grab-order-detail .grab-order-totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;padding:14px;background:var(--bg,#f9fafb);border-radius:12px}.grab-order-totals>div{display:block;min-width:0}.grab-order-totals small{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.grab-order-totals b,.grab-order-totals strong{font-size:21px;overflow-wrap:anywhere}.grab-order-totals>div:last-child{text-align:end}.grab-order-detail~.btn{margin-top:12px;min-height:48px}.order-submitting{opacity:.8;cursor:wait}.order-submitting:before{content:'';display:inline-block;width:14px;height:14px;border:2px solid #ffffff70;border-top-color:white;border-radius:50%;margin-inline-end:8px;vertical-align:-2px;animation:grabSpin .8s linear infinite}
@keyframes grabBreath{50%{box-shadow:0 8px 30px var(--accent)40;transform:scale(.97)}}@keyframes grabHalo{from{opacity:.65}to{opacity:.2;transform:scale(1.06)}}@keyframes grabSpin{to{transform:rotate(360deg)}}
.grab-order-detail>.grab-match-success{justify-content:center}.dark-front .grab-match-success{background:#14532d30;color:#86efac}@media(prefers-reduced-motion:reduce){.grab-orbit.matching .grab-match,.grab-orbit.matching .grab-decoration,.order-submitting:before{animation:none}.grab-orbit.matching [data-grab-ring]{transition:none}}@media(max-width:400px){.grab-order-totals b,.grab-order-totals strong{font-size:18px}.grab-order-detail>img{height:160px}}

.customer-access-cell{min-width:180px;line-height:1.6;overflow-wrap:anywhere}.customer-access-cell small{color:var(--muted)}.customer-access-cell>div{margin-top:6px}

/* Six primary navigation entries, including transactions. */
.reference-bottom button{flex:1 1 0;width:calc(100% / 6);min-width:0}.reference-bottom button.active .nav-symbol{width:60px;height:60px}.reference-bottom button>span:last-child{white-space:nowrap}

/* Learner home: financial-rate and team-rebate summaries are not displayed. */
.home-metrics,.home-team{display:none!important}

/* Learner front: invitation, team reports and percentage-rate hints are unavailable. */
.account-invite,.account-menu button[data-page="invite"],.account-menu button[data-page="team"],.grab-stats>div:nth-child(2),.compact-order-rate{display:none!important}

.grab-eligibility{margin:18px auto 0;padding:16px 18px;max-width:520px;text-align:left;border:1px solid #e4e9f1;border-radius:14px;background:#f8fafc;line-height:1.7}.grab-eligibility h3{font-size:15px;margin:0 0 8px}.grab-eligibility p{font-size:13px;margin:0;color:#66758b}.grab-match:disabled{background:#e8edf4;color:#6d7a8c;cursor:default;font-size:15px;line-height:1.4;padding:12px}.dark-front .grab-eligibility{background:#1d2635;border-color:#364257}.dark-front .grab-eligibility p{color:#b4c0d1}
.grab-match:disabled{opacity:1}