/* Brand glass workspaces: compact plans, colorful amount panels and receipt cards. */
.member-app{--inner-glass:color-mix(in srgb,var(--surface) 94%,transparent);--inner-shadow:color-mix(in srgb,var(--primary) 8%,transparent)}
.member-app .n-inner-surface{min-width:0;border:1px solid color-mix(in srgb,var(--outline) 84%,var(--surface));border-radius:12px;background:var(--inner-glass);box-shadow:0 8px 24px var(--inner-shadow);backdrop-filter:blur(12px)}
.member-app .n-inner-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.member-app .n-inner-heading h2{display:flex;align-items:center;gap:8px;min-width:0;margin:0;color:var(--heading);font-size:16px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}
.member-app .n-inner-heading h2>.m-icon{width:19px;height:19px;color:var(--primary)}.member-app .n-inner-caption{flex-shrink:0;color:var(--secondary);font-size:11px}
.member-app :is(.n-inner-button,.n-inner-link){display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:0;padding:8px 14px;border:1px solid var(--outline);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;line-height:1.45;font-weight:550;text-align:center;text-decoration:none;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.member-app .n-inner-button:hover{border-color:var(--primary);background:var(--ss-soft);transform:translateY(-1px)}.member-app .n-inner-link{padding:7px 0;border-color:transparent;background:transparent;color:var(--primary)}.member-app .n-inner-link:hover{text-decoration:underline}
.member-app :is(.n-inner-button,.n-inner-link)>.m-icon{width:16px;height:16px}.member-app .n-inner-primary{color:var(--surface);border-color:transparent;background:linear-gradient(110deg,var(--primary),color-mix(in srgb,var(--primary) 82%,var(--brand-cyan)))}.member-app .n-inner-primary:hover{color:var(--surface);border-color:transparent;background:var(--primary-hover)}
.member-app :is(.n-inner-button,.n-inner-link):disabled{opacity:.45;cursor:not-allowed;transform:none}
.member-app .n-inner-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;width:100%;min-height:144px;padding:24px;color:var(--secondary);font-size:13px;text-align:center}.member-app .n-inner-empty>.m-icon{width:30px;height:30px;color:var(--primary)}
.member-app :is(.n-referral,.n-account,.n-records){display:grid;gap:20px;min-width:0}.member-app :is(.n-referral,.n-account,.n-records) :is(strong,dd,code,h1,h2,h3){min-width:0;overflow-wrap:anywhere}
.member-app :is(.n-referral,.n-account,.n-records) dl{margin:0}.member-app :is(.n-referral,.n-account,.n-records) dd{margin:0;font-variant-numeric:tabular-nums}.member-app :is(.n-referral,.n-account,.n-records) dt{color:var(--secondary);font-size:11px}
.member-app .n-status{display:inline-flex;align-items:center;flex-shrink:0;padding:4px 8px;border-radius:5px;background:var(--ss-soft);color:var(--primary);font-size:11px;line-height:1.4;white-space:nowrap}.member-app .n-status.is-pending{color:var(--ss-violet);background:color-mix(in srgb,var(--brand-pink) 10%,var(--surface))}.member-app .n-status.is-muted{color:var(--secondary);background:var(--input)}

/* Plans share a single surface, with prices and details directly on the card. */
.member-app .n-plan-center{min-width:0}.member-app .n-plan-filters{display:inline-flex;gap:4px;max-width:100%;margin-bottom:16px;padding:4px;border:1px solid var(--outline);border-radius:10px;background:var(--inner-glass);backdrop-filter:blur(12px)}
.member-app .n-plan-filters button{min-height:44px;padding:8px 17px;border-radius:7px;color:var(--secondary);font-size:13px}.member-app .n-plan-filters button.is-active{color:var(--primary);background:linear-gradient(100deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),color-mix(in srgb,var(--brand-cyan) 10%,var(--surface)))}
.member-app .n-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.member-app .n-plan-grid>.n-inner-empty{grid-column:1/-1}
.member-app .n-plan-card{--plan-tone:var(--primary);--plan-end:var(--brand-cyan);--plan-button:var(--primary);--plan-wash:var(--ss-soft);position:relative;display:flex;flex-direction:column;gap:0;min-height:218px;min-width:0;padding:16px;border:1px solid color-mix(in srgb,var(--plan-tone) 20%,var(--outline));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--plan-end) 9%,var(--surface)),var(--inner-glass) 60%);box-shadow:0 8px 24px var(--inner-shadow)}
.member-app .n-plan-card:nth-child(4n+2){--plan-tone:var(--brand-violet);--plan-end:var(--brand-pink)}.member-app .n-plan-card:nth-child(4n+3){--plan-tone:var(--primary);--plan-end:var(--brand-violet)}.member-app .n-plan-card:nth-child(4n+4){--plan-tone:var(--brand-pink);--plan-end:var(--brand-orange)}
.member-app .n-plan-card::before{content:"";position:absolute;inset:-1px 15px auto;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(100deg,var(--plan-tone),var(--plan-end));pointer-events:none}
.member-app .n-plan-card.is-recommended{border-color:color-mix(in srgb,var(--brand-orange) 55%,var(--outline))}.member-app .n-plan-card:hover,.member-app .n-plan-card:focus-within{border-color:var(--plan-tone);transform:none;box-shadow:0 10px 28px color-mix(in srgb,var(--plan-tone) 12%,transparent)}
.member-app .n-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px;padding:0}.member-app .n-plan-card h2{min-width:0;min-height:0;margin:0;color:var(--heading);font-size:17px;line-height:1.4;font-weight:600}
.member-app .n-plan-popular{flex:0 0 auto;display:inline-block;color:var(--brand-orange-text);font-size:10px;line-height:1.3}
.member-app .n-plan-card .m-plan-price{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:4px;min-width:0;min-height:44px;margin:8px 0 0;padding:0;border:0;border-radius:0;text-align:left;color:var(--primary);background:none;box-shadow:none}
.member-app .n-plan-card .m-plan-price>strong{max-width:100%;color:var(--primary);font-size:34px;line-height:1.15;font-weight:600;letter-spacing:-.035em;overflow-wrap:anywhere}.member-app .n-plan-card .m-plan-price>small{font-size:13px}.member-app .n-plan-card .m-plan-price>span{min-width:0;color:var(--secondary);font-size:11px;line-height:1.5}
.member-app .n-plan-details{min-width:0;margin:8px 0 0;padding:0}.member-app .n-plan-details>summary{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px;padding:0;color:var(--text);font-size:11px;list-style:none;cursor:pointer}.member-app .n-plan-details>summary::marker{content:''}.member-app .n-plan-details>summary::-webkit-details-marker{display:none}
.member-app .n-plan-facts{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0;color:var(--secondary);line-height:1.45}.member-app .n-plan-facts>span{display:inline-flex;align-items:center;gap:4px;min-width:0;overflow-wrap:anywhere}.member-app .n-plan-facts .m-icon{width:14px;height:14px;color:var(--plan-tone)}
.member-app .n-plan-details-label{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;color:var(--primary);white-space:nowrap}.member-app .n-plan-details-label i{display:block;position:relative;width:10px;height:10px}.member-app .n-plan-details-label i::before,.member-app .n-plan-details-label i::after{content:'';position:absolute;top:4px;left:0;width:9px;height:1px;background:currentColor}.member-app .n-plan-details-label i::after{transform:rotate(90deg)}.member-app .n-plan-details[open] .n-plan-details-label i::after{transform:rotate(0)}
.member-app .n-plan-details .m-plan-details-close,.member-app .n-plan-details[open] .m-plan-details-open{display:none}.member-app .n-plan-details[open] .m-plan-details-close{display:inline}.member-app .n-plan-details>summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:6px}
.member-app .n-plan-benefits{min-width:0;padding:4px 0 10px}.member-app .n-plan-benefits .m-plan-card-features{margin:0;padding:12px 0 0;gap:10px;border-top:1px solid var(--outline);color:var(--text)}.member-app .n-plan-benefits .m-plan-feature-row{display:flex;align-items:flex-start;gap:8px;margin:0;padding:0;list-style:none;font-size:12px;line-height:1.65}
.member-app .n-plan-benefits .m-plan-feature-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:22px;background:none;color:var(--primary)}.member-app .n-plan-benefits .m-plan-feature-icon .m-icon{width:15px;height:15px;color:inherit}.member-app .n-plan-benefits .m-plan-feature-text{min-width:0;color:var(--text);overflow-wrap:anywhere}.member-app .n-plan-benefits .m-plan-feature-unavailable .m-plan-feature-text{color:var(--secondary);text-decoration:line-through}.member-app .n-plan-benefits .m-plan-feature-unavailable .m-plan-feature-icon{color:var(--secondary)}
.member-app .n-plan-controls{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:8px;margin-top:8px}.member-app .n-plan-controls .m-plan-cycle{display:block;min-width:0}.member-app .n-plan-controls select{min-height:44px;height:44px;padding:8px;border:1px solid var(--outline);border-radius:8px;background:var(--surface);color:var(--text);font-size:12px}
.member-app .n-plan-controls .m-plan-purchase{min-height:44px;height:44px;padding:8px 6px;border-radius:8px;font-size:12px;color:var(--surface);background:linear-gradient(110deg,var(--primary),color-mix(in srgb,var(--primary) 82%,var(--brand-cyan)));border-color:transparent}.member-app .n-plan-controls .m-plan-purchase:hover{background:var(--primary-hover);border-color:transparent}

/* Independent invitation codes and a bold commission amount panel. */
.member-app .n-invite-strip{display:grid;grid-template-columns:minmax(210px,.6fr) minmax(0,1fr);gap:8px 24px;padding:16px 20px;background:linear-gradient(115deg,color-mix(in srgb,var(--brand-pink) 9%,var(--surface)),color-mix(in srgb,var(--brand-violet) 8%,var(--surface)) 70%,var(--inner-glass))}
.member-app .n-invite-strip .n-inner-heading h2>.m-icon{color:var(--ss-violet)}.member-app .n-invite-strip [data-member-action="create-invite"]{color:#fff;background:linear-gradient(110deg,#29104444,#29104444),linear-gradient(110deg,var(--brand-violet),var(--brand-pink));border-color:transparent;font-size:12px}.member-app .n-invite-strip [data-member-action="create-invite"]:hover{background:var(--ss-violet);color:var(--surface)}
.member-app .n-invite-code{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:48px}.member-app .n-invite-code>div{display:flex;align-items:center;gap:12px;min-width:0}.member-app .n-invite-code code{color:var(--heading);font-size:17px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}.member-app .n-code-status{flex-shrink:0;color:var(--secondary);font-size:10px}.member-app .n-code-status.is-available{color:var(--ss-violet)}
.member-app .n-invite-copy{flex:0 0 auto;color:var(--ss-violet);background:color-mix(in srgb,var(--surface) 86%,transparent);border-color:color-mix(in srgb,var(--ss-violet) 20%,var(--outline))}.member-app .n-invite-copy:hover{color:var(--ss-violet);background:color-mix(in srgb,var(--brand-pink) 12%,var(--surface));border-color:var(--ss-violet)}.member-app .n-invite-empty{color:var(--secondary);font-size:13px}
.member-app .n-extra-codes{grid-column:2}.member-app .n-extra-codes>summary{display:flex;align-items:center;gap:7px;min-height:44px;color:var(--secondary);font-size:12px;cursor:pointer}.member-app .n-extra-codes>summary>span{color:var(--ss-violet)}.member-app .n-extra-codes .n-invite-code{border-top:1px solid var(--outline);padding:8px 0}
.member-app .n-referral-finance{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:16px;min-width:0}
.member-app .n-amount-panel{position:relative;min-width:0;overflow:hidden;border-radius:12px;color:#fff;background:linear-gradient(110deg,#29104470,#1b224e66),linear-gradient(120deg,var(--brand-pink),var(--brand-violet));box-shadow:0 10px 28px color-mix(in srgb,var(--brand-pink) 12%,transparent)}
.member-app .n-amount-panel::after{content:"";position:absolute;inset:-80px -70px auto auto;width:210px;height:210px;border:30px solid #ffffff0e;border-radius:50%;pointer-events:none}
.member-app .n-referral-balance{display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:208px;padding:28px}.member-app .n-referral-balance>span{position:relative;z-index:1;color:#ffffffdf;font-size:13px}.member-app .n-referral-balance strong{position:relative;z-index:1;color:#fff;font-size:clamp(30px,3.5vw,44px);line-height:1.2;letter-spacing:-.035em;font-weight:600;font-variant-numeric:tabular-nums}.member-app .n-referral-balance strong>small{margin-right:4px;font-size:18px}
.member-app .n-referral-controls{display:grid;align-content:center;gap:20px;padding:20px}.member-app .n-referral-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.member-app .n-referral-actions:not(:has([data-member-action="withdraw"])){grid-template-columns:repeat(2,minmax(0,1fr))}.member-app .n-referral-actions>.n-inner-button{padding:8px 6px}
.member-app .n-referral-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:18px;border-top:1px solid var(--outline)}.member-app .n-referral-metrics>div{display:grid;gap:6px;min-width:0}.member-app .n-referral-metrics dd{color:var(--heading);font-size:20px;line-height:1.35;font-weight:550}
.member-app .n-commission-history>.n-inner-heading{min-height:44px;margin-bottom:10px}.member-app .n-commission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.member-app .n-commission-grid>.n-inner-empty{grid-column:1/-1}
.member-app .n-commission-card{padding:18px;background:linear-gradient(140deg,color-mix(in srgb,var(--brand-pink) 8%,var(--surface)),var(--inner-glass) 70%)}.member-app .n-commission-card>time{color:var(--secondary);font-size:11px}.member-app .n-commission-card dl{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;margin-top:16px}.member-app .n-commission-card dl>div{display:grid;gap:5px;min-width:0}.member-app .n-commission-card dd{font-size:17px;line-height:1.3;color:var(--heading)}.member-app .n-commission-card .n-commission-earning dd{font-size:25px;color:var(--ss-violet);font-weight:600}

/* Account is divided into money, connection, and settings workspaces. */
.member-app .n-account-overview{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:16px;min-width:0}.member-app .n-account-settings{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.member-app :is(.n-account-subscription,.n-wallet,.n-password,.n-notification){padding:20px}.member-app .n-account-identity{display:flex;align-items:center;gap:14px;min-width:0;padding:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-orange) 14%,var(--surface)),color-mix(in srgb,var(--brand-pink) 9%,var(--surface)) 60%,var(--surface))}
.member-app .n-identity-icon{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:11px;color:#fff;background:linear-gradient(125deg,#25304a33,#25304a33),linear-gradient(125deg,var(--brand-pink),var(--brand-violet))}.member-app .n-account-identity>div{display:grid;gap:6px;min-width:0}.member-app .n-account-identity strong{color:var(--heading);font-size:17px;line-height:1.4}.member-app .n-account-identity>div>span{color:var(--secondary);font-size:12px;overflow-wrap:anywhere}
.member-app .n-wallet-body{display:grid;gap:14px;margin-top:14px}.member-app .n-wallet-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-app .n-wallet-values>div{display:grid;gap:12px;min-width:0;padding:18px;border-radius:10px;color:#fff}
.member-app .n-wallet-values .n-wallet-fund{background:linear-gradient(110deg,#102d6666,#102d6666),linear-gradient(125deg,var(--primary),var(--brand-cyan))}.member-app .n-wallet-commission{background:linear-gradient(110deg,#29104470,#1b224e66),linear-gradient(120deg,var(--brand-violet),var(--brand-pink))}
.member-app .n-wallet-values dt{position:relative;z-index:1;color:#ffffffdf;font-size:11px}.member-app .n-wallet-values dd{position:relative;z-index:1;color:#fff;font-size:28px;line-height:1.2}.member-app .n-wallet-actions{display:flex;flex-wrap:wrap;gap:8px}.member-app .n-wallet-actions>.n-inner-button{flex:1;padding:8px;font-size:12px}
.member-app .n-account-subscription-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:20px;margin-top:16px;min-width:0}
.member-app .n-account-plan{padding:18px;border:1px solid color-mix(in srgb,var(--brand-cyan) 22%,var(--outline));border-radius:10px;background:linear-gradient(125deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),color-mix(in srgb,var(--brand-cyan) 13%,var(--surface)))}
.member-app .n-account-plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.member-app .n-account-plan-heading h3{margin:0;color:var(--heading);font-size:19px;line-height:1.4}.member-app .n-account-plan-heading>.n-inner-button{flex-shrink:0}
.member-app .n-account-usage-block{margin:24px 0 20px}.member-app .n-account-usage{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--secondary)}.member-app .n-account-usage strong{color:var(--primary)}
.member-app .n-account-progress{display:block;width:100%;height:6px;margin-top:10px;overflow:hidden;border:0;border-radius:6px;accent-color:var(--primary);background:var(--outline)}.member-app .n-account-progress::-webkit-progress-bar{background:var(--outline)}.member-app .n-account-progress::-webkit-progress-value{background:linear-gradient(100deg,var(--primary),var(--brand-cyan))}.member-app .n-account-progress::-moz-progress-bar{background:var(--primary)}
.member-app .n-account-plan-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.member-app .n-account-plan-facts>div{display:grid;gap:5px;min-width:0}.member-app .n-account-plan-facts dd{color:var(--text);font-size:13px}
.member-app .n-account-connection{min-width:0}.member-app .n-account-address{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--outline);border-radius:9px;background:var(--input)}.member-app .n-account-address code{flex:1;min-width:0;max-height:88px;overflow:auto;color:var(--secondary);font-size:11px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}.member-app .n-account-address>.n-inner-button{flex-shrink:0;font-size:12px}
.member-app .n-account-imports{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.member-app .n-account-imports .n-import-client{min-width:0}
.member-app .n-account-qr{margin-top:10px;color:var(--primary);font-size:12px}.member-app .n-account-qr>summary{display:flex;align-items:center;gap:7px;min-height:44px;cursor:pointer}.member-app .n-account-qr>summary>.m-icon{width:17px;height:17px}.member-app .n-account-qr>div{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:12px;border:1px solid var(--outline);border-radius:9px}.member-app .n-account-qr .m-qr-code{max-width:156px;padding:0}.member-app .n-account-qr .m-real-qr{width:156px;max-width:100%;height:auto}.member-app .n-account-qr :is(svg,canvas){max-width:156px;max-height:156px}
.member-app .n-password-methods{display:inline-flex;gap:4px;margin:14px 0 16px;padding:3px;border:1px solid var(--outline);border-radius:9px;background:var(--input)}.member-app .n-password-methods>button{min-height:44px;padding:8px 14px;border:0;border-radius:6px;color:var(--secondary);background:transparent;font-size:12px}.member-app .n-password-methods>button.is-active{color:var(--primary);background:var(--surface)}
.member-app .n-password-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.member-app .n-password-fields>.m-form-field:first-child{grid-column:1/-1}.member-app .n-password-fields>.m-form-field{margin-bottom:0;gap:7px}.member-app .n-password-fields .m-form-field input{min-height:44px;height:44px;background:var(--input);border-color:var(--outline);color:var(--text)}.member-app .n-password-code{display:flex;gap:8px;min-width:0}.member-app .n-password-code>input{flex:1;min-width:0}.member-app .n-password-code>.n-inner-button{flex-shrink:0;font-size:12px}.member-app .n-password form>.n-inner-button{margin-top:16px}
.member-app .n-reminder-options{display:grid;gap:8px;margin:16px 0}.member-app .n-reminder-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:9px 12px;border-radius:9px;background:linear-gradient(110deg,color-mix(in srgb,var(--brand-violet) 7%,var(--surface)),var(--input));color:var(--text);font-size:13px;cursor:pointer}.member-app .n-reminder-option>input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--primary)}

/* Orders and support requests are individual receipt cards. */
.member-app .n-record-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.member-app .n-record-counts{display:flex;gap:24px;min-width:0}.member-app .n-record-counts>div{display:flex;align-items:baseline;gap:9px}.member-app .n-record-counts dt{font-size:12px}.member-app .n-record-counts dd{color:var(--heading);font-size:22px;line-height:1.35;font-weight:600}
.member-app .n-order-direct{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--outline);border-radius:10px;background:var(--inner-glass)}.member-app .n-order-direct>span{min-width:0;overflow-wrap:anywhere;font-size:12px}
.member-app :is(.n-order-list,.n-ticket-list,.n-traffic-list,.n-tutorial-list){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;min-width:0}
.member-app :is(.n-order-list,.n-ticket-list,.n-traffic-list,.n-tutorial-list)>li:only-child:has(.n-inner-empty){grid-column:1/-1}
.member-app :is(.n-order-row,.n-ticket-row){--receipt-tone:var(--primary);--receipt-end:var(--brand-cyan);position:relative;display:flex;flex-direction:column;gap:0;min-width:0;padding:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--receipt-tone) 6%,var(--surface)),var(--inner-glass) 60%)}
.member-app :is(.n-order-row,.n-ticket-row):nth-child(even){--receipt-tone:var(--brand-violet);--receipt-end:var(--brand-pink)}
.member-app :is(.n-order-row,.n-ticket-row)::before{content:"";position:absolute;inset:-1px 20px auto;height:3px;border-radius:0 0 3px 3px;background:linear-gradient(100deg,var(--receipt-tone),var(--receipt-end));pointer-events:none}
.member-app .n-order-receipt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0}.member-app .n-order-main{display:grid;gap:8px;min-width:0}.member-app :is(.n-order-main,.n-ticket-main) h2{margin:0;color:var(--heading);font-size:16px;line-height:1.5;font-weight:600}
.member-app .n-order-reference{min-width:0;color:var(--secondary);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.member-app .n-order-total{flex:0 0 auto;max-width:42%;text-align:right}.member-app .n-order-total dd{margin-top:5px;color:var(--primary);font-size:26px;line-height:1.2;font-weight:550;letter-spacing:-.025em}
.member-app .n-order-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0!important;padding:16px 0;border-top:1px dashed var(--outline);border-bottom:1px dashed var(--outline)}
.member-app :is(.n-order-meta,.n-ticket-dates)>div{display:grid;gap:6px;min-width:0}.member-app :is(.n-order-meta,.n-ticket-dates) dd{color:var(--text);font-size:12px;line-height:1.5}
.member-app :is(.n-order-actions,.n-ticket-footer){display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.member-app :is(.n-order-actions,.n-ticket-footer)>.n-inner-button{min-width:100px;padding:8px 12px;font-size:12px}
.member-app .n-ticket-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.member-app .n-ticket-main{display:flex;align-items:center;gap:10px;min-width:0}.member-app .n-ticket-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;color:var(--receipt-tone);background:color-mix(in srgb,var(--receipt-tone) 11%,var(--surface))}.member-app .n-ticket-symbol>.m-icon{width:18px;height:18px}
.member-app .n-ticket-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0!important;padding:16px 0;border-top:1px dashed var(--outline);border-bottom:1px dashed var(--outline)}.member-app .n-ticket-priority{color:var(--secondary);font-size:11px}

/* Region cards have full brand color headers and light node rows. */
.member-app .n-node-regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;min-width:0}.member-app .n-node-regions>.n-inner-empty{grid-column:1/-1}
.member-app .n-node-region{--region-tone:var(--primary);--region-end:var(--brand-cyan);min-width:0;overflow:hidden}.member-app .n-node-region:nth-child(3n+2){--region-tone:var(--brand-violet);--region-end:var(--brand-pink)}.member-app .n-node-region:nth-child(3n+3){--region-tone:var(--primary);--region-end:var(--brand-violet)}
.member-app .n-node-region>.n-inner-heading{min-height:60px;padding:12px 16px;background:linear-gradient(110deg,#13274966,#13274966),linear-gradient(120deg,var(--region-tone),var(--region-end))}
.member-app .n-node-region>.n-inner-heading h2{color:#fff;font-size:15px}.member-app .n-node-region .n-inner-caption{color:#ffffffdf}.member-app .n-region-code{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:28px;border:1px solid #ffffff30;border-radius:6px;color:#fff;background:#ffffff10;font-size:10px;letter-spacing:.04em}
.member-app .n-node-column{padding:0 14px}.member-app .n-node-entry{display:grid;gap:8px;width:100%;min-width:0;min-height:92px;padding:14px 2px;background:transparent;color:var(--text);text-align:left;border:0;cursor:pointer;transition:background .16s}.member-app .n-node-entry+.n-node-entry{border-top:1px solid var(--outline)}.member-app .n-node-entry:hover{background:var(--ss-soft)}.member-app .n-node-entry:focus-visible{outline-offset:-2px}
.member-app .n-node-title{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.member-app .n-node-title strong{color:var(--heading);font-size:14px;line-height:1.5;font-weight:600}
.member-app .n-node-state{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;border-radius:50%;background:color-mix(in srgb,var(--brand-cyan) 12%,var(--surface))}.member-app .n-node-state>i{width:6px;height:6px;border-radius:50%;background:var(--primary)}.member-app .n-node-state.is-offline{background:var(--input)}.member-app .n-node-state.is-offline>i{background:var(--tertiary)}
.member-app .n-node-line{display:flex;justify-content:space-between;gap:8px;min-width:0;color:var(--secondary);font-size:11px;overflow-wrap:anywhere}.member-app .n-node-line b{color:var(--text);font-weight:550}.member-app .n-node-tags{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.member-app .n-node-tags:empty{display:none}.member-app .n-node-tags>span{min-width:0;max-width:100%;padding:2px 5px;border-radius:4px;color:var(--secondary);background:var(--input);font-size:10px;line-height:1.5;overflow-wrap:anywhere}

/* Traffic has a blue/cyan feature card and smaller activity tiles. */
.member-app .n-traffic-overview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:16px;min-width:0}
.member-app .n-traffic-used{position:relative;display:grid;align-content:center;gap:14px;min-width:0;min-height:210px;padding:28px;border-radius:12px;color:#fff;background:linear-gradient(110deg,#102d6666,#102d6666),linear-gradient(125deg,var(--primary),var(--brand-cyan));box-shadow:0 10px 28px var(--inner-shadow)}
.member-app .n-traffic-used>span{color:#ffffffdf;font-size:12px}.member-app .n-traffic-used>strong{color:#fff;font-size:40px;line-height:1.2;letter-spacing:-.03em;font-weight:550}
.member-app .n-traffic-meter{display:flex;align-items:center;gap:10px;color:#ffffffdf;font-size:11px}.member-app .n-traffic-meter>progress{appearance:none;width:100%;min-width:0;height:6px;overflow:hidden;border:0;border-radius:6px;background:#ffffff30;accent-color:#fff}.member-app .n-traffic-meter>progress::-webkit-progress-bar{background:#ffffff30}.member-app .n-traffic-meter>progress::-webkit-progress-value{background:#fff}.member-app .n-traffic-meter>progress::-moz-progress-bar{background:#fff}
.member-app .n-traffic-account{display:grid;gap:20px;align-content:center;min-width:0;padding:24px;border:1px solid var(--outline);border-radius:12px;background:var(--inner-glass);box-shadow:0 8px 24px var(--inner-shadow)}
.member-app .n-traffic-allowance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.member-app .n-traffic-allowance>div{display:grid;gap:8px;min-width:0}.member-app .n-traffic-allowance dd{color:var(--heading);font-size:27px;line-height:1.35}
.member-app .n-traffic-plan{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding-top:18px;border-top:1px solid var(--outline)}.member-app .n-traffic-plan>strong{color:var(--heading);font-size:15px;line-height:1.5}.member-app .n-traffic-plan>span{color:var(--secondary);font-size:11px}
.member-app .n-traffic-row{padding:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-cyan) 7%,var(--surface)),var(--inner-glass) 65%)}.member-app .n-traffic-row:nth-child(even){background:linear-gradient(135deg,color-mix(in srgb,var(--brand-violet) 6%,var(--surface)),var(--inner-glass) 65%)}
.member-app .n-traffic-record-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--secondary);font-size:12px}.member-app .n-traffic-record-head>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--ss-soft);color:var(--primary)}.member-app .n-traffic-record-head .m-icon{width:17px;height:17px}
.member-app .n-traffic-row dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.member-app .n-traffic-row dl>div{display:grid;gap:5px;min-width:0}.member-app .n-traffic-row dd{color:var(--text);font-size:18px;line-height:1.4}.member-app .n-traffic-row .n-traffic-row-total{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px dashed var(--outline)}.member-app .n-traffic-row-total dd{color:var(--primary);font-size:20px;font-weight:550}

/* Tutorial filters sit above a card index; articles retain a quiet reading rail. */
.member-app .n-knowledge-layout{display:grid;gap:16px;min-width:0}.member-app .n-knowledge-directory{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;min-width:0}
.member-app .n-knowledge-tabs{display:flex;flex:1;flex-wrap:wrap;gap:4px;min-width:0;padding:4px;border:1px solid var(--outline);border-radius:10px;background:var(--inner-glass)}
.member-app .n-knowledge-tabs>button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;min-width:0;max-width:100%;padding:8px 12px;border:0;border-radius:7px;background:transparent;color:var(--secondary);font-size:12px;text-align:left;overflow-wrap:anywhere}.member-app .n-knowledge-tabs>button>span{min-width:0}.member-app .n-knowledge-tabs>button>small{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;min-width:20px;height:20px;padding:1px 5px;border-radius:4px;background:var(--input);font-size:10px}
.member-app .n-knowledge-tabs>button:hover{background:var(--surface-hover)}.member-app .n-knowledge-tabs>button.is-active{background:linear-gradient(110deg,var(--primary),color-mix(in srgb,var(--primary) 82%,var(--brand-cyan)));color:var(--surface)}.member-app .n-knowledge-tabs>button.is-active>small{background:#ffffff25;color:inherit}
.member-app .n-knowledge-downloads{min-width:0;flex:0 0 auto}.member-app .n-knowledge-downloads>summary{display:flex;align-items:center;gap:8px;min-height:54px;padding:8px 14px;border:1px solid var(--outline);border-radius:10px;background:var(--inner-glass);color:var(--primary);font-size:12px;cursor:pointer}.member-app .n-knowledge-downloads>summary>.m-icon{width:16px;height:16px}.member-app .n-knowledge-downloads[open]{flex-basis:100%}.member-app .n-knowledge-downloads .n-device-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}
.member-app .n-tutorial-list>li{min-width:0}.member-app .n-tutorial-entry{display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px 12px;min-width:0;min-height:160px;padding:20px;border:1px solid var(--outline);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand-cyan) 8%,var(--surface)),var(--inner-glass) 65%);box-shadow:0 8px 24px var(--inner-shadow);text-decoration:none;transition:background .16s,border-color .16s}.member-app .n-tutorial-list>li:nth-child(even) .n-tutorial-entry{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-pink) 7%,var(--surface)),var(--inner-glass) 65%)}.member-app .n-tutorial-entry:hover{border-color:var(--primary);background:var(--ss-soft)}
.member-app .n-tutorial-symbol{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9px;background:linear-gradient(125deg,var(--primary),var(--brand-cyan));color:var(--surface)}.member-app .n-tutorial-symbol>.m-icon{width:20px;height:20px}
.member-app .n-tutorial-copy{display:grid;align-content:start;gap:8px;min-width:0}.member-app .n-tutorial-entry h2{margin:0;color:var(--heading);font-size:16px;line-height:1.5;font-weight:550}.member-app .n-tutorial-meta{color:var(--secondary);font-size:11px;line-height:1.5}.member-app .n-tutorial-read{grid-column:1/-1;align-self:end;display:flex;align-items:center;min-height:28px;padding-top:10px;border-top:1px solid var(--outline);color:var(--primary);font-size:12px}
.member-app .n-tutorial-article{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;width:100%;max-width:1100px;margin:0 auto}.member-app .n-article-rail{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;color:var(--secondary);font-size:11px}.member-app .n-article-rail>.n-inner-button{margin-bottom:6px}
.member-app .n-article-reading{position:relative;min-width:0;padding:28px;border:1px solid var(--outline);border-radius:12px;background:var(--inner-glass);box-shadow:0 8px 24px var(--inner-shadow)}.member-app .n-article-reading::before{content:"";position:absolute;inset:-1px 20px auto;height:3px;border-radius:0 0 3px 3px;background:var(--brand-gradient)}
.member-app .n-article-reading>h1{color:var(--heading);font-size:clamp(22px,3vw,30px);line-height:1.5;margin:0 0 24px;overflow-wrap:anywhere}.member-app .n-article-body{min-width:0;color:var(--text);font-size:14px;line-height:1.9;overflow-wrap:anywhere}.member-app .n-article-body :is(img,video,iframe){max-width:100%}.member-app .n-article-body :is(pre,table){max-width:100%;overflow-x:auto}.member-app .n-article-body table{display:block}
.m-dialog .n-checkout-summary{padding:18px;border-radius:10px;background:linear-gradient(130deg,color-mix(in srgb,var(--brand-cyan) 8%,var(--surface)),color-mix(in srgb,var(--brand-violet) 7%,var(--surface)))}.m-dialog .n-checkout-summary .m-bill-lines>div{align-items:flex-start;gap:16px}.m-dialog .n-checkout-summary .m-bill-lines strong{min-width:0;overflow-wrap:anywhere}.m-dialog .n-checkout-summary .m-bill-total{align-items:baseline;padding-top:16px;margin-top:16px}.m-dialog .n-checkout-payments{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(min-width:768px) and (max-width:1023px){
 .member-app .n-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-app .n-node-regions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .member-app .n-referral-finance{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.member-app .n-referral-balance{padding:20px}.member-app .n-referral-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .member-app .n-account-overview{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.member-app .n-account-identity{padding:18px;flex-direction:column;align-items:flex-start;justify-content:center}.member-app .n-account-subscription-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr)}.member-app .n-account-plan{padding:14px}.member-app .n-account-plan-heading{gap:8px}.member-app .n-account-plan-heading h3{font-size:17px}
 .member-app .n-traffic-used{padding:22px}.member-app .n-traffic-account{padding:20px}.member-app .n-traffic-allowance dd{font-size:24px}
}
@media(max-width:767px){
 .member-app :is(.n-referral,.n-account,.n-records){gap:14px}.member-app .n-inner-heading h2{font-size:15px}.member-app .n-inner-button{padding:8px 12px;font-size:12px}
 .member-app .n-plan-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;width:100%;margin-bottom:8px;padding:3px}.member-app .n-plan-filters button{min-height:44px;padding:6px 3px;font-size:11px;line-height:1.3;white-space:normal}
 .member-app .n-plan-grid{grid-template-columns:1fr;gap:8px}.member-app .n-plan-card{min-height:160px;padding:8px 12px;border-radius:10px}.member-app .n-plan-card::before{inset:-1px 12px auto;height:2px}.member-app .n-plan-heading{min-height:21px;gap:12px}.member-app .n-plan-card h2{font-size:15px;line-height:1.35}.member-app .n-plan-popular{font-size:9px}
 .member-app .n-plan-card .m-plan-price{min-height:32px;margin-top:4px;padding:0}.member-app .n-plan-card .m-plan-price>strong{font-size:28px;line-height:1.1}.member-app .n-plan-card .m-plan-price>small{font-size:11px}.member-app .n-plan-card .m-plan-price>span{font-size:10px;line-height:1.4}
 .member-app .n-plan-details{margin-top:0}.member-app .n-plan-details>summary{min-height:44px;font-size:11px}.member-app .n-plan-facts{gap:4px 8px}.member-app .n-plan-controls{margin-top:2px;gap:8px}.member-app .n-plan-controls select{font-size:16px}.member-app .n-plan-controls .m-plan-purchase{font-size:13px}
 .member-app .n-invite-strip{grid-template-columns:1fr;gap:8px;padding:12px}.member-app .n-invite-strip>.n-inner-heading{min-height:44px}.member-app .n-invite-code{gap:8px}.member-app .n-invite-code>div{gap:8px}.member-app .n-invite-code code{font-size:16px}.member-app .n-invite-copy{padding:8px 10px}.member-app .n-extra-codes{grid-column:1}.member-app .n-extra-codes>summary{font-size:11px}
 .member-app .n-referral-finance{grid-template-columns:1fr;gap:12px}.member-app .n-referral-balance{min-height:132px;padding:20px;gap:14px}.member-app .n-referral-balance strong{font-size:36px}.member-app .n-referral-controls{gap:16px;padding:14px}.member-app .n-referral-actions{gap:6px}.member-app .n-referral-actions>.n-inner-button{padding:7px 3px;font-size:12px}.member-app .n-referral-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding-top:14px}.member-app .n-referral-metrics dd{font-size:19px}
 .member-app .n-commission-history>.n-inner-heading{margin-bottom:8px}.member-app .n-commission-grid{grid-template-columns:1fr;gap:10px}.member-app .n-commission-card{padding:16px}.member-app .n-commission-card dl{margin-top:12px}
 .member-app .n-account-overview,.member-app .n-account-settings,.member-app .n-account-subscription-body{grid-template-columns:1fr;gap:12px}.member-app .n-account-identity{padding:18px}.member-app :is(.n-account-subscription,.n-wallet,.n-password,.n-notification){padding:16px}.member-app .n-wallet-values{gap:8px}.member-app .n-wallet-values>div{gap:10px;padding:14px}.member-app .n-wallet-values dd{font-size:23px}.member-app .n-wallet-actions{gap:6px}
 .member-app .n-account-subscription>.n-inner-heading{gap:6px}.member-app .n-account-subscription .n-inner-link{font-size:12px}.member-app .n-account-subscription-body{margin-top:12px}.member-app .n-account-plan{padding:14px}.member-app .n-account-plan-heading h3{font-size:17px}.member-app .n-account-usage-block{margin:18px 0}.member-app .n-account-plan-facts{gap:10px}.member-app .n-account-plan-facts dd{font-size:13px}.member-app .n-account-usage{font-size:10px}
 .member-app .n-account-address{padding:8px;gap:8px}.member-app .n-account-address>.n-inner-button{padding:8px}.member-app .n-account-imports{gap:6px}.member-app .n-password-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:3px}.member-app .n-password-methods>button{min-height:44px;padding:8px 3px;font-size:12px}.member-app .n-password-fields{grid-template-columns:1fr;gap:12px}.member-app .n-password-fields input{font-size:16px}.member-app .n-password form>.n-inner-button,.member-app .n-notification form>.n-inner-button{width:100%}
 .member-app .n-record-toolbar{gap:10px}.member-app .n-record-counts{gap:14px}.member-app .n-record-counts>div{display:grid;gap:2px}.member-app .n-record-counts dt{font-size:11px}.member-app .n-record-counts dd{font-size:20px}.member-app .n-order-direct{flex-wrap:wrap;padding:12px}
 .member-app :is(.n-order-list,.n-ticket-list,.n-traffic-list,.n-tutorial-list){grid-template-columns:1fr;gap:12px}.member-app :is(.n-order-row,.n-ticket-row){padding:16px}.member-app .n-order-receipt-head{gap:12px}.member-app :is(.n-order-main,.n-ticket-main) h2{font-size:15px}.member-app .n-order-total dd{font-size:24px}.member-app .n-order-meta{gap:12px;margin:14px 0!important;padding:14px 0}.member-app .n-order-meta dd{font-size:11px}.member-app :is(.n-order-actions,.n-ticket-footer)>.n-inner-button{min-width:100px}
 .member-app .n-ticket-top{gap:8px}.member-app .n-ticket-main{gap:8px}.member-app .n-ticket-symbol{flex-basis:30px;width:30px;height:30px}.member-app .n-ticket-dates{gap:12px;margin:14px 0!important;padding:14px 0}.member-app .n-ticket-dates dd{font-size:11px}
 .member-app .n-node-regions{grid-template-columns:1fr;gap:12px}.member-app .n-node-region>.n-inner-heading{min-height:54px;padding:12px 14px}.member-app .n-node-entry{min-height:88px;padding:12px 0}
 .member-app .n-traffic-overview{grid-template-columns:1fr;gap:12px}.member-app .n-traffic-used{min-height:164px;padding:22px;gap:12px}.member-app .n-traffic-used>strong{font-size:36px}.member-app .n-traffic-account{gap:16px;padding:18px}.member-app .n-traffic-allowance{gap:12px}.member-app .n-traffic-allowance dd{font-size:24px}.member-app .n-traffic-plan{gap:10px;padding-top:14px}.member-app .n-traffic-plan>strong{font-size:14px}.member-app .n-traffic-plan>span{font-size:10px;text-align:right}.member-app .n-traffic-row{padding:16px}
 .member-app .n-knowledge-layout{gap:12px}.member-app .n-knowledge-directory{display:grid;grid-template-columns:1fr;gap:8px}.member-app .n-knowledge-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.member-app .n-knowledge-tabs>button{flex:0 0 auto;max-width:230px;padding:8px 10px;white-space:normal}.member-app .n-knowledge-downloads>summary{min-height:44px;padding:8px 12px}.member-app .n-knowledge-downloads .n-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .member-app .n-tutorial-entry{min-height:150px;padding:16px;gap:14px 10px}.member-app .n-tutorial-entry h2{font-size:15px}.member-app .n-tutorial-article{grid-template-columns:1fr;gap:14px}.member-app .n-article-rail{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.member-app .n-article-rail>.n-inner-button{margin:0}.member-app .n-article-reading{padding:20px 16px}.member-app .n-article-reading>h1{margin-bottom:20px;font-size:23px}.m-dialog .n-checkout-summary{padding:14px}
}
@media(prefers-reduced-motion:reduce){.member-app :is(.n-inner-button,.n-node-entry,.n-tutorial-entry){transition:none}.member-app .n-inner-button:hover{transform:none}}